@charset "UTF-8";

/*   all_parts   */
[data-pagetype="list"] #contents,
[data-pagetype="detail"] #contents{
	width:100%;
	margin:0 auto;
	
	position:relative;

}

[data-pagetype="detail"] #contents_inner{
	width:1000px;
	margin:0 auto;

	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

[data-pagetype="detail"] #main_contents{
	width:790px;

}



/*   list   */
body[data-pagetype="list"] #back-img{
	background-image: url(/us/region/images/map.png);
	background-size: auto;
	background-repeat: no-repeat;
	background-position: top center;
	min-height:520px;
	
	top:168px;
	
	border-top: solid 1px #f2f2f2;
}

#listtitle_area{
	width:1000px;
	height:320px;
	
	margin:0 auto;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	align-content: center;
	align-items: center;
}

#listtitle_area h1{
	width:100%;
	
	font-family: 'Noto Sans JP', sans-serif;
	font-size:46px;
	font-weight:700;
	line-height:46px;
	color:#000;
	letter-spacing: 0.1em;
	text-align:center;
	
	padding:0 0 30px 0;
}

#main_contents{
	width:1000px;
	margin:0 auto;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

	justify-content: space-between
}

#main_contents .main_area{
	width:23%;
	margin:0;
	padding:0 25px;
	
	position:relative;
	
	border-right: solid 1px #f2f2f2;
}

#main_contents .main_area:nth-child(1){
	width:25%;
}

#main_contents .main_area:nth-child(2){
	width:28%;
}

#main_contents .main_area .region_link_block{
	margin: 0 0 30px 0;
}

#main_contents .main_area .region_link_block a{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:24px;
	font-weight:900;
	line-height:24px;
	color:#000;
	text-align:left;
	
	display: block;
	
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
	align-items: center;
	align-content: center;
}

#main_contents .main_area .region_link_block a::after{
	content: "";
	background-image: url(/us/region/images/link_arrow.png);
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	
	display: block;
	
	width: 17px;
	height: 17px;
}

#main_contents .main_area .region_link_block p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:16px;
	color:#000;
	text-align:left;
	
	display: block;
	margin: 10px 0 0 0;
}

#main_contents .main_area ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main_contents .main_area li{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:16px;
	font-weight:400;
	line-height:16px;
	color:#000;
	text-align:left;
	
	margin: 0 0 15px 0;
}

#main_contents .main_area li a{
	color:#000;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	align-content: center;
	align-items: center;
}

#main_contents .main_area li a img{
	margin: 0 10px 0 0;
	
	flex-basis: 22px;
}

select{position:relative;padding:0 0 0 .4em;height:35px;min-height:35px;font-size:14px;border:1px solid #cdcdcd;border-radius:0;overflow-x:hidden;}
select:focus{outline:none;}
select{padding:0 34px 0 .4em;background-image:url(/us/region/images/select_bg.png);background-repeat:no-repeat;background-position:right center;background-color:#ffffff;}
select:hover{border-color:#b4b4b4;}
_:-ms-fullscreen,:root select{padding-right:0;background-image:none;}
select, option{text-transform:none;-webkit-appearance:none;-moz-appearance:none;}
select:disabled.error{background-color:#e6e6e6;border-color:#b4b4b4;}
select:disabled,
select:disabled:hover{background-image:url(../img/select.png);cursor:not-allowed;}
option{color:#333;background-color:#fff;}


#select_contents{
	width:1000px;
	margin:60px auto 120px auto;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;

	justify-content: center;
}

#select_contents p{
	font-family: 'Noto Sans JP', sans-serif;
	font-size:24px;
	font-weight:900;
	line-height:24px;
	color:#000;
	text-align:left;
	
	margin: 0 20px 0 0;
}

#select_contents fieldset{
	width: 400px;
}









/*   smart phone   */
@media screen and (max-width:640px) {
/*   all_parts   */
[data-pagetype="list"] #contents,
[data-pagetype="detail"] #contents{
	width:100%;
	margin:0 auto;
	
	position:relative;
	background-color:#fff;

}

[data-pagetype="detail"] #contents_inner{
	width:100%;
	margin:0 auto;

	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

#main_contents{
	width:100%;
	margin:0 auto;
}

[data-pagetype="detail"] #main_contents{
	width:100%;

}



/*   list   */
body[data-pagetype="list"] #back-img{
	background-image: url(/us/region/images/map.png);
	min-height:520px;
	background-size:contain;
	top:120px;
}

#listtitle_area{
		width:100%;
	height:40vw;
	
		margin:0 auto;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		align-content: center;
		align-items: center;
}

#listtitle_area h1{
	width:100%;

		font-family: 'Noto Serif JP', serif;
		font-size:42px;
		font-weight:700;
		line-height:46px;
		color:#000;
		letter-spacing: 0.1em;
	text-align:center;

		padding:0 1.0rem 30px 1.0rem;
}

#main_contents{
		width:100%;
		margin:0 auto;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between
}

#main_contents .main_area{
	width:50%;
		margin:0;
		padding:0 25px;

		position:relative;

		border-right: solid 1px #f2f2f2;
}

#main_contents .main_area:nth-child(1){
	width:50%;
}

#main_contents .main_area:nth-child(2){
	width:50%;
}

#main_contents .main_area .region_link_block{
		margin: 0 0 30px 0;
}

#main_contents .main_area .region_link_block a{
		font-family: 'Noto Sans JP', sans-serif;
		font-size:24px;
		font-weight:900;
		line-height:24px;
		color:#000;
		text-align:left;

		display: block;


		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:nowrap;
		-ms-flex-wrap:nowrap;
		flex-wrap:nowrap;

		justify-content: space-between;
		align-items: center;
		align-content: center;
}

#main_contents .main_area .region_link_block a::after{
		content: "";
		background-image: url(/us/region/images/link_arrow.png);
		background-size: 100%;
		background-repeat: no-repeat;
		background-position: center;

		display: block;

		width: 17px;
		height: 17px;
}

#main_contents .main_area .region_link_block p{
		font-family: 'Noto Sans JP', sans-serif;
		font-size:16px;
		font-weight:400;
		line-height:16px;
		color:#000;
		text-align:left;

		display: block;
		margin: 10px 0 0 0;
}

#main_contents .main_area ul{
		margin: 0;
		padding: 0;
		list-style-type: none;
}

#main_contents .main_area li{
		font-family: 'Noto Sans JP', sans-serif;
		font-size:16px;
		font-weight:400;
		line-height:16px;
		color:#000;
		text-align:left;

		margin: 0 0 15px 0;
}

#main_contents .main_area li a{
		color:#000;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		align-content: center;
		align-items: center;
}

#main_contents .main_area li a img{
		margin: 0 10px 0 0;

		flex-basis: 22px;
}

select{position:relative;padding:0 0 0 .4em;height:35px;min-height:35px;font-size:14px;border:1px solid #cdcdcd;border-radius:0;overflow-x:hidden;}
select:focus{outline:none;}
select{padding:0 34px 0 .4em;background-image:url(/us/region/images/select_bg.png);background-repeat:no-repeat;background-position:right center;background-color:#ffffff;width: 100%;}
select:hover{border-color:#b4b4b4;}
_:-ms-fullscreen,:root select{padding-right:0;background-image:none;}
select, option{text-transform:none;-webkit-appearance:none;-moz-appearance:none;}
select:disabled.error{background-color:#e6e6e6;border-color:#b4b4b4;}
select:disabled,
select:disabled:hover{background-image:url(../img/select.png);cursor:not-allowed;}
option{color:#333;background-color:#fff;}


#select_contents{
	width:100%;
		margin:60px auto 120px auto;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: center;
}

#select_contents p{
		font-family: 'Noto Sans JP', sans-serif;
		font-size:24px;
		font-weight:900;
		line-height:24px;
		color:#000;
		text-align:left;

	margin: 0 0 0 0;
}

#select_contents fieldset{
	width: 100%;
}




}