@charset "utf-8";

@import url(default.css);
@import url(base.css);


	#globalheader{
		position:relative;
		z-index:1000;
	}


	@media screen and (max-width:1020px){
		#snslink{
			display:block;
		}
	}


	#main{padding:0;}

	#mainimage{
		width:900px;
		height:302px;
		background:url(../images/line_white.gif) no-repeat 677px 302px #2c6234;
		padding:5px;
		margin:25px auto 30px;
	}

@media screen and (max-width:930px){

	#mainimage{
		max-width:660px;
		width:98%;
		padding:5px 1%;
		height:auto;
	}

}

		#largeimage{
			width:660px;
			height:300px;
			border:1px solid #96b19a;
			background-color:#fff;
			background-repeat:no-repeat;
			float:left;
			overflow:hidden;
		}

	/*@media screen and (max-width:930px){
		
		#largeimage{
			width:74%;
			height:auto;
		}
		#largeimage img{width:100%;}
		
	}*/

	@media screen and (max-width:930px){
		
		#largeimage{
			width:100%;
			max-height:300px;
			margin:0 auto;
			float:none;
		}
		#largeimage img{width:100%;}
		
	}

		
			#mainimage #mainban{
				height:302px;
				margin-top:2px;
				float:right;
			}

		/*@media screen and (max-width:930px){
			
			#mainimage #mainban{
				width:25%;
				height:auto;
				position:relative;
			}
			
		}*/

		@media screen and (max-width:930px){
			
			#mainimage #mainban{
				display:none;
			}
			
		}
		
			#mainimage #mainban li{
				width:225px;
				overflow:hidden;
			}

		@media screen and (max-width:770px){
			
			#mainimage #mainban li{
				width:100%;
				height:auto;
			}
			#mainimage #mainban li img{
				width:100%;
			}
			
		}
		
			
			
				#btnprev,
				#btnnext{
					height:12px;
					position:relative;
					left:-2px;
					z-index:10;
					cursor:pointer;
				}
	/*			
			@media screen and (max-width:770px){

				#btnprev,
				#btnnext{
					width:100%;
					margin:0 auto;
				}
	
			}
	*/		
			#btnprev{
					margin-top:-12px;
					top:5px;
					background-image:url(../images/btn_to-up.gif);
					background-repeat:no-repeat;
					background-position:50% 0;
				}
				#btnnext{
					margin-bottom:-12px;
					top:-5px;
					background-image:url(../images/btn_to-down.gif);
					background-repeat:no-repeat;
					background-position:50% 0;
				}
				
				#mainimage li{
					width:225px;
					height:95px;
					list-style:none;
					margin-bottom:4px;
					margin-right:4px;
				}
				

				
				#mainimage li.ban-splink{
					padding-top:4px;
					height:90px;
					border-top:1px solid #96b19e;
					margin-bottom:4px;
					background:url(../images/bg_banspacer.gif) no-repeat 0 100%;
				}
	
				#mainimage li#ban-about{background:url(../images/ban_about.jpg) no-repeat;}
				#mainimage li#ban-items{background:url(../images/ban_items.jpg) no-repeat;}
				#mainimage li#ban-shopping{background:url(../images/ban_shopping.jpg) no-repeat;}
				#mainimage li#ban-cm{
					background:url(../images/ban_cm.jpg) no-repeat 0 4px;
					width:215px;
					height:85px;
					padding:9px 15px 0 5px;
					color:#fff;
					line-height:120%;
					font-size:12px;
				}

					#mainimage li h3{
						height:63px;
						text-indent:-9999px;
					}
				
					.mainlink{
						width:220px;
						text-align:right;
					}
	
						#mainimage li a:hover img{
							filter:alpha(opacity=80);
							-moz-opacity:0.80;
							opacity:0.80;
						}

						#mainimage li#ban-cm .linkimg{
							display:block;
							float:left;
							width:100px;
							height:80px;
							margin-right:10px;
							text-indent:-9999px;
						}
						
						#mainimage li#ban-cm h4{
							color:#ff0;
							font-weight:bold;
							margin-bottom:3px;
						}
						
						#mainimage li#ban-cm h4 a{
							color:#ff0;
							text-decoration:none;
						}


			#omimai2{
				padding:20px 50px 20px;
				line-height:1.8em;
				color:#666;
				font-size:1.0em;
				font-family: "kozuka-mincho-pro";
				letter-spacing:0.05em;
				border-top:1px solid #ddd;
			}

			#omimai2 h3{
				margin-bottom:10px;
				color:#333;
				font-size:1.45em;
				font-weight:700;
				letter-spacing:0.07em;
			}

			#omimai2 p{
				margin:5px 0 0;
			}

			#centercontent{
				background:#f0f7ff;
				margin-bottom:30px;
				border-top:1px solid #ddd;
				border-bottom:1px solid #ddd;
			}

			#centercontent .note{
				max-width:800px;
				width:90%;
				margin:30px auto;
			}
					

				#centercontent .note .date{
					float:left;
					width:100px;
				}
					
			@media screen and (max-width:640px){

				#centercontent .note .date{
					float:none;
				}
					
			}

				#centercontent .note .notemain{
					width:calc(100% - 120px);
					color:#000;
					font-size:1.2em;
					font-family: "kozuka-mincho-pro";
					letter-spacing:0.07em;
					line-height:1.7em;
					float:right;
				}
				
			@media screen and (max-width:1020px){

				#centercontent .note .notemain{
					font-size:1.0em;
				}
				
			}
					
			@media screen and (max-width:640px){

				#centercontent .note .notemain{
					width:100%;
					float:none;
				}
				
			}

				#centercontent .note .notemain h3{
					font-weight:700;
				}
		
			#ganbarou{
				width:313px;
				margin:23px 0 0 50px;
				float:left;
			}
			#ganbarou img{width:100%;}
				
		@media screen and (max-width:1020px){
			
			#ganbarou{
				max-width:313px;
				width:80%;
				margin:23px auto 0;
				float:none;
			}
			
		}
		
			#fbbox{
				width:560px;
				/*float:right;*/
				margin:15px auto 15px;
			}
				
		@media screen and (max-width:1020px){
			
			#fbbox{
				margin:15px auto 15px;
				float:none;
			}
			
		}

				#fbbox p{
					color:#c30;
					font-size:0.8em;
					line-height:1.6em;
					float:right;
				}
				
		@media screen and (max-width:640px){
			
			#fbbox{
				width:100%;
				margin:15px auto 15px;
			}
			
				#fbbox img{
					display:block;
					margin:0 auto;
				}
				
				#fbbox p{
					float:none;
					text-align:center;
				}
				
		}

						


			#releaselist,
			#pickuplist{
				max-width:884px;
				width:90%;
				margin:0 auto 30px;
			}
			 #pickuplist{
				margin-bottom:30px;
			}

				#releaselist .linklist,
				#pickuplist .linklist{
					display:block;
					padding:3px 0 0 15px;
					font-size:0.8em;
					float:right;
					text-decoration:none;
					background-image:url(../shared/ico_yajirushi.gif);
					background-size:10px auto;
					background-position:0 50%;
					background-repeat:no-repeat;
				}

			
				#releaselist h2,
				#pickuplist h2{
					width:calc(100% - 15px);
					margin:15px 0 5px;
					padding:0 0 0 15px;
					color:#326290;
					font-weight:700;
					border-bottom:1px solid #ccc;
					background-image:url(../shared/dot_box-blue.gif);
					background-repeat:no-repeat;
					background-position:3px 6px;
				}
		
				#releaselist h2 a,
				#pickuplist h2 a{
					color:#326290;
					text-decoration:none;
				}
	

				#releaselist ul,
				#pickuplist ul{
					margin:15px 0 25px;
				}

					#releaselist li,
					#pickuplist li{
						margin:6px 0;
						background-image:url(../common/arrow_right_red1.png);
						background-repeat:no-repeat;
						background-position: 0 7px;
						padding-left:15px;
						list-style:none;
						line-height:1.7em;
						font-size:95%;
					}
					#releaselist li a,
					#pickuplist li a{
						text-decoration:none;
					}
					#releaselist li a:hover,
					#pickuplist li a:hover{
						text-decoration:underline;
					}
				
				@media screen and (max-width:640px){

					#releaselist li,
					#pickuplist li{
						padding:10px 0 10px 15px;
						border-bottom:1px dashed #ccc;
						background-position: 0 17px;
					}
		
				}

		#banlist{
			width:100%;
			height:70px;
			margin-bottom:40px;
			background:#eee;	
			overflow:hidden;		
		}
	
	@media screen and (max-width:420px){
		
		#banlist{height:58px;}
	
	}

			#banlist ul{
				width:930px;
				height:54px;
				margin:0 auto;
				padding:8px 0;
				position:relative;
				left:-2px;
			}		
	
		@media screen and (max-width:960px){

			#banlist ul{width:750px;}		
	
		}
	
		@media screen and (max-width:790px){

			#banlist ul{width:560px;}		
	
		}
	
		@media screen and (max-width:610px){

			#banlist ul{width:370px;}		
	
		}
	
		@media screen and (max-width:420px){

			#banlist ul{
				width:290px;
				hwight:42px;
				left:0;
			}		
	
		}


				#banlist li{
					width:180px;
					height:54px;
					margin-left:5px;
					list-style:none;
				}
	
		@media screen and (max-width:420px){

			#banlist ul{height:48px;}

				#banlist li{width:140px;}
				#banlist li img{width:100%;}
	
		}
	
			#arrows{
				position:relative;
				margin-bottom:-70px;
				top:-55px;
			}

			.slick-next,
			.slick-prev{
				display:block;
				position:relative;
				width:15px;
				height:70px;
				margin-bottom:-45px;
				cursor:pointer;
			}
			
			.slick-next{
				float:right;
				background:url(../shared/img_yajirushi2.png) no-repeat 50% 50%;
				left:15px;
			}
			.slick-prev{
				float:left;
				background:url(../shared/img_yajirushi1.png) no-repeat 50% 50%;
				left:-15px;
			}



				#banlist li.spmainban{display:none;}

			@media screen and (max-width:930px){

				#banlist li.spmainban{display:block;}

			}




		#imagemain{
			margin:0 auto 25px;
		}



	.longban{
		text-align:center;
		margin:40px 0 40px;
	}


		.longban img:hover{
			filter:alpha(opacity=80);
			-moz-opacity:0.80;
			opacity:0.80;
		}
		.longban img{
			-webkit-transition:opacity 0.3s ease-out;
			-moz-transition:opacity 0.3s ease-out;
			-ms-transition:opacity 0.3s ease-out;
			transition:opacity 0.3s ease-out;
		}



/* フッター ---------------------------------- */

		#footerbottom{background:#398044;}