html{
   font-size: 62.5%; 
}
body {
	background: #eee;
    
	font-family: "RocknRoll One","Kiwi Maru","Stick",'游ゴシック', 'YuGothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, Verdana, sans-serif;
	min-height: 100vh;
}
@media screen and (min-width:700px) {
}
a {
  color: inherit;
  text-decoration: none;
}
div, p, ul, li, h1, h2, h3, h4, h5, section, header, footer, dl, dt, dd {
  box-sizing: border-box;
}

#modalBack{
    position: fixed;
    top: 0;
    left: 0;
    z-index:100;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: rgba(0,0,0,1);
    /*background-image: url(../images/back.svg);*/
    display: none;
}
#modalBack.open{
    display:block;
}
#modal {
    /*width: calc(100vw - 120px);
    height: calc(100vh - 120px);
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 0;
    margin: 60px;
    position: relative;*/
}
#modal iframe,
#modal video{
    width: 95%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}

#back{
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    /*background-image: url(../images/back.svg);*/
}
#backImage{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200vw;
    height: 200vw;
    margin-left: -100vw;
    margin-top: -100vw;
    overflow: hidden;
}
#backImage img{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: center;
    animation:2.5s linear infinite rotationBack;
}
@keyframes rotationBack{
  0%{ transform:rotate(0deg);}
  100%{ transform:rotate(360deg); }
}

header {
    padding: 0;
    position: fixed;
    width: 100%;
    height: 70px;
    top: 0;
    z-index: 100;
}
header > div {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

header #logo {
    height: 50px;
    position: absolute;
    left: 10px;
    top: 10px;
}
header #logo img {
  height: 100%;
}
header #lang {
    height: 50px;
    position: absolute;
    right: 20px;
    top: 20px;
    font-family: "Kiwi Maru";
}
header #lang span{
    background: #fff;
    border-radius: 10px;
    padding: 3px 6px;
    border: 1px solid #000;
}
body.jp header #lang span.jpBtn{
    background: #ff005f;
    color: #fff;
    border-color: #ff005f;
    cursor: auto;
    pointer-events: none;
}
body.jp header #lang span.engBtn{
    background: #fff;
    color: #000;
    border-color: #000;
    cursor: pointer;
    pointer-events:auto;
}
body.eng header #lang span.jpBtn{
    background: #fff;
    color: #000;
    border-color: #000;
    cursor: pointer;
    pointer-events:auto;
}
body.eng header #lang span.engBtn{
    background: #ff005f;
    color: #fff;
    border-color: #ff005f;
    cursor: auto;
    pointer-events: none;
}
#wrapper1 {
    width: calc(100vw - 120px);
    height: calc(100vh - 120px);
    /* padding: 80px; */
    overflow: hidden;
    border-radius: 20px;
    box-sizing: border-box;
    padding: 0;
    margin: 60px;
    position: relative;
}
#wrapper1 iframe,
#wrapper1 video{
    min-width: 170vh;
    min-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
#wrapper2 {
    width: 100%;
    margin: 0 auto;
    padding: 0 0 60px;
    text-align: center;
    position: relative;
    height: calc(100vh - 100px);
    margin-top: calc(-100vh + 100px);
}

#wrapper2 h2{
    /*font-size: 9vw;*/
    font-size: 12vh;
    color: #ff005f;
    font-family: "MuseoModerno", sans-serif;
    font-weight: 600;
    font-style:italic;
        line-height: 1.2;
}
#wrapper2 > div{
    font-size: 1.6vw;
    /* color: #ff0; */
    line-height: 1.2;
    background: rgba(255,255,255,0.8);
    color: #ff005f;
    border-radius: 20px;
    padding: 8px 30px 0px;
    border: 4px solid #ff005f;
    z-index: 10;
    position: absolute;
    display: inline-block;
    bottom: 90px;
    left: 0;
    left: 50%;
    transform: translateX(-50%);
}
a{
    border-bottom: #fff dotted 6px;
    animation:5s linear infinite aDot;
}
@keyframes aDot{
    0%{ border-bottom-width:2px;}
    25%{ border-bottom-width:6px; }
    50%{ border-bottom-width:2px; }
    75%{ border-bottom-width:6px; }
    100%{ border-bottom-width:2px; }
}

a:hover{
    animation:0.5s linear forwards aDotHover;
}
@keyframes aDotHover{
    100%{ border-bottom-width:12px; }
}
.logo{
    max-width: 75%;
    height: 15vh;
}
.btn{
    width: 100px;
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}
.btn:hover{
    opacity: 0.7;
}
#wrapper21 {
    width: 90%;
    max-width: 920px;
    margin: 0 auto 80px;
    padding: 50px 0 30px;
    background: rgba(0,0,0,0.5);
    border-radius: 20px;
    text-align: center;
}
#wrapper3 {
    width: 90%;
    max-width: 920px;
    margin: 0 auto 80px;
    padding: 50px;
    background: #fff;
    border-radius: 80px;
    /*box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 15px rgba(0, 0, 0, 0.2), 0 0 0 20px rgba(0, 0, 0, 0.1);*/
    animation:5s linear infinite shodowAnime;
}
@keyframes shodowAnime{
    /*0%{ box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 15px rgba(0, 0, 0, 0.2), 0 0 0 20px rgba(0, 0, 0, 0.1);}
    25%{ box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.4), 0 0 0 200px rgba(0, 0, 0, 0.3), 0 0 0 300px rgba(0, 0, 0, 0.2), 0 0 0 400px rgba(0, 0, 0, 0.1);}
    50%{ box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 15px rgba(0, 0, 0, 0.2), 0 0 0 20px rgba(0, 0, 0, 0.1);}
    75%{ box-shadow: 0 0 0 100px rgba(0, 0, 0, 0.4), 0 0 0 200px rgba(0, 0, 0, 0.3), 0 0 0 300px rgba(0, 0, 0, 0.2), 0 0 0 400px rgba(0, 0, 0, 0.1);}
    100%{  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 15px rgba(0, 0, 0, 0.2), 0 0 0 20px rgba(0, 0, 0, 0.1);}*/
    0%{ box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.4), 0 0 0 10px rgba(0, 0, 0, 0.3), 0 0 0 15px rgba(0, 0, 0, 0.2), 0 0 0 20px rgba(0, 0, 0, 0.1);}
    100%{ box-shadow: 0 0 0 100px rgba(0, 0, 0, 0), 0 0 0 200px rgba(0, 0, 0, 0), 0 0 0 300px rgba(0, 0, 0, 0), 0 0 0 400px rgba(0, 0, 0, 0);}

}
#wrapper3 h2{
    font-size: 2.8rem;
    /* color: #f00; */
    text-align: center;
    padding: 0 150px 20px;
}
span.logoTop{
    background: #ff005f;
    color: #fff;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 3.0rem;
}
#wrapper3 h2 span.logoTop{
    background: #000;
}
#wrapper3 > div{
    font-size: 2.0rem;
    /* color: #ff0; */
    line-height: 1.2;
    font-family: "Kiwi Maru";
}

#wrapper4 {
    width: 80%;
    max-width: 700px;
    margin: 0 auto 40px;
    padding: 20px 40px 10px;
    background: #eee;
    box-sizing: border-box;
    rotate: -4deg;
    box-shadow: 10px 10px 10px 0px rgba(0, 0, 0, 0.4);
}
#wrapper3 h3{
    font-size: 2.4rem;
    position: relative;
    margin: 60px 0 30px;
    text-align: center;
    z-index: 2;
}
#wrapper3 h3:before {
    content: "";
    position: absolute;
    background: #ffbae0;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: -1;
}
#wrapper4 > div{
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 40px;
    font-family: "Kiwi Maru";
}

.imageFrame{
    width: 100%;
    margin: 30px 0;
    border-radius: 20px;
}
.imageFrameS{
    width: 40%;
    margin: 30px 30%;
}
.wrapperT {
    width: 95%;
    max-width: 1100px;
    margin: 0 auto 100px;
    padding: 20px 40px 10px;
    background: #ffbae0;
    box-shadow: 0px 0px 0px 15px #ffbae0;
    border: dashed 2px #fff; 
    /*border-radius: 20px;*/ 
    box-sizing: border-box;
    text-align: center;
    position: relative;
}
.wrapperT h3{
        font-size: 6rem;
    position: relative;
    margin: 10px 0 30px;
    text-align: center;
    color: #fff;
    z-index: 2;
    padding: 0 70px;
    display: inline-block;
}
.wrapperT h3:before, .wrapperT h3:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 70px;
  height: 8px;
  background-color: #fff;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.wrapperT h3:before {
    left:0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.wrapperT h3:after {
  right: 0;
}
.wrapperT > div{
    font-size: 1.8rem;
    line-height: 1.6;
    margin-top: 20px;
    margin-bottom: 40px;
    text-align: center;
    font-family: "Kiwi Maru";
}
.wrapperT iframe,
.wrapperT video{
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    border-radius: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
}
.wrapperT img{
    margin-top: 40px;
    border-radius: 20px;
    width: 70%;
    /*rotate: 3deg;*/
}
.wrapperT a{
    font-size: 3.0rem;
    margin-bottom: 40px;
}
.wrapperT h4{
    font-size: 3.0rem;
    font-weight: 600;
    margin-top: 30px;
}
.priceArea{
    font-size: 3.0rem;
    line-height: 3;
    margin:30px 0;
    color: #000;
    text-align: right;
    font-family: "Kiwi Maru";
}
.priceSet{
    text-align: right;
    line-height: 1;
}
.disabled2,
.disabled{
    pointer-events: none;
    animation: none;
    position: relative;
    border-color: rgba(255,255,255,0.5);
}
.disabled2 span,
.disabled span{
    opacity: 0.5;
}
.disabled::after{
    content: '2024/06/01 START（予定）';
    position: absolute;
    top: -40px;
    right: 0;
    display: inline-block;
    text-align: center;
    background: #fff;
    color: #000;
    padding: 2px 18px 6px;
    border-radius: 20px;
    font-size: 1.6rem;
}
.disabled2::after{
    content: '2024/03/19 START';
    position: absolute;
    top: -40px;
    right: 0;
    display: inline-block;
    text-align: center;
    background: #fff;
    color: #000;
    padding: 2px 18px 6px;
    border-radius: 20px;
    font-size: 1.6rem;
}
.priceType{
    display: inline-block;
    text-align: center;
    background: #000;
    color: #fff;
    padding: 2px 18px 6px;
    border-radius: 20px;
    margin: 0px 20px 0px 0;
    line-height: 1;
    vertical-align: super;
}
.price{
    font-size: 8rem;
    font-family: "MuseoModerno", sans-serif;
    width: 350px;
    display: inline-block;
    text-align: left;
    font-style: italic;
}
.price span{
    font-size: 5.0rem;
}
.tax{
    font-size: 2.0rem;
    width:80px;
}
.off{
    font-size: 2.2rem;
    margin-left:6px;
}
.sizeArea{
    font-family: "Kiwi Maru";
    margin-top: -20px;
    font-size: 1.6rem;
    text-align: right;
    color: #000;
}
.modelNotice{
    font-family: "Kiwi Maru";
    margin-bottom: 50px;
    font-size: 1.5rem;
    text-align: center;
    color: inherit;
}
/*.modelNotice2{
    color: #fff;
}
.modelNotice3{
    color: #fff;
}*/
.wrapperColumn {
    width: 90%;
    max-width: 920px;
    margin: 0 auto 40px;
    padding: 40px;
    /*background: #fff;*/
    border-radius: 0 50px 0 0;
    background-color: #fff;
    border: 5px solid #000;
    /*box-shadow: 5px 5px 0px 0px rgba(60,60,60,1), 10px 10px 0px 0px rgba(120,120,120,1), 15px 15px 0px 0px rgba(180,180,180,1), 20px 20px 0px 0px rgba(240,240,240,1);*/
    box-shadow: 5px 5px 0px 0px rgba(0, 0, 0, 0.4), 10px 10px 0px 0px rgba(0, 0, 0, 0.3), 15px 15px 0px 0px rgba(0, 0, 0, 0.2), 20px 20px 0px 0px rgba(0, 0, 0, 0.1);
    /*background-image:
        radial-gradient(#fff 20%, transparent 20%),
        radial-gradient(#fff 20%, transparent 20%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;*/
    /*background-size: 40px 40px;
    background-position: 0 0, 20px 20px;*/
}
.wrapperColumn h3{
    font-size: 2.4rem;
    position: relative;
    margin: 0 0 30px;
    text-align: center;
    z-index: 2;
}

.wrapperColumn > div{
    font-size: 1.8rem;
    line-height: 1.2;
    margin-bottom: 10px;
    font-family: "Kiwi Maru";
    text-align: left;
}
.wrapperColumn a{
    border-color: #000;
}
.wrapperColumn2{
    text-align: center;
    color: #fff;
    background-color: #666;
    border: 5px solid #fff;
    box-shadow: 5px 5px 0px 0px rgba(255, 255, 255, 0.4), 10px 10px 0px 0px rgba(255, 255, 255, 0.3), 15px 15px 0px 0px rgba(255, 255, 255, 0.2), 20px 20px 0px 0px rgba(255, 255, 255, 0.1);
}
.wrapperColumn2 h4{
    font-size: 2.2rem;
    text-align: center;
    /*border-bottom: 1px dashed #fff;*/
    padding:0 55px 5px;
    display: inline-block;
    position: relative;
    margin: 20px auto 5px;
}
.wrapperColumn2 h4:before, .wrapperColumn2 h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #fff;
}
.wrapperColumn2 h4:before {
  left:0;
}
.wrapperColumn2 h4:after {
  right: 0;
}
.wrapperColumn2 h5{
    font-size: 1.8rem;
    font-family: "Kiwi Maru";
    font-weight: bold;
    margin: 30px 0 10px;
    border-bottom: solid #fff 1px;
    padding: 0 0 5px 0;
    line-height: 1;
    text-align: left;

}
.wrapperColumn2 a{
    border-color: #fff;
}
#wrapper13 > div{
    font-size: 1.6rem;
}
.sizeTable{
    display: flex;
    margin-bottom: 20px!important;
}
.sizeTable21{
    width: 40%;
    font-size: 1.6rem;
}
.sizeTable22{
    width: 30%;
    font-size: 1.6rem;
}
.size_map{
    width: 95%;
    border-collapse: separate;
    border-spacing: 2px;
    font-size: 1.4rem;
}
.size_map th{
    background: #333;
    color: #fff;
    padding: 1px;
}
.size_map td{
    background: #eee;
    color: #000;
    padding: 1px;
}
#wrapper13 > div.noticeText{
    font-size: 1.4rem;
    /*margin-bottom: 40px;*/
}
#wrapper5{
    border-color: #ec13eb;
}
#wrapper5 h3{
    color: #ec13eb;
}
#wrapper5 > div{
    color: #ec13eb;
}
#wrapper5 h3:before, #wrapper5 h3:after {
    background-color: #ec13eb;
}
#wrapper5 a{
    border-color: #fff;
}

#wrapper6{
    background: #663e2b;
    box-shadow: 0px 0px 0px 15px #663e2b; 
}
#wrapper6 > div{
    color: #fff;
}
#wrapper6 .priceArea{
    color: #fff;
}
#wrapper6 .sizeArea{
    color: #fff;
}

#wrapper7{
    background: #fff;
    box-shadow: 0px 0px 0px 15px #fff;
    border-color: #21558c;
}
#wrapper7 h3{
    color: #21558c;
}
#wrapper7 h3:before, #wrapper7 h3:after {
    background-color: #21558c;
}
#wrapper7 > div{
    color: #21558c;
}
#wrapper7 a{
    border-color: #21558c;
}
#wrapper7 a.disabled2,
#wrapper7 a.disabled{
    border-color: rgba(33,85,140,0.5);
}
#wrapper7 a.disabled2::after,
#wrapper7 a.disabled::after{
    background: #21558c;
    color: #fff; 
}
/*#wrapper7 .priceArea{
    color: #fff;
}
#wrapper7 .sizeArea{
    color: #fff;
}
*/
.snsArea{
    margin:0px auto 30px;
}
#wrapper2 .snsArea{
    /*margin-bottom: 20px;*/
    margin-bottom: 0;
}
.snsArea a{
    margin: 0 20px;
    border: none;
}
.snsArea a::after{
    display: none;
}
.snsArea img{
    height: 50px;
}
span.marker {
    /* background: #ffb5de; */
    /* background: linear-gradient(transparent 70%, #b5f7ff 70%); */
    background: linear-gradient(transparent 70%, #ffbae0 70%);
    padding: 0 2px;
}
.snsText{
    margin:0px auto 30px;
    text-align: center;
    font-family: "Kiwi Maru";
    color: #fff;
    font-size: 1.8rem;
}
#wrapper2 .snsText{
    color: #ff005f;
    font-family: 'RocknRoll One';
    margin-bottom: 15px;
}
#wrapper2 a{
    border-color: #ff005f;
}


.close {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    top:10px;
    right:10px;
    transition-duration: 0.5s;
    cursor: pointer;
}
.close:hover {
    opacity: 0.7;
}
 
.close::before, .close::after { /* 共通設定 */
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 2px; /* 棒の幅（太さ） */
  height: 50px; /* 棒の高さ */
  background: #fff;
}
 
.close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
 
.close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

footer{
    width: 90%;
    /* max-width: 920px; */
    margin: 40px auto 30px;
    padding: 30px;
    /* background: #fff; */
    border-radius: 16px;
    background-color: rgba(255,255,255,0.7);
    /* background-color: rgba(0,0,0,0.6); */
    /* color: #fff; */
    text-align: center;
    font-size: 1.8rem;
    font-family: "Kiwi Maru";
}
footer .inner{
    display: flex;
    justify-content: space-around;
    height: 40px;
}
footer a{
    border-color: #000;
    display: inline-flex;
}

footer .copyright{
    margin-top: 40px;
    font-size: 1.3rem;
}


.slide_main{
    margin-top: 40px;
    border-radius: 20px;
    width: 70%;
    opacity: 0;
    transition-duration: 0.5s;
}
.is-visible .slide_main{
    opacity: 1;
}
.wrapperT img.slide_thumb{
    margin-top: 0;
    border-radius: 10px;
    width: 90%;
    opacity: 0.5;
    transition-duration: 0.5s;
    cursor: pointer;
}
.wrapperT .selected img.slide_thumb,
.wrapperT img.slide_thumb:hover{
    opacity: 1;
}
.splide__list {
    backface-visibility: hidden;
    display: flex;
    height: 100%;
    margin: 0!important;
    padding: 0!important;
    position: relative;
}
.splide__slide{
    position: absolute;
    top:0;
    left: 0;
}
.splide__slide_thumb{
    border: none;
}
.thumbnail-navigation-wrapper{
    position: relative;
    width: 100%;
    aspect-ratio: 10 / 8;
}
.thumbnails-list{
    height: 130px;
    width:100%;
    margin-bottom: 15px!important;
}
#slide_thumb_2{
    height: 110px;
}
#slide_thumb_3{
    height: 85px;
}
.arrow {
    position: absolute;
    display: inline-block;
    padding: 0;
    top: 50%;
    margin-top: -38px;
    width: 60px;
    height: 70px;
    transition-duration: 0.5s;
    cursor: pointer;
    opacity:1;
}
.arrow:hover {
    opacity: 0.6;
}
.arrow.arrow-left{
    left:5px;
}
.arrow.arrow-right{
    right:5px;
}
.arrow::before {
  content: '';
  width: 40px;
  height:40px;
  border-top: solid 10px #fff;
  border-right: solid 10px #fff;
  position: absolute;
  top: 8px;
}
.slide_3 .arrow::before {
    border-color: #333;
}
.arrow.arrow-top::before {
  transform: rotate(-45deg);
  top: 10px;
}

.arrow.arrow-bottom::before {
  transform: rotate(135deg);
}

.arrow.arrow-left::before {
    transform: rotate(-135deg);
    left: 32px;
}

.arrow.arrow-right::before {
    transform: rotate(45deg);
    right: 32px;
}



@media screen and (max-width:700px) {
    header {
        position: relative;
        height: 60px;
    }
    header #logo {
        height: 30px;
    }
    #backImage {
        width: 200vh;
        height: 200vh;
        margin-left: -100vh;
        margin-top: -100vh;
    }
    #wrapper1 {
        width: 90%;
        height: calc(100vh - 140px);
        margin: 0 5% 60px;
    }
    #wrapper2 {
        margin-top: calc(-100vh + 130px);
        height: calc(100vh - 150px);
    }
    #wrapper2 h2 {
        font-size: 12vw;
    }
    #wrapper2 > div {
        font-size: 1.8rem;
        bottom: 20vh;
        width: 85%;
    }
    .logo {
        margin-top: 30px;
        height: auto;
    }
    .btn {
        width: 60px;
        bottom: 50px;
        right: 30px;
    }
    .wrapperT {
        padding: 20px 20px 0;
        width: calc(100% - 30px);
        margin-bottom: 60px;
    }
    .priceArea {
        line-height: 1;
        margin-top: 0;
    }
    .wrapperT a {
        font-size: 2rem;
        position: relative;
        display: block;
        width: 100%;
        padding-top: 25px;
        margin-bottom: 0;
        height: 80px;
        box-sizing: border-box;
    }
    .price {
        font-size: 5.2rem;
        width: auto;
    }
    .priceType {
        font-size: 1.6rem;
        position: absolute;
        top: 0;
        left: 0;
        padding: 2px 10px 5px;
    }
    .off {
        font-size: 1.4rem;
        margin-left: 4px;
    }
    .tax {
        font-size: 1.6rem;
    }
    .disabled::after {
        top: 0px;
        font-size: 1.4rem;
        padding: 2px 10px 5px;
    }
    #wrapper3 {
        padding: 20px;
        border-radius: 20px;
    }
    #wrapper3 h2 {
        padding: 0 0px 20px;
        line-height: 1.8;
    }
    #wrapper3 h2 span.logoTop {
            font-size: 2rem;
    }
    #wrapper3 > div {
        font-size: 1.8rem;
    }
    #wrapper3 h3 {
        font-size: 2.2rem;
    }
    .wrapperT h3 {
        font-size: 3rem;
        padding: 0 20px;
    }
    .wrapperT h3:before {
        left: -40px;
    }
    .wrapperT h3:after {
        right: -40px;
    }
    .wrapperT > div {
        margin-top: 0;
        text-align: left;
        margin-bottom: 20px;
    }
    .wrapperT img {
        margin-top: 20px;
        border-radius: 10px;
        width: 100%;
    }
    .sizeArea {
        font-size: 1.4rem;
    }
    .wrapperColumn {
        padding: 20px;
    }
    .imageFrameS {
        width: 80%;
        margin: 30px 10%;
    }
    .sizeTable {
        display: block;
    }
    .sizeTable21,
    .sizeTable22,
    .sizeTable23 {
        width: 100%;
        margin-bottom: 10px;
    }
    .size_map {
        width: 100%;
    }
    .snsArea a {
        margin: 0 10px;
    }
    .snsArea img{
        height: 36px;
    }
    .snsText{
        margin: 0px 15px 0;
        text-align: left;
        font-size: 1.5rem;
    }
    #wrapper2 .snsText {
        margin: 0 0 15px;
    }
    .thumbnail-navigation-wrapper {
        aspect-ratio: 10 / 11;
    }
    .arrow::before {
        content: '';
        width: 20px;
        height: 20px ;
        border-top: solid 3px #333;
        border-right: solid 3px #333;
        position: absolute;
        top: 8px;
    }
    .arrow {
        margin-top: -15px;
    }
    .arrow.arrow-left::before{
        left: 10px;
    }
    .arrow.arrow-right::before{
        right: 10px;
    }
    .wrapperT img.slide_thumb {
        border-radius: 5px;
    }
    .thumbnails-list {
        height: 35px!important;
    }
    .modelNotice {
        font-size: 1.2rem;
        line-height: 1.3;
    }

}
body.jp .jp{
    display: inherit;
}
body.jp .eng{
    display: none;
    font-size: 90%;
}
body.eng .jp{
    display: none;
}
body.eng .eng{
    display: inherit;
    font-size: 90%;
}
body.eng tbody .eng{
    font-size: 75%;
}