@import url(http://fonts.googleapis.com/css?family=Oswald:400,700);
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header_inner,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:22px;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header_inner,hgroup,menu,nav,.section,.row{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {font-family: 'Oswald','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;width:100%; text-align:center; font-size:22px;background-color:#000000; }
img {border:none; outline:none}
a {text-decoration:none; color:#FF0}
a:focus { border:none; outline:none;}
button:focus { border:none; outline:none !important;}
p { color:#000; line-height:1.6em; font-size:14px; letter-spacing:4px}
iframe {  border: none;  outline: none;}
img.w100{width:100%; height:auto}
h2{ font-family: 'Oswald','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;font-size:46px; font-weight:900; color:#124b28; letter-spacing:0; margin:0;padding:0; margin-bottom:34px;  clear:both}
h3{font-family: 'Arial','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;font-size:30px; font-weight:bold; color:#000; letter-spacing:4px; line-height:1.6em;margin:0;padding:0; margin-bottom:20px;clear:both}
#header{background-color:#000000; width:100%; height:69px; overflow:hidden; position:fixed; top:0; left:0; z-index:999; border-bottom:1px solid #666}
#header img {width:100%; height:auto; margin:0 auto}
#header .icn_fb {float:right; width:45px; height:45px; margin-top:10px; }
#header .icn_tw {float:right; width:45px; height:45px; margin-top:10px; margin-right:6px}
#header .logo_sp {float:left; margin-right:44px; margin-top:24px; width:125px}
.inner{position:relative; width:96%; max-width:768px; margin:0 auto; overflow:hidden;}
.news_inner{width:100%; max-width:768px; margin:0 auto; }
.padding-top {padding-top:54px;}
.content_right{width:50%; float:left}
.content_left {width:46%; float:left; margin-bottom:20px;}
.content_right{width:46%; float:right; margin-bottom:20px;}
.content_left img, .content_right img {width:100%; height:auto; }
.left{float:left}
.right{float:right}
#container{position:relative; top:70px;}
#top img{width:100%; height:auto; }
#top .top_pic{width:100%; max-width:1000px; margin:0 auto; overflow:hidden; text-align:center;}
#top .logo_bg{ background-color: rgba(0,0,0,0.4); position:absolute; top:30px; width:100%; height:94px;}
#top .logo_area{ margin: auto;  width:506px;/*width:65.8%;*/ height: 140px;}
#top .logo_main {display:block; /*width:44.8%;*/ width:226px; height:auto; float:left}

#news{width:100%; height:58px; line-height:58px; background:#333}
#news dl {display: block;margin: 0;}
#news dt, #news dd {display: block;	float: left; margin: 0 10px;padding: 0;}
#news dt {color: #fff;}
#news dd {color: #fff;letter-spacing:2px;font-weight:bold;margin-right: 80px;}
#news dt a, #news dd a {color: #fff;}
.bt_mv {position:relative;width:320px; margin:0 auto; margin-bottom:4%}
.bt_mv .play {
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  width:50px;
  height:50px;
  margin:auto;
  opacity: 0.9;
}
.bt_mv {
  -webkit-transition: 0.5s ease-in-out;
}
.bt_mv:hover {
  opacity: 0.7;
}
ul.bnr{width:610px; margin:0 auto; margin-bottom:40px;overflow:hidden}
ul.bnr li{width:295px; height:167px; float:left; overflow:hidden; margin-bottom:20px}
ul.bnr li a{display:block}
ul.bnr li:nth-child(2n+1){margin-right:20px}
ul.bnr li img{width:100%; height:auto}
#top_entry, #pr{background-color:#000000; background-image: url(../images/out_bg.jpg); background-repeat: repeat-y; background-position:center bottom; clear:both;position:relative; height:auto; padding-top:54px; padding-bottom:88px;}
#top_entry .inner{z-index:3 }
#top_entry .inner img{margin-bottom:10px;}
#top_entry h1,#pr h1{margin-bottom:30px;}
#top_entry h1 img{width:70%; height:auto;margin:0 auto }
#top_entry h2,#pr h2{color:#124b28}
#pr h2{margin-top:40px}
#top_entry h3{color:#000}
#pr h3{margin-bottom:1.2%}
.bg_players{position:absolute; top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
	margin-bottom:88px;
	max-width:1000px;
    overflow: hidden; 
	z-index:2;}
.player_01 {position:absolute; bottom:0; left:0}
.player_02 {position:absolute; bottom:0; right:0}
#flo{background-color:#000000; background-image: url(../images/flo_bg.jpg); background-repeat:no-repeat; background-position:center bottom; height:auto;clear:both;padding-top:68px; padding-bottom:68px; }
#flo h2{color:#8dc444; font-size:36px; margin-top:10px; margin-bottom:20px;}
#flo h3{color:#EFE036}
.flo_ctg{  border: solid 6px #E5E5E4; box-sizing:border-box;-webkit-box-sizing:border-box; -moz-box-sizing : border-box ;     border-radius: 14px; -webkit-border-radius: 14px; -moz-border-radius: 14px; padding-top:30px; padding-bottom:40px; margin-bottom:20px}
#flo p.note{color:#fff}

#spe{background-color:#dcd0bf; background-image: url(../images/spe_bg.png); background-repeat:no-repeat; background-position:center top; height:auto;clear:both;padding-top:50px; padding-bottom:88px;}
#spe h2{color:#18863b}
#spe h3{font-size:26px; font-weight:bold;margin-bottom:46px;}
.spe1, .spe2, .spe3{float:left; width:27.3%;}
.spe1, .spe2{margin-right:4.49%}
.spe3, .spe2{margin-left:4.49%}
#spe img{width:100%; height:auto; margin-bottom:60px;}
#spe p{padding: 0 26px; font-size:18px; font-weight:bold; letter-spacing:0}

#reg{background-color:#000000; background-image: url(../images/reg_bg.jpg); background-repeat: no-repeat; background-position:center top; height:auto;clear:both; padding-top:66px; padding-bottom:60px;}
#reg h2{color:#8dc444;}
#reg table {width: 100%;max-width:766px;color:#fff; border-top: 1px dashed #fff;}
#reg table tr{	border-bottom: 1px dashed #fff;}
#reg table tr td {width:120px; font-weight:bold; padding: 20px 0; text-align:left; white-space: nowrap; font-size:16px; vertical-align:middle}
#reg table tr td + td{width:auto;max-width:500px;font-weight:normal;white-space: normal; word-break: break-all; word-wrap: break-word;font-size:12px;line-height:1.8em}

#entry{background-color:#faf6ef;clear:both; padding-top:54px; padding-bottom:70px;}
#entry h2{color:#18863b}
#entry h3{padding-top:10px;}
#entry p{color:#8dc444; font-size:24px; font-weight:bold; margin-bottom:26px;}

#follow{background-color:#000000;background-image: url(../images/sns_bg.jpg); background-repeat: no-repeat; background-position:center top; height:449px;clear:both}
#follow h2{color:#ffffff; padding-top:120px;}
#follow .content{width:20.3%;  min-width:156px; margin:0 auto; margin-top:48px}
#follow .content h2{color:#fff;font-size:42px;}
#footer{background-color:#eeeeee;/*background-image: url(../images/bg_footer.png); background-repeat: no-repeat; background-position:center top;*/ clear:both}

.contact {margin:0 auto; margin-top:152px;text-align:center; }
.contact .hd{color:#000000;  font-size:18px; margin-bottom:20px;font-weight:900; letter-spacing:2px}
.contact .tel{color:#b5b5b5; margin-top:20px; margin-bottom:8px; font-size:18px; font-weight:900; letter-spacing:2px}
.contact .time{color:#b5b5b5; margin-bottom:18px; font-size:12px;letter-spacing:2px}
.contact .mail a{color:#b5b5b5; margin-bottom:55px; display:block;font-weight:900; letter-spacing:2px}
.contact .copyright{color:#fff; margin-bottom:26px; font-size:12px; letter-spacing:2px}
/*PR*/
#demo {
    box-sizing:border-box;
	width: 100%;
    display: table;
    border-right: 1px solid rgb(204, 204, 204);
    border-bottom: 1px solid rgb(204, 204, 204);
}
#demo #words {
    display: table-row-group;
}
#demo dl {
    margin-bottom: 1em;
}
#demo dl {
    display: table-row;
    margin: 0;
}
#demo dl dt {
    font-weight: bold;
}
#demo dl dt, #demo dl dd {
    text-align: center;
    display: table-cell;
    padding: 5px;
    border-left: 1px solid rgb(204, 204, 204);
    border-top: 1px solid rgb(204, 204, 204);
}
#demo dl ddd {
    width: 60%;
    display: table-cell;
    padding: 5px;
    border-left: 1px solid rgb(204, 204, 204);
    border-top: 1px solid rgb(204, 204, 204);
}
.com_mes {
    box-sizing:border-box;
	color: rgb(34, 34, 34);
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5em;
    padding: 20px;
    width: 100%;
    margin: 0;
    border: solid 5px rgb(255, 232, 131);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	margin-bottom:4%;
}
.com_photo{margin-bottom:4%;}
@media (max-width:767px){
.inner{width:96%; margin:0 auto}
#top .logo_area {width:303px; margin:0 auto}
#top .logo_main {width:223px; height:auto}
#top_entry h1 img{width:100%; height:auto}
#new{position:relative;z-index:101;}
#spe img{margin-bottom:0; max-width:210px;}
.spe{width:480px; margin:0 auto;overflow:hidden}
.spe1{float:none; margin:0 auto; width:280px; margin-bottom:0;}
.spe2{float:left; width:45.4%; margin-left:0}
.spe3{float:right; width:45.4%}
.player_01 {position:absolute; top:20%; left:10px; max-width:330px; min-width:177px;width:34.5%;height:auto}
.player_02 {position:absolute; top:18%; right:10px; max-width:290px;min-width:154px;width:30%;height:auto}
#flo h3{font-size:26px;}
.flo_ctg img{width:22.8%;height:auto;max-width:142px;}
ul.bnr{width:295px;margin:0 auto }
ul.bnr li{float:none;}
ul.bnr li:nth-child(2n+1){margin-right:0}
#top_entry h1 img{width:100%; }
}
@media (max-width:480px){
#flo h2, #spe h2{font-size:30px}
.br{display:block}
.padding-top {padding-top:30px;}
.inner{width:90%; margin:0 auto; }
#top .logo_bg{height:80px; text-align:center}
#top .logo_area {width:70%; min-width:280px; margin:0 auto}
#top .logo_main {width:71.4%; height:auto}
#top_entry .inner img, #pr .inner img{width:100%; max-width:300px;height:auto}
.spe{width:100%; margin:0 auto}
.spe1, .spe2, .spe3{float:none; width:66%;margin:0 auto; margin-bottom:40px}
#spe img{width:100%; margin:0 auto; height:auto; }
#spe p{padding: 0; font-size:18px; font-weight:bold; letter-spacing:0}
.btn_left, .btn_right{float:none; width:230px; height:auto; clear: both; margin:0 auto; margin-bottom:26px; display:block}
.btn_right{margin-bottom:0px;}
#top_entry h1{margin-bottom:300px;}
.bt_mv{width:100%; max-width:320px; margin-bottom:8%}
#reg table tr td {width:106px; }
.player_01 {position:absolute; top:45%; width:42%; left:20px}
.player_02 {position:absolute; top:44%; width:36%; right:20px}
.flo_ctg{width:100%;padding-left:0; padding-right:0}
.flo_ctg img{min-width:142px;}
}