@charset "UTF-8";/* CSS Document */
@font-face {font-family:'源ゴERw';src:url('../fonts/GenShinGothic-P-ExtraLight_sub.woff') ;}
@font-face {font-family:'tetsuG';src:url('../fonts/tetsuG_cus_sub.woff') ;}
@font-face {font-family:'tetsuGt';src:url('../fonts/tetsuG_cus_sub.otf') ;}
@font-face {font-family:'ロたゴ';src:url('../fonts/Condense_sub.woff') ;}/*M+ FONTS*/
body{/*text-size-adjust:100%;*/ background-color:#999;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,sans-serif;}
#wrap{width:1000px;margin:10px auto 30px;font-size:16px;background-color:#fff;overflow:hidden;}

/*navi３本ベース*/ 
.nav-wrap{position:fixed;top:10px;left:50%;margin-left:452px;box-sizing:border-box;background-color:#666;width:48px;height:48px;padding:0px 3px 3px;-webkit-border-radius:4px;z-index:99;}
.nav{list-style-type:none;width:360px;z-index:99;position:fixed;top:-6px;left:50%;margin-left:34px;border:solid 3px #999;-webkit-border-radius:6px;background-color:#FFFDEE;padding:8px 30px 8px 20px;}
.nav li a{display:block;width:300px;height:60px;font-size:20px;text-decoration:none;list-style:none;z-index:99;line-height:3em;color:#666;border-bottom:3px dotted #ccc;}
#L03b{height:380px;font-size:20px;text-decoration:none;list-style:none;z-index:99;line-height:3em;color:#666;border:none;}
.nav li ul li{margin:0;list-style-type:none;}
.nav li ul li a{width:280px;}	
.nav li ul{margin:-20px 0 0 60px;}
.nav a:hover{text-shadow:0 0 25px #F93,0 0 20px #F93,0 0 30px #F93;}
 /*３本戦*/
.icon{width:44px;height:44px;display:inline-block;cursor:pointer;float:right;position:absolute;text-align:center;margin-left:5px;}
.icon span{position:absolute;
width:39px;height:4px;display:block;background:#fff;left:50%;top:50%;margin-left:-25px;transition:all 0.3s;transform:rotate(0deg);}
.icon .top{transform:translateY(-13px);}
.icon .bottom{transform:translateY(13px);}
.batsu .middle{background:rgba(51, 51, 51, 0);}
.batsu .top{transform:rotate(-45deg) translateY(0px);}
.batsu .bottom{transform:rotate(45deg) translateY(0px);}
.batsu .menu{position:fixed;}
a{text-decoration:none;}a:link,a:visited{color:#000;}
#navtop a:hover{color:#F63;text-shadow:0 0 25px #F93,0 0 20px #F93,0 0 30px #F93;display:block;}
#navtop li{float:left;width:100px;height:100px;text-decoration:none;list-style:none;text-align:center;padding-top:6px;}
#navtop li ul li {overflow:hidden;height:0;border:none;transition:0.8s;margin:0;}

#kakomi{position:absolute;width:210px;height:206px;margin:0 0 0 765px;border:solid #666;border-width:20px 25px 0 0;z-index:1;}
#navtop{width:200px;height:200px;margin:5px 0 0px 6px;position:absolute;z-index:99;font:14px 'ロたゴ';}
#navtop ul{margin:0px 0 0 -40px;display:block;vertical-align:middle;}
#navtop	ul li{-webkit-box-sizing:border-box;box-sizing:border-box;}
#navtop	a{display:block;}
#L01{width:100px;height:100px;display:block;line-height:1.3em;}
#L02,#L04,#L03{width:100px;height:100px;margin-bottom:0;display:block;}
#L01{border:solid;border-width:0 1px 1px 0;}
#L04{border:solid;border-width:1px 0 0 1px;margin:-1px 0 0 -1px;}
#navtop li ul li a{list-style-type:none;display:block;line-height:3em;}
#navtop li:hover > ul > li{margin:-10px 0 0 -120px;height:60px;width:180px;}
#navtop li ul{margin-top:-10px;}

.sankaku{width:0;height:0;border:22px solid transparent;border-top:30px solid #bbb;margin:100px auto 0;}
.sankaku2,.sankaku3{width:0;height:0;border:22px solid transparent;border-top:30px solid #bbb;margin:-28px auto 0;}

#StageA{height:580px;}#Stage{margin:0 0 0 -180px;width:670px;}

#link a{display:block;text-decoration:none;width:200px;height:50px;background-color:#F60;font-size:12px;text-align:center;padding-top:30px;margin:100px auto 0;}
#link a:link{color:#fff;}#link a:visited{color:#fff;}#link a:hover{background-color:#F90;}

#c001{height:60px;width:320px;margin:20px 0 0 600px;line-height:1.8em;font:18px "ヒラギノ明朝 ProN W3","游明朝", serif, "ＭＳ 明朝";}
#c002{margin:200px 0 100px 80px;height:50px;font:30px '源ゴERw';padding-top:-30px;}/*ホームページ ダンジョンコース*/

.remark{display:none;}
.em3 a,.em4 a{cursor:pointer;}
.em3 a:hover .remark{background:none repeat scroll 0 0 #FFC;border:3px dotted #6C3;color:#000;text-align:center;display:block;margin:5px 0 0 -100px;border-radius:5px;position:absolute;width:370px;}
.em4 a:hover .remark{border:1px solid #888;color:#000;text-align:center;display:block;margin:-45px 0 0 265px;border-radius:5px;position:absolute;width:200px;}
#em4s{position:absolute;}
.ga-btn{position:absolute;margin-left:460px;/*background-color:#666;*/width:160px;height:100px;padding:0px 3px 3px;display:block;cursor:pointer;}
.ga{position:absolute;margin:-280px 0 0 460px;width:188px;height:148px;z-index:99;cursor:pointer;}
.gaF{padding:100px 0 0;text-align:center;width:188px;height:148px;font-size:22px;font-weight:bolder;z-index:99;cursor:pointer;margin:-380px 0 0 150px;}
.ga2{font-family:serif;color:#00F;font-size:14px;text-align:center;margin-top:50px;}
.gaF{animation-name:gaF;animation-duration:6s;}
@keyframes gaF{0%{opacity:0;}70%{opacity:1;}100%{opacity:1;}}
.gaP{animation-name:gaP;animation-duration:1s;}
@keyframes gaP{0%{transform:scale(0);}100%{transform:scale(1);}}
.konoDN{display:none;}
.kono2{animation-name:kono2;animation-duration:7s;margin:20px 400px -20px;text-align:center;width:170px;color:#e4b860;font-size:14px;transform:rotate(20deg);}
@keyframes kono2{0%{opacity:0;}80%{opacity:0;}100%{opacity:1;}}

#c003{margin-top:230px;font-size:16px;}
.em1{text-align:right;line-height:2.5em;margin:-60px 60px 0 0;}
.em2{margin:80px 0 0 100px;}
.em3,.em4,.em5{margin:3px 0 0 120px;display:block;}
.c003c{margin:100px 0 0;text-align:center;font-weight:bold;}
#c003d{height:50px;text-align:center;margin:100px 0 140px;font-size:22px;line-height:2em;font-weight:bolder;}
#chara{font-size:24px;margin-top:0px;}
#link{margin-bottom:180px;}
#tasuki2{transform:rotate(-12deg);margin:0 0 80px -50px;}
#tasuki3{transform:rotate(-15deg);margin:50px 0 60px -230px;}
#ugo{color:#DF4800;display:inline-block;}
#chu{width:600px;margin:70px auto;padding:6px 0;text-align:center;border:solid 1px;border-radius:6px;font-size:14px;}
#siyou{width:1000px;height:40px;text-align:center;font-size:28px;font-weight:bolder;letter-spacing:1.8em;color:#666;}
#main{margin:80px 130px 50px;/*width:1000px;height:900px;*/line-height:1.5em;}
#kihon{/*height:2200px;*/margin:0 0 180px 0;}

#d001,#f001{margin:0px -80px 30px;font:110px 'tetsuG','tetsuGt';z-index:0;}
.d001,.f001{color:#ddd;}
.d001H,.f001H{color:#fff;text-shadow:0 0 25px #F93,0 0 20px #F93;line-height:1em;animation-name:f001H;animation-duration:2s;}
@keyframes f001H{0% {opacity:0;}100% {opacity:1;}}

#d002{position:absolute;margin:-60px 0 20px;font-size:22px;font-weight:bolder;z-index:9;}
#d003,#d004,#d005,#d006{padding:12px 20px;}
#d003{border-radius:320px 300px 500px 180px;border:solid 1px;transition:all .7s ease-out;}
#d003:hover{border-radius:20px;border:solid 1px #F63;background-color:#FFC;box-shadow:0 0 40px #FC3;}
#d004{border-radius:200px 300px 200px 300px;border:solid 1px;transition:all .7s ease-out;}
#d004:hover{border-radius:20px;border:solid 1px #F63;background-color:#FFC;box-shadow:0 0 40px #F33;}
#d005{margin-bottom:60px;border-radius:200px 300px 200px 300px;border:solid 1px;transition:all .5s ease-out;}
#d005:hover{border-radius:20px;border:solid 1px #F63;background-color:#FFC;box-shadow:0 0 40px #FC3;}
.tasu{position:absolute;width:50px;border:solid #B27554;border-width:18px 0 0 0;margin:17px 0 0 0;}
.tasu_t{position:absolute;height:50px;border:solid #B27554;border-width:0 18px 0 0;margin:0 0 0 17px;}
#plus1,#plus2{width:50px;height:50px;margin:10px auto;z-index:99;}

#box003toiawase{background-color:#DCF2FF;/*width:840px;height:790px;*/margin:30px 0 20px 0;padding:20px;}
.Form{margin:30px 0;}
#box003toiawase li {list-style:none;padding-left:1em;text-indent:-1em;}
#box003toiawase li:before{content:"●";}
#box003toiawase ul{margin:10px 0 0 -20px;}

#f002{position:absolute;margin:-60px 0 0;font-size:22px;font-weight:bolder;z-index:6;}
#box102{width:840px;/*height:400px;*/margin:0 0 0 20px;padding:20px;}
#box102 ul{margin-bottom:10px;}
#box004{width:844px;/*height:400px;*/margin:0px 0 0 50px;padding:20px;background-color:#fff;box-shadow:0 0 40px #916B27;border:solid 8px #CC6144;border-radius:10px;}
#box004a{font-size:22px;font-weight:bold;margin-top:-6px;}
#box004 ul{margin:10px 0 0 -26px;}
#box004 li {list-style:none;padding-left:1em;text-indent:-1em;}
#box004 li:before{content:"●";}
#hosyu{margin-left:-1.4em;}
#muri{margin:80px 0;}

.seigen{width:800px;letter-spacing:.7em;color:#900;}
.seigen3{letter-spacing:0em;color:#000;}
.seigen2{animation-name:seigen2;animation-duration:3s;}
@keyframes seigen2{0% {letter-spacing:0em;color:#000;}100% {letter-spacing:.7em;color:#900;}}

#box004 a{border:solid 1px;padding:2px;}

#koukai{height:100px;width:766px;margin:100px auto 30px;}
#koukai a{width:280px;height:36px;box-sizing:border-box;border:2px solid #999;margin:0 50px;display:block;float:right;font:20px 'ロたゴ';/*font-weight:bold;*/ text-align:center;line-height:1.8em;border-radius:8px;border:1px solid #555;background-color:rgba(229,210,178,1.00);display:block;}
#koukai a:hover{background-color:rgba(229,210,178,0.6);}

#formWrap {width:830px;margin:80px auto 100px;color:#555;line-height:1.8em;font-size:90%;padding:30px;background-color:#fff;border:solid 1px;border-radius:12px;}
input[type=checkbox] {
transform:scale(1.3);
transform-origin:10px 10px;
-moz-transform:scale(1.8);
-moz-transform-origin:10px 12px;}
input,textarea{font-size:18px;border-radius:12px;}
#text{margin:30px;}
table{margin:30px auto;}

#QR{width:1000px;margin:150px 0 0 0;text-align:center;font-size:12px;}
#mailimg{ display:none;}
#foot{width:1000px;margin:0px 0 0 0;font:24px 'ロたゴ';}
#sapo{width:760px;height:120px;margin:40px auto 0;text-align:center;line-height:160%;border:solid 1px #996;border-radius:5px;}
#ado{position:absolute;width:450px;margin:122px 0 0 542px;line-height:120%;font:24px 'ロたゴ';}
.mac #ado{margin:132px 0 0 542px;}
#foot img{margin:60px 0 -4px;}

/*@media screen and (max-width:1050px){
body{-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transform:scale(0.8);margin:auto;margin-top:-762px;}.nav-wrap{position:fixed;top:300px;}}
@media screen and (max-width:920px){
body{-webkit-transform:scale(0.65);-moz-transform:scale(0.65);transform:scale(0.65);position:absolute;left:-50px;right:0;margin:-1230px auto 0;}}*/