@charset "utf-8";
/* ------------------------------------- */
/* abandonPin調整用 */
/* ------------------------------------- */
.global .global_left .header_logo{
	padding: 10px;
}
.global .global_left .header_logo_oem{
	padding: 10px;
	width: auto;
}
.footer_links{
	width: 960px;
	margin: 0 auto 20px;
}
/* ------------------------------------- */
/* content */
/* ------------------------------------- */
.content_body{
	width: 960px;
	margin: 0 auto;
	padding: 50px 0;
	color: #333;
	font-size: 14px;
	line-height: 1.75;
}
.content_body a{
	color: #0075C2;
}
.content_body h1{
	font-weight: 500;
	font-size: 24px;
	margin-bottom: 30px;
}
.content_body h2{
	margin-bottom: 10px;
	padding: 0 10px;
	border-left: 5px solid #0075C2;
	font-weight: 500;
	font-size: 18px;
	margin-bottom: 20px;
}
.content_body .summary{
	font-size: 15px;
}
.content_body .summary_list li{
	padding-left: 1em;
	text-indent: -1em;
}
.content_body .caution_list li{
	display: inline-block;
	font-size: 15px;
	padding: 5px 0 5px 30px;
	position: relative;
}
.content_body .caution_list li:before{
	position: absolute;	
	content: "!";
	color: #fff;
	background-color: #f8b500;
	border-radius: 50%;
	height: 20px;
	width: 20px;
	top: 7px;
	left: 2px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	position: absolute;
}
.content_body .color_red{
	color: #FF0000;
}
.content_body .section{
	margin-bottom: 30px;
}
/* ------------------------------------- */
/* check_area */
/* ------------------------------------- */
.check_area .error{
	color: #FF0000;
	margin-bottom: 20px;
}
.check_area .error a{
	color: #FF0000;
	text-decoration: underline;
}
.check_hiragana{
	background-color: #f3f3f3;
	text-align: center;
	padding: 40px 20px;
	font-size:16px;
	margin-bottom: 30px;
}
.check_hiragana dl{
	display: table;
	margin: 0 auto;
}
.check_hiragana dl dt{
	padding-right: 20px;
}
.check_hiragana dl dt,
.check_hiragana dl dd{
	display: table-cell;
	color: #333;
	vertical-align: middle;
}
.check_hiragana input{
	font-family: inherit;
	font-size:16px;
	padding: 10px;
	width: 300px;
	border: 1px solid #666;
	border-radius: 4px;
	box-sizing: border-box;
	line-height: 1;
	color: #333;
	outline: none;
	background-color: #fff;
	background-image: none;
	box-shadow: none;
	transition: 0.2s ease-in-out;
}
.check_hiragana input:focus{
	border: solid 1px #ceecfb;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(206,236,251,1);
}
.check_hiragana input::placeholder{
	color: #CDD6DD;
}
/* ------------------------------------- */
/* result_area */
/* ------------------------------------- */
.result_area{
	background-color: #f3f3f3;
	text-align: center;
	padding: 40px 20px;
	font-size:16px;
	margin-bottom: 30px;
}
.result_text{
	text-align: center;
	margin-bottom: 20px;
	font-size: 15px;
}
.result_text span{
	font-size: 18px;
}
.result_abandon .result_text span{
	color: #cc4e4e;	
}
.result_not_abandon .result_text span{
	color: #0075C2;
}
.result_frame{
	background-color: #fff;
	padding: 20px 70px;
	width: 630px;
	margin: 0 auto;
	font-size: 16px;
	text-align: left;
	box-sizing: border-box;
}
.result_abandon .result_frame{
	border: 2px #C34142 solid;
}
.result_not_abandon .result_frame{
	border: 2px #0075C2 solid;
}
.select_summary{
	text-align: center;
	font-size: 16px;
	font-weight: 500;
}
.select_summary span{
	font-size: 18px;
	color: #0075C2;
}
.refund_btn_area{
	padding-top: 30px;
	border-top: 1px #AAAAAA solid;
}
.end_exchange{
	margin-top: 30px;
	font-size: 14px;
	text-align: center;
}
/* ------------------------------------- */
/* 共通ボタン */
/* ------------------------------------- */
.btn_area .btn_white,
.btn_area .btn_blue,
.btn_area .btn_light_blue{
	font-family: inherit;
	-webkit-appearance: none;
	cursor: pointer;
	border: none;
	display: block;
	margin: 0 auto;
	padding: 0 10px;
	text-align: center;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;	
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.btn_area .btn_white{
	background-color: transparent;
	color: #0075C2;
	border: solid 1px #0075C2;
	width: 160px;
	height: 40px;
	line-height: 40px;	
}
.btn_area .btn_blue{
	background-color: #0075C2;
	color: #fff;
	width: 320px;
	height: 60px;
	line-height: 60px;
}
.btn_area .btn_light_blue{
	background-color: #3490D6;
	color: #fff;
	width: 320px;
	height: 60px;
	line-height: 60px;
}
.btn_area .btn_white:hover,
.btn_area .btn_blue:hover,
.btn_area .btn_light_blue:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.btn_area .btn_white:focus{
	border: solid 1px #0075C2;
	outline: 0;
	box-shadow: none;
}
.btn_area .btn_blue:focus,
.btn_area .btn_light_blue:focus{
	border: none;
	outline: 0;
	box-shadow: none;
}
/* ------------------------------------- */
/* form_block */
/* ------------------------------------- */
.form_block{
	width: 100%;
}
.form_block .error{
	margin-top: 10px;
	color: #FF0000;
}
.form_block table,
.form_block table th,
.form_block table td{
	box-sizing: border-box;
	word-break: break-all;
	border-collapse: collapse;
	vertical-align: middle;
}
.form_block table{
	width: 100%;
	margin-bottom: 40px;
	border: 1px solid #aaa;
}
.form_block table th{
	background-color: #b9e4ff;
	padding: 10px;
	text-align: center;
	font-weight: bold;
	min-width: 200px;
	border: 1px solid #aaa;
}
.form_block table td{
	padding: 10px;
	box-sizing: border-box;
	text-align: left;
	border: 1px solid #aaa;
}
.form_block table caption{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.form_block .bank_list{
	margin-bottom: 10px;
	text-align: left;
}
.form_block .bank_list li{
	width: 25%;
	margin-bottom: 10px;
	display: inline-block;
}
.form_block .bank_list li .btn_white{
	margin: 0 auto;
	width: 90%;
	font-size: 14px;
}
.form_block .account_name_apply li{
	margin-bottom: 10px;
}
.form_block .account_name_apply li:last-child{
	margin-bottom: 0;
}
.form_block .account_name_apply li dl dt{
	margin-bottom: 5px;
}
.form_block .hiragana_apply_list li{
	margin-bottom: 10px;
}
.form_block .hiragana_apply_list li:last-child{
	margin-bottom: 0;
}
.form_block .hiragana_apply_list li dl dt{
	margin-bottom: 5px;
}
.form_block .confirm_table{
	border: 2px solid #0075C2;
}
.form_block .refund_amount tr:nth-child(2n+1) td{
	background-color: #e8f6ff;
}
/* ------------------------------------- */
/* form */
/* ------------------------------------- */
.form_block form input,
.form_block form textarea,
.form_block form select{
	font-family: inherit;
	font-size:16px;
	padding:10px;
	width: 100%;
	border:1px solid #CDD6DD;
	border-radius: 0;
	box-sizing: border-box;
	line-height: 1;
	color: #333;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	transition: 0.2s ease-in-out;
}
.form_block input:focus,
.form_block textarea:focus,
.form_block select:focus{
	border: solid 1px #ceecfb;
	outline: 0;
	box-shadow: 0 0 0 2px rgba(206,236,251,1);
}
.form_block input::placeholder,
.form_block textarea::placeholder {
	color: #CDD6DD;
}
/* ------------------------------------- */
/* ファイルアップロード枠 */
/* ------------------------------------- */
.form_block form input[type="file"]{
	padding:0;
	width: auto;
	border: none;
}
.form_block form input[type="file"]{
	border: none;
	box-shadow: none;
}
.form_block form input[type="file"]::file-selector-button {
	background-color: #3B4043;
	color: #fff;
	font-family: inherit;
	-webkit-appearance: none;
	cursor: pointer;
	border: none;
	height: 40px;
	min-width: 60px;
	padding: 0 10px;
	margin-right: 20px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	line-height: 40px;
	border-radius: 4px;
	box-sizing: border-box;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.form_block form input[type="file"]::file-selector-button:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
/* ------------------------------------- */
/* 入力欄(サイズ指定) */
/* ------------------------------------- */
.form_block form .input_w150{
	width: 150px;
}
.form_block form .input_w200{
	width: 200px;
}
.form_block form .input_w300{
	width: 300px;
}
/* ------------------------------------- */
/* 共通ラジオボタン */
/* ------------------------------------- */
.radio_area{
	position:relative;
}
.radio_list li{
	display: inline-block;
	margin-right: 10px;
}
.radio_list input{
	display: none;
}
.radio_list label{
	display: inline-block;
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 20px 20px 20px 40px;
	text-align: left;
	line-height: 1;
	box-sizing: border-box;
}
.radio_list label:before{
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	width: 26px;
	height: 26px;
	margin: auto 0;
	border: solid 1px #aaa;
	border-radius: 50%;
}
.radio_list input[type="radio"]:checked + label{
	z-index: 1;
}
.radio_list input[type="radio"]:checked + label:before{
	border: solid 1px #0477C2;
}
.radio_list input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 0;
	bottom: 0;
	left: 0;
	width: 12px;
	height: 12px;
	margin: auto 8px;
	border-radius: 50%;
	background: #0477C2;
}
/* ------------------------------------- */
/* メンテナンス告知枠 */
/* ------------------------------------- */
#attentionInfoList{
	width: 954px;
	margin: 0 auto 20px;
	text-align: center;
	background:#E6EFFF;
	border:3px solid #6CA5F6;
}
#attentionInfoList_inner{
	padding:15px;
}
#attentionInfoList_inner li p{
	text-align:left;
	font-size:16px;
}
#attentionInfoList_inner li p.infoDate{
	text-align:right;
	font-size:12px;
}
/* ------------------------------------- */
/* 汎用クラス */
/* ------------------------------------- */
/* margin padding */
.ma0 {
	margin:0;
}
.mauto{
	margin-left:auto;
	margin-right:auto;
}
.ma10 {
	margin:10px;
}
.mv10 {
	margin-top:10px;
	margin-bottom:10px;
}
.mh10 {
	margin-left:10px;
	margin-right:10px;
}
.mt10 {
	margin-top:10px;
}
.mb10 {
	margin-bottom:10px;
}
.ml10 {
	margin-left:10px;
}
.mr10 {
	margin-right:10px;
}
.ma20 {
	margin:20px;
}
.mv20 {
	margin-top:20px;
	margin-bottom:20px;
}
.mh20 {
	margin-left:20px;
	margin-right:20px;
}
.mt20 {
	margin-top:20px;
}
.mb20 {
	margin-bottom:20px;
}
.ml20 {
	margin-left:20px;
}
.mr20 {
	margin-right:20px;
}
.ma30 {
	margin:30px;
}
.mv30 {
	margin-top:30px;
	margin-bottom:30px;
}
.mh30 {
	margin-left:30px;
	margin-right:30px;
}
.mt30 {
	margin-top:30px;
}
.mb30 {
	margin-bottom:30px;
}
.ml30 {
	margin-left:30px;
}
.mr30 {
	margin-right:30px;
}
.pa0 {
	padding:0;
}
.pa10 {
	padding:10px;
}
.pv10 {
	padding-top:10px;
	padding-bottom:10px;
}
.ph10 {
	padding-left:10px;
	padding-right:10px;
}
.pt10 {
	padding-top:10px;
}
.pb10 {
	padding-bottom:10px;
}
.pl10 {
	padding-left:10px;
}
.pr10 {
	padding-right:10px;
}
.pa20 {
	padding:20px;
}
.pv20 {
	padding-top:20px;
	padding-bottom:20px;
}
.ph20 {
	padding-left:20px;
	padding-right:20px;
}
.pt20 {
	padding-top:20px;
}
.pb20 {
	padding-bottom:20px;
}
.pl20 {
	padding-left:20px;
}
.pr20 {
	padding-right:20px;
}
.pa30 {
	padding:30px;
}
.pv30 {
	padding-top:30px;
	padding-bottom:30px;
}
.ph30 {
	padding-left:30px;
	padding-right:30px;
}
.pt30 {
	padding-top:30px;
}
.pb30 {
	padding-bottom:30px;
}
.pl30 {
	padding-left:30px;
}
.pr30 {
	padding-right:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
.pb40 {
	padding-bottom:40px;
}
.pb50 {
	padding-bottom:50px;
}
/* テキスト関係 */
.tcenter {
	text-align:center;
}
.tleft {
	text-align:left;
}
.tright {
	text-align:right;
}
.lheight1{
	line-height: 1;
}
.wbreakall{
	word-break: break-all;
}
.fwbold{
	font-weight: bold;
}
.fsize10{
	font-size:10px;
}
.fsize11{
	font-size:11px;
}
.fsize12{
	font-size:12px;
}
.fsize14{
	font-size:14px;
}
.fsize15{
	font-size:15px;
}
.fsize16{
	font-size:16px;
}
.fsize18{
	font-size:18px;
}
.fsize20{
	font-size:20px;
}
/* レイアウト */
.fleft{
	float:left;
}
.fright{
	float:right;
}
.vatop{
	vertical-align: top;
}
.vamiddle{
	vertical-align: middle;
}
.vabottom{
	vertical-align: bottom;
}
.wr5{
	width:5%;
}
.wr10{
	width:10%;
}
.wr15{
	width:15%;
}
.wr20{
	width:20%;
}
.wr25{
	width:25%;
}
.wr30{
	width:30%;
}
.wr35{
	width:35%;
}
.wr40{
	width:40%;
}
.wr45{
	width:45%;
}
.wr50{
	width:50%;
}
.wr55{
	width:55%;
}
.wr60{
	width:60%;
}
.wr65{
	width:65%;
}
.wr70{
	width:70%;
}
.wr75{
	width:75%;
}
.wr80{
	width:80%;
}
.wr85{
	width:85%;
}
.wr90{
	width:90%;
}
.wr95{
	width:95%;
}
.wr100{
	width:100%;
}