@charset "utf-8";
/* CSS Document */
#tourism{
	margin-bottom: 100px;
}
#tourism #map_tourism{
	width: 100%;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#tourism #lang_bt{
	margin: 50px 5%;
	text-align: right;
}
#tourism #lang_bt li{
	display: inline-block;
	cursor: pointer;
	font-size: 20px;
	border-bottom: 1px solid #fff;
	-ms-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#tourism #lang_bt li:hover{
	border-bottom: 1px solid #000;
}
#tourism #lang_bt #jp_bt{
	display: none;
}
#tourism .box_wrap{
	width: 100%;
	margin-bottom: 100px;
	display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	justify-content: left;
	word-break: break-all;
}
#tourism .top_txt{
	font-size: 24px;
	letter-spacing: 5px;
	text-align: center;
	margin-bottom: 50px;
}
#tourism .top_txt span{
	display: inline-block;
	border-bottom: 5px solid #010f3b;
	padding-bottom: 10px;
}
#tourism .box{
	width: 44%;
	margin: 2%;
	padding: 1%;
	float: left;
}
#tourism .box .no{
	margin-bottom: 5px;
}
#tourism .box .no img{
	height: 100px;
	width: auto;
}
#tourism .box .box_photo{
	padding: 5%;
	margin-bottom: 15px;
	box-shadow: 5px 5px 5px #ccc;
	border: 1px solid #F0F0F0;
}
#tourism .box .box_title{
	font-size: 20px;
	letter-spacing: 4px;
	margin-bottom: 10px;
	color: #010f3b;
}
#tourism .box address,#tourism .box p{
	margin: 0 5%;
}
#tourism .box .box_kyori,#tourism .box .box_txt{
	margin-bottom: 10px;
}
#tourism .box .box_url{
}
#box_en{
	display: none;
}
/*ここからタブレット用（768px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 780px){
#tourism .box .no img{
	height: 80px;
	width: auto;
}
#tourism #lang_bt li{
	border-bottom: 1px solid #000;
}}
/*ここからスマートフォン用(480px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 480px){
#tourism .top_txt{
	font-size: 18px;
	letter-spacing: 3px;
}
#tourism .top_txt span{
	border-bottom: 3px solid #010f3b;
}
#tourism .box{
	width: 94%;
	margin: 2% 3%;
	padding: 1%;
	float: none;
}
#tourism .box .no{
	margin-bottom: 5px;
}
#tourism .box .no img{
	height: 60px;
	width: auto;
}
#tourism .box .box_title{
	font-size: 18px;
}
#tourism .box address,#tourism .box p{
	margin: 0 2%;
}
#tourism .box .box_kyori,#tourism .box .box_txt{
	margin-bottom: 10px;
}
#tourism .box .box_url{
	word-break: break-all;
}}