@charset "utf-8";
/* CSS Document */



/*----------------------------------------------------

----------------------------------------------------*/




/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display:block !important;
      margin: 0 auto;}
.sp { display: none !important;}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media screen and (max-width: 640px) {
img { width:100%; text-align: center;}
.pc { display: none !important;}
.sp { display:block !important;}}


@media screen and (min-width: 640.1px) {

/* ▼文字設定▼ */
p.black{
  font-weight: bold;
  color: #000;
  font-size: 19px;
}

p.red{
  font-weight: bold;
  color: #cf000d;
  font-size: 20px;
}

p.heavyred{
  font-weight: bolder;
  color: #cf000d;
  font-size: 22px;
}

.xxx p {
  font-weight: bold;
  color: #cf000d;
  font-size: 17px;
  line-height: 1.1em;
}
.contents {
  text-align: center;
  margin-bottom: 30px;
}




p.price{
  font-weight: bold;
  color: #000;
  font-size: 15px;
}

.banner {
  color: #ffe930;
  letter-spacing: 0.5px;
  font-size: 19px;
}

/* ▲文字設定▲ */


#wrap {
  padding-bottom: 20px;
  text-align: center;

}

.haikei{
  background-color: #ffc514;
  background-image: url(img/bg_yel.jpg);
  background-repeat: no-repeat;
  background-size:100% auto;
  background-position: bottom;
  text-align: center;
 }



img.vipkakaku{
  width: 60%;
}



div.point {
  text-align: center;
  margin-bottom: 20px;
}



.point img { 
  width: 49%;
 }



.ex {
  background-image: url(img/bg_moji.jpg);
  background-color: #ffc514;
  color: #000;
  padding-bottom: 25px;
}

.contents_center{
 text-align: center;
 padding: 26px;
}

.xxx {
  float: left;
  width: 286px;
  height: 300px;
  background-color: #fff;
  border: solid 2px #000;
  border-radius: 10px;
  margin: 30px 3px 10px 3px;
}



img.x { 
  width: 93%;
  padding: 7px 0 0 0;
}



.detail{
  padding: 7px;
  font-weight: bold;
}

.detail img{
  float: left;
  width: 29%;
  padding: 3px;
}



.clear{
  clear: both;
}



.moushikomi_label{
  background-image: url(img/bg_red.jpg);
}

.moushikomi_start{
  background-image: url(img/bg_moji.jpg);
  padding-top: 30px;
}

.moushikomi{
  width:75%;
  background-color: #fff;
  border: solid 2px #000;
  border-radius: 10px;
  margin: 25px auto 25px auto;
}

figure {

}

figure img {
  width: 80%;
  padding: 15px 0 15px 0;
}

figcaption {
  background-color: #000;
  padding: 12px;
  color:#fff;
  letter-spacing: 0.8px;
  font-size: 19px;
  text-align: left;
}


.figcaption2 {
  color:#ffc514;
  font-weight: bolder;
  text-align: center;
}

img.cen {
  text-align: center;
  max-width:100%;
}



div.chui {
  width:72%;
  text-align:left;
  background-color: #ffc514;
  border-radius: 10px;
  padding: 15px;
  margin: 50px auto 30px auto;
}




.chui li:before{
  display: inline;
  content: "※";
}


.chui li{
  list-style:none;
  list-style-position: outside;
  margin-left: 1em;
  color: #000;
  font-size: 18px;
  text-align: justify;
  padding-top: 0.2em;

}


}




/* SP設定 */
@media screen and (max-width: 640px) {

/* ▼文字設定▼ */
p.black{
  font-weight: bold;
  color: #000;
  font-size: 15px;
}

p.red{
  font-weight: bold;
  color: #cf000d;
  font-size: 16px;
}

p.h3{
  font-weight: bold;
  color: #cf000d;
  font-size: 19px;
  line-height:1em;
  margin-bottom: 10px;
}

p.heavyred{
  font-weight: bolder;
  color: #cf000d;
  font-size: 15px;
}


p.price{
  font-weight: bold;
  color: #000;
  font-size: 13px;
}

.banner {
  color: #ffe930;
  letter-spacing: 0.5px;
  font-size: 15px;
}

/* ▲文字設定▲ */


#wrap {
  text-align: center;
  background-image: url(img/bg_moji.jpg);
}

.haikei{
  background-color: #ffc514;
  background-image: url(img/bg_yel.jpg);
  background-repeat: no-repeat;
  background-size:100% auto;
  background-position: bottom;
  text-align: center;
 }





div.point {
  text-align: center;
  margin-bottom: 20px;
}





.ex {
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: top;
  color: #000;
  padding-bottom: 30px;
}

.contents_center{
 margin-bottom: 20px;
}


.xxx {
  background-color: #fff;
  border: solid 2px #000;
  border-radius: 10px;
  margin: 15px 20px;
}



img.x { 
  width: 85%;
  padding-top: 20px;
}



.detail{
  padding: 7px;
  font-weight: bold;
}

.detail img{
  float: left;
  width: 29%;
  padding: 3px;
}



.clear{
  clear: both;
}



.moushikomi_label{
  background-image: url(img/bg_red.jpg);

}



.moushikomi{
  width:95%;
  background-color: #fff;
  border: solid 2px #000;
  border-radius: 10px;
  margin: 20px auto 20px auto;
}

figure {
  margin: 0px;
}

figcaption {
  background-color: #000;
  padding: 5px;
  color:#fff;
  font-size: 16px;
  text-align: left;
}

span.figcaption2 {
  color:#ffc514;
  font-weight: bolder;
}

span.banner{
  color:#ffc514;
  font-size: 17px;
  font-weight: bolder;
}


figure img {
  width: 97%;
  margin: 15px auto 15px auto;
}



img.cen {
  text-align: center;
  width: 15%;
}



div.chui {
  width:85%;
  text-align:left;
  background-color: #ffc514;
  border-radius: 10px;
  padding: 10px;
  margin: 50px auto 30px auto;
}



.chui li{
  list-style:none;
  list-style-position: outside;
  margin-left: 0.2em;
  color: #000;
  font-size: 14px;
  padding-top: 0.2em;
  text-align: justify;

}


.chui li:before{
  display: inline;
  content: "※";
}


}