@charset "utf-8";
@import url("pages.css");
/*--京base.css--*/
/*###############PC first###############*/
.flow_box{
	background:#fff;
	overflow:hidden;
	padding:30px 20px;
}

.flow_box a{
	color:#003d84;
	text-decoration:underline;
}

.order_2{
	color:#066D79;
	font-size:1.4em;
	font-weight:bold;
	padding:0 0 5px 0;
	text-align:center;
	border-bottom:1px dotted #aaa;
	margin-bottom:20px;
}

.flow_arr{
	text-align:center;
	font-size:28px;
	padding:15px 0;
	clear:both;
}

	.flow_arr:before{
		font-family: FontAwesome;
		content:"\f063";
		color:#8ecdf0;
	}
	
.flow_arr_dbl{
	clear:both;
	padding:15px 0;
	overflow:hidden;
}

	.flow_arr_dbl ul li{
		width:350px;
		text-align:center;
	}
	
	.flow_arr_dbl ul li:nth-child(odd){
		float:left;
	}
	
	.flow_arr_dbl ul li:nth-child(even){
		float:right;
	}
	
	.flow_arr_dbl .flow_arr.fa_l{
		transform:rotate(-45deg);
		display:inline-block;
		padding:0;
	}
	
	.flow_arr_dbl .flow_arr.fa_r{
		transform:rotate(45deg);
		display:inline-block;
		padding:0;
	}
	
.order_way_label{
	background:#066D79;
	color:#fff;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	padding:15px 0;
	border-radius:5px;
	position:relative;
	margin-bottom:40px;
}

	.order_way_label:before{
		content:"";
		display:inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #066D79 transparent transparent transparent;
		position:absolute;
		left:50%;
		bottom:-10px;
	}
	
.flow_item{
	background:#D6FFDD;
	padding:10px;
	border-radius:5px;
	font-weight:bold;
}

.flow_item_ttl{
	font-size:1.2em;
}

.flow_note{
	margin-top:10px;
}

.flow_reply{
	border:2px solid #1AA7B4;
	padding:10px;
	border-radius:5px;
}

.flow_mt10{
	margin-top:10px;
}

.flow_furikomi{
	background:#fff09e;
	border-radius:5px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	padding:10px 0;
}

.fr_uketsuke > .box_header{
	font-weight:bold;
}

.fr_uketsuke > ul{
	margin-left:1em;
}

.fr_uketsuke > ul li{
	margin-bottom:0.5em;
}

.fr_uketsuke > ul li:last-child{
	margin-bottom:0;
}

.fr_uketsuke > ul li:before{
	font-family: FontAwesome;
	content:"\f0da";
	color:#0063a4;
	margin-left:-0.6em;
}

.column_a{
	width:350px;
	float:left;
}

.column_b{
	width:350px;
	float:right;

}
.column_c{
	clear:both;
	margin:0 auto;
	width:500px;
}
.colomn_c_inner_inner{
	margin-left:auto;
	margin-right:auto;
	width:300px;
	text-align:center;
}

.back_color_1{

}
.back_color_order{
	background-color:#FF0;
	font-size:20px;
	font-weight:bold;
	display:inline-block;
	padding:4px;
	margin-left:10px;
}
.back_color_3{
	background-color:#D6FFDD;
	font-size:13px;
	font-weight:bold;
	display:inline-block;
	padding:4px;
	margin-left:10px;
	margin-bottom:10px;
}
.border_color_1{
	border:2px solid #1AA7B4;
	font-size:13px;
	font-weight:bold;
	border-radius:5px;
	padding:10px;
	display:block;
	margin-left:10px;


}
.text_color_1{
	color:#1AA7B4;
}
.text_color_2{
	color:#FF0000;
	font-size:13px;
}
.text_color_3{
	color:#0060B6;
}
.back_color_4{
	color:#FF3300;
}
.font_size_1{
	font-size:22.48px;
}
.font_size_2{
	font-size:14px;
}
.font_size_3{
	font-size:11px;
}
.font-size_4{
	font-size:21px;
}
.font_bold{
	font-weight:bold;
}
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
	.column_a{
		width:100%;
	}
	.column_b{
		width:100%;
	}
	.column_c{
		width:100%;
	}
	.flow_box{
		height:100%;
	}
}