/* =================================
	TBS Reset CSS
================================= */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}


/* =================================
	Common CSS
================================= */

/* link */
a:link {
	text-decoration:underline;
	color:#fa4e17;
}
a:visited {
	text-decoration:none;
	color:#fa4e17;
}
a:active {
	text-decoration:none;
	color:#fa4e17;
}
a:hover {
	text-decoration:underline;
	color:#fa4e17;
}
.nolink {
	cursor: default;
}

/* text-color */
.gray {color:#808080;}
.black {color:#171717;}
.purple {color:#a757a8;}
.ultramarine {color:#465daa;}
.blue {color:#0067c0;}
.lightblue {color:#afdfe4;}
.deepgreen {color:#060;}
.green {color:#008000;}
.yellowgreen {color:#b9c42f;}
.yellow {color:#ffb74c;}
.orange {color:#ff7b00;}
.pink {color:#f58f98;}
.vermilion {color:#ef454a;}
.red {color:#ed1a3d;}
.carmine {color:#c22047;}
.magenta {color:#ec008c;}
.brown {color:#994c00;}
.reddishbrown {color:#800000;}
.yellowocher {color:#c39143;}
.gold {color:#ffd700;}
.silver {color:#c0c0c0;}


/*	copyright
============================== */


/*	layout
============================== */
body {
	color:#222;
	font-family:Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	font-size:100%;
	text-align:center;
	padding:0;
	margin:0;
}
div#page-top {
	background-position:center top;
	background-color:#d3b550;
	background-image:url(img/pagetop_bg.jpg);
}
div#page-top div.cover {
	min-width:980px;
}
.sections {
	position:relative;
	width:980px;
	text-align:left;
	margin:0 auto;
}
div#page-top div.cover .sections {
	margin:0 auto 40px;
}

/*	footer
============================== */
footer.footer {
	color:#fff;
	text-align:center;
	padding:15px 0;
	min-width:980px;
}
footer.footer p.copyright {
	font-size:75%;
	line-height:0;
	margin-bottom: 20px;
}
footer.footer p.copyright a {
	color:#fff;
}
footer.footer div.sns-btns {
	width:300px;
	margin:10px auto 20px;
	text-align:left;
	}
footer.footer div.sns-btns div.btn-tw {
	width:140px;
	float:left;
	}

/* pagetop */
p.pgt {
	position:fixed;
	_position:absolute;
	left:90%;
	bottom:40px;
	width:54px;
	height:53px;
	z-index:100;
	}
p.pgt a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	width:54px;
	height:53px;
	}
p.pgt a:hover {
	}


/*	header
============================== */
header.header {
	position:relative;
	min-width:980px;
	background-image:url(img/header_bg.png);
	background-position:center top;
	background-repeat:repeat-x;
	height:475px;
	margin-bottom: 20px;
}
header.header h1 {
	position:absolute;
	background-image:url(img/header_logos.png?0710);
	background-position:center top;
	background-repeat:no-repeat;
	width:980px;
	height:425px;
	z-index:2;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
header.header ul.mc li {
	position:absolute;
	background-image:url(img/header_mc.png);
	background-repeat:no-repeat;
	z-index:1;
}
header.header ul.mc li.azumi {
	left:0;
	top:0;
	width:281px;
	height:425px;
	background-position:0 0;
}
header.header ul.mc li.azumi img {
	width:281px;
	height:425px;
}
header.header ul.mc li.nakai {
	right:0;
	top:0;
	width:323px;
	height:425px;
	background-position:-281px 0;
}
header.header ul.mc li.nakai img {
	width:323px;
	height:422px;
}
@media print {
header.header ul.mc li.nakai {
	display:none;
}
}
/*	section bg border
============================== */
section.wnew,
div.topnews,
ul.bnrs li.toukou,
ul.bnrs li.toukou2,
ul.bnrs li.kanran {
	border-radius: 5px;
	box-shadow:0px 12px 9px 0px rgba(0,0,0,0.30);
	box-sizing: border-box;
}
section.wnew,
div.topnews,
ul.bnrs li.toukou {
	background-color: #fff;
	border: 5px solid #ffe614;
}
ul.bnrs li.toukou2 {
	background-color: #fff;
	border: 5px solid #dd1614;
}
section.wnew .inner,
div.topnews section {
	box-sizing: border-box;
	box-shadow:0px 0px 3px 0px rgba(201,169,71,0.4) inset;
	padding:20px;
}
/*	whats new and banner
============================== */

div.firstArea {
	min-width:980px;
}
section.wnew {
	width:980px;
	height:200px;
	float:left;
	background-image: url(./img/news_bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom: 20px;
}
section.wnew div.ovrflow {
	height:210px;
	overflow:auto;
}
section.wnew ul li {
	border-left:8px solid #dd1614;
	padding-left:8px;
	line-height:1.5;
	font-size:100%;
	margin-bottom:1.5em;
}
section.wnew ul li dl dt {
	color:#ac8200;
}
section.wnew ul li dl dd {
	font-weight:bold;
}
section.wnew ul li dl dd a:hover {
	background-color:#fff;
}
div.bn-recta {
	width:300px;
	height:250px;
	overflow:hidden;
	float:right;
	background-color: #fff;
}


/*	midokoro comment
============================== */

section.unit {
	margin-bottom:40px;
}
section.unit h2 {
	display:block;
	background-image:url(img/h2_980.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-bottom:20px;
}
section.unit h2 span {
	display:block;
	background-image:url(img/h2_980.png);
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	height:60px;
}
section.hightlight h2 span {
	background-position:0 -180px;
}
section.comment h2 span {
	background-position:0 -120px;
}
section.artist h2 span {
	background-position:0 -60px;
}
section.unit div.inner {
	padding:20px;
	background-color: hsla(0, 0%, 100%, .7);
}
section.unit div.inner h3 {
	color:#c00;
	line-height:1.5;
	margin-bottom:0.5em;
}
section.unit div.inner h3:before {
	content:"【 ";
	color:#000;
}
section.unit div.inner h3:after {
	content:" 】";
	color:#000;
}
section.unit div.inner p {
	font-size:87.5%;
	line-height:1.75;
}


/*	artist
============================== */
section.artist > p.jun {
	font-size:83%;
	line-height:1.25;
	text-align:right;
	margin-right:6px;
	margin-bottom:0.5em;
}
section.artist ul {
	margin-left:6px;
}
section.artist ul li {
	position:relative;
	background-color: hsla(0, 0%, 100%, .7);
	float:left;
	width:190px;
	height:160px;
	margin-right:4px;
	margin-bottom:4px;
}
section.artist ul li.yongyo {
	height:190px;
}
section.artist ul li span, section.artist ul li img {
	display:block;
}
section.artist ul li span.pdg {
	padding:4px 4px 0 4px;
}
span.lazy {
	position:relative;
}
section.artist ul li span.photo {
	background-size:cover;
	background-repeat:no-repeat;
	margin-bottom:6px;
	background-color:hsla(344,100%,65%,0.5);
}
section.artist ul li span.photo,
section.artist ul li span.photo img {
	width:182px;
	height:120px;
}
section.artist ul li span.namae {
	font-size:83%;
	text-align:center;
	line-height:1.1;
	font-family:Arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",MS UI Gothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}
section.artist ul li span.namae small {
	font-size:83%;
}
span.newcomer {
	position:absolute;
	right:4px;
	bottom:4px;
	z-index:2;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(../img/new.gif);
	background-repeat:no-repeat;
	background-position:left top;
	width:42px;
	height:13px;
}

@media print {
section.artist ul li span.photo {
	background-image: none;
}
}


/*	menu
============================== */

nav.sections {
	padding-top:20px;
}
nav.sections ul li {
	float:left;
}
nav.sections ul li:not(:last-child) {
	margin-right:30px;
}
nav.sections ul li {
	background-image:url(img/menu.png);
	background-repeat:no-repeat;
	border-radius:5px;
	-webkit-box-shadow:#4e9999 0 0 8px 0;
	box-shadow:#4e9999 0 0 8px 0;
}
nav.sections ul li:first-child {
	opacity:0.5;
}
nav.sections ul li a, nav.sections ul li span {
	display:block;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	width:177px;
	height:66px;
}
nav.sections ul li.mspot {
	background-position:left top;
}
nav.sections ul li.martists {
	background-position:-207px 0;
}
nav.sections ul li.martists a {
	width:359px;
}
nav.sections ul li.mtimetable {
	background-position:-596px 0;
}
nav.sections ul li.mtwitter {
	background-position:-803px 0;
}

/* 2gyo no hito */

section.artist ul li span#p33 {
	margin-bottom:2px;
}


p.coming{text-aligin:center;margin:20px auto 40px;}


div.data {
	font-size:2px;
	text-indent:-9999px;
	width:650px;
	height:184px;
	margin:0 auto;
}



/*	2nd Twitter and Timetable
============================== */

div.secondArea {
	padding:30px 0;
	background: rgba(255, 248, 124, 0.7);
	margin-bottom: 20px;
}

div.col-wrap {
	width:980px;
	text-align:left;
	margin:0 auto;
}
div.col-lef {
	width:482px;
	margin:0 auto;
	float:left;
}
div.col-rig {
	width:482px;
	float:right;
}


section#twitter h2, article#timetable h2, section#assemble h2 {
	background-image:url(img/h2_482.png);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:20px;
}
section#twitter h2 span, article#timetable h2 span, section#assemble h2 span {
	display:block;
	background-image:url(img/h2_482.png?180712);
	background-repeat:no-repeat;
	height:60px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
div.col-wrap div.inner {
	background-color: hsla(0, 0%, 100%, .7);
}
div.col-wrap div.inner:not(:last-child) {
	margin-bottom:20px;
}

div.col-wrap section#assemble div.inner section h3 {
	background-color:#fff;
	padding:0.5em 0;
	margin-bottom:0.75em;
}
div.col-wrap section#assemble div.inner section h3 span {
	display:block;
	text-align:center;
	line-height:1.25;
	color:#c00;
}

div.col-wrap section#twitter div.inner {
	height:1735px;
	height:954px;
	overflow:hidden;
}
div.col-wrap article#timetable div.inner {
	height:864px;
	overflow:auto;
}
article#timetable h2 {
}
#timetable nav {
	margin-bottom:10px;
}
#timetable nav ul li {
	background-image:url(img/h2_482.png?180712);
	background-repeat:no-repeat;
}
#timetable nav ul li.time-one {
	float:left;
	background-position:0 -180px;
}
#timetable nav ul li.time-two {
	float:right;
	background-position:-246px -180px;
}
#timetable nav ul li a {
	display:block;
	width:236px;
	height:80px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#timetable nav ul li a:hover {
	background-color:#c00;
	opacity:0.2;
}

div.caution {
	padding:20px;
}
div.caution p {
	text-align:right;
}
ul.kome li, div.caution p {
	font-size:83%;
	line-height:1.5;
	margin-bottom:0.25em;
}
ul.kome li:before {
	content:"※";
	float:left;
}
ul.kome li span {
	display:block;
	padding-left:1.5em;
}

section.timeline {
	text-align:center;
	padding:0 20px;
}
section.timeline h3 {
	color:#c00;
	font-size:87.5%;
	line-height:1.25;
	background-color:#fff;
	padding:0.25em 0;
	margin-bottom:0.5em;
}
section.timeline ul {
	margin-bottom:1em;
	line-height: 1.5;
}
section.timeline ul li {
	line-height:1.5;
	margin-bottom:0.2em;
}




/* =================================
	assemble CSS
================================= */

section#assemble div.inner {
	padding:25px;
}

/*	kiyaku
============================== */

/* window */
div.bx-wop-btn {
	position:relative;
	width:880px;
	height:75px;
	}
div.bx-wop-btn ul {
	list-style-type:none;
	position:absolute;
	left:615px;
	}
div.bx-wop-btn ul li {
	display:block;
	float:left;
	}
div.bx-wop-btn ul li a {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	background-image:url(../../gomenne_tbs/css/img/btn_wop.png);
	background-repeat:no-repeat;
	width:75px;
	height:75px;
	}
div.bx-wop-btn ul li.btn-w-close a {
	background-position:0 -160px;
	}

div.bx-w-kiyaku {
	background-color:#fff;
	width:880px;
	height:500px;
	}
div.bx-w-kiyaku div.bx-w-scrl {
	position:absolute;
	left:20px;
	top:20px;
	width:840px;
	height:460px;
	overflow:auto;
	}

p.w-h1 {
	text-align:center;
	line-height:1.25;
	font-weight:bold;
	color:#c00;
	margin-bottom:1.25em;
}
p.w-h2 {
	line-height:1.5;
	font-weight:bold;
	margin-bottom:0.5em;
}
p.w-h2:before {
	content:"■ ";
	color:#c00;
}
div.bx-w-kiyaku div.bx-w-scrl > ol,
div.bx-w-kiyaku div.bx-w-scrl > p.w-txt {
	padding-right:1em;
	}
div.bx-w-kiyaku div.bx-w-scrl > ol > li {
	font-size:83%;
	line-height:1.5;
	margin-bottom:0.5em;
	}
div.bx-w-kiyaku div.bx-w-scrl > ol {
	margin-left:2em;
	list-style-type:decimal;
	margin-bottom:1.5em;
	}
div.bx-w-kiyaku div.bx-w-scrl > ol > li > ol {
	list-style-type:decimal;
	margin:0.5em 0 0.5em 2em;
	}
div.bx-w-kiyaku div.bx-w-scrl > ol > li > ol > li {
	line-height:1.5;
	margin-bottom:0.5em;
	}

div.bx-w-kiyaku div.bx-w-scrl > p.w-txt {
	font-size:83%;
	line-height:1.5;
	margin-bottom:1.5em;
	}


div.ccopy p {
	font-size:87.5%;
	line-height:1.5;
	margin-bottom:1.5em;
}

div.btnbox {
	background-color:hsla(0,0%,100%,0.7);
	padding:20px 0;
	text-align:center;
/*	margin-bottom:25px; */
}
div.btnbox p.btn-regu {
	font-size:100% !important;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:1.25em;
}
div.btnbox p.cbox {
	margin-bottom:1.5em;
}
div.btnbox p.cbox span {
	background-color:#ffed4e;
	padding:0.5em 1em;
}
/*
section.oprnvir p:not(:last-child) {
	margin-bottom:1.5em;
}
section.oprnvir h4 {
	font-size:87.5%;
	line-height:1.5;
	margin-botom:0.5em;
}
section.oprnvir h4:before {
	content:"■ ";
	color:#c00;
}
*/

/*	buttons
============================== */
p.btn-basic {
	font-size:112.5% !important;
	position:relative;
	margin:0 20px 0;
}
p.btn-basic a, p.btn-basic span {
	display:block;
	line-height:1.5;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	text-shadow:0 2px 2px #cc3e12;
	color: #fff;
	background-color:#ff7145;
	background-image:-moz-linear-gradient(transparent 50%, #ff4e17 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#ff4e17),to(#ff4e17));
	background-image:-ms-linear-gradient(transparent 50%, #ff4e17 50%);
	background-image:linear-gradient(transparent 50%, #ff4e17 50%);
	-webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-ms-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	-o-box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	box-shadow: rgba(0,0,0,0.2) 0px 0px 4px 0px;
	padding:12px 24px 12px 32px;
}
p.btn-basic a:hover {
	background-color:#cc3e12;
	background-image:none;
}
p.btn-basic span {
	color: #666;
	text-shadow:0 2px 2px #fff;
	background-color:hsla(0,0%,100%,0.5);
	background-image:none;
}


section#yuzu div.eikounokakehashi {
	width:340px;
	margin:0 auto 20px;
}
section#yuzu div.eikounokakehashi span,
section#yuzu div.eikounokakehashi span img {
	display:block;
	width:340px;
	height:386px;
}


/*	banners
============================== */
div.bnrs {
	width: 980px;
	margin: 0 auto;
}
div.bx-bnrs_left {
	text-align:left;
	float: left;
	width: 665px;
}
div.bx-bnrs_right {
	text-align:left;
	float: right;
	width: 300px;
}

ul.bnrs li:not(:last-child) {
	margin-bottom:20px;
}
ul.bnrs li a {
	display:block;
}
ul.bnrs li.bokin a {
	background-image:url(img/bokin_btn.png);
	background-position: center;
	display: block;
	background-color: #dd1614;
	border-radius: 5px;
	border: solid 5px #a91513;
	box-sizing: border-box;
	height: 70px;
	overflow: hidden; text-indent: 110%; white-space: nowrap;
	box-shadow:0px 12px 9px 0px rgba(0,0,0,0.30);

}
ul.bnrs li.goto a {
	background-image:url(img/southern.png);
	background-position: center;
	display: block;
	background-color: #bfe4f3;
	border-radius: 5px;
	border: solid 5px #20a8dc;
	box-sizing: border-box;
	width: 655px;
	height: 70px;
	overflow: hidden; text-indent: 110%; white-space: nowrap;
	box-shadow:0px 12px 9px 0px rgba(0,0,0,0.30);

}

ul.bnrs li.insta a {
	background-image:url(../img/instagram.jpg);
	height:110px;
	white-space: nowrap; text-indent: 110%; overflow: hidden;
}
ul.bnrs li.timeline_btn a {
	background-image:url(../img/timetable.jpg?2);
	height:164px;
	white-space: nowrap; text-indent: 110%; overflow: hidden;
}
ul.bnrs li.toukou div,
ul.bnrs li.toukou2 div {
	background-repeat: no-repeat;
	background-position: center;
	height: 150px;
	position: relative;
}
ul.bnrs li.toukou div {
	background-image: url(img/toukou.jpg);
}
ul.bnrs li.toukou2 div {
	background-image: url(img/toukou2.jpg);
}
ul.bnrs li.toukou div p,
ul.bnrs li.toukou2 div p {
	display: none;
}
/*	hover button common
============================== */
ul.bnrs li.toukou div a,
ul.bnrs li.toukou2 div a {
position: absolute;
right: 0;
left: 0;
bottom: 20px;
display: block;
cursor: pointer;
width: 498px;
margin: 0 auto;
height: 46px;
border-radius: 5px;
color: #fff;
text-align: center;
text-decoration: none;
background-repeat: no-repeat;
overflow: hidden; text-indent: 110%; white-space: nowrap;
-webkit-transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;
}
ul.bnrs li.toukou div a:hover,
ul.bnrs li.toukou2 div a:hover {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}
ul.bnrs li.toukou div a:active,
ul.bnrs li.toukou2 div a:active {
	color: #ddd;
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
	transition-duration: 0.1s;
}

/*	toukou */
ul.bnrs li.toukou div a {
	background-color: #fff100;
	box-shadow: 0 6px 0 #ae9400, 0 12px 0 rgba(0,0,0,0.2);
	background-image: url(./img/toukou_btn.png);
}
ul.bnrs li.toukou div a:hover {
background-color: #fffe00;
box-shadow: 0 3px 0 #e5d200, 0 6px 0px rgba(0,0,0,0.2);
}
ul.bnrs li.toukou div a:active {
	background-color: #fff100;
	box-shadow: 0 0 0 #ae9400, 0 0 0px rgba(0,0,0,0.2);
}

/*	toukou2 */
ul.bnrs li.toukou2 div a {
	background-color: #dd1614;
	box-shadow: 0 6px 0 #970e05, 0 12px 0 rgba(0,0,0,0.2);
	background-image: url(./img/toukou2_btn.png);
}
ul.bnrs li.toukou2 div a:hover {
background-color: #fa2a26;
box-shadow: 0 3px 0 #a41606, 0 6px 0px rgba(0,0,0,0.2);
}
ul.bnrs li.toukou2 div a:active {
	background-color: #dd1614;
	box-shadow: 0 0 0 #970e05, 0 0 0px rgba(0,0,0,0.2);
}
/*	kanran banner
============================== */
ul.bnrs li.kanran div p {
	display: none;
}
ul.bnrs li.kanran div a {
	display: block;
	background-image: url(img/kanran.jpg);
	background-position: center;
	width: 300px;
	height: 160px;
	background-color: #00deff;
	overflow: hidden; white-space: nowrap; text-indent: 110%;
	background-color: #fff;
	border: 5px solid #d51b3a;
	border-radius: 5px;
	box-sizing: border-box;
}
/*	d_btn banner
============================== */
ul.bnrs li.d_btn div p {
	display: block;
	background-image: url(img/d_btn.png);
	background-position: center;
	width: 300px;
	height: 369px;
	overflow: hidden; white-space: nowrap; text-indent: 110%;
	border-radius: 5px;
	box-sizing: border-box;
}

ul.bnrs li.toukou,
ul.bnrs li.toukou2 {
	width: 655px;
}

ul.bnrs li.bokin {
	width: 655px;
}

ul.bnrs li.recta {
	float: right;
	width: 300px;
}

/*	topnews
============================== */
div.topnews {
	text-align:left;
	background-color: #fff;
	width:980px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0 auto 20px;
}
div.topnews h2 {
	color:#000;
	line-height:1.5;
	margin-bottom:0.5em;
}
div.topnews h2:before {
	content:"■ ";
	color:#000;
}
div.topnews p {
	font-size:87.5%;
	line-height:1.5;
}
div.topnews p:not(:last-child) {
	margin-botom:1.5em;
}


/*	Whats new
============================== */
section.whats-new {
	background-color: #d3b550;
	padding: 3px 0;
	height: 44px;
}
section.whats-new p.wnew_btn a {
	display: block;
	background-image: url(img/yokologo.png);
	background-repeat: no-repeat;
	overflow: hidden; text-indent: 110%; white-space: nowrap;
	cursor: default!important;
}

	section.whats-new p.wnew_btn a {
		width: 322px;
		height: 56px;
		margin-right: 2px;
	}
	section.whats-new {
		margin: 15px 0;
	}

section.whats-new {
	overflow:hidden;
	position: relative;
}
section.whats-new p {
	position: absolute;
	left: 0;
	top: 3px;
}
section.whats-new div#listScroll {
	overflow:hidden;
	background-color: #fff;
}
div#listScroll ul, div#listScroll ul li, div#listScroll ul li a,
div#listScroll dl, div#listScroll dl dt, div#listScroll dl dd {
	display:inline;
	white-space:nowrap;
}
div#listScroll ul li {
	padding-right:2em;
}
div#listScroll ul li a {
	text-decoration:none;
	color: #bd1634;
}
div#listScroll ul li a dl dt {
	padding-right:1em;
}

section.whats-new {
	width: 980px;
	overflow: hidden;
	margin: 0 auto;
	z-index: 9;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -490px;
}

section.whats-new div#listScroll {
	height:44px;
	border-radius:0px 5px 5px 0px ;
}
div#listScroll ul, div#listScroll ul li a dl dt, div#listScroll ul li a dl dd {
	font-size:100%;
	line-height:44px;
}




/*	ticker
============================== */

div.ticker {
	background-color: #000;
	padding:0.5em;
}
div.ticker div.tck-outer {
	width:100%;
	overflow:hidden;
	position:relative;
	height:1.25em;
}
div.ticker div.tck-outer ul.tck-inner, div.ticker ul.tck-inner li, div.ticker ul.tck-inner li a {
	display:inline;
	white-space:nowrap;
}
div.ticker div.tck-outer ul.tck-inner {
	position:absolute;
	line-height:1.25;
}
div.ticker div.tck-outer ul.tck-inner li {
	position:relative;
	padding-right:2em;
}
div.ticker div.tck-outer ul.tck-inner li:before {
	content:"";
	display:inline-block;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:absolute;
	top:50%;
	margin-top:-10px;
	background-color:#dd1614;
	border-radius: 50%;
}
div.ticker ul.tck-inner li a {
	color:#fff;
}
div.ticker ul.tck-inner li a:not(.nolink) dl {
	border-bottom: 1px solid #fff;
}
div.ticker ul.tck-inner li a:not(.nolink) dl:hover {
	border-bottom: none;
	color: yellow;
	margin-bottom: -2px;
}
div.ticker ul.tck-inner li a dl, div.ticker ul.tck-inner li a dl dt, div.ticker ul.tck-inner li a dl dd {
	display:inline-block;
	white-space:nowrap;
}
div.ticker ul.tck-inner li a dl dt {
	padding-right:1em;
}

div.ticker{
	margin: 0 0 0;
	width: 86.799999%;
	float: right;
	padding:0.5em 0;
}
div.ticker div.tck-outer {
	height: 28px;
}
div.ticker div.tck-outer ul.tck-inner {
	line-height: 27px;
}
div.ticker ul.tck-inner li a {
	padding-left:26px;
}
div.ticker ul.tck-inner li a:hover {
	text-decoration:underline;
}
div.ticker div.tck-outer ul.tck-inner li:before {
	width:20px;
	height:20px;
}

/*	andmore
============================== */
.andmore {
	width: 750px;
	height: 60px;
	background-image: url(../img/andmore.png?180712);
	background-repeat: no-repeat;
	margin: 0 auto;
	overflow: hidden; text-indent: 110%; white-space: nowrap;
}

/*	midokoro
============================== */
div.midokoro {
	width: 655px;
	height: 785px;
	background-position: center 130px;
	background-color: #fff;
	padding: 20px;
	border:5px solid #dd1614;
	box-sizing: border-box;
	border-radius: 5px;
	box-shadow: 0px 12px 9px 0px rgba(0,0,0,0.30);
	margin-bottom: 20px;
	background-image: url(img/midokoro.jpg);
	background-repeat: no-repeat;
}
div.midokoro h3 {
	background-image: url(img/midokoro_h3.png);
	width: 548px;
	height: 94px;
	margin: 0 auto;
	white-space: nowrap; text-indent: 110%; overflow: hidden;
}


div.bx-w-photo p.bx-wph-cover img {
	width: 690px;
	height: 624px;
}

li.btn-w-close a {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: red;
	margin-bottom: 10px;
	background-image: url(img/close.png);
}

/*	kome
============================== */

ul.kome li, ul.kome2 li {
	color:#7b7b7b;
	line-height:1.5;
	margin-bottom:0.2em;
}
div.nuri ul.kome li {
	color:#000;
}
article#books ul.kome li {
	color:#c00;
}
ul.kome li:before, ul.kome2 li:before {
	display:block;
	float:left;
}
ul.kome li:before {
	content:"※";
}
ul.kome2 li:nth-child(1):before {
	content:"※1";
}
ul.kome2 li:nth-child(2):before {
	content:"※2";
}
ul.kome li span, ul.kome2 li span {
	display:block;
}
ul.kome li span {
	padding-left:1.5em;
}
ul.kome2 li span {
	padding-left:2.5em;
}
ul.mgb15em {
	margin-bottom:1.5em;
}
@media all and (min-width: 768px) {
ul.kome2 {
	margin-bottom:20px;
}
ul.kome li, ul.kome2 li {
	font-size:83%;
}
}
@media all and (max-width: 767px) {
ul.kome2 {
	margin-bottom:12px;
}
ul.kome li, ul.kome2 li {
	font-size:75%;
}
}
p.comingsoon {
	background-image: url(../img/ttcmsn.png);
	width: 400px;
	height: 100px;
	background-repeat: no-repeat;
	overflow: hidden; text-indent: 110%; white-space: nowrap;
	margin: 0 auto;
}