/* contents------------------------------------------------------------------------------------------------------------ */
body {font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;color:#2c2c2c;}
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:#2467ff; text-decoration:underline;font-weight:900;}
a:hover.rink1,a:active.rink1 {color:#ef486c;text-decoration:none;overflow: hidden;outline: none;}


/* backimg----------------------------------------------- */
#wrapper{background: linear-gradient( #ececec, #b5b5b5);
		background-position:center top;
		background-attachment:fixed; background-size: cover;
		}/* PC */

/* commonimg----------------------------------------------- */
.img-responsive,img {display: block;max-width: 100%;height: auto;}
.center-block {display: block;margin-right: auto; margin-left: auto;}
/* box------------------------------------------------------------- */
.cont-box1{width:100%; max-width:1070px;margin: 0 auto;padding:0px;margin-top:150px;}
.cont-box1 .inner {width:95%; max-width:1080px;margin: 0 auto;padding: 10px 15px 20px 15px;border:solid 0px #e43261; border-radius:0px;background-color:rgba(255, 255, 255, 0.6);color:#010101;margin-top:20px;}
.cont-box1 h2{padding:1rem 2rem; color:#fff; background:#333;-webkit-box-shadow: 5px 5px 0 #f6b6969;box-shadow: 5px 5px 0 #6b6969;}
/* goodslist------------------------------------------------------------- */
.item1{font-size:150%;font-weight:800;line-height:1.2;padding:0 5px 15px 5px;}
.item1 span:after{content:' \A ';white-space: pre;}
.item1 span{font-size:75%;font-weight:600;}

.line{line-height: 1.3;border-bottom: solid 1px #c7d9df;max-width:1080px;margin: 0 auto;}
/* 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%;margin:0px;padding:5px;}
.fb_item2{flex-basis:30%;max-width:30%;margin:2px;padding:5px;}
.fb_item3{flex-basis:65%;max-width:65%;margin:2px;padding:5px;}
.fb_item4{flex-basis:42%;max-width:42%;margin:2px;padding:2px;}
/* pkgimg------------------------------------------------------------- */
.img_wrap{border:1px solid #000;margin: 0 auto;padding:5px; overflow: hidden;cursor: pointer;}


/* txt------------------------------------------------------------- */
.txt1{font-size:1.0rem;font-weight:600;}
.txt2{font-size:1.4rem;font-weight:600;}
.txt3{font-size:100%;font-weight:600;}
.txt4{font-size:110%;font-weight:600;}
.txt5{font-size:90%;}
.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;}
.tw{color:#fff;}
.ty{color:#ffe14b;}
.tpu{color:#63607a;}
.tb{color:#40a9a0;}
.tr{color:#c43463;}
.tr2{color:#ff4b53;}
.tg{color:#333;}
.tg2{color:#b9bbbb;}
.tp{color:#ff4272;}
.ex1{font-size:160%;font-weight:700;}
.ex1:after{content:' (税込) \A ';font-size:1.0rem;white-space: pre;}
.ex1:before{content:'￥';font-size:1.0rem;}
.brtxt:after{content:' \A ';white-space: pre;}
.fade2 {opacity:1;}  
.fade2:hover {opacity:0.6;}
.but {text-align:right;}  
/* 高さ調整------------------------------------------------------------- */
.boxheight-1{margin-top:20px;}
.boxheight-2{margin-top:50px;margin-bottom:5px;}
/* 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(4,95,138,0.0);}
.list_table > dd {background-color: rgba(250,250,250,0.0);}
@media screen and (max-width: 639px) {
    .list_table > dd {border: 0px solid #b09f5f;border-top: none;border-bottom: none;}
    .list_table > dt {border-bottom:1px solid #021120;}
    .list_table > dd > ul {text-align: left;}
	.list_table > dd:last-of-type { border-bottom: 0px solid #021120;}
}
@media print, (min-width: 639px) {
    .list_table {display: flex;flex-wrap: wrap;border-bottom:0px solid #b09f5f;}
    .list_table > dt,.list_table > dd {display: flex;flex-direction: column;justify-content: center;border-top: 0px solid #b09f5f;}
    .list_table > dt {width: 20%;border-left: 0px solid #b09f5f;border-right:none;border-bottom:1px solid #021120;}
    .list_table > dd {width: 80%;border-right: 0px solid #b09f5f;border-left:none;border-bottom:1px solid #021120;}
}

/* list */
.inList,.inList2,.inList3,.inList4{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;
  }
.inList > li::before {content: '※';margin-right:5px;}

.inList2 {list-style: none;counter-reset: cnt;padding-left: 0;}
.inList2 > li{line-height:1.4;margin-left:1.4em;text-indent:-1.4em;margin-bottom:20px;}
.inList2 span:after{content:' \A ';white-space: pre;}

.inList3 {counter-reset: cnt;padding-left: 0;}
.inList3 > li{line-height:1.4;margin-left:2.5em;text-indent:-0.1em;margin-bottom:20px;}
.inList3 span:after{content:' \A ';white-space: pre;}

.inList4 {list-style: none;padding-left: 0;}
.inList4 > li{line-height:1.4;margin-left:1.4em;text-indent:-1.4em;margin-bottom:20px;}
.inList4 > li::before{font-size:120%;font-weight:800;content:'・ ';}
.inList4 span:after{content:' \A ';white-space: pre;}

.inList5 {list-style: none;padding-left: 0;}
.inList5 > li{line-height:1.4;margin-left:1.4em;text-indent:-1.4em;margin-bottom:20px;}
.inList5 > li::before{font-size:120%;font-weight:800;content:'・ ';}
.inList5 span:after{content:' \A ';white-space: pre;}
/* table1----------------------------------------------- */
table{border-collapse: collapse;width: 100%;}
.tb01 td{padding: 10px; border: solid 0px #ccc;box-sizing:border-box;}
.tb01 td{width:19%;}
@media screen and (max-width: 640px) {
  .tb01 .head{display:none;}
  .tb01 {width: 100%;}
  .tb01 td{display: block;width: 100%;border-bottom:none;}
  .tb01 td{padding: 0px 12px 0 0;display: block;width: 100%;line-height: 2.5;text-align:left;}
  }
 /* table1----------------------------------------------- */
.maintable{border:1px solid #ddd;width:100%;}
.maintable table{}
.maintable table,.maintable td,.maintable th {border-collapse: collapse;border:0.5px solid #9baeb1;}
.maintable th{text-align:left;font-weight:300;padding:10px;background:rgba(113,143,148,1.0);color:#fff;width:20%;}
.maintable td{padding:10px;line-height:1.5em;background:rgba(255,255,255,0.2);}

/* but----------------------------------------------- */
.inradio input[type=radio] {display: none;}
.inradio label {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 10px 10px 5px;
  position: relative;
  width: auto;
}

.inradio label::before {background-color:rgba(0, 0, 0, 0.2);
  content: "";
  display: block;
  border: 1px solid #6a6a6a;
  border-radius: 1000px;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px
}

.inradio label::after {
  content: "";
  display: block;
  background: #2a2a2a;
  border-radius: 1000px;
  width: 14px;
  height: 14px;
  opacity: 0;
  position: absolute;
  left: 4px;
  top: 50%;
  margin-top: -4px
}
.inradio input[type=radio]:checked+label::after {opacity: 1}
a.btnrink {display: inline-block; padding: 0.0em 1.5em;text-decoration:none;color:#fff;border: solid 2px #1a90ad;border-radius:3px; transition: .4s;margin:2px;width:11.5em;text-indent:0.1em;text-align: center;background: #000;}
a.btnrink:hover {background:#fff;color:#1a90ad;}
.button1 {
width:95%;padding:10px;text-align:center;
background:#bc0000;color:#fff;
text-decoration:none;font-size:150%;font-weight:600;
-webkit-transition:0.8s; transition:0.8s;
border-radius:5px;margin:100px 0 0 25px;border: 0px solid #740404;
}
.button1:hover,.button1:focus,.button1:active {
color:#f9f9b2;
background-color:#670303;
-webkit-transition:2s;transition: 2s
}

input[type="submit"] {
  -webkit-appearance: none;
  border-radius:1;
}

/* ▼表示領域が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:95%;}
.cont-box1 .inner{width:90.5%;}
.inList2 {list-style: none;}
.fb_item1,.fb_item2,.fb_item3{flex-basis:100%;max-width:100%;}
.fb_item4{flex-basis:100%;max-width:100%;padding:5px;margin:-80px 0 0 10px;}
.maintable{border:0px solid #ddd;}
.maintable th,.maintable td{display: block;border-top: none;width:95%;font-size:80%;}
.maintable td{margin-bottom:5px;}
.maintable table,.maintable td,.maintable th {border-collapse: collapse;border:0px solid #ddd;}
.maintable td{margin-bottom:5px;}
.maintable table,.maintable td,.maintable th {border-collapse: collapse;border:1px solid #ddd;}
.button1 {margin:100px 0 0 10px;}
}
@media screen and (max-width: 768px) and (min-width: 640px) {
.fb_item2{flex-basis:30%;max-width:30%;padding:5px;}
.fb_item3{flex-basis:60%;max-width:60;padding:5px;}
.fb_item4{flex-basis:47.5%;max-width:47.5%;padding:3.5px;}
.button1 {margin:100px 0 0 20px;}
}
@media screen and (max-width: 1099px) and (min-width: 769px) {
.fb_item2{flex-basis:30%;max-width:30%;padding:5px;}
.fb_item3{flex-basis:65%;max-width:65%;padding:5px;}
}