div.main_box{
border:1px solid #e76527;padding:1%;background-color:rgba(0,0,0,0.5);
}
h1, h2 {
text-align: center;margin: 0px auto 1% auto;max-width:100%;
}
h1 img,
h2 img{
max-width:100%;
}
/*背景*/
.top_bg01 {
  background-image:url(../images/bg/bg00.jpg);
  background-position:center top;
  background-repeat: no-repeat;
  /*background-attachment: fixed;*/
  background-size:cover;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-color:rgba(12,13,45,0.00)!important;
}
.top_bg00, .top_bg00::before,
.top_bg01, .top_bg01::before {
  -webkit-transition: all 0s ease;
  -moz-transition: all 0s ease;
  transition: all 0s ease;
}
/*遊び方*/
.box{
padding:20px;
}
.box.contents_01 > ul > li{
margin:0px;padding:1%;
}
.box.contents_01 > ul > li > img{
display:block;margin:0px auto;max-width:100%;
}
.box.contents_01 > ul.wbox{
display:flex;flex-wrap:wrap;
}
.box.contents_01 > ul.wbox li{
width:calc(100% / 2);padding:1%;
}
.box img{
max-width:100%;
}
.box a{
color:#f9f973;border-bottom:1px solid #ff0;
}
.box a:hover{
border-bottom:none;
}
.exbox{
color:#ffffff;font-size:18px;text-align:center;
text-shadow: 3px 3px 3px #493e3e, -3px 3px 3px #493e3e, 3px -3px 3px #493e3e, -3px -3px 3px #493e3e;
}
.exbox + ul{
padding-top:2%;
}

@media (max-width: 980px) {
.box{
padding:1%;
}
}
@media (max-width: 600px) {
.box.contents_01 > ul.wbox li{
width:100%;
}
.exbox{
font-size:14px;
}
}
@media (max-width: 489px) {
.exbox{
font-size:12px;
}
}

div.jenre_box,
div.paseli_box,
div.howtoplay_box{
padding-bottom:20px;
}
div.cap{
text-align:center;color:#feff34;
text-shadow: 3px 3px 3px #493e3e, -3px 3px 3px #493e3e, 3px -3px 3px #493e3e, -3px -3px 3px #493e3e;
}
/*format*/
.howto_box ul:after{
display:none;
}
#format .howto_box > ul{
display:flex;flex-wrap:wrap;justify-content:space-around;align-items: center;
}
#format .howto_box > ul > li:first-of-type{
width:calc(450px + 4%);
padding:30px 10px;background:rgba(0,0,0,0.5);
}
#format .howto_box > ul > li:nth-of-type(2){
width:405px;
}

#format .howto_box > ul > li:first-of-type > div{
padding:2%;color:#fff;font-size:16px;
}
#format .howto_box > ul > li:first-of-type > div > img{
max-width:100%;
}

#format .howto_box > ul > li:nth-of-type(2) > ul{
display:flex;flex-wrap:wrap;justify-content: space-around;
}
#format .howto_box > ul > li:nth-of-type(2) > ul > li:first-of-type{
padding-top:30px;
width:241px;height:422px;background:url("../images/about/format/bg_btn.png") no-repeat,#352d06;
}
#format .howto_box > ul > li:nth-of-type(2) > ul > li:nth-of-type(2){
padding-top:30px;
width:164px;height:422px;background:url("../images/about/format/bg_btn2.png") no-repeat,#352d06;
}

.howto_box div.quizBox{
 width:75px;height:300px;text-align:center;vertical-align:top;display:inline-block;
}
.howto_box div.quizBox1{
width:76px;height:300px;text-align:center;vertical-align:top;display:inline-block;
}
.howto_box div.quizBox2{
width:76px;height:300px;text-align:center;vertical-align:top;display:inline-block;
}
.howto_box div.quizBox3{
width:76px;height:300px;text-align:center;vertical-align:top;display:inline-block;
}
.howto_box div.quizBox > div > img,
.howto_box div.quizBox1 > div > img,
.howto_box div.quizBox2 > div > img,
.howto_box div.quizBox3 > div > img{
cursor:pointer;
}
.howto_box div.quizBox2 div.qb{
margin-top:30px;
}
#quizExShow17{
width:70px;
}

/*hg_box*/
#hg_box .cap_box0{
text-align:left;
}
div.cap_box0,
div.cap_box1{
border: 1px solid rgba(250,210,203,1.0);padding: 1%;color:#fff;font-size:16px;
background-color: rgba(0,0,30,0.5);box-shadow: #ACF 1px 1px 10px!important;
}

div.cap_box0{
margin-bottom:4%;
}
div.cap_box1{
margin-bottom:2%;
}
div.cap_box2{
padding:1%;
}
.hg_contents img{
display:block;margin:0px auto;
}
.hg_contents dl{
margin:2% 0px;border: 1px solid rgba(255,230,130,1.0);padding: 1%;color:#fff;font-size:16px;
background-color: rgba(0,0,30,0.5);box-shadow: #ACF 1px 1px 10px!important;
}
.hg_contents dl > dt{
font-weight:bold;font-size:18px;color:#f9f8bd;text-align:left;
}
.hg_contents dl > dd{
width:95%;margin:0px 0px 0px 5%;text-align:left;font-size:16px;
}
.hg_contents.detail dl > dt{
color:#fff;
}
/*cc*/
.cc_contents img{
display:block;margin:0px auto;
}
.cc_contents section:first-of-type{
margin-bottom:20px;
}
.no-active{
display:none;
}
@media (max-width: 1000px) {
#format .howto_box > ul > li:first-of-type{
width:calc(450px + 1%);
}
}
@media (max-width: 949px) {
#format .howto_box > ul > li{
width:100%;margin:10px 0px;
}
}

@media (max-width: 799px) {
div.cap_box0,
div.cap_box1{
font-size:12px;
}

.hg_contents dl > dt{
font-size:16px;
}
.hg_contents dl > dd{
font-size:12px;
}
}

@media (max-width: 600px) {
#format .howto_box > ul > li:first-of-type > div{
font-size:12px;
}
}
@media (max-width: 467px) {
#format .howto_box > ul > li:nth-of-type(2) > ul > li:first-of-type{
height:318px;margin:10px 0px;
}
}
h1#h1title{
background:rgba(0,0,30,0.5);border:1px solid rgba(255,230,130,1.0);
padding:1%;color:#fff;font-size:18px;font-weight:bold;
font-family: "mplus-1p";
}

.link_box{
margin:0px auto 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
}
.link_box > div{
width:200px;padding:5px 5px;
}
.link_box > div > a{
display:block;text-align:center;width:100%;
font-weight:bold;padding:15px;margin:0px auto;position:relative;
background:#000;border:2px solid #e6e6e6;box-shadow:0 0 0 3px #000;transition:0.5s;
}
.link_box > div > a::after {
content:'';width:10px;height:10px;margin-right:10px;border-top:2px solid #d0d060;border-right:2px solid #d0d060;
transform: rotate(45deg);display:block;position:absolute;top:calc((100% - 10px) / 2);right:0px;
}
.link_box > div > a:hover{
background:#e6e6e6;border:2px solid #000;box-shadow:0 0 0 3px #e6e6e6;color:#000;transition:0.5s;
}
.link_box > div > a:hover::after {
border-top:2px solid #000;border-right:2px solid #000;
}