/* =================================
	TOP CSS
================================= */
#top-midokoro{margin:5px auto;background:#FFFFFF;}

.top-midokoro-title{width:980px;height:70px;background-image:url(../img/top-midokoro.jpg);background-repeat:no-repeat;text-indent:-9999px;margin:0px;}
#top-midokoro  p.txt{width:930px;margin:0 auto;color:#030303;line-height:3.0em;}



@media all and (min-width: 768px) {.img01{float:right;width:360px;height:203px;background-image:url(../img/img01.jpg);}
}
@media (max-width:767px){.img01{margin:0px auto;width:360px;height:203px;background-image:url(../img/img01.jpg);}
}


#top-content a {text-decoration: none;}
#top-content{background-color:transparent;width:100%}
.m-section__top__link{width:980px;margin:5px auto}
.m-ttl__topcont{text-align:center;color:#d70a30;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-top:10px;padding-bottom:20px;color:#ffffff;}
.m-pickup__mov video{margin-bottom:15px}
.m-pickup__mov h3{font-size:23px;color:#d70a30;margin:10px;}
.m-pickup__mov{width:850px;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 #d70a30;position:relative;padding-right:230px}
.m-link__content li a h2{display:table;font-size:20px;font-weight:700;color:#d70a30;border-left:5px solid #d70a30;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;}
a.btn_m {text-decoration:none; -webkit-transition: 0.2s ease-in-out;   -moz-transition: 0.2s ease-in-out;    -o-transition: 0.2s ease-in-out;    transition: 0.2s ease-in-out;}
a.btn_m:hover{text-decoration:none; filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}


a.btn_m{font-size:150%; color:#fff; display:block; font-weight:bold; text-align:center; width:45%; padding:.8em; margin:.5em auto 1.5em; border-radius:10px; background:#f94545; box-shadow:0 5px #de3434; text-shadow:2px 2px 0 #de3434;
background-image: linear-gradient(to top, #de3434 0%, #de3434 1%, #ff0101 100%);}

a.btn_m{width:60%; font-size:135%; padding:.6em;}




@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
============================== */
.head-top {background-image:url(../img/header-bg.jpg);
background-repeat: repeat-x;}
div.header{
	background-image:url(../img/img_top_new.jpg);
	background-repeat: no-repeat;
	background-position: center top; 
	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/img_top_spn.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 0;
	margin:0 auto;
	padding-top: 57%;
}
}

@media all and (min-width: 768px) {
div.side-bnrs ul {width:920px;margin:0px auto;}
div.side-bnrs ul li {margin-bottom:6px;float:left;width:450px;padding:3px;text-indent:-9999px;}
div.side-bnrs ul li a {display:block;background-image:url(../img/card.jpg);}
div.side-bnrs ul li:nth-child(1) a {height:410px;background-position:0 0px;}
div.side-bnrs ul li:nth-child(2) a {height:200px;background-position:0 -410px;}
div.side-bnrs ul li:nth-child(3) a {height:200px;background-position:0 -610px;}
div.side-bnrs ul li:nth-child(4) a {height:200px;background-position:0 -810px;}
div.side-bnrs ul li:nth-child(5) a {height:200px;background-position:0 -1010px;}
div.side-bnrs a:hover {opacity: 0.5;  filter: alpha(opacity=50); -ms-filter: "alpha(opacity=50)";	}
}







@media all and (max-width: 767px) {
div.side-bnrs ul {width:300px;margin:5px auto;}
div.side-bnrs ul li {float:left;width:300px;padding:5px;text-indent:-9999px;}
div.side-bnrs ul li a {display:block;background-image:url(../img/card-s.jpg);}
div.side-bnrs ul li:nth-child(1) a {height:134px;background-position:0 0px;}
div.side-bnrs ul li:nth-child(2) a {height:134px;background-position:0 -134px;}
div.side-bnrs ul li:nth-child(3) a {height:134px;background-position:0 -268px;}
div.side-bnrs ul li:nth-child(4) a {height:134px;background-position:0 -402px;}
div.side-bnrs ul li:nth-child(5) a {height:134px;background-position:0 -535px;}

}


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

@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%;
}
}