@charset "utf-8";
/* contents------------------------------------------------------------------------------------------------------------ */
body {font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#444a4d;}
html,body {height: 100%;margin:0;padding:0;}
.maincontents {height: 100%;margin-top:88px;}
/*.wrap {height: 100%;margin:0;padding:0;}  右にできる余白を消すためのタグ */
.wrap{
min-height: 100vh;
position: relative;/*←相対位置*/
padding-bottom:200px;/*←footerの高さその都度変更が必要*/
box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}
/* link----------------------------------------------- */
a:link.rinkset,a:visited.rinkset { color:#f5fd96;text-decoration:underline;font-weight:bold;}
a:hover.rinkset,a:active.rinkset { color:#81ebf2;text-decoration:none;overflow: hidden;outline: none;}
span.imginfo {border-radius:3px;
    padding: 2px 10px;
    display: inline-block;
    background-color:#620303;
    font-size:100%;
    font-weight:100;
    color: #f4c045;
    margin:5px 5px;
}
span.imginfo:hover {background-color:rgba(255, 219, 63, 0.90);color: #620303;cursor:pointer}

/* topimgPC----------------------------------------------- */
#visual {
    padding-top:44.5%;
    width: 100%;
    background:#fff url(images/pc_top.jpg) no-repeat;z-index:5;
        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 #758aa8;animation:fadein 3s forwards;
}
@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;
}/* SP */
/* commonimg----------------------------------------------- */
.img-responsive,img {display: block;max-width: 100%;height: auto;}
.center-block {display: block;margin-right: auto; margin-left: auto;}
.img_wrap2{margin: 0 auto; overflow: hidden;cursor: pointer;}
.img_wrap2 img{width: 100%;transition-duration: 0.5s;}
.img_wrap2:hover img{transform: scale(1.2);transition-duration: 0.5s;}
/* box------------------------------------------------------------- */
.cont-box1{margin:0px auto;border-bottom:solid 0px #e43261;border-top:solid 0px #ca8f33;background-color:#fff;}
.cont-box1 img {width:95%; max-width:1070px;margin: 0 auto;padding: 50px 0 30px 0;}
.cont-box1 .inner {width:95%; max-width:1070px;margin: 0 auto;padding: 20px 0 25px 0;}
.cont-box2 {width:100%; max-width:1070px;margin: 0 auto;padding:0px;animation: fadeIn 4s ease 1s 1 normal backwards;}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.cont-box2 .inner {border-radius:0px;border: solid 0px rgba(155, 45, 45, 0.9);padding:2%;position: relative;width:100%; max-width:1000px;margin: 0 auto;margin-bottom:20px;background:rgba(255,255,255,0.8); filter: drop-shadow(5px 5px 5px #aaa);
}
.cont-box2 img {width:100%;padding:0;}
.cont-box2 h2{text-align: center; font-size:90px;color:#2d3637;
margin: 5% 3% 1% 3%;
font-family: "acumin-pro-extra-condensed",sans-serif;
line-height: 1;
padding: 0 0.6em 0 0;
top: 0;
font-weight: bold;
text-shadow: 0 0 3px rgba(255,255,255,0.8);
}
.cont-box2 h1{text-align: center;padding-top:10px;padding-left: 0;color:#41403e;font-weight:800;font-size:6.8vw;line-height:0.5;}
.ctxt {width:95%; max-width:1070px;margin: 0 auto;text-align: center; font-size:150%; color:#41403e;line-height:1.5;}
.cont-box2 h4{font-size:100%;font-weight:700;color:#2d3637;letter-spacing:0.03em;line-height:1.7rem;}
.cont-box3{width:90%; max-width:1080px;margin: 0 auto;padding:10px 35px 0px 0px}
.cont-box3 .inner {padding:2%;position: relative;width:100%; max-width:1000px;margin: 0 auto;margin-bottom:20px;
border: 8px solid rgba(250, 250, 250, 0.5);background: rgba(75, 100, 100, 1.0);}
.cont-box3 .inner2 {padding:2%;position: relative;width:100%; max-width:1000px;margin: 0 auto;margin-bottom:20px;
border: 2px solid rgba(100, 70, 150, 0.7);background: rgba(255, 255, 255, 1.0);}
.line{line-height: 1.3;border-bottom: solid 1px #c7d9df;max-width:1080px;margin: 0 auto;}

/* flexbox------------------------------------------------------------- */
.flexbox,.flexbox2{display:flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;width:100%; max-width:1080px;margin: 0 auto;}
.fb_item1{flex-basis:100%;max-width:100%;padding:5px;}
.fb_item1 span {letter-spacing: -0.01em;}
.fb_item2{
    flex-basis:30%;max-width:30%;margin:15px 15px 0 0;padding:0px;
    background: rgba(255, 255, 255, 0.0);box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22)}
.fb_item2 img {width:100%;}
.fb_item2kara{flex-basis:30%;max-width:30%;padding:5px;margin:10px 10px 0 0;}
.fb_item2b{
    flex-basis:30%;margin:0px 15px 0 0;padding:0px;
    border-top: solid 0px #ff71b4;
	background: rgba(98, 186, 168, 1.0);
	background-position:center top;
	background-attachment:fixed;
    background-repeat: repeat;
    position: relative;
    z-index: 1;	
	border-image: linear-gradient(to right, rgba(255,113,180,0.9) 10%, rgba(154, 240, 102,0.8) 80%);
	border-image-slice: 1;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);}

.fb_item2b h4{padding:10px;font-size:100%;font-weight:700;color:#fff;letter-spacing:0.03em;line-height:1.5rem;}
.fb_item2b h5{padding:10px;font-size:90%;font-weight:400;color:#ffee8d;letter-spacing:0.03em;line-height:1.5rem;}
.fb_item3{flex-basis:70%;max-width:70%;padding:5px;}
.fb_item8{flex-basis:25%;max-width:25%;padding:10px;border-bottom:solid 1px #b8c4c8;margin-bottom:20px;}
.fb_item8 img {border-radius: 5px;}
.fb_item4{flex-basis:20%;max-width:20%;padding:10px;}
.fb_item5{flex-basis:80%;max-width:80%;padding:10px;margin-top:6px;}
.fb_item6{flex-basis:50%;max-width:50%;padding:5px;}
.fb_item42{flex-basis:50%;max-width:50%;padding:5px;border-bottom:solid 1px #b8c4c8;margin-bottom:20px;}
.no1{order: 1;}
.no2{order: 2;}
.no3{order: 3;}
.no4{order: 4;}
.no5{order: 5;}
.no6{order: 6;}
.no7{order: 7;}
.no8{order: 8;}
.no9{order: 9;}
.no10{order:10;}
.no11{order:11;}
.no12{order:12;}
.no13{order:13;}
.no14{order:14;}
.no15{order:15;}
.no16{order:16;}
.no17{order:17;}
.no18{order:18;}
.no19{order:19;}
.no20{order:20;}
.no21{order:21;}
.no22{order:22;}
.no23{order:23;}
.no24{order:24;}
.no25{order:25;}
.no26{order:26;}
.no27{order:27;}
.no28{order:28;}
.no29{order:29;}
.no30{order:30;}
.no31{order:31;}
.no32{order:32;}
.no33{order:33;}
.no34{order:34;}
.no35{order:35;}
.no36{order:36;}
.no37{order:37;}
.no38{order:38;}
.no39{order:39;}
.no40{order:40;}

/* txt------------------------------------------------------------- */
.txt1{font-size:1.2rem;font-weight:600;}
.txt2{font-size:1.4rem;font-weight:600;}
.txt3{font-size:80%;font-weight:600;}
.txt4{font-size:70%;font-weight:500;}
.txt5{font-size:90%;}
.txt6{font-size:100%;}
.txt7{font-size:120%;font-weight:450;}
.txt8{font-size:130%;font-weight:600;}
.txt9{font-size:140%;font-weight:600;}
.txt10{font-size:150%;font-weight:700;}
.tw{color:#fff;}
.ty{color:#ffe14b;}
.tb{color:#2484dd;}
.tr{color:#c43463;}
.tr2{color:#ff4b53;}
.tg{color:#333;}
.tg2{color:#b9bbbb;}
.tp{color:#ff4272;}
.type{font-size:120%;color:#fff;padding:10px;}
.type:after{content:' \A ';white-space: pre;}
.type2{font-size:90%;color:#fff;}

/* 高さ調整------------------------------------------------------------- */
.boxheight-1{margin-top:5px;}
.boxheight-2{margin-top:20px;margin-bottom:30px;}
.boxheight-3{margin-bottom:30px;}
.boxheight-4{margin-top:50px;}
.boxheight-5{margin-bottom:20px;}


/* 購入ボタン------------------------------------------------------------- */
.btn_buy {width:98%; max-width:680px; margin: 0 auto;margin-top:20px;margin-bottom:20px;background-color:#9a0505;
border-radius:50px;text-align: center;padding:1.8%;font-size:180%;font-weight:800;color:#fff;text-decoration: none;}
.btn_buy:hover{background-color:#4f1c1c;color:#ffe556;text-decoration: none;}
.btn_buy:visited,.btn_buy2:hover,.btn_buy2{text-decoration: none;}

.btn_buyfin {width:98%; max-width:680px; margin: 0 auto;padding: 5px 20px 5px 5px;margin-top:20px;background-color:#1d1e25;color:#888888;
border-radius:30px;text-align: center;padding: 2%;font-size:140%;font-weight:800;}
.btn_buyfin:hover{background-color:#37383d;color:#888888;text-decoration: none;}

/* table--------------------------------------------------------- */
.dl-table {width:100%; max-width:920px; margin: 0 auto; 
    padding: 0;margin-top:5px;
    background:#eae7be;
    border: 1px solid #c2c0a8; 
}
.dl-child {  /**  dlに入れ子dlをするときのclass  **/
    margin: 0;}
dl.dl-table dt, 
dl.dl-table dd {
    margin: 0;
    box-sizing: border-box;
}
dl.dl-table dt {width:20%;
    padding: 5px;
    background: inherit;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #eae7be;
    border-left: 0;float: left ; clear: left ;
}
dl.dl-table dd {margin-left:20%;
    padding: 6px;
    border-bottom: 1px solid #c2c0a8;
    background:#fff;
}
dl.dl-table dd:last-of-type {
    border-bottom: 0;
}

/* table------------------------------------------------------------- */
 table{width:100%;max-width:980px;margin: 0 auto;border-collapse: collapse;}
 table th, table td{padding:7px;font-size:100%;font-weight:800;}
 input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);margin-left:1.2em;
   transform: scale(1.5);
}
.wt{width:60%;}
.wt2{width:50%;}
.wt3{width:51%;}

/* list */
.inList,.inList2,.inList3,.inList4,.inList5{padding-left:0em;}
.inList > li {list-style:none;color:#fff;
	list-style-type:none;border-bottom: dashed 0px #C8C9D1;padding:0.3em;
	line-height:1.5;margin-left:1.4em;text-indent:-1.2em;
  }
.inList2 > li {line-height:1.6;margin-left:2.4em;text-indent:-0.0em;}
.inList3 > li {line-height:1.4;margin-left:1.4em;text-indent:-0.0em;margin-bottom:30px;}
.inList5 > li {line-height:1.4;margin-left:1.4em;text-indent:-0.0em;margin-bottom:6px;border-bottom: dashed 1px #C8C9D1;}
.inList4 > li {list-style:none;color:#b91212;font-weight:600;font-size:1.6rem;
	list-style-type:none;
	line-height:1.6;margin-left:1.4em;text-indent:-1.2em;
  }
.inList > li::before {
    content: '※';
    margin-right:5px;
}
.inList4> li::before {
    content: '※';color:#b91212;font-weight:600;
    margin-right:5px;
}

.copy:after{content:' \A ';white-space: pre;}
.copytxt{font-size:100%;}


/* 終了用 */	
.fin {/*親div*/
  position: relative;/*相対配置*/z-index:20
  }
.fin::before{
	/* 透過した黒を重ねる */
	background-color: rgba(0,0,0,0.7);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';z-index:20;
}
.fin p {
 position: absolute;
  color: white;
  font-weight:600;
  font-size:2.0em;z-index:20;
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }
/* サンプル */	
.sample {/*親div*/
  position: relative;/*相対配置*/z-index:200
  }
.sample::before{
	/* 透過した黒を重ねる */
	background-color: rgba(100,100,100,0.00);
	/* どの範囲に重ねるかを指定 */
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';z-index:200;
}
.sample p {
 position: absolute;
  color:rgba(0,0,0,0.30);
  font-weight:800;
  font-size:400%;z-index:201;
  font-family :Quicksand, sans-serif;/*Google Font*/
  top:50%;
  left:50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;width:100%;text-align: center;
  }

/* ▼表示領域が639px以上の場合 */
@media screen and (min-width:639px) {
img.grp1simage { display: none; }  /* miniを非表示 */
img.grp1image { display: block; } /* bigを表示 */
}
/* ▼表示領域が640px未満の場合 */
@media screen and (max-width: 639px) {
img.grp1simage{ display: block;} /* miniを表示 */
img.grp1image { display: none;}  /* bigを非表示 */
#visual {
    padding-top:125%;
    width: 100%;
    background: url(images/sp_top.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
        background-size: auto auto;
    background-position: center top;
    position: relative;
    background-size: 100%;
}
.cont-box2 h1{font-weight:800;font-size:12.5vw;}
.cont-box2 h2{font-size:50px;}
.cont-box2 h4{font-size:80%;letter-spacing:0.03em;line-height:1.3rem;font-weight:300;}
.cont-box3 .inner {margin:0 0 20px 3px;}
/* txt */
.txt8{font-size:100%;font-weight:700;}
.txt10{font-size:120%;font-weight:700;}
.ctxt {font-size:110%;}
.type{font-size:80%;padding:0px 0 0 5px;}
.type2{font-size:80%;padding:5px 0 0 5px;}

.inList3 > li {line-height:1.5em;}

.fb_item1{flex-basis:100%;max-width:100%;}
.fb_item2{flex-basis:45%;max-width:45%;padding:10px;margin:10px 0 0 0;border: solid 0px #7b7766;display: flex;
  justify-content: center;  align-items: center;}
.fb_item2b{flex-basis:45%;max-width:45%;margin:10px 0 0 0;padding:0.2em;color:#5d627b;border: solid 0px #5d627b;}
.fb_item3,.fb_item42{flex-basis:100%;max-width:100%;}
.fb_item4{flex-basis:100%;max-width:100%;padding:0px 5px;}
.fb_item5{flex-basis:100%;max-width:100%;padding:5px 10px 30px 5px;}
.fb_item8{flex-basis:50%;max-width:50%;padding:10px;}
.fb_item2 img {}
.fb_item6{flex-basis:100%;max-width:100%;padding:5px;}
.no1{order: 1;}
.no2{order: 3;}
.no3{order: 5;}
.no4{order: 2;}
.no5{order: 4;}
.no6{order: 6;}

.no7{order: 7;}
.no8{order: 9;}
.no9{order: 11;}
.no10{order:8;}
.no11{order:10;}
.no12{order:12;}

.no13{order:13;}
.no14{order:15;}
.no15{order:17;}
.no16{order:14;}
.no17{order:16;}
.no18{order:18;}

.no19{order:19;}
.no20{order:21;}
.no21{order:23;}
.no22{order:20;}
.no23{order:22;}
.no24{order:24;}

.no25{order:25;}
.no26{order:27;}
.no27{order:29;}
.no28{order:26;}
.no29{order:28;}
.no30{order:30;}
 table th, table td{padding:5px;font-size:80%;font-weight:800;}

label.boxche{ width:100%;}
.copy:after{content:' \A ';white-space: pre;}
.copytxt{font-size:90%;}
.copytxt{font-size:89%;}
dl.dl-table dt { width:100%;
    padding: 5px;
    background: inherit;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px solid #ececec;
    border-left: 0;
}
dl.dl-table dd {clear: left ; width:100%;
    padding: 5px;margin-left:0px;
    border-bottom: 1px solid #ececec;
    background: #fff;
}

label.boxche{width:100%;}
.wt{width:40%;word-wrap: normal; }
.wt3{width:40%;word-wrap: normal; }
.thumbnail{margin:0px;}
.btn_buy {font-size:170%;}
.cp_actab input:checked ~ .cp_actab-content {
	max-height:120em;
}
.fin p {
 position: absolute;
  color: white;
  font-weight:600;
  font-size:2.0em;z-index:201;
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 85%;
  margin:0;
  padding:0;
  }
.btn_buy {margin:0 15px;margin-top:50px;}  

}
@media screen and (max-width: 768px) and (min-width: 640px) {
.cont-box1 h3{ font-size:160%;}
.fb_item2{flex-basis:29%;max-width:29%;}
.fb_item2b{flex-basis:29%;max-width:29%;}
.fb_item8{flex-basis:50%;max-width:50%;padding:10px;}
.fb_item6{flex-basis:50%;max-width:50%;padding:2px;}
.fb_item3{flex-basis:60%;max-width:90%;padding:10px;}
h5.sub2{height:40px;}
 input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);margin-left:1.5em;
   transform: scale(1.5);
}
.cp_box label:after {left:50%;}
.wt{width:45%;word-wrap:normal;text-align:right;}

}
@media screen and (max-width: 1099px) and (min-width: 769px) {
.fb_item6{flex-basis:50%;max-width:50%;padding:5px;}
}