/* =================================
	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
================================= */
.clearboth{clear:both;}
.clearboth hr{display:none;}

/* link */
a:link {
	text-decoration:underline;
	color:#2c90b8;
}
a:visited {
	text-decoration:none;
	color:#2c90b8;
}
a:active {
	text-decoration:none;
	color:#2c90b8;
}
a:hover {
	text-decoration:underline;
	color:#2c90b8;
}

/* 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 {background:#e0a706;color:#FFFFFF;padding:10px;margin-bottom:15px;}
.silver {color:#c0c0c0;}

.big{font-size:130%;	font-weight:bold;
}


.s {margin-left:5px;
	font-size:87.5%;
}
.lazy {
	display:block;
	position:relative;
}
.wbr {
	white-space: nowrap;
	display: inline-block;
}
.txta-cen {
	text-align:center;
}

/*	menu
============================== */
.header_menu{width:100%;	background-color: #ba0707;
	background-image: -moz-linear-gradient(top, #10b0cb, #1c81be);
	background-image: -webkit-linear-gradient(top, #10b0cb, #1c81be);
	background-image: linear-gradient(#10b0cb, #1c81be);

}
div.menu {margin:0px;}
div.menu ul li a {
	text-decoration:none;

}
div.menu ul li.nolink a {
	opacity:0.3;
	cursor:default;
}
@media all and (min-width: 768px) {
div.menu{width:980px;margin:0px auto 10px;}
div.menu ul {
	display:table;
	width:100%;
	border-left:1px solid hsla(0,0%,0%,0.1);
	border-right:1px solid hsla(0,0%,100%,0.25);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.menu ul li {
	display:table-cell;
	text-align:;
	vertical-align:middle;
	border-right:1px solid hsla(0,0%,0%,0.1);
	border-left:1px solid hsla(0,0%,100%,0.25);
		text-align:center;
}
div.menu ul li a, div.menu ul li a > span {
	display:block;
}
div.menu ul li a {
	font-size:100%;
	color:#fff;
	font-weight:bold;
	padding:1em 0;
	line-height:1.25;
	position:relative;
	text-shadow:1px 1px 1px hsla(0,0%,0%,0.3);
}
div.menu ul li:not(.nolink) a:after {
	content:"";
	width:100%;
	height:0px;
	background-color:#10b0cb;
	display:block;
	position:absolute;
	bottom:0;
	-webkit-transition-duration: 200ms;
	-webkit-transition-timing-function:ease-in-out;
	transition-duration: 200ms;
	transition-timing-function:ease-in-out;
	-webkit-transform: height;
	transform:  height;
}
div.menu ul li:not(.nolink) a:hover:after {
	height:5px;
}
div.menu ul li a > span {
	padding:0 0.5em;
}
}


@media all and (max-width: 767px) {
div.menu {
	padding:6px;
}
div.menu nav {
	text-align:left;
	background-color:hsla(0,0%,0%,0.25);
	border-radius:10px;
	overflow:hidden;
}
div.menu nav > div {
	overflow:hidden;
}
div.menu nav h2 > span,
div.menu nav ul li a, div.menu nav ul li a > span, div.menu nav ul li a > span:after {
	display:block;
}
div.menu nav > div.m-off > ul, div.menu nav > div.m-off > div {
	display:none;
}
div.menu nav ul:after {
	content:"";clear:both;display:block;
}
div.menu nav ul li {
	width:50%;
	float:left;
}
div.menu nav h2 span, div.menu nav ul li a {
	-webkit-tap-highlight-color: hsla(0,0%,100%,0);
	background-image:url(../img/pulldown.svg);
	background-repeat:no-repeat;
	color:#fff;
	text-shadow:1px 1px 3px hsla(0,0%,0%,0.5);
	font-size:87.5%;
	font-weight:bold;
	text-decoration:none;
	line-height:44px;
	height:44px;
	padding:0 10px;
}
div.menu nav h2:after, div.menu nav ul li:after {
	content:"";
	display:block;
	margin:0 10px;
}
div.menu nav > div.m-on > h2:after {
	border-bottom:2px solid #10b0cb;
}
div.menu nav > div.m-off > h2:after {
	border-bottom:2px solid transparent;
}
div.menu nav ul li:after {
	border-bottom:2px dotted #10b0cb;
}
div.menu nav ul li:last-child:after,
div.menu nav ul li:nth-last-child(2):after {
	border-bottom:2px dotted transparent;
}
/*
div.menu nav ul li:not(:last-child, :nth-last-child(2)):after {
	border-bottom:2px dotted #c59a1a;
}
*/
div.menu nav > div.m-on > h2 span {
	background-position:right bottom;
}
div.menu nav > div.m-off > h2 span {
	background-position:right top;
}
div.menu nav ul li a {
	background-position:right ;
}
}




/*	background
============================== */

html, body, div#con-body {
	background-color:#fff;
}
body {
	color:#333;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	/* font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif; */
	font-family:"Helvetica Neue","ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Arial,"メイリオ",Meiryo,sans-serif;
}

@media all and (min-width: 768px) {
div.cover {min-width:980px;}
}
@media all and (max-width: 767px) {
div.cover {min-width:320px;}
}


/*	copyright
============================== */
p.copyright {
	color:#fff;
	line-height:1.25;
	text-align:center;
	background-image: -moz-linear-gradient(top, #10b0cb, #1c81be);
	background-image: -webkit-linear-gradient(top, #10b0cb, #1c81be);
	background-image: linear-gradient(#10b0cb, #1c81be);
}

p.copyright a {
	color:#fff;
}



@media all and (min-width: 768px) {
#main-box{width:980px;margin:0px auto;}
#movie-box{width:640px;margin:10px;float:left;}
#r-banner{width:300px;margin:10px;float:right;}
#r-banner a:hover, .banner100 a:hover {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

.banner100 span{width:300px; height:100px;margin-top:5px;}



	p.copyright {
		font-size:75%;
		padding:25px 0 30px;
	}
	p.copyright a:hover {
		text-decoration:none;
	}
}
@media all and (max-width: 767px) {
#main-box{margin:0px;}
 #movie-box{width:100%;margin:10px auto;}
 #r-banner{width:100%;margin:0px auto;}
 .banner100 span{width:300px; height:100px;margin:5px auto;}
 
	p.copyright {
		font-size:62.5%;
		padding:15px 10px;
	}
}

/*	back to top
============================== */
p.backtotop {
	z-index:20;
	-webkit-transition-duration:300ms;
	-webkit-transition-timing-function:ease-in-out;
	transition-duration:300ms;
	transition-timing-function:ease-in-out;
}

p.backtotop a, p.backtotop span {
	display:block;
}
p.btot-on, p.btot-off {
	position:fixed;
}
@media all and (min-width: 768px) {
p.backtotop {
	transition-property:bottom;
}
p.btot-on {
	right:40px;
	bottom:40px;
}
p.btot-off {
	right:40px;
	bottom:-120px;
}
p.backtotop a {
	background-image:url(../img/pagetop.png);
	background-repeat:no-repeat;
	background-position:left top;
	width:80px;
	height:80px;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
}
@media all and (max-width: 767px) {
p.backtotop {
	min-width:320px;
	transition-property:bottom;
}
p.btot-on, p.btot-off {
	width:100%;
}
p.btot-on {
	bottom:0;
}
p.btot-off {
	bottom:-40px;
}
p.backtotop a {
	position:relative;
	text-decoration:none;
	color:#fff;
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
	background-color:hsla(217,77%,27%,0.75);

	height:40px;
}
p.backtotop a span {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-0.5em;
	margin-left:-5em;
	font-size:83%;
	font-weight:bold;
}
p.backtotop a span:before {
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-8px;
	margin-left:-7em;
	display:block;
	content:"";
	background-image:url(../img/arrow16.svg);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:16px 100px;
	width:16px;
	height:16px;
	background-color:#fff;
	border-radius:8px;
}
}

/*	SNS buttons
============================== */
div.sns-btns {
}
@media all and (min-width: 768px) {
div.sns-btns {
	width:320px;
	margin:5px auto 10px;
	padding:10px 0 7px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
div.sns-btns div.tw {
	width:100px;
	float:left;
	margin-left:40px;
}
div.sns-btns div.fb {
	float:right;
}
}
@media all and (max-width: 767px) {
div.sns-btns {
	background-color:#d6eaee;
	padding:10px 0 7px;
	text-align:center;
}
div.sns-btns div.tw, div.sns-btns div.fb {
	display:inline-block;
}
div.sns-btns div.tw {
	margin-left:40px;
	padding-right:10px;
}
}


/* =================================
	contents
================================= */

/*	header
============================== */

header h1 span, header h1 a, header h1 span img {
	display:block;
}
header h1 span, header h1 a {
	background-position:center center;
	background-repeat:no-repeat;
}
header h1 span.lazy-done, header h1 a.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
@media all and (min-width: 768px) {
header {
	padding:10px 0;
}
header h1 {
	width:980px;
	margin:0 auto;
}
header h1 span, header h1 a, header h1 span img {
	width:980px;
	height:550px;
}
}
@media all and (max-width: 767px) {
header h1 span, header h1 a {
	position:relative;
	height:0;
	background-size:cover;
	padding-top:56.1224489795918%;
}
header h1 span img, header h1 a img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

/*	.wrap
============================== */
.wrap {margin:0px;}
.wrap div.copy {
	text-align:left;
	background-image: -moz-linear-gradient(top, #63bbcb, #0a7488);
	background-image: -webkit-linear-gradient(top, #63bbcb, #0a7488);
	background-image: linear-gradient(#63bbcb, #0a7488);
	padding:0.75em;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.wrap div.copy p {
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	color:#ff6;
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
}
.wrap div.copy p:not(:last-child) {
	margin-bottom:0.75em;
}
@media all and (min-width: 768px) {
.wrap {
	padding:30px;
}
.wrap div.copy {
	width:980px;
	/* border:4px solid #84d2e8; */
	border-radius:30px;
	margin:0 auto 25px;
}
.wrap div.copy p {
	font-size:125%;
}
}
@media all and (max-width: 767px) {
.wrap {
	padding:10px;
}
.wrap div.copy {
	/* border:2px solid #84d2e8; */
	margin:-10px -10px 10px;
}
.wrap div.copy p {
	font-size:87.5%;
}
}


/*	.notification
============================== */
.notification span, .notification span img {
	display:block;
}
.notification span {
	background-position:center center;
	background-repeat:no-repeat;
}
.notification span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
@media all and (min-width: 768px) {
.notification {
	width:720px;
	margin:0 auto;
}
.wrap .notification:not(:last-child) {
	margin-bottom:30px;
}
.notification span, .notification span img {
	width:720px;
	height:405px;
}
}
@media all and (max-width: 767px) {
.wrap .notification:not(:last-child) {
	margin-bottom:20px;
}
.notification span {
	position:relative;
	height:0;
	background-size:cover;
	padding-top:56.25%;
}
.notification span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


/*	.wac
============================== */
.wac {
	background-color:#1c81be;
	color:#FFFFFF;
}

.about p {text-align:left;font-size:120%;}

.wac > div.inner {
	text-align:left;
}
.wac article {margin:0px;}
.wac article h2 {
	background:#FFFFFF;
	text-align:center;
	border:2px solid #FFFFFF;
	padding:0.5em;
	color:#1c81be;
	line-height:1.5;
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
}


.imgsB span, .imgsB span img,.imgCB span, .imgCB span img,.imgRB span, .imgRB span img,.imgLB span, .imgLB span img{
	display:block;
}

.imgCB span,.imgRB span,.imgLB span {
	position:relative;
	height:0;
	background-size:contain;
	padding-top:50%;
	background-position:center center;
	background-repeat:no-repeat;
}


.imgsB span {
	position:relative;
	height:0;
	background-size:contain;
	padding-top:30%;
	background-position:center center;
	background-repeat:no-repeat;
}



.imgsB span.lazy-done,.imgCB span.lazy-done,.imgRB span.lazy-done,.imgLB span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}

.imgsB span img,.imgCB span img,.imgRB span img,.imgLB span img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

@media all and (min-width: 768px) {
.imgCB {margin:10px 0px;}
.imgsB {width:600px;margin:10px auto;}
.imgRB {width:300px;height:150px;	float:right;}
.imgLB {width:300px;height:150px;	float:left;}
}
@media all and (max-width: 767px) {
.imgCB,.imgRB,.imgLB,.imgsB {margin:10px 0px;}
}


.wac article .oa-txt {
	text-align:center;
	padding:0.75em;
	color:#FFFFFF;
	line-height:1.5;
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
}


@media all and (min-width: 768px) {
.wac article div.hl-box {
	background-color:#1c81be;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
		background:url(../img/bg05.jpg) no-repeat right bottom #1c81be;
}
.wac {
	padding:30px 0;
}
.wac > div.inner {
	width:980px;
	margin:0 auto;
}

.wac article h2 {
	font-size:180%;
	letter-spacing: 0.75em
}

.wac article h2 .s-title {
	font-size: 50%;
	display: block;
	color: #1a2b53;
	letter-spacing: 0.5px;
	font-family: 'Corbel','DIN Alternate',sans-serif;
}

.wac article .oa-txt {
	font-size:112%;
	letter-spacing: 0.05em
}


.wac article p{
color:#FFFFFF;
padding:5px 18px 18px;}

.wac article .name{font-size:130%;font-weight: bold;}


.wac article div.hl-box {
	padding:30px;
}
}
@media all and (max-width: 767px) {
.wac article div.hl-box {
	background-color:#1c81be;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
		background: #1c81be;
}
.wac {
	padding:10px;
}
.wac .imgCB {
	margin-bottom:10px;
}
.wac article h2 {
	font-size:120%;
}

.wac article .oa-txt {
	font-size:87.5%;
}

.wac article .name{font-size:110%;}

.wac article div.hl-box {
	padding:10px;
}
}





/*	text_area
============================== */
section.text_area{
	color:#000000;
	line-height: 1.7;
}

@media all and (min-width: 768px) {
section.text_area{
	margin: 0 0 20px;
	
}

section.text_area p{
	font-size: 93.8%;
}

}
@media all and (max-width: 767px) {
section.text_area{
	margin: 0 0 20px;
}

section.text_area p{
	font-size: 87.5%;
}

}


@media all and (min-width: 768px) {

div.hl-box p {
	line-height:1.75;
}
}
@media all and (max-width: 767px) {
div.hl-box p {
	font-size:87.5%;
	line-height:1.6;
}
}


/*	main
============================== */
main article.unit {
	text-align:left;
}
main article.unit h2 {
	background-position:left top;
	border:2px solid #f4cc18;
	padding:0.5em 1em;
	color:#fff;
	line-height:1.5;
	text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
}
main article.unit div.inner p,
main article.unit div.inner dl dt, main article.unit div.inner dl dd {
	line-height:1.75;
}
main article.unit div.inner p:not(:last-child) {
	margin-bottom:1.5em;
}
main article.unit h3 {
	color:#762b41;
	line-height:1.5;
	margin-bottom:0.5em;
}
@media all and (min-width: 768px) {
main {
	padding:30px 0;
}
main article.unit {
	width:924px;
	margin:0 auto;
}
main article.unit:not(:last-child) {
	margin-bottom:30px;
}
main article.unit h2 {
	font-size:125%;
}
main article.unit h3 {
	font-size:112.5%;
}
main article.unit div.inner {
	padding:20px;
}
}
@media all and (max-width: 767px) {
main {
	padding:20px 10px;
}
main article.unit:not(:last-child) {
	margin-bottom:24px;
}
main article.unit h2 {
	font-size:112.5%;
}
main article.unit div.inner {
	padding:10px;
}
main article.unit div.inner p,
main article.unit div.inner dl dt, main article.unit div.inner dl dd {
	font-size:87.5%;
	line-height:1.6;
}
}

/*	aside.banner
============================== */
aside.banner {
	background-color:#fff;
}
aside.banner a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}
aside.banner div.inner {
	text-align:left;
}
aside.banner div.inner ul li a, aside.banner div.inner ul li a img {
	display:block;
}
aside.banner div.inner ul li a {
	border:2px solid #ededed;
	background-color:#ededed;
}
aside.banner div.inner ul li a img {
	width:300px;
	height:100px;
}
@media all and (min-width: 768px) {
aside.banner {
	padding:30px 0;
}
aside.banner div.inner {
	width:952px;
	margin:0 auto;
}
aside.banner div.inner ul li {
	width:300px;
	float:left;
}
aside.banner div.inner ul li:not(:last-child) {
	margin-right:20px;
}
}
@media all and (max-width: 767px) {
aside.banner {
	padding:20px 0;
}
aside.banner div.inner ul li {
	width:304px;
	margin:0 auto;
}
aside.banner div.inner ul li:not(:last-child) {
	margin-bottom:6px;
}
}


/*	aside.sns
============================== */
aside.sns {
	background-color:#eaeaea;
}
aside.sns div.inner {
	text-align:left;
}
div#f-tl-fb {
	background-color:#3C5A99;
}
div#f-tl-tw {
	background-color:#1DA1F2;
}
div#f-tl-tw div.tl-inner {
	background-color:#fff;
}

.f-tl-hd { height:50px; }
#f-tl-fb h2,#f-tl-tw h2 { float:left; display:block; height:100%; background:center center; background-size:cover; text-indent:-9999px; }
#f-tl-fb h2 { width:191px; background-image:url(../img/f_tl_fb_ttl.png); }
#f-tl-tw h2 { width:174px; background-image:url(../img/f_tl_tw_ttl.png); }
.f-tl-btn { float:right; width:89px; height:100%; margin-right:16px; }
.f-tl-btn a { display:block; width:100%; height:100%; background:center center no-repeat; background-size:89px auto; text-indent:-9999px; outline:none; opacity:1; }
.f-tl-btn a:hover { opacity:0.7; }
#f-tl-fb .f-tl-btn a { background-image:url(../img/f_tl_fb_btn.png); }
#f-tl-tw .f-tl-btn a { background-image:url(../img/f_tl_tw_btn.png); }

@media all and (min-width: 768px) {
aside.sns {
	padding:30px 0;
}
aside.sns div.inner {
	width:980px;
	margin:0 auto;
}
div.sns-wrap {
	width:475px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0 4px 4px;
}
div#f-tl-fb {
	float:left;
}
div#f-tl-tw {
	float:right;
}
}
@media all and (max-width: 767px) {
div.sns-wrap {
	padding-bottom:5px;
}
div#f-tl-tw div.f-tl-box {
	margin:0 26px;
}
div#f-tl-tw div.tl-inner {
	margin:0 26px;
}


.f-tl-hd { height:40px; }
#f-tl-fb h2 { width:153px; }
#f-tl-tw h2 { width:139px; }
.f-tl-btn { margin-right:10px; }

}



/* =================================
	TBS Modal CSS
================================= */
/* =================================
	TBS Modal CSS
================================= */

.md-box {
	position:absolute;
	z-index:5200;
	left:50%;
	top:50%;
}
.md-close {
	padding-right:4px;
}
.md-close a, .md-close a span {
	display:block;
}
.md-box .md-close a {
	width:100%;
/*	cursor:-webkit-zoom-out;
	cursor:zoom-out; */
}
.md-close a:after {
	display:block;
	content:"";
	clear:both;
}
.md-close a span {
	float:right;
	background-repeat:no-repeat;
	font-size:2px;text-indent:110%;white-space:nowrap;overflow:hidden;
	cursor:pointer;
}
.md-inner {
	position:relative;
	background-color:#000;
	overflow:hidden;
}
.md-inner video {
	width:100%;
	max-width:100%;
	height:auto;
}
.md-inner div.md-pics {
	background-repeat:no-repeat;
	background-position:center center;
}
.md-caption {
	text-align:left;
	line-height:1.25;
	padding:0.5em 0;
}

/*	case narrow
============================== */
.md-nrw {
	width:100%;
	position:absolute;
	z-index:5200;
}
.md-nrw .md-caption {
	background-color:#000;
	bottom:0;
	width:100%;
}


@media all and (min-width: 640px), (min-height: 640px) {
.md-close a {
	height:46px;
}
.md-close a span {
	width:40px;
	height:40px;
}
.md-close a span {
	background-position:left top;
}
.md-inner {
	margin-bottom:6px;
}
.md-caption {
	font-size:75%;
}
}
@media all and (max-width: 639px), (max-height: 639px) {
.md-close a {
	height:28px;
}
.md-close a span {
	width:24px;
	height:24px;
}
.md-close a span {
	background-position:0 -200px;
}
.md-inner {
	margin-bottom:4px;
}
.md-caption {
	font-size:67.5%;
}
}

/*	customize
============================== */
.md-close a span {
	background-image:url(/um/img/btn_modal.svg);
	background-color:#000;
}
.md-inner {
	/*background-color: rgba(0,0,0,0.5);*/
	-webkit-box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 2px;
	box-shadow: rgba(0,0,0,0.5) 0px 0px 5px 2px;
}
.md-caption {
	color:#fff;
	word-break:break-all;
}
@media all and (min-width: 640px), (min-height: 640px) {
.md-close a span {
	border-radius:20px;
}
}
@media all and (max-width: 639px), (max-height: 639px) {
.md-close a span {
	border-radius:12px;
}
}


/* =================================
	keyframes
================================= */
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes slideInRight {
	from {
		-webkit-transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	to {
		-webkit-transform: translate3d(0, 0, 0);
	}
}
@keyframes slideInRight {
	from {
		transform: translate3d(100%, 0, 0);
		visibility: visible;
	}
	to {
		transform: translate3d(0, 0, 0);
	}
}


/* =================================
	player embed
================================= */

/*	.player-causion
============================== */

div.player-smp-bn {
	width:300px;
	height:130px;
	margin:0 auto 10px;
}
div.player-smp-bn a, div.player-smp-bn img {
	display:block;
}
div.player-outer {
	text-align:left;
}
div.player-inner {
	position:relative;
	height:0;
	padding-top:56.25%;
}
div.player-inner > iframe, div.player-inner > div.video-js {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
div.player-outer {
	width:768px;
	margin:0 auto 20px;
}
}
@media all and (max-width: 767px) {
div.player-outer {
	/* margin-bottom:10px; */
}
}


/*	.player-causion
============================== */
div.player-causion {
	text-align:left;
}
div.player-causion p {
	background-color:#fff;
	padding:0.5em 1em;
	line-height:1.5;
}
@media all and (min-width: 768px) {
div.player-causion {
	width:830px;
	margin:0 auto;
}
div.player-causion p {
	margin-bottom:30px;
}
}
@media all and (max-width: 767px) {
div.player-causion p {
	font-size:87.5%;
	margin-bottom:20px;
}
}


.ppo-site span {width:300px; height:100px;margin:10px auto;display:block;text-indent: -9999px;}


/*	LIVE
============================== */

.mov { width:auto; margin-bottom:10px; position:relative; height:0; padding-top:56.75%; }
.mov-inner { position:absolute; width:100%; height:100%; left:0; top:0; }
.m-pickup__mov video{margin-bottom:15px}
.m-pickup__mov h3{font-size:23px;color:#d70a30;margin:10px}
.m-pickup__mov{width:890px;height:auto;margin:20px auto 40px}
.m-pickup__mov .caption{font-size:14px;line-height:1.7;color:#fff}
.m-pickup__mov .txt{font-size:14px;line-height:1.7;color:#000}
@media (max-width:767px){.m-pickup__mov{box-sizing:border-box;width:100%;height:100%;padding:0 15px}}
@media (max-width:767px){.m-pickup__mov h3{font-size:16px;}}
@media (max-width:767px){.m-pickup__mov .caption{font-size:13px}}


@media (max-width:767px){
.mov-inner iframe{ position:absolute; top: 0; right:0; width:100%!important; height:100%!important; }
.pickup__mov{  margin: 10px auto 20px;}
.pickup__mov h2 {  font-size: 100%;}
}