/* CSS Document */

@import url(navi.css);
@import url(common.css);

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed); /* price*/
@import url('https://fonts.googleapis.com/css?family=Norican'); /* recipe */

#header {
	width:100%;
	padding:0;
	margin:0 auto;
	clear:both;
	background: url(../img/common/back.jpg) repeat;
}

	#headin {
		width:1020px;
		margin:0 auto;
		padding:20px 0;
		clear:both;
	}
	
	#headinl {
		width: 75px;
		height: 118px;
		float: left;
	}
	
	#headinl img {
		max-width: 100%;
		height: auto;
	}
	
	#headinr {
		width: 924px;
		float: right;
		padding: 5px 0 0 0;
	}
	
	#headinr h2 {
		font-size: 14px;
		font-weight: normal;
		line-height: 14px;
		margin: 0;
		padding: 5px 0;
		text-align: right;
	}
	
	#headinr h2 a {text-decoration: none;}
 
	
	#headinr p.tel {
		text-align: right;
		padding: 0;
		margin: 0;
	}


/*------smp--------------------------------*/
@media screen and (max-width: 640px) {


	#headin {
		width:100%;
		padding:0 0 20px 0;
	}
	
	#headinl {
		width: 60px;
		height: 100px;
		position: absolute;
		left: 5%;
		top:0px;
		background-color: #ffffff;
		padding: 15px 10px 10px 10px;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
		box-shadow: 0px 0px 3px #ccc;	
	}
	
	#headinl img {
		max-width: 100%;
		height: auto;
	}
	
	
	#headinr {
		width: 70%;
		margin-right: 5%;
	}
}


/*---共通タイトル部--------------------------------------------------------------*/



#main {
	width: 1000px;
	margin: 0 auto;
	padding: 160px 0 0 0;
}

.main_sake,
.main_sake_smp {width: 100%;height: 446px;background: url(../img/sake/main.jpg) no-repeat; background-size: cover; background-position: center top;}
.main_store {width: 100%;height: 446px;background: url(../img/store/main.jpg) no-repeat; background-size: cover; background-position: center top;}
.main_info {width: 100%;height: 446px;background: url(../img/info/main.jpg) no-repeat; background-size: cover; background-position: center top;}
.main_contact {width: 100%;height: 446px;background: url(../img/contact/main.jpg) no-repeat; background-size: cover; background-position: center top;}

.main_sake_smp {display: none;}

	#main h1 {
		width: 236px;
		height: 43px;
		background: url(../img/bar.png) repeat-x bottom;
		margin: 0 0 10px 5px;
		padding: 0;
		color: #ffffff;
		text-align: left;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.8em;
		line-height: 100%;
		font-weight: 500;
	}
	
		/*#main h1#sakeh1 {background: url(../img/sake/title.png) no-repeat;}
		#main h1#storeh1 {background: url(../img/store/title.png) no-repeat;}
		#main h1#infoh1 {background: url(../img/info/title.png) no-repeat;}
		#main h1#contacth1 {background: url(../img/contact/title.png) no-repeat;}*/

	
	#main p {
		margin: 0;
		padding: 0 5px;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.2em;
		color: #ffffff;
	}


/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

.main_sake {display: none;}
.main_sake_smp {display: block;}

#main {
	width: 100%;
	margin: 0 auto;
	padding: 200px 0 0 0;
}

.main_sake,
.main_sake_smp,
.main_store,
.main_info,
.main_contact {
	width: 100%;
	height:300px;
	background-size: auto 200px;
	background-position: center top;
}

	#main h1 {
		width: 80%;
		height: auto;
		text-indent: 0;
		margin: 10px auto;
		padding: 10px 0;
		white-space: pre-wrap;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.8em;
		text-align: center;
		font-weight: normal;
		border-bottom: 1px solid #d6d6d6;
		color: #000000;
	}
	
	

	
		#main h1#sakeh1,
		#main h1#storeh1,
		#main h1#infoh1,
		#main h1#contacth1  {background-image: none;}
	
	#main p {
		font-size: 1.1em;
		text-align: center;
		color: #000000;
		padding: 5px 0 0 0;
	}

}


/*-------------------------------------------------*/
/* 共通使用したいスタイル　*/
/*-------------------------------------------------*/

.whis {
	width: 100%;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;
	margin: 0 auto;
}

.sakura_bird {background: url(../img/sake/sakura1.png) no-repeat right top;}
.sakura {background: url(../img/sake/sakura2.png) no-repeat left bottom;}
.river1 {background: url(../img/sake/river1.png) no-repeat right top;}

.chidori {background: url(../img/sake/chidori.png)}

.sp30 {padding: 40px 0 30px 0;}
.sp60 {padding: 60px 0;}

.ctr {
text-align: center;
}

/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

.sakura_bird {background-size: 50% auto;}
.sakura {background-size: 50% auto;}
.river1 {background-size: 70% auto;}

.chidori {background-size: 40% auto;}

.ctr {
width: 90%;
margin: 0 auto;
}
.ctr img {
max-width: 49%;
height: auto;
}
}


/*-------------酒蔵見学と各種お問合せ-------------------------------------------------------------------*/

#contact {
	width: 100%;
	margin: 0 auto;
}

	#contactin {
		width: 915px;
		margin: 0 auto;
		padding: 60px 0;
	}
	
	#contact h2 {
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 2.2em;
		margin: 0;
		padding: 10px 0 0 0;
		font-weight: normal;
		text-align: center;
	}
	
	#contactin .waku {
		width: 915px;
		padding: 60px 0 0 0;
	}
	
		#contactin .wakul {
			width: 429px;
			float: left;
		}
		
		#contactin .wakur {
			width: 429px;
			float: right;
		}
		
		#contactin h3 {
			font-size: 1em;
			margin: 0;
			padding: 10px;
		}
		
		#contactin p {
			margin: 0;
			padding: 10px;
		}
		
	#contact #cform {
		width: 795px;
		border: 1px solid #d6d6d6;
		padding: 60px;
		margin: 0 auto 60px auto;
		background-color: #ffffff;
		-webkit-box-shadow: 0px 0px 3px #ccc;
		-moz-box-shadow: 0px 0px 3px #ccc;
		box-shadow: 0px 0px 3px #ccc;	
	}

	
	#cform dl {
		width:620px;
		padding:0;
		margin:30px auto 0 auto;
		text-align:left;
	}

	#cform dt {
		float:left;  
		border-top:1px dotted #cccccc;
		width:180px;  
		padding:5px 0 5px 0;  
		clear:both;
		font-weight: bold;
	}

	#cform dd {  
		margin-left:180px;  
		border-top:1px dotted #cccccc;
		padding:5px 0 5px 5px;  
	}
	

	#cform p {
		padding: 60px 0 20px 0;
		margin: 0 auto;
		width: 620px;
	}
	
/*--smp----------------------------------*/
@media screen and (max-width: 640px) {

#contact {
	width: 100%;
	margin: 0 auto;
}

	#contactin {
		width: 90%;
		margin: 0 auto;
		padding: 30px 0;
	}
	
	#contact h2 {
		font-size: 1.8em;
	}
	
	#contactin .waku {
		width: 100%;
		padding: 20px 0 0 0;
	}
	
		#contactin .wakul,
		#contactin .wakur {
			width: 100%;
			float: none;
			padding-bottom: 20px;
		}
		
		#contactin .wakul img,
		#contactin .wakur img {
			width: 100%;
			height: auto;
		}
		
	#contact #cform {
	width: 90%;
	margin: 0 auto;
	padding:20px 0;
	}
	
	#cform p {
		padding: 30px 0 20px 0;
		margin: 0 auto;
		width: 90%;
	}
	
	#cform dl {
		width:90%;
		padding:0;
		margin:0px auto 0 auto;
		text-align:left;
	}

	#cform dt {
		float:left;  
		width:100%;  
	}

	#cform dd {  
		margin-left:0;  
		border-top:1px dotted #cccccc;
		padding:5px 0 5px 0;  
}
}



/*-------------sake-------------------------------------------------------------------*/

#sake {
	width: 100%;
	margin: 0 auto;
}

#sake h2 {
	width: 335px;
	height: 43px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0 auto 20px auto;
}

	#sake h2#sh21 {background: url(../img/sake/st1.png) no-repeat center top;}
	#sake h2#sh22 {background: url(../img/sake/st2.png) no-repeat center top;}
	#sake h2#sh23 {background: url(../img/sake/st3.png) no-repeat center top;}
	#sake h2#sh24 {background: url(../img/sake/st4.png) no-repeat center top;}
	#sake h2#sh25 {background: url(../img/sake/st5.png) no-repeat center top;}
	
	#sake h3 {
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.1em;
		margin: 0;
		padding: 10px 0 0 0;
		font-weight: normal;
		line-height: 140%;
	}
	
	#sake h3.hana {font-size: 1.6em;}
	
	#sake h4.pink {
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.8em;
		margin: 0 0 20px 0;
		padding: 10px 0;
		font-weight: normal;
		color: #C62B32;
	}


	#sake p.htxt {
		font-size: 1.2em;
		padding: 0;
		margin: 0 0 20px 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		text-align: center;
	}
	
/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#sake h2 {
	width: 90%;
	height: 25px;
	margin: 0 auto 20px auto;
}

	#sake h2#sh21,
	#sake h2#sh22,
	#sake h2#sh23,
	#sake h2#sh24,
	#sake h2#sh25 {background-size: contain; background-position: center top;}
	
	#sake h3 {
		font-size: 1.05em;
		padding: 0;
		line-height: 120%;
	}
	
	#sake h4.pink {
		font-size: 1.4em;
		margin: 0;
		padding: 10px 0;
	}

	#sake p.htxt {
		font-size: 1em;
		padding: 0 5%;
		margin: 0;
	}
}
	


	
/*---------------------------*/
#sake .waku {
	width: 1070px;
	margin: 0 auto;
}

#sake .waku2 {
	width: 790px;
	margin: 0 auto;
}

#sake .waku3 {
	width: 760px;
	margin: 0 auto;
}

#sake .box1 {
	width: 160px;
	float: left;
	margin: 20px 8px;
	text-align: center;
}

#sake .box2 {
	width: 294px;
	margin: 20px 50px;
	float: left;
	text-align: center;
}

#sake .box3 {
	width: 240px;
	margin: 20px 15px;
	float: left;
	text-align: center;
}


#sake .box4 {
	width: 180px;
	float: left;
	margin: 20px 8px;
	text-align: center;
}

#sake .box5 {
	width: 135px;
	float: left;
	margin: 20px 8px;
	text-align: center;
}

#sake .waku .box p,
#sake .waku2 .box p{
	font-size: 0.9em;
	margin: 0;
	padding: 5px 0;
}


#sake .kwaku {
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 30px 0;
}

	#sake .kwakul {
		width: 560px;
		float: left;
	}
	#sake .kwakul p {margin: 0 0 20px 0; padding: 0;}
	#sake .kwakul p.sub {
		border-top:1px dotted #cccccc;
		border-bottom: 1px dotted #cccccc;
		padding: 15px 0;
		margin: 0 0 20px 0;
	}
	

	
	#sake .kwakur {
		width: 395px;
		float: right;
		padding: 30px 0 0 0;
	}
	
#sake img.pred {}
#sake img.about {}

/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#sake .waku,
#sake .waku2,
#sake .waku3 {width: 90%;}


#sake .box1,
#sake .box3,
#sake .box4,
#sake .box5 {
	width: 50%;
	float: left;
	margin: 0;
}

#sake .box1 img,
#sake .box2 img,
#sake .box3 img,
#sake .box4 img,
#sake .box5 img {
max-width: 100%;
width: auto;
height: 200px;
}

#sake .box2 {
	width: 100%;
	margin: 20px auto;
	float: none;
}



#sake .waku .box p,
#sake .waku2 .box p{
	padding: 0;
	line-height: 110%;
}


#sake .kwaku {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0 30px 0;
}

	#sake .kwakul {
		width: 100%;
		float: none;
	}
	#sake .kwakul p {line-height: 160%;}
	#sake .kwakul p.sub {
		padding: 10px 0;
		line-height: 140%;
		margin: 0 0 20px 0;
	}
	
	#sake .kwakur {
		width: 100%;
		float: none;
		padding: 30px 0 0 0;
	}
	
	#sake .kwakur img {
		max-width: 100%;
		height: auto;
	}
	
#sake img.pred {}
#sake img.about {
	width: auto;
	height: auto;
}
}






/*------------会社案内----------------------------------------------*/

#comp1 {
	width: 100%;
	min-height: 600px;
	background: url(../img/company/1.jpg) no-repeat center bottom;
	background-size: cover;
 } 
 

	#comp1 h1 {
		width: 280px;
		height: 44px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/company/st1.png) no-repeat center bottom;
		margin:0 auto 30px auto;
		padding: 100px 0 0 0;
	}
	
#comp2 {width: 100%; text-align: center;}

	


	#comp2 h1 {
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		padding: 100px 0 0 0;
		text-align: center;
		font-size: 3em;
		font-weight: normal;
		margin: 0 0 30px 0;
	}
	
	#comp2 h2 {
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		padding: 30px 0 0 0;
		text-align: center;
		font-size: 1.6em;
		font-weight: normal;
		margin: 0 0 30px 0;
	}
	
	#comp1 p,
	#comp3 p {
		text-align: center;
		font-size: 1.2em;
		margin: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
	#comp2 p {
		text-align: left;
		width: 600px;
		font-size: 1.1em;
		margin: 0 auto;
		padding: 20px 0 60px 0;
		line-height: 220%;
	}
	
	#comp2  dl {
		width: 600px;
		padding:0;
		margin:0 auto 60px auto;
		text-align:left;
	}

	#comp2 dt {
		float:left;  
		width:130px;  
		padding:5px 0 5px 0;  
		clear:both;
		font-weight: bold;
		border-top: 1px dotted #d6d6d6;
	}

	#comp2 dd {  
		margin-left:130px;  
		padding:5px 0 5px 5px;  
		border-top: 1px dotted #d6d6d6;
	}
	
	#comp2 dt h3,
	#comp2 dd p {
		font-size: 1em;
		padding: 5px 10px 0 20px;
		margin: 0;
		font-weight: normal;
		width: auto;
		line-height: 180%;
	}
	
	#comp2 dd {min-height: 60px;}
	
	
	#comp2 .blueberry {
		max-width: 800px;
		height: auto;
		margin: 0 auto;
	}
	
	#comp2 .img {width: 100%;}
	#comp2 .img img {
		width: 100%;
		height: auto;
	}
	
	#comp2 #map {
		width: 100%;
		height:380px;
	}
	
		#comp2 #map iframe {
			width: 100%;
			
		}

	
	
/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#comp1 {
	min-height: 300px;
 } 
 
	#comp1 h1 {
		width: 50%;
		height: 35px;
		padding: 50px 0 0 0;
		background-size: 100%;
		background-position: center bottom;
	}
	
	#comp2 h1 {
		padding: 100px 0 0 0;
		text-align: center;
		font-size:1.4em;
		font-weight: normal;
		margin: 0 0 30px 0;
	}
	
	#comp2 h2 {
		padding: 30px 0 0 0;
		text-align: center;
		font-size: 1.3em;
		font-weight: normal;
		margin: 0 0 30px 0;
	}
	
	#comp1 p,
	#comp3 p {
		font-size: 1em;
	}
	
	#comp2 p {
		width: 90%;
		font-size: 1em;
		padding: 20px 0 60px 0;
		line-height: 220%;
	}
	
	#comp2  dl {
		width: 90%;
		margin:0 auto 60px auto;
		font-size: 0.9em;
	}

	#comp2 dt { 
		width:100%; 
		font-weight: 500;
	}
	
	#comp2 dt br {display: none;}
	
	#comp2 dt img {
		width: 100px;
		height: auto;
	}

	#comp2 dd {  
		margin-left:0;  
		padding:0 0 5px ;  
		border-top: none;
	}
	
	#comp2 dt h3,
	#comp2 dd p {
	width: auto;
		font-size: 1.1em;
		padding: 5px 10px 5px 5px;
		margin: 0;
	}
	
	
	#comp2 .blueberry img {
		width: 100%;
		height: auto;
	}
	#comp2 .img {width: 100%; height: auto;}
	#comp2 .img img {
		width: 100%;
		height: auto;
	}
	
	#comp2 #map {
		width: 100%;
		height:200px;
	}
	
		#comp2 #map iframe {
			width: 100%;
			height: 200px;			
		}
}



/*---------------酒蔵案内--------------------------------------------*/

#mainimg {
	width: 100%;
	min-height: 600px;
	position: relative;
}

	#mainimg #enj {
		width: 310px;
		height: 187px;
		position: absolute;
		left: 50%;
		bottom: 150px;
		margin: 0 0 0 -155px;
	}
	
	#mainimg #enj h1 {
		width: 310px;
		height: 187px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/kura/enj.png) no-repeat;
	}
	
	#mainimg #next {
		width: 50px;
		height: 52px;
		position: absolute;
		left: 50%;
		bottom: 70px;
		margin: 0 0 0 -25px;
	}
	
#hishi {
	width: 673px;
	height: 673px;
	background: url(../img/kura/hishi.png) no-repeat center top;
	background-position: center bottom;
	margin: 0 auto 30px auto;
	padding: 30px 0 0 0;
	text-align: center;
}
	
	#hishi h1 {
		font-size: 2em;
		padding: 160px 0 0 0;
		line-height: 120%;
		font-weight: normal;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
	#hishi p {
		font-size: 1.3em;
		padding: 0;
		line-height: 220%;
		font-weight: normal;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
.kurawaku {
	width: 100%;
	position: relative;
	min-height: 600px;
	box-sizing: border-box;
}

#komew,
#mizuw,
#hitow {
	width: 100%;
	position: relative;
	border-bottom: none;
	box-sizing: border-box;
	padding: 76px 0;
	min-height: 600px;
	}

	.kurawakuw.kome {background: url(../img/kura/kome.jpg) no-repeat center top; background-size: cover;}
	.kurawakuw.mizu {background: url(../img/kura/mizu.jpg) no-repeat center bottom; background-size: cover;}
	.kurawakuw.hito {background:url(../img/kura/s1.jpg) no-repeat left; background-size: cover;}


#komew .waku {
	width: 390px;
	border: 1px solid #ffffff;
	margin: 0 0 0 50%;
	padding: 50px;
}

#mizuw .waku {
	width: 390px;
	border: 1px solid #ffffff;
	margin: 0 50% 0 0;
	float: right;
	padding: 50px;
}

#hitow .waku {
	width: 390px;
	border: 1px solid #666666;
	margin: 0 0 0 50%;
	padding: 50px;
}

	#komew h1,
	#mizuw h1,
	#hitow h1 {
	width: 48px;
	height: 71px;
	margin: 0 auto 20px auto;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	}
	
	#komew h1#komeh1 {background: url(../img/kura/st1.png) no-repeat;}
	#mizuw h1#mizuh1 {background: url(../img/kura/st2.png) no-repeat;}
	#hitow h1#hitoh1 {background: url(../img/kura/st3.png) no-repeat;}
	
	#komew p,
	#mizuw p {
	color: #ffffff;
	margin: 0;
	padding: 0 0 30px 0;
	}
	
	#hitow p {
	margin: 0;
	padding: 0 0 30px 0;
	}


#gallery {
	width: 100%;
	padding: 0px;
	background-color: #ffffff;
	margin:0px auto 600px auto;
}

#gallery img {
	width: 16.666%;
	height: auto;
	display: block;
	float: left;
}

#gallery img:hover {
opacity:0.5; filter: alpha(opacity=50);

}
	#gallery img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
			}

	#gallery h1 {
		font-size: 1.6em;
		text-align: center;
		padding: 60px 0 0 0;
		line-height: 120%;
		font-weight: normal;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
	#gallery p {
		font-size: 1em;
		padding: 0 0 80px 0;
		line-height: 220%;
		text-align: left;
		font-weight: normal;
		width: 800px;
		margin: 0 auto;
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
#gallery p.eng {
	font-family: 'Dancing Script', cursive;
	font-size: 1.2em;
	text-align: center;
	padding: 10px 0 20px 0;
	font-weight: normal;
}



/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#mainimg {min-height: 300px;}

	#mainimg #enj {
		width: 200px;
		height: 160px;
		position: absolute;
		left: 50%;
		bottom: 0px;
		margin: 0 0 0 -100px;
	}
	
	#mainimg #enj h1 {
		width: 200px;
		height: 160px;
		background-size: contain;
	}
	
	#mainimg #next {display: none;}
	
#hishi {
	width: 100%;
	height: auto;
	min-height: none;
	background:none;
	background-color: #ffffff;
	padding: 0 0 30px 0;
	margin: 0;
}
	
	#hishi h1 {
		font-size: 1.4em;
		padding: 30px 0 0 0;
	}
	
	#hishi p {
		font-size: 1.05em;
		line-height: 160%;
	}
	
	#hishi img {
		max-width: 25%;
		height: auto;
	}

.kurawaku {
	width: 100%;
	position: static;
	min-height: 300px;
	box-sizing: border-box;
}

#komew,
#mizuw,
#hitow {
	width: 100%;
	position: relative;
	padding: 30px 0;
	min-height: 300px;
	}

#komew .waku,
#mizuw .waku,
#hitow .waku{
	width: 80%;
	margin: 0 auto;
	padding: 30px 5%;
	float: none;
	box-sizing: border-box;
}

#komew .waku img {
	max-width: 100%;
	height: auto;
}


	#komew h1,
	#mizuw h1,
	#hitow h1 {
	width: 48px;
	height: 60px;
	margin: 0 auto 20px auto;
	}
	
	#komew h1#komeh1,
	#mizuw h1#mizuh1,
	#hitow h1#hitoh1 {background-size: contain; background-position: center top;}
	
	#komew p,
	#mizuw p,
	#hitow p {padding: 0 0 10px 0;}
	
#gallery {margin:0px auto 400px auto;}
#gallery img {width: 33.3333%;}

	#gallery h1 {
		font-size: 1.4em;
		text-align: center;
		padding: 30px 5% 0 5%;
		margin: 0;
	}
	
	#gallery p {
		font-size: 1em;
		padding: 0 0 40px 0;
		line-height: 180%;
		width: 90%;
	}
	}



/*---------------レシピ酒の飲み方----------------------------------------------*/

#style1 {
	width: 100%;
	max-width: 1500px;
	height: 590px;
	margin: 0 auto;
	background: url(../img/story/back1.jpg) no-repeat center top;
	overflow: hidden;
 		-webkit-animation:dly1 25s;
		-o-animation:dly1 25s;
		-ms-animation:dly1 25s;
		-moz-animation:dly1 25s;		
}

#style2 {
	width: 100%;
	max-width: 1500px;
	height: 590px;
	margin: 0 auto;
	background: url(../img/story/back2.jpg) no-repeat center top;
	overflow: hidden;
 		-webkit-animation:dly1 25s;
		-o-animation:dly1 25s;
		-ms-animation:dly1 25s;
		-moz-animation:dly1 25s;		
}


	@-webkit-keyframes dly1 {
	0%	{background-size: auto 700px;}
	100% {background-size: auto 590px;}
	}
	@-o-keyframes dly1 {
	0%	{background-size: auto 700px;}
	100% {background-size: auto 590px;}
	}
	@-ms-keyframes dly1 {
	0%	{background-size: auto 700px;}
	100% {background-size: auto 590px;}
	}
	@-moz-keyframes dly1 {
	0%	{background-size: auto 700px;}
	100% {background-size: auto 590px;}
	}


#style1in {
	width: 1000px;
	margin: 0 auto;
	padding: 100px 0 0 0;
}

#style2in {
	width: 500px;
	margin: 0 auto 0 50%;
	padding: 100px 0 0 0;
}

	#style1in h1 {
		width: 141px;
		height: 42px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/story/st1.png) no-repeat;
	}
	
	#style1in p,
	#style2in p{
		font-size: 1.4em;
		padding: 30px 0 15px 0;
		line-height: 140%;
		text-align: left;
		margin: 0;
		color: #ffffff;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
	#style1in p.name,
	#style2in p.name{
		font-size: 1em;
		padding: 0 0 10px 0;
		line-height: 120%;
		text-align: left;
		color: #ffffff;
		margin: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
	#style1in a img:hover,
	#style2in a img:hover{
		opacity:0.5; filter: alpha(opacity=50);
	}
	
	
	#style1in a img,
	#style2in a img {
	-webkit-transition: 0.5s ease-in-out;
	   -moz-transition: 0.5s ease-in-out;
		 -o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
			}


#recipes {
	width: 100%;
	padding: 60px 0;
	text-align: center;
}

	#recipes h1 {
		width: 141px;
		height: 42px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/story/st2.png) no-repeat;
		margin: 0 auto 30px auto;
	}
	
	#recipes h2 {
		width: 141px;
		height: 42px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/story/st3.png) no-repeat;
		margin: 0 auto 30px auto;
	}

	#recipes p {
		font-size: 1em;
		padding: 0 0 50px 0;
		line-height: 180%;
		text-align: center;
		margin: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
	#recipes p strong {
		font-size: 1.4em;
		line-height: 200%;
		font-weight: normal;
	}


	#recipes .box {
		width: 20%;
		float: left;
		height: 150px;
		overflow: hidden;
	}
	
	#recipes .box a {
		width: 100%;
		height: 150px;
		display: block;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
		font-size: 0.9em;
	}
	
	#recipes .box a:hover {
		background: url(../img/top/bl.png) repeat;
		text-indent: 0;
		white-space: pre-wrap;
		color: #ffffff;
		text-align: center;
		padding: 10px 5% 0 5%;
		box-sizing: border-box;
		text-decoration: none;
		-webkit-animation:dly 0.5s;
		-o-animation:dly 0.5s;
		-ms-animation:dly 0.5s;
		-moz-animation:dly 0.5s;
	}
	

 				

	@-webkit-keyframes dly {
	0%	{opacity:0; filter: alpha(opacity=50);}
	100% {opacity:1.0; filter: alpha(opacity=100);}
	}
	@-o-keyframes dly {
	0%	{opacity:0; filter: alpha(opacity=50);}
	100% {opacity:1.0; filter: alpha(opacity=100);}
	}
	@-ms-keyframes dly {
	0%	{opacity:0; filter: alpha(opacity=50);}
	100% {opacity:1.0; filter: alpha(opacity=100);}
	}
	@-moz-keyframes dly {
	0%	{opacity:0; filter: alpha(opacity=50);}
	100% {opacity:1.0; filter: alpha(opacity=100);}
	}
	

/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#style1,
#style2 {
	width: 90%;
	padding: 0 5%;
	max-width: 640px;
	height: auto;
	margin: 0 auto;
	background-size: auto 350px;
	background-color: #1E1403;
	overflow: hidden;
 		-webkit-animation:none;
		-o-animation:none;
		-ms-animation:none;
		-moz-animation:none;		
}

#style2 {background-position: left;}

#style1in {
	width: 100%;
	padding: 30px 0 10px 0;
}

#style2in {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0 10px 0;
}

	#style1in h1 {
		width: 100%;
		height: 30px;
		background-size: contain;
	}
	
	#style1in p,
	#style2in p{
		font-size: 0.9em;
		padding: 15px 0 5px 0;
	}
	
	#style1in p.name,
	#style2in p.name{
		font-size: 0.85em;
		padding: 0 0 10px 0;
	}
	
	#style2in p,
	#style2in p.name {color: #000000;}
	
	#style1in a img,
	#style2in a img {
		max-width: 70%;
		height: auto;
			}

#recipes {
	width: 100%;
	padding: 30px 0;
}

	#recipes h1 {margin: 0 auto 20px auto;}
	#recipes h2 {margin: 0 auto 20px auto;}

	#recipes p {
		font-size: 1em;
		padding: 0 0 30px 0;
		line-height: 180%;
		text-align: left;
		margin: 0 5%;
	}
	
	#recipes .box {
		width: 50%;
		height: 100px;
	}
	
	#recipes .box a {
		height: 100px;
	}	
}


/*-----------------れしぴ詳細-------------------------------------------*/

#recipepage {
	width: 100%;
}

#recipepage .white {
	width: 1000px;
	padding: 60px 29px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;	
	background-color: #ffffff;
}

	#recipepage h1 {
		font-size: 1.6em;
		padding: 0 0 10px 0;
		line-height: 180%;
		text-align: center;
		margin: 0;
		font-weight: normal;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
	
	#recipepage h2 {
		width: 141px;
		height: 42px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/story/st2.png) no-repeat;
		margin: 0 auto 30px auto;
	}
	
	#recipepage h3 {
		width: 141px;
		height: 42px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
		background: url(../img/story/st3.png) no-repeat;
		margin: 0 auto 30px auto;
	}

	#recipepage h4 {
		width: 700px;
		font-size: 1.6em;
		padding: 0px 0 0px 0;
		line-height: 180%;
		text-align: left;
		margin: 0 auto;
		font-weight: normal;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		color:#700506;
	}

	#recipepage p.eng {
		font-size: 3em;
		padding: 0px 0 20px 0;
		line-height: 100%;
		text-align: center;
		margin: 0 auto;
		font-family: 'Norican', cursive;
	}
	

	#recipepage p {
		font-size: 1.1em;
		padding: 0 0 50px 0;
		line-height: 180%;
		text-align: center;
		margin: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	
	#recipepage p.cmt {
		width: 700px;
		font-size: 1em;
		padding: 20px 0 40px 0;
		line-height: 180%;
		text-align: left;
		margin: 0 auto;
		font-family:"游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
	}
	
	#recipepage p.cmtb {
		width: 700px;
		font-size: 1.2em;
		padding: 20px 0 40px 0;
		line-height: 180%;
		text-align: left;
		margin: 0 auto;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	}
	

	#recipepage .blueberry {
		width: 800px;
		height: auto;
		margin: 0 auto;
	}
	
	#recipepage .pixw {
		width: 790px;
		height: auto;
		padding: 5px;
		margin: 0 auto 30px auto;
		background-color: #f6f6f6;
	}
	
	#recipepage .pixw img {
		height: 125px;
		margin: 3px;
	}
	
	#recipepage .bnr {
		width: 650px;
		margin: 0 auto;
		background: url(../img/recipe/story.jpg) no-repeat left;
		text-align: right;
	}
	
	#recipepage .bnr img {
	margin: 10px;
	}

	

/*------smp--------------------------------*/
@media screen and (max-width: 640px) {


#recipepage .white {
	width: 100%;
	padding: 30px 0;
	margin: 0 auto;
}

	#recipepage h1 {
		font-size: 1.3em;
		padding: 0 5% 10px 5%;
		line-height: 180%;
		text-align: center;
	}
	
	
	#recipepage h2,
	#recipepage h3 {
		height: 30px;
		background-size: contain;
		background-position: center top;
		margin: 0 auto 30px auto;
	}
	
	#recipepage h4 {
		width: 90%;
		font-size: 1.4em;
		padding: 0px 0 0px 0;
	}

	#recipepage p.eng {
		font-size: 2em;
		padding: 0px 5% 20px 5%;
	}

	#recipepage p {
		font-size: 1em;
		padding: 0 5% 30px 5%;
		line-height: 180%;
		text-align: center;
	}
	
	#recipepage p.cmt {
		width: 90%;
		font-size: 1.05em;
		padding: 20px 0 40px 0;
		line-height: 180%;
		text-align: left;
		margin: 0 auto;
	}
	
	#recipepage p.cmtb {
		width: 90%;
		font-size: 1.3em;
		padding: 20px 0 40px 0;
		line-height: 180%;
		text-align: left;
		margin: 0 auto;
	}
	
	#recipepage .blueberry {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
	
	#recipepage .pixw {
		width: 90%;
		height: auto;
		padding: 5px;
		margin: 0 auto 30px auto;
	}
	
	#recipepage .pixw img {
		width: 30%;
		height: auto;
		margin: 3px 1%;
	}
	
	#recipepage .bnr {
		width: 90%;
		margin: 0 auto;
		background-position: center top;
		padding: 50px 0 20px 0;
		text-align: center;
	}
	
	#recipepage .bnr img {
	margin: 3px;
	max-width: 90%;
	height: auto;
	}
}



/*--------------銘柄一覧テキスト------------------------------*/

#txtlist {
	width: 100%;
	margin: 0 auto;
}

#txtlist .llist {
	width: 100%;
	float: left;
	clear: both;
	padding:20px 0 0 20px;
}




#txtlist .llist .tbox {
	width: 160px;
	float: left;
	text-align: left;
	margin: 5px 10px;
	padding: 5px;
	font-size: 0.9em;
	}
	
#txtlist .llist .tbox h4 {
		font-size: 1.4em;
		padding: 10px;
		line-height: 180%;
		text-align: left;
		margin: 0 auto;
		font-weight: normal;
		color:#700506;
		font-family:"Rounded Mplus 1c","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
}

#txtlist .llist .tbox p {
	text-align: left;
	line-height: 140%;
	margin: 5px 10px;
	padding: 0;
	font-size: 1em;
	font-family:"Rounded Mplus 1c","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
}

#txtlist p.lll {
	width: 80px;
	float: left;
	text-align: center;
	line-height: 110%;
	margin: 5px 10px;
	padding: 0;
	font-size: 0.9em;
	font-family:"Rounded Mplus 1c","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
}

#txtlist p.lll img {
	max-width: 100%;
	height: auto;
	margin: 0 0 5px 0;
}


#txtlist p.lll a {text-decoration: none;}
#txtlist p.lll a:hover {text-decoration: underline;}

/*------smp--------------------------------*/
@media screen and (max-width: 640px) {


#txtlist .llist {
	width: 90%;
	float: none;
	padding:0 0 20px 0;
	margin: 0 auto;
}


#txtlist h4 {
	text-align: left;
	width: auto;
	font-size: 1.3em;
	margin: 0 0 10px 0;
}

#txtlist p.lll {
	width: 26%;
	float: left;
	text-align: center;
	line-height: 110%;
	padding: 5px 0;
	font-size: 0.9em;
	box-sizing: border-box;
}



#txtlist .llist .tbox {
	width: 100%;
	float: none;
	}
	

}


/*-----------------男性編ストーリー-------------------------------------------*/

#cap1 {
	width: 100%;
	position: relative;
	margin: 0 auto;
	background: url(../img/storym/main.jpg) no-repeat bottom;
	background-size: cover;
	min-height: 600px;
}

	#cap1 .mask {
	width: 100%;
	height: 250px;
	bottom: 0;
	left: 0;
	position: absolute;
	background: url(../img/storym/mask.png) no-repeat;
	}
	
	#cap1 .reset {
	width: 90px;
	height: 137px;
	bottom: 150px;
	left: 50%;
	margin: 0 0 0 -45px;
	position: absolute;
	}
	
	#cap1 h1 {
	width: 90px;
	height: 137px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/storym/st1.png) no-repeat;
	}

	#cap1 .next {
		width: 50px;
		height: 52px;
		position: absolute;
		left: 50%;
		bottom: 70px;
		margin: 0 0 0 -25px;
	}
	
	#cap1 .sake {
		width: 115px;
		height: 441px;
		position: absolute;
		left: 50%;
		bottom: 30px;
		margin: 0 0 0 385px;
	}
	
	#cap1 .sakecap {
	width: 230px;
	height: 50px;
	position: absolute;
	left: 50%;
	bottom: 90px;
	margin: 0 0 0 140px;
	text-align: right;
	}
	
	#cap1 .sakecap p {
		margin: 0;
		padding: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.1em;
	}
	
	
	#cap1 .btmt {
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 30px;
	}
	
	#cap1 .btmt p {
		margin: 0;
		padding: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.6em;
	}
/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#cap1 {
	min-height: 200px;
	max-height: 250px;
}

	
	#cap1 .reset {
	width: 45px;
	height: 69px;
	bottom: 35px;
	left: 50%;
	margin: 0 0 0 -23px;
	position: absolute;
	}
	
	#cap1 h1 {
	width: 45px;
	height: 69px;
	background-size: contain;
	}

	#cap1 .next {display: none;}


	
	#cap1 .sake {
		width: 20%;
		height: 220px;
		position: absolute;
		left: 80%;
		bottom: 0px;
		margin: 0 0 0 0;
	}
	
	
	#cap1 .sake img {
		width: auto;
		max-width: 100%;
		height:220px;
	}
	
	#cap1 .sakecap {
	width: 90%;
	height: 50px;
	position: absolute;
	left: 5%;
	bottom: -80px;
	margin: 0;
	text-align: center;
	}
	
	#cap1 .sakecap p {
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
	
	#cap1 .btmt {
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: -20px;
	}
	
	#cap1 .btmt p {
		font-size: 1.2em;
	}
}	
/*--------------------------------------------------*/
	
#cap2 {
	width: 1045px;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

	#cap2 .pix {
		width: 761px;
		height: 413px;
		position: absolute;
		top:40px;
		right: 0;
	}
	
	#cap2 .boxman {
		width: 385px;
		height: 315px;
		background-color: #092C13;
		color: #ffffff;
		position: absolute;
		left: 0;
		bottom: 70px;
	}
	
	#cap2 .btn {
		width: 300px;
		height: 50px;
		left: 400px;
		bottom:70px;
		position: absolute;
	}
	
/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#cap2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 100px 0 0 0;
	position: static;
}

	#cap2 .pix {
		width: 100%;
		height: auto;
		position: static;
		z-index: 0;
	}
	
	#cap2 .pix img {
		width: 100%;
		height: auto;
		}
	
	#cap2 .boxman {
		width: 100%;
		height: auto;
		position: static;
		margin: 0 auto;
		padding: 20px 0 15px 0;
		background-color: inherit;
		z-index: 1000;
		color: #000000;
	}
	
	#cap2 .btn {
		width: 95%;
		height: auto;
		text-align: left;
		position: static;
		padding: 0 0 30px 5%;
		z-index: 10000
	}
}



/*----------------------------------------------------------*/

#cap3 {
	width: 100%;
	height: 569px;
	background: url(../img/storym/back2.jpg) no-repeat center;
}

	#cap3in {
		width:1045px;
		margin: 0 auto;
		padding: 50px 0 0 0; 
		}
		
	#cap3 .boxwoman {
		width: 385px;
		height: 315px;
		background-color: #171007;
		color: #ffffff;
		float: left;
	}	
	
	#cap3 .imgtxt {
		width: 114px;
		height: 37px;
		float: left;
		padding: 100px 0 0 200px;
	}
	
	#cap3 .imgtxt img {
		width: 114px;
		height: 37px;
		background-color: inherit;
	}

#cap4 {
	width: 100%;
	height: 348px;
}

#cap4 img {
	max-width: 50%;
	float: left;
	display: block;
}

#cap5 {
	width: 1045px;
	height: 400px;
	margin: 0 auto;
	position: relative;
}

	#cap5 .boxwoman {
		width: 385px;
		height: 315px;
		background-color: #171007;
		position: absolute;
		color: #ffffff;
		top:-40px;
		right: 0;
	}	

	#cap5 .boxman {
		width: 385px;
		height: 315px;
		background-color: #092C13;
		color: #ffffff;
		position: absolute;
		left: 0;
		top:-145px;
	}
	
	#cap5 .sake {
		width: 115px;
		height: 441px;
		position: absolute;
		left: 358px;
		bottom: 70px;
		margin: 0;
	}
	
	#cap5 .sakecap {
	width: 260px;
	height: 100px;
	position: absolute;
	left: 70px;
	bottom: 80px;
	margin: 0;
	text-align: right;
	}
	
	
	#cap5 .next {
		width: 50px;
		height: 52px;
		position: absolute;
		left: 50%;
		bottom: 30px;
		margin: 0 0 0 -25px;
	}
	
	
	#cap6 {
		width: 100%;
		padding:0;
		background:url(../img/storym/back4.jpg) no-repeat center bottom;
		background-size: cover;
	}
	
	#cap6in {
		width: 400px;
		margin: 0 auto;
		padding: 200px 0 0 600px;
		color: #ffffff;
	}
	
/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#cap3 {
	width: 100%;
	height: auto;
	background-size: auto 240px;
	background-position: right top;
	position: relative;
}

	#cap3in {
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 260px 0 0 0; 
		}
		
	#cap3 .boxwoman {
		width: 100%;
		height: auto;
		background-color: inherit;
		color: #000000;
		float: none;
	}	
	
	#cap3 .imgtxt {
		float:none;
		top:50px;
		left: 30px;
		padding: 0;
		position: absolute;
	}
	
	#cap3 .imgtxt img {
		width: 80px;
		height: auto;
		background-color: inherit;
	}



#cap4 {
	width: 100%;
	height: auto;
}

#cap4 img {
	max-width: 100%;
	height: auto;
}

#cap5 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: static;
	clear: both;
}

	#cap5 .boxwoman,
	#cap5 .boxman {
		width: 100%;
		height: auto;
		background-color: inherit;
		position: static;
		color: #000000;
		padding: 20px 0 0 0;
	}	


	
	#cap5 .sake {
		width: 100%;
		height: auto;
		position: static;
		margin: 0 auto;
		text-align: center;
	}
	
	#cap5 .sake img {
		width: auto;
		height: 250px;
	}
	
	#cap5 .sakecap {
	width: 100%;
	height: auto;
	position: static;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 30px 0;
	}
	
	
	#cap5 .next {display: none;}
	
	
	#cap6 {
		width: 100%;
		padding:0;
		background-size: auto 300px;
		background-position: left top;
		min-height: 700px;
	}
	
	#cap6in {
		width: 100%;
		margin: 0 auto;
		padding: 330px 0 0 0;
		color: #000000;
	}

}



	
/*-----共通の文字スタイル-------------*/

	#cap2 h1,
	#cap3 h1,
	#cap5 h1,
	#cap6 h1 {
		margin: 0;
		padding: 50px 0 20px 45px;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.5em;
		font-weight: normal;
	}
	
	#cap2 p,
	#cap3 p,
	#cap5 p,
	#cap6in p {
		margin: 0;
		padding: 0 40px 20px 45px;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.05em;
		line-height: 160%;
	}
	
	#cap6in p a {color: #ffffff;}

	#cap5 .sakecap p {
		margin: 0;
		padding: 0;
	}
/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

	#cap2 h1,
	#cap3 h1,
	#cap5 h1,
	#cap6 h1 {
		margin: 0;
		padding: 0px 5% 20px 5%;
		font-size: 1.3em;
		font-weight: normal;
	}
	
	#cap2 p,
	#cap3 p,
	#cap5 p,
	#cap6in p {
		margin: 0;
		padding: 0px 5% 20px 5%;
		font-size: 1em;
		line-height: 160%;
	}
	
	#cap6in p a {color: #000000;}

	#cap5 .sakecap p {
		margin: 0;
		padding: 0;
	}
	
	#cap3 .boxwoman h1,
	#cap5 .boxwoman h1 {
	color: #7C0B0D;
	}
	
	#cap2 .boxman h1,
	#cap3 .boxman h1,
	#cap5 .boxman h1 {
	color:#09396C;
	}

}




/*-----------オンラインストア----------------------------------------*/

#store {
	width: 100%;
	margin: 0 auto;
}


#store #prod {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0;
}

@media screen and (max-width: 960px) {
#store #prod {width: 720px;}
}

#store #prod p {
margin: 0; 
padding: 10px;
text-align: left;
}
#store .box {
	width: 200px;
	margin:10px 18px;
	float: left;
	padding: 7px;
	text-align: left;
	border: 3px solid transparent;
	box-sizing: border-box;
	background-color: #ffffff;
}


#store .box.gl {background-color:#f6f6f6;}
#store .box.rd {border-color: #FD0004;}


	#store h1 {
		font-size: 1.3em;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		text-align: center;
		margin: 0;
		font-weight: normal;
		line-height: 180%;
		padding: 20px 0 0 0;
		color: #000000;
	}
	

	
	#store #main h1 {
		width: 236px;
		height: 43px;
		background: url(../img/bar.png) repeat-x bottom;
		margin: 0 0 10px 5px;
		padding: 0;
		color: #ffffff;
		text-align: left;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.8em;
		line-height: 100%;
		font-weight: 500;
	}
	
	#store h2 {
		clear: both;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		padding: 100px 0;
		font-size: 2.6em;
		font-weight: normal;
		text-align: center;
	}
	
	#store h2.fl {background: url(../img/store/titleb.png) no-repeat center;}

#store .box img {
width: 100%;
height: auto;
margin: 0 0 10px 0;
}

#store .box p {margin: 0;padding:10px; text-align: left;}
#store .box p .red {font-size: 0.9em;}
#store .price {font-size: 1.6em;font-family: 'Roboto Condensed', sans-serif;}
#store .small {font-size: 0.85em;}
#store .box .order {background-color: #f6f6f6;padding: 5px 0; margin: 0; text-align: center;}
#store .box .order p {margin: 0; padding: 0;}

#store .nenrei {
	width: 790px;
	margin: 20px auto;
	padding: 20px 0;
	border: 5px solid #f6f6f6;
	text-align: center;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 3px #ccc;
	-moz-box-shadow: 0px 0px 3px #ccc;
	box-shadow: 0px 0px 3px #ccc;	
}

#store .nenrei p.redb {
	font-size: 1.2em;
	color: #B50003;
}

.box6 {
    padding: 0.5em 1em;
    margin: 0 5%;
    background: #f5f5f5;
    border: dashed 2px #ff0000;/*点線*/
}
.box6 p {
    margin: 0; 
    padding: 0;
}



#store .nenrei p.nml {
	margin: 0;
	padding: 0;
}

#store .btn {
	text-align:center;
	padding:20px 0;
	clear:both;
}

#store .btn p {
	font-size:1em;
}

#store .btn p strong {
color:#FF0004;
}

#store  table {
	width: 800px;
	margin:0 auto;
	border-spacing:1px;
	background-color:#d6d6d6;
}

#store  table td {
	background-color:#FFFFFF;
	white-space:nowrap;
	padding:5px 10px;
	text-align:left;
}

#store  table th {
	background-color:#F6F6F6;
	white-space:nowrap;
	padding:5px 10px;
}


#store p.htxt {
	width:600px;
	margin:20px auto;
	padding:0;
}

/*------smp--------------------------------*/
@media screen and (max-width: 640px) {


#store #prod {
	width: 96%;
	margin: 0 auto;
	padding: 20px 0;
}

#store #prod p {
margin: 0; 
padding: 0 3% 10px 3%;
text-align: left;
}
#store .box {
	width: 90%;
	margin:10px 5%;
	padding: 10px 10px 20px 10px;
	box-sizing: border-box;
	text-align: center;
	float: none;
	background-color: #ffffff;
}

#store .box.gl {background-color:inherit;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;	
	color: #000000;

}
	#store h1 {margin: 0 auto;}
	#store .box h1 {margin: 0 auto; color: #000000; font-size: 2em;}


	#store h2 {
		padding: 50px 0;
		font-size: 1.5em;
		background-size: auto 100px;
	}
	
	#store #main h1 {
		width: 80%;
		height: auto;
		margin: 10px auto;
		padding: 10px 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.8em;
		line-height: 100%;
		font-weight: 500;
		color: #000000;
		text-align: center;
		background-position: center;
	}
	
	
#store .box a img {
width: 45%;
height: auto;
margin: 0;
border: 10px solid #ffffff;
float: right;
overflow: auto;
}

#store .box .order {background-color: inherit;}

#store .nenrei {
	width: 90%;
	margin: 20px auto;
	padding: 20px 5%;
	box-sizing: border-box;
}


#store .btn {
	text-align:center;
	padding:20px 0;
	clear:both;
}

#store .btn p {
	font-weight:bold;
	font-size:0.8em;
	color:#000000;
}

#store table {
	width: 100%;
	margin:0 auto;
}

#store table td {
	padding:5px 10px;
	text-align:left;
	white-space: pre-wrap;
}

#store table th {
	padding:5px 10px;
}



#store p.htxt {
	width:90%;
	margin:20px auto;
	padding:0;
}

#store span {margin: 0;
padding: 0;}
}

/*---オンラインショップのモーダルウィンドウ---*/

.mw h3 {
	font-size: 2em;
	font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	text-align:left;
	margin: 0;
	font-weight: normal;
	line-height: 180%;
	padding: 20px 0 0 0;
}

.mw h4 {
	font-size: 1.4em;
	font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	text-align:left;
	margin: 0;
	font-weight: normal;
	line-height: 180%;
	padding: 20px 0 0 0;
}

.mw img {
	width: 100%;
	height: auto;
}

.mw p {
	font-size: 1em;
	text-align:left;
	margin: 0;
	font-weight: normal;
	line-height: 180%;
	padding: 20px 5% 0 5%;
}

/*----------------オーダー--------------------------------------*/

#order {
width: 800px;
margin: 0 auto;
padding: 30px 0;
}

	#store #order h2 {
		font-size: 2em;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		text-align: center;
		margin: 0;
		font-weight: normal;
		line-height: 180%;
		padding: 20px 0 0 0;
	}
	

	#order dl {
		width:100%;
		padding:0;
		margin:0;
		text-align:left;
		font-size:1em;
		border-bottom:1px dotted #cccccc;
	}

	#order dt {
		float:left;  
		border-top:1px dotted #cccccc;
		width:180px;  
		padding:5px 0 5px 0;  
		clear:both;
	}

	#order dd {  
		margin-left:180px;  
		border-top:1px dotted #cccccc;
		padding:5px 0 5px 5px;  
	}
	
	#order .gray {background-color: #f6f6f6;}

/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#order {
width: 90%;
margin: 0 auto;
padding: 30px 0;
}

	#store #order h2 {
		font-size: 2em;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		text-align: center;
		margin: 0;
		font-weight: normal;
		line-height: 180%;
		padding: 20px 0 0 0;
	}

}




/*----------------sake story 女偏------------------------------------------------------------------------*/


#capw1 {
	width: 100%;
	position: relative;
	margin: 0 auto;
	background: url(../img/storyw/main.jpg) no-repeat bottom;
	background-size: cover;
	min-height: 600px;
}

	#capw1 .mask {
	width: 100%;
	height: 250px;
	bottom: 0;
	left: 0;
	position: absolute;
	background: url(../img/storyw/mask.png) no-repeat;
	}
	
	#capw1 .reset {
	width: 90px;
	height: 137px;
	bottom: 150px;
	left: 50%;
	margin: 0 0 0 -45px;
	position: absolute;
	}
	
	#capw1 h1 {
	width: 90px;
	height: 137px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/storyw/st1.png) no-repeat;
	}

	#capw1 .next {
		width: 50px;
		height: 52px;
		position: absolute;
		left: 50%;
		bottom: 70px;
		margin: 0 0 0 -25px;
	}
	
	#capw1 .sake {
		width: 115px;
		height: 441px;
		position: absolute;
		left: 50%;
		bottom: 30px;
		margin: 0 0 0 -500px;
	}
	
	#capw1 .sakecap {
	width: 230px;
	height: 50px;
	position: absolute;
	left: 50%;
	bottom: 90px;
	margin: 0 0 0 -370px;
	text-align: left;
	}
	
	#capw1 .sakecap p {
		margin: 0;
		padding: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.1em;
	}
	
	
	#capw1 .btmt {
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: 30px;
	}
	
	#capw1 .btmt p {
		margin: 0;
		padding: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.6em;
	}
	
	#capw1 .kirai {
	width: 309px;
	height: 108px;
	position: absolute;
	left: 50%;
	top:100px;
	margin: 0 0 0 -500px;
	text-align: left;
	}
	
/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#capw1 {
	min-height: 200px;
	max-height: 250px;
}

	#capw1 .mask {
	width: 100%;
	background-size: contain;
	background-position: center bottom;
	}
	
	#capw1 .reset {
	width: 45px;
	height: 69px;
	bottom: 35px;
	left: 50%;
	margin: 0 0 0 -23px;
	position: absolute;
	}
	
	#capw1 h1 {
	width: 45px;
	height: 69px;
	background-size: contain;
	}

	#capw1 .next {display: none;}


	
	#capw1 .sake {
		width: 20%;
		height: 220px;
		position: absolute;
		left: 5%;
		bottom: 0px;
		margin: 0 0 0 0;
	}
	
	
	#capw1 .sake img {
		width: auto;
		max-width: 100%;
		height:220px;
	}
	
	#capw1 .sakecap {
	width: 90%;
	height: 50px;
	position: absolute;
	left: 5%;
	bottom: -80px;
	margin: 0;
	text-align: center;
	}
	
	#capw1 .sakecap p {
		margin: 0;
		padding: 0;
		font-size: 1em;
	}
	
	#capw1 .btmt {
		width: 100%;
		text-align: center;
		position: absolute;
		left: 0;
		bottom: -20px;
	}
	
	#capw1 .btmt p {
		font-size: 1.2em;
	}
}	
/*--------------------------------------------------*/
	
#capw2 {
	width: 1045px;
	height:500px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

	
	#capw2 h1 {
		margin: 0 0 30px 0;
		padding: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.7em;
		font-weight: normal;
	}
	
	#capw2 p {
		margin: 0;
		padding: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.1em;
		line-height: 160%;
	}
	
	#capw2 .pix {
		width: 761px;
		height: 413px;
		position: absolute;
		top:40px;
		right: 0;
	}
	
	#capw2 .boxman {
		width: 420px;
		height: 315px;
		position: absolute;
		left: 0;
		top:70px;
	}
	
	#capw2 .hana {
		width: 283px;
		height: 201px;
		position: absolute;
		left: 150px;
		top:370px;
	}
	

	
/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#capw2 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 100px 0 0 0;
	position: static;
}

	
	#capw2 h1 {
		margin: 0 0 30px 0;
		padding: 0;
		font-size: 1.3em;
		font-weight: normal;
	}
	
	#capw2 p {
		margin: 0;
		padding: 0;
		font-size: 1em;
		line-height: 160%;
	}
	
	#capw2 .pix {
		width: 100%;
		height: auto;
		position: static;
		z-index: 0;
	}
	
	#capw2 .pix img {
		max-width: 100%;
		height: auto;
	}
	
	#capw2 .boxman {
		width: 90%;
		height: auto;
		position: static;
		margin: 0 auto;
		padding: 30px 0;
	}
	
	#capw2 .hana {
		width: 150px;
		height: auto;
		position: static;
		float: right;
		margin: 0;
		z-index: 1000;
	}
	
	#capw2 .hana img {
		width: 100%;
		height: auto;
}
}



/*----------------------------------------------------------*/

#capw3 {
	width: 100%;
	height: 569px;
	background: url(../img/storyw/back2.jpg) no-repeat center;
}

	#capw3 h1 {
		margin: 0 0 30px 0;
		padding: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.7em;
		font-weight: normal;
	}
	
	#capw3 p {
		margin: 0;
		padding: 0;
		font-family: "Times New Roman", "Hannari","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
		font-size: 1.1em;
		line-height: 160%;
	}
	

	#capw3in {
		width:1045px;
		margin: 0 auto;
		padding: 80px 0 0 0; 
		}
		
	#capw3 .boxwoman {
		width: 385px;
		height: 460px;
		float: left;
	}	
	
	#capw3 .imgtxt {
		width: 114px;
		height: 37px;
		float: left;
		padding: 100px 0 0 200px;
	}
	
	#capw3 .imgtxt img {
		width: 114px;
		height: 37px;
		background-color: inherit;
	}

#capw4 {
	width: 100%;
	height: auto;
	white-space: nowrap;
}

#capw4 img {
	max-width: 33.3333%;
	height: auto;
	display: block;
	float: left;
}

#capw5 {
	width: 1045px;
	height: 400px;
	margin: 0 auto;
	position: relative;
	clear: both;
}

	#capw5 .boxwoman {
		width: 652px;
		height: 315px;
		position: absolute;
		top:40px;
		left: 380px;
	}	
	
	#capw5 .boxwoman img {
		float: right;
		margin: 0 0 0 30px;
	}

	
	#capw5 .sake {
		width: 115px;
		height: 441px;
		position: absolute;
		left: 10px;
		bottom: 70px;
		margin: 0;
	}
	
	#capw5 .sakecap {
	width: 260px;
	height: 100px;
	position: absolute;
	left: 160px;
	top:180px;
	margin: 0;
	text-align: left;
	}
	
	
	#capw5 .next {
		width: 50px;
		height: 52px;
		position: absolute;
		left: 50%;
		bottom: 30px;
		margin: 0 0 0 -25px;
	}
	
	#capw5 .reset {
	width: 90px;
	height: 137px;
	left: 160px;
	top:40px;
	position: absolute;
	}
	
	#capw5 h1 {
	width: 90px;
	height: 137px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
	background: url(../img/storyw/st1.png) no-repeat;
	}
	
	
/*------smp--------------------------------*/
@media screen and (max-width: 640px) {

#capw3 {
	width: 100%;
	height: auto;
	background-size: auto 220px;
	background-position: right top;
	position: relative;
}

	#capw3in {
		width:100%;
		height: auto;
		margin: 0 auto;
		padding: 260px 0 0 0; 
		}
		
	#capw3 .boxwoman {
		width: 90%;
		height: auto;
		background-color: inherit;
		color: #000000;
		float: none;
		margin: 0 auto;
	}	
	
	#capw3 h1 {
		margin: 0 0 30px 0;
		padding: 0;
		font-size: 1.3em;
		font-weight: normal;
	}
	
	#capw3 p {
		margin: 0;
		padding: 0;
		font-size: 1em;
		line-height: 160%;
	}


#capw4 {
	width: 100%;
	height: auto;
	padding: 30px 0 0 0;
}

#capw4 img {
	max-width: 100%;
	height: auto;
}

#capw5 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	position: static;
	clear: both;
}

	#capw5 .boxwoman {
		width: 90%;
		height: auto;
		position: static;
		padding: 20px 0 0 0;
		margin: 0 auto;
	}
	
	#capw5 .boxwoman img {
		max-width: 50%;
		height: auto;
		margin: 0 0 0 10px;
	}

	#capw5 .reset {display: none;}
	
	#capw5 .sake {
		width: 100%;
		height: auto;
		position: static;
		margin: 0 auto;
		text-align: center;
		padding: 20px 0 0 0;
	}
	
	#capw5 .sake img {
		width: auto;
		height: 250px;
	}
	
	#capw5 .sakecap {
	width: 100%;
	height: auto;
	position: static;
	margin: 0 auto;
	text-align: center;
	padding: 0 0 30px 0;
	}
	
	
	#capw5 .next {display: none;}
}




/*---------お知らせ--------------------------------------------------------*/

#info {
	width: 100%;
	margin: 0 auto;
	}

#infow {
	width: 1000px;
	padding: 40px 0;
	margin: 0 auto;
}


/*--smp----------------------------------*/
@media screen and (max-width: 640px) {
	
#info {
	width: 100%;
	margin: 0 auto;
	background-size: 70%;
	background-color: #f6f6f6;
	}

#infow {
	width:92%;
	padding:10px 0;
	margin: 0 auto;
	background-color: #ffffff;
}
	
}


/*--------お知らせの段組み---------*/

#infor {
	width: 230px;
	float: right;
}

#infol {
	width: 700px;
	float: left;
	padding: 0;
}

#infol h1 {
	margin: 0;
	padding: 20px 0;
	font-size: 1.8em;
	line-height: 160%;
	text-align: left;
	color: #000000;
}

#infol img {
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}

#infor h2 {
	font-family: 'Dancing Script', cursive;
	font-size: 1.6em;
	padding: 10px 0 20px 0;
	font-weight: normal;
	text-align:left;
}

#infor p {
	margin: 0 0 5px 0;
	padding: 10px 5px;
	font-size: 1em;
}

#infor p a {text-decoration:underline;}
#infor p.slc {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #d6d6d6;
	text-decoration: none;
}
	#infor p.slc a {text-decoration: none;}



#infol p .small {
	margin: 0;
	padding: 5px 10px;
	font-size: 0.85em;
}


#infol .pixw {
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #d6d6d6;
	clear: both;
	}

#infol .pixw img {
	width: 380px;
	float: left;
	margin: 0 20px 0 0;
}



	#infol dl {
		width:100%;
		padding:0;
		margin:0;
		text-align:left;
		font-size:1em;
		border-bottom:1px dotted #cccccc;
	}

	#infol dt {
		float:left;  
		border-top:1px dotted #cccccc;
		width:180px;  
		padding:5px 0 5px 0;  
		clear:both;
	}

	#infol dd {  
		margin-left:180px;  
		border-top:1px dotted #cccccc;
		padding:5px 0 5px 5px;  
	}




/*--smp----------------------------------*/
@media screen and (max-width: 640px) {
	


#infor {
	width: 100%;
	float: none;
	padding: 20px;
	box-sizing: border-box;
}

#infol {
	width: 100%;
	float: none;
	padding: 20px;
	box-sizing: border-box;
}

#infol h1 {
	margin: 0;
	padding: 0 0 20px 0;
	font-size: 1.4em;
	line-height: 160%;
	text-align: left;
	font-weight: normal;
	font-family:"Rounded Mplus 1c","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック",MS UI Gothic,Osaka,sans-serif;
}

	
	#infol dl {
		width:100%;
		padding:0;
		margin:0;
		text-align:left;
		font-size:0.9em;
		border-bottom:1px dotted #cccccc;
	}

	#infol dt {
		float:none;  
		border-top:1px dotted #cccccc;
		width:100%;  
		padding:5px 0 0 0;  
		clear:both;
	}

	#infol dd {  
		margin-left:0;  
		border-top:none;
		padding:0 0 5px 0;  
	}

	
	
#infol img {
	max-width: 100%;
	height: auto;
}

#infor h2 {
	font-size: 1.6em;
	padding: 10px 0 20px 0;
	font-weight: normal;
	text-align:left;
}

#infor p {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #ffffff;
}
#infor p.slc {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #d6d6d6;
	text-decoration: none;
}

	#infor p.slc a {text-decoration: none;}


#infol p .small {
	margin: 0;
	padding: 5px 10px;
	font-size: 0.85em;
}


#infol .pixw {
	width: 100%;
	padding: 20px 0 0 0;
	}

#infol .pixw img {
	width: 100%;
	height: auto;
}
}