*{
 transition: none;
 transition:opacity 0.5s;
}
select{
 padding:2px;
}
#contactForm{
 max-width: 800px;
 margin-left: auto;
 margin-right: auto;
 padding: 0 10px;
 color: #0d1644;
}
.inputArea{
 display: table;
 width: 94%;
 padding: 3%;
 border-bottom: solid 1px #eee;
 position: relative;
}
.inputArea .ttl,
.inputArea .inputData{
 display: table-cell;
 vertical-align: middle;
}
.inputArea .ttl{
 color: #0d1644;
 width: 30%;
 padding-right: 5%;
 position: relative;
}
.inputArea.required .ttl:after{
 display: inline-block;
 content: "(必須)";
 color: #ea5413;
 line-height: 2em;
 padding: 0px 0.5em;
 border-radius: 2px;
}
.inputArea .inputData{
 width: 60%;
 padding-right: 10%;
}
.inputArea input[type="text"],
.inputArea textArea{
 border:solid 1px #dddfe2;
 background: #dddfe2;
 padding: 15px;
 border-radius: 2px;
 width: 85%;
}
.inputArea textArea{
 width: 97%;
}
.inputArea input[type="radio"],
input[type=radio]:checked{
 border:solid 1px #0d1644;
}
input::placeholder {
 color: #0d1644;
}
.inputArea .still{

}
.inputArea .errMsg{
 color: #f00;
 font-size: 80%;
}
.inputArea textArea{
 height: 150px;
}
.inputArea label{
 display: inline-block;
 padding: 5px;
 margin: 5px;
}
.btnSubmit{
 text-align: center;
 padding: 10px 0px;
}
.btnSubmit span{
 display: inline-block;
 opacity: 0;
 visibility: hidden;
}
.btnSubmit span.active{
 opacity: 1;
 visibility: visible;
 cursor: pointer;
}
.w30per{
 width:30% !important;
}
.addressArea{
 padding: 10px;
 border:solid 1px #eee;
}
.tabNames li{
 display: inline-block;
 background: #eee;
 padding: 5px 20px;
 cursor: pointer;
}
.tabNames li:hover{
 background: #fEE;
}
.tabNames li.active{
 background: #fcc;
 color:#e60012;
 font-weight: bold;
 text-shadow: 1px 1px 0px #fff;
}
.tabDatas{
 border:solid 4px #fcc;
 padding: 10px;
}
.tabDatas li{
 display:none;
}
.tabDatas li.active{
 display:block;
}
.tabDatas li .sizeAreas{
 display: table;
 width: 100%;
}
.tabDatas li .sizeArea{
 display: table-row;
}
.tabDatas li .sizeArea:hover{
 background:#fee;
}
.tabDatas li .sizeArea>span{
 display:table-cell;
 padding: 5px;
 border-bottom: dotted #ddd 1px;
}
.tabDatas li .sizeArea span.spBlock{
 border-bottom: none;
}
.shippingSelect{
 padding: 5px;
}
#orderList{
 border: solid 4px #fcc;
 padding: 10px;
 margin-bottom: 10px;
}
#orderList .photoPrice li{
 border-bottom:dotted 1px #eee;
 margin-bottom: 5px;
 display: none;
}
#orderList .photoPrice li.active{
 display: block;
}
#orderList .optionArea li{
 display: none;
}
#orderList .optionArea li.active{
 display: block;
}
#orderList .shippingPrice li{
 display: none;
}
#orderList .shippingPrice li.active{
 display: block;
}
.confirmArea .data{
 display: table;
 width: 100%;
 border-bottom: solid 1px #eee;
 padding-bottom: 10px;
 margin-bottom: 10px;
}
.confirmArea .data span{
 display: table-cell;
 vertical-align: top;
 padding-left: 10px;
}
.confirmArea .data span:first-child{
 width: 30%;
 border-right: solid 2px #eee;
 padding-left: 0px;
}
.confirmSubmit{
 text-align: center;
}
.confirmSubmit .btnBack,
.confirmSubmit .btnSubmit{
 display: inline-block;
}
.confirmSubmit .btnBack{
 text-align: center;
 padding: 10px 0px;
 display: inline-block;
 padding: 10px 50px;
 background: #eee;
 color: #fff;
 border-radius: 4px;
 background: #aaa;
 cursor: pointer;
}
.confirmSubmit .btnBack:hover{
 background: #bbb;
}
.confirmSubmit .styleBtn{
 min-width: 120px;
 padding: 10px;
 border-radius: 5px;
}
.formBg{
 background: #fff;
 padding-bottom: 30px;
 box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
}
.privacy{
 background: #dddfe2;
 padding: 30px 15px;
 width: 80%;
 margin: 40px auto;
}
.privacy .inner{
 height: 10em;
 overflow-y: auto;
}

@media screen and ( max-width:670px ){
 .inputArea .ttl{
  width: 100%;
  position: relative;
  display: block;
  padding: 10px 15px;
  box-sizing: border-box;
  border-bottom: solid 1px #eee;
 }
 .inputArea .inputData{
  width: 100%;
  display: block;
  padding: 5px 15px 0px;
  box-sizing: border-box;
 }
 .inputArea.required .ttl:after{
  position: static;
  font-size: 85%;
  line-height: 1.4em;
  padding: 0px 0.5em;
  border-radius: 2px;
  margin:0px 0px 5px 5px;
 }
 .inputArea{
  display: table;
  width: 100%;
  padding: 5px 0px 5px;
  border-bottom: solid 1px #eee;
  position: relative;
 }
 .inputArea textArea{
  height: 100px;
 }
 .inputArea input[type="text"],
 .inputArea textArea{
  border:solid 1px #dddfe2;
  background: #dddfe2;
  padding: 15px;
  border-radius: 2px;
  width: 100%;
  box-sizing: border-box;
 }
 .optionArea p{
  padding: 5px 0px;
 }
 .shippingSelect label{
  display: inline-block;
  padding: 5px 0px;
 }
 .formBg{
  background: #fff;
  padding-bottom: 20px;
 }
 .privacy{
  background: #dddfe2;
  padding: 20px 15px;
  width: 80%;
  margin: 20px auto;
 }
 .privacy .inner{
  height: 6em;
  overflow-y: auto;
 }
}