@charset "utf-8";
/* ===================================================

◇	Base CSS　◇

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

ul           { list-style: none;}
ul li, div, p{ word-wrap: break-word; }
pre, span    { word-wrap: break-word; white-space: pre-wrap; }
img          { max-width: 100%; height: auto; width: auto\9; /* ie8 */ border: 0; vertical-align: bottom; outline: none; }

body {
	color: #000; font-size: 14px; font-weight: normal; line-height: 1; position:relative;
	font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック", sans-serif;
	-webkit-text-size-adjust: 100%; background: #f3f0ed url(../img/bg_body.jpg);
}

input, select, textarea { font-size: 13px; }

a{ color: #393e46; }
a:link, a:visited { text-decoration: none; }
a:hover, a:active { text-decoration: underline; }


/* ---------------------------------------------------
	Base Layout
------------------------------------------------------ */
#header_wrap,
#nav_wrap,
#contents_wrap,
#footer_wrap{ clear: both; margin: 0; padding: 0; width: 100%; }

#header_wrap:after,
#nav_wrap:after,
#contents_wrap:after,
#footer_wrap:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}


/* ---------------------------------------------------
	accordion
------------------------------------------------------ */

.acc_tit {
	padding-right: 30px; background-size: 20px 20px; box-sizing: border-box;
	background: url(../img/acc_open.png) no-repeat 98% center; }
.acc_tit.active{ background: url(../img/acc_close.png) no-repeat 98% center; }


/* ---------------------------------------------------
	デバイスで画像切替
------------------------------------------------------ */
.ver_pc{}
.ver_sp{ display: none; }


/* ---------------------------------------------------
	Top Nav & Header
------------------------------------------------------ */

/* top nav */
#top_nav{
	top:0; left: 0; position:fixed; padding: 5px 0; width:100%; height: 60px; vertical-align: middle;
	background: url(../img/bg_head.jpg); /* border-bottom: 7px solid #b6b462; */ z-index: 9999;
	border-bottom: 1px solid #b3aaa1; box-shadow: 0 0 3px 3px rgba(132,132,132,0.25);
}

#top_nav ul{ margin: 0 auto; width: 1000px;}
#top_nav ul:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#top_nav li           { float: left; }
#top_nav li#tn_cancel { float: right; }

#top_nav #tn_tokuten { width: 357px; margin: 0 10px 0 0;}
#top_nav #tn_bus     { width: 129px; margin: 0 10px 0 0;}
#top_nav #tn_tel     { width: 190px; margin: 0 10px 0 0;}
#top_nav #tn_plan    { width: 157px; margin: 4px 10px 0 0;}
#top_nav #tn_cancel  { width: 127px; margin: 4px 0 0;}
#top_nav #tn_cancel img{ margin: 0 0 5px;}

/* header */
#header_wrap  { padding: 85px 0 0; }
#header       { clear: both; margin: 0 auto; padding: 5px 0; width: 1000px;}
#header:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
#head_logo    { width: 385px; float: left; }
#head_logo img{ display: block; float: left; margin: 0 0 0 10px;}

#head_nav   { width: auto; margin: 15px 0 0; padding: 0; text-align: right; }
#head_nav li{ display: inline-block; margin: 0 0 0 7px;}
#head_nav li a{ display: block; }

#head_sns { width: auto; text-align: right; margin: 10px 0 0 auto;}
#head_sns li { display: inline-block; margin: 0 5px 0 0; width: 32px;}
#head_sns li:last-of-type { margin: 0;}

#top_nav a:hover,
#header_wrap a:hover{ -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.7;}

/*
#change_switch     { width: auto; margin: 0 0 5px; padding: 25px 0 0; text-align: right;}
#change_switch li  { display: inline-block;}
#change_switch li a{ margin: 0 0 0 10px; padding: 5px 25px; color: #fff; text-decoration:none; background: #555;}
*/

/* ---------------------------------------------------
	G Nav
------------------------------------------------------ */
#nav_wrap   { }
#open_menu, #gn_close, #gn_09, #gn_010 .add_menu{ display: none;}
#gnav .add_menu a { display: none; border: none;}

@media screen and (min-width: 1000px) {
	/* 1000px以上のみ */

	#right-sidr{ display: block !important;}

	#gnav       { margin: 10px auto; width: 1000px; height: 45px; overflow: hidden; /* display: block !important; */}
	#gnav:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}
	#gnav li{ float: left; }
	#gn_01 a{ width: 137px; background: url(../img/gn_01.png) ;}
	#gn_02 a{ width: 113px; background: url(../img/gn_02.png) ;}
	#gn_03 a{ width: 121px; background: url(../img/gn_03.png) ;}
	#gn_04 a{ width: 117px; background: url(../img/gn_04.png) ;}
	#gn_05 a{ width: 126px; background: url(../img/gn_05.png) ;}
	#gn_06 a{ width: 125px; background: url(../img/gn_06.png) ;}
	#gn_07 a{ width: 129px; background: url(../img/gn_07.png) ;}
	#gn_08 a{ width: 123px; background: url(../img/gn_08.png) ; border-right: 1px solid #c6c1b7;}
	#gnav a { display:block; height: 45px; text-indent:-9999px; border-left: 1px solid #c6c1b7;}
	#gnav li:hover,
	#charm #gn_01,
	#onsen #gn_02,
	#cuisine #gn_03,
	#room #gn_04,
	#facilities #gn_05,
	#spend #gn_06,
	#sightseeing #gn_07,
	#access #gn_08 { background: url(../img/gn_on.png) no-repeat center center; -webkit-background-size: 100% 100%; background-size: 100% 100%;}
}


/* ---------------------------------------------------
	Search_area
------------------------------------------------------ */
#search_area{
	padding: 20px 0; width: 100%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background: url(../img/bg_foot.jpg);
}
#search_block { margin: 0 auto; padding: 0; width: 1000px; position: relative;}

#search_block dl{
	margin: 0 150px 0 0; padding: 10px 0; font-size: 13px;
	border-bottom: 1px solid #838130; border-top: 1px solid #838130;
}
#search_block dt{ padding: 45px 0 10px; width: 110px; float: left;}
#search_block dt img { vertical-align: middle;}
#search_block dd     { margin: 0 0 0 120px; line-height: 2;}

#search_block #search_icon{ top: -10px; right: 0; position: absolute; z-index: 19;}

#search_block .button:hover{ -ms-filter: "alpha( opacity=70 )"; filter: alpha( opacity=70 ); opacity:0.7;}

@media screen and (max-width: 900px) {
	#search_block #search_icon { top: -60px;}
	#search_block dt { padding-top: 10px;}
}

/* ------------------------------------------------------------
tripra_searck_block　追加
------------------------------------------------------------ */
#tripra_searck_block .search-widget-search-container-bf1818{
	padding: 15px 0 10px !important;
	background: none !important; box-shadow: none !important;
}
#tripra_searck_block section{ margin-bottom: 0 !important;}
#tripra_searck_block .input-container-input-container-da40af .input-container-title-db81ec{
	font-size: 13px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
#tripra_searck_block .search-widget-input-34bba0{ font-size: 14px !important;}
#tripra_searck_block .button-btn-f51c1a{ margin: 0 0 20px !important; height: 40px; font-size: 14px !important;}

@media screen and (max-width: 992px) {
	#tripra_searck_block .search-widget-search-container-bf1818 { width: 100%!important;}
	#tripra_searck_block .search-widget-search-container-bf1818 .search-widget-input-wrapper-eaf5bf,
	#tripra_searck_block .search-widget-two-picker-wrapper-4ca735,
	#tripra_searck_block .input-container-input-container-da40af { display: inline-block !important;}
	#tripra_searck_block .input-container-input-container-da40af { margin-left: 10px;}
	#tripra_searck_block .search-widget-calendar-9fdfc9{ width: 240px !important;}
	#tripra_searck_block .search-widget-two-picker-wrapper-4ca735:nth-child(2) .input-container-input-container-da40af{ width: 150px !important;}
	#tripra_searck_block .input-container-input-container-da40af{ width: auto !important;}
	#tripra_searck_block .button-btn-f51c1a{ margin: 0 0 24px !important;}
	#tripra_searck_block .search-widget-search-container-bf1818 .search-widget-button-wrapper-d2b715{ display: inline-block !important; margin-left: 10px;}
}
@media screen and (max-width: 780px) {
	#tripra_searck_block .search-widget-search-container-bf1818 .search-widget-input-wrapper-eaf5bf,
	#tripra_searck_block .search-widget-two-picker-wrapper-4ca735,
	#tripra_searck_block .input-container-input-container-da40af { display: block !important;}
	#tripra_searck_block .input-container-input-container-da40af { margin-left: 0;}
	#tripra_searck_block .search-widget-calendar-9fdfc9{ width: 100% !important;}
	#tripra_searck_block .search-widget-two-picker-wrapper-4ca735:nth-child(2) .input-container-input-container-da40af{ width: 100% !important;}
	#tripra_searck_block .input-container-input-container-da40af{ width: auto !important;}
	#tripra_searck_block .button-btn-f51c1a{ margin: 0 0 30px !important;}
	#tripra_searck_block .search-widget-search-container-bf1818 .search-widget-button-wrapper-d2b715{ display: block !important; margin-left: 0;}
}


/* ---------------------------------------------------
	Contents title
------------------------------------------------------ */
#title_col { width: 100%; background: url(../img/bg_be_pale.jpg) center top;}
/*#title_col h2 { width: 1000px; height: 270px; padding: 0; margin: 0 auto; position: relative;}*/

#title_col h2 {
	width: 1000px; height: 270px; padding: 0; margin: 0 auto; position: relative;
	background: url(../img/title_bg.jpg) no-repeat center top;
}
#title_col h2 span{
	display: block; position: absolute; left: 40px; bottom: 25px; font-size: 24px; color: #fff;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.75); letter-spacing: 2px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#title_col h2 img { position: absolute; left: 40px; bottom: 25px;}
#cuisine #title_col h2 img { left: 7px; bottom: 10px;}


/* ---------------------------------------------------
	Contents
------------------------------------------------------ */
#contents_wrap  { padding: 0 0 55px;}
#contents       { clear: both; margin: 0 auto; width: 1000px; }
#contents:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}

/* bread_area */
#bread_area { background: url(../img/bg_bread.gif) center top;}
#bread_area p { width: 1000px; padding: 15px 0; margin: 0 auto; text-align: right;}
#bread_area a { text-decoration: underline;}
#bread_area a:hover { text-decoration: none;}

/* cnav */
#cnav { width: 950px; margin: 0 auto;}
#cnav li { width: 225px; float: left; padding: 0 0 14px 0;}
#cnav li:not(:last-child) { margin: 0 16px 0 0;}
#cnav a { display: block; padding: 28px 10px 18px 10px; background: #e9e1d9; border: 1px solid #cdc1b5; text-align: center; position: relative;}
#cnav li:hover { background: url(../img/cnav_arrow.png) no-repeat center bottom;}
#cnav li:hover a { background: #eae2b7;}

/* flexslider */
.flexslider_con { position: relative;}
.flexslider_con .flex-control-thumbs { margin-top: 10px;}
.flexslider_con .flex-control-thumbs li { width: 200px;}
.flexslider_con .flex-control-thumbs li:not(:last-child) { margin: 0 10px 0 0;}
.flexslider_con .flex-control-thumbs img { opacity: 1;}
.flexslider_con .flex-control-thumbs img:hover,
.flexslider_con .flex-control-thumbs .flex-active { opacity: 0.7;}
.flexslider_con .flex-direction-nav { display: none;}
.flexslider_con .flex-direction-nav a { top: 35%; opacity: 1;}
.flexslider_con .flex-direction-nav a:before { display: inline-block; width: 40px; height: 40px; content: ''; background: url(../img/arrow_l.png) no-repeat left top; -webkit-background-size: 100% auto; background-size: 100% auto; color: rgba(255, 255, 255, 0.8); text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);}
.flexslider_con .flex-direction-nav .flex-prev { left: 10px;}
.flexslider_con .flex-direction-nav .flex-next { right: 10px;}
.flexslider_con .flex-direction-nav .flex-next:before { content: ''; background: url(../img/arrow_r.png) no-repeat left top; -webkit-background-size: 100% auto; background-size: 100% auto;}

/* main&side */
#main_area{ width: 100%; }

section{ margin: 0 0 25px; font-size: 13px; line-height: 1.6;}
section:after{ content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}



/* ---------------------------------------------------
	固定ページ
------------------------------------------------------ */
#page_area section {
	width: 1000px;
	padding: 122px 20px 58px 20px;
	margin: -80px auto 0 auto;
	background: url(../img/sec_bg.png) repeat-x center 80px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#page_area a { color: #5cb182; text-decoration: underline;}
#page_area a:hover { text-decoration: none;}


/* ---------------------------------------------------
	Footer
------------------------------------------------------ */
/* ページトップボタン（右下固定） */
#btn_backtop { position: fixed; bottom: 115px; right: 20px; z-index: 20;}

/* footer_wrap */
#footer_wrap  { background:url(../img/bg_foot.jpg); }

/* fnav & group_list 共通 */
#footer_wrap .acc_tit   { display: none;}
#footer_wrap .acc_contents {}

#footer { margin: 0 auto; padding: 25px 0; width: 1000px; font-size: 12px; }

#add_area           { width: 345px; float: left; }
#ft_logo_area img   { display: block; float:right;}
#ft_logo_area a img { margin: 10px 0 0 0; float: left; }

#address  { clear: both; margin: 15px 0 0; font-style: normal; line-height:  1.6; }
#address #tel { display: block; width: 185px; float: left; margin: 10px 0 0; padding: 0;}
#address p.time { margin: 0 0 0 200px; }
#address p.address { clear:both; margin: 25px 0 0;}

#fnav_area   { float: left;}
.fnav   { margin: 0; width: 200px; float: left; }
.fnav:nth-child(2) { width: 180px; }
.fnav:nth-child(3) { width: 220px; }
.fnav li{ margin: 0 0 5px 30px; padding: 0 0 0 20px; color: #787878; line-height: 1.4; text-align:left; background: url(../img/icon_arrow.png) 0 3px no-repeat;}
.center { border-right: 1px solid #c6c1b7; border-left: 1px solid #c6c1b7;}

#footer a:link, #footer a:visited { color: #000; text-decoration: none; }
#footer a:hover, #footer a:active { color: #000; text-decoration: underline; }


#backtop  { margin: 0 auto; width: 1000px; position: relative; }
#backtop a{
	display: block; margin: 0 auto; width: 143px; height: 41px;
	text-indent: -9999px; background: url(../img/page_top.png) 0 0 no-repeat;
}

#group_list_area { background: url(../img/bg_group.jpg) center top no-repeat, url(../img/bg_foot_btm.jpg);}

#group_list_area #group_list{ margin: 0 auto 20px; width: 1000px;}

.group_list .thum { border: solid 1px #fff;}

#group_list_area a:link,
#group_list_area a:visited,
#group_list_area a:hover,
#group_list_area a:active { color: #4c210e;}


#copyright { clear: both; margin: 0; padding: 7px 0; width: 100%; color: #fff; font-size: 12px; text-align: center; background:#4c210e;}

.acc_contents:after,
#ft_logo_area:after,
#footer:after,
#cnav:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0;}



/* 修正履歴
================================================================

・180125：上口：フッター #group_list 箇所レイアウト修正
・180530：上口：フッター #group_list_area 箇所 色・背景指定以外のスタイルを削除
・180808：森：フッター #address #tel paddingを0に変更、width指定、#address p.address margin調整
・211115：古澤：header SNSアイコン追加

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