@charset "utf-8";

.sp{display:none;}
.pc{display:block;}
#m_contents { width:1100px; margin:10px auto; font-family: Arial, Helvetica, "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif !important; }
#m_contents h3 { background-color:#fdd3e9; height:40px; border-bottom:2px solid #db93b8; padding:15px 0 0 30px; font-size:25px; color:#8061a2; margin-top:30px;}
#top_img p { text-indent:-9999px !important;}
#m_contents .top_txt { font-size:120%;padding:5px 20px;line-height:1.5; }
#m_contents .roundtrip ul { overflow:hidden; padding:4px; }
#m_contents .roundtrip li { float:left; width:348px; margin:8px; }

#m_contents .roundtrip li span { display:block; background-color:#8061a2; padding:8px; text-align:center; color:#fff; font-size:17px; line-height: 1.2em; font-weight: bold;  }
#m_contents .roundtrip li .link_tour { font-weight: bold; color: red; }
#m_contents .roundtrip li .txt_s { display:inline-block; padding:0 0.5em; font-size:14px; }
#m_contents .roundtrip li a { text-decoration:none; }
#m_contents .roundtrip li p { padding:10px; line-height:1.8em; background-color:#fbf7da; height:240px; }

 /*--------------------------------------------------
tour_box
--------------------------------------------------*/
#m_contents .tour_box{
	width:1100px;
	margin:0 auto;
	padding:20px 0 10px 0;
}
#m_contents .tour_box h4 {
	text-align: center;
	font-size: 28px;
	margin-top:20px;
	margin-bottom:15px;
}
#m_contents .tour_box .tour_link_port{
	overflow:hidden;
}
#m_contents .tour_box .tour_link_port li{
	float:left;
	width:50%;
	font-weight:bold;
	margin-bottom:10px;
}
#m_contents .tour_box .tour_link_port li a{
	display:block;
	border:2px solid #8061a2;
	border-radius:30px;
	background:#8061a2;
	color:#ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	padding:15px 0px;
	margin:0 10px;
}
#m_contents .tour_box .tour_link_port li a:hover{
	background:#ffffff;
	color:#8061a2;
}

 /*--------------------------------------------------
cityinfo
--------------------------------------------------*/
#m_contents .cityinfo h4 {
	text-align: center;
	font-size: 28px;
	margin-top:20px;
	margin-bottom:15px;
}
#m_contents .cityinfo ul { overflow:hidden; padding:4px; }
#m_contents .cityinfo li { float:left; width:348px; margin:8px; }

#m_contents .cityinfo li span { display:block; background-color:#e6d9f3; padding:6px; text-align:center; font-size:16px; line-height: 1.2em; }
#m_contents .cityinfo li .link_tour { font-weight: bold; color: red; }
#m_contents .cityinfo li .txt_s { display:inline-block; padding:0 0.5em; font-size:14px; }
#m_contents .cityinfo li p { padding:7px; line-height:1.8em; background-color:#fbf7da; height:130px; }


#return_top { text-align:center; margin:10px; }
#return_top a { background: url("//image.stworld.jp/images/common/tri01.gif") no-repeat scroll left 5px rgba(0, 0, 0, 0); line-height: 1em; padding-left: 10px; }



@media screen and (max-width: 767px) {
/*==========================================
 スマホ
===========================================*/
.pc{display:none;}
.sp{display:block;}
#m_contents { width:100%;}
#top_img img { width:100%; }
#m_contents h3 { width:100%; }
#top_img p { text-indent:-9999px !important; }
#m_contents .roundtrip li { float:left; width:48%; margin:1%; }
#m_contents .roundtrip li img { width:100%;}
#m_contents .roundtrip li span { display:block; padding:3%; color:#fff; font-size:16px; }
#m_contents .roundtrip li p { padding:7px; line-height:1.8em; background-color:#fbf7da; height:100%; }
.arrow{ display:none;}

 /*--------------------------------------------------
tour_box
--------------------------------------------------*/
#m_contents .tour_box {
		width:auto;
		margin:0 10px;
		padding:27px 0;
	}
#m_contents .tour_box h4 {
	text-align: center;
	font-size: 20px;
	margin-bottom:15px;
}

#m_contents .tour_box .tour_link_port{
		overflow: hidden;
	}

#m_contents .tour_box .tour_link_port li{
		float:left;
		width:50%;
		padding:15px 0 0;
	}
	
#m_contents .tour_box  .tour_link_port li a{
		font-size:11px;
		padding:8px 0 7px;
		margin:0 5px;
		border-width:1px;
	}
 /*--------------------------------------------------
cityinfo
--------------------------------------------------*/
#m_contents .cityinfo h4 {
	font-size: 19px;
}
#m_contents .cityinfo li { float:left; width:48%; margin:1%; }
#m_contents .cityinfo li img { width:100%;}
#m_contents .cityinfo li span { display:block; padding:3%; font-size:16px; }
#m_contents .cityinfo li p { padding:7px; line-height:1.8em; background-color:#ffffff; height:100%; }

}