/*/////////////////////////////////////////////////////////////////////////
default_CSS
/////////////////////////////////////////////////////////////////////////*/
body, h1, h2, h3, h4, h5, div, p, dl, dt, dd, ol, ul, li, form, table, caption, tbody, tfoot, thead, tr, th, td, article { margin:0; padding:0; font-weight: normal; font-size:100%; box-sizing: border-box;}
img { border:none;}
hr { display: none !important;}
ul { list-style:none;}
.alt{ position:absolute; top:-5000px; left:-9999px;}
.relative { position: relative;}
.hid{visibility: hidden;}
.bold { font-weight:bold;}
.normal { font-weight:normal;}
/*画像保護用*/
.cover {width:100%; height:100%;}
/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}
/*font*/
.tCenter { text-align:center !important}
.tRight { text-align:right !important}
.tLeft { text-align:left !important}
/*font-size*/
html { font-size: 62.5%;}
body { font-size: 1.6rem;}
h1 { font-size: 3.2rem;}
h2 { font-size: 3.0rem;font-style: oblique;background:#fce83c;color:#333;font-weight: bold;margin:8px 0px;padding:8px;}
h3 { font-size:2.5rem;font-style:italic;color:#feaa19;font-weight: bold;margin-bottom:5px;	text-shadow:1px 1px 1px hsla(0,0%,0%,0.3);}
h4 { font-size: 2.0rem;}
p { font-size: 1.6rem; line-height:2.0;padding:10px;}
.f160 { font-size:160%;}
.f140 { font-size:140%;}
.f115 { font-size:115%;font-weight:bold;padding-right:3px;}
.f110 { font-size:110%;}
.f90 { font-size:90%;}
.f85 { line-height:normal; font-size:85% !important}
.f75 { padding-left:5px;line-height:normal; font-size:75% !important}
.f65 { padding-left:5px;line-height:normal; font-size:65% !important}
/*link*/
a { text-decoration:none; color:#fff;}
a:hover { text-decoration:underline; color:#fff;}



/*/////////////////////////////////////////////////////////////////////////
コンテンツ用CSS／オリジナル設定
/////////////////////////////////////////////////////////////////////////*/
#con-body { background:url(../img/bg01.jpg) center top; font-family:Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; color:#333; }
#inner {width:980px; margin:10px auto;padding:15px;background:#FFFFFF;}
.lazy {position:relative; display:block;}
.lazy img {position:absolute;left:0;top:0; width:100%; height:100%;}
#contents{width:980px; margin:0 auto 0; padding:4px 0 3em; text-align:left;}
.txt{ line-height:3.0em;}


/*	header
============================== */
header.header span.poster {
/*	background-color:#cc0018; */
}
header.header span.poster,
header.header span.poster img {
	display:block;
}
header.header span.lazy-done {
	-webkit-animation: bounceInRight 700ms;
	animation: bounceInRight 700ms;
}

@media all and (min-width: 768px) {
header.header {
	padding:30px 0 0;
	margin-bottom:30px;
	background-image: -webkit-gradient(linear, center top, center bottom, from(hsla(0, 0%, 100%, 0.9)), to(hsla(0, 0%, 100%, 0)));
	background-image: linear-gradient(hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0));
}
header.header span.poster,
header.header span.poster > img {
	background:url("../img/top.jpg?0112");
	width:980px;
	height:600px;
}
header.header span.poster {
	margin:0 auto 30px;
}
header.header a{
	width:980px;
	height:220px;
	display: block;
	margin: 0px auto;
}
}
@media all and (max-width: 767px) {
header.header span.poster {
	background:url("../img/top.jpg?0112");
	background-size:contain;
	position:relative;
	height:0;
	padding-top:61.2244897959184%;
}
header.header span.poster > img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
header.header span.poster a{
	display: block;
}
}
@media print {
header.header span.poster {
	display:none;
}
}

.imgCB span,.imgCB span img {display:block;}
.imgCB span.lazy-done {
	-webkit-animation: fadeIn 1000ms;
	animation: fadeIn 1000ms;
}
.imgCB span img {

	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

/*//////PC//////*/
@media all and (min-width: 768px) {
#container {margin:0px;}
#mov-inner {width:755px; height:425px; margin:15px auto ;}
#container table{width:95%;margin:5px auto;}
.txt12r-no {width:30%;font-weight:bold;padding:5px;}
.txt12r {width:30%;font-weight:bold;border-bottom: inset 1px #59393a;padding:5px;}
.txt12{width:70%;border-bottom: inset 1px #59393a;padding:5px;line-height:2.0em;padding-left:10px;}
.imgCB {margin:0px;float:left;width:200px; height:250px;}
.imgCB span {
	position:relative;
	height:0;
	background-size:contain;
	padding-top:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
body,p { font-size: 1.3rem;}
h1 { font-size: 2.6rem; }
h2 { font-size: 2.5rem; line-height:1.5em;margin:5px auto;}
h3 { font-size: 2rem; text-align:center;}
#top #mov{width:100%; position: relative; padding: 55.5555555% 0 0; height: 0; overflow: hidden; margin:.5em auto;}
#mov #mov-inner{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
#top #inner{width:100%;}
.txt12r-no {width:40%;font-weight:bold;font-size:80%;padding:5px;}
.txt12r {width:40%;font-weight:bold;font-size:80%;border-bottom: inset 1px #59393a;padding:5px;}
.txt12{width:60%;font-size:80%;border-bottom: inset 1px #59393a;padding:5px;line-height:2.0em;}
.imgCB {margin:10px auto;}

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

}



/*//////Highlight//////*/
=================================== */
.hl-box { margin-bottom:20px; }
.hl-box p {line-height:2.0;padding:15px;}
.hl-sttl { position:relative; margin-bottom:10px; padding:20px; font-size:140%; line-height:140%; background:#fff8f1; color:#fe753d; }
.hl-sttl::before,
.hl-sttl::after { position: absolute; left: 0; content: ''; width: 100%; height: 6px; box-sizing: border-box; }
.hl-sttl::before { top: 0; border-top: 2px solid #fe753d; border-bottom: 1px solid #fdb333; }
.hl-sttl::after { bottom: 0; border-top: 1px solid #fdb333; border-bottom: 2px solid #fe753d; }



/* SNS
=================================== */
#f-tl { padding:17px; box-sizing:border-box; background-color:#fff; border:#efefef 5px solid; }
#f-tl:after {content:"";clear:both;display:block;}
#f-tl-fb { float:left; width:460px; background-color:#3b5999; margin-right:16px; }
#f-tl-tw { float:left; width:460px; background-color:#4d9bd6; }
.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); }
.f-tl-box { padding:0 4px 4px 4px; font-size:1%; }

@media all and (max-width: 767px) {
/* --- f-tl --- */
#f-tl { padding:10px; border:0; text-align:center; }
#f-tl-fb,
#f-tl-tw { float:none; width:auto; max-width:460px; margin:0 auto 0 auto; }
#f-tl-fb { margin-bottom:10px; }
.f-tl-hd { height:40px; }
#f-tl-fb h2 { width:153px; }
#f-tl-tw h2 { width:139px; }
.f-tl-btn { margin-right:10px; }
}

/* 0 - Footer
=================================== */

#footer-area { padding:15px; background:url(../img/gnav2_bg.png) center center repeat-x; background-size:contain; font-size:90%; line-height:120%; color:#fff; text-align:center; }
#footer-area a { color:#fff; }
#footer-area a:hover { text-decoration:none; }
#f-copy, #f-sns, #f-sns-tw, #f-sns-fb { display:inline-block; }
#f-sns { position:relative; top:3px; }
#f-sns-tw,#f-sns-fb { position:relative; top:3px; }



/*	pagetop
============================== */
p.pgt {z-index:20;}
p.pgt a, p.pgt span {display:block;}
@media all and (min-width: 768px) {
	p.pgt {
		position:fixed;
		right:40px;
		bottom:50px;
	}
	p.pgt a {
		background-image:url(../img/pagetop.png);
		background-repeat:no-repeat;
		background-position:left top;
		background-size: cover;
		width:40px;
		height:50px;
		text-indent:110%;white-space:nowrap;overflow:hidden;
	}
}
@media all and (max-width: 767px) {
	p.pgt {
		width:100%;
		min-width:320px;
		margin:0px auto;
		bottom:0;
		text-align:center;
	}
	p.pgt a {
		position:relative;
		text-decoration:none;
		color:#875b1c;
		text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);
		background-color:#ffffff;
		height:36px;
		margin:0px auto;
		padding-top:10px;
	}
}


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

.md-box {
	position:absolute;
	z-index:10001;
	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;
}
}


div.modal-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}

/*	印刷禁止対応
============================== */
@media print {
div.modal-overlay {
	display:none;
}
.md-box, .md-close {
	display:none;
}
}

/* =================================


/* youtube
-------------------------------- */

.mov_yt { width:100%; margin:0 0 20px 0; }
.mov_yt_inner { position:relative; width:auto; height:0; padding-top:56.25%; }
.mov_yt_inner iframe { position:absolute; left:0; top:0; width:100%; height:100%; }