﻿@charset "utf-8";

.txt_red a:link{
	color:#ED1C24;
}
.txt_red a:visited{
	color:#ED1C24;
}

/* ラジオボタン
======================================= */
input[type="radio"] {
    -webkit-appearance:none;
    position:relative;
    margin-right:5px;
    border-radius:14px;
	-webkit-border-radius:14px;  
	-moz-border-radius:14px;
	
    border:2px solid #29ABE2;
    -webkit-box-sizing border-box;
    width:28px;
    height:28px;
    vertical-align:middle;
}
/* チェック時は背景色を変更 */
input[type="radio"]:checked {
	background-color:#fff;
}
/* チェックの印を:before疑似要素を使って作成 */
input[type="radio"]:checked:before {
    position:absolute;
    left:50%;
    top:50%;
    display:block;
    margin:-5px 0 0 -5px;
    content:"";
    border-radius:5px;
	-webkit-border-radius:5px;  
	-moz-border-radius:5px;
    width:10px;
    height:10px;
	background-color:#29ABE2;
}


/* チェックボックス
======================================= */
input[type=checkbox]{
    -webkit-appearance:none;
    position:relative;
    margin-right:5px;
    border:solid 2px #29ABE2;
    -webkit-box-sizing border-box;
    width:28px;
    height:28px;
}
/* チェック時は背景色を変更 */
input[type="checkbox"]:checked {
	background-color:#fff;

}
/* チェックの印を:before疑似要素と:after疑似要素を使って作成 */
input[type="checkbox"]:checked:before {
    position:absolute;
    left:1px;
    top:17px;
    display:block;
    content: "";
    width:10px;
    height:4px;
    background:#29ABE2;
    -webkit-transform:rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display:block;
    position:absolute;
    left:9px;
    top:17px;
    content: "";
    width:19px;
    height:4px;
    background:#29ABE2;
    -webkit-transform:rotate(-53deg);
    -webkit-transform-origin:left center;
}



/* インプットエリア
======================================= */
input[type=text],input[type=email],input[type=tel]{
	width:90%;
	padding:5px 3px;
	
	font-size:16px;
	border:solid 2px #29ABE2;
	-webkit-appearance:none;

    border-radius:0px;
	-webkit-border-radius:0px;  
	-moz-border-radius:0px;
}
/* セレクト
======================================= */
select{
	color:#323232;
	width:90%;
	padding:5px 3px;	
	font-size:16px;
	border:solid 2px #29ABE2;
	-webkit-appearance:none;
    border-radius:0px;
	-webkit-border-radius:0px;  
	-moz-border-radius:0px;
}

/* テキストエリア
======================================= */
textarea{
	width:97%;
	padding:5px 3px;
	
	font-size:16px;
	border:solid 2px #29ABE2;
	resize: none;
	-webkit-appearance:none;

    border-radius:0px;
	-webkit-border-radius:0px;  
	-moz-border-radius:0px;
}

/* サブミットボタン
======================================= */
#form_submit{
	position:absolute;
	left:-9999px;
}

/* 戻るボタン（リセット）
================================================== */	
section#contents #base_reset_btn{
	text-align:center;
	width:94.5%;
	margin:10px auto 0px auto;
	background-color:#E6E6E6;
	border:solid 2px #ccc;
	height:34px;
	font-weight:bold;
	font-size:14px;
	line-height:34px;
	
	border-radius: 6px;
	-webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 6px;   /* Firefox用 */ 
}
section#contents #base_reset_btn img{
	position:relative;
	top:4px;
}
 
/* 2017/11/07 追加
================================================== */
.hissu{
	width: 50px;
    background-color: #f00;
    display: inline-block;
    text-indent: 0;
    text-align: center;
    color: #fff;
    margin-left: 1em;
    border-radius: 5px;
	-webkit-border-radius: 5px;
}
#privacy{
	border: solid 1px #7f7f7f;
	margin:0 auto;
	width:90%;
	max-width:420px;
	padding:5px;
	margin-top:10px;
}
#privacy2{
	border: solid 1px #7f7f7f;
	margin:0 auto;
	width:90%;
	max-width:420px;
	padding:5px;
	margin-top:10px;
}
section#contents .submit_btn{
	text-align: center;
    width: 94.5%;
    margin: 0px auto;
    background-color: #FF8200;
    box-shadow: 3px 4px 1px rgba(192,192,192,1),-3px 4px 1px rgba(192,192,192,1);
    font-weight: bold;
    font-size: 14px;
    line-height: 42px;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	border:none;
	-webkit-appearance: none;
}
section#contents .confirm_disabled{
	background-color: #d88e41;
}

/*サービスエリア　リンク
--------------------------------------------------------*/

.service_area{
	color:#29ABE2;
	text-decoration:underline;
}