@charset "utf-8";
/* 共通 */
#ft-tel{
  padding: 14.67vw 0 18.67vw 0;
  text-align: center;
  background: #EEE0C4;
}
#ft-tel figure{
  width: 13.07vw;
  margin :0 auto 3.33vw auto;
}
#ft-tel figure img{
  width: 100%;
}
#ft-tel .text1{
  margin-bottom: 4.67vw;
  color: #4D4D4D;
  font-size: 5.07vw;
}
#ft-tel .text2{
  margin-bottom: 4.67vw;
  font-size: 8vw;
}
#ft-tel .text2 a{
  color: #333;
}
#ft-tel .text3{
  line-height: 1.75;
  color: #4D4D4D;
  font-size: 3.07vw;
  font-weight: normal;
}



/* 商品一覧 */
#order #mv{
  margin-bottom: 6vw;
  height: 162.93vw;
  background: url(../image/common/underlayer/sp/mv-order.jpg) center top;
  background-size: contain;
}
#order h2{
  height: 12.8vw;
  line-height: 12.8vw;
  text-align: center;
  color: #000;
  font-family: 'Zen Old Mincho', serif;
  font-size: 4.8vw;
  font-weight: bold;
  background: url(../image/common/underlayer/bg-h2order.png) center top no-repeat;
  background-size: 76vw;
}

#order .box{
  padding: 6.67vw 0 12vw 0;
  color: #000;
}
#order .box.even{
  background: #F6F4EC;
}
#order .box .inner .left{
  margin-bottom: 8vw;
}
#order .box .inner .left .text3{
  margin-bottom: 3.33vw;
  color: #FF0000;
  text-align: center;
  font-size: 3.2vw;
}
#order .box .inner .left .text4{
  margin-bottom: 5.33vw;
  text-align: center;
  font-size: 8vw;
}
#order .box .inner .left figure{
  width: 58.27vw;
  margin: 0 auto 4vw auto;
}
#order .box .inner .left figure img{
  width: 100%;
}
#order .box .inner .left .text1{
  line-height: 1.5;
  width: 76.67vw;
  margin: 0 auto 7.33vw auto;
  font-size: 3.2vw;
}
#order .box .inner .left .text2{
  width: 79.47vw;
  height: 10.27vw;
  line-height: 10.27vw;
  margin: 0 auto 8vw auto;
  text-align: center;
  color: #FFF;
  font-size: 4.53vw;
  border-radius: 5px;
  background: #FE8A00;

  display: none;
}
#order .box .inner .right .text1,
#order .box .inner .right .text2{
  display: none;
}
#order .box .inner .right .text3{
  margin-bottom: 9.33vw;
  font-size: 5.93vw;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#order .box .inner .right .text3 span:nth-of-type(1){
  margin-right: 4.67vw;
  padding: 5px 20px;
  color: #FFF;
  font-size: 4.4vw;
  background: #FF0000;
}
#order .box .inner .right .text3 span:nth-of-type(2){
  font-size: 4.67vw;
}
#order .box .inner .right .text4{
  margin-bottom: 1.33vw;
  text-align: center;
  font-size: 3.47vw;
  display: flex;
  justify-content: center;
  align-items: center;
}
#order .box .inner .right .text4 select{
  height: 7.2vw;
  margin: 0 0 0 2.67vw;
  padding: 0 8vw 0 11vw;
  text-align: center;
  text-align: -webkit-center;
  font-size: 16px;
  border-radius: 5px;
  border: solid 1px #C8C8C8;
  background: #FFF;
  display: block;
}
#order .box .inner .right .text5{
  text-align: center;
  margin-bottom: 6vw;
  font-size: 2.4vw;
}
#order .box .inner .right table{
  width: 83.07vw;
  line-height: 1.5;
  margin: 0 auto;
  font-size: 2.67vw;
  box-sizing: border-box;
  border: solid 1px #4D4D4D;
}
#order .box .inner .right table th{
  width: 20.27vw;
  padding: 2.67vw 0;
  text-align: center;
  vertical-align: middle;
  border: solid 1px #4D4D4D;
  background: #E0E0E0;
}
#order .box .inner .right table td{
  padding: 2.67vw;
  border: solid 1px #4D4D4D;
  background: #FFF;
}
/* ご利用規約 */
#kiyaku{
  padding: 6.67vw 0 10.67vw 0;
  color: #000;
  background: #EEE0C4;
}
#kiyaku h3{
  margin-bottom: 6.67vw;
  text-align: center;
  font-size: 5.07vw;
}
#kiyaku dl{
  width: 86.67vw;
  margin: 0 auto;
}
#kiyaku dl dt{
  padding: 1.33vw 0;
  text-align: center;
  color: #FFF;
  font-size: 3.33vw;
  font-weight: normal;
  background: #BB272D;
}
#kiyaku dl dd{
  line-height: 1.75;
  padding: 4.67vw 0 3.33vw 0;
  font-size: 3.2vw;
}
#kiyaku dl dd a{
  color: #000;
}
#kiyaku dl dd #postage{
  margin: 2.67vw 2.67vw 0 2.67vw;
  padding: 2.67vw;
  background: #FFF;
}
#kiyaku dl dd #postage .text1{
  margin-bottom: 5px;
  text-align: center;
  font-size: 2.93vw;
  font-weight: bold;
}
#kiyaku dl dd #postage table{
  width: 100%;
  margin: 0 auto 10px auto;
}
#kiyaku dl dd #postage table td{
  width: 25%;
  line-height: 1.75;
  font-size: 3.2vw;
}
#kiyaku dl dd #postage .text2{
  text-align: center;
  font-size: 2.67vw;
}
/* ご注文内容 */
#odconts{
  padding: 8.67vw 0 10.67vw 0;
  background: #F6F4EC;
}
#odconts .inner{
  width: 76.67vw;
  margin: 0 auto;
}
#odconts .inner h3{
  margin-bottom: 6vw;
  text-align: center;
  color: #000;
  font-size: 5.07vw;
}
#odconts .inner h3.form02{
  display: none;
}
#odconts .inner #sheet{
  border-top: solid 1px #B0B0B0;
}
#odconts .inner #sheet .box{
  display: none;
}
#odconts .inner #sheet .box .inner{
  padding: 2.67vw 0;
  border-bottom: solid 1px #B0B0B0;
  display: flex;
  align-items: center;
}
#odconts .inner #sheet .box figure{
  margin-right: 4vw;
}
#odconts .inner #sheet .box figure img{
  width: 18vw;
}
#odconts .inner #sheet .box .name{
  margin-right: auto;
  font-size: 3.33vw;
  display: flex;
  align-items: center;
}
#odconts .inner #sheet .box .name div span{
  margin-top: 1.33vw;
  font-size: 2.27vw;
  display: block;
}
#odconts .inner #sheet .box .name span.fsl{
  margin-left: 3.33vw;
  font-size: 4.53vw;
  display: block;
}
#odconts .inner #sheet .box .quantity{
  font-size: 3.2vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#odconts .inner #sheet .box .quantity input{
  width: 20vw;
/*
  height: 6.67vw;
*/
  margin-top: 2.67vw;
  padding: 1vw 0;
  color: #333;
  text-align: center;
  font-size: 3.2vw;
  border-radius: 5px;
  border: solid 1px #C8C8C8;
  background: #FFF;
}
#odconts .inner #delivery{
  padding: 4vw 0;
  color: #000;
  font-size: 4vw;
  border-bottom: solid 1px #B0B0B0;
}
#odconts .inner #delivery table{
  width: 61.33vw;
  width: 100%;
  margin: 0 auto;
}
#odconts .inner #delivery table td:nth-child(1){
  width: 26.93vw;
}
#odconts .inner #delivery table td:nth-child(2){
  width: 34.4vw;
}
#odconts .inner #delivery table td:nth-child(1){
  text-align: left;
  vertical-align: middle;
}
#odconts .inner #delivery table td:nth-child(2){
  text-align: right;
}
#odconts .inner #delivery table td:nth-child(2) select{
/*
  width: 34.4vw;
  height: 6.67vw;
*/
  padding: 2vw 5vw;
  text-align: center;
  text-align: -webkit-center;
  font-size: 4vw;
  border-radius: 5px;
  border: solid 1px #C8C8C8;
  background: #FFF;
}
#odconts .inner #total{
  padding-top: 4vw;
  color: #000;
  font-size: 4vw;
  border-bottom: solid 1px #B0B0B0;
}
#odconts .inner #total table{
  width: 61.33vw;
  width: 100%;
  margin: 0 auto;
}
#odconts .inner #total table td{
  width: 50%;
  padding-bottom: 20px;
  white-space: nowrap;
}
#odconts .inner #total table td:nth-child(1){
  text-align: left;
  vertical-align: middle;
}
#odconts .inner #total table td:nth-child(2){
  width: 100%;
  text-align: right;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
#odconts .inner #total table td:nth-child(2) input{
  width: 100px;
/*
  margin-bottom: 5px;
*/
}
#odconts .inner #total table tr:last-child td{
  font-size: 4.8vw;
}
#form{
  width: 76.67vw;
  margin: 0 auto;
  padding: 7.33vw 0 17.33vw 0;
}
#form h3{
  margin-bottom: 8.67vw;
  text-align: center;
  color: #000;
  font-size: 5.07vw;
}
#form dl{
  color: #000;
  font-size: 3.6vw;
  font-weight: normal;
}
#form dl dt{
  margin-bottom: 3.33vw;
}
#form dl dd{
  margin-bottom: 8vw;
}
#form dl dd input{
  width: 100%;
  height: 7.33vw;
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #B0B0B0;
  background: #FFF;
}
#form dl dd.zip input[name="zip1"]{
  width: 25%;
}
#form dl dd.zip input[name="zip2"]{
  width: 25%;
}
#form dl dd .mwform-tel-field input{
  width: 25%;
}
#form dl dd select{
  height: 7.33vw;
  padding: 0 10px;
  font-size: 16px;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #B0B0B0;
  background: #FFF;
}
#form dl dd textarea{
  width: 100%;
  height: 23.6vw;
  padding: 10px;
  font-size: 16px;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #B0B0B0;
  background: #FFF;
}
#form #doui{
  margin: 7.33vw 0 6.67vw 0;
  color: #000;
  font-size: 3.47vw;
  display: flex;
  align-items: center;
  justify-content: center;
}
#form #doui input{
  margin-right: 4.67vw;
}

#check #form .submit{
  width: 69.33vw;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
#form .submit input[name="submitConfirm"]{
  width: 100%;
  height: 9.33vw;
  line-height: 1;
  margin: 0 auto;
  color: #FFF;
  font-size: 4.53vw;
  font-weight: bold;
  border-radius: 8px;
  border: none;
  background: #FF0000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

#form .submit input[name="submitBack"]{
  width: 28.67vw;
  height: 7.73vw;
  line-height: 1;
  margin: 0 auto;
  color: #FFF;
  font-size: 4.53vw;
  font-weight: bold;
  border-radius: 2.67vw;
  border: none;
  background: #999;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

#form .submit input[name="mwform_submitButton-161"]{
  width: 34.27vw;
  height: 7.73vw;
  line-height: 1;
  margin: 0 auto;
  color: #FFF;
  font-size: 4.53vw;
  font-weight: bold;
  border-radius: 2.67vw;
  border: none;
  background: #FF0000;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}



/* 注文確認 */
#check #mv,
#check #kiyaku,
#check #order h2,
#check #order .box,
#check .inner h3.form01{
  display: none;
}
#check .inner h3.form02{
  display: block;
}
#check #odconts .inner #total table td:nth-child(2){
  padding-right: 0;
}
#check #form dl dd{
  width: 100%;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 5px;
  border: solid 1px #F00;
  background: #FFF;
}




/* サンクスページ */
#thanks{
  padding: 6.67vw 0 10vw 0;
  background: #EFEFEF;
}
#thanks .inner{
  height: 84.53vw;
  margin: 0 4vw;
  box-sizing: border-box;
  border-radius: 3.2vw;
  padding: 21.33vw 0 22.67vw 0;
  background: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
#thanks .inner .text1{
  text-align: center;
  color: #000;
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 4.8vw;
  font-weight: bold;
}
#thanks .inner .text2{
  text-align: center;
  margin: 9.33vw 0 8vw 0;
  color: #B80006;
  font-size: 5.33vw;
}
#thanks .inner .text3{
  line-height: 1.75;
  text-align: center;
  color: #000;
  font-size: 3.2vw;
}



/* 特定商取引法に基づく表記 */
#tokusyou{
  padding: 12.67vw 0 16vw 0;
}
#tokusyou h2{
  position: relative;
  margin-bottom: 5.33vw;
  text-align: center;
  color: #000;
  font-size: 4vw;
  font-weight: bold;
}
#tokusyou h2:after{
  content: "";
  display: block;
  width: 11.47vw;
  height: 2px;
  margin: 5.33vw auto 0 auto;
  background: #000;
}
#tokusyou table{
  line-height: 1.76;
  margin: 0 8.67vw;
  color: #000;
  font-size: 3.2vw;
}
#tokusyou table tr th{
  width: 100%;
  padding: 3.33vw 0 1.33vw 0;
  font-weight: bold;
  box-sizing:border-box;
  display: block;
}
#tokusyou table tr td{
  width: 100%;
  padding: 0 0 2.67vw 0;
  border-bottom: solid 1px #CCC;
  display: block;
}
#tokusyou table{
}
#tokusyou table tr td a{
  color: #000;
}