@charset "utf-8";
/* contents------------------------------------------------------------------------------------------------------------ */
body {font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#2c3a38;}
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:#b21831; text-decoration:underline;font-weight:bold;}
a:hover.rink1,a:active.rink1 {color:#644a99;text-decoration:none;overflow: hidden;outline: none;}
a.btnrink {display: inline-block; padding: 0.0em 1.5em;text-decoration:none;color:#50a99d;border: solid 2px #50a99d;border-radius:3px; transition: .4s;margin:2px;width:5.0em;text-indent:0.1em;text-align: center;}
a.btnrink:hover {background: #50a99d;color: white;}

/* commonimg----------------------------------------------- */
.img-responsive {display: block;max-width: 100%;height: auto;}
.center-block {display: block;margin-right: auto; margin-left: auto;}

.img_wrap{color: #fff;margin: 0 auto; overflow: hidden;cursor: pointer;position: relative;border:0px solid #ddd;padding:1px;}
.img_wrap img{width:100%;margin:0;}
.img_wrap p.hover-mask{
  width: 100%;
  height: 100%;
  margin:5px 0 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
   }
.img_wrap p.hover-mask:hover{transition: all 1.0s ease;opacity: 1;color: #fff;font-size:1.0rem;font-weight:700;}

.img_wrap p.hover-maskfin{color: #fff;font-weight:700;font-size:1.2rem;
  width: 100%;
  height: 100%;
  margin:5px 0 5px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0,0,0,0.5);
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  }
.img_wrap p.hover-maskfin:hover {opacity:0.7;transition: all 1.0s ease;}

.img_wrap2{border: 1px solid #ddd;margin: 0 auto; overflow: hidden;cursor: pointer;position: relative;}
.img_wrap2 img{width: 100%;transition-duration: 0.5s;}
.img_wrap2:hover img{transform: scale(1.2);transition-duration: 0.5s;}
.fade {opacity:1;}  
.fade:hover {opacity:0.6;}
/* box------------------------------------------------------------- */
.cont-box1{width:100%; max-width:1070px;margin: 0 auto;padding:0px;margin-top:50px;}
.cont-box1 .inner {width:93%; max-width:1080px;margin: 0 auto;padding: 10px 15px 20px 15px;margin-bottom:50px;margin-top:50px;border: 5px solid rgba(0, 0, 0, 0.1);background-color:rgba(255,255,255,1.0);}
.cont-box1 h2{font-size:150%;font-weight:700;border-left: solid 10px #666666;color:#666666;margin-bottom:5px;margin-top:100px;padding:0
 10px 0 ; }

/* flexbox------------------------------------------------------------- */
.flexbox{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:21.3%;max-width:21.3%;padding:5px;margin:10px 10px 0 0;}
.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:45%;max-width:45%;margin:0px;padding:5px;}
/* txt------------------------------------------------------------- */
.txt1{font-size:80%;}
.txt2{font-size:90%;}
.txt3{font-size:100%;}
.txt4{font-size:110%;}
.txt5{font-size:120%;}
.tbo{font-weight:700;}
.tw{color:#fff;}
.ty{color:#ffe14b;}
.tp{color:#e2305e;}
.tb{color:#40a9a0;}
.tr{color:#b21831;}
.tr2{color:#ff4b53;}
.tg{color:#333;}
.tg2{color:#b9bbbb;}
.tp{color:#ff4272;}
.brtxt:after{content:' \A ';white-space: pre;}
.fade2 {opacity:1;}  
.fade2:hover {opacity:0.6;}
.goodsname{color:#3e4751;font-size:120%;}
.ctxt {font-size:140%;color:#3b2e28;text-align: center;}
.ctxt span{font-size:65%;color:#3b2e28;}
.brown {color:#3b2e28;}

/* 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:1.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;
}
button.butget2 {font-size:16px;background-color:#77cade;width:25%;border-style: none;color: #fff;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
margin:10px 23px 0px 0px;padding:5px 5px;}
button.butget:hover,button.butget2:hover {background:#d3d4d5;}

/* ▼表示領域が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を非表示 */
.cont-box1 {width:90%;}
.cont-box1 .inner {margin-top:0px;margin-left:-7px;}
.txt1{font-size:100.8%;}
.txt2{font-size:90%;}
.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;}
.fb_item1,.fb_item3,.fb_item5,.fb_item6,.fb_item7{flex-basis:100%;max-width:100%;}
.fb_item2{flex-basis:45%;max-width:45%;padding:5px;margin:0.6em 0 0 0;}
.fb_item2kara{flex-basis:45%;max-width:45%;padding:5px;margin:0.6em 0 0 0;}
.fb_item4{flex-basis:26.5%;max-width:26.5%;padding:5px 5px;}
.copy:after{content:' \A ';white-space: pre;}
.copytxt{font-size:90%;}
.copytxt{font-size:89%;}
}
@media screen and (max-width: 768px) and (min-width: 640px) {
.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;}
.cont-box1{width:90%;}
}
@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:60%;max-width:60%;padding:5px;}
.cont-box1 .inner {width:90%;}
}