body	{ color: #000; background-color: #ffffff; font-family: "游ゴシック", YuGothic, "メイリオ", Meiryo, "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif; }
@media (min-width: 768px)	{ .container { width: auto; } }
@media (min-width: 992px)	{ .container { width: auto; } }
@media (min-width: 1300px)	{ .container { width: 1200px; } }
a:hover img.hov	{ opacity: .7; -webkit-opacity: .7; -moz-opacity: .7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; }
a img.hov	{ -webkit-backface-visibility: hidden; -webkit-transition: opacity 0.1s ease-out; -moz-transition: opacity 0.1s ease-out; -ms-transition: opacity 0.1s ease-out; transition: opacity 0.1s ease-out; }
a, a:link, a:visited, a:active	{ color: #000; text-decoration: none; }
a:hover	{ color: #1c8cff; }
.scrEvent { display: none; }

/* ------------ MAIN ------------- */
.title	{ text-align: center; margin: 0; padding: 0 0 4em; }
.title > img	{ margin: 0 auto; }
@media (max-width: 992px) {
	.title	{ text-align: center; margin: 0; padding: 0 0 1.5em; }
}
@media (max-width: 500px) {
	.title	{ text-align: center; margin: 0; padding: 0 0 0.5em; }
}

/* ------------ NAVI ------------- */
.navip	{ background-color: #000; }
.navbar	{ position: relative; min-height: 0; margin-bottom: 0; border: 0 solid transparent; overflow: hidden; }
.navbar-toggle	{ padding: 9px 10px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #ffffff; }
.navbar-toggle .icon-bar	{ background-color: #fff; }
.navbar-nav > li > a	{ background-color: #000; border: 1px solid #000; }
.navbar-nav > li > a:hover	{ background-color: #000; border: 1px solid #333; }
.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #555; }

@media (min-width: 768px)	{ 
	.navbar-nav > li > a	{ font-size: 18px; font-weight: bold; color: #fff; margin: 12.5px 6px; padding: 8px 12px; border: 1px solid #000; border-radius: 4px; }
	.navbar-collapse	{ position: relative; overflow: hidden; }
	.navbar-collapse > ul	{ position: relative; left: 50%; float: left; }
	.navbar-collapse > ul > li	{ position: relative; left: -50%; float: left; }

}
@media (max-width: 1043px)	{ 
	.navbar-nav > li > a	{ font-size: 14px; font-weight: bold; color: #fff; margin: 5px 0; padding: 0 10px; border: 1px solid #000; border-radius: 4px; }
	.navbar .navbar-nav > li > a	{ padding: 8px 6px; }
}

.navbar-header .sponly	{ color: #fff; font-size: 16px; font-weight: bold; float: left; padding: 18px 0 0; }


/* ------------ STAGE ------------- */
.polcont	{ padding: 80px 13.2% 0; }
.polcont h2	{ font-size: 36px; font-weight: bold; text-align: center; padding-bottom: 15px; display: block; }
.polcont h4	{ font-size: 26px; font-weight: bold; text-align: center; padding-bottom: 10px; display: block; }
.polcont p	{ font-size: 21.5px; font-weight: bold; text-align: left; display: block; }
@media (max-width: 768px)	{ 
	.polcont	{ padding: 10px 0 0; }
	.polcont h2	{ font-size: 24px; font-weight: bold; text-align: center; padding-bottom: 5px; display: block; }
	.polcont h4	{ font-size: 18px; font-weight: bold; text-align: center; padding-bottom: 5px; display: block; }
	.polcont p	{ font-size: 13px; font-weight: bold; text-align: left; display: block; }
}


.work	{ }
.work .wcle	{ text-align: center; display: block; }
.work .wcle img	{ margin: 0 auto 10px; }
.work p	{ font-size: 18px; line-height: 28px; padding: 5px; }
@media (max-width: 768px)	{ 
	.work .wcle img	{ width: 70%; }
	.work p	{ font-size: 13px; line-height: 18px; padding: 0; }
}



/* ------------ MOVIE ------------- */
.movie ul	{ margin: 0; padding: 0; list-style-type: none; *zoom: 1; }
.movie ul li	{ float: left; width: 376px; margin: 0; padding: 0; list-style-type: none; }
.movie ul li:nth-child(2n)	{ margin-left: 20px; }
.movie ul li:nth-child(n+3)	{ margin-left: 20px; }
.movie ul li p	{ color: #000; font-size: 15px; text-align: center; }
.movie ul:before,
.movie ul:after	{ content: ' '; display: table; }
.movie ul:after	{ clear: both; }

@media screen and (max-width: 1245px) {
	.movie ul li .mov	{ position: relative; width: 100%; padding-top: 56.25%; }
	.movie ul li .mov iframe	{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
	.movie ul	{ *zoom: 1; }
	.movie ul li	{ width: 31%; }
}

@media screen and (max-width: 768px) {
	.movie ul li .mov	{ position: relative; width: 100%; padding-top: 56.25%; }
	.movie ul li .mov iframe	{ position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
	.movie ul	{ *zoom: 1; }
	.movie ul li	{ float: none; width: 100%; }
	.movie ul li:nth-child(2n)	{ margin-left: 0; }
	.movie ul li:nth-child(n+3)	{ margin-left: 0; margin-top: 10px; }
	.movie ul li:nth-child(n+2)	{ margin-top: 10px; }
	.movie ul li p	{ margin-top: 5px; color: #000; font-size: 13px; }
	.movie ul:before,
	.movie ul:after	{ content: ' '; display: table; }
	.movie ul:after	{ clear: both; }
}



/* ------------ IMAGE ------------- */
.mainimg	{ margin: 0 0 30px; padding: 0; }
@media (max-width: 920px)	{ .mainimg	{ margin: 0 0 20px; padding: 0; } }
@media (max-width: 767px)	{ .mainimg	{ margin: 0 0 10px; padding: 0; } }


/* ------------ ITEM ------------- */
.itemCopy	{ margin: 0 0 20px; padding: 0; }
.itemCopy > h2	{ font-size: 18px; font-weight: bold; margin: 0 0 5px; padding: 0; }
.itemCopy > p	{ font-size: 15px; width: 65%; margin: 0; padding: 0; display: block; }
@media (max-width: 1060px)	{ .itemCopy > p	{ width: 75%; } }
@media (max-width: 920px)	{ .itemCopy > p	{ width: 85%; } }
@media (max-width: 767px) {
	.itemCopy	{ margin: 0 0 10px; padding: 0; }
	.itemCopy > h2	{ font-size: 16px; }
	.itemCopy > p	{ font-size: 11px; width: 100%; }
}

.itemSet	{ clear: both; margin: 0 0 100px; padding: 0; display: block; }
.itemSet .itemcolSet	{ margin: 0 0 20px; }
.itemSet > p	{ margin: 0; }
.itemSet p.itemName	{ font-size: 12px; margin: 0 0 3px; }
.itemSet p.itemCol	{ font-size: 12px; margin: 0; }
.itemSet p.itemPri	{ font-size: 11px; margin: 0 0 3px; }
.itemSet p.itemPri span	{ font-size: 10px; }
.itemSet p.itemBtn	{ margin: 0 0 5px; }
.itemSet p.itemBtn > a	{ 
	font-size: 11px; 
	font-weight: bold; 
	display: inline-block; 
	color: #fff; 
	background-color: #787878; 
	text-align: center; 
	margin-top: 5px; 
	padding: 2px 25px; 
	border: solid 1px #787878; 
}
.itemSet p.itemBtn > a:hover	{ background-color: #000000; border: solid 1px #000000; }

@media (max-width: 1060px) {
	.itemSet	{ clear: both; margin: 0 0 60px; padding: 0; display: block; }
	.itemSet .itemcolSet	{ margin: 0 0 10px; }
}

@media (max-width: 767px) {
	.itemSet	{ clear: both; margin: 0 0 40px; padding: 0; display: block; }
	.itemSet .itemcolSet	{ margin: 0 0 10px; }
	.itemSet p.itemName	{ font-size: 10px; margin: 0 0 2px; }
	.itemSet p.itemCol	{ font-size: 10px; margin: 0; }
	.itemSet p.itemPri	{ font-size: 10px; margin: 0 0 2px; }
}

/* ------------ BUTTON ------------- */
a span.btnn {
    color: #fff;
    background-color: #787878;
    text-align: center;
    margin-top: 10px;
    padding: 5px 30px;
    display: inline-block;
    border: solid 1px #787878;
}
a:hover span.btnn {
    background-color: #000;
}

/* ------------ FOOTER ------------- */
.footbtn	{ text-align: center; margin: 200px 0 0; padding: 0; }
.footbtn a	{ margin: 0 auto; display: inline-block; }
@media (max-width: 920px)	{ .footbtn	{ margin: 100px 0 0; padding: 0; } }
@media (max-width: 767px)	{ .footbtn	{ margin: 50px 0 0; padding: 0; } }

.footArea	{ color: #000; font-size: 10px; text-align: center; padding: 70px 0 130px; }
@media (max-width: 767px)	{ .footArea	{ color: #000; font-size: 8px; text-align: center; padding: 25px 0 100px; } }

/*min-widthの指定 (数字に指定したところから) */
@media (min-width: 768px) {/*幅768px以上で適用されるスタイル*/}
@media (min-width: 992px) {/*幅992px以上で適用されるスタイル*/}
@media (min-width: 1200px) {/*幅1200px以上で適用されるスタイル*/}

/*max-widthの指定 (数字に指定したところまで)*/
@media (max-width: 1199px) {/*幅1199px以下で適用されるスタイル*/}
@media (max-width: 991px) {/*幅991px以下で適用されるスタイル*/}
@media (max-width: 767px) {/*幅767px以下で適用されるスタイル*/}

/* ------------ GO TOP ------------- */
@media (max-width: 767px) { 
	#scrollUp { font-size: 13px; font-weight: bold; bottom: 0; right: 0; padding: 10px 10px; background: #000000; color: #fff; text-decoration: none; text-align: center; width: 100%; }
}
@media (min-width: 768px)	{ 
	#scrollUp { font-size: 13px; font-weight: bold; bottom: 20px; right: 20px; padding: 5px 25px; background: #000000; color: #fff; }
}
a#scrollUp:link, 
a#scrollUp:visited, 
a#scrollUp:hover, 
a#scrollUp:active	{ text-decoration: none; }
a#scrollUp:hover, 
a#scrollUp:active	{ background: #333333; }

/* ------------ BLOCK ------------- */
@media (max-width: 767px)	{ .pconly { display: none; } }
@media (min-width: 768px)	{ .pconly { display: block; } }
@media (max-width: 767px)	{ .sponly { display: block; } }
@media (min-width: 768px)	{ .sponly { display: none; } }

/* ------------ GRID GUTTER ------------- */
.row-center	{ letter-spacing:-0.4em; }
.row-center > [class*='col-']	{ display:inline-block; letter-spacing:0; vertical-align:top; float:none !important; }
.row-center.va-middle > [class*='col-']	{ vertical-align:middle; }
.row-center.va-bottom > [class*='col-']	{ vertical-align:bottom; }
@media (max-width: 767px) { 
	.row-center { text-align:center; }
	.row-center.va-bottom > [class*='col-']	{ vertical-align:top; }
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5,
.col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5,
.col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5,
.col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5	{ position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; }
.col-xs-1-5	{ width: 20%; float: left; }
.col-xs-2-5	{ width: 40%; float: left; }
.col-xs-3-5	{ width: 60%; float: left; }
.col-xs-4-5 { width: 80%; float: left; }
@media (min-width: 768px)	{
	.col-sm-1-5	{ width: 20%; float: left; }
	.col-sm-2-5	{ width: 40%; float: left; }
	.col-sm-3-5	{ width: 60%; float: left; }
    .col-sm-4-5	{ width: 80%; float: left; }
}
@media (min-width: 992px)	{
	.col-md-1-5	{ width: 20%; float: left; }
	.col-md-2-5	{ width: 40%; float: left; }
	.col-md-3-5	{ width: 60%; float: left; }
	.col-md-4-5	{ width: 80%; float: left; }
}
@media (min-width: 1200px)	{
.col-lg-1-5	{ width: 20%; float: left; }
	.col-lg-2-5	{ width: 40%; float: left; }
	.col-lg-3-5	{ width: 60%; float: left; }
	.col-lg-4-5	{ width: 80%; float: left; }
}
.row-0	{ margin-left: 0px; margin-right: 0px; }
.row-0 > div	{ padding-right: 0px; padding-left: 0px; }
.row-4	{ margin-left: -2px; margin-right: -2px; }
.row-4 > div	{ padding-right: 2px; padding-left: 2px; }
.row-10	{ margin-left: -5px; margin-right: -5px; }
.row-10 > div	{ padding-right: 5px; padding-left: 5px; }
.row-20	{ margin-left: -10px; margin-right: -10px; }
.row-20 > div	{ padding-right: 10px; padding-left: 10px; }
.row-30	{ margin-left: -15px; margin-right: -15px; }
.row-30 > div	{ padding-right: 15px; padding-left: 15px; }
.row-40	{ margin-left: -20px; margin-right: -20px; }
.row-40 > div	{ padding-right: 20px; padding-left: 20px; }
.row-50	{ margin-left: -25px; margin-right: -25px; }
.row-50 > div	{ padding-right: 25px; padding-left: 25px; }
.row-60	{ margin-left: -30px; margin-right: -30px; }
.row-60 > div	{ padding-right: 30px; padding-left: 30px; }
@media (max-width: 768px)	{ 
	.row-40	{ margin-left: -5px; margin-right: -5px; }
	.row-40 > div	{ padding-right: 5px; padding-left: 5px; }
}

@media (min-width: 768px)	{ 
	.no-gutter > [class*='col-'] {
	    padding-right:0;
	    padding-left:0;
	}
}
@media (min-width: 991px)	{ 
	.no-gutter > [class*='col-'] {
	    padding-right:0;
	    padding-left:0;
	}
}

@media (max-width: 767px) { 
.under-05, 
.under-10, 
.under-15, 
.under-20, 
.under-30, 
.under-40	{ margin-bottom: 5px; }
}
@media (min-width: 768px) { 
.under-05	{ margin-bottom: 5px; }
.under-10	{ margin-bottom: 10px; }
.under-15	{ margin-bottom: 15px; }
.under-20	{ margin-bottom: 20px; }
.under-30	{ margin-bottom: 30px; }
.under-40	{ margin-bottom: 40px; }
}
@media (min-width: 991px) { 
.under-05	{ margin-bottom: 5px; }
.under-10	{ margin-bottom: 10px; }
.under-15	{ margin-bottom: 15px; }
.under-20	{ margin-bottom: 20px; }
.under-30	{ margin-bottom: 30px; }
.under-40	{ margin-bottom: 40px; }
}

/* ------------ clearfix ------------- */
span.clearfix	{ display:block; }
.clearfix:after	{ content:"."; display:block; height:0; clear:both; visibility:hidden; font-size:0; line-height:0; }
.clearfix	{ *overflow:hidden; *zoom:1; }
.clearfix:not(:target)	{ /* overflow:hidden\9; */ /* zoom:1\9; */ }
* html .clearfix	{ height:1%; overflow:visible; }