@charset "utf-8";
/* contents------------------------------------------------------------------------------------------------------------ */
body {font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#2f4f61;}
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.rink1,a:visited.rink1 {color:#ffed59; text-decoration:underline;font-weight:bold;}
a:hover.rink1,a:active.rink1 {color:#a5ae45;text-decoration:none;overflow: hidden;outline: none;}
a.btnrink {display: inline-block; padding: 0.0em 1.5em;text-decoration:none;color:#67c5ff;border: solid 2px #67c5ff;border-radius:3px; transition: .4s;margin:2px;width:5.0em;text-indent:0.1em;text-align: center;}
a.btnrink:hover {background: #67c5ff;color: white;}
.button1 {
width:90%;padding:10px;text-align:center;
background:#a10b0b;color:#fff;
text-decoration:none;font-size:150%;font-weight:600;
-webkit-transition:0.8s; transition:0.8s;
border-radius:40px;margin:10px;
}
.button1:hover,.button1:focus,.button1:active {
color:#f9f9b2;
background-color:#ff4272;
-webkit-transition:2s;transition: 2s
}

/* topimgPC----------------------------------------------- */
#visual {
    padding-top:45.5%;
    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-bottom: solid 0px #523a24;
	animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
}
#visual2 {
    padding-top:21.5%;
    width: 100%;
    background:#fff url(images/top_pc2.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 #8d8e49;
	animation: fadeIn 1.5s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    }
/* 終了用でプラス*/
#visual::before,#visual2::before{
	background-color: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
}
#visual p,#visual2 p {
 position: absolute;
  color: white;
  font-weight:600;
  font-size:2.0em;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 { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}
/*古いブラウザ用*/
@-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;}
.img_wrap{border: 1px solid #ddd;margin: 0 auto; overflow: hidden;cursor: pointer;}
.img_wrap img{width: 100%;transition-duration: 0.5s;}
.img_wrap:hover img{transform: scale(1.2);transition-duration: 0.5s;}
.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;}
.goodsinner{margin:0px;padding:10px;border: 1px solid #ddd;background-color:rgba(255,255,255,1.0);}
/* box------------------------------------------------------------- */
.cont-box1{width:99%;margin: 0 auto;padding:20px 5px 20px 5px;background-color:rgba(255,255,255,0.85);}
.cont-box1 h2{width:100%; max-width:1080px;margin: 0 auto;padding:10px 5px 20px 10px;padding-left: 0;font-weight:700;font-size:120%;line-height:1.8;}
.cont-box1 h3{font-size:200%;font-weight:800;line-height:1.0;padding:0 5px 20px 5px;color:#198fd3;text-align:center;border-bottom: solid 2px #135c86;}
.cont-box1 h4{font-size:140%;font-weight:600;line-height:1.2;padding:0 5px 0 5px;text-align:center;border-bottom: solid 2px #135c86;line-height:1.8;}
.cont-box1 .inner {width:95%; max-width:1080px;margin: 0 auto;margin-bottom:50px;margin-top:50px;}
.cont-box2{width:100%; max-width:1070px;margin: 0 auto;padding:0px;}
.cont-box2 h2{font-size:200%;font-weight:800;line-height:1.0;padding:0 5px 20px 5px;color:#fff;text-align:center;border-bottom: solid 1px #4a6366;}
.cont-box3 {margin:0px auto;}
.cont-box3 .inner {width:95%; max-width:1080px;margin: 0 auto;padding: 10px 15px 20px 15px;border-adius:5px; margin-bottom:50px;border: 1px solid rgba(0, 0, 0, 0.1);
}
.cont-box3 h5{font-size:140%;font-weight:600;line-height:1.2;padding:0 5px 0 5px;color:#3e4751;}
.cont-box3 h5 span{font-size:75%;font-weight:600;}
.cont-box3 h5 span:after{content:' \A ';white-space: pre;}
.cont-box3 h5 span.mini{font-size:65%;font-weight:500;}
.cont-box3 h5 span.mini:after{content:' \A ';white-space: pre;}
.ctxt{width:95%; max-width:1070px;margin: 0 auto;font-size:180%;ont-weight:800;line-height:1.2;padding:0 5px 50px 5px;color:#fff;text-align: center;}
.ctxt2{width:95%; max-width:1070px;margin: 0 auto;font-size:120%;ont-weight:800;line-height:1.2;padding:0 5px 0 5px;color:#fff}
.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:5px;padding:1.5px;}
.fb_item2kara{flex-basis:30%;max-width:30%;padding:5px;margin:10px 10px 0 0;}
.fb_item4{flex-basis:20%;max-width:20%;margin:2px;padding:5px;}
.fb_item3{flex-basis:32.5%;max-width:32.5%;margin:0px;padding:0px;}
.fb_item5{flex-basis:30%;max-width:30%;margin:10px;padding:5px;border: solid 1px #f0f0f0;}
.fb_item6{flex-basis:65%;max-width:65%;margin:2px;padding:5px;}
.fb_item7{flex-basis:50%;max-width:50%;margin:0px;padding:0px;}
/* 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:80%;}
.txt5{font-size:90%;}
.txt6{font-size:120%;}
.txt6b{font-size:100%;}
.txt7{font-size:95%;font-weight:450;}
.txt8{font-size:130%;font-weight:600;}
.txt9{font-size:140%;font-weight:600;}
.txt10{font-size:150%;font-weight:700;}
.txt11{padding-top:5px;padding-left: 0;color: #fff;text-shadow: 1px 1px 0 #333, -1px 1px 0 #333, 1px -1px 0 #333, -1px -1px 0 #333, 0 0 8px #000;line-height:1.3;}
.txt12{padding-top:5px;padding-left: 0;color: #fff;text-shadow: 1px 1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, -1px -1px 0 #fff, 0 0 8px #fff;line-height:1.3;}
.tbo{font-weight:700;}
.tw{color:#fff;}
.ty{color:#ffed59;}
.tp{color:#e2305e;}
.tb{color:#198fd3;}
.tr{color:#c43463;}
.tr2{color:#ff4b53;}
.tg{color:#333;}
.tg2{color:#b9bbbb;}
.tp{color:#ff4272;}
.ex{font-size:160%;color:#f95b87;font-weight:700;}
.ex:after{content:' (税込)';color:#f95b87;font-size:1.0rem;}
.ex:before{content:'￥';color:#f95b87;font-size:1.0rem;}
.ex2{font-size:160%;color:#f95b87;font-weight:700;}
.ex2:after{content:' (税込)';color:#f95b87;font-size:1.0rem;}
.ex2:before{content:'各￥';color:#f95b87;font-size:1.0rem;}
.brtxt:after{content:' \A ';white-space: pre;}
.fade2 {opacity:1;}  
.fade2:hover {opacity:0.6;}
.goodsname{color:#3e4751;font-size:120%;}

/* 高さ調整------------------------------------------------------------- */
.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:#e63262;
border-radius:3px;text-align: center;padding:1.8%;font-size:180%;font-weight:800;color:#fff;text-decoration: none;}
.btn_buy:hover{background-color:#970c31;color:#ffe556;text-decoration: none;}
.btn_buy2{width:98%; max-width:680px; margin: 0 auto;margin-top:20px;margin-bottom:20px;background-color:#869bd8;
border-radius:3px;text-align: center;padding:1.8%;font-size:180%;font-weight:800;color:#fff;text-decoration: none;}
.btn_buy2:hover{background-color:#3d5086;color:#ffe556;text-decoration: none;}
a {text-decoration: none;}
/* dltable--------------------------------------------------------- */
.list_table,.list_table > dt,.list_table > dd {box-sizing: border-box;}
.list_table > dt,.list_table > dd {padding:0.5em;margin: 0px;}
.list_table > dt {background-color:rgba(190,200,200,1.0);color:#333;}
.list_table > dd {background-color: #fff;color:#333;}
@media screen and (max-width: 639px) {
    .list_table > dd {border: 1px solid #b0bcbd;border-top: none;border-bottom: none;}
    .list_table > dt {text-align: center;border: 1px solid #b0bcbd;border-bottom: none;}
    .list_table > dd > ul {text-align: left;}
	.list_table > dd:last-of-type { border-bottom: 1px solid #b0bcbd;}
}
@media print, (min-width: 639px) {
    .list_table {display: flex;flex-wrap: wrap;border-bottom: 1px solid #b0bcbd;}
    .list_table > dt,.list_table > dd {display: flex;flex-direction: column;justify-content: center;border-top: 1px solid #b0bcbd;}
    .list_table > dt {width: 20%;border-left: 1px solid #b0bcbd;border-right:none;}
    .list_table > dd {width: 80%;border-right: 1px solid #b0bcbd;border-left:none;}
}
/* table------------------------------------------------------------- */
 table{width:100%;max-width:980px;margin: 0 auto;border-collapse: collapse;}
 table th, table td{padding:7px;font-size:120%;font-weight:800;}
.wt{width:40%;}
.wt2{width:50%;}
.wt3{width:20%;}
table.info{width:100%;max-width:980px;margin: 0 auto;border-collapse: collapse;}
table.info td.txt001{width:20%;font-size:100%;font-weight:400;}
table.info td{padding:7px;font-size:100%;font-weight:400;}
/* kago ------------------------------------------------------------- */
label.boxche{padding:5px;border-radius:5px;border: solid 0px rgba(159, 184, 185, 0.8);margin-top:10px;
background-color:#48b5a7;color:#fff;width:237px;}
.color-checkbox {
  display: block;
  position: relative;
  margin: 1em 0;
  padding-left:28px;
  cursor: pointer;
  user-select: none; /* テキストの選択を防ぐ */
}
.color-checkbox input {display: none;}/* inputは非表示にする */
.checktxt{padding:0px;margin:30px;}
/* □ */
.checkmark-all {
  position: absolute;
  top: 0.38em; /* 上からの位置 */
  left:0.35em;
  height: 22px; /* 大きさ */
  width: 22px; /* 大きさ */
  border: solid 2px #9c9c9c; /* 線 */
  border-radius: 4px;
  box-sizing: border-box;background-color:rgba(255, 255, 255, 100);
}
.checkmark{
  position: absolute;
  top:-0.2em; /* 上からの位置 */
  left:-0.2em;
   height: 22px; /* 大きさ */
  width: 22px; /* 大きさ */
  border: solid 2px #9c9c9c; /* 線 */
  border-radius: 4px;
  box-sizing: border-box;background-color:rgba(255, 255, 255, 100);
}
.checkmark:hover,.checkmark-all:hover{background-color:#b3cedc;}
/* ✓ */
.checkmark:after,.checkmark-all:after {
  content: "";
  position: absolute;
  left: 5px; /* チェックの位置 */
  top: 1px; /* チェックの位置 */
  width: 6px; /* チェックの大きさ */
  height: 10px; /* チェックの大きさ */
  border: solid #FFF;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0; /* 透明にしておく */
}
.color-checkbox input:checked + .checkmark {background: #278b7e;border-color: #278b7e;}/* チェックが入ったときの□ */
.color-checkbox input:checked + .checkmark-all {background: #278b7e;border-color: #278b7e;}/* チェックが入ったときの□ */
.color-checkbox input:checked + .checkmark:after {opacity: 1;} /* 透明を解除 *//* チェックが入ったときの✓ */
.color-checkbox input:checked + .checkmark-all:after {opacity: 1;} /* 透明を解除 *//* チェックが入ったときの✓ */
select,select.sph{position:relative;left:10px;top:-8px;padding:3px}

/* list */
.inList,.inList2,.inList3,.inList4,.inList5{padding-left:0em;}
.inList > li {list-style:none;
	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:0em;text-indent:-0.0em;list-style:none;}
.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;
}


/* ▼表示領域が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:103.0%;
    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%;
}
#visual2 {
    padding-top:75.5%;
    width: 100%;
    background: #fff url(images/top_sp2.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-box1,.cont-box3 {width:auto;}
.cont-box1 h2{width:95%;padding-top:20px;padding-left: 0;font-weight:600;font-size:98%;line-height:1.8;}
.cont-box1 h3{width:95%;padding-top:20px;padding-left: 0;font-weight:600;font-size:150%;line-height:1.0;}
.cont-box2 {width:95%;}
.cont-box2 h2{font-size:150%;font-weight:800;}
.ctxt {font-size:100%;}
.ctxt2{font-size:90%;line-height:1.2;}
.txt5{font-size:100%;}
.txt6{font-size:110%;}
.txt7{font-size:90%;font-weight:500;}
.txt8{font-size:100%;font-weight:700;}
.txt10{font-size:120%;font-weight:700;}
.inList3 > li {line-height:1.5em;}
.fb_item1,.fb_item2,.fb_item3,.fb_item5,.fb_item6,.fb_item7{flex-basis:100%;max-width:100%;}
.fb_item2kara{flex-basis:45%;max-width:45%;padding:5px;margin:0.6em 0 0 0;}
.fb_item4{flex-basis:40%;max-width:40%;padding:5px 5px;}
 table th, table td{padding:5px;font-size:80%;font-weight:800;}
 table.info td.txt001{width:30%;font-size:100%;font-weight:400;}
.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;
}

.wt,.wt2{width:35%;}
.btn_buy {font-size:170%;}
.cp_actab input:checked ~ .cp_actab-content {
	max-height:120em;
}
.checkmark{top:-0.4em;}
select{margin:0 0 0 5px;}
}
@media screen and (max-width: 768px) and (min-width: 640px) {
.cont-box1 h3{font-size:160%;}
.fb_item2{flex-basis:47%;max-width:47%;padding:0px;}
.fb_item3{flex-basis:49%;max-width:49%;margin:0px;padding:0px;}
.fb_item5{flex-basis:30%;max-width:30%;padding:5px;}
.fb_item6{flex-basis:60%;max-width:60;padding:5px;}
.fb_item7{flex-basis:50%;max-width:50%;margin:0px;padding:0px;}
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_item2{flex-basis:30%;max-width:30%;padding:0px;}
.fb_item5{flex-basis:30%;max-width:30%;padding:5px;}
.fb_item6{flex-basis:65%;max-width:65%;padding:5px;}
}