@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Abel|Raleway&display=swap');
:focus {outline: none;}
html {height: 100%;overflow-y: scroll;} h1,h2,h3,h4,h5,h6{font-size:100%;}
*{margin:0; padding:0;list-style-type:none;border:none; outline:none; border-radius:0;font-weight:nomal;}
*:before, *:after{position:absolute; content:"";}

body{color:#fff;font-size:100%;padding-bottom:4.5%;background-attachment: fixed;letter-spacing:0.12em;line-height:1.5;
font-family:'Raleway','Abel','游ゴシック体', YuGothic,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Sans-serif;
word-break:break-all;font-feature-settings:"palt";-webkit-tap-highlight-color:rgba(0,0,0,0);}
a{text-decoration:none; color:#fff;}

/* 囲い */
html:before,html:after,body:before,body:after{position:fixed;z-index:9999;background:#202720;}
html:before,html:after{width:100vw; height:10px;}html:before{top:0;}html:after{bottom:0;} 
body:before,body:after{width:10px; height:100vh; top:0;}body:before{left:0;}body:after{right:0;}
footer{position:fixed; z-index:9999; transform:rotate(45deg);bottom:-25px; left:0; right:-25px;margin-left:auto;width:65px; height:65px;background:#202720;}
#icon{display:block;position:fixed; z-index:10000;bottom:11px; right:11px;width:18px; height:18px;} #icon img{width:20px;}
/* 囲い */

#wrap{width:88%; max-width:980px; margin:5% auto 0;}
header{text-align: center;}
section{margin:0% auto 2%;}
main {margin-bottom:2%;}

.resize{width:100%;}.resize2{width:94%;margin-bottom:2.5%;}
.mar{margin-bottom:5%;}.cen{text-align:center;}.min{font-size:80%;}
.disco p {padding:3% 2%;line-height:1.55;overflow: hidden;} hr {margin:0 auto 2%;border-bottom:dashed #2f352e 1px;width:95%;} .disco span {line-height:1.55;}
.buy {width:40%;display:inline-block;font-weight: 600;margin:3% 0;padding:2%;text-align: center;border-radius:2px;background-image: linear-gradient(45deg, #ff3cac,#562b7c,#2b86c5);}
.new:after{position: relative;color: #fff;font-size:75%;content:"NEW";margin-left:2%;padding:2px 8px;border-radius:1px;background-color:#29679b;}
.hp:after{position: relative;color: #fff;font-size:75%;content:"HP";margin-left:0.2em;padding:0.5px 6px;border-radius:1px;background-color:#188075;}

.youtube {position: relative;width: 100%;padding-top: 56.25%;}
.youtube iframe {position: absolute;top:0;left: 0;right: 0;margin: auto;width: 95%;height: 95%;}

main h2 {position: relative;display: table;width:60%;text-align: center;padding: 1.2%;margin:0% auto 2%;font-weight:700;font-size:110%;
         text-indent: 0.6em;letter-spacing:0.6em;background: linear-gradient(-45deg, transparent 8%, #2f352e 40%, #2f352e 60%,transparent 92%);}
main h2:before,h2:after {content: '';position: absolute;top: 50%;display: table;width: 12%;height: 2px;border-top: solid 1px #fff;border-bottom: solid 1px #fff;}
main h2:before {left:19%;} main h2:after {right:19%;}
main h3 {position: relative;display: table;width:85%;text-align: center;padding: 1.2%;margin:0% auto 2%;font-weight:700;font-size:110%;
         text-indent: 0.40em;letter-spacing:0.40em;background: linear-gradient(-45deg, transparent 8%, #2f352e 40%, #2f352e 60%,transparent 92%);}
main h3:before,h3:after {content: '';position: absolute;top: 50%;display: table;width: 10%;height: 2px;border-top: solid 1px #fff;border-bottom: solid 1px #fff;}
main h3:before {left:15%;} main h3:after {right:15%;}

.news {width:88%;margin: 0.2% auto 5%;background-color:rgba(11,18,24,0.55);border-top: solid #2f352e 2px;border-bottom: solid #2f352e 2px;}
.news dt {padding:2% 3%;position:relative;font-size:110%;font-weight: 600;border-top:dashed #2f352e 1px;margin-top: -1px;} 
.news p {padding-right:5%;text-justify: inter-ideograph;} .news span {font-size:90%;position:absolute;right:2%;bottom:3px;}

.List {width:88%;margin: 0.2% auto 5%;background-color:rgba(11,18,24,0.55);border-top:solid #2f352e 2px;border-bottom: solid #2f352e 2px;}
.List dt {padding:2% 3%;position:relative;text-justify: inter-ideograph;font-weight: 600;border-top:dashed #2f352e 1px;margin-top: -1px;}
.List p {padding-right:5%;text-justify: inter-ideograph;}
.List dt a {display: block;} .List time {font-size:110%;font-weight:700;margin:auto 1.8%;}
.item:hover,.item:active,.item.is-active {cursor:pointer;}
.inner {height:0;overflow:hidden;opacity: 0;transition: 0.35s;} .inner strong {font-size:110%;color:#f56285;display: block;margin-bottom:1.5%;padding-right:5%;}
.inner.is-open {font-family:'Abel';margin:2% 0 5% 8%;height:auto;opacity: 1;transition: 0.7s;}

.copy{font-size:90%;text-align:center;margin-top:5%;}