@charset "UTF-8";
#container {overflow-x: hidden; }
#container > h1{border-bottom: none}

.m_wp img{width: 100%;}
.inner{position: relative;}

.tab_wp{width: 92%; margin: 0 auto;}
.tab_menu{overflow: hidden;}
.tab_menu li{float: left; width: 50%;}
.tab_content{margin-top: -2px;}
.tab_content li{display: none;}
.tab_content li.on{display: block}

.slide.bx-wrapper{position: relative; padding-bottom: 10%;}
.slide.bx-wrapper .bx-wrapper {width: 92%; margin: 0;}
.slide.bx-wrapper .bx-controls-direction a{position: absolute; top: 40%; display: block; width: 10vw; height: 10vw; background-size: 10vw auto; text-indent: -9999px; overflow: hidden; opacity: .7;}
.slide.bx-wrapper .bx-prev{left: 1%; background: url('imgs/slide_arrL.png') no-repeat;}
.slide.bx-wrapper .bx-next {right: 1%; background: url('imgs/slide_arrR.png') no-repeat;}


.notice{background: #fff; width: 86%; margin: 0 auto; padding: 3%; border-radius: 2%; counter-reset: number;}
.notice li{padding: 1.2% 3.5%;}
.notice li::before{counter-increment: number 1; content: counter(number) '.'; margin-left: -4%; padding-right: 1.5%;}

.bnr{width: 92%; margin: 0 auto; overflow: hidden; text-align: center; padding: 0 0 10%;}
.bnr li {display: inline-block; width: 30%; margin-top: 5%;}
.btn{width: 85%; margin: 0 auto; padding: 2% 0;}
.btn2{position: absolute; bottom: 8%; left: 8.5%; width: 83%;}
.btn3{position: absolute; top: 29%; right: 7.5%; width: 38%;}

.buy{position: relative; margin-top: 5%;}
.buy_btn1{position: absolute; bottom: 5%; left: 8%; width: 53%;}
.buy_btn2{position: absolute; bottom: 5%; right: 8%; width: 28%;}

.visual{position: relative;}
.sub{background: #2a46f1; padding-bottom: 8%}
.con1{background: #e6efff;}
.con2{background: #333; padding: 5% 0 15%;}
.con3{background: #e6efff;}
.con4{background: #cfe4ff;padding-top: 10%;}
.con5{background: #fff; padding-bottom: 8%}
.con6{background: #894fff; padding-bottom: 10%;}
.con8{background: #fff0d3;}
.con9{background: #2e40cc; padding-bottom: 8%}
.con10{background: #e6efff;}
.con11{background: #011763;}
.con12{background: #e9cfff;padding-bottom: 5%}

.pass_list{width: 95%; margin: 0 auto;}

details { position: relative; line-height: 5vw; padding: 6vw; word-break: break-all;}
details a { background: #353637; border-radius: 0.4vw; color: #fff; padding: 4px 10px; font-size: 2.63vw; margin-left: 1.3vw; }
details summary { font-size: 4.2vw; font-weight: 800; margin: 0 auto; padding: 2.7vw 10vw; cursor: pointer; list-style-type: none; text-align: center; background-color: #e9cfff; border-radius: 1.3vw; border: 1px solid #222; color: #333; }
summary::-webkit-details-marker { display: none; }
details summary .arrow { position: absolute; right: 15vw; }
details[open] summary .arrow { right: 15vw; }
details[open] summary { padding: 2.7vw 10vw; width: auto; }
details[open] summary .arrow::after { position: absolute; top: 1.5vw; left: 1vw; content: ""; width: 2vw; height: 2vw; border-top: 3px solid #222; border-right: 3px solid #222; transform: rotate(-45deg); }
details summary .arrow::after { position: absolute; top: 0.5vw; left: 1vw; content: ""; width: 2vw; height: 2vw; border-top: 3px solid #222; border-right: 3px solid #222; transform: rotate(135deg); }
details div dd { padding: 0.4vw 0 0 1.4vw; font-weight: 400; color: #333; font-size: 3.5vw; text-align: left; }
details div dd:first-child { padding-top: 3vw; }