@charset "utf-8";

/*==========================================
 フォーム
===========================================*/


input,
textarea,
select {
    font-size: 16px!important;
}

.red2{
	color:#E32D73!important;
}

.form-img{
	float:left;
}


#form-caution{
	float:left;
	margin-bottom:15px;
	padding:0 4px 0 4px;
	text-align:justify;
}

#form-caution p{
	font-size:12px;
}

.form-b{font-size:115%!important; font-weight:bold;}
.form-s{font-size:80%;}


.form-lead{
	margin-top:3%;
	max-width:635px;
	width:100%;
	height:auto;
}

#form-base{
	margin-top:10px;
	clear:both;
}

.tbl-layout{
	width:100%;
	margin:0 auto;
	border-bottom:none;
	background-color:#fff;
}

.tbl-layout dt{
	padding:4px 0 3px 10px;
}

.tbl-layout dt{
	font-weight:bold;
	font-size:13px;
	color:#333;
	background-color:#C8DAA1;
	border-top:1px solid #fff;
}

.tbl-layout dd{
	padding:8px 5px 14px 5px;
	font-size:11px;
	border-bottom:1px solid #ccc;
	background-color:#fff;
}

.tbl-layout textarea{
	width:95%;
}

.w300{
	font-size:12px;
	width:95%;
	height:24px;
}

.w150{
	font-size:12px;
	width:50%;
	height:24px;
}

.required{
	background-color:#e32d73;
	color:#4b4a48;
	font-size:95%;
	padding:0 3px;
	color: #fff;
}

/* 他の住所 */

#other-adress{
	background-color:#FCF0DC;
	border:1px dotted #CCCCCC;
	padding:0px 0 5px 3px;
}

#other-adress p{
	padding:5px;
	font-size:90%;
}

.tbl-layout2{
	width:100%;
	margin:0 auto;
	border-bottom:none;
	background-color:#fff;
}

.tbl-layout2 dt{
	padding:4px 0 0 10px;
	font-weight:bold;
	font-size:14px;
	color:#3C3C3C;
	background-color:#FCF0DC;
}

.tbl-layout2 dd{
	background-color:#FCF0DC;
	padding:1px 5px 1px 5px;
	font-size:10px;
}

.tbl-layout2 textarea{
	width:95%;
}

/* 利用規約 */

#agreement{
	padding:0 5px 0 5px;
	text-align:center;
}

#agreement p{
	padding:10px 0 5px 0;
	font-size:85%;
	text-align:left;
}

/* 確認ボタン */

#offer{
	text-align:center;
}

.submit{
    border:1px solid #777;
    padding: 12px 25px;
    color: #fff;
    cursor: pointer;
    background: #E88B00;
    border-radius: 5px;
     
/* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#E26B6B),
        to(#B50000)
        );
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
         
/* Firefox */
    background: -moz-linear-gradient(
        top,
        #E26B6B,
        #B50000
        );
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
/* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#E26B6B,endColorstr=#B50000);
    zoom: 1;
}



/* 利用規約下部 */

#agreement-letter{
	margin:8px;
	padding:10px;
	font-size:85%;
	border:1px solid #999;
}

/* 確認ページ */

#kakunin-head {
	max-width:600px;
	width:100%;
	height:auto;
	margin:0 auto;
	background-color:#FFFCED;
}

#kakunin-head img{
  width:100%;
  height:auto;
	max-width:470px;
}

#kakunin {
	max-width:600px;
	width:100%;
	height:auto;
	border:1px solid #5A5959;
	margin:0 auto;
	font-size:13px;
	background-color: #FFFCED;
}

#kakunin h1{
	padding:10px;
	font-size:120%;
	color:#575855;
	background-color: #FFFCED;
}

#kakunin_form {
	background-color: #FFFCED;
}



#kakunin_form td{
	border:1px solid #5A5959;
	padding:5px;
	background-color: #fff;
}

.kakunin-messeage{
	padding:20px 0;
}

.kakunin-left{
	background-color: #E7E6E3!important;
    color: #595758;
}

#kakunin p{
	text-align:center;
}

/* お問い合わせ完了 */

#thanks p{
	text-align:center;
	font-size:110%;
	margin-bottom:15px;
	line-height:170%;
}

#thanks article{
	padding-top:7px;
}

#thanks a{
	text-decoration:underline;
}


/* 丸く */
.w300, .w150, textarea, .dropdown{
    border:1px solid #777;
    padding: 5px;
    color: #000;
    background: #fff;
    border-radius: 5px;
     
    /* Webkit */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#eee),
        to(#fff)
        );
     
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 1px 1px 1px #fff;
     
    /* Firefox */
    background: -moz-linear-gradient(
        top,
        #eee,
        #fff
        );
     
    -moz-border-radius: 5px;
    -moz-box-shadow: 1px 1px 1px #fff;
     
    /* IE */
    filter:progid:DXImageTransform.Microsoft.gradient
        (startColorstr=#ffeeeeee,endColorstr=#ffffffff);
    zoom: 1;
}



input::-webkit-input-placeholder {
    color: #ccc;
    font-size: 14px;
}
input:-moz-placeholder {
    color: #ccc;
    font-size: 14px;
}

/* セレクトボックスカスタム */


select {
  width: 277px;
}

span.customSelect {
	font-size:14px;
	color:#595758;
	line-height: 42px;
	height: 41px;
	width: 267px;
	padding: 0 0 0 10px;
	background:url(../../image/demo_select_hf.png);
	background-repeat:no-repeat;
	background-size:cover;
}



/* ラジオボタンカスタム */

input[type=radio],
input[type=checkbox] {
    display: inline-block;
    margin-right: 6px;
}
input[type=radio] + label,
input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 12px;
     
    font-size: 14px;
    line-height: 30px;
     
    cursor: pointer;
}
 
@media (min-width: 1px) {
    input[type=radio],
    input[type=checkbox] {
        display: none;
        margin: 0;
    }
    input[type=radio] + label,
    input[type=checkbox] + label {
        padding: 0 0 0 24px;
    }
    input[type=radio] + label::before,
    input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 18px;
        height: 18px;
        margin-top: -9px;
         
        background: #FFF;
    }
    input[type=radio] + label::before {
        border: 2px solid #ccc;
        border-radius: 30px;
    }
    input[type=checkbox] + label::before {
        border: 2px solid #ccc;
    }
    input[type=radio]:checked + label::after,
    input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #E71063;
        border-radius: 8px;
    }
    input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 16px;
        height: 8px;
        margin-top: -8px;
         
        border-left: 3px solid #E71063;
        border-bottom: 3px solid #E71063;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}