@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 {
	width:auto;
	padding:10px 0 20px;
}
#header h1 a {
	margin:0 auto;
}
#header h1 img, #header .fr img {
	max-width: 100%;
}
#header .catch { width:auto; }


/* ====================================================
	
	container
	
=====================================================*/
#container { 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 { height:165px; width:300px; margin:5px auto 50px; }
	.slide .pickup {
		position: relative; top:0; left:0;
		text-align: center;
	}
	.slide .pickup img {
		width: 50%;
	}

.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:#4d8bc1 url(../images/lineup/title_newLineup_sp.gif) 10px center no-repeat;
	background-size:320px 44px;
		-webkit-background-size:320px 44px;
		-o-background-size:320px 44px;
		-moz-background-size:320px 44px;
		-ms-background-size:320px 44px;
	margin:0;
	padding:35px 10px;
	position:relative; top:0; left:0;
	height:auto;
	width:auto;
}
h2.title_newLiupOther {
	background:#4d8bc1 url(../images/lineup/title_newLiupOther_sp.gif) 10px center no-repeat;
	background-size:320px 30px;
		-webkit-background-size:320px 30px;
		-o-background-size:320px 30px;
		-moz-background-size:320px 30px;
		-ms-background-size:320px 30px;
	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; }

.week .title {
	background: #179A70;
	height: auto;
	padding: 10px;
	position: relative; top:0; left:0;
	width: auto;
}
.week.sat .title { background: #26A0DA; }
.week.sun .title { background: #E32F5A; }



.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 { line-height: 1.3; 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:2px; }
.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; }

.lineup ul li .txt { line-height: 1.7; width: auto; }

.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-size:204px 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; }


/* ====================================================
	
	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; }