@charset "utf-8";


/* Common
------------------------------------------------------------- */

#contents_box {
	width: 100%;
	margin: 0;
}



/* Header
------------------------------------------------------------- */

header {
	height: 85px;
}

header h1 {
	margin: 3px 0 0 5px;
	padding: 0;
	width: 260px;
	height: 45px;
}

header h1 a {
	background-image: url(../img/logo.png);
}



/* Header Menu
------------------------------------------------------------- */

#headermenu_box {
	width: 40px;
	height: 50px;
	right: 62px;
	top: 10px;
}

#headermenu_box ul.headermenu_list li {
	width: 40px;
	height: 50px;
}

#headermenu_box ul.headermenu_list li a {
	padding-top: 31px;
	font-size: 11px;
}



/* Title & ContentsBox
------------------------------------------------------------- */

H2 {
	font-size: 1.8rem;
}

.h2_box {
	padding: 20px 15px;
}

h3 {
	font-size: 1.2rem;
}

.h3_box {
	padding-left: 10px;
}

h4 {
	margin-left: 0;
}

.h4_box {
	padding-left: 10px;
}

.h5_box {
	padding-left: 10px;
}

.h6_box {
	padding-left: 10px;
}



/* Sanjo
------------------------------------------------------------- */

dl.sanjo_list {
	margin: -10px 0 0 0;
	width: 100%;
}



/* Shisetsu
------------------------------------------------------------- */

.shisetsu_photo {
	width: 100%;
	margin: 0;
}

dl.shisetsu_list {
	width: 100%;
	margin: 0;
	font-size: 0.85rem;
}



/* Syukuhaku
------------------------------------------------------------- */

.syukuhaku_photo {
	width: 100%;
	margin: 0;
}

dl.syukuhaku_list {
	width: 100%;
	margin: 0;
	font-size: 0.85rem;
}



/* Calender
------------------------------------------------------------- */

dl.cal_list {
	margin: -10px 0 0 0;
	width: 100%;
}



/* Jisseki
------------------------------------------------------------- */

.jisseki_box {
	margin-left: 0;
}

.jisseki_img a {
	display: inline-block;
	margin-right: 1.8%;
	padding: 0;
	vertical-align: top;
	width: 49%;
}

.jisseki_img a:nth-child(even) {
	margin-right: 0;
}



/* GoogleMap
------------------------------------------------------------- */

.gmap_box iframe {
	width: 340px;
	height: 255px;
}





/* for MiddleSize(480-787)
-------------------------------------------------------------------------------- */
@media print, screen and (min-width:480px) {

	header {
		height: 85px;
	}

	header h1 {
		padding: 0;
		width: 280px;
		height: 48px;
	}

	/* Google Translate
	------------------------------------------------------------- */

	header {
		height: 55px;
	}

	header #google_translate_element {
		right: 65px;
		top: 20px;
	}

	/* Benri Tools
------------------------------------------------------------- */

	.benri_border {
		display: block;
		margin: 5px 5px 10px 20px;
		padding: 0;
		height: 5px;
		line-height: normal;
		border-bottom: 1px solid #ccc;
		clear: both;
	}

	.benri_photo_box, .benri_map_box {
		margin: 5px 5px 5px 20px;
	}

	.benri_photo_box > div {
		padding: 5px 0;
		margin: 0;
		width: 32.5%;
		border-bottom: 0;
	}

	.benri_map_box > div {
		padding: 5px 0;
		margin: 0;
		width: 48%;
		border-bottom: 0;
	}

	/* What's MICE
	------------------------------------------------------------- */

	.whatsmice_img div {
		display: inline-block;
		width: 49%;
	}

	.whatsmice_img div:nth-child(odd) {
		text-align: right;
	}

	.whatsmice_img div:nth-child(even) {
		text-align: left;
	}

	/* Kanko(City)
	------------------------------------------------------------- */

	dl.city_midokoro dd {
		padding-left: 1em;
	}

	/* Shisetsu
	------------------------------------------------------------- */

	.shisetsu_photo {
		display: inline-block;
		vertical-align: top;
		width: 24.5%;
		margin: 0;
		padding: 0 8px 0 0;
	}

	.shisetsu_photo a {
		display: inline;
	}

	dl.shisetsu_list {
		display: inline-block;
		vertical-align: top;
		width: 74%;
		font-size: 0.85rem;
	}

	/* Syukuhaku
	------------------------------------------------------------- */

	.syukuhaku_photo {
		display: inline-block;
		vertical-align: top;
		width: 24.5%;
		margin: 0;
		padding: 0 8px 0 0;
	}

	.syukuhaku_photo a {
		display: inline;
	}

	dl.syukuhaku_list {
		display: inline-block;
		vertical-align: top;
		width: 74%;
		font-size: 0.85rem;
	}

	/* GoogleMap
	------------------------------------------------------------- */

	.gmap_box iframe {
		width: 440px;
		height: 330px;
	}

	/* Anchor Link
	------------------------------------------------------------- */

	#anchor_box ul li {
		display: inline-block;
		margin-left: 2%;
		width: 48.5%;
	}

	#anchor_box ul li:nth-child(2) {
		border-top: 1px dotted #ccc;
	}

	#anchor_box ul li:nth-child(odd) {
		margin-left: 0;
	}

}





/* for MiddleSize(540-787)
-------------------------------------------------------------------------------- */
@media print, screen and (min-width:540px) {

	/* ADD 201906 for Voice
	------------------------------------------------------------- */

	.voice_box {
		margin: 40px 0;
		padding: 40px 10px 0 10px;
	}

	.voice_lead {
		margin-bottom: 30px;
	}

	.voice_lead img {
		width: 100px;
	}

	.voice_lead .voice_name {
		width: calc(100% - 100px);
		padding-left: 20px;
	}

	.voice_lead .voice_name p {
		font-size: 0.85rem;
		margin-bottom: 10px;
	}

}