/* ▼表示領域が639px以上の場合 */
@media screen and (min-width:639px) {
img.grp1simage { display: none; }  /* miniを非表示 */
img.grp1image { display: block; } /* bigを表示 */
.table-wt{width:20%;font-size:1.5rem;}
.table-wt2{width:50%;font-size:1.2rem;}
}
/* ▼表示領域が640px未満の場合 */
@media screen and (max-width: 639px) {
img.grp1simage{ display: block;} /* miniを表示 */
img.grp1image { display: none;}  /* bigを非表示 */
#visual {
    padding-top:124%;
    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:50.2%;
    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%;
}
.fin p {
 position: absolute;
  color: white;
  font-weight:600;
  font-size:1.8em;z-index:201;
  font-family :Quicksand, sans-serif;/*Google Font*/
  top: 50%;width:90%;
  left:50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  margin:0;
  padding:0;
  }

.cont-box1 h3{ font-size: 130%; width:99%;}
.cont-box1 h3 span {font-size:72%;}
.cont-box1 h4{ font-size: 95%; width: 92%;}
.cont-box1 .inner {padding: 5px 0 5px 0;}
.cont-box2 h3 {font-size:160%;width:100%;}
.cont-box2 h4 {font-size:100%;width:100%;}
.table-wt{width:0%;}
.table-wt2{width:100%;}

/* txt */
.txt10{font-size:120%;font-weight:700;}
.txt8{font-size:100%;font-weight:600;}
.fb_item1{flex-basis:100%;max-width:100%;}
.fb_item2{flex-basis:48%;max-width:48%;padding:0px;margin:0.6em 0 0 0;}
.fb_item2b{flex-basis:48%;max-width:48%;margin:0.6em 0 0 0;
    padding:0.5em;
    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_item8 img {
    margin: 0 2.5px 25px;
    width:100%;
    max-width:180px;
    border-radius: 5px;margin: 0 auto;
}
.fb_item6{flex-basis:100%;max-width:100%;padding:5px;}
 table th, table td{padding:5px;font-size:100%;font-weight:800;}
 input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);margin-left:0.2em;
   transform: scale(1.5);
}
.table-wt{width:20%;}
.table-wt2{width:50%;font-size:1.1rem;}

.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;}

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

.cont-box3 {padding: 3%;}
.cont-box2 {padding: 3%;}
.cont-box4 h3 {width:100%;}
.exa4,.exa3{font-size:150%;color:#ff3232;font-weight:600;}
.exa4:before,.exa3:before{font-size:55%;}
.exa4:after,.exa3:after{font-size:55%;}
.exa4:after,.exa3:after{content:' +税';}
.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;
}
.carousel-control2 .glyphicon-chevron-left,
.carousel-control2 .glyphicon-chevron-right { top: 40%;}
.inList3 > li {line-height:1.2;margin-left:1.2em;text-indent:-0.0em;margin-bottom:25px;}
.cont-box2 .innerbox {padding:8px;}

 input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);margin-left:0.2em;
   transform: scale(1.5);
}
label.boxche{width:100%;}
.wt{width:40%;word-wrap: normal; }
.wt3{width:40%;word-wrap: normal; }
.thumbnail{margin:0px;}
/* goodsサムネルカーソルコントロール */
.carousel-control2 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width:15%;
  font-size:30px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 1px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .8;
}
.carousel-control2:hover,
.carousel-control2:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control2 .icon-prev,
.carousel-control2 .icon-next,
.carousel-control2 .glyphicon-chevron-left,
.carousel-control2 .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control2 .icon-prev,
.carousel-control2 .glyphicon-chevron-left {
  left:30%;
  margin-left: -5px;
}
.carousel-control2 .icon-next,
.carousel-control2 .glyphicon-chevron-right {
  right: 50%;
  margin-right: -15px;
}
.carousel-control2 .icon-prev,
.carousel-control2 .icon-next {  background-color:rgba(0,0,0,0.5);
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.btn_buy {font-size:170%;}

}
@media screen and (max-width: 768px) and (min-width: 640px) {
.cont-box1 h3{ font-size:160%;}
.fb_item8{flex-basis:50%;max-width:50%;padding:10px;}
.fb_item6{flex-basis:50%;max-width:50%;padding:2px;}
.fb_item3{flex-basis:90%;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:60%;word-wrap: normal;}
/* table------------------------------------------------------------- */
.table-wt{width:25%;font-size:1.4rem;}
.table-wt2{width:75%;font-size:1.0rem;}
}
@media screen and (max-width: 1099px) and (min-width: 769px) {
.fb_item6{flex-basis:50%;max-width:50%;padding:5px;}
}