/* =================================
	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;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

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

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

/* margin-bottom */
.mgb-0 {margin-bottom:0 !important;}
.mgb-20 {margin-bottom:20px !important;}
.mgb05em {margin-bottom:0.5em !important;}
.mgb1em {margin-bottom:1em !important;}
.mgb15em {margin-bottom:1.5em !important;}

/* lazyload */
.lazy {
	display:block;
	position:relative;
}

/* strech */
.img-strech {
	position:relative;
	height:0;
}
.img-strech .inner {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/* nowrap */
.nowp {
	white-space:nowrap;
}


/*	background
============================== */
html, body, div#con-body {
	background-color:#177bd6;
}
body {
	color:#4e667b;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}
div.cover {
}
@media all and (min-width: 768px) {
div.cover {
	position:relative;
	background-image:url(../img/bg.png);
	background-position:center top;
	background-repeat:repeat;
	background-color:#2c90f4;
	padding-bottom:40px;
	border-bottom:15px solid #fff;
}
}
@media all and (max-width: 767px) {
div.cover {
	background-position:left top;
	background-size:22px;
}
}


/*	copyright
============================== */
p.copyright {
	color:#cceaff;
	line-height:1.25;
	text-align:center;
}
p.copyright a {
	color:#ffc2ea;
}
@media all and (min-width: 768px) {
	p.copyright {
		font-size:75%;
		padding:25px 0;
	}
	p.copyright a:hover {
		text-decoration:none;
	}
}
@media all and (max-width: 767px) {
	p.copyright {
		font-size:67.5%;
		padding:10px;
	}
}


/*	pagetop
============================== */
p.pgt {
}
p.pgt a {
	display:block;
}
@media all and (min-width: 768px) {
p.pgt {
	position:absolute;
	right:40px;
	bottom:30px;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
p.pgt a {
	background-image:url(../img/cm_btns_pc.png);
	background-repeat:no-repeat;
	background-position:0 -240px;
	width:140px;
	height:114px;
}
}
@media all and (max-width: 767px) {
p.pgt {
	text-align:center;
}
p.pgt a, p.pgt span {
	display:block;
}
p.pgt a {
	text-decoration:none;
	color:#fff44e;
	background-color:#ff177b;
}
p.pgt a span {
	background-image:url(../img/cmn_menu.svg);
	background-repeat:no-repeat;
	background-position:right bottom;
	font-weight:bold;
	height:44px;
	line-height:44px;
}
}


/*	layout
============================== */
div.cover div.wrap {
	text-align:left;
}
@media all and (min-width: 768px) {
div.cover div.wrap {
	width:980px;
	margin:0 auto;
}
div.col-lef {
	width:656px;
	float:left;
}
div.col-rig {
	width:300px;
	float:right;
	padding-bottom:140px;
}
}
@media all and (max-width: 767px) {
.smp-bg {
	background-image:url(../img/bg.png);
	background-position:center top;
	background-repeat:repeat;
	background-size:28px;
}
div.cover div.wrap {
}
div.col-rig {
	padding-top:10px;
}
}


/*	header
============================== */
@font-face {
	font-family: 'Fredoka One';
	src: url('/um/library/fonts/Fredoka_One/FredokaOne-Regular.ttf') format("truetype");
}
div.header header {
	text-align:left;
}
div.header header h1 {
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
div.header header p.oa {
	text-align:center;
	color:#994e17;
	line-height:1.25;
	font-weight:bold;
	letter-spacing:1px;
}
div.header header p.oa span {
	color:#ff177b;
	font-size:125%;
	font-family: 'Fredoka One', 'sans serif';
	font-weight:normal;
}
@media all and (min-width: 768px) {
div.header {
	min-width:980px;
}
div.header {
	background-image:url(../img/idx_bg_header.png);
	background-repeat:repeat-x;
	background-position:center bottom;
}
div.header header {
	position:relative;
	width:980px;
	margin:0 auto;
}
.idx div.header header {
	height:520px;
}
.cmn div.header header {
	height:388px;
}
.idx div.header header h1 {
	background-image:url(../img/top_logo_pc.png);
	position:absolute;
	left:0;
	top:0;
	width:980px;
	height:380px;
	z-index:2;
}
.cmn div.header header h1 {
	position:absolute;
	left:2px;
	top:20px;
}
.cmn div.header header h1 > a {
	display:block;
	background-image:url(../img/cmn_logo.png);
	background-size:322px 190px;
	width:322px;
	height:190px;
}
div.header header p.oa {
	font-size:150%;
	z-index:3;
}
.idx div.header header p.oa {
	position:absolute;
	left:0;
	top:264px;
	width:390px;
}
.cmn div.header header p.oa {
	position:absolute;
	right:20px;
	top:135px;
	width:600px;
	text-align:right;
}
.idx div.header header div.pics,
.idx div.header header div.pics img {
	width:610px;
	height:366px;
}
.idx div.header header div.pics {
	background-image:url(../img/top_main_pc.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	left:340px;
	top:0;
	z-index:1;
}
div.header header div.pics img {
	display:block;
}
}
@media all and (max-width: 767px) {
.idx div.header header h1 {
	display:none;
}
.cmn div.header header h1 {
	background-image:url(../img/cmn_logo.png);
	background-position:center center;
	background-color:#fff;
	background-size:230px 136px;
	height:156px;
}
.cmn div.header header h1 > a {
	display:block;
	height:156px;
}
div.header header p.oa {
	background-color:#ffd6e0;
	padding:0.25em 0;
}
.idx div.header header div.pics {
	background-image:url(../img/top_main_smp.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:71.614583%;
}
.idx div.header header div.pics img {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	nav menu
============================== */
div.cmn-menu nav ul li a, div.cmn-menu nav ul li > b {
	display:block;
}
@media all and (min-width: 768px) {
div.cmn-menu {
	position:absolute;
	left:0;
}
.idx div.cmn-menu {
	top:380px;
}
.cmn div.cmn-menu {
	top:248px;
}
div.cmn-menu nav {
	background-image:url(../img/cm_btns_pc.png);
	background-repeat:no-repeat;
	background-position:right top;
	width:980px;
	height:120px;
}
ul.m-main {
	margin-left:2px;
}
ul.m-main li {
	float:left;
	margin-right:6px;
}
ul.m-main li a, ul.m-main li > b {
	background-image:url(../img/cm_btns_pc.png);
	background-repeat:no-repeat;
	background-position:0 -120px;
	width:104px;
	height:120px;
}
ul.m-main li.mhome a {background-position:0 -120px;}
ul.m-main li.mnews a {background-position:-110px -120px;}
ul.m-main li.mabout a {background-position:-220px -120px;}
ul.m-main li.mcast a {background-position:-330px -120px;}
ul.m-main li.mhouse a, ul.m-main li.mhouse > b {background-position:-440px -120px;}
ul.m-main li.mgallery a, ul.m-main li.mgallery > b {background-position:-550px -120px;}
/*
ul.m-main li a:hover {
	-webkit-animation-name: coinrotate;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	animation-name: coinrotate;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
}
@-webkit-keyframes coinrotate {
	0% {
		-webkit-transform: rotate3d(0,1,0, 0deg);
		transform: rotate3d(0,1,0, 0deg);
	}
	50% {
		-webkit-transform: rotate3d(0,1,0, 180deg);
		transform: rotate3d(0,1,0, 180deg);
	}
	100% {
		-webkit-transform: rotate3d(0,1,0, 0deg);
		transform: rotate3d(0,1,0, 0deg);
	}
}
*/
/* sns */
ul.m-sns li {
	position:absolute;
	top:32px;
}
ul.m-sns li.myt {
	left:735px;
}
ul.m-sns li.mtw {
	left:804px;
}
ul.m-sns li.mfb {
	left:873px;
}
ul.m-sns li a {
	width:52px;
	height:52px;
}
div.cmn-menu nav > div > div > p {
	color:#666;
	position:absolute;
	width:282px;
	left:689px;
	top:88px;
	text-align:center;
	line-height:1.25;
	font-size:75%;
}
}
@media all and (max-width: 767px) {
div.cmn-menu {
	padding:10px;
}
div.cmn-menu nav {
	border:5px solid #ffe04e;
	background-color:#ff177b;
	border-radius:12px;
}
div.cmn-menu nav > div {
	overflow:hidden;
	/* transition: height 1s ease 0s; */
}
div.cmn-menu nav > div.m-off > ul, div.cmn-menu nav > div.m-off > div {
	display:none;
}
div.cmn-menu nav > div > h2, ul.m-main li a {
	background-image:url(../img/cmn_menu.svg);
	background-repeat:no-repeat;
	color:#fff44e;
	font-size:87.5%;
	font-weight:bold;
	text-decoration:none;
	line-height:44px;
	height:44px;
	padding:0 10px;
}
div.cmn-menu nav > div > h2:after, ul.m-main li:after {
	content:"";
	display:block;
}
div.cmn-menu nav > div.m-on > h2 {
	background-position:right bottom;
}
div.cmn-menu nav > div.m-off > h2 {
	background-position:right top;
}
div.cmn-menu nav > div.m-on > h2:after {
	border-bottom:2px solid #b20017;
}
div.cmn-menu nav > div.m-off > h2:after {
	border-bottom:2px solid transparent;
}
ul.m-main li a {
	background-position:right center;
}
ul.m-main li:not(:last-child):after {
	margin:0 10px;
	border-bottom:2px dotted #b20017;
}

div.cmn-menu nav > div > div {
	padding:10px 0;
	background-color:#fff;
	border-top:2px solid #b20017;
	border-radius:0 0 7px 7px;
}
div.cmn-menu nav ul.m-sns {
	width:210px;
	height:60px;
	margin:0 auto;
}
div.cmn-menu nav ul.m-sns li {
	float:left;
}
div.cmn-menu nav ul.m-sns li a {
	background-image:url(../img/cmn_menu_sns.png);
	background-repeat:no-repeat;
	width:50px;
	height:50px;
}
div.cmn-menu nav ul.m-sns li.myt a {
	background-position:left top;
}
div.cmn-menu nav ul.m-sns li.mtw a {
	background-position:-50px 0;
}
div.cmn-menu nav ul.m-sns li.mfb a {
	background-position:-100px 0;
}
div.cmn-menu nav ul.m-sns li:not(:last-child) {
	margin-right:30px;
}
div.cmn-menu nav > div > div > p {
	color:#666;
	font-size:67.5%;
	text-align:center;
	line-height:1.25;
	letter-spacing:1px;
}

}




/* =================================
	RIGHT COLUMN
================================= */

/* rectangle */
div.col-rig div.recta {
	width:300px;
	height:250px;
	overflow:hidden;
	background-color:#ccc;
}
@media all and (min-width: 768px) {
div.col-rig div.recta {
	margin-bottom:20px;
}
}
@media all and (max-width: 767px) {
div.col-rig div.recta {
	margin:0 auto 10px;
}
}

/* sns buttons */
div.col-rig div.sns-btns {
	padding:10px 0 7px;
	background-color:#b2e0ff;
}
@media all and (min-width: 768px) {
div.col-rig div.sns-btns {
	border-radius:12px;
	margin-bottom:20px;
}
div.col-rig div.sns-btns div.tw {
	width:100px;
	float:left;
	margin-left:40px;
}
div.col-rig div.sns-btns div.fb {
	float:right;
}
}
@media all and (max-width: 767px) {
div.col-rig div.sns-btns {
	text-align:center;
}
div.col-rig div.sns-btns div.tw, div.col-rig div.sns-btns div.fb {
	display:inline-block;
}
div.col-rig div.sns-btns div.tw {
	padding-right:50px;
}
}

/* OA banners */
.btn-oa {
	background-color:#fff;
	background-image:url(../img/cmn_rig_png.png);
	background-position:center -50px;
	background-repeat:no-repeat;
}
.btn-oa a {
	display:block;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	height:100px;
}
@media all and (min-width: 768px) {
.btn-oa {
	margin-bottom:20px;
}
.btn-oa a:hover {
	background-color:#fff;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
.btn-oa a {
	width:300px;
	margin:0 auto;
}
}

/* Twitter timeline */
div.col-rig aside section.tw-timeline {
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fffaea), color-stop(0.2, #ffea66), color-stop(0.5, #ffd600), to(#ffd600));
	background-image: linear-gradient(#fffaea, #ffea66 20%, #ffd600 50%, #ffd600);
	padding-bottom:10px;
}
div.col-rig aside section.tw-timeline h2 {
	background-image:url(../img/cmn_rig_png.png);
	background-position:center top;
	background-repeat:no-repeat;
}
div.col-rig aside section.tw-timeline h2 a {
	display:block;
	height:50px;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
div.col-rig aside section.tw-timeline div.inner {
	background-color:#fff;
}
@media all and (min-width: 768px) {
div.col-rig aside section.tw-timeline {
	margin-bottom:20px;
}
div.col-rig aside section.tw-timeline div.inner {
	margin:0 10px;
}
}
@media all and (max-width: 767px) {
div.col-rig aside section.tw-timeline div.inner {
	width:260px;
	margin:0 auto;
}
}


/* right banners */
.rig-bns {
	list-style-type:none;
}
.rig-bns li {
	background-repeat:no-repeat;
	background-color:#fff;
}
.rig-bns li:not(:last-child) {
	margin-bottom:10px;
}
.rig-bns li.bn-fb {
	background-image:url(../img/cmn_rig_png.png);
	background-position:0 -150px;
}
.rig-bns li a {
	display:block;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
	height:100px;
}
@media all and (min-width: 768px) {
.rig-bns {
	margin-bottom:20px;
}
.rig-bns li a:hover {
	background-color:#fff;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
.rig-bns {
	padding:10px 0;
}
.rig-bns li {
	width:300px;
	margin:0 auto;
}
}


/* =================================
	ARCHIVES
================================= */

/*	archives banners
============================== */
section.archives {
	background-color:#fff;
	padding-bottom:10px;
}
section.archives ul {
	width:280px;
	margin:0 auto;
}
section.archives ul li {
	background-image:url(/coin-toss/img/cmn_archives.jpg?202310);
	background-repeat:no-repeat;
}
section.archives ul li:not(:last-child) {
	margin-bottom:6px;
}
section.archives h2 {background-position:center top;}
section.archives ul li.season12 {background-position:0 -700px;}
section.archives ul li.season11 {background-position:0 -650px;}
section.archives ul li.season10 {background-position:0 -600px;}
section.archives ul li.season9 {background-position:0 -550px;}
section.archives ul li.season8 {background-position:0 -500px;}
section.archives ul li.season7 {background-position:0 -450px;}
section.archives ul li.season6 {background-position:0 -400px;}
section.archives ul li.season5 {background-position:0 -350px;}
section.archives ul li.season4 {background-position:0 -300px;}
section.archives ul li.season3 {background-position:0 -50px;}
section.archives ul li.season2 {background-position:0 -100px;}
section.archives ul li.season1 {background-position:0 -150px;}
section.archives ul li.nico {background-position:0 -200px;}
section.archives ul li.inter2 {background-position:0 -250px;}
section.archives h2,
section.archives ul li a {
	display:block;
	height:50px;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
section.archives h2 {
	height:10px;
}
@media all and (min-width: 768px) {
section.archives {
	border-radius:10px;
}
section.archives ul li a:hover {
	background-color:#fff;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
}




/* =================================
	LEFT COLUMN
================================= */

/*	article unit
============================== */
@media all and (min-width: 768px) {
div.unit {
	background-color:#ffd600;
	border-radius:32px;
	-webkit-box-shadow: #177bd6 0 10px 0 0;
	box-shadow: #177bd6 0 10px 0 0;
	padding:10px;
	margin-bottom:30px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fffaea), color-stop(0.25, #ffea66), color-stop(0.5, #ffd600), color-stop(0.7, #ffd600), to(#f4b200));
	background-image: linear-gradient(#fffaea, #ffea66 25%, #ffd600 50%, #ffd600 70%, #f4b200);
}
div.unit article, div.unit article > div.inner {
	background-image:url(../img/cm_bg_brd.png);
	background-repeat:no-repeat;
}
div.unit article {
	background-position:left bottom;
	-webkit-background-clip:content-box;
	background-clip:content-box;
	background-color:#fff;
	border:solid 5px #997bff;
	border-radius:22px;
	-webkit-box-shadow:#6eb8ff 0 0 14px 0 inset;
	box-shadow:#6eb8ff 0 0 14px 0 inset;
}
div.unit article > div.inner {
	background-position:right top;
}
article .title {
	background-image:url(../img/cmn_h1.png);
	background-repeat:no-repeat;
	height:80px;
}
.movyt article .title {background-position:0 0;}
.nextoa article .title {background-position:0 -80px;}
.news article .title {background-position:0 -160px;}
.about article .title {background-position:0 -240px;}
.cast article .title {background-position:0 -320px;}
.gallery article .title {background-position:0 -400px;}
.uminoie-basic article .title {background-position:0 -480px;}
}
@media all and (max-width: 767px) {
div.unit {
	background-color:#fff;
/*	background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.25, #fff), to(#b8e0ff));
	background-image: linear-gradient(#fff, #fff 25%, #b8e0ff);
	border-top:5px solid #ffd600;	*/
	border-bottom:5px solid #ffd600;
}
article .title {
	background-color:#ffccd6;
	margin-bottom:15px;
}
article .title span {
	font-size:112.5%;
	color:#c00;
	display:block;
	line-height:1.25;
	padding:0.5em 1em;
	letter-spacing:1px;
	text-shadow:1px 1px 0 #fff, -1px 1px 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, 2px 2px 3px #99334e;
	/**/
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
	background-color: #ffccd6;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #ffe0ea), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #ffe0ea 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #ffe0ea 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #ffe0ea 50%, transparent 50%, transparent);
	/**/
}

}




/* =================================
	TOP
================================= */
div.bn-free, div.bn-uramen {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
div.bn-free {
	background-image:url(../img/top_bn_tbsfree4.jpg);
}
div.bn-uramen {
	background-image:url(../img/top_bn_uramen.jpg);
}
div.bn-free a.img-strech {
	display:block;
	padding-top:41.76829%;
}
div.bn-uramen a.img-strech {
	display:block;
	padding-top:38.719512%;
}
@media all and (min-width: 768px) {
div.bn-free, div.bn-uramen {
	border-radius:32px;
	-webkit-box-shadow: #177bd6 0 10px 0 0;
	box-shadow: #177bd6 0 10px 0 0;
	margin-bottom:30px;
}
div.bn-free a:hover, div.bn-uramen a:hover {
	background-color: hsla(334, 36%, 77%, .3);
	border-radius:32px;
}
}
@media all and (max-width: 767px) {
}

/*	player
============================== */
div.player-outer, div.player-outer-oa {
	position:relative;
	height:0;
	padding-top:56.25%;
}
div.player-outer iframe, div.player-outer-oa video, div.player-outer-oa object {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.nextoa p.msg, div.movyt p.btn-basic + p {
	line-height:1.5;
}
@media all and (min-width: 768px) {
div.player-deco {
	margin:0 64px 20px;
}
div.nextoa p.msg, div.movyt p.btn-basic + p {
	text-align:center;
	font-size:87.5%;
	margin:0 64px 60px;
}
div.nextoa p.msg {
	margin-top:20px;
}
}
@media all and (max-width: 767px) {
div.player-deco {
	margin:0 10px 10px;
}
div.nextoa p.msg, div.movyt p.btn-basic + p {
	font-size:83%;
	margin:0 10px 20px;
}
div.movyt p.btn-basic + p {
	text-align:center;
}
}

/*	basic button
============================== */
p.btn-basic {
	border-radius:16px;
	overflow:hidden;
	width:260px;
	-webkit-box-shadow: #ccc 0 4px 0 0;
	box-shadow: #ccc 0 4px 0 0;
	margin:0 auto 10px;
}
p.btn-basic a {
	display: block;
	font-weight:bold;
	font-size:87.5%;
	text-align:center;
	text-decoration: none;
	letter-spacing:1px;
	background-color: #ff174e;
	color: #fff;
	position: relative;
	padding-left: 16px;
	height:38px;
	line-height:38px;
}
p.btn-basic a:before {

	content:"";
	position: absolute;
	top: 0;			/* topとbottom、対するプロパティに値を持たせて、領域をつくる */
	bottom: 0;		/* topとbottom、対するプロパティに値を持たせる、領域をつくる */
	left: 0.6em;	/* アイコンが右端いっぱいに配置されないようにする */
	margin: auto;	/* 垂直に中央になるようにする */

	width: 16px;
	height: 16px;
	background-image:url(../img/ico_btn.svg);
	background-position:0 -11px;
}
@media all and (min-width: 768px) {
p.btn-basic a:hover {
	background-color: #c00;
}
}

/*	twitter (for pre site)
============================== */
div.tw-timeline div.inner {
	background-color:#fff;
	/* overflow:auto; */
}
@media all and (min-width: 768px) {
div.tw-timeline {
	background-color:#b2e0ff;
	padding:10px;
}
div.tw-timeline div.inner {
	/* height:800px; */
}
}
@media all and (max-width: 767px) {
div.tw-timeline {
	background-color:#b2e0ff;
	padding:10px 0;
}
div.tw-timeline div.inner {
	width:260px;
/*	height:500px; */
	margin:0 auto;
}
}





/* =================================
	NEWS
================================= */

.news article section.unit h3 {
	padding-top:10px;
	margin-top:-10px;
	border-bottom:#eaeaea solid 5px;
	margin-bottom:0.75em;
}
.news article section.unit h3 span {
	color:#fff;
	text-shadow:1px 1px 3px #4e1717;
	display:block;
	padding:0.5em 1em;
	/**/
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;
	background-color: #ff4e99;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #ff2c7b), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #ff2c7b 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #ff2c7b 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #ff2c7b 50%, transparent 50%, transparent);
	/**/
}
.news article section.unit div.bx-nuri {
	border:5px double #ffe0ea;
	background-color:#ffccd6;
	margin-bottom:1.5em;
}
.news article section.unit div.bx-nuri p {
	margin-bottom:0;
}
.news article section.unit dl dt,
.news article section.unit dl dd,
.news article section.unit table th,
.news article section.unit table td,
.news article section.unit ul li,
.news article section.unit ol li,
.news article section.unit h4,
.news article section.unit p {
	line-height:1.5;
}
.news article section.unit p {
	margin-bottom:1.5em;
}
.news article section.unit dl dt,
.news article section.unit h4 {
	color:#004eb2;
	font-weight:bold;
}
.news article section.unit h4 {
	margin-bottom:0.5em;
}
.news article section.unit dl dd {
	margin-bottom:0.5em;
}
.news article section.unit ul.basic {
	margin-left:1.5em;
	list-style-type:disc;
}
.news article section.unit ul.kome li:before {
	content:"※";
	float:left;
}
.news article section.unit ul.kome li span {
	display:block;
	padding-left:1.25em;
}
@media all and (min-width: 768px) {
.news article section.unit {
	padding:0 45px 25px;
}
.news article section.unit h3 {
	margin-left:-20px;
	margin-right:-20px;
}
.news article section.unit dl dt,
.news article section.unit dl dd,
.news article section.unit table th,
.news article section.unit table td,
.news article section.unit ul li,
.news article section.unit ol li,
.news article section.unit h4,
.news article section.unit p {
	font-size:87.5%;
}
.news article section.unit div.bx-nuri {
	padding:20px;
}
}
@media all and (max-width: 767px) {
.news article section.unit {
	padding:0 25px 15px;
}
.news article section.unit h3 {
	margin-left:-10px;
	margin-right:-10px;
}
.news article section.unit dl dt,
.news article section.unit dl dd,
.news article section.unit table th,
.news article section.unit table td,
.news article section.unit ul li,
.news article section.unit ol li,
.news article section.unit h4,
.news article section.unit p {
	font-size:83%;
}
.news article section.unit div.bx-nuri {
	padding:10px;
}
}




/* =================================
	CAST
================================= */
.cast article section.unit h3 {
	background-image:url(../img/cmn_h3.png);
	background-repeat:no-repeat;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
.cast article section.unit ul li {
	float:left;
}
.cast article section.unit ul li a {
	text-decoration:none;
}
.cast article section.unit ul li dl dt {
	margin-bottom:0.25em;
}
.cast article section.unit ul li > a,
.cast article section.unit ul li > span,
.cast article section.unit ul li dl dt > span,
.cast article section.unit ul li dl dd span,
.cast article section.unit ul li dl dd b,
.cast article section.unit ul li > span > span,
.cast article section.unit ul li > span > b,
.cast article section.unit ul li dl dt img,
.cast article section.unit div.pics span img {
	display:block;
}
/* .cast article section.unit ul li dl dt img {
	background-color:#d6e0fa;
} */
.cast article section.unit ul li.chara1 dl dt > span {background-position:left top;}
.cast article section.unit ul li.chara2 dl dt > span {background-position:center top;}
.cast article section.unit ul li.chara3 dl dt > span {background-position:right top;}
.cast article section.unit ul li.chara4 dl dt > span {background-position:left center;}
.cast article section.unit ul li.chara5 dl dt > span {background-position:center center;}
.cast article section.unit ul li.chara6 dl dt > span {background-position:right center;}
.cast article section.unit ul li.chara7 dl dt > span {background-position:left bottom;}
.cast article section.unit ul li.chara8 dl dt > span {background-position:center bottom;}
/**/
.cast article section.mc ul li.mc-taka > span > span {background-position:left top;}
.cast article section.mc ul li.mc-an > span > span {background-position:center top;}
.cast article section.mc ul li.mc-yoshi > span > span {background-position:right top;}
.cast article section.mc ul li.mc-niko > span > span {background-position:left bottom;}
.cast article section.mc ul li.mc-ryu > span > span {background-position:center bottom;}
.cast article section.unit ul li > span > b.namae {
	height:3em;
}
.cast article section.unit ul li dl dd span,
.cast article section.unit ul li dl dd b,
.cast article section.unit ul li > span > b.namae,
.cast article section.unit p.txt {
	text-align:center;
	line-height:1.5;
}
.cast article section.unit ul li dl dd b.namae {
	color:#333;
	margin-bottom:0.5em;
}
.cast article section.unit ul li dl dd span.prof {
	color:#fff;
	line-height:38px;
	height:38px;
	background-image:url(../img/ico_btn.svg);
	background-repeat:no-repeat;
}
.cast article section.unit ul li.mens dl dd span.prof {
	background-color:#177bd6;
}
.cast article section.unit ul li.womens dl dd span.prof {
	background-color:#fa337b;
}
.cast article section.unit div.pics span {
	display:block;
	padding-top:56.25%;
	background-size:cover;
}
.cast article section.unit .tit {
	font-weight:bold;
	text-align:center;
	margin-bottom:0.25em;
}
@media all and (min-width: 768px) {
.cast article .title {
	margin-bottom:30px;
}
.cast article section.unit {
	margin-bottom:25px;
}
.cast article section.unit h3 {
	height:50px;
}
.cast article section.member h3 {
	background-position:0 0;
}
.cast article section.retire h3 {
	background-position:0 -50px;
}
.cast article section.mc h3 {
	background-position:0 -100px;
}
.cast article section.theme h3 {
	background-position:0 -150px;
}
.cast article section.song h3 {
	background-position:0 -200px;
}
.cast article section.supporter h3 {
	background-position:0 -250px;
}
.cast article section.unit ul {
	width:510px;
	margin:0 auto;
}
.cast article section.unit ul li {
	width:150px;
	margin-bottom:20px;
}
/*
.cast article section.unit ul li:not(:nth-child(3n)) {
	margin-right:30px;
}
*/
.cast article section.member ul li:nth-child(1),
.cast article section.member ul li:nth-child(3),
.cast article section.member ul li:nth-child(5),
.cast article section.retire ul li:nth-child(1) {
	margin-right:30px;
}
.cast article section.mc ul li:not(:nth-child(3n)) {
	margin-right:30px;
}
.cast article section.member ul li:nth-child(1),
.cast article section.member ul li:nth-child(3),
.cast article section.member ul li:nth-child(5),
.cast article section.mc ul li:nth-child(4) {
	margin-left:90px;
}
.cast article section.retire ul li:nth-child(1) {
	margin-left:90px;
}
.cast article section.unit ul li dl dt,
.cast article section.unit ul li dl dt img,
.cast article section.unit ul li > span > span,
.cast article section.unit ul li > span > span > img {
	width:150px;
	height:180px;
}
.cast article section.unit ul li dl dt,
.cast article section.unit ul li > span > span {
	overflow:hidden;
}
.cast article section.unit ul li dl dt > span {
	background-size:450px 540px;
}
.cast article section.mc ul li > span > span {
	background-size:450px 360px;
}
.cast article section.unit ul li dl dd span,
.cast article section.unit ul li dl dd b,
.cast article section.unit ul li > span > b.namae,
.cast article section.unit p.txt {
	font-size:87.5%;
}
.cast article section.unit div.pics {
	-webkit-box-shadow:#6eb8ff 0 0 10px 0;
	box-shadow:#6eb8ff 0 0 10px 0;
	border:10px solid #fff;
	margin:0 113px 15px;
}
.cast article section.unit ul li dl dd span.prof {
	background-position:12px 0;
}
}
@media all and (max-width: 767px) {
.cast article section.unit {
	padding:0 10px;
	margin-bottom:20px;
}
.cast article section.unit ul li {
	width:33.3%;
	margin-bottom:15px;
}

.cast article section.mc ul li:nth-child(4) {
	margin-left:16.65%;
}
.cast article section.member ul li:nth-child(odd) {
	margin-left:16.65%;
}
.cast article section.member ul li:nth-child(odd) {
	margin-right:5px;
}
.cast article section.member ul li:nth-child(even) {
	margin-left:5px;
}
.cast article section.retire ul li:nth-child(odd) {
	margin-right:5px;
}
.cast article section.retire ul li:nth-child(even) {
	margin-left:5px;
}
.cast article section.retire ul li:nth-child(1) {
	margin-left:16.65%;
}
.cast article section.mc ul li:nth-child(3n-2) > a,
.cast article section.mc ul li:nth-child(3n-2) > span {
	margin-right:6px;
}
.cast article section.mc ul li:nth-child(3n-1) > a,
.cast article section.mc ul li:nth-child(3n-1) > span {
	margin-left:3px;
	margin-right:3px;
}
.cast article section.mc ul li:nth-child(3n) > a,
.cast article section.mc ul li:nth-child(3n) > span {
	margin-left:6px;
}
.cast article section.unit h3 {
	background-size:438.2px 210px;
	height:35px;
}
.cast article section.member h3 {background-position:center top;}
.cast article section.retire h3 {background-position:center -35px;}
.cast article section.mc h3 {background-position:center -70px;}
.cast article section.theme h3 {background-position:center -105px;}
.cast article section.song h3 {background-position:center -140px;}
.cast article section.supporter h3 {background-position:center -175px;}
.cast article section.unit ul li dl dd span,
.cast article section.unit ul li dl dd b,
.cast article section.unit ul li > span > b.namae,
.cast article section.unit p.txt {
	font-size:83%;
}
.cast article section.unit .tit {
	font-size:87.5%;
}
.cast article section.unit ul li dl dt > span {
	background-size:300% 300%;
}
.cast article section.mc ul li > span > span {
	background-size:300% 200%;
}
.cast article section.unit div.pics {
	-webkit-box-shadow:#6eb8ff 0 0 6px 0;
	box-shadow:#6eb8ff 0 0 6px 0;
	border:6px solid #fff;
	margin:0 50px 8px;
}
.cast article section.unit ul li dl dt > span,
.cast article section.unit ul li > span > span.pics {
	position:relative;
	height:0;
	padding-top:120%;
}
.cast article section.unit ul li dl dt img,
.cast article section.unit ul li > span > span > img {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.cast article section.unit ul li dl dd span.prof {
	text-align:left;
	padding-left:24px;
	background-position:4px 0;
	font-size:75%;
}
}


/* =================================
	ABOUT
================================= */
.about article div.abt-copy p:first-child {
	background-image:url(../img/about.png);
	background-position:left top;
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:116.6%;
}
.about article div.abt-copy p:first-child > span {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.about article div.abt-copy p:not(:first-child) {
	position:absolute;
	top:-5000px;
	left:-9999px;
}
@media all and (min-width: 768px) {
.about article div.abt-copy {
	padding:0 30px;
	margin-bottom:60px;
}
}
@media all and (max-width: 767px) {
.about article div.abt-copy {
	padding:0 10px;
	margin-bottom:15px;
}
}



/* =================================
	UMI no IE
================================= */
div.gmap-outer {
	border-style:solid;
	border-color:#eaccb2;
}
div.gmap-inner {
	position: relative;
	height: 0;	
	padding-top: 70.27027%;
}
div.gmap-inner iframe {
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
	height: 100%;
}
@media all and (min-width: 768px) {
div.gmap-outer {
	border-width:10px;
	margin:0 30px 60px;
}
}
@media all and (max-width: 767px) {
div.gmap-outer {
	border-width:5px;
	margin:0 10px 15px;
}
}

.uminoie-basic div.unit div.inner > section {
	text-align:center;
}
.uminoie-basic div.unit div.inner > section h3,
.uminoie-basic div.unit div.inner > section p {
	line-height:1.5;
	margin-bottom:1.5em;
}
.uminoie-basic div.unit div.inner > section h3 {
	color:#fa174e;
	background-color:#f5e0cc;
	border-radius:20px;
	padding:0.75em 0;
}
.uminoie-basic div.unit div.inner > section h4 {
	margin-bottom:0.5em;
}
.uminoie-basic div.unit div.inner > section div.pics-pre span {
	display:block;
	padding-top:70.27027%;
	background-size:cover;
}
.uminoie-basic div.unit div.inner > section div.pics-pre {
	border-style:solid;
	border-color:#eaccb2;
}
@media all and (min-width: 768px) {
.uminoie-basic div.unit div.inner > section div.pics-pre {
	border-width:10px;
	margin:0 30px 30px;
}
.uminoie-basic div.unit div.inner > section {
	padding:30px 0 0;
}
.uminoie-basic div.unit div.inner > section h3 {
	margin-left:30px;
	margin-right:30px;
}
}
@media all and (max-width: 767px) {
.uminoie-basic div.unit div.inner > section h3,
.uminoie-basic div.unit div.inner > section h4,
.uminoie-basic div.unit div.inner > section p {
	font-size:87.5%;
}
.uminoie-basic div.unit div.inner > section h3 {
	margin-left:10px;
	margin-right:10px;
}
.uminoie-basic div.unit div.inner > section div.pics-pre {
	border-width:5px;
	margin:0 10px 20px;
}
}






/*	coming soon
============================== */
p.p-soon {
	text-align:center;
	line-height:1.5;
}
@media all and (min-width: 768px) {
p.p-soon {
	margin:240px 0 540px;
}
}
@media all and (max-width: 767px) {
p.p-soon {
	font-size:87.5%;
	margin:3em 0;
}
}



/*	top wanted banner
============================== */
div.bn-wanted p {
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
div.bn-wanted p {
	background-image:url(../img/bn_wanted.png);
}
div.bn-wanted p a.img-strech {
	display:block;
	padding-top:22.8658536585%;
}
@media all and (min-width: 768px) {
div.bn-wanted {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
div.bn-wanted {
	padding:0 15px 10px;
}
}