@charset "utf-8";
/* contents------------------------------------------------------------------------------------------------------------ */
body {font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#484848;}
html,body {height: 100%;margin:0;padding:0;}
.maincontents {margin:0;padding:0;margin-top:10px;padding-bottom:100px;}
/*.wrap {height: 100%;margin:0;padding:0;}  右にできる余白を消すためのタグ */
.wrap{
min-height: 100vh;
position: relative;/*←相対位置*/
padding-bottom:0px;/*←footerの高さその都度変更が必要*/
box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

/* topimgPC----------------------------------------------- */
#visual {
    padding-top:53.2%;margin-top:-20px;
    width: 100%;
    background:#fff url(images/top_pc.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-position: center top;
    position: relative;
    background-size:100%;border-image-slice: 1;
}
/* 終了用でプラス
#visual::before,#visual2::before{
	background-color: rgba(0,0,0,0.7);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
#visual p,#visual2 p {
 position: absolute;
  color: white;
  font-weight:600;
  font-size:250%;z-index:201;
  font-family :Quicksand, sans-serif;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
*/
/* animation----------------------------------------------- */
@keyframes fadeIn { 
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}
.goodsbox { opacity: 0;
        transform: translateY(50px);
        transition: transform 0.8s ease, opacity 0.5s ease;
      }
.goodsbox.visible,.goodsbox2.visible {
        opacity: 1;
        transform: translateY(0);
      }
.goodsbox2 { opacity: 0;
        transform: translateY(80px);
        transition: transform 1.8s ease, opacity 0.5s ease;
      }
/*古いブラウザ用*/
@-webkit-keyframes fadeIn {0% {opacity: 0} 100% {opacity: 1}
}
/* backimg----------------------------------------------- */
#wrapper{background:url('images/back.jpg') no-repeat;
		background-position:center top;
		background-attachment:fixed; background-size: cover;
		}/* PC */
#wrapper::before {
  content: "";
  background: url('images/back.jpg')no-repeat center center;
  background-size: cover;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;}
  
/* commonimg----------------------------------------------- */
.img-responsive img {display: block;max-width: 100%;height: auto;}
.center-block {display: block;margin-right: auto; margin-left: auto;}
.goods-box {
  width: 100%;
  margin: 0 auto;
  border-radius:5px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.goods-box_image {width:100%;overflow:hidden;position: relative;}
.goods-box_info {padding:12px 20px;}
.goods-box_image img {height: auto;width: 100%;transition:1s all;}
.goods-box_imageimg:hover{transform:scale(1.2,1.2);transition:1s all;}
.goods-box .bottom-right {
position: absolute;bottom:-15px;right:10px; background:rgba(0, 0, 0, 0.6);
padding:0px 10px;color: aliceblue;font-size:1.5rem;
}
.goods-box .bottom-right:after{content:'+';}
.tokuten img:before{background-color:rgba(10, 255, 255, 0.6);opacity:1;transition:opacity 0.3s;}
.tokuten img:hover{filter:invert(30%);}
.tokuten img{transition:filter 0.3s;}
/* link----------------------------------------------- */
a:link.rink1,a:visited.rink1 {color:#ff3772; text-decoration:underline;}
a:hover.rink1,a:active.rink1 {color:#593bed;text-decoration:none;overflow: hidden;outline: none;}
a:link.rink2,a:visited.rink1 {color:#7E6913; text-decoration:underline;}
a:hover.rink2,a:active.rink1 {color:#ffb6a3;text-decoration:none;overflow: hidden;outline: none;}
/* swiper----------------------------------------------- */
.swiper{padding:10px!important;}
.swiper-wrapper {border:1px solid #ddd;}
.swiper-button-prev {color:aliceblue !important;opacity: 0.5;}
.swiper-button-next {color:aliceblue !important;opacity: 0.5;}
.swiper-button-next:hover,.swiper-button-prev:hover{color:#4D4B4B !important;transition:1s all;}
.swiper-scrollbar {position:relative!important;height:10px!important;margin-top:10px!important;width:97%!important;}
.swiper-scrollbar-drag {background: rgba(47, 157, 160, 1.7)!important;}
.swiper-pagination{position:relative!important;height:10px!important;}
.swiper-pagination-bullet {background-color:#24272D!important;height:14px!important;width:14px!important;margin-top:15px!important;}
.swiper-slide img{width:100%!important}

/* lightbox----------------------------------------------- */
.lb-nav a.lb-prev {position: absolute;opacity:0.5;left: 0px;/*  -80から0pxへ変更*/} 
.lb-nav a.lb-next {position: absolute;opacity:0.5;right:0px;/* -80から0pxへ変更*/} 

/* box1----------------------------------------------- */
.cont-box1{max-width:100%;margin:0 auto;position: relative;padding: 0 0 2%;justify-content: center;}

.tokuten-box{width:100%; max-width:1070px;margin: 0 auto;padding:0px;/*text-align:center;*/}
.tokuten-box img {width:100%;}
.tokuten-box_image {border:0px solid #f74877;margin:0;}
.tokuten-box_txt {padding:15px 20px;vertical-align: middle;}
.subtitle{width:100%; max-width:1070px;margin:50px auto 0;padding:0px;text-align:center;font-family: "Noto Serif JP", serif;}
.subtitle2{width:100%; max-width:1070px;margin:30px auto 0;padding:0px;text-align:center;font-family: "Noto Serif JP", serif;}
.subtitle-1 {font-size: 2.5rem;color: #f74877;line-height:1;margin-bottom:2.5vw;}
.subtitle-2 {font-size: 3.4rem;color: #343d43;line-height:1;margin-bottom:2.5vw;}
.subtitle-3 {font-size: 3.2rem;color: #2f748770;line-height:1;margin-bottom:2.5vw;}
.bnner {margin:0;text-align:center;}
.bnner img {width:100%;border:1px solid #3dc2bd;}
.bnner p{margin-top:0px;margin-bottom:100px;}

@media screen and (min-width: 768px){
.sp-br {display: none; }
}

/* box2----------------------------------------------- */
.cont-box2{width:97%; max-width:1800px;margin: 0 auto;padding:5px;}
.cont-box2 .inner{width:98%; max-width:1300px;margin: 0 auto;padding: 10px 15px 20px 15px;border-adius:5px;background:rgba(255, 255, 255, 1.0);margin-bottom:50px;border-radius:0px;border:0px solid #f74877;}
h2.sub1{font-size:230%;font-family:"Noto Serif JP",sans-serif;color:#e42155;text-align:center;margin-top:100px;}
h2.sub1:after{content: '';
display: block;
border-bottom:solid 1px #e42155;
width:100%;
padding-top:1.0%;}
.setex{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex:after{content:' (税込)';color:#e42155;font-size:1.0rem;}
.setex:before{content:'各￥';color:#e42155;font-size:1.0rem;}

.setex2{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex2:after{content:' (税込)';color:#e42155;font-size:1.0rem;}
.setex2:before{content:'オフィシャル通販セット 各￥';color:#e42155;font-size:0.9rem;}

.setex3{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex3:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:0.9rem;}
.setex3:before{content:' \A デキ愛BOXオフィシャル通販セット 各￥';white-space: pre;color:#e42155;font-size:0.9rem;}

.setex4{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex4:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex4:before{content:' めいか初恋BOX・みさ初恋BOX GCセット 各￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex5{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex5:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex5:before{content:' 制服カノジョ3 デキ愛BOX GCセット 各￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex6{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex6:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex6:before{content:' 制服カノジョ1・2・3セットGCセット 各￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex7{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex7:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex7:before{content:' 通常版GCセット ￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex8{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex8:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex8:before{content:' PC初回版GCセット ￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex9{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex9:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex9:before{content:' めいか初恋BOX・みさ初恋BOX オフィシャル通販GCセット 各￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex10{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex10:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex10:before{content:' デキ愛BOX オフィシャル通販GCセット 各￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex11{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex11:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex11:before{content:' めいか初恋BOX 各￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex12{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex12:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex12:before{content:' みさ初恋BOX 各￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex13{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex13:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex13:before{content:' 通常版 ￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex14{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex14:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex14:before{content:' PC初回版 ￥';white-space: pre;color:#e42155;font-size:1.0rem;}

.setex15{font-size:160%;text-align:center;color:#e42155;margin-top:-10px;}
.setex15:after{content:' (税込) \A ';white-space: pre;color:#e42155;font-size:1.0rem;}
.setex15:before{content:' 制服カノジョ1・2・3 セット ￥';white-space: pre;color:#e42155;font-size:1.0rem;}

/* txt----------------------------------------------- */
.txtb{font-weight:800;}
.txt1{font-size:70%;}
.txt2{font-size:80%;}
.txt3{font-size:90%;}
.txt4{font-size:100%;}
.txt5{font-size:110%;}
.txt6{font-size:120%;}
.txt7{font-size:130%;}
.txt8{font-size:140%;}
.txtsp{font-weight:600;font-size:1.5rem;}
.white{color:aliceblue;}
.red1{color:#b40808;}
.pink1{color:#ec7557;}
.pink2{color:#ffb7b7;}
.gray{color:#9E9E9E;}
.gray2{color:#303340;}
.yellow{color:#fff226;}
.item-name p:nth-child(1){background:#1db3de;color:#fff;border-radius:3px;font-size:1.0rem;width:45.5%;text-align: center;}
.item-name{font-size:140%;font-weight:800;line-height:1.2em;}
.item-name span{font-size:90%;}
.item-name span:nth-child(3){font-size:70%;}
.item-day{font-size:120%;font-weight:800;margin-top:10px;}
.item-ex{font-size:1.5rem;font-weight:800;margin-top:5px;color:#b00000;}
.item-ex:after,.item-ex3:after,.item-ex4:after,.item-ex5:after,.item-ex6:after,.item-ex7:after{content:' (税込)';font-size:0.8rem;}
.item-ex2:after{content:' (税込) / ';font-size:0.8rem;}


/* 高さ調整 */
.boxtop1{margin-top:10px;}
.boxtop2{margin-top:20px;}
.boxtop3{margin-top:30px;}
.boxtop4{margin-top:40px;}
.boxtop5{margin-top:100px;}
.boxdown1{margin-bottom:10px;}
.boxdown2{margin-bottom:20px;}
.boxdown3{margin-bottom:30px;}
.boxdown4{margin-bottom:40px;}
.boxdown5{margin-bottom:100px;}

/* list */
.inList{padding-left:0em;}
.inList2{padding-left:-100em;font-size:1.2rem;}
.inList3,.inList4{padding-left:0.7em;}
.inList5 {padding-left:0.0em;}
.inList > li {list-style:none;list-style-type:none;padding:0.3em;line-height:1.5;margin-left:0.5em;text-indent:-1.0em;}
.inList > li::before {content: '※';margin-right:5px;}

.inList2 > li {padding-left:0.7em;line-height:1.2;text-indent:-1.2em;margin-bottom:10px;padding-bottom:5px;border-bottom: dashed 1px #C8C9D1;list-style-position: inside;}
.inList3 > li ,.inList4 > li{list-style:none;list-style-type:none;padding-left:0.7em;line-height:1.2;text-indent:-1.2em;margin-bottom:10px;padding-bottom:5px;list-style-position: inside;}
.inList3 > li::before {content: '※';margin-right:5px;}
.inList4 > li::before {content: '◆';margin-right:5px;}
.inList5 > li {list-style:none;list-style-type:none;line-height:1.2;margin-left:0.1em;text-indent:-0.1em;padding: 5px;}


/* flexbox------------------------------------------------------------- */
.flexbox{display:flex;flex-wrap: wrap;justify-content: center;align-content:flex-start;width:99.5%;margin: 0 auto;padding:0px;}
.fb_item1{flex-basis:95%;max-width:95%;margin:2px;padding:5px;}
.fb_item2{flex-basis:40%;max-width:40%;margin:5px;padding:5px;}
.fb_item2-2{flex-basis:55%;max-width:55%;margin:5px;padding:5px;}
.fb_item3{flex-basis:45%;max-width:45;margin:5px;padding:5px;}
.fb_item4{flex-basis:30%;max-width:30%;margin: 5px;padding:5px;}
.fb_item5{flex-basis:47.5%;max-width:47.5%;margin:4px;padding:2px;border:0px solid #cccccc;text-align:center;}
.fb_item6{flex-basis:46.5%;max-width:46.5%;margin:4px;padding:2px;border:1px solid #ba0f0f;text-align:center;}
.fb_item6 span {font-size:100%;font-weight:800;padding: 10px 0 10px;text-align: center;}
.fb_item6 span:nth-child(n + 2) {font-size:120%;font-weight:800;color: #ba0f0f;padding: 10px 0 10px;text-align: center;}
.fb_item6 span:after{content:' \A ';white-space: pre;}
.flexboxinner1{border:0px solid #ddd;padding:10px 15px;width:90%;}
.flexboxinner1 h5 {margin-top:2px;
  font-size: 17px;
  color: #fff;
  background: #209ea9;
  padding: .5em 1em;
  margin-bottom: .5em;
  line-height: 1;
  display: inline-block;
}

/* dltable--------------------------------------------------------- */
dt,dd {margin: 0;padding: 0;}
.dl_table {width:98%;margin-left:5px;background:rgba(230,230,230,0.0);
    border-top: 0px solid #ddd; /* テーブルの上の線 */
    border-left:0px solid #ddd; /* テーブルの左の線 */
    display: flex; /* 子要素のdtとddを横並びにする */
    flex-wrap: wrap; /* 1つのdtとddで1行になるよう改行させる */
}
.dl_table dt,.dl_table dd {
    border-bottom: 1px solid #ddd; /* 各セルの下の線。テーブルの下の線も補える。 */
    border-right: 0px solid #ddd; /* 各セルの右の線。テーブルの右の線も補える。 */
    box-sizing: border-box; /* widthの計算を楽にするため */
    padding: 10px 15px; /* 各セルに余白を取る */
}
.dl_table dt {font-size:1.0rem;width:180px;}/* dt横幅を200pxに指定 */
.dl_table dd {font-size:1.1rem;width: calc(100% - 180px);}/* テーブル幅からdtを引いた分の横幅を指定。 */

@media screen and (max-width:750px) {
.dl_table  {width: 100%;border-left: none;display: block;margin-left:-5px;}
.dl_table dt,.dl_table  dd {border-right: none;width: 98%;padding:5px 10px;}
.dl_table dt {border-bottom: 1px solid #ddd;padding-bottom:0px;}
.dl_table dd {border-bottom: none;padding-bottom:20px;}
}

/* 購入ボタン------------------------------------------------------------- */
.button1{display: inline-block;position: relative;
padding: 10px 95px;margin:30px 0px 5px 0px;
text-decoration: none;outline: none;
background:#14151a;color:#fff;font-size:120%;font-weight:600;
box-shadow: 0 5px 5px rgba(55,55,55,0.2);
transition: all 0.9s ease-out;
border:1px solid #fff;
border-radius:40px;
}
.button1::after {content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); 
}
.button1:hover,.button1:focus,.button1:active {
color:#f9f9b2;
background-color:#3b4050;
-webkit-transition:1s;transition:1s
}
a.button1:hover{color:#f9f9b2;}
.button2{display: inline-block;position: relative;
padding: 10px 80px;margin:30px 0px 5px 0px;
text-decoration: none;outline: none;
background:#0058ea;color:#fff;font-size:120%;font-weight:600;
box-shadow: 0 5px 5px rgba(55,55,55,0.2);
transition: all 0.9s ease-out;
border:1px solid #fff;
border-radius:40px;
}
.button2::after {content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); 
}
.button2:hover,.button1:focus,.button1:active {
color:#f9f9b2;
background-color:#083a8d;
-webkit-transition:1s;transition:1s
}
a.button2:hover{color:#f9f9b2;}
.button2b{display: inline-block;position: relative;
padding: 10px 80px;margin:30px 0px 5px 0px;
text-decoration: none;outline: none;
background:#cd0b0b;color:#fff;font-size:120%;font-weight:600;
box-shadow: 0 5px 5px rgba(55,55,55,0.2);
transition: all 0.9s ease-out;
border:1px solid #fff;
border-radius:40px;
}
.button2b::after {content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); 
}
.button2b:hover,.button1:focus,.button1:active {
color:#f9f9b2;
background-color:#580b0b;
-webkit-transition:1s;transition:1s
}
a.button2b:hover{color:#f9f9b2;}
.button3{display: inline-block;position: relative;
padding: 20px 100px;margin:30px 0px 5px 0px;
text-decoration: none;outline: none;
background:#cd0b0b;color:#fff;font-size:110%;font-weight:600;
box-shadow: 0 5px 5px rgba(55,55,55,0.2);
transition: all 0.9s ease-out;
border:1px solid #fff;
border-radius:40px;
}
.button3::after {content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); 
}
.button3:hover,.button1:focus,.button1:active {
color:#f9f9b2;
background-color:#6a0404;
-webkit-transition:1s;transition:1s
}
a.button3:hover{color:#f9f9b2;}
.button4{display: inline-block;position: relative;
padding: 10px 60px;margin:30px 0px 5px 0px;
text-decoration: none;outline: none;
background:#018c8e;color:#fff;font-size:110%;font-weight:600;
box-shadow: 0 5px 5px rgba(55,55,55,0.2);
transition: all 0.9s ease-out;
border:1px solid #fff;
border-radius:40px;width:40%;
}
.button4::after {content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); 
}
.button4:hover,.button1:focus,.button1:active {
color:#f9f9b2;
background-color:#0f5657;
-webkit-transition:1s;transition:1s
}
a.button4:hover{color:#f9f9b2;}

.button5{display: inline-block;position: relative;
padding: 10px 60px;margin:30px 0px 5px 0px;
text-decoration: none;outline: none;
background:#ff6900;color:#fff;font-size:110%;font-weight:600;
box-shadow: 0 5px 5px rgba(55,55,55,0.2);
transition: all 0.9s ease-out;
border:1px solid #fff;
border-radius:40px;width:40%;
}
.button5::after {content: '';
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    display: inline-block;
    width: 10px;
    height: 10px;
    /* 矢印アイコンの位置を設定 */
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg); 
}
.button5:hover,.button1:focus,.button1:active {
color:#f9f9b2;
background-color:#8b3e08;
-webkit-transition:1s;transition:1s
}
a.button5:hover{color:#f9f9b2;}
a {text-decoration:none;}

.button-10 {
  a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    height: 50px;
    font-size: 110%;font-weight:700;
    text-decoration: none;
    color: #715af0;
    background-color:rgba(255, 255, 255, 1.6);
    border:3px solid #715af0;
    overflow: hidden;
    transition: all 0.4s;
    span {position:relative;z-index: 1;}

    &::before,&::after {
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      width: calc(100% + 2px);
      height: calc(100% + 2px);
      background-color: #715af0;
      transition: all 0.5s;
    }

    &::before {
      clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);
      transform: translateX(-100%);
    }

    &::after {
      clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
      transform: translateX(100%);
    }

    &:hover {
      color: #fff;

      &::before,
      &::after {
        transform: translateY(0);
      }
    }
  }
}


/* 同梱物アコーディオン------------------------------------------------------------- */
.accordion {width:97%; max-width:1800px;margin: 0 auto;padding:5px;margin-bottom: 7px;border-top: 1px solid #5b5e5e;border-bottom: 1px solid #5b5e5e;}
.accordion summary {
    display: flex;font-size:130%;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 0.5em 1em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion summary::-webkit-details-marker {
    display: none;
}

.accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 10px;
    height: 10px;
    margin-left: 10px;
    border-bottom: 5px solid #333333b3;
    border-right: 5px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion[open] summary::after {
    transform: rotate(225deg);
}

.accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion[open] p {
    transform: none;
    opacity: 1;
}

/*改行------------------------------------------------------------- */
@media screen and (min-width: 768px){
.sp-br {display: none; }
}

/* 下部コピーライト */
.copy:after{content:' \A ';white-space: pre;}
.copytxt{font-size:100%;}





/* ▼表示領域が639px以上の場合 */
@media screen and (min-width:639px) {
img.grp1simage { display: none; }  /* miniを非表示 */
img.grp1image { display: block; } /* bigを表示 */
.txtsp2 {font-size:10px;display: none;}
.txtsp {font-size:14px;display: block;}
}
/* ▼表示領域が640px未満の場合 */
@media screen and (max-width:640px) {
img.grp1simage { display: block; } /* miniを表示 */
img.grp1image { display: none; }  /* bigを非表示 */
#visual {
    padding-top:130.5%;margin-top:-15px;
    width: 100%;
    background:#fff url(images/top_sp.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-position: center top;
    position: relative;
    background-size: 100%;border-bottom: solid 0px;
}
#visual p {width:80%;text-align: center;
  font-weight:600;
  font-size:180%;
  top: 50%;
  left:50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
.slick-arrow{border: solid 0px #413603!important;left:92%;}
.fb_item1,.fb_item2-2,.fb_item3,.fb_item5,.fb_item6{flex-basis:100%;max-width:100%;}
.fb_item2{flex-basis:90%;max-width:90%;margin:0;padding:5px;}
.fb_item4{flex-basis:100%;max-width:100%;margin:4px;padding:2px;text-align: center;}
.cont-box1 .inner,.cont-box2 .inner,.cont-box3 .inner,.cont-box4 .inner{width:90.5%;}
.cont-box3{width:100%;margin: 0 auto;padding:0px;}
.cont-box4 h2 +p {font-size:145%;}
.lb-nav a.lb-prev {position: absolute;opacity: 0.5;left:-15px;/* -80から0pxへ変更*/} /* lightbox */
.lb-nav a.lb-next {position: absolute;opacity: 0.5;right:-15px;/* -80から0pxへ変更*/}/* lightbox */
.item-name{font-size:120%;}
.item-ex2:after{content:' (税込) \A ';white-space: pre;}
.item-name p:nth-child(1){width:100%;}
.item-ex,.item-ex2,.item-ex3,.item-ex4{font-size:1.2rem;}
/* table------------------------------------------------------------- */
.kago-table td:nth-child(2n+1){font-size:90%;padding:10px 10px 0 0 ;}/* 奇数td */
.kago-table td:nth-child(2n){padding:10px 5px 0 0 ;}/* 偶数td*/
.kago-table2 td:nth-child(2n+1){font-size:90%;padding:10px 10px 0 0 ;}/* 奇数td */
.kago-table2 td:nth-child(2n){padding:10px 5px 0 0 ;}/* 偶数td*/
.button1{padding: 10px 80px;font-size:100%;width:50%;}
.button2,.button2b{padding: 10px 80px;font-size:100%;width:50%;}
.button3{padding: 10px 70px;font-size:100%;width:50%;}
.button4{padding: 15px 70px;font-size:80%;width:50%;}
.button5{padding: 11px 45px;font-size:100%;width:50%;}

.subtitle{width:98%;margin-top:10px;}
.subtitle-1 {font-size: 1.2rem;}
.subtitle-2 {font-size: 2.5rem;margin-top:18px;}
.subtitle-3 {font-size: 2.0rem;line-height:1.2;}
h2.sub1{font-size:150%;}
.txt8{font-size:120%;}



.setex2,.setex3,.setex4,.setex5,.setex6,.setex7,.setex8,.setex9,.setex10,.setex11{font-size:120%;text-align:center;color:#e42155;margin-top:-10px;}
.setex2:after,.setex3:after,.setex4:after,.setex5:after,.setex6:after,.setex7:after,.setex8:after,.setex9:after,.setex10:after,.setex11:after,.setex12:after,.setex13:after,.setex14:after,.setex15:after{font-size:0.8rem;}
.setex2:before,.setex3:before,.setex4:before,.setex5:before,.setex6:before,.setex7:before,.setex8:before,.setex9:before,.setex10:before,.setex11:before,.setex12:before,.setex13:before,.setex14:before,.setex15:before{font-size:0.8rem;}

.setex4:before{content:' めいか初恋BOX・みさ初恋BOX GCセット  \A 各￥';white-space: pre;}
.setex5:before{content:' 制服カノジョ3 デキ愛BOX GCセット \A 各￥';white-space: pre;}
.setex6:before{content:' 制服カノジョ1・2・3セットGCセット \A 各￥';white-space: pre;}
.setex7:before{content:' 通常版GCセット ￥';white-space: pre;}
.setex8:before{content:' PC初回版GCセット ￥';white-space: pre;}
.setex9:before{content:' めいか初恋BOX・みさ初恋BOX オフィシャル通販GCセット \A 各￥';white-space: pre;}
.setex10:before{content:' デキ愛BOX オフィシャル通販GCセット \A 各￥';white-space: pre;}

}

@media screen and (max-width: 768px) and (min-width: 640px) {
.slick-prev:before{top:50%;left:200%;}
.slick-next:before {top:50%;left:-100%;}
.cont-box3{width:100%;margin: 0 auto;padding:0px;}
.cont-box1 .inner,.cont-box2 .inner,.cont-box3 .inner,.cont-box4 .inner{width:90.5%;}
.fb_item2{flex-basis:98%;max-width:98%;margin:5px;padding:5px;}
.fb_item2-2{flex-basis:99%;max-width:99%;margin:5px;padding:5px;}
.fb_item3{flex-basis:95%;max-width:95%;margin:2px;padding:5px;}
.fb_item4{flex-basis:47.5%;max-width:47.5%;margin:4px;padding:2px;text-align: center;}
.fb_item5{flex-basis:47.5%;max-width:47.5%;margin:4px;padding:2px;border:0px solid #cccccc;}
.fb_item6{flex-basis:95.5%;max-width:95.5%;margin:4px;padding:2px;}
.item-name p:nth-child(1){width:60%;}
/* table------------------------------------------------------------- */
.kago-table td:nth-child(2n+1){font-size:90%;}/* 奇数td */
.kago-table td:nth-child(2n){padding:10px 5px 0 0 ;}/* 偶数td*/
.button1{padding: 10px 70px;font-size:100%;}
.button2,.button2b{padding: 10px 65px;font-size:100%;}
.button3{padding: 10px 60px;font-size:100%;}
.button4{padding: 10px 65px;font-size:100%;}
.subtitle-1 {font-size: 1.5rem;margin-bottom:20px;}
.subtitle-2 {font-size: 3.5rem;margin-top:20px;}
.subtitle-3 {font-size: 2.5rem;line-height:1.2;}
h2.sub1{font-size:160%;font-family:"Noto Serif JP",sans-serif;color:#e42155;text-align:center;margin-top:100px;}
}
@media screen and (max-width: 1099px) and (min-width: 769px) {
.cont-box3{width:100%;margin: 0 auto;padding:0px;}
.cont-box1 .inner,.cont-box2 .inner,.cont-box3 .inner,.cont-box4 .inner{width:90.5%;}
.fb_item2{flex-basis:40%;max-width:40%;margin:0px;padding:0px;margin-right:35px;}
.fb_item2-2{flex-basis:50%;max-width:50%;margin:5px;padding:5px;}
.fb_item3{flex-basis:48%;max-width:48%;margin:2px;padding:5px;}
.fb_item4{flex-basis:45%;max-width:45%;margin:4px;padding:2px;text-align: center;}
.fb_item5{flex-basis:45%;max-width:45%;margin:4px;padding:2px;}
.subtitle-1 {font-size: 1.6rem;margin-bottom:10px;}
.subtitle-2 {font-size: 3.5rem;margin-top:20px;}
.subtitle-3 {font-size: 2.6rem;line-height:1.2;}
.button1{padding: 10px 75px;font-size:100%;}
.button2,.button2b{padding: 10px 70px;font-size:100%;}
.button3{padding: 10px 60px;font-size:100%;}
.button4{padding: 10px 62px;font-size:100%;}
h2.sub1{font-size:190%;font-family:"Noto Serif JP",sans-serif;color:#e42155;text-align:center;margin-top:100px;}
.dl_table dt {font-size:1.0rem;width:130px;}/* dt横幅を200pxに指定 */
.dl_table dd {font-size:1.1rem;width: calc(100% - 130px);}/* テーブル幅からdtを引いた分の横幅を指定。 */

}