/* pc sp control ====================================================== */
.forsp,.js-btn{display:none!important}
.forpc{display:block!important}
/* header ====================================================== */
header{display: block;}
header ul{display: flex;align-items: center;}
header .logo{width: 120px;}
/* common ====================================================== */
header{background:#000;color:#fff;padding:27px 1%;}
header a{color:#fff;}
header nav ul li{margin-right: 0.7em; font-size:13px}
header nav ul li:nth-of-type(7){margin-left:auto}
h1,h2{text-align: center;}
h1{font-size:37px;color:#707070;font-weight: normal;margin:80px auto 23px;}
h2{font-size:22px;color:#707070;font-family: futura-pt, sans-serif;font-weight: normal;margin-bottom:60px;}
h3{font-size:42px;color:#fff;font-weight: normal;font-family: futura-pt, sans-serif;font-weight: normal;margin-bottom:24px}
h4{font-size:20px;color:#fff;font-weight: normal;margin-bottom:3em}
.w2{display: flex;justify-content: center;}
.w2 a{width: 382px;max-height: 382px;padding: 163px 0;display: flex;color: #fff;justify-items: center;flex-direction: column;align-items: center;}
.w2 a:first-of-type{margin-right: 92px;}
.w2 a em{font-size:28px;font-weight: normal;margin-bottom: 8px;}
.w2 a span{font-size:16px;font-family: futura-pt, sans-serif;font-weight: normal;}
.topvi{width: 100%;}
.toviin{width:40%;color:#fff;padding:120px 0 120px 5%}
.topvi div:nth-child(2n+0) .toviin{width:40%;color:#fff;padding:60px 5% 60px 0;margin-left:auto}
.toviin p{font-size:12px;line-height:230%}
.more{display:block;color:#fff;border:1px solid #fff;max-width:230px;margin:52px 0 0;padding:14px 0 14px 31px;font-family: futura-pt, sans-serif;}
.more:before{content: "▶";margin-right:1em}
.more2{display:block;width:30%;text-align: center;color:#fff;background:#000;padding:24px 0;margin:72px auto 0}
.toviin .more{margin:52px 0 52px auto}
.w3{max-width: 853px;margin: 0 auto;display: flex;flex-wrap: wrap;}
.w3 a{width:30%;margin-left: 5%;margin-bottom:2em}
.w3 a:nth-of-type(3n+1){margin-left:0; }
.infob{background:#000;padding:60px 0 140px;margin:100px 0 0;}
.infob h1,.infob h2{color:#fff;}
.infob .more{margin:50px auto 0;}
#info{display:flex;}
#info a{display:block;width:235px;color: #fff;margin:0 15px;}
#info a em{display: block;}
#info a span{display: block;}
dl{max-width:700px;display:block;margin: 0 auto;font-size:25px;color:#707070; letter-spacing:0.1em;line-height: 120%;}
dt{font-weight: normal;}
dd{font-weight: normal;border-left:1px solid #777;margin:1em 0 3em 1em;padding:10px 0 0 1em;display: flex;}
dt:before{content: "Q.";font-size: 37px;}
dd:before{content:"A.";font-size: 37px;margin-top:-10px}
#foott{color:#fff; text-align: left;background:#000;display:flex;align-items: center;}
#foottl{width:50%;padding:10px 5%}
#foottl .more{margin:52px 0 0 auto;}
#foottr{width:50%;}
#foott div h1{text-align: left;}
#foott div h2{text-align: left;margin-bottom:40px}
#foott div p{line-height:180%;font-size:14px}
#foott h1{margin:0;padding:70px 0 0;color: #fff;}
#foott h2{margin:0;padding:10px 0 0;color: #fff;}
#footb{background:#1A1818;color:#fff;display:flex;padding:56px 5%;justify-content: space-between;}
#footb a{color:#fff}
#footb ul{display: flex;flex-wrap: wrap;    flex-wrap: wrap;padding: 0 1em;}
#footb ul li{font-size:13px;    margin-right: 2em;}
.logoft{width:160px;}
.bt90{margin-bottom:90px;}
.conmv{height:214px;color: #fff; text-align: center;font-size: 38px;padding:76px 0; letter-spacing: 0.2em; font-weight: normal;}
.gallery{flex-wrap: wrap;justify-content: space-between;display: flex;margin:90px auto}
.gallery a{text-align: center;color:#fff;width: 33.33%;/* 正方形にするのに必要な部分 */height: auto;margin: 0;position: relative;}
.gallery a:before{content: "";display: block;padding-top: 100%; /* ここを100％にすることで正方形になる */}
.gallery a span{/* 正方形にするのに必要な部分 */    display: block;    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    /* 中央寄せ */    text-align: center;    padding: 2px;    box-sizing: border-box;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    -o-box-sizing: border-box;    -ms-box-sizing: border-box;}
.gallery a span:before{content: "";height: 100%;vertical-align: middle;width: 0px;display: inline-block;      }
#sns{border-left: 1px solid #fff;padding-left: 5%;margin-left: 5%;width: 24%;font-size: 184%;}
#sns a:nth-child(2){margin:0 1%}
.product{}
.product a{color:#707070}
.product h5{font-weight: normal;margin:1em 0}
.product span{font-size:80%;line-height:140%;}
.bkg{padding:110px 0;margin-top:100px;}
.singlemv{height:416px;}
.singlebox{max-width:857px;margin: 0 auto 70px;line-height:180%}
.singlebox p{margin-bottom:1em}
table{display:block;}
table tbody{display: block;width:100%;}
table tbody tr{display:flex;border-bottom:1px solid #eee;margin-bottom:0.5em;padding-bottom: 0.5em;;}
table tbody tr th{width:20%;display: block; font-weight: normal; text-align: left;padding:1em 0;}
table tbody tr td{width:80%;display: block;padding:1em 0;}
.ilumi{display: flex;justify-content: center;max-width:1135px;margin: 0 auto;}
.ilumi div{width:20%;margin-left:6%;line-height: 180%;font-size:13px}
.ilumi div:first-of-type{margin-left: 0;}
.ilumi div img{margin-bottom:1em;}
.notop{margin-top:0!important;padding:40px 0!important}