@charset UTF-8;

/*reset
--------------------------------------------*/
html, body, div, a, span,
h1, h2, h3, h4, h5, h6, p, img,
ol, ul, li, dl, dt, dd {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size: 12px;
	font-weight: normal;
}
img {
	vertical-align: bottom;
}
ul, li {
	list-style-type: none;
}
em {
	font-weight: bold;
	font-style: normal;
}

/*general
--------------------------------------------*/
body {
	color: #303030;
	background: #091a48;
	font-size: 10px;
	line-height: 1.2;
}
a, a:link, a:visited{
	color: #339;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}
.cf {
	zoom: 1;
}
.cf:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
.poa {
	position: absolute;
	left: 112px;
	top: 143px;
	height: 67px;
	bottom: 818360515px;
}
.more {
	float: right;
	text-decoration: underline;
}
.zoom {
	margin: 5px 0;
	padding-left: 10px;
	height: 16px;
	font-size: 11px;
	background: url(../../img/sp/common/zoom_icon.png) no-repeat left center;
	background-size: 8px 8px;
}
#colorbox {
	left: 10px !important;
}

/*modal
--------------------------------------------*/
.hide {
	display: none;
}
#cboxOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: #000;
}
#colorbox {
	padding: 20px;
	background: #fff;
	text-align: center;
	z-index: 150;
}
#colorbox .goodsInfo {
	text-align: left;
	position: relative;
}
#colorbox .name {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #000;
}
#colorbox .price {
	position: absolute;
	top: 0;
	right: 0;
	font-size: 20px;
}
#colorbox .body {
	margin: 15px 15px 0;
}
#colorbox .notes {
	margin: 30px 15px 0;
}
#cboxClose {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	border: none;
	background: url(../../../img/chokaigitour/common/close.png) no-repeat left top;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
}

/*style
--------------------------------------------*/
#wrapper {
	width: 320px;
}

/* topKv */
#topKv {
	height: 295px;
	background: #091a48 url(../../img/sp/top/kv_bg.png) no-repeat left top;
	background-size: 320px 259px;
	position: relative;
}
#topKv h1 {
	top: 0;
	left: 10px;
}
#topKv h2 {
	top: 0;
	left: 4px;
}
#topKv .date {
	top: 75px;
	right: 5px;
}
#topKv .nagano			{ top: 141px; left: 42px; }
#topKv .miyazaki		{ top: 141px; left: 122px; }
#topKv .ehime				{ top: 141px; left: 202px; }
#topKv .fukui				{ top: 190px; left: 2px; }
#topKv .miyagi			{ top: 190px; left: 78px; }
#topKv .hyogo				{ top: 190px; left: 157px; }
#topKv .yamaguchi		{ top: 190px; left: 234px; }
#topKv .akita				{ top: 239px; left: 42px; }
#topKv .tochigi				{ top: 239px; left: 122px; }
#topKv .tokyo				{ top: 239px; left: 213px; }
#topKv .nagoya				{ top: 239px; left: 122px; }
#topKv .osaka				{ top: 239px; left: 122px; }

/* selfie */
#selfie {
	margin: 10px auto;
}


/* news */
#news {
	margin: 0 auto;
	padding: 10px;
	width: 290px;
	position: relative;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 5px;
}
#news ul li {
	margin-top: 5px;
	padding-left: 10px;
	position: relative;
	background: url(../../img/sp/common/list_icon.png) no-repeat left 3px;
	background-size: 8px 9px;
}
#news ul li .new {
	padding-right: 25px;
	background: url(../../img/sp/common/news_icon_new.png) no-repeat right center;
	background-size: 20px 8px;
}

/* want */
#want {
	width: 290px;
	border: 2px dotted #fff;
	color: #ff5757;
}
#want dd {
	margin-top: 5px;
	display: inline-block;
}
#want dd + dd {
	margin-right: 8px;
	float: left;
}
#want a {
	color: #fff;
	font-size: 11px;
}

/* sns */
#sns {
	margin: 10px 10px 50px;
	padding: 0px;
	display: block;
}
#sns li {
	float: left;
	margin-left: 10px;
}

#sns li.line {
	width: 20px;
	margin-left: 8px;
	color: #FF00FF;
}

#sns li.line a:hover img {
	opacity: 0.8; filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

#sns li.tweet {
	width: 110px;
	color: #CC9966;
}
#sns li.tweet a {
	display: inline-block;
	width: 22px;
	float: left;
}
#sns li.tweet a.twitter-count-01 {
	display: block;
	width: 42px;
}
#sns li.tweet a img {
	border-radius: 2px;
	overflow: hidden;
}
#sns li.tweet a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
#sns li.fb {
	float: left;
	width: 110px;
	color: #00CC99;
}

/* main */
#main {
	margin-top: 10px;
}
#main #blomaga {
	margin: 10px auto;
	width: 292px;
}
#main #tab {
	margin: 0 0 -42px 20px;
}
#main #tab li {
	width: 68px;
	height: 80px;
	position: relative;
	overflow: hidden;
	float: left;
	background-size: 68px 160px;
	background-repeat: no-repeat;
	background-position: center top;
}
#main #tab li.cr {
	background-position: 0 -80px;
	z-index: 10;
}
#main #tab #dateTab { background-image: url(../../img/sp/common/tab_date.png); }
#main #tab #aboutTab { background-image: url(../../img/sp/common/tab_about.png); }
#main #tab #eventTab { background-image: url(../../img/sp/common/tab_event.png); }
#main #tab #noticeTab { background-image: url(../../img/sp/common/tab_notice.png); }
#main #tab li a{
	height: 80px;
	display: block;
	text-indent: -9999px;
}

#main #contents {
	padding-top: 25px;
	position: relative;
	background: url(../../img/sp/common/main_bg_top.png) no-repeat left top;
	background-size: 320px 25px;
}
#main #contents .bottom {
	background: #fff6dc url(../../img/sp/common/main_bg_bottom.png) no-repeat center bottom;
	background-size: 320px 25px;
}

.index .sec {
	padding: 10px 0 60px;
	position: relative;
	background: url(../../img/sp/common/contents_bg_body.png) no-repeat -32px -21px;
	background-size: 104px 103px;
}

/*date
--------------------------------------------*/
#date .detail .ttl,
#date .detail .body {
	margin: 10px 20px 0;
}
#date .detail .ttl {
	padding: 10px 0 0 55px;
	min-height: 64px;
	color: #0c6500;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
}
#date .detail .ttl h2 {
	margin-top: 10px;
}
#date .nagano { background-image: url(../../img/sp/nagano/tvchan.png); background-size: 50px 64px; }
#date .miyazaki { background-image: url(../../img/sp/miyazaki/tvchan.png); background-size: 55px 68px; }
#date .ehime { background-image: url(../../img/sp/ehime/tvchan.png); background-size: 47px 73px; }
#date .fukui { background-image: url(../../img/sp/fukui/tvchan.png); background-size: 47px 67px; }
#date .miyagi { background-image: url(../../img/sp/miyagi/tvchan.png); background-size: 56px 64px; }
#date .hyogo { background-image: url(../../img/sp/hyogo/tvchan.png); background-size: 51px 66px; }
#date .yamaguchi { background-image: url(../../img/sp/yamaguchi/tvchan.png); background-size: 66px 61px; }
#date .akita { background-image: url(../../img/sp/akita/tvchan.png); background-size: 56px 64px; }
#date .tochigi { background-image: url(../../img/sp/tochigi/tvchan.png); background-size: 66px 59px; }
#date .tokyo { background-image: url(../../img/sp/tokyo/tvchan.png); background-size: 66px 59px; }
#date .nagoya { background-image: url(../../img/sp/nagoya/tvchan.png); background-size: 59px 63px; }
#date .osaka { background-image: url(../../img/sp/osaka/tvchan.png); background-size: 59px 63px; }
#date .detail .ttl .first {
	position: absolute;
	top: 0;
	left: 190px;
}
#date .detail .ttl .info {
	padding: 5px 10px;
	display: inline-block;
	color: #fff;
	background: #0c6500;
	border-radius: 15px;
}
#date .detail .img {
	margin: 10px auto 0;
	width: 300px;
}
#date .detail .cast {
	float: left;
	margin: 10px 10px 0 0;
}
#date .detail .cast img {
	border: 1px solid #c7c7c7;
}

#date .namaList {
	margin: 10px auto 0;
	width: 300px;
}
#date .namaList li {
	margin-top: 10px;
}

#date .dateList {
	margin-top: 10px;
}
#date .dateList .box {
	background: #fff;
	border-top: 1px solid #9c7649;
	border-bottom: 1px solid #9c7649;
	position: relative;
	background-attachment: fixed;
/*	background-image: url(2014/img/sp/top/top_shuryo.png);
	background-position: right top; 
	background-repeat: no-repeat; 
*/
}
#date .dateList .box .end {
	background-image: url(../../img/sp/top/top_shuryo.png);
	background-position: right top; 
	background-repeat: no-repeat; 
}

#date .dateList .box img {
	float: left;
}
#date .dateList .box .txt {
	padding: 8px;
	width: 149px;
	float: right;
}

#date .dateList .box .txt h3 {
	color: #0c6500;
}
#date .dateList .box .txt p {
	margin-top: 5px;
	width: 110px;
	font-size: 10px;
}
#date .dateList .box .tvchan {
	position: absolute;
	right: 0px;
	bottom: 5px;
}

/*about
--------------------------------------------*/
#about {
	padding: 10px 0 25px;
}
#about dl {
	margin: 20px 10px 0;
}
#about dt {
	position: relative;
	height: 50px;
}
#about dt span {
	padding: 3px 20px 3px 30px;
	display: inline-block;
	background: #0c6500;
	border-radius: 20px;
	color: #fff;
	position: absolute;
	top: 13px;
	left: 0;
}
#about dt .icon {
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 5;
}
#about .hustler {
	margin: 0 0px;
	padding-bottom: 170px;
	background: url(../../img/sp/top/about_hustler.png) no-repeat center bottom;
	background-size: 320px 172px;
}
#about .hustler dt {
	margin: 0 10px;
}
#about .hustler dd {
	margin: 0 10px;
}
#about .img {
	display: block;
	margin-top: 30px;
}

/*event
--------------------------------------------*/
#event .hustler {
	margin: 10px 30px 20px;
	padding: 6px;
	background: #fff;
	border-radius: 40px;
	text-align: center;
}
#event .hustler img {
	position: relative;
	top: -5px;
}
#event .hustler p {
	margin-left: 5px;
	padding: 0 0 0 16px;
	font-size: 11px;
	display: inline-block;
	background: url(../../img/sp/common/event_arrow.png) no-repeat left center;
	background-size: 10px 12px;
}
#event .sup {
	margin: 0 20px 10px;
	font-size: 13px;
}
#event .box {
	margin: -1px auto 0;
	padding-bottom: 10px;
	width: 310px;
	background: #fff;
	border: 1px solid #9c7649;
}
#event .box .ttl {
	margin: 3px 3px 8px;
	padding: 5px;
	background: #339;
	color: #fff;
	position: relative;
}
#event .box .hustlerEvent {
	padding: 5px 5px 5px 30px;
}
#event .box .ttl .hustlerIco {
	margin: 0 !important;
	width: auto !important;
	position: absolute;
	top: 0;
	left: 0;
}
#event .box .img {
	margin-left: 3px;
	width: 91px;
	float: left;
	border: 1px solid #bdbdbd;
}
#event .box .txt {
	margin-right: 3px;
	width: 200px;
	float: right;
}
#event .box .goodsList {
	clear: both;
	margin: 10px 3px;
}
#event .box .goodsList .sttl {
	color: #ff0d0d;
}
#event .box .goodsList li {
	width: 100px;
	float: left;
}
#event .box .goodsList li img {
	margin: 0;
	width: 39px;
	height: 39px;
	border: 1px solid #bdbdbd;
	float: left;
}
#event .box .goodsList li p {
	width: 50px;
	float: right;
	font-size: 11px;
}
#event .box .nicoCard p {
	margin: 10px 5px 0;
}
#event .box .nicoCard em {
	color: #f00;
}

/*notes
--------------------------------------------*/
#notice {
	padding: 20px 10px 40px;
}
#notice li {
	padding-left: 15px;
	background: url(../../img/sp/common/list_icon.png) no-repeat left 3px;
	background-size: 8px 9px;
}
#notice li + li {
	margin-top: 15px;
}

/*bannerArea
--------------------------------------------*/
#bannerArea {
	margin: 0 0 0 10px;
}
#bannerArea a {
	display: inline-block;
	margin: 10px 0 0 0;
}

/*footer
--------------------------------------------*/
#footer {
	margin-top: 10px;
	padding-top: 63px;
	position: relative;
	background: #23345e url(../../img/sp/common/ft_bg.png) no-repeat left top;
	background-size: 320px 63px;
}

/* sponsor */
#sponsor dl {
	margin-left: 10px;
}
#sponsor dl + dl {
	margin-top: 10px;
}
#sponsor dt {
	padding: 2px 0;
	width: 52px;
	float: left;
	color: #fff;
	background: #000;
	font-size: 10px;
	line-height: 13px;
	text-align: center;
}
#sponsor dd {
	padding-left: 62px;
}

/* gotop */
#gotop {
	position: absolute;
	top: 65px;
	right: 10px;
}

/* copy */
#copy {
	padding: 10px 0;
	clear: both;
	color: #fff;
	text-align: center;
}