@charset 'utf-8';

.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{	filter: alpha(opacity=60);	opacity: 0.6;}
.opcity{filter: alpha(opacity=50);opacity: 0.5;}
li {display: inline-block;*display: inline;*zoom: 1;} 

a{/*リンクされた文字*/
	color:#5F5F5F;
	font-style:normal;
	font-weight: normal;
	text-decoration: underline;
}
a:link {/*未訪問のリンク*/
	color:#5F5F5F;
	font-style:normal;
	text-decoration:none;
}
a:visited {/*訪問後のリンク*/
	color:#5F5F5F;
	text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
	color:#4E4E4E;
	font-style:normal;
	text-decoration:underline;
	opacity: 0.5;
}
a:active {/*クリック中*/
	text-decoration:none;
}

/* Common
 * --------------------------------------------------------*/
 
 body{
	 background-image: url(../images/bk_img_main.jpg);
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
	 background-size: cover;
	 margin: 0 0 0 0;
	 padding: 0 0 0 0;
	 }
	 
.header{
	margin-left: -20px;}
	 
.header li{
	float: left;}

.center{
	position: relative;
	top: 50%;
	transform: translateY(130%);
	padding-right: 5px;
	padding-left: 5px;
	}
	 
.contents{
	width: 850px;
	margin: 0 auto;
	}
	
.cont{
	background-color: #FFF;
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.4);
	}
	
p{
	font-family : YuGothic, '游ゴシック', sans-serif;
	font-size: 18px;
	margin: 0 0 0 0;
	}
	
.title{
	width: 735px;
	margin: 0 auto;
	padding-top: 50px;
	}
	
.line{
	padding-top: 50px;
	padding-bottom: 50px;
	}
	
.honmon{
	margin-bottom: 30px;}
	
.honmon p{
	padding-left: 100px;}
		
.info{
	width: 735px;
	margin: 0 auto;}
	
.date{
	font-size: 15px;
	text-align: center;
	padding-bottom: 50px;
	}
	
.footer{
	width: 750px;
	margin: 0 auto;
	padding-top: 30px;}
	
.footer li{
	float: left;
	margin-left: -15px;}
	
.copy{
	font-size: 13px;
	text-align: center;
	padding-top: 50px;
	padding-bottom: 50px;
	color: #828282;}
	
/*予告1*/

#honmon01{
	background-image: url(../images/bk_img_01.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 220px;
	}
	
#honmon02{
	width: 735px;
	margin: 0 auto;
	padding-bottom: 50px;}
	
#honmon03{
	background-image: url(../images/bk_img_03.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 350px;
	}
	
#honmon04{
	background-image: url(../images/bk_img_04.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 750px;
	}
	
#honmon05{
	background-image: url(../images/bk_img_05.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 600px;
	}

/*予告2*/

.attention{
	font-size: 14px;
	}
#honmon06{
	margin-left: 50px;
	}
#honmon07{
	background-image: url(../images/bk_img_07.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 600px;
	margin-bottom: 50px;
	}
#honmon08{
	margin-left: 50px;
	}
#honmon09{
	background-image: url(../images/bk_img_09.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 350px;
	margin-bottom: 50px;
	}
#honmon10{
	margin-left: 50px;
	}
#honmon11{
	margin-left: 50px;
	margin-top: -20px;
	}
#honmon12{
	background-image: url(../images/bk_img_12.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 530px;
	}
#honmon13{
	margin-left: 50px;
	}
	
/*予告３*/

#honmon14{
	margin-left: 60px;
	}
#honmon15{
	margin-left: 45px;
	}
#honmon16{
	background-image: url(../images/bk_img_16.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 530px;
	}
#honmon17{
	margin-left: 40px;
	}
#honmon18{
	margin-left: 80px;
	}
	
/*販売ページ*/

ul .cart_info{
	width: 750px;
	margin: 0 auto;
	}
.cart_info li{
	float: left;
	padding-right: 20px;
    margin-top: 20px;
	}
.infomation{
	font-size: 14px;
	line-height: 1.5em;
	margin-left: 40px;
	}
	
ul .cart{
	width: 215px;
	margin: 0 auto;
	margin-top: -40px;
	color: #DD3B00;
	}
	
.cart li{
	float: left;
	}	
	
.cart{
	text-align: center;
	position: relative;
    top: 45px;
	}
	
.cart_03{
	position: relative;
    bottom: 131px;
	}
	
.cart_honmon{
	width: 735px;
	margin: 0 auto;
	margin-top: 50px;
    line-height: 1.8em;
    font-size: 20px;
	}
	
.cart_honmon p{
	margin-left: 100px;}
	
.drink{
	font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: dotted;
    border-bottom: dotted;
    border-width: thin;
    border-color: red;
	line-height: 1.7em;
	width: 500px;
    text-align: center;
    padding-right: 70px;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 30px;
	}
	
.story{
	width: 500px;
	margin: 0 auto;
	margin-bottom: 50px;
    padding-top: 20px;
	}
	
#story_01{
	margin-bottom: 10px;
	}
#story_02{
	margin-bottom: 25px;
	}
	
#story_02 ul{
	padding-left: 0px;
    float: left;
    width: 510px;
	}
#story_03{
	margin-bottom: 25px;
	}
#story_04{
	margin-bottom: 25px;
	}
	
#honmon19{
	margin-bottom: 50px;
	}
	
#honmon20{
	background-image: url(../images/bk_img_20.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 600px;
    margin-bottom: 50px;
    width: auto;}
	
#honmon21{
	background-image: url(../images/bk_img_21.png);
    background-repeat: no-repeat;
    background-position: bottom;
    height: 550px;
    margin-bottom: -150px;
	}
	
/*販売開始後の予告ページアーカイブ*/

.info_yokoku{
	width: 510px;
	margin: 0 auto;
	margin-bottom: 50px;
	}

.ex_report{
	font-size: 16px;
	text-align: center;
	color: #000;
	margin-bottom: 50px;
	}