div.contents {
	background-color:#fff;
	background-image:url(../img/bg-1.jpg);
		background-repeat:no-repeat;
	background-position:right bottom;
	color: #000;
}




@media all and (min-width: 768px) {
.pre-banner span {width:600px;height:160px;margin:8px auto;display:block;text-indent: -9999px;}
}

@media all and (max-width: 767px) {
.pre-banner span {
width:100%; height:0; padding:26.6666666% 0 0; background-size: contain; position:relative;}
}





@media all and (min-width: 768px) {
div.contents {
	padding:30px;
	border-bottom:6px solid #ba960b;
}
.br-sp { display:none;}

#mov-inner {width:755px; height:425px; margin:15px auto ;}

}
@media all and (max-width: 767px) {
main div.contents {
	padding:15px 15px 30px;
}

#mov{width:100%; position: relative; padding: 55.5555555% 0 0; height: 0; overflow: hidden; margin:5px auto;}
#mov #mov-inner{ position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important;}
}

/* =================================
	TOP CSS
================================= */
/* link */

#top-content a {text-decoration: none;}

#top-content{background-color:transparent;width:100%}
.m-section__top__link{width:980px;margin:0 auto}
.m-ttl__topcont{text-align:center;color:#FFFFFF;font-size:36px;line-height:1;margin:20px}
.m-ttl__topcont small{font-size:18px;color:#707070;margin-top:10px;display:block;text-transform:uppercase;font-weight:400}
.m-ttl__topcont small.long{text-transform:none;line-height:1.7}
.m-section__top{padding-bottom:20px;}
.m-pickup__mov video{margin-bottom:15px}
.m-pickup__mov h3{font-size:23px;color:#FFFFFF;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}
.m-list__mov:after{content:"";display:block;clear:both}
.m-list__mov{width:980px;margin:20px auto 0}
.m-list__mov .unit{width:293px;float:left;margin-right:50px;margin-bottom:20px}
.m-list__mov .unit a{display:block}
.m-list__mov .unit a:hover{opacity:.6}
.m-list__mov .unit figure{margin-bottom:13px;position:relative}
.m-list__mov .unit figure:before{width:40px;height:40px;box-sizing:border-box;background-color:#e60a2f;border:2px solid #fff;border-radius:50%;position:absolute;left:10px;bottom:10px}
.m-list__mov .unit figure:after{width:0;height:0;border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent #fff;position:absolute;left:24px;bottom:21px}
.m-list__mov .unit img{width:100%}
.m-list__mov .unit h3{line-height:1.4;color:#ba960a;font-size:14px;margin-top:10px;text-align:justify}
.m-list__mov .unit:nth-child(3n){margin-right:0}

.m-link__content:after{content:"";display:block;clear:both}
.m-link__content li{background-color:#ffffff;width:475px;height:272px;float:left}
.m-link__content li a{display:block;width:475px;height:272px;box-sizing:border-box;border:1px solid #FFFFFF;position:relative;padding-right:230px}
.m-link__content li a h2{display:table;font-size:20px;font-weight:700;color:#FFFFFF;border-left:5px solid #FFFFFF;padding-left:15px}
.m-link__content li a h2 span{display:table-cell;vertical-align:middle;height:76px}
.m-link__content li a h2 small{text-transform:uppercase;font-size:12px;color:#707070;font-weight:400;margin-left:10px;vertical-align:middle;line-height:1}
.m-link__content li a figure{position:absolute;top:0;right:0}
.m-link__content li a .txt{color:#030303;font-size:15px;line-height:1.7;padding:25px 0 0 15px}
.m-link__content li a .more{background-color:#ba960a;color:#fff;width:120px;height:28px;display:table;box-sizing:border-box;position:absolute;bottom:20px;right:250px;text-align:center}
.m-link__content li a .more span{display:table-cell;height:20px;vertical-align:middle}
.m-link__content li a .more span:before{content:"";display:inline-block;width:0;height:0;border-style:solid;border-width:5.5px 0 5.5px 6px;border-color:transparent transparent transparent #fff;position:relative;margin-right:8px}
.m-link__content li a:hover{opacity:.6}
.m-link__content li:nth-child(2n){float:right}
#movie-content .m-ttl__topcont small{color:#000}


#top-content{margin:30px 0px;}
.m-section{margin:0 auto;}
@media (max-width:767px){.m-section__top__link{box-sizing:border-box;width:100%}}
@media (max-width:767px){main{padding-bottom:130px;margin-bottom:60px}}
@media (max-width:767px){article{width:100%}}
@media (max-width:767px){.m-ttl__sec{font-size:18px}}
@media (max-width:767px){.m-ttl__topcont{font-size:21px}}
@media (max-width:767px){.m-ttl__topcont small.long br{display:none}}
@media (max-width:767px){.m-ttl__topcont small{font-size:12px}}
@media (max-width:767px){.m-section__top{padding:30px 0}}
@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){#top-content{margin-bottom:-30px}}


@media (max-width:767px){.m-link__content{padding:0 15px;width:100%;box-sizing:border-box}}
@media (max-width:767px){.m-link__content li{float:none;width:100%;height:164px;margin-top:10px}
.m-link__content li:first-child{margin-top:0}}
@media (max-width:767px){.m-link__content li a{width:100%;height:164px;padding-right:140px}}
@media (max-width:767px){.m-link__content li a h2{font-size:15px}}
@media (max-width:767px){.m-link__content li a h2 span{height:50px}}
@media (max-width:767px){.m-link__content li a h2 small{font-size:10px;display:block;margin-left:0;margin-top:5px}}
@media (max-width:767px){.m-link__content li a figure img{width:auto;height:162px}}
@media (max-width:767px){.m-link__content li a .txt{padding:20px 0 0 10px;font-size:12px}}
@media (max-width:767px){.m-link__content li a .more{width:100px;height:17px;bottom:10px;right:150px;font-size:12px}}
@media (max-width:767px){.m-link__content li a .more span:before{margin-right:4px}}




/*	header main_image
============================== */
div.header{
	background-image:url(../img/header-pre.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	margin:5px auto;
	height:600px;
}

div.header p.date{text-indent:110%;white-space:nowrap;overflow:hidden;}

@media all and (max-width: 767px) {
div.header{
	background-image:url(../img/header-pre.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 0;
	margin:0 auto;
	padding-top: 61.2244897959184%;
}
}


/*	column
============================== */

@media all and (min-width: 768px) {
div.inner div.col-lef {
	width:640px;
	float:left;
}
div.inner div.col-rig {
	width:300px;
	float:right;
	padding-top:280px;
}
}
@media all and (max-width: 767px) {

}


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

div.ticker {
	border:1px solid #ba960a;
	background-color: hsla(0,0%,0%,0.6);
	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:3em;
}
div.ticker div.tck-outer ul.tck-inner li:before {
	content:"";
	width:20px;
	height:20px;
	display:inline-block;
	background-repeat:no-repeat;
	background-size:20px 320px;
	background-position:left top;
	position:absolute;
	top:50%;
	margin-top:-10px;
}
div.ticker ul.tck-inner li a {
	color:#fc0;
	text-decoration:none;
	padding-left:26px;
}
@media all and (min-width: 768px) {
div.ticker{
	margin: 0 0 20px;
}
div.ticker ul.tck-inner li a {
	font-size:87.5%;
}
div.ticker ul.tck-inner li a:hover {
	text-decoration:underline;
}
}
@media all and (max-width: 767px) {
div.ticker{
	border-left: none;
	border-right: none;
	margin: 0 0 15px;
}
div.ticker ul.tck-inner li a {
	font-size:83%;
}
}



/*	rig-bnr
============================== */
div.col-rig ul{
	margin: 0 0 50px;
}
div.col-rig ul li{
	margin: 0 0 10px;
}
div.col-rig ul li a{
	display: block;
	width: 300px;
	height: 80px;
	background-repeat:no-repeat;
	text-indent:110%;white-space:nowrap;overflow:hidden;
}
div.col-rig ul li.bnr_tw a{
	background-position:0 0;
}
div.col-rig ul li.bnr_fb a{
	background-position:0 -80px;
}
div.col-rig ul li.bnr_sp1 a{
	background-position:0 -160px;
}
@media all and (min-width: 768px) {
div.col-rig ul li a:hover { 
	filter: alpha(opacity=70); 
	-moz-opacity:0.7; 
	opacity:0.7; 
}
}
@media all and (max-width: 767px) {
div.col-rig ul li a {
	margin: 0 auto 10px;
}
}


/*	.unit BG
============================== */
.unit{
	background-repeat:no-repeat;
	background-position: center top;
	width: 100%;
}


/*	.unit and h2
============================== */

.unit h2 {
	line-height:1.25;
	background-repeat:no-repeat;
	background-position: center top;
}
.unit h2 span {
	color:#be960a;
	text-shadow:0px 0px 5px #000;
    letter-spacing:0.4px;
}
.unit h2:after {
	display:block;
	text-align:center;
	color:#fff;
}
.news_idx h2:after {
	content:"LATEST NEWS";
}
.checkitout h2:after {
	content:"CHECK IT OUT!";
}
@media all and (min-width: 768px) {
.unit h2{
	background-image:url(../img/unit-h2.png);
	padding-top: 54px;
	height: 105px;
}
.unit h2 span {
	font-size:200%;
}
.unit h2:after {
	font-size:87.5%;
}
}
@media all and (max-width: 767px) {
.unit:before {
	content:"";
	display:block;
	height:1px;
	background-color:#be960a;
	-webkit-box-shadow:0 0 4px 0 hsla(0,0%,100%,1);
	box-shadow:0 0 4px 0 hsla(0,0%,100%,1);
}
.unit article {
	padding:20px 0;
}
.unit h2{
	padding-top: 15px;
	height: 70px;
}
.unit h2 span {
	font-size:118.8%;
}
.unit h2:after {
	font-size:83%;
}
}

/*//////PC//////*/
@media all and (min-width: 768px) {
#twBox{width:450px; height:360px;margin: 30px 10px 0;float:left;}
#fbBox{width:450px; height:360px;margin: 30px 10px 0;float:right;}
#twBox h2 a{display:block; width:450px;height:50px;background:url(../img/sns.jpg) 0 0 no-repeat;text-indent: -9999px;}
#fbBox h2 a{display:block; width:450px;height:50px;background:url(../img/sns.jpg) -450px 0 no-repeat;text-indent: -9999px;}
#twBox h2 a:hover,#fbBox h2 a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
#twBox .pBox{display:block; width:444; height:307px;margin:0;border:solid 3px #1b95e0;border-top:none;}
#fbBox .pBox{ ;display:block; width:444; height:307px;margin:auto;border:solid 3px #4268b3;border-top:none;}
}

/*//////smp//////*/
@media all and (max-width: 767px) {
#twBox,#fbBox{width:90%; height:360px;margin: 40px 10px 0;}
#twBox h2 a{color:#FFFFFF;display:block; padding:8px;background:#1b95e0;}
#fbBox h2 a{color:#FFFFFF;display:block;  padding:8px;background:#4268b3;}
#twBox .pBox{display:block; width:300; height:307px;margin:0;border:solid 3px #1b95e0;border-top:none;}
#fbBox .pBox{display:block; width:300; height:307px;margin:0;border:solid 3px #4268b3;border-top:none;}
}