@charset "UTF-8";

/* ====================================================
	
	common
	
=====================================================*/
html {
	-webkit-text-size-adjust:none;
	-webkit-touch-callout:none;
}

#slideshow { position:relative; height:100px; width:345px; }

.fr, .fl { float:none; }

.web { display:none; }
.sp { display:block; }

.inner { padding:0 10px; }

h2 { margin:0; }
h3 { font-size:18px; font-size:1.8rem; margin-top:20px; }
em { font-style:normal; }

/* pageTop */
.pageTop { padding:15px 0; text-align:right; }
.pageTop a, .pageTop a:visited {
	background: url(../images/common/bg_pageTop_sp.png) 100% 50% no-repeat;
	background-size:13px 13px;
		-webkit-background-size:13px 13px;
		-o-background-size:13px 13px;
		-moz-background-size:13px 13px;
}


/* att */
ul.att { margin-left:1em; }
	ul.att li { text-indent:-1em; }


/* btn */
.btn { background:none; }
a.btn, a.btn:hover {
	background:-gradient(linear, left top, left bottom, from(#f25e00),color-stop(0.49, #f86b00),color-stop(0.5, #f05700),to(#f96e00));
		background:-webkit-gradient(linear, left top, left bottom, from(#f25e00),color-stop(0.49, #f86b00),color-stop(0.5, #f05700),to(#f96e00));
		background:-o-linear-gradient(top, #f25e00 0%, #f86b00 49%, #f05700 50%, #f96e00 100%);
		background:-moz-linear-gradient(top, #f25e00 0%, #f86b00 49%, #f05700 50%, #f96e00 100%);
	border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-ms-border-radius:5px;
	color:#ffffff; 
	padding:15px 20px;
	text-shadow: 0px 0px 3px #666666;
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	display:block;
	margin:10px;
}
.btn a span { display:none; }


/* list */
ul.list li {
	border-top:1px solid #9e9e9e;
	border-bottom:1px solid #9e9e9e;
	background: #ffffff;
	background:gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
		background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#efefef));
		background:-o-linear-gradient(top, #ffffff, #efefef);
		background:-moz-linear-gradient(top, #ffffff, #efefef);
	float:none!important;
	margin:0 0 -1px 0!important;
	width:auto!important;
	height:auto!important;
}
ul.list li a, ul.list li a:hover {
	background: url(../images/common/list.png) no-repeat 100% 50%!important;
	background-size:21px 16px!important;
		-webkit-background-size:21px 16px!important;
		-o-background-size:21px 16px!important;
		-moz-background-size:21px 16px!important;
	border:none!important;
	padding:15px 30px 15px 10px!important;
	text-align:left!important;
}
ul.list li a[target="_blank"], ul.list li a[target="_blank"]:hover {
	background: url(../images/common/list_popup.png) no-repeat 100% 50%!important;
	background-size:21px 16px!important;
		-webkit-background-size:21px 16px!important;
		-o-background-size:21px 16px!important;
		-moz-background-size:21px 16px!important;
}

/* ====================================================
	
	header
	
=====================================================*/
.www { padding:7px 10px 0; }
.www .inner { width:auto; }

#header { padding-top:10px; width:auto; }
#header h1 a {
	background:url(../images/common/logo_sp.png) no-repeat;
	background-size:300px 79px;
		-webkit-background-size:300px 79px;
		-o-background-size:300px 79px;
		-moz-background-size:300px 79px;
		-ms-background-size:300px 79px;
	height:79px;
	width:300px;
	margin:0 auto;
}
#header .catch { width:auto; }


/* ====================================================
	
	container
	
=====================================================*/
#container { background:none; margin:0; z-index:0; }
#container .content { width:auto; padding:0; }
#container .inner.spn { padding:0!important; }
#container .block { display:none; }
#content { background:none; padding:0; width:auto; }

#slideshow- { height:165px; width:300px; }
#slideshow- img { height:165px; width:300px; }
.slide { margin-bottom:10px; height:165px; width:300px; margin:25px auto 15px; }
	.slide .pickup {
		background:url(../images/common/pickup.png) no-repeat;
		background-size:70px 47px;
			-webkit-background-size:70px 47px;
			-o-background-size:70px 47px;
			-moz-background-size:70px 47px;
			-ms-background-size:70px 47px;
		height:47px;
		width:70px;
		top:-20px; left:-10px;
	}

.recommend { margin:0; padding:0; border-left:none; border-right:none; }
.recommend a {
	background:url(../images/common/recommend_popup.png) no-repeat 100% 50%!important;
	background-size:21px 16px!important;
		-webkit-background-size:21px 16px!important;
		-o-background-size:21px 16px!important;
		-moz-background-size:21px 16px!important;
	display:block;
}
.recommend .icon {
	background:#d63d27;
	color:#ffffff;
	text-indent:0;
	width:auto;height:auto;
	padding:2px 7px;
	border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-ms-border-radius:5px;
	position:static;
	display:inline-block;
	margin-bottom:3px;
	float:none;
}
.recommend .fl { float:left; line-height:0; width:80px; }
.recommend .fr { padding:5px 0 0 10px; }
.recommend .fl, .recommend .fr { display:table-cell; vertical-align:middle; }
.recommend .title h3 { font-size:16px; font-size:1.6rem; padding-top:0; }
.recommend .date { font-size:14px; font-size:1.4rem; margin-right:30px; }

.recommend:not(.hidden) .spr { display:block; }
.webr { display:none; }

h2.title_newLineup {
	background:#a80f00 url(../images/lineup/title_newLineup_sp.gif) 10px center no-repeat;
	background-size:196px 32px;
		-webkit-background-size:196px 32px;
		-o-background-size:196px 32px;
		-moz-background-size:196px 32px;
		-ms-background-size:196px 32px;
	margin:0;
	padding:20px 10px;
	position:relative;
	height:auto;
	width:auto;
}
h2.title_newLiupOther {
	background:#a80f00 url(../images/lineup/title_newLiupOther_sp.gif) 10px center no-repeat;
	background-size:289px 19px;
		-webkit-background-size:289px 19px;
		-o-background-size:289px 19px;
		-moz-background-size:289px 19px;
		-ms-background-size:289px 19px;
	margin:0;
	padding:20px 10px;
	height:auto;
	width:auto;
}

h2.title_campaign {
	background:#88af00 url(../images/campaign/title_campaign_sp.gif) 10px 15px no-repeat;
	background-size:306px 31px;
		-webkit-background-size:306px 31px;
		-o-background-size:306px 31px;
		-moz-background-size:306px 31px;
		-ms-background-size:306px 31px;
	margin:0;
	padding:20px 10px 35px;
	height:auto;
	width:auto;
}
.title .atx {
	bottom:5px; right:10px;
}

h2.title_present {
	background:#ff4e00 url(../images/present/title_present_sp.gif) 10px center no-repeat;
	background-size:116px 28px;
		-webkit-background-size:116px 28px;
		-o-background-size:116px 28px;
		-moz-background-size:116px 28px;
		-ms-background-size:116px 28px;
	margin:0;
	padding:20px 10px;
	height:auto;
	width:auto;
}

.features {
	background: #ffccd4 url(../images/campaign/img_features_sp.gif) center no-repeat;
	background-size:295px 252px;
		-webkit-background-size:295px 252px;
		-o-background-size:295px 252px;
		-moz-background-size:295px 252px;
		-ms-background-size:295px 252px;
	width:100%;
	height:252px;
}

.tile li a, .other .tile li a { height:auto!important; }

.list .thumbnail, .list .txt { display:table-cell; vertical-align:middle; }
.list .thumbnail { line-height:0; }
.list .txt { padding:0 30px 0 10px; }
.lineup { margin:0; }
.lineup ul li .start { text-align:left; padding:5px 10px; }
.lineup ul li a { min-height:0; }
.lineup ul li a em { font-size:16px; font-size:1.6rem; margin-bottom:5px; }
.lineup ul li a p.re { font-size:12px; font-size:1.2rem; }
ul.list li a, ul.list li a:hover { padding:0!important; }


.lineup ul { background:none; border:none; }
.lineup.other ul { background:none; border:none; }
.lineup.other ul.list li a, .lineup.other ul.list li a:hover { padding:10px!important; }
	.lineup.other ul li div { background:#e8e8e8; padding:5px 10px; margin-right:20px; }


.information { background:none; padding:0; }
.information a.btn, .information a.btn:hover {
	height:auto;
	width:auto;
	padding:10px 0;
	background: #7AA300 url(../images/common/bg_btn_info_sp.png) right center no-repeat;
	background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #6C9500), color-stop(0.51, #6C8F00), color-stop(0.50, #7EA700), color-stop(0.00, #6D9700));
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -webkit-linear-gradient(top, #6D9700 0%, #7EA700 50%, #6C8F00 51%, #6C9500 100%);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -moz-linear-gradient(top, #6D9700 0%, #7EA700 50%, #6C8F00 51%, #6C9500 100%);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -o-linear-gradient(top, #6D9700 0%, #7EA700 50%, #6C8F00 51%, #6C9500 100%);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -ms-linear-gradient(top, #6D9700 0%, #7EA700 50%, #6C8F00 51%, #6C9500 100%);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, linear-gradient(to bottom, #6D9700 0%, #7EA700 50%, #6C8F00 51%, #6C9500 100%);
	background-size:22px 18px, auto auto;
		-webkit-background-size:22px 18px, auto auto;
		-o-background-size:22px 18px, auto auto;
		-moz-background-size:22px 18px, auto auto;
		-ms-background-size:22px 18px, auto auto;
}
.information a.btn span {
	background: url(../images/common/btn_info_sp.png) no-repeat;
	background-size:204px 40px;
		-webkit-background-size204px 40px;
		-o-background-size:204px 40px;
		-moz-background-size:204px 40px;
		-ms-background-size:204px 40px;
	display:block;
	width:204px;
	height:40px;
	margin:0 auto;
}

.information .txt { display:none; }
#index .inner { padding:0; }

#gNavi {
	background: url(../images/common/bg_body.gif);
	margin:0;
	padding-bottom:20px;
	width:auto;
	text-align:left;
}
	#index #gNavi, #campaign #gNavi, #present #gNavi { border-bottom:none; }
	#gNavi ul li { float:none; margin-top:1px; }


/* #gNavi ul li a { */
#gNavi ul li a, #gNavi ul li#menuPresent {
	color:#ffffff;
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	height:auto;
	text-indent:0;
	width:auto;
	padding:15px 10px;
}
#gNavi ul li#menuLineup a, #gNavi ul li#menuLineup a:hover, #gNavi ul li#menuLineup.current a {
	background: #9e0000 url(../images/common/bg_btn_info_sp.png) right center no-repeat;
	background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, gradient(linear, left top, left bottom, from(#9e0000), to(#7e0000));
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#9e0000), to(#7e0000));
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -o-linear-gradient(top, #9e0000, #7e0000);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -moz-linear-gradient(top, #9e0000, #7e0000);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -ms-linear-gradient(top, #9e0000, #7e0000);
	background-size:22px 18px, auto auto;
		-webkit-background-size:22px 18px, auto auto;
		-o-background-size:22px 18px, auto auto;
		-moz-background-size:22px 18px, auto auto;
		-ms-background-size:22px 18px, auto auto;
}
#gNavi ul li#menuCampaign a, #gNavi ul li#menuCampaign a:hover, #gNavi ul li#menuCampaign.current a {
	background: #3a3a3a url(../images/common/bg_btn_info_sp.png) right center no-repeat;
	background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, gradient(linear, left top, left bottom, from(#819f25), to(#6d9002));
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#819f25), to(#6d9002));
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -o-linear-gradient(top, #819f25, #6d9002);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -moz-linear-gradient(top, #819f25, #6d9002);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -ms-linear-gradient(top, #819f25, #6d9002);
	background-size:22px 18px, auto auto;
		-webkit-background-size:22px 18px, auto auto;
		-o-background-size:22px 18px, auto auto;
		-moz-background-size:22px 18px, auto auto;
		-ms-background-size:22px 18px, auto auto;
}
#gNavi ul li#menuPresent a, #gNavi ul li#menuPresent a:hover, #gNavi ul li#menuPresent.current a {
	background: #ff6400 url(../images/common/bg_btn_info_sp.png) right center no-repeat;
	background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, gradient(linear, left top, left bottom, from(#ff6400), to(#ff5000));
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -webkit-gradient(linear, left top, left bottom, from(#ff6400), to(#ff5000));
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -o-linear-gradient(top, #ff6400, #ff5000);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -moz-linear-gradient(top, #ff6400, #ff5000);
		background: url(../images/common/bg_btn_info_sp.png) right center no-repeat, -ms-linear-gradient(top, #ff6400, #ff5000);
	background-size:22px 18px, auto auto;
		-webkit-background-size:22px 18px, auto auto;
		-o-background-size:22px 18px, auto auto;
		-moz-background-size:22px 18px, auto auto;
		-ms-background-size:22px 18px, auto auto;
}
#gNavi ul li#menuPresent { background:#858585; }


/* ====================================================
	
	footer
	
=====================================================*/

#footer {
	background: #eeeeee;
	margin:20px 0 0 0;
}
#footer img { display:none; }
#footer .inner { margin:0 10px; width:auto; }

#footer .pagetop {
	background:#ffffff;
	position:relative; right:0;
	padding:10px;
	text-align:right;
}
#footer .pagetop a {
	background: url(../images/common/bg_pageTop_sp.png) 100% 50% no-repeat;
	background-size:13px 13px;
		-webkit-background-size:13px 13px;
		-o-background-size:13px 13px;
		-moz-background-size:13px 13px;
		-ms-background-size:13px 13px;
	color:#333333;
	padding-right:20px;
	width:auto;
	height:auto;
}

#copyright { color:#ffffff; font-size:12px; font-size:1.2rem; padding:5px 0; text-align:center; }
#copyright a { color:#82ecff; }


/* ====================================================
	
	キャンペーン
	
====================================================*/
#campaign .main .information { margin:15px 0!important; }
.main .inner .inner { padding:0; }
.main { background:#ffffff; }
.title { margin-bottom:0; width:100%; }
	.title img { vertical-align:top; }
	.title .atx { position:absolute; right:7px; bottom:2px; display: block; height:31px; width:152px; }
.campaign_detail { font-size:75%; margin-left:0; text-align:center; width:auto; }
	.campaign_detail img { margin:10px 0 0; }
.step { padding:0; }
	.step.bn { background:none; }
	.step img { vertical-align:top; max-width:100%; }
	.step .inner { padding:0; }
		.step .inner.step01, .step .inner.step02, .step .inner.step03, .step .inner.step04  { padding-top:45px; }
		.step01 { background:#d0d0d0 url(../images/campaign/bg_step01.gif) center 10px no-repeat;
			background-size:12px 25px;
				-webkit-background-size:12px 25px;
				-o-background-size:12px 25px;
				-moz-background-size:12px 25px;
				-ms-background-size:12px 25px;
		}
		.step02 { background:#d0d0d0 url(../images/campaign/bg_step02.gif) center 10px no-repeat;
			background-size:22px 25px;
				-webkit-background-size:22px 25px;
				-o-background-size:22px 25px;
				-moz-background-size:22px 25px;
				-ms-background-size:22px 25px;
		}
		.step03 { background:#d0d0d0 url(../images/campaign/bg_step03.gif) center 10px no-repeat;
			background-size:22px 25px;
				-webkit-background-size:22px 25px;
				-o-background-size:22px 25px;
				-moz-background-size:22px 25px;
				-ms-background-size:22px 25px;
		}
		.step04 { background:#84aa00 url(../images/campaign/bg_step04.gif) center 10px no-repeat;
			background-size:24px 25px;
				-webkit-background-size:24px 25px;
				-o-background-size:24px 25px;
				-moz-background-size:24px 25px;
				-ms-background-size:24px 25px;
		}
		.step .inner .step_txt { background:#ffffff; padding:10px 0 20px; }
.step h4 { margin-bottom:5px; }
.step h4.title_step01, .step h4.title_step02, .step h4.title_step03, .step h4.title_step04 {
	background:none;
	text-indent:0;
	width:auto;
	height:auto;
	font-size:18px; font-size:1.8rem;
}
 .step h4.title_step04 { color:#6c8b00; }
 
.step h5.title_step0201, .step h5.title_step0202 {
	background:none;
	text-indent:0;
	width:auto;
	height:auto;
	font-size:16px; font-size:1.6rem;
	margin:0 0 10px;
}

.stepMenu { display:none }

.pre, .sky { float:none; width:auto; }
.pre { margin-top:10px; }

.pre_content, .sky_content { padding:10px; }
.pre_content h5, .sky_content h5 { margin-bottom:10px; }
.pre .pre_catch, .sky .sky_catch { display:none; }
.sky .sky_catch { top:-12px; right:-15px; }
.pre .inner, .sky .inner { padding:5px; }
.internet { background:#eaeaea; margin:10px 0 0; padding:10px; }
.btn { margin-top:10px; text-align:center; }
.image { margin:10px 0; text-align:center; }

a.btn.btn_campaign, a.btn.btn_campaign:hover {
	background:#f25000;
	background:-gradient(linear, left top, left bottom, from(#f25e00),color-stop(0.49, #f86b00),color-stop(0.5, #f05700),to(#f96e00));
		background:-webkit-gradient(linear, left top, left bottom, from(#f25e00),color-stop(0.49, #f86b00),color-stop(0.5, #f05700),to(#f96e00));
		background:-o-linear-gradient(top, #f25e00 0%, #f86b00 49%, #f05700 50%, #f96e00 100%);
		background:-moz-linear-gradient(top, #f25e00 0%, #f86b00 49%, #f05700 50%, #f96e00 100%);
	border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-ms-border-radius:5px;
	color:#ffffff; 
	padding:15px 20px;
	text-shadow: 0px 0px 3px #666666;
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	display:block;
	margin:10px;
	height:auto;
	text-indent:0;
	width:auto;
}

/* ====================================================
	
	プレゼント
	
====================================================*/
#present #content { background:#ffffff; }
ul.presentList { margin:0; padding:5px; }
ul.presentList li { float:none; width:auto; }
ul.presentList li .inner { height:auto!important; }
ul.presentList li h4 { font-size:14px; font-size:1.4rem; }

a.btn.btn_present, a.btn.btn_present:hover {
	background:#f25000;
	background:-gradient(linear, left top, left bottom, from(#f25e00),color-stop(0.49, #f86b00),color-stop(0.5, #f05700),to(#f96e00));
		background:-webkit-gradient(linear, left top, left bottom, from(#f25e00),color-stop(0.49, #f86b00),color-stop(0.5, #f05700),to(#f96e00));
		background:-o-linear-gradient(top, #f25e00 0%, #f86b00 49%, #f05700 50%, #f96e00 100%);
		background:-moz-linear-gradient(top, #f25e00 0%, #f86b00 49%, #f05700 50%, #f96e00 100%);
	border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-moz-border-radius:5px;
		-ms-border-radius:5px;
	color:#ffffff; 
	padding:15px 20px;
	text-shadow: 0px 0px 3px #666666;
	font-size:16px; font-size:1.6rem;
	font-weight:bold;
	display:block;
	margin:10px;
	height:auto;
	text-indent:0;
	width:auto;
}