@charset "shift_jis";
/* tsukimi */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0 none;
	border-collapse: collapse;
	color: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	list-style-type: none;
	margin: 0;
	outline: medium none;
	padding: 0;
	table-layout: auto;
	text-decoration: none;
	vertical-align: top;
}
form {
	display: inline;
}
body {
	font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:12px;
	color:#333;
}

.clr{
	clear:both;
}

/* ヘッダフッタ切り替え */

div.pcHead,
div.pcFoot,
div.pcGnav {
	display: block;
}

div.spHead,
div.spFoot,
div.spGnav {
	display: none;
}

/* Defalut */
#tsukimi .pc{
	display:block;
}

#tsukimi .sp{
	display:none;
}

#tsukimi {
	font-size:14px;
	line-height: 1.6;
}

#tsukimi a{
	color:#333;
}
#tsukimi a:link{
	color:#333;
}
#tsukimi a:visited{
	color:#333;
}
#tsukimi a:hover{
	color:#666;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /* For IE 5-7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* For IE 8 */
}

#tsukimi a img:hover{
	color:#666;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  /* For IE 5-7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* For IE 8 */
}

#tsukimi a:active {
	color:#666;
}
.main-head-ttl {
	height:122px;
	background:url(../img/pc/bg_ttl_head.png) 0 0 repeat-x;
}
.main-head-ttl img {
	margin:0 auto;
}
.pc_main_img-outer02{
	background:#000019;
	width:100%;
	display:block;
}
.pc_main_img-outer01{
	background: url(../img/pc/pc_main_img_bg.jpg) no-repeat top center;
}
.pc_main_img{
	width:1024px;
	height:400px;
	margin:0 auto;
}

.pc_main_title-outer{
	background: url(../img/pc/pc_main_title_bg.jpg) repeat-x top center;
	min-width:1024px;
	margin-bottom:15px;
}

.pc_main_title{
	width:1024px;
	margin:0 auto;
}

.main_txt01{
	margin:0 auto 25px;
	width:1024px;
	text-align: center;
}

/*calender*/

.calender{
	width:950px;
	margin:0 auto 50px;
    padding-bottom: 30px;
	position:relative;
	background:url(../img/cmn/cmn_main_bg.jpg) repeat;
	overflow: hidden;
}

.calender-img01{
	width:150px;
	margin:25px 0 0 35px;
	float:left;
}

.calender-img02{
	width:200px;
	margin:30px 40px 0 0;
	float: right;
}

.calender-txt01{
    width: 495px;
    position: absolute;
    top: 65px;
    left: 210px;
}

.pc_calender-img03{
	margin:195px 0 15px 35px;
}

/*------------- section01 ------------*/

.section01-outer{
	background:url(../img/pc/pc_sec01_tit01_bg.jpg) repeat-x top center;
	width:100%;
    min-width: 1024px;
}

.section01{
	width:1024px;
	margin:0 auto;
}

.section01-txt01{
	color:#fff;
	text-align: center;
	margin:30px 0;
}

.pc_sec01_tit01{
	width:1024px;
	margin:0 auto;
}

.easy-picky-box{
	overflow:hidden;
	background:url(../img/pc/pc_sec01-line.png) no-repeat top center;
	width:950px;
	margin:0 auto;
}

.easy{
	float:left;
	width:450px;
}

.easy-txt01,
.picky-txt01{
	color:#fff;
	text-align: center;
	margin:10px 0;
}

.picky{
	float:right;
	width:450px;
}

.easy-list li,
.picky-list li{
	border:1px #ccc solid;
	margin-bottom:25px;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.easy-list li a,
.picky-list li a{
	display: inline-block;
}

.easy-list .easy-list-img,
.picky-list .picky-list-img{
	float:left;
	width:200px;
}

.easy-list .easy-list-title01,
.easy-list .easy-list-title02,
.easy-list .easy-list-title03,
.picky-list .picky-list-title01,
.picky-list .picky-list-title02,
.picky-list .picky-list-title03{
	float:right;
	width:238px;
	margin:10px 0 0 10px;
}

.easy-list .easy-list-title01 img{ width:90px; }
.easy-list .easy-list-title02 img{ width:166px; }
.easy-list .easy-list-title03 img{ width:204px; }
.picky-list .picky-list-title01 img{ width:130px; }
.picky-list .picky-list-title02 img{ width:162px; }
.picky-list .picky-list-title03 img{ width:190px; }

.easy-list-txt,
.picky-list-txt{
	float:right;
	width:228px;
	margin:5px 10px 10px 0;
	font-size:14px;
}

.easy-list-arrow,
.picky-list-arrow{
	position:absolute;
	right:10px;
	bottom:10px;
}

.together{
	margin-bottom:50px;
}

.together .together-title{
	width:620px;
	margin:0 auto 20px;
}

.together-list{
	overflow: hidden;
}

.together-list li{
	margin:0 10px 25px 37px;
	float: left;
}

/* クリアアサヒ秋の琥珀終了に伴い修正.together-list li.together-list-01{margin-left:38px;} */
.together-list li.together-list-01{margin-left:130px;}
.together-list li.together-list-02{margin-left:60px;}
.together-list li.together-list-03{margin-left:37px;}
.together-list li.together-list-04{margin-left:5px;}
.together-list li.together-list-05{margin-left:38px;}

.together-list li dl dt.together-list-item01,
.together-list li dl dt.together-list-item02,
.together-list li dl dt.together-list-item03,
.together-list li dl dt.together-list-item04{
	text-align: center;
	margin-bottom:15px;
}

.together-list li dl dt.together-list-item05{
	text-align: center;
	margin-bottom:19px;
}

.together-list li dl dt.together-list-item01 img,
.together-list li dl dt.together-list-item02 img,
.together-list li dl dt.together-list-item03 img,
.together-list li dl dt.together-list-item04 img{
	width:102px;
}
.together-list li dl dt.together-list-item05 img{
	width: 98px;
	margin-right: 10px;
}

.together-list li dl dd.together-list-tit{
	text-align: center;
	margin-bottom:15px;
		font-size:14px;
}

.together-list li dl dd.together-list-btn{
	width:120px;
	text-align: center;
	margin:0 auto;
}

.together-list li dl dd.together-list-btn a{
	width:120px;
	margin:0 auto;
}

/*------------- section02 ------------*/

.section02-outer{
	background:url(../img/pc/pc_sec01_tit01_bg.jpg) repeat-x top center;
	width:100%;
    min-width: 1024px;
}

.section02 h2{
	width:1024px;
	margin:0 auto;
}

.section02-txt01{
	color:#fff;
	text-align: center;
	margin:30px 0;
}

.section02{
	width:auto;
	margin:auto;
}

/* apple */
.section02 .apple{
	width:950px;
	margin:0 auto 20px;
}

.section02 .apple-list{
	overflow: hidden;
	background:#fff;
	padding: 30px 0 30px 30px;
}

.section02 .apple-list li{
	width:200px;
	float:left;
	margin-right:30px;
}

.section02 .apple-list li dl dt{
	margin-bottom:15px;
}

.section02 .pc_sec02_tit02{
	width:810px;
	margin:0 auto 20px;
	display:block;
}

.cocktail .sp_sec02_tit02{
	display:none;
}

/* ---------- cocktail ---------- */
.section02 .cocktail{
	margin-bottom:50px;
}

.section02 .cocktail .cocktail-list{
	overflow: hidden;
	width:706px;
	margin:0 auto;
}

.section02 .cocktail .cocktail-list li{
	float:left;
	letter-spacing:0;
	width:222px;
	margin-right:20px;
	vertical-align: top;
}

.section02 .cocktail .cocktail-list li dl.cocktail-list-border{
	border:1px solid #ccc;
}

.section02 .cocktail-list-tit01,
.section02 .cocktail-list-tit02,
.section02 .cocktail-list-tit03,
.section02 .cocktail-list-tit04{
	border-bottom:1px solid #ba8c00;
	text-align: center;
	margin: 0px 10px;
}

.section02 .cocktail-list-tit01 img{
	width:134px;
	margin:15px auto;
}
.section02 .cocktail-list-tit02 img{
	width:161px;
	margin:15px auto;
}
.section02 .cocktail-list-tit03 img{
	width:140px;
	margin:15px auto;
}
.section02 .cocktail-list-tit04 img{
	width:195px;
	margin:15px auto;
}

.section02 .cocktail-list-exp{
	margin:10px;
}

.section02 .cocktail-list-exp dl{
	overflow:hidden;
}

.section02 .cocktail .cocktail-list li.cocktail-list-last{
	margin:0;
}

.section02 .cocktail-list-exp dl dt{
	float:left;
}

/* ---------- section03 ---------- */
.section03-outer{
	background:url(../img/pc/pc_sec03_tit01_bg.jpg) repeat-x top center;
	width:100%;
    min-width: 1024px;
}

.section03-bg{
	/*background:url(../img/pc/pc_sec03_bg.jpg) no-repeat top center;*/
	width:100%;
    min-width: 1024px;
}

.section03 h2{
	margin:0 auto 20px;
	width:1024px;
}

.info-list{
	overflow:hidden;
	width:950px;
	margin:0 auto 50px;
}

.info-list li{
	float:left;
	position:relative;
	width:222px;
	margin:0 20px 20px 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.info-list li img{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

.info-list li.last{
	margin:0 0 20px 0;
}

.info-list li.mb0{
	margin:0;
}

.info-list li .info-list-txt{
	position:absolute;
	height: 100px;
	bottom:0;
	vertical-align: bottom;
	width:100%;
	letter-spacing: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5));
background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5));
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5));
color:#fff;
}

.info-list li .info-list-txt p{
	font-weight: bold;
	padding:0 5px 2px 5px;
	line-height: 1.4;
	position:absolute;
	bottom:0;
}

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

/* Defalut */
#tsukimi .pc{
	display:none;
}
#tsukimi .sp{
	display:block;
}

.pc_main_img-outer02{
	display:none;
}

/* ヘッダフッタ切り替え */

div.spHead,
div.spFoot,
div.spGnav {
	display: block;
}

div.pcHead,
div.pcFoot,
div.pcGnav {
	display: none;
}

/*------- 全体 -------*/

#tsukimi{
	font-size:14px;
	line-height: 1.4;
	width:auto;
	margin:0 auto;
}

/*--------------------*/
/*------- main -------*/
/*--------------------*/
/* main_top */
.main-head-ttl {
	height: auto;
	background-size: contain;
}
.main-head-ttl a {
	display: block;
	padding-top: 18.75%;
	background: url(../img/sp/ttl_head.png) center top no-repeat;
	background-size: contain;
}

.main_top{
	margin-bottom:25px;
}

.pc_main_title-outer{
	margin:0;
	min-width:0;
	background:none;
}

.main_top .main_txt01{
	margin:25px 5%;
	width:90%;
	text-align: left;
}

/* calender */
.calender{
	overflow: hidden;
	position:static;
	background:url(../img/cmn/cmn_main_bg.jpg);
	padding:25px 0;
    margin: auto;
    width: 100%;
}

.calender .calender-box01{
	float:left;
	width:35%;
	margin-left:5%;
}

.calender-img01{
	float:none;
	margin:auto;
	margin-bottom:4%;
	width:100%;
}

.calender-img02{
	float:none;
	margin:auto;
	width:100%;
}

.calender .calender-txt01{
	float:right;
	position: static;
	width:52%;
	margin:0 5% 0 3%;
}

.calender .sp_calender-img03{
	padding-top:15px;
	width:100%;
	clear:both;
}


/*--------------------*/
/*-----section01 -----*/
/*--------------------*/
.section01-outer{
	background: url(../img/sp/sp_img_bg.jpg) no-repeat top center;
	background-size: 100%;
	min-width:auto;
	min-width:initial;
}

.section01{
	width: 100%;
}

.section01-txt01{
	margin:15px 5%;
	color:#fff;
	text-align: left;
}

/* easy,picky */

.easy-picky-box{
	width: auto;
	background: none;
	margin: auto;
}

.easy,
.picky{
	margin:0 5%;
	float:none;
	width:auto;
}

.easy-title01{
	margin-bottom:15px;
}

.easy-txt01{
	text-align: center;
	color:#fff;
	margin-bottom:15px;
}

.picky-title01{
	margin-bottom:15px;
}

.picky-txt01{
	text-align: center;
	color:#333;
	margin-bottom:15px;
}

.easy-list,
.picky-list{
	overflow: hidden;
}


.easy-list li,
.picky-list li{
	border:1px #ccc solid;
	margin-bottom:25px;
	background: #fff;
	overflow: hidden;
	position: relative;
}

.easy-list .easy-list-img,
.picky-list .picky-list-img{
	float:left;
	width:46%;
}

.easy-list .easy-list-title01,
.easy-list .easy-list-title02,
.easy-list .easy-list-title03,
.picky-list .picky-list-title01,
.picky-list .picky-list-title02,
.picky-list .picky-list-title03{
	float:right;
	width:51%;
	margin:3% 0 0 3%;
}

.easy-list .easy-list-title01 img{ width:40%; }
.easy-list .easy-list-title02 img{ width:73%; }
.easy-list .easy-list-title03 img{ width:80%; }
.picky-list .picky-list-title01 img{ width:65%; }
.picky-list .picky-list-title02 img{ width:76%; }
.picky-list .picky-list-title03 img{ width:82%; }

.easy-list-txt,
.picky-list-txt{
	float:right;
	width:43%;
	margin:3% 8% 0 3%;
	font-size:11px;
}

.easy-list-arrow,
.picky-list-arrow{
	width:3%;
	position:absolute;
	right:3%;
	top:46%;
}

/* together */

.together{
	margin-bottom:0;
}

.together .together-title{
	margin-bottom:25px;
	width:100%;
}

.together-list{
	overflow: hidden;
	width:86%;
	margin:0 7%;
}

.together-list li{
	margin:auto;
	margin-bottom:25px;
	width:50%;
	float: left;
}

.together-list li dl dt.together-list-item01,
.together-list li dl dt.together-list-item02,
.together-list li dl dt.together-list-item03,
.together-list li dl dt.together-list-item04,
.together-list li dl dt.together-list-item05{
	text-align: center;
	margin-bottom:15px;
}

.together-list li.together-list-01,
.together-list li.together-list-02,
.together-list li.together-list-03,
.together-list li.together-list-04,
.together-list li.together-list-05{
	margin-left:auto;
}

.together-list li dl dt.together-list-item01 img,
.together-list li dl dt.together-list-item02 img,
.together-list li dl dt.together-list-item03 img,
.together-list li dl dt.together-list-item04 img{
	width:45%;
}
.together-list li dl dt.together-list-item05 img{
	width:45%;
/*	margin-right: 5%;*/
}

.together-list li dl dd.together-list-tit{
	text-align: center;
	margin-bottom:15px;
		font-size:11px;
}

.together-list-01 .together-list-tit{
	height: 60px;
}

.together-list-05 .together-list-tit{
	margin-bottom: 42px !important;
}

.together-list li dl dd.together-list-btn{
	width:65%;
	text-align: center;
	margin:0 auto;
}

.together-list li dl dd.together-list-btn a{
	width:40%;
	margin:0 auto;
}

/*--------------------*/
/*-----section02 -----*/
/*--------------------*/

.section02-outer{
	background: url(../img/sp/sp_img_bg_02.jpg) no-repeat top center;
	background-size: 100%;
	min-width:auto;
	min-width:initial;
}

.section02{
	width:auto;
	margin:auto;
}

.section02 h2{
	width:auto;
	margin:auto;
}

.section02-txt01{
	margin:15px 5% 0;
	padding-bottom:15px;
	color:#fff;
	text-align: center;
}

.section02 .apple{
	width:90%;
	margin:0 5%;
}

.section02 .apple-list{
	padding:5% 5% 5% 0;
	margin:0;
	overflow: hidden;
	background:#fff;
	letter-spacing: -0.4em;
}

.section02 .apple-list li{
	width:45%;
	display:inline-block;
	margin:0 0 15px 5%;
	letter-spacing: 0;
	vertical-align: top;
	float: none;
}

.section02 .apple-list li dl dt{
	margin-bottom:15px;
}

.section02 .apple-list li dl dd{
	font-size:11px;
}

.section02 .pc_sec02_tit02{
	display:none;
}

.section02 .cocktail{
	margin:0;
}

.section02 .cocktail .sp_sec02_tit02{
	display:block;
	margin-bottom:25px;
}

.section02 .cocktail .cocktail-list{
	overflow: hidden;
	margin:0 5% 0 0;
	letter-spacing: -0.4em;
	width:auto;

}

.section02 .cocktail .cocktail-list li{
	display:inline-block;
	letter-spacing:0;
	width:45%;
	margin:0 0 25px 5%;
	vertical-align: top;
}

.section02 .cocktail .cocktail-list li dl.cocktail-list-border{
	border:1px solid #ccc;
}

.section02 .cocktail-list-tit01,
.section02 .cocktail-list-tit02,
.section02 .cocktail-list-tit03,
.section02 .cocktail-list-tit04{
	border-bottom:1px solid #ba8c00;
	text-align: center;
	margin: 0px 15px;
}

.section02 .cocktail .cocktail-list li.cocktail-list-last{
	margin:0 0 25px 5%;
}

.section02 .cocktail-list-tit01 img{
	width:65%;
	margin:10px auto;
}
.section02 .cocktail-list-tit02 img{
	width:87%;
	margin:10px auto;
}
.section02 .cocktail-list-tit03 img{
	width:75%;
	margin:10px auto;
}
.section02 .cocktail-list-tit04 img{
	width:96%;
	margin:10px auto;
}

.section02 .cocktail-list-exp{
	margin:15px;
}

.section02 .cocktail-list-exp dl{
	overflow:hidden;
}

.section02 .cocktail-list-exp dl dt{
	display:inline;
	float:none;
	font-size:11px;
}

.section02 .cocktail-list-exp dl dd{
	display:inline;
	font-size:11px;
}

/*--------------------*/
/*-----section03 -----*/
/*--------------------*/

.section03-outer{
	background: url(../img/sp/sp_img_bg_02.jpg) no-repeat top center;
	background-size: 100%;
	min-width:auto;
	min-width:initial;
}

.section03-bg{
	/*background: url(../img/sp/sp_section03_bg.jpg) no-repeat top center;*/
	background-size: 100%;
	min-width:auto;
	min-width:initial;
}

.section03 h2{
	width:auto;
	margin-bottom:25px;
}

.info-list{
	letter-spacing: -0.4em;
	margin:0 5% 0 0;
	width:auto;
}

.info-list li{
	position:relative;
	width:45%;
	display:inline-block;
	float:none;
	margin:0 0 25px 5%;
}

.info-list li .info-list-txt{
	position:absolute;
    bottom:0;
    height: 35%;
	width:100%;
	letter-spacing: 0;
background: -webkit-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5));
background: -o-linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5));
background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.5));
color:#fff;
}

.info-list li .info-list-txt p {
    font-weight: bold;
    padding: 0 5px 2px 5px;
    font-size:11px;
    position: absolute;
    bottom: 0;
    line-height: 1.4;
}

.info-list li.last {
	margin:0 0 0 5%;
}

.info-list li.mb0{
	margin:0 0 25px 5%;
}

}