@charset "utf-8";
/* CSS Document 画面幅1210px以下※SP版含む */

/* header
---------------------------------------------------------------------------------------------------------------------------------------- */

/* 画面幅960px～1210px時のみ */
@media only screen and (min-width: 960px) and (max-width: 1210px) {

	#header #header_inner {
		width: 960px;
		height: 100px;
		margin: 0px auto;
		padding-top: 21px;
	}
	
	#font-size, #g-search { padding-top: 22px; }
	
	#header h1 {
		float: left;
		width: 222px;
	}
	
	#header h1 a {
		display: block;
		width: 222px;
		height: 66px;
		background: url(../img/logo_sub.png) no-repeat top center;
		text-indent: 110%; white-space: nowrap; overflow: hidden; /* text hidden set */
		text-indent: -9999px\9; /* IE10以下ハック */
	}
	
	#header .cont {
		float: right;
		width: 685px;
	}
	
	#language {
		float: left;
		width: 74px;
	}
	
	#s-menu {
		float: right;
		width: 70px;
	}

}

#language {
	width: 74px;
	height: 66px;
}

#language a:link, #language a:hover, #language a:active, #language a:visited { color: #5F1E23 !important; }

#language dt:hover { opacity: 0.5; }

#language dt {
	width: 74px;
	height: 66px;
	background-image: url(../img/btn_language.png);
	background-repeat: no-repeat;
	background-color: rgba(95, 30, 35, 0.15);
	background-color: #E8DDD7\9; /* IE10以下ハック */
	background-size: 74px 66px;
	border-radius: 10px;
	overflow: hidden;
	cursor: pointer;
	text-indent: 110%; white-space: nowrap; overflow: hidden; /* text hidden set */
	text-indent: -9999px\9; /* IE10以下ハック */
}

#language dd {
	display: none;
	width: 130px;
	background-color: rgba(231,219,214,0.95);
	background-color: #E8DDD7\9; /* IE10以下ハック */
	padding:0px;
	margin-top: 5px;
	border-radius: 10px;
	position: relative;
	z-index: 10000;
}

#language dd li {
	padding: 0px;
}

#language dd li a {
    padding: 11px;
}

#s-menu {
		width: 70px;
		height: 66px;
		background: url(../img/btn_menu.png) no-repeat #5F1E23;
		background-size: 70px 66px;
		border-radius: 10px;
		overflow: hidden;
		cursor: pointer;
		text-indent: 110%; white-space: nowrap; overflow: hidden; /* text hidden set */
		text-indent: -9999px\9; /* IE10以下ハック */
}

#s-menu:hover { opacity: 0.5; }

/* スライドメニュー
---------------------------------------------------------------------------------------------------------------------------------------- */

body {
	background-color: #5F1E23;
}

#container {
	overflow: hidden;
	position: relative;
	z-index: 1000;
}

#slide-menuArea {
	position: absolute;
	right: 0;
	top: 0;
	width: 250px;
	display: none;
}

#slide-menu {
	width: 100%;
	min-width: 0;
	position: static;
}

#slide-menu ul li {
	border-bottom: solid 1px #8F6265;
}

#slide-menu ul li a {
	width: 100%;
	display: block;
	padding: 17px 10px;
}

#slide-menu ul li span {
	font-size: 0.8em;
}

	#slide-menu a:link, #slide-menu a:hover, #slide-menu a:active, #slide-menu a:visited { color: #FFF; }

/* Googleサイト内検索 */

/* 画面幅960px～1210px時のみ */
@media only screen and (min-width: 960px) and (max-width: 1210px) {

	#g-search_sp { display: none !important; }

}

#g-search_sp {
	padding: 10px;
	background-color: #8F6265;
}

#g-search_sp * {
	-webkit-box-sizing: content-box !important;
	   -moz-box-sizing: content-box !important;
		 -o-box-sizing: content-box !important;
		-ms-box-sizing: content-box !important;
			box-sizing: content-box !important;
}

/* メインカテゴリメニュー［main］*/

#slide-menu ul#menu_main li a {
	background-position: left 10px center;
	background-repeat: no-repeat;
	background-size: 30px 30px;
	padding-left: 50px;
}

#slide-menu ul li.gou a { background-image: url(../img/icon_menu_gourmet.png); }
#slide-menu ul li.exp a { background-image: url(../img/icon_menu_experience.png); }
#slide-menu ul li.sta a { background-image: url(../img/icon_menu_stay.png); }
#slide-menu ul li.spe a { background-image: url(../img/icon_menu_speciality.png); }


/* SNSメニュー［sns］*/

#slide-menu ul#menu_sns {
	font-size: 0;
}

#slide-menu ul#menu_sns li {
	width: 50%;
	display: inline-block;
	text-align: center;
	font-size: 12px;
	letter-spacing: 0.2em;
}

#slide-menu > ul#menu_sns li:nth-child(2n) {
	border-left: solid 1px #8F6265;
}

#slide-menu ul#menu_sns li a {
	background-repeat: no-repeat;
    background-position: top 17px center;
    background-size: 40px 32px;
    padding-top: 60px;
}

#slide-menu ul#menu_sns li.sns_fb a { background-image: url(../img/icon_sns_fb.png); }
#slide-menu ul#menu_sns li.sns_yt a { background-image: url(../img/icon_sns_yt.png); }
#slide-menu ul#menu_sns li.sns_tw a { background-image: url(../img/icon_sns_tw.png); }
#slide-menu ul#menu_sns li.sns_ig a { background-image: url(../img/icon_sns_ig.png); }

/* ピックアップバナー（下部）［bana-b］*/

#slide-menu ul#menu_bana-b {
	font-size: 0;
	margin-bottom: 30px;
}

#slide-menu ul#menu_bana-b li {
	border-bottom: none;
	margin-top: 20px;
}

#slide-menu ul#menu_bana-b li.b04,
#slide-menu ul#menu_bana-b li.b05 {
	width: 50%;
	display: inline-block;
}

#slide-menu ul#menu_bana-b li a {
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
}

#slide-menu ul#menu_bana-b li.b04 a,
#slide-menu ul#menu_bana-b li.b05 a {
	width: 100%;
	height: 100px;
	background-size: 100px 100px;
}

#slide-menu ul#menu_bana-b li.b03 a { background-image: url(../img/menu_b03.png); height: 132px; }
#slide-menu ul#menu_bana-b li.b04 a { background-image: url(../img/menu_b04_sp.png); }
#slide-menu ul#menu_bana-b li.b05 a { background-image: url(../img/menu_b05_sp.png); }

/* サイドメニュー（非表示指定）
---------------------------------------------------------------------------------------------------------------------------------------- */

/* 画面幅960px～1210px時のみ */
@media only screen and (min-width: 960px) and (max-width: 1210px) {

	#wrapper {
		width: 960px;
		margin: 0px auto;
	}
	
	#maincontents_top, #maincontents {
		width: 960px;
		padding-bottom: 30px;
	}
	
	#side-menu { display: none !important; }

}