@charset "UTF-8";

/*==============================================================================================================================

0x、行きたい国で探す。
/sp/country/

===============================================================================================================================*/
h2 span{
    background:#1ac0ff url(/sp/img/bg_country.png) no-repeat right bottom;
    background-size:auto 50%;
}

#country{
	border-bottom:4px solid #fa0128;
}
#country h3{
	border-top:4px solid #1ac0ff;
	color:#06f;
	padding:10px 0;
	text-indent:2%;
	background:#fff;
}
#country ol{
	border-bottom:4px solid #79daff;
}
#country ol.last{
	border-bottom:1px solid #ccc;
}

/*common設定の上書き*/
.gray_list_menu a{
	padding-left:24% !important;
}
@media screen and (min-width:480px){
	.gray_list_menu a{
		padding-left:16% !important;
	}
}

.onBtnText{
	margin:20px auto 0 auto;
	padding:0;
	text-indent:0;
	width:96%;
	text-align:left;
}
/*common設定の上書き*/
.btn_gray_full{
	margin:5px auto 15px auto;
}
.btn_gray_full li,
.btn_gray_full li a{
	font-size:90% !important;
	font-weight:normal !important;
}


/*------------------------------------------

国別詳細

---------------------------------------------*/
h2.fig_ttl{
	text-align:center;
	border-top:none;
	border-bottom:4px solid #79daff;
}

#country_detail{
	border-top:4px solid #1ac0ff;
	border-bottom:4px solid #fa0128;
	background:url(/sp/img/ptnA.png);
	padding:0 0 20px 0;
}
#country_detail h3{
	font-size:117%;
	width:100%;
	margin:0 auto;
	line-height:1.2;
	padding:5px 0;
	color:#06f;
	text-indent:2%;
	background:#fff;
}
#country_detail>div{
	border-top:1px dashed #ccc;
}
#country_detail>div>p{
	margin-top:10px;
	margin-bottom:10px;
}


dl.crown dt{
	background:#1ac0ff url(/sp/img/icon_crown.png) no-repeat 98% center;
	background-size:auto 80%;
}
dl.crown dd ol li{
	border-bottom:1px dotted #ccc;
	height:3.5em;
	padding:0.5em 0 0 60px;
}
dl.crown dd ol li:nth-child(1){
	background:url(/sp/img/marker_crown1.png) no-repeat left 40%;
	background-size:auto 60%;
}
dl.crown dd ol li:nth-child(2){
	background:url(/sp/img/marker_crown2.png) no-repeat left 40%;
	background-size:auto 60%;
}
dl.crown dd ol li:nth-child(3){
	background:url(/sp/img/marker_crown3.png) no-repeat left 40%;
	background-size:auto 60%;
	border-bottom:none;
}



/*グレーの横並び標準ボタンが2行になるため、common設定を上書き*/
.btn_gray_half li.line2 a{
	height:3em;
	padding-top:20px;
	padding-bottom:5px;
}
.btn_gray_half li.line2:first-child a{
	padding-top:25px;
	padding-bottom:0px;
}
.btn_gray_half li.line2 a:after{
	content:"　>";
	position:relative;
	right:0;top:0;
}
/*----上書きここまで*/



.caution{
	width:96%;
	margin:0 auto;
}
.caution p{
	font-size:80%;
	text-indent:-1em;
	padding:0;
	line-height:1.3;
	margin:0 0 0 1em;
}