@charset "utf-8";

/*---------------------------------------------
	Browser Default Initialization
  ---------------------------------------------*/

html {
	overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, nav, article, aside, hgroup, header, address, figure, figcaption {
	margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%; font-weight: normal;}
img, abbr, acronym, fieldset {
	border: 0;margin: 0; padding: 0;}
img {
	vertical-align: top; -ms-interpolation-mode: bicubic;}
ul li {
	list-style-type: none;}


/* ------ Body ------ */

body{
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,sans-serif;
	color: rgb(180,180,180);
	font-size:14px;
	line-height:1.9;
	text-align: left;
	height: 100%;
	background-color:rgb(0,0,0);
	letter-spacing: -0.001em;		/* iOS4でのテキストの隙間への対応 */
	-webkit-text-size-adjust: 100%;		/* 文字サイズの自動調整機能のキャンセル */
}
.win body {
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
@media screen and (max-width: 640px) {body{font-size:12px;}}

/* ------ Anchor ------ */

a {outline: none;text-decoration: none;}
a:link {text-decoration: none;color: rgb(140,160,200);}
a:visited {text-decoration: none;color: rgb(140,160,200);}
a:hover {text-decoration: none;color: rgb(150,100,0);}
a:active {text-decoration: none;color: rgb(180,180,180);}

.zabuton{color:rgb(220,220,230);background-color:rgb(15,30,60); padding:2px 10px;border:1px solid rgb(50,40,30);}
.hoverit:hover{background-color: rgba(60,60,160,0.7); transition: 0.2s ease;}
/*-----------------------------------------------------	*/
/*	for all						*/
/*-----------------------------------------------------	*/



/* フルードイメージ対応 */
img {max-width: 100%;height: auto;}
.ie8 img {width: auto;}

/* 共通・枠組み */
#wrapper {width: 100%;max-width: 980px;margin: 0 auto;}
.main_logo{margin-top:60px;}
#main {width: 100%; background-image: url(images/background.png);background-repeat:y;background-size:100% auto;}
.contents{width: 75%;margin: 0 auto;}
footer {background-image: url(images/footer.png);background-repeat:no-repeat;background-size:100% auto;}
.footer_logo{}
section{margin-bottom:2em;}
.pc{display: block;}
.mobile{display: none;}
@media screen and (max-width:759px) {.pc{display: none;}.mobile{display: block;}}

.two_col{width:48%;float:left; margin-right:4%;padding-bottom:0;}
.two_col:nth-child(even){margin-right:0;}
@media screen and (max-width: 767px) {.two_col{width:100%;float:none;}.two_col:nth-child(even){margin-right:0px;margin-top:10px;}}

.two_col_30_l{float:left; width:28%;padding-right:2%;}
.two_col_30_r{float:left; width:70%;}
@media screen and (max-width: 639px) {.two_col_30_l{float:none; width:50%;padding-right:0%;margin:0 auto;}.two_col_30_r{float:none; width:100%; padding-top:10px;}}		
.two_col_20_l{float:left; width:18%;padding-right:2%;}
.two_col_20_r{float:left; width:80%;}
@media screen and (max-width: 639px) {.two_col_20_l{float:none; width:30%;padding-right:0%;margin:0 auto;}.two_col_20_r{float:none; width:100%; padding-top:10px;}}	

/* 一般 */
.emblem{width:35%;margin:0 auto;}
@media screen and (max-width: 639px) {.emblem{width:50%;}}
.stagepic{width:22%;padding:0% 1%;}
@media screen and (max-width: 759px) {.stagepic{width:44%;padding:0% 2%;}}

.align_center{text-align: center;}
.align_left{text-align: left;}

hr.line {visibility:visible;border:none;border-top:solid 1px rgb(180,180,180);height:1px;clear:both;margin:3px 0px;}
hr {visibility:hidden;clear:both;margin:10px 0px;}

p{margin-bottom:1em;}
.line_space_05{margin-bottom:0.5em;}
.line_space_1{margin-bottom:1em;}
.line_space_0{margin-bottom:0em!important;}

.indent_1 {padding-left:1em;text-indent:-1em;}
.indent_2 {padding-left:2em;text-indent:-2em;}
.indent_3 {padding-left:3em;text-indent:-3em;}
.indent_4 {padding-left:4em;text-indent:-4em;}
.indent_5 {padding-left:5em;text-indent:-5em;}
.indent_6 {padding-left:6em;text-indent:-6em;}
.indent_7 {padding-left:7em;text-indent:-7em;}
.indent_8 {padding-left:8em;text-indent:-8em;}
.margin_left_1{margin-left:1em;}

strong{font-weight:bold;color:rgb(220,220,220);}
.strong{font-weight:bold;color:rgb(220,220,220);}


.ex_large{font-size:180%; line-height: 1.3}
.larger{font-size:150%; line-height:1.6;}
.large{font-size:120%; line-height:1.8;}
small{font-size:90%;}
.small{font-size:90%;}
.smaller{font-size:80%;}
.ex_small{font-size:70%;}
.date{font-size: 60%;}

.mincho{font-family: "游明朝", YuMincho, "HG明朝E", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN";}
.tsume{font-feature-settings : "palt" 1;}

.color_gold{color:rgb(183,123,0);}
.color_gray{color:rgb(130,130,130);}

/* 表組み */
dl{clear:both;}
dt.eleven{width:11em;clear:both;float:left;margin-left:1em;}
dd.eleven{float:left;margin-left:2em; }
dt.twenty{width:19em;clear:both;float:left;}
dd.twenty{float:left;margin-left:2em; }
@media screen and (max-width: 639px) {dd.twenty,dd.eleven{float:none;} dt.twenty,dt.eleven{float:none;}}

th,td{padding:0px 10px 10px 10px;}

table img{padding-top:5px;}

ul.liststyle{margin-left:1em;}
ul.liststyle li:before{content: '＊';margin-left:-1em;}

ol{margin:0;padding:0em 2em;}

blockquote{padding: 0px 0px 5px 20px;}
img.alignleft{float: left;margin-right: 10px;em;margin-bottom: 10px;}
img.alignright{float: right;margin-left: 10px;em;margin-bottom: 10px;}


.backbottun{font-size: 300%;margin-top:20px;text-align: right;}
.backbottun a:link {text-decoration: none;color:rgb(160,160,160);}
.backbottun a:visited {text-decoration: none;color:rgb(160,160,160);}
.backbottun a:hover {text-decoration: none;color:rgb(100,100,100);}
.backbottun a:active {text-decoration: none;color: rgb(100,100,100);}


/* ヘッダ＆ナビゲーション */
#navigation {list-style-type: none;position:fixed;width: 100%;max-width: 980px;margin:-60px auto 0px auto;height:60px;border-bottom:solid 1px rgb(60,40,0);background-color:rgb(0,0,0);z-index:10;}
#navigation ul{width: 100%;margin:0px auto;}
#navigation li{position: relative;  width: 25%;  float: left;  margin: 0; text-align: center;}
#navigation li a{display: block;  margin: 0; height:45px; padding-top: 15px;/*高さはheightとpadding-topで調整*/
	color:rgb(0,0,0);  line-height: 1;  text-decoration: none;
	color: rgb(200,200,200);text-align: center;border-bottom:solid 1px rgb(60,40,0);background-color:rgb(10,30,50);
	background: -moz-linear-gradient(top, rgb(20,60,100), rgb(0,10,30));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(20,60,100)), to(rgb(0,10,30)));
	background: -webkit-linear-gradient(top, rgb(20,60,100), rgb(0,10,30));
	background: linear-gradient(to bottom, rgb(20,60,100), rgb(0,10,30));}
#navigation ul li a:hover{background-color:rgb(150,100,0);
	background: -moz-linear-gradient(top, rgb(120,80,0), rgb(40,25,0));
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(120,80,0)), to(rgb(40,25,0)));
	background: -webkit-linear-gradient(top, rgb(120,80,0), rgb(40,25,0));
	background: linear-gradient(to bottom, rgb(120,80,0), rgb(40,25,0s));}
#navigation li ul{list-style: none;  position: absolute;  top: 100%;  left: 0;  margin: 0;padding: 0;}
#navigation li ul li{overflow: hidden;  width: 100%;  height: 0;  color: #fff;  -moz-transition: .2s;  -webkit-transition: .2s;  -o-transition: .2s;  -ms-transition: .2s;  transition: .2s;}/*子メニューの調整*/
#navigation li ul li a{background-color:rgba(10,30,50,0.5);
	background: -moz-linear-gradient(top, rgba(20,60,100,0.5), rgba(0,10,30,0.5));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(20,60,100,0.5)), to(rgba(0,10,30,0.5)));
	background: -webkit-linear-gradient(top, rgba(20,60,100,0.5), rgba(0,10,30,0.5));
	background: linear-gradient(to bottom, rgba(20,60,100,0.5), rgba(0,10,30,0.5));}
#navigation ul li ul li a:hover{background-color:rgba(150,100,0,0.7);
	background: -moz-linear-gradient(top, rgba(120,80,0,0.7), rgba(40,25,0,0.7));
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(120,80,0,0.7)), to(rgba(40,25,0,0.7)));
	background: -webkit-linear-gradient(top, rgba(120,80,0,0.7), rgba(40,25,0,0.7));
	background: linear-gradient(to bottom, rgba(120,80,0,0.7), rgba(40,25,0,0.7));}

#navigation li:hover ul li{  overflow: visible;  height: 60px;}







/* YouTubeレスポンシブル */
.youtube_box{width:80%; margin:0 auto;}
iframe{
width:100% !important;
}
.iframeBox{
position:relative;
width:100%;
}
.iframeBox iframe{
position:absolute;
top:0;
left:0;
width:100% !important;
height:100% !important
}











/* コンタクトフォーム */
.wpcf7-form .comp,
.wpcf7-form.sent .form-inner {
	display: none;
}
.wpcf7-form.sent .comp {
	display: block;
}
.contactform_response{background-color:rgb(255,180,180);margin:20px 0px;}
.wpcf7 input[type="text"]{width:50%;background-color:rgb(235,235,235);}
.wpcf7 input[type="email"]{width:50%;background-color:rgb(235,235,235);}
.wpcf7 textarea{width:50%;background-color:rgb(235,235,235);}
#very-special-field{width:60px;background-color:rgb(235,235,235);}

/*-----------------------------------------------------	*/
/*	for - 760px		759			*/
/*-----------------------------------------------------	*/