@charset "UTF-8";

@media screen and ( max-width:579px )
{

  .mobile_title{
    display: block !important;
    font-size : 14px;
  }

  .pc_rei{
    font-size: 12px;
    line-height: 1.2em;
    display: none !important;
  }

img {
/* max-width: 100%; */
max-width: 90vw;
height: auto;

/* ▼横幅に枠線まで含める */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

}

table {
        width: 100%;
}

table th,
table td {
        display: block;
}


/* コンテンツ */
#container {
    margin: 0 auto;
    padding: 0 0 30px;
    width: 100%;
    background: url(/files/img/shadow.png);
    text-align: left;
}


HTML,BODY
{
  font-family:"ヒラギノ角ゴ Pro W3",メイリオ,Osaka,Arial,Verdana
,"ＭＳ Ｐゴシック",sans-serif;
  font-size : 16px;
  color: #111;
  line-height : 1.7;
  margin-bottom: 2em;

}
.center_margin{
  margin-left : auto;
  margin-right : auto;
  width : auto;
  display : block;
}
.frame_outer{
width:100vw;
overflow:hidden;
}

.top{
position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  height: 0;
	  padding-top: 114.25%;
	  background: url('/files/img/lp/2016head.jpg') 0 0 no-repeat;
	  background-size: contain;
	  display : block;

}

.top2{
position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  height: 0;
	  padding-top: 114.25%;
	  background: url('/files/img/lp/short-hedda2018.jpg') 0 0 no-repeat;
	  background-size: contain;
	  display : block;

}

.sukima{
   margin-top:140%;
}

/* コンテンツ
.top{
  background-repeat : no-repeat;
  background-position : 2px 0px;
  width : 368px;
  height : 480px;

    background: url(/files/img/lp/2016head.jpg) 0 0 no-repeat;
    background-size: contain;


}
*/
.top1580{
  background-repeat : no-repeat;
  background-position : 2px 0px;
  width : 368px;
  height : 480px;
  background-size: 100%;
  background-image : url(/files/img/lp/hed-1580.jpg);
}
.top_sp{
  background-repeat : no-repeat;
  background-position : 2px 0px;
  width : 400px;
  height : 457px;
    background-size: 100%;
  background-image : url(/files/img/lp/hedd2014c.jpg);
}


UL#botan-b{
  padding-left :20px;
  padding-top : 5px;
}
UL#botan-b LI{
  float : left;
}
UL#botan-b LI A{
  background-image : url(/files/img/lp/yahoo-r-imasug.gif);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 247px;
  height : 77px;
  background-size:  100%;
  display: block;
  text-indent: -9999px;
}


#abotan{
  width : 247px;
  background-repeat : no-repeat;
  background-position : 0px 0px;
  height : 77px;
  background-size:  100%;

}
#abotan A:HOVER {
  width : 247px;
  background-position : 0px -77px;
  background-size:  100%;

}


.midasi_koe{
  color : gray;
  width : 90%;
  margin-left : auto;
  margin-right : auto;
  font-weight : bold;
  font-size : 20px;

}
.countdown{
  font-size : 34px;
  font-weight : bolder;
  margin-left : 40px;
  width : 95%;
  color : red;
}

#oumoji{
  font-size : 34px;
  color : red;
}
#oomoji{
  font-size : 24px;
}
UL#botan-c{
  padding-left : 520px;
  padding-top : 940px;
}
UL#botan-c LI{
  float : left;
}
UL#botan-c LI A{
  background-image : url(/files/img/lp/yahoo-r-imasug.gif);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 113px;
  height : 35px;
  background-size:  100%;
  display: block;
  text-indent: -9999px;
}
UL#botan-c LI A{
  background-image : url(/files/img/lp/yahoo-r-imasug.gif);
  background-repeat : no-repeat;
  background-position : 0px 0px;
   width : 113px;
  height : 35px;
  background-size:  100%;
  display: block;
  text-indent: -9999px;
}
UL#botan-d{
  padding-left : 540px;
  padding-top : 740px;
}
UL#botan-d LI{
  float : left;
}
UL#botan-d LI A{
  background-image : url(/files/img/lp/yahoo-r-imasug.gif);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 113px;
  height : 35px;
  background-size:  100%;
  display: block;
  text-indent: -9999px;
}
a:hover img{
  opacity:0.8;
  filter:alpha(opacity=70);
  -ms-filter: ?galpha( opacity=70 )?h;
}
input.a_link_op:hover{
  opacity:0.8;
  filter:alpha(opacity=70);
  -ms-filter: ?galpha( opacity=70 )?h;
}
.haikeisyadow{
  background-image : url(/files/img/lp/haikei-shadow.png);
  background-repeat : repeat-y;
  margin-left : auto;
  margin-right : auto;

  width: 100%;
  background-size:  100%;

}
UL#botan1{
  padding-left : 450px;
  padding-top : 805px;
}
UL#botan1 LI{
  float : left;
}
UL#botan1 LI A{
  background-image : url(/files/img/lp/yahoo-r-imasug.gif);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 113px;
  height : 35px;
  background-size:  100%;
  display: block;
  text-indent: -9999px;
}

UL#botan2{
  padding-left : 165px;
}
UL#botan2 LI{
  float : left;
}
UL#botan2 LI A{
  background-repeat : no-repeat;
  background-position : 0px 0px;
  background-image : url(/files/img/lp/yahoo-r-mousikomi2.gif);
  width : 116px;
  height : 41px;
   background-size:  100%;
  display: block;
  text-indent: -9999px;
}
#bbotan2{
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 116px;
  height : 41px;
   background-size:  100%;
}
#bbotan2 A:HOVER{
  background-position : 0px -165px;
  width : 116px;
}

#otamesikakaku{
  background-image : url(/files/img/lp/yahoo-r-otamesiset.jpg);
  background-repeat : no-repeat;
  background-position : 3px 0px;
  width : 380px;
  height : 221px;
      background-size: 100%;
  float : left;
}
.wasi{
  background-image : url(/files/img/lp/bg.jpg);
  background-repeat : repeat;
}
.kakof{
  font-size : 12px;
  padding-left : 5px;
  padding-bottom : 5px;
}
.mousikomiform{
  padding-top : 0px;
  padding-left : 150px;
  padding-right : 0px;
  padding-bottom : 0px;
}
.mousikomiwaku{
  border-width : 1px 1px 1px 1px;
  border-style : solid solid solid solid;
  border-color : black black black black;
  width : 700px;
  height : 400px;
  margin-left : auto;
  margin-right : auto;
}
.menupadding{
  padding-left : 0px;
  text-align : left;
}
.koe1{
  width : 360px;
  font-size : 16px;
  font-weight : bold;
  text-align : left;
  vertical-align : bottom;

}
.koenaka{
  padding-top : 5px;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 5px;
  text-align : left;
}
.koe3{
  width : 360px;

}
.px600{
  width : 600px;
  font-size : 16px;
}
UL#botan3{
  padding-left : 5%;
}
UL#botan3 LI{
  float : left;
}
UL#botan3 LI A{
  background-image : url(/files/img/lp/yahoo-r-imasug.gif);
  background-repeat : no-repeat;
  background-position : 0px 0px;
  width : 247px;
  height : 77px;
  background-size:  100%;
  display: block;
  text-indent: -9999px;
}



.center{
  background-repeat : no-repeat;
  background-position : center center;
}
.tensen{
  font-size : 16px;
  border-bottom-width : 1px;
  border-bottom-style : dashed;
  border-bottom-color : black;
}
.migi-gazou{
  margin-top : 8px;
  margin-left : 8px;
  margin-right : 8px;
  margin-bottom : 8px;
  float : right;
  position : absolute;
  right : -250px;
  display:none
}
.aka-dai-juhachi{
  font-size : 18px;
  font-weight : bold;
  color : red;
}
.juuhati-px{
  font-size : 16px;
  font-weight : bold;
  color : rgb(204, 0, 0);
  float : none;
}
.rist-gazou-px{
  height : 30px;
}
.form-waku{
 width : 375px;
 border-width : 1px;
 border-style : solid;
 border-color : gray;
 margin-left : auto;
 margin-right : auto;
}

.form-waku-gazou{
 width : 375px;
 margin-left : auto;
 margin-right : auto;
}

.form-waku-b{
 width : 375px;
 margin-left : auto;
 margin-right : auto;
line-height : 1.2;
}
.form-waku-c{
 width : 320px;
 margin-left : auto;
 margin-right : auto;
line-height : 1.2;
}
.table-bordered {
  border-collapse: collapse;
  border: 0px solid #ddd;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}
.table-bordered TH {
  border: 0px solid #ddd;
  padding: 4px 4px 4px 4px;
  text-align: left;
  font-size : 16px;
  width: auto;
  display: none;
}
.backcolor1 {
  background: #E8E8E8;
}
.table-bordered tr TD {
  border: 0px solid #ddd;
  padding: 4px 4px 4px 4px;
  text-align: left;
}
#otamesi_zaiko {
    width : 90%;
}
SPAN.hissu {
  background-image: url(/files/img/lp/hissu.gif);
  background-repeat: no-repeat;
  float: right;
  width: 30px;
  height: 20px;
}
INPUT.box300,
SELECT.box300{
  /* width: 80%; */
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 4px;
}
INPUT.box450 {
  /* width: 80%; */
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 4px;
}
INPUT.box400,
SELECT.box400{
  /* width: 80%; */
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 4px;
  font-size:12px
;
}
INPUT.box120,
SELECT.box120{
  /* width: 120px; */
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 4px;
}
INPUT.box100,
SELECT.box100{
  /* width: 30%; */
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 4px;
}
INPUT.box70 {
  /* width: 80%; */
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 4px;
}
INPUT.box150 {
  width: 40%;
  margin-bottom: 4px;
  margin-top: 4px;
  margin-right: 4px;
}
input[type=text],
select{
  border: none;
  padding: 5px 2px;
  border: solid 1px #c0c0c0;
}
input[type=text]:focus{
  outline: medium none;
  background: none repeat scroll 0% 0% #FAFAD2;
}
INPUT, BUTTON, SELECT, TEXTAREA {
  font-family: inherit;
  font-size: 14px;
  line-height: 2em;
}
SPAN.example{
  font-size: 12px;
  line-height: 1.2em;
}
select.todouhuken
select[name=payment_id]{
  font-size: 12px;
}
#order_botan{
  width : 95%;
  height : auto;
  margin:10px auto 10px auto;
   margin-top: 3%;
}
.a_link_op{
  max-width: 95% ;		/* 横幅の90% */

	height: auto ;			/* 縦幅を自動調整 */

}
.daibiki_form_dami{
  height : 220px;
  border-color:#FFF

;
}
#kakaku_hyouji{
display: none;
}
.kojin_joho{
  width : 380px;
  height : 100px;
  margin:10px auto 10px auto;
  font-size:12px;
}
INPUT#emailbox{
  font-size:18px;
  width: 90%;
}
.tipped {
  color: #bbb;
}
INPUT:placeholder {
  color: #f5f5f5;
}
#zaiko{
  font-size:18px;
  color: #cc0000;
  font-weight: bold;
}
#bunzaiko{
  font-size:18px;
  color: #cc0000;
  font-weight: bold;
}

.otamesi_waku{
  width : 98%;
  padding:2px;
  margin:0px auto 0px auto;
  font-size:15px;
  line-height : 1.6em;
}
.otamesi_tujou{
  font-size:15px;
  line-height : 1.4em;
}
.otamesi_img{
  width : 98%;
  height: auto;
  float:left;
}
.otamesi_img_midasi{
  width : 98%;
  margin-bottom:10px;
  font-size:22px
}
.otamesi_waku_bun{
  width : 98%;
  padding-left:5px;
  float:left;
}
.radio-pay{
  font-size:16px;
  line-height: 1.8em;
}
.top_b{
  background-image : url(/files/img/lp/2016head.jpg);
  background-repeat : no-repeat;
  background-position : 2px 0px;
  width : 800px;
  height : 914px;
}

.kakaku-a{
  width : 120px;
  height:35px;
  font-size:16px;
  font-weight: bold;

  border-bottom:1px solid #C6C6C6;
  color:#C00


}

.kakaku-goukei{
  font-size:12px;
  color:#666
}

.kakaku-zeikomi{
  font-size:12px;
  color:#666
}
<!-- リアルタイム表示価格1/2→ -->
.invisible{
  display: none;f
}
<!--


P{
  margin-bottom: 2em;
}
B{
  color : rgb(79, 79, 79);
}
.gray_box {
  /* width: 88%;
  */
  margin: 2px auto;
  padding: 2%;
  background: #eee url(/files/img/lp/list_haikei.png) repeat left top;
  overflow: hidden;
  box-shadow: 0 0 0 1px #eee;
  border : 2px solid rgb(255, 255, 255);
  width : 95%;

}
.gray_box UL {
  line-height : 1.5;
  margin-left : 10px;
  font-size : 16px;

}
.gray_box UL li {
  list-style-image: url(/files/img/lp/list-check-01.png);
  line-height : 1.5;
  margin-left : 10px;
  margin-bottom: 18px;
}

H2 {
  font-size: 18px;
  text-align: left;
  padding-right : 0px;
  padding-left : 0px;
  border-bottom : medium none;
  border-left : medium none;
  background-repeat : no-repeat;
  background-attachment : scroll;
  background-position : 10px center;
  color : rgb(102, 0, 0);
  font-weight:bold
  margin-left : 5px;
  width:100%;
}
H3{
  font-size : 19px;
  margin-left : 5px;
  width : 95%;
  color : rgb(79, 79, 79);
}
.midasi_box{
  margin-left : auto;
  margin-right : auto;
  max-width : 90%;
  /* 弄った */
  display: table;
  border-bottom-width : 1px;
  border-bottom-style : dashed;
  border-bottom-color : silver;
}
.muneyake UL {
  list-style-image : url(/files/img/lp/check_kuro.png);
  line-height : 3;
  margin-left : 10px;
}
.check_list {
  list-style-image : url(/files/img/lp/list-check-01.png);
  line-height : 3;
  margin-left : 10px;
}

.marker{
  background-color : rgb(255, 255, 196);
  padding-bottom : 2px;
  border-bottom-width : 2px;
  border-bottom-style : solid;
  border-bottom-color : maroon;
}
.tb_850{
  margin-left : auto;
  margin-right : auto;
  width : 380px;
}


.yokuaru{
padding-top : 5px;
padding-left : 5px;
padding-right : 5px;
padding-bottom : 5px;
border-width : 1px 1px 1px 1px;
border-style : solid solid solid solid;
border-color : black black black black;
width : 95%;
}
.futta_waku{
margin-left : auto;
margin-right : auto;border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : gray;
width : 95%;"
}
.futta400{
margin-bottom : 20px;
width : 95%;
}
.futta400_2{
margin-bottom : 20px;
width : 180px;
float : left;
display:none
}
.futta400_3{
font-size : 14px;
line-height : 1.5;
margin-left : 5px;
width : 95%;
float : left;
}
.copyright{
margin-left : auto;
margin-right : auto;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : gray;
width : 95%;
}
.copyright_2{
margin-left : auto;
margin-right : auto;
width : 95%;
}
.kanso{
margin-left : auto;
margin-right : auto;
width : 95%;
}

.otamesi_gazou2pac{
  margin-left : auto;
  margin-right : auto;
  width : 95%;
  height　: auto;
}
.otamesi_gentei{
  font-size : 16px;
  line-height : 1.2;
  margin-left : auto;
  margin-right : auto;
  width : 90%;
  height　: auto;
}
.short-midashi1{
  background-repeat : no-repeat;
  background-position : 2px 0px;
  width : auto;
  height : auto;
  background-size: 100%;
  background-image : url(/files/img/lp/short-midasi-part4.jpg);
}
.lp_form_block img{
  max-width: 80vw;
}

}