/*###################### I-DO.NE.JP STYLESEET SETTING ######################*/
/*------ 淡色モード用 ------*/
/*------ Class -------------------------------------------------------------*/
td	 { font-size: 12px ; color: #000000 ; }
th	 { font-size: 12px ; color: #000000 ; }
.txt11	 { font-size: 11px ; color: #000000 ; }
.txt11nc { font-size: 11px ; }
.txt11m	 { font-size: 11px ; font-family: "MS UI Gothic", "MS P Gothic", Osaka ; color: #000000 ; }
.txt12	 { font-size: 12px ; color: #000000 ; }
.txt12b  { font-size: 12px ; font-weight: bold ; }
.txt16	 { font-size: 16px ; color: #000000 ; }
.txt18	 { font-size: 18px ; color: #000000 ; }
.txt22	 { font-size: 22px ; color: #000000 ; }

.txtvm1  { font-size: 12px ; color: #000000 ; background-color: #F0F0F0 ; }
.txtvm2  { font-size: 12px ; color: #000000 ; background-color: #F0F0F0 ; }
.txtvm3  { font-size: 16px ; color: #993333 ; }
.txtvm4  { font-size: 12px ; color: #333333 ; }
.txtvm41 { font-size: 11px ; color: #333333 ; }
.txtvm5  { font-size: 12px ; color: #666666 ; }
.txtvm56 { font-size: 16px ; color: #666666 ; }
.txtvm6  { font-size: 12px ; color: #993333 ; }
.txtvm7  { font-size: 12px ; color: #000000 ; background-color: #E7E7CD ; }
.txtvm8  { font-size: 11px ; color: #993333 ; }

.txtblk { color: #000000 ; }
.txtblb { font-weight: bold ; color: #000000 ; }
.txtred { color: #ff0000 ; }
.txtble { color: #0000ff ; }
.bkwht { background-color: #ffffff ; }

html {
	overflow-y:scroll;
}

input:focus::-webkit-input-placeholder {
color: transparent;
}
input:focus::-moz-placeholder {
color: transparent;
}
input:focus::-ms-input-placeholder {
color: transparent;
}
input:focus::placeholder {
color: transparent;
}

#flow2 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background: #DDDDDD;
    border-radius: 5px;
    overflow: hidden;
    padding: 3px 5px 5px 5px;
	clear:both;
}
#flow2 ul {
     -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     background-color: #FFFFFF;
     border-radius: 5px;
     font-size: 0;
     list-style: none;
     margin: 0;
     overflow: hidden;
     padding: 10px;
     text-align: center;
}
#flow2 ul li {
      display: inline;
      font-size: 0;
      line-height: 0;
      margin: 0;
      margin-right: 14px;
      padding: 0;
}
#flow2 ul li:nth-last-of-type(1) { margin-right: 0px }

#btn_vts {
carsor:pointer;
width:150px;
}

.law-box, .law-box-vts {
background: #fff;
display: none;
height: auto;
opacity: 0;
max-width: 100%;
padding: 0 0 15px 0;
font-size: 12px;
text-align: left;
}
.visible.law-box, .visible.law-box-vts {
display: block;
opacity: 1;
animation-duration: 0.5s;
animation-name: fade-in;
-moz-animation-duration: 0.5s;
-moz-animation-name: fade-in;
-webkit-animation-duration: 0.5s;
-webkit-animation-name: fade-in;
}

.kcont-title {
font-weight: 600;
font-size: 20px;
padding: 10px 5px;
}

dl.page-cont dt.p-ttl {
background: #f6f6f6;
font-weight: bold;
font-size: 14px;
width: 100%;
height: 35px;
line-height: 35px;
padding: 1px 10px 0;
}

dl.page-cont dd.p-txt {
margin:0;
font-size: 110%;
padding:10px;
line-height: 1.7;
}

@media (max-width: 749px) {
.law-box-vts {
    padding: 10px;
}
}

@keyframes fade-in {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@-moz-keyframes fade-in {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}
@-webkit-keyframes fade-in {
0% {
display: none;
opacity: 0;
}
1% {
display: block;
opacity: 0;
}
100% {
display: block;
opacity: 1;
}
}

/* クーポンコード入力欄SM */
.get-coupon-inp {
border:1px solid #666;
}
/* クーポンガイドボタンSM */
.cpon_guide_bt {
color:#00c;
border:1px solid #aaa;
}