@charset "UTF-8";
/*
Theme Name: biei Ver 3.0
Text Domain: biei-hokkaido
*/
/** Reset
-----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }

html { font-size: 62.5%; /* sets the base font to 10px for easier math */ }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

body, html { min-width: 1080px; }

/*
	common.css
-----------------------------------------------------------------------------------------*/
body { line-height: 1.5; font-size: 1.4rem; letter-spacing: 0.1em; word-wrap: break-word; }

em { font-style: normal; }

a { text-decoration: none; color: #a67c52; }

a:hover, input:hover { transition: 0.3s; text-decoration: underline; }

textarea { resize: vertical; }

img { max-width: 100%; height: auto; }

.flortleft { float: left; }

.flortright { float: right; }

img.w50r { width: 50%; margin-left: 3%; float: right; }

img.w50l { float: left; width: 50%; margin-right: 3%; }

br.pc { display: block; }

@media screen and (max-width: 767px) { body { -webkit-text-size-adjust: 100%; }
  body, html { width: 100%; min-width: 100%; }
  br.pc { display: none; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { body, html { width: 100%; min-width: 100%; } }
/* clear
----------------------------------------------------*/
.clearfix:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

.clearfix { display: inline-block; }

/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }

/* end MacIE5 */
/* input
----------------------------------------------------*/
input[type=text], input[type=password], input[type=checkbox], input[type=email], input[type=submit], select, textarea { font-family: "繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", Meiryo, Osaka, "?ｭ?ｳ ?ｰ繧ｴ繧ｷ繝?け", "MS PGothic", sans-serif; outline: 0; }

/* common
----------------------------------------------------*/
[class*="content"]::before, [class*="content"]::after, [class*="site"]::before, [class*="site"]::after { content: ""; display: table; clear: both; }

button, input { line-height: normal; }

button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; }

button, .button, input[type="button"], input[type="reset"], input[type="submit"] { border: 0; font-size: 1.2rem; font-weight: 700; padding: 10px 30px 11px; text-transform: uppercase; vertical-align: bottom; }

button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }

.cf:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

/* body
----------------------------------------------------*/
body { position: relative; font-family: "lato", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; /* font-family: "lato", "貂ｸ繧ｴ繧ｷ繝?け菴?", "YuGothic", "繝偵Λ繧ｮ繝手ｧ偵ざ Pro", "Hiragino Kaku Gothic Pro", "繝｡繧､繝ｪ繧ｪ", "Meiryo", sans-serif; */ /*font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取?譛? ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "?ｭ?ｳ ?ｰ譏取悃", "?ｭ?ｳ 譏取悃", serif;*/ color: #333; }

/** Header
----------------------------------------------------*/
header { position: relative; display: block; }

.drawer-hamburger, .drawer-nav { display: none; }

header .header-inner { padding-top: 1.5%; width: 1080px; margin-right: auto; margin-left: auto; position: relative; }

header .header-inner h1 { width: 11.7%; margin-bottom: 10px; float: left; }

header .header-inner h1 img { width: 100%; }

@media screen and (max-width: 767px) { header#hd_top { width: 100%; height: 60px; /*height: auto;*/ }
  header .header-inner { padding-top: 1.5%; width: 100%; }
  header .header-inner h1 { max-width: 97.5px; height: auto; }
  .drawer-hamburger, .drawer-nav { display: block; }
  .drawer-menu li { width: 100%; padding-top: 3%; padding-right: 3%; padding-bottom: 3%; padding-left: 3%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #A67C52; }
  .drawer-menu li a { font-size: 1.6rem; display: block; }
  header .header-inner { position: relative; padding-top: 1.5%; width: 100%; padding: 0 5%; box-sizing: border-box; }
  header .header-inner h1 { position: absolute; float: none; top: 5px; left: 10px; margin: 0; width: 25%; }
  header .lang-selector { /*display: none;*/ } }
@media screen and (min-width: 768px) and (max-width: 1024px) { header .header-inner { width: 100%; padding: 12px 2% 0; box-sizing: border-box; } }
/** Header Navi
----------------------------------------------------*/
nav.header_nav { width: 70%; z-index: 100; display: block; padding-right: 195px; box-sizing: border-box; position: absolute; bottom: 15px; right: 0px; }

.dropmenu { *zoom: 1; list-style-type: none; width: auto; margin: 0px; padding: 0; position: absolute; top: 0; right: 1em; }

.dropmenu:before, .dropmenu:after { content: ""; display: table; }

.dropmenu:after { clear: both; }

.dropmenu li { position: relative; width: 70%; padding: 0; text-align: center; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; }

.dropmenu li::before { position: absolute; content: ""; top: 50%; left: 0px; margin-top: -5px; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #8A5E3C; }

.dropmenu li a { display: block; color: #8A5E3C; font-size: 14px; line-height: 1; text-decoration: none; margin-top: 15px; margin-right: 0; margin-bottom: 0; margin-left: 0; padding-top: 5px; padding-right: 0; padding-bottom: 5px; padding-left: 0; }

.dropmenu li ul { list-style: none; position: absolute; z-index: 9999; top: 100%; left: -15px; margin: 0; padding: 5%; background-color: #FFFFFF; width: 100px; box-sizing: border-box; /* ?ｽc?ｽ[?ｽ?ｽ?ｽ`?ｽb?ｽv?ｽp?ｽﾛの托ｿｽ?ｽ?ｽ?ｽﾌ指?ｽ?ｽ */ -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Safari and Chrome */ border-radius: 5px; /* Browsers that Support it like Opera */ /* ?ｽc?ｽ[?ｽ?ｽ?ｽ`?ｽb?ｽv?ｽ{?ｽb?ｽN?ｽX?ｽV?ｽ?ｽ?ｽh?ｽE?ｽﾌ托ｿｽ?ｽ?ｽ?ｽﾌ指?ｽ?ｽ */ -moz-box-shadow: 0 0 8px gray; /* Firefox */ -webkit-box-shadow: 0 0 8px gray; /* Safari and Chrome */ filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */ box-shadow: 0 0 8px gray; /* Browsers that Support it like Opera */ }

.dropmenu li ul:after { content: "\25B8"; display: block; font-size: 2em; height: 0; line-height: 0; position: absolute; color: #fff; top: -3px; left: 1px; text-align: center; -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); width: 100%; text-shadow: 3px 0 2px #ccc; }

.dropmenu li ul li { width: 100%; }

.dropmenu li ul li::before { position: absolute; content: ""; top: 0%; left: 0px; margin-top: 0px; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid transparent; }

.dropmenu li ul li a { text-align: center; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; width: 80%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

.dropmenu li:hover > a { /*background: #6e7c0c;*/ }

.dropmenu > li > a { white-space: nowrap; padding-left: 0.75em; }

.dropmenu li ul li a:hover { background: #F0F1F1; }

#fade-in li ul { opacity: 0; top: 50%; visibility: hidden; transition: .5s; }

#fade-in li:hover ul, #fade-in li.active ul { top: 130%; visibility: visible; opacity: 1; }

@media screen and (max-width: 767px) { nav.header_nav { display: none; }
  #fade-in li:hover ul { visibility: hidden; }
  #fade-in li.active ul { visibility: visible; }
  .dropmenu { position: absolute; top: 0; right: 55px; *zoom: 1; list-style-type: none; width: auto; margin: 0; padding: 0; }
  .dropmenu > li { width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { nav.header_nav { width: 80%; }
  .dropmenu { top: initial; bottom: 60%; right: 4em; } }
.header-navi-container { width: 100%; }

ul.header-menu { list-style-type: none; padding-top: 1.5%; }

ul.header-menu li { float: right; margin-right: 3.5%; position: relative; margin-top: 3px; }

ul.header-menu li a { color: #8A5E3C; font-size: 1.6rem; display: block; padding-left: 10px; }

ul.header-menu li::before { position: absolute; content: ""; top: 50%; left: 0px; margin-top: -5px; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #8A5E3C; }

/* search */
.h_search { position: absolute; right: 0px; }

.searchfield { padding: 5px; margin-top: 0px; font-size: 14px; width: 180px; border: 1px solid #ededed; border-radius: 15px; }

.searchsubmit { position: absolute; bottom: 1px; width: 35px; height: 30px; padding: 0; font-family: FontAwesome; font-size: 18px; border: none; background: transparent; cursor: pointer; margin-left: -38px; margin-top: -5px; color: #ddd; }

.searchsubmit:hover { text-decoration: none; }

/** head-info-area
----------------------------------------------------*/
.head-info-area { padding: 40px; background: #efefef; }
.head-info-area ul { margin: 0 auto; max-width: 1080px; }
.head-info-area ul li a:hover { opacity: .7; }
.head-info-area .icon_tri_right { position: relative; display: block; padding-left: 17px; margin: 0 auto; padding: 20px 30px 20px 20px; text-decoration: none; text-align: center; background: #FFF; color: #96301D; font-weight: bold; font-size: 1.925rem; box-shadow: 0px 1px 0px 1px #e4e4e4; border-radius: 4px; }
.head-info-area .icon_tri_right:before { content: ""; display: inline-block; width: 0; height: 0; border-top: solid 6px transparent; border-right: solid 6px transparent; border-bottom: solid 6px transparent; border-left: solid 6px #96301D; position: absolute; top: 50%; right: 20px; margin-top: -6px; }
.head-info-area .sp { display: none; }

@media screen and (max-width: 767px) { .head-info-area { padding: 20px; }
  .head-info-area .icon_tri_right { font-size: 1.25rem; }
  .head-info-area .sp { display: inline; } }
/** Bread crumbs
----------------------------------------------------*/
/*--  breadcrmbs  --*/
body > nav.breadcrumbs { clear: both; width: 100%; background-color: #fff; border-top: 1px solid rgba(138, 94, 60, 0.2); }

body > nav.breadcrumbs .trail-browse { display: none; }

body > nav.breadcrumbs .trail-items { display: block; width: 1080px; box-sizing: border-box; margin: 0 auto; padding: 4px 0; }

body.home > nav.breadcrumbs .trail-items { /*visibility: hidden;*/ }

body > nav.breadcrumbs .trail-items li::after { content: "\00003e"; color: #b3b3b3; }

body > nav.breadcrumbs .trail-items li span { color: #666; }

body > nav.breadcrumbs .trail-items li a { color: #333; border-bottom: 1px solid #666; }

body > nav.breadcrumbs .trail-items li a span { color: #333; }

body > nav.breadcrumbs .trail-items li a:hover { text-decoration: none; }

body > nav.breadcrumbs:after { content: '.'; display: block; clear: both; height: 0; visibility: hidden; }

@media screen and (max-width: 767px) { body > nav.breadcrumbs { display: none; } }
@media screen and (max-width: 1080px) { body > nav.breadcrumbs .trail-items { width: 100%; padding: 4px 2%; } }
/** Main
----------------------------------------------------*/
main { position: relative; width: 1080px; margin: 0 auto; }

@media screen and (max-width: 767px) { main { width: 100%; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { main { width: 100%; padding: 0 2%; box-sizing: border-box; } }
/** Slider
----------------------------------------------------*/
.main-cap { z-index: 2; position: absolute; top: 45%; text-align: center; width: 100%; }

.main-cap img { width: 30%; }

.sp-horizontal .sp-arrows { z-index: 3; }

.sp-buttons { position: absolute; bottom: 60px; display: block; }

.btn_un { z-index: 2; position: absolute; bottom: 120px; text-align: center; width: 100%; display: block; }

.btn_un img { max-width: 60px; }

@media screen and (max-width: 767px) { .main-cap img { width: 50%; }
  .btn_un { display: none; }
  .sp-buttons { display: none; }
  .sp-horizontal .sp-previous-arrow { left: 10px !important; }
  .sp-horizontal .sp-next-arrow { right: 10px !important; } }
/** charm
----------------------------------------------------*/
#charm { margin-bottom: 3%; width: 100%; margin-right: auto; margin-left: auto; }

#charm h2 { font-size: 2.8rem; /*2.292vw;*/ color: #58595B; text-align: center; padding-top: 1em; padding-bottom: 1.3em; font-weight: 500; }

#charm .charm_b { width: 100%; }

#charm .charm_b .charm_c { float: left; width: 23%; margin-right: 2.666666%; margin-bottom: 3%; }

#charm .charm_b .charm_c:nth-child(4n) { margin-right: 0%; }

#charm .charm_b .charm_c img { width: 100%; margin-bottom: 3%; }

#charm .charm_b .charm_c h3 { text-align: center; color: #8A5E3C; font-size: 1.6rem; font-weight: 500; }

#foot_img { text-align: center; }

#foot_img a:hover img { opacity: .8; }

.custom-search-box { position: relative; display: flex; justify-content: flex-end; margin-bottom: 30px; }

.custom-search-box #customSearchInput { width: 260px; padding: 8px 30px 8px 8px; border-radius: 25px; border-color: #999; }

.custom-search-box #customSearchInput:hover { text-decoration: none; }

.custom-search-box .searchsubmit { position: absolute; right: 0; bottom: 5px; }

@media screen and (max-width: 767px) { #charm { margin-bottom: 6%; width: 100%; padding: 0 4%; box-sizing: border-box; }
  #charm h2 { font-size: 2.2rem; }
  #charm .charm_b .charm_c { float: left; width: 48%; margin-right: 4%; margin-bottom: 3%; }
  #charm .charm_b .charm_c:nth-child(2n) { margin-right: 0%; }
  #charm .charm_b .charm_c a { display: block; }
  .custom-search-box #customSearchInput { width: 100%; } }
/**Top middle banner
----------------------------------------------------*/
.top-middle-banners ul { display: table; }

.top-middle-banners ul li { display: table-cell; width: 25%; padding-bottom: 15px; }

.top-middle-banners ul li a { display: block; padding-right: 4px; }

.top-middle-banners ul li:last-of-type a { padding-right: 0; }

.top-middle-banners ul li a img { width: 100%; }

@media screen and (max-width: 767px) { .top-middle-banners { padding: 0 4%; }
  .top-middle-banners ul { display: block; }
  .top-middle-banners ul li { display: block; width: 100%; padding-bottom: 5px; }
  .top-middle-banners ul li a { padding-right: 0; } }
.be_my_biei { margin-bottom: 60px; text-align: center; }

.be_my_biei img { max-width: 100%; height: auto; }

.be_my_biei a:hover img { opacity: .8; }

.index_bns { display: flex; flex-wrap: wrap; }

.index_bns li { width: 48%; margin: 0 0 25px 0; padding: 0 1%; text-align: center; }

.index_bns li a:hover img { opacity: .8; }

@media screen and (max-width: 767px) { .index_bns { flex-wrap: wrap; }
  .index_bns li { width: 100%; padding: 0 4%; } }
/**New Foot?ｽ?ｽ
----------------------------------------------------*/
#foot_news { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 6%; margin-right: auto; margin-left: auto; }

#foot_news header h2 { font-size: 2.8rem; color: #58595B; text-align: center; padding-top: 1em; padding-bottom: 1.3em; font-weight: 500; }

#foot_news header span { font-size: 1.4rem; color: #cccccc; text-align: center; display: inline-block; width: 100%; }

#foot_news .f_n_b { width: 100%; }

#foot_news .f_n_b ul { width: 100%; }

#foot_news .f_n_b li { width: 100%; margin-bottom: 3%; padding-bottom: 3%; border-bottom: 1px solid #CCCCCC; }

#foot_news .f_n_b li a { width: 100%; position: relative; display: inline-block; }

#foot_news .f_n_b li a::before { content: ''; width: 10px; height: 10px; border: 0px; border-top: solid 2px #cccccc; border-right: solid 2px #cccccc; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 20px; margin-top: -6px; }

#foot_news .f_n_b li .time { color: #BA584F; font-size: 1.2rem; float: left; padding-top: 0.5%; padding-right: 2%; padding-left: 2%; padding-bottom: 0.5%; margin-right: 2%; }

#foot_news .f_n_b li .cat-association { font-size: 1.2rem; color: #FFFFFF; background-color: #BA584F; float: left; padding-top: 0.5%; padding-right: 2%; padding-left: 2%; padding-bottom: 0.5%; margin-right: 2%; }

#foot_news .f_n_b li .cat-members { font-size: 1.2rem; color: #FFFFFF; background-color: #C59869; float: left; padding-top: 0.5%; padding-right: 2%; padding-left: 2%; padding-bottom: 0.5%; margin-right: 2%; }

#foot_news .f_n_b li .news_at { width: 100%; font-size: 1.4rem; clear: left; padding-left: 2%; padding-top: 1.5%; box-sizing: border-box; }

#foot_news .foot_news_list_all { text-align: right; }

#foot_news .foot_news_list_all a { padding: 0.5em 2em; background-color: #be966b; }

#foot_news .foot_news_list_all a span { color: #fff; }

@media screen and (max-width: 767px) { #foot_news { width: 100%; padding: 0 5%; box-sizing: border-box; }
  #foot_news .f_n_b li .news_at { width: 86%; }
  #foot_news .foot_news_list_all { padding: 1em 0; } }
/**TOP?ｽ@?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ
----------------------------------------------------*/
#top_recommend { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 6%; margin-right: auto; margin-left: auto; }

#top_recommend header h2 { font-size: 2.8rem; color: #58595B; text-align: center; padding-top: 1em; padding-bottom: 1.3em; font-weight: 500; }

#top_recommend header span { font-size: 1.4rem; color: #cccccc; text-align: center; display: inline-block; width: 100%; }

#top_recommend img { margin-bottom: 2%; width: 100%; }

@media screen and (max-width: 767px) { #top_recommend { width: 100%; padding: 0 5%; box-sizing: border-box; } }
/** gallery
----------------------------------------------------*/
#gallery { padding-bottom: 6%; width: 100%; margin-right: auto; margin-left: auto; }

#gallery h2 { text-align: center; width: 100%; padding-bottom: 1.3em; }

#gallery h2 img { width: 30.6%; }

#gallery .gallery_b { width: 100%; 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; }

#gallery p { color: #8A5E3C; font-weight: 500; margin-top: 3%; }

#gallery .gallery_b li { width: 255px !important; height: 255px !important; margin-right: 20px; }

#gallery .gallery_b li:nth-child(4) { margin-right: 0%; }

/*#gallery .gallery_b li:nth-child(4) {
	margin-right: 0%;
	vertical-align: middle;
	width: 11.4% !important;
	position: relative;
}
#gallery .gallery_b li:nth-child(4) img{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
}*/
#tagru { float: none; width: 100%; }

#tagru .tagru-content-list { width: 100%; }

.tagru-button-wrap { display: none; }

@media screen and (max-width: 767px) { #gallery { width: 100%; padding: 0 5%; box-sizing: border-box; }
  #gallery h2 img { width: 80%; }
  #tagru { float: left; width: 100%; }
  #gallery .gallery_b li { /*width: 23.65%;*/ width: 49% !important; height: 154px !important; margin-right: 1%; margin-bottom: 1%; }
  #gallery .gallery_b li:nth-child(2) { margin-right: 0%; vertical-align: middle; width: 49% !important; position: relative; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { #gallery .gallery_b li { width: 23% !important; height: initial !important; margin: 0 1%; }
  #gallery .gallery_b li .tagru-content-inner { width: 100% !important; height: initial !important; padding-bottom: 100%; }
  #gallery .gallery_b li .tagru-content-inner > * { position: absolute !important; top: 0; left: 0; }
  #gallery .gallery_b li .tagru-content-inner > .posted-image { display: block; }
  #gallery .gallery_b li .tagru-content-inner > .posted-image > div { display: table; }
  #gallery .gallery_b li .tagru-content-inner > .posted-image > div a { display: table-cell; vertical-align: middle; } }
/** footer
----------------------------------------------------*/
footer { width: 100%; background-color: #F2E9E1; }

footer .inner { padding-top: 3%; padding-bottom: 3%; width: 1080px; margin-right: auto; margin-left: auto; }

footer nav { float: left; width: 50%; display: block; }

footer nav ul { float: left; width: 50%; box-sizing: border-box; padding-right: 0%; }

footer nav ul:nth-child(2) { border-left-width: 2px; border-left-style: dotted; border-left-color: #C3996C; padding-left: 5%; }

footer nav ul li { font-size: 1.4rem; color: #594A42; line-height: 2em; font-weight: 500; }

.sns_b { float: left; width: 22%; }

#twitter_b, #facebook_b { float: left; width: 100%; margin-left: 3%; overflow: hidden; border: 1px solid #C3996C; box-sizing: border-box; margin-bottom: 3%; }

#twitter_b #wrapper_tw, #facebook_b #wrapper { position: relative; width: 100%; }

#twitter_b #wrapper_tw:before, #facebook_b #wrapper:before { content: ""; display: block; padding-top: 100%; /* ?ｽ?ｽ?ｽ?ｽ?ｽ揩?ｽ75%?ｽﾉ固抵ｿｽ */ }

#twitter_b #wrapper_tw #content_tw, #facebook_b #wrapper #content { position: absolute; top: 0; left: 0; width: 100%; }

#banner_b { float: left; width: 22%; margin-left: 3%; }

#banner_b .banner_c { padding-bottom: 2%; }

#banner_b #footer_banners li { padding-bottom: 2%; }

#link_b { background-color: #BE966B; text-align: center; font-size: 1.4rem; color: #FFFFFF; line-height: 2em; letter-spacing: 0em; width: 100%; }

#link_b ul { list-style-type: none; display: table; text-align: center; width: 100%; margin-right: auto; margin-left: auto; }

#link_b li { display: table-cell; }

#link_b li a { color: #FFF; text-decoration: none; }

#link_b li a:hover { text-decoration: underline; }

#foot_b { width: 100%; background-color: #947B62; text-align: center; padding-top: 6%; padding-bottom: 6%; display: block; }

#foot_b img { width: 127px; padding-bottom: 2%; }

#foot_b p#copyright { text-align: center; font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif; font-size: 1.4rem; font-weight: 500; color: #FFFFFF; }

#foot_b p.foot-address { color: #FFF; margin-bottom: 20px; margin-top: -20px; }

#page_top { position: fixed; bottom: 15px; right: 15px; width: 60px; height: auto; }

#page_top img { width: 100%; height: auto; }

@media screen and (max-width: 767px) { footer { width: 100%; }
  footer .inner { width: 100%; padding: 20px 5%; box-sizing: border-box; }
  footer nav { display: none; }
  .sns_b { float: none; width: 100%; }
  #twitter_b, #facebook_b { float: none; width: 100%; margin-left: 0%; overflow: hidden; border: 1px solid #C3996C; box-sizing: border-box; margin-bottom: 3%; }
  #twitter_b #wrapper_tw, #facebook_b #wrapper { position: relative; width: 100%; }
  #twitter_b #wrapper_tw:before, #facebook_b #wrapper:before { content: ""; display: block; padding-top: 100%; /* ?ｽ?ｽ?ｽ?ｽ?ｽ揩?ｽ75%?ｽﾉ固抵ｿｽ */ }
  #twitter_b #wrapper_tw #content_tw, #facebook_b #wrapper #content { position: absolute; top: 0; left: 0; width: 100%; }
  #banner_b { float: none; width: 100%; margin-left: 0; }
  #banner_b .banner_c { display: none; }
  #banner_b #footer_banners { display: flex; flex-wrap: wrap; justify-content: space-between; }
  #banner_b #footer_banners li { width: 49%; }
  #link_b ul { list-style-type: none; display: inline-block; text-align: left; width: 100%; padding: 0 5%; box-sizing: border-box; }
  #link_b li { display: block; padding: 5px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) { footer .inner { position: relative; width: 100%; padding: 3% 2%; box-sizing: border-box; }
  footer nav { float: none; margin-bottom: 20px; }
  .sns_b { float: none; width: 100%; }
  .sns_b #facebook_b { float: left; width: 48%; margin: 0 1%; }
  .sns_b #twitter_b { float: left; width: 48%; margin: 0 1%; }
  #banner_b { float: none; position: absolute; top: 3%; right: 2%; } }
/** content page setting
----------------------------------------------------*/
#page_header { position: relative; }

#page_header .main-cap { z-index: 2; position: absolute; top: 30%; text-align: center; width: 100%; }

.p_title { width: 1080px; margin-right: auto; margin-left: auto; margin-top: -39px; z-index: 10; }

.p_title span { background-color: #FFF; text-align: center; float: left; max-width: 320px; padding-top: 10px; padding-bottom: 5px; padding-right: 20px; padding-left: 20px; font-family: "貂ｸ譏取悃", YuMincho, "繝偵Λ繧ｮ繝取?譛? ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "?ｭ?ｳ ?ｰ譏取悃", "?ｭ?ｳ 譏取悃", serif; color: #8A5E3C; font-size: 1.6rem; font-weight: 500; position: absolute; z-index: 10; }

#content_inner { margin-bottom: 3%; margin-top: 6%; width: 1080px; margin-right: auto; margin-left: auto; 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; }

article.cont_block { margin-bottom: 3%; width: 100%; }

article.cont_block h2.content_t { color: #A87C50; font-size: 2.8rem; font-weight: 500; margin-bottom: 3%; }

article.cont_block h2 span { font-size: .85em; color: #454545; }

article.cont_block p { font-size: 1.6rem; padding-left: 3%; margin-bottom: 3%; }

.border0 { border-top-style: none !important; border-right-style: none !important; border-bottom-style: none !important; border-left-style: none !important; }

.bt60 { margin-bottom: 6%; }

article.cont_block .cont_l { color: #8A5E3C; font-size: 1.6rem; font-weight: 500; float: left; width: 30%; margin-left: 3%; }

article.cont_block .cont_r { font-size: 1.4rem; float: right; width: 60%; margin-right: 3%; }

.cont_r table { width: 100%; }

.cont_r th { border: 1px solid #A87C50; background-color: #F0E5DA; white-space: nowrap; padding: 2%; width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; vertical-align: middle; font-size: 1.4rem; }

.cont_r td { border: 1px solid #A87C50; padding: 2%; width: 80%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1.4rem; }

.panf_img { border: 1px solid #A87C50; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.adobe_banner { height: 50px; width: auto; }

.s_pr th, .s_pr td { width: 20%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; }

.contact_b { text-align: center; margin-bottom: 3%; width: 60%; margin-right: auto; margin-left: auto; }

.contact_b a { background: #c3996c; /* Old browsers */ background: -moz-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c3996c 0%, #8a5e3c 100%); font-size: 1.4rem; padding-top: 2%; padding-right: 1%; padding-bottom: 2%; padding-left: 1%; color: #FFF; text-align: center; display: block; }

.contact_send { text-align: left; margin-bottom: 6%; }

.contact_send input[type=submit], .contact_send a { background: #c3996c; /* Old browsers */ background: -moz-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c3996c 0%, #8a5e3c 100%); font-size: 1.4rem; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; color: #FFF; text-align: center; font-weight: normal; }

.contact_reset { text-align: left; margin-bottom: 3%; }

.contact_reset a { background: #E5E6E7; font-size: 1.4rem; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; color: #58595B; text-align: center; }

.footage_o { padding-left: 2%; padding-right: 2%; margin-bottom: 3%; }

.footage_b { float: left; width: 23%; margin-right: 1%; margin-left: 1%; padding-bottom: 15px; }

.footage_thum { width: 100%; }

.footage_cap { font-size: 1.2rem; text-align: center; }

.page-id-2743 form dl:nth-last-of-type(1) { margin-top: 20px; margin-bottom: 30px; }

.page-id-2743 form dl dt { font-weight: bold; }

.page-id-2743 form dl dd { display: list-item; margin-top: 4px; margin-left: 20px; font-size: .85em; list-style: decimal; }

.page-id-2743 .contact_send { text-align: center; }

@media screen and (max-width: 767px) { .p_title { width: 100%; padding: 0 5%; box-sizing: border-box; margin-top: -10px; z-index: 10; }
  #content_inner { margin-top: 45px; width: 100%; padding: 0 5%; box-sizing: border-box; }
  article.cont_block h2.content_t { font-size: 2.1rem; }
  article.cont_block h2.content_t span { font-size: .72em; color: #666; }
  article.cont_block .cont_l { color: #8A5E3C; font-size: 1.6rem; font-weight: 500; float: left; width: 100%; margin-left: 0%; margin-bottom: 10px; }
  article.cont_block .cont_r { font-size: 1.4rem; float: left; width: 100%; margin-right: 0%; } }
/*******************************************************************
******* ARCHIVE NEWS ***********************************************
*******************************************************************/
#archive_news { margin-bottom: 3%; margin-top: 6%; width: 1080px; margin-right: auto; margin-left: auto; }

#archive_news .news { margin-bottom: 3%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: A87C50; }

.news .entry-header { margin-bottom: 3%; }

.news .entry-header .cat-association { font-size: 1.2rem; color: #FFFFFF; background-color: #BA584F; float: left; padding-top: 0.5%; padding-right: 2%; padding-left: 2%; padding-bottom: 0.5%; margin-right: 2%; clear: left; }

.news .entry-header .cat-members { font-size: 1.2rem; color: #FFFFFF; background-color: #C59869; float: left; padding-top: 0.5%; padding-right: 2%; padding-left: 2%; padding-bottom: 0.5%; margin-right: 2%; }

.news .entry-header .entry-title { color: A87C50; font-size: 2.8rem; font-weight: 500; width: 100%; clear: left; float: left; padding-top: 2%; }

.news .entry-header .entry-time { color: #8A5E3C; font-size: 1.6rem; float: right; }

.news .entry-content { font-size: 1.6rem; padding-left: 3%; margin-bottom: 3%; }

.news_gall { float: left; width: 30%; margin-left: 3%; margin-bottom: 3%; }

.news_gall .thum { margin-bottom: 10px; }

.news_gall .thum img { width: 100%; }

.news_gall .cap { font-size: 1.6rem; }

@media screen and (max-width: 767px) { #archive_news { width: 100%; padding: 40px 0; }
  #archive_news .news { width: 100%; padding: 0 5%; box-sizing: border-box; }
  #archive_news .entry-content { width: 100%; padding: 0; }
  #archive_news .entry-content img { max-width: 100%; }
  #archive_news figure { width: 100%; margin: 0; padding: 10px; box-sizing: border-box; }
  #archive_news figure img { width: 100%; } }
/*******************************************************************
******* CONTACT ***********************************************
*******************************************************************/
.contact_tr { margin-bottom: 0%; }

.contact_tr .cont_l { padding-top: 1%; padding-right: 0%; padding-bottom: 1%; padding-left: 0%; line-height: 1.2rem; }

.cont_r #choose { width: 60%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; color: #58595B; }

.cont_r #last_name, .cont_r #first_name { width: 45%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; }

.cont_r #zip31, .cont_r #zip32 { width: 20%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; }

.cont_r #zip_code { width: 30%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; }

.cont_r #pref3, .cont_r #stay-date-year, .cont_r #stay-date-month, .cont_r #stay-date-day { width: 25%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; margin-bottom: 2%; color: #58595B; }

.cont_r #add01 { width: 73%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; margin-bottom: 2%; }

.cont_r #addr32, .cont_r #addr3 { width: 100%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; margin-bottom: 2%; }

.cont_r #fax01, .cont_r #fax02, .cont_r #tel01, .cont_r #tel02 { width: 25%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; }

.cont_r #fax03, .cont_r #tel03 { width: 35%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; }

.cont_r #mail, .cont_r #mail2, .cont_r #stay-place { width: 100%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; }

.cont_r #inqu { width: 100%; padding-top: 1%; padding-right: 2%; padding-bottom: 1%; padding-left: 2%; border-style: none; background-color: #E5E6E7; margin-bottom: 6%; }

.cont_r .rem { font-size: 1.2rem; padding-left: 0px; padding-right: 0px; padding-top: 5px; }

.cont_r .mail_check { margin-bottom: 6%; }

.cont_r select, .cont_r input::-moz-placeholder, .cont_r input:-ms-input-placeholder, .cont_r input::-webkit-input-placeholder { color: #58595B; font-weight: normal; }

.cont_r .contact_reset { padding-bottom: 6%; }

#stay_table { word-wrap: break-word; overflow-wrap: break-word; }

#stay_table th { width: auto; white-space: normal; }

#stay_table th:nth-child(1), #stay_table td:nth-child(1) { width: 10%; }

#stay_table th:nth-child(2), #stay_table td:nth-child(2) { width: 30%; }

#stay_table tr td:nth-child(1) { text-align: center; }

#stay_table tr td input { width: 100%; }

#stay_table .pc { display: none; }

@media screen and (max-width: 767px) { .cont_r #choose, .cont_r #pref3, .cont_r #stay-date-year, .cont_r #stay-date-month, .cont_r #stay-date-day { width: 100%; }
  #stay_table .sp { display: inline; } }
.temp_tb { margin-left: 3%; margin-right: 3%; font-weight: 500; font-size: 1.2rem; }

.temp_tb .temp_tr { clear: left; padding-bottom: 3%; width: 100%; float: left; }

.temp_tb .temp_tr .temp_th { float: left; width: 7%; text-align: right; color: #A87C50; }

.temp_tb .temp_tr .temp_td { float: left; width: 28%; padding-left: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.temp_tb .temp_tr .temp_tdd { float: left; width: 65%; }

p.temp_rem { width: 100%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; background-color: #E5E6E7; border: 1px solid #58595B; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 6% !important; }

.about_thum { width: 23%; float: left; border: 1px solid #C3996C; }

.about_com { width: 72%; float: right; font-size: 1.6rem; }

.about_com .cont_ts { color: #A87C50; clear: left; margin-bottom: 3%; }

@media screen and (max-width: 767px) { .temp_tb { font-size: 1.4rem; }
  .temp_tb .temp_tr .temp_th { float: left; text-align: right; color: #A87C50; width: auto; }
  .temp_tb .temp_tr .temp_td { float: left; width: auto; padding-left: 1.5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .temp_tb .temp_tr .temp_tdd { float: left; width: 100%; } }
/*******************************************************************
******* TERMS CONDITIONS ***********************************************
*******************************************************************/
#terms-table { display: table; }

#terms-table tr { display: table-row; }

#terms-table th, #terms-table td { display: table-cell; width: auto; }

#terms-table th { text-align: left; width: 25%; }

.wp-image-3965 { float: right; padding: 0 0 0 10px; }

@media screen and (max-width: 767px) { #terms-table, #terms-table tr, #terms-table th, #terms-table td { box-sizing: border-box; display: block; width: 100%; } }
/*******************************************************************
******* FAQ ********************************************************
*******************************************************************/
#archive_faq { margin-bottom: 3%; margin-top: 6%; width: 1080px; margin-right: auto; margin-left: auto; }

#archive_faq .accordion { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#archive_faq .accordion h2.btn-ac { background-image: url(img/faq_list.png); background-repeat: no-repeat; background-position: left center; background-size: 1em; padding-left: 3.5%; margin-bottom: 3%; cursor: pointer; display: inline-block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#archive_faq .accordion h2.btn-ac .faq_t { font-size: 1.6rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A87C50; padding-top: 2%; padding-bottom: 2%; }

#archive_faq .accordion h2.btn-ac .faq_t span { font-size: 1.4rem; margin-left: 10%; width: 70%; float: right; }

ul.open-ac { margin-left: 3.5%; font-size: 1.4rem; }

ul.open-ac li { float: left; clear: left; margin-bottom: 1%; width: 100%; }

li .q_t { background-color: rgba(214, 222, 35, 0.33); border: 1px solid #CCC; padding-right: 0.5%; padding-left: 0.5%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

li .q_c { background-color: rgba(214, 222, 35, 0.33); border: 1px solid #CCC; float: right; padding-right: 1%; padding-left: 1%; width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

li .a_t { background-color: #6D6E71; border: 1px solid #6D6E71; padding-right: 0.5%; padding-left: 0.5%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: white; }

li .a_c { float: right; padding-right: 1%; padding-left: 1%; width: 96%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 3%; }

@media screen and (max-width: 767px) { #archive_faq { margin-top: 45px; width: 100%; padding: 0 5%; box-sizing: border-box; }
  #archive_faq .accordion h2.btn-ac { background-size: 16px; padding-left: 21px; }
  #archive_faq .accordion h2.btn-ac .faq_t { font-size: 1.6rem; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #A87C50; padding-top: 2%; padding-bottom: 2%; }
  #archive_faq .accordion h2.btn-ac .faq_t span { display: none; }
  li .a_c, li .q_c { width: 90%; } }
/*******************************************************************
******* ?ｽ?ｽ?ｽl?ｽﾌゑｿｽ?ｽH?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ *******************************************
*******************************************************************/
.cuisine_bk { background-image: url(img/cuisine_bk.png); background-repeat: no-repeat; background-position: right top; background-size: contain; }

.cuisine_inner { margin-bottom: 3%; margin-top: 6%; width: 1080px; margin-right: auto; margin-left: auto; }

.cuisine_inner_t { font-size: 2.8rem; margin-bottom: 3%; }

.cuisine_inner p { font-size: 1.6rem; margin-bottom: 6%; }

.cuisine_inner .img_b { width: 100%; top: 20%; }

.cuisine_inner .img_b img { width: 32%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; }

.cuisine_inner .img_b img:nth-child(2) { margin-left: 2%; margin-right: 2%; }

.cuisine_cap { font-size: 1.6rem; margin-bottom: 6%; width: 100%; margin-right: auto; margin-left: auto; }

.border_u { border-bottom: 1px solid #A87C50; }

@media screen and (max-width: 767px) { .cuisine_inner { margin-top: 45px; width: 90%; } }
/*******************************************************************
******* ?ｽ?ｽ?ｽl?ｽ?ｽ?ｽﾌ趣ｿｽ?ｽ?ｽ?ｽ *******************************************
*******************************************************************/
.cruise_bk { background-image: url(img/cruise_bk.png); background-repeat: no-repeat; background-position: right top; background-size: contain; }

.cruise_inner { margin-bottom: 3%; margin-top: 6%; width: 1080px; margin-right: auto; margin-left: auto; }

.cruise_inner_t { font-size: 2.8rem; margin-bottom: 3%; }

.cruise_inner p { font-size: 1.6rem; margin-bottom: 6%; }

.cruise_inner .img_b { width: 100%; top: 20%; }

.cruise_inner .img_b img { width: 32%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; float: left; }

.cruise_inner .img_b img:nth-child(2) { margin-left: 2%; margin-right: 2%; }

#cruise00 { margin-bottom: 3%; margin-top: 6%; width: 1080px; margin-right: auto; margin-left: auto; }

#cruise00 img { width: 100%; }

#cruise01 { margin-bottom: 3%; margin-top: 6%; width: 1080px; margin-right: auto; margin-left: auto; }

.cruise_map { width: 100%; padding-top: 30px; }

#cruise07 ul, #cruise01 ul { margin: 0px; padding-top: 1%; padding-right: 2%; padding-left: 2%; padding-bottom: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(195, 153, 108, 0.13); text-align: center; }

#cruise07 li, #cruise01 li { display: inline-block; padding-top: 1.5%; padding-right: 1.5%; padding-bottom: 1.5%; padding-left: 1.5%; margin-right: 1%; margin-left: 1%; }

#cruise07 li .case_t, #cruise01 li .case_t { color: #A87C50; font-size: 1.2rem; margin-bottom: 1%; }

#cruise07 li .case_link, #cruise01 li .case_link { font-size: 1.4rem; background-color: #A87C50; color: #FFFFFF; white-space: nowrap; }

#cruise07 li .case_link a, #cruise01 li .case_link a { color: #FFFFFF; background-image: url(img/arrow_li.png); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 15%; }

#cruise02, #cruise03, #cruise04, #cruise05, #cruise06, #cruise07 { margin-bottom: 3%; margin-top: 6%; width: 1080px; margin-right: auto; margin-left: auto; }

.cruise02_t { font-size: 1.8rem; color: #A87C50; margin-left: 2%; margin-bottom: -1.5%; z-index: 100; position: relative; }

.cruise02_t:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; }

.cruise02_t span { padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; background-color: #FFFFFF; }

.cruise02_inner { font-size: 1.6rem; border: 1px solid #58595B; padding-top: 3%; padding-right: 2%; padding-bottom: 3%; padding-left: 2%; }

.cruise02_inner p { padding-bottom: 2%; }

.cruise02_inner .tr { margin-bottom: 3%; width: 100%; display: inline-block; }

.cruise02_inner .tr .th { width: 25%; float: left; color: #8A5E3C; }

.cruise02_inner .tr .td { width: 70%; float: right; padding-bottom: 1%; border-bottom: 1px dashed #929497; }

.cruise02_inner .tr .td strong { color: #A87C50; font-weight: 700; }

.cruise03_inner { border-bottom: 1px solid #A87C50; padding-bottom: 3%; }

.cruise03_inner .l { width: 50%; float: left; }

.cruise03_inner .l p { margin-bottom: 6% !important; }

.cruise03_inner .r { width: 50%; float: right; }

.cruise_t.bro_bk { font-size: 1.8rem; color: #FFFFFF; background-color: #A87C50; text-align: center; padding-right: 2%; padding-left: 2%; float: left; margin-bottom: 3%; }

.cruise_t.bro_bk2 { font-size: 1.8rem; color: #A87C50; text-align: center; padding-right: 2%; padding-left: 2%; float: left; margin-bottom: 3%; border: 1px solid #A87C50; }

#cruise06 p, #cruise05 p, #cruise04 p, #cruise03 p { font-size: 1.6rem; float: left; margin-bottom: 3%; padding-left: 1rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; }

#cruise03 img { width: 100%; }

.cruise_inner06 .tr, .cruise_inner05 .tr, .cruise_inner04 .tr { font-size: 1.6rem; margin-bottom: 3%; padding-bottom: 3%; width: 100%; display: inline-block; padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #A87C50; }

.cruise_inner06 .tr .th, .cruise_inner05 .tr .th, .cruise_inner04 .tr .th { width: 23%; float: left; color: #8A5E3C; }

.cruise_inner06 .tr .td, .cruise_inner04 .tr .td, .cruise_inner05 .tr .td { width: 75%; float: right; }

p.sec_ts { color: #231F20; font-size: 1.8rem; }

.bro_cap { float: left; color: #8A5E3C; font-size: 1.6rem; padding-left: 2%; margin-bottom: 3%; padding-bottom: 3%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.cruise_bus_inner { font-size: 1.6rem; padding-left: 2%; }

.cruise_bus_inner .tr { margin-bottom: 3%; width: 100%; display: inline-block; }

.cruise_bus_inner .tr .th { width: 25%; float: left; color: #8A5E3C; }

.cruise_bus_inner .tr .td { width: 75%; float: right; padding-bottom: 3%; border-bottom: 1px dashed #929497; margin-bottom: 2%; }

.bottm10 { margin-bottom: 0% !important; padding-bottom: 2% !important; }

img.flortright.w30 { float: right; width: 30%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 2%; }

.w50l { float: left !important; width: 50% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.w50r { float: right !important; width: 47% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 3%; }

.w70l { width: 70% !important; float: left; }

@media screen and (max-width: 767px) { .cruise_inner { margin-top: 45px; width: 90%; }
  #cruise00, #cruise01, #cruise02, #cruise03, #cruise04, #cruise05, #cruise06, #cruise07 { width: 90%; }
  .cruise_inner p { text-shadow: 1px 1px #FFFFFF; }
  .cruise02_inner .tr .th { width: 100%; }
  .cruise02_inner .tr .td { width: 90%; float: left; margin-left: 5%; }
  .cruise_inner06 .tr .th, .cruise_inner05 .tr .th, .cruise_inner04 .tr .th { width: 100%; }
  .cruise_inner06 .tr .td, .cruise_inner04 .tr .td, .cruise_inner05 .tr .td { width: 90%; float: left; margin-left: 5%; } }
/*******************************************************************
******* ?ｽA?ｽN?ｽZ?ｽX *****************************************************
*******************************************************************/
.map { text-align: center; margin-bottom: 5%; }

.map img { width: 65%; margin-right: auto; margin-left: auto; }

.map p { text-align: center; margin-top: 2%; margin-bottom: 3%; font-size: 1.4rem; }

.access_inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 3%; }

.access_inner .inner_t { color: #A87C50; font-size: 2.8rem; font-weight: 500; margin-bottom: 3%; }

.access_inner .tr { font-size: 1.4rem; margin-bottom: 2%; padding-bottom: 2%; width: 100%; display: inline-block; padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.access_inner .tr2 { font-size: 1.4rem; margin-bottom: 2%; width: 100%; display: inline-block; padding-left: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.access_inner .th { width: 23%; float: left; color: #A87C50; }

.access_inner .td { width: 77%; float: right; }

@media screen and (max-width: 767px) { .access_inner .inner_t { font-size: 2.1rem; }
  .access_inner .th { width: 100%; }
  .access_inner .td { width: 100%; float: left; } }
/*******************************************************************
******* ?ｽC?ｽx?ｽ?ｽ?ｽg *****************************************************
*******************************************************************/
.ebent_b { width: 100%; margin-bottom: 5%; padding-bottom: 3%; border-bottom: 1px solid #A87C50; }

h2.event_cat_t { font-size: 2.8rem; font-weight: 500; margin-bottom: 3%; color: #FFFFFF; text-align: center; min-width: 17%; float: left; clear: left; background-color: #A87C50; display: inline-table; }

.event_con_b { width: 100%; margin-bottom: 3%; padding-bottom: 3%; float: left; clear: left; }

.event_con_b h3.event_con_t { font-size: 2.8rem; font-weight: 500; color: #A87C50; margin-bottom: 3%; }

.event_con_b .event_con_c { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 3%; font-size: 1.6rem; margin-bottom: 2%; }

.event_con_b .event_tb { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-left: 3%; }

.event_con_b .event_tb .l { width: 32%; float: left; }

.event_con_b .event_tb .l img { width: 100%; border: 1px solid #A87C50; }

.event_con_b .event_tb .r { width: 65%; float: right; }

.event_con_b .event_tb .r table { font-size: 1.4rem; width: 100%; float: left; clear: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.event_con_b .event_tb .r table tr { width: 100%; }

.event_con_b .event_tb .r th { color: #603913; background-color: rgba(195, 153, 108, 0.25); width: 25%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; text-align: center; border: 1px solid #A87C50; }

.event_con_b .event_tb .r td { width: 75%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; border: 1px solid #A87C50; }

.btn_pdf { width: 100%; text-align: center; background-color: rgba(195, 153, 108, 0.15); margin-bottom: 3%; padding-top: 1.5%; padding-right: 10%; padding-bottom: 1.5%; padding-left: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; margin-top: 2%; }

.btn_pdf a { padding-top: 2%; padding-right: 10%; padding-bottom: 2%; padding-left: 15%; color: #FFFFFF; background-color: #A87C50; background-image: url(img/arrow_li.png); background-repeat: no-repeat; background-position: 10% center; background-size: auto 50%; font-size: 1.4rem; display: block; }

@media screen and (max-width: 767px) { .event_con_b .event_tb .l { width: 100%; float: left; margin-bottom: 10px; }
  .event_con_b .event_tb .r { width: 100%; float: left; }
  .btn_pdf a { background-position: 5% center; background-size: auto 30%; } }
/*******************************************************************
******* ?ｽ\?ｽ[?ｽg *****************************************************
*******************************************************************/
.sort_area { width: 100%; margin-bottom: 3%; }

h2.content_t { color: #A87C50; font-size: 2.8rem; font-weight: 500; margin-bottom: 3%; }

.sort01 { background-color: rgba(195, 153, 108, 0.15); margin-bottom: 3%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 1.4rem; color: #58595B; }

.sort02 { margin-bottom: 6%; font-size: 1.4rem; padding: 0%; }

.sort02 .food_b { float: left; width: 23%; margin-right: 2.666666%; }

.sort02 .food_b:nth-child(4) { margin-right: 0; }

.sort02 .food_img { width: 100%; margin-bottom: 3%; }

.sort02 .food_link { font-size: 1.4rem; text-align: center; width: 100%; }

.sort02 .hotel_b { float: left; width: 31.5%; margin-right: 2.75%; margin-bottom: 3%; border: 1px solid #8A5E3C; background-color: #F3EBE2; box-sizing: border-box; text-align: center; }

.sort02 .hotel_b.sub_tit_parent { position: relative; }

.sort02 .hotel_b.sub_tit_parent .sub_tit { position: absolute; right: 0; font-size: .92em; color: #454545; }

.hotel_ct { color: #a67c52; margin-bottom: 2%; }

.sort02 .hotel_b:nth-child(6), .sort02 .hotel_b:nth-child(3) { margin-right: 0; }

.sort02 .hotel_b a { padding-top: 5%; padding-bottom: 5%; text-decoration: none; display: block; }

.sort02 .hotel_b a:hover { background-color: #FCFBF9; }

#archive_hotel.col3, #archive_spot { width: 75%; margin-right: auto; margin-left: auto; }

.sort03 { margin-bottom: 6%; font-size: 1.4rem; padding: 0%; width: 100%; margin-right: auto; margin-left: auto; }

.sort03 .spot_b { float: left; width: 31%; margin-right: 2.666666%; margin-bottom: 3%; }

.sort03 .spot_b:nth-child(6), .sort03 .spot_b:nth-child(3) { margin-right: 0; }

.sort03 .spot_img { width: 100%; margin-bottom: 3%; }

.sort03 .spot_link { font-size: 1.4rem; text-align: center; width: 100%; }

.r .page_back { width: 100%; text-align: center; background-color: rgba(195, 153, 108, 0.15); margin-bottom: 3%; padding-top: 2%; padding-right: 5%; padding-bottom: 2%; padding-left: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-top: 1.5%; }

.page_back { width: 50%; text-align: center; background-color: rgba(195, 153, 108, 0.15); margin-bottom: 3%; padding-top: 2%; padding-right: 5%; padding-bottom: 2%; padding-left: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: right; }

.page_back a { padding-top: 2%; padding-right: 15%; padding-bottom: 2%; padding-left: 15%; color: #FFFFFF; background-color: #A87C50; background-image: url(img/arrow_back.png); background-repeat: no-repeat; background-position: 10% center; background-size: auto 50%; font-size: 1.4rem; display: block; }

#pageNate { clear: both; width: 80%; text-align: center; margin-right: auto; margin-left: auto; font-size: 1.4rem; }

#pageNate span { border: 1px solid #c3996c; background-color: rgba(195, 153, 108, 0.15); color: #fff; margin-right: 2px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 1.5%; padding-right: 1.5%; padding-left: 1.5%; padding-bottom: 1.5%; }

#pageNate a { border: 1px solid #c3996c; background-color: rgba(195, 153, 108, 0.4); color: #fff; margin-right: 2px; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; text-decoration: none; padding-top: 1.5%; padding-right: 1.5%; padding-left: 1.5%; padding-bottom: 1.5%; }

@media screen and (max-width: 767px) { .sort02 .food_b { float: left; width: 23%; margin-right: 2.666666%; }
  .sort02 { 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; }
  .sort02 .food_b:nth-child(4) { margin-right: 0; }
  .sort02 .food_img { width: 100%; margin-bottom: 3%; }
  .sort02 .food_link { font-size: 1.4rem; text-align: center; width: 100%; }
  .sort02 .food_b, .sort02 .hotel_b { float: left; width: 49%; margin-right: 2%; margin-bottom: 3%; box-sizing: border-box; text-align: center; font-size: 12px; }
  .hotel_ct { color: #a67c52; margin-bottom: 2%; }
  .sort02 .hotel_b:nth-child(3) { margin-right: 2%; }
  .sort02 .food_b:nth-child(6), .sort02 .food_b:nth-child(2), .sort02 .food_b:nth-child(4), .sort02 .hotel_b:nth-child(6), .sort02 .hotel_b:nth-child(2), .sort02 .hotel_b:nth-child(4) { margin-right: 0; }
  .sort02 .hotel_b a { padding-top: 5%; padding-bottom: 5%; text-decoration: none; display: block; }
  .sort02 .hotel_b a:hover { background-color: #FCFBF9; }
  #archive_hotel.col3, #archive_spot { width: 100%; margin-right: auto; margin-left: auto; }
  .sort03 { margin-bottom: 6%; font-size: 1.4rem; padding: 0%; width: 100%; margin-right: auto; margin-left: auto; }
  .sort03 .spot_b { float: left; width: 48%; margin-right: 2%; margin-bottom: 3%; }
  .sort03 .spot_b:nth-child(3) { margin-right: 2%; }
  .sort03 .spot_b:nth-child(6), .sort03 .spot_b:nth-child(4), .sort03 .spot_b:nth-child(2) { margin-right: 0; }
  .sort03 .spot_img { width: 100%; margin-bottom: 3%; }
  .sort03 .spot_link { font-size: 1.4rem; text-align: center; width: 100%; } }
/*******************************************************************
******* HOTEL *****************************************************
*******************************************************************/
#archive_hotel { width: 1080px; }

.hotel_arc_b { width: 100%; margin-bottom: 3%; }

.thumb { width: 320px; float: left; }

.thumb_b { width: 320px; float: left; height: 240px; overflow: hidden; }

.thumb img { width: 100%; border: 1px solid #A87C50; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.btn_detail { width: 100%; text-align: center; background-color: rgba(195, 153, 108, 0.15); margin-bottom: 3%; padding-top: 3%; padding-right: 10%; padding-bottom: 3%; padding-left: 10%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-top: 1.5%; }

.btn_detail a { padding-top: 2%; padding-right: 15%; padding-bottom: 2%; padding-left: 15%; color: #FFFFFF; background-color: #A87C50; background-image: url(img/arrow_li.png); background-repeat: no-repeat; background-position: 10% center; background-size: auto 50%; font-size: 1.4rem; display: block; }

.hotel_arc_r { width: 60%; /* ?ｽT?ｽ|?ｽ[?ｽg?ｽ?ｽ?ｽﾄなゑｿｽ?ｽu?ｽ?ｽ?ｽE?ｽU?ｽ?ｽ?ｽ?ｽ */ width: -webkit-calc(99% - 320px); /* 2013?ｽN10?ｽ?ｽ?ｽﾈ前?ｽ?ｽSafari?ｽ?ｽ?ｽT?ｽ|?ｽ[?ｽg?ｽ?ｽ?ｽ?ｽ鼾? */ width: calc(99% - 320px); float: right; font-size: 1.4rem; }

table { width: 100%; font-size: 1.4rem; }

table tr { width: 100%; }

table tr th { color: #603913; background-color: rgba(195, 153, 108, 0.25); width: 25%; padding-top: 1.0%; padding-right: 2%; padding-bottom: 1.0%; padding-left: 2%; text-align: center; border: 1px solid #A87C50; }

table tr td { width: 75%; padding-top: 1.0%; padding-right: 2%; padding-bottom: 1.0%; padding-left: 2%; border: 1px solid #A87C50; }

.hotel_sing_b { width: 100%; margin-bottom: 6%; }

.h_name { color: #A87C50; font-size: 2.8rem; font-weight: 500; margin-bottom: 3%; }

.h_name span { font-size: 1.4rem; color: #58595B; }

.thumb_b { width: 100%; margin-bottom: 3%; }

.thumb_b .l { width: 33%; float: left; text-align: left; height: 240px; overflow: hidden; }

.thumb_b .c { width: 33%; float: left; text-align: center; margin-right: 0.5%; margin-left: 0.5%; height: 240px; overflow: hidden; }

.thumb_b .r { width: 33%; float: left; text-align: right; height: 240px; overflow: hidden; }

.thumb_b .c img, .thumb_b .l img, .thumb_b .r img { width: 100%; max-width: 320px; }

.hotel_sin_b { width: 100%; }

.hotel_sin_b .l { width: 49%; float: left; }

.hotel_sin_b .l table { width: 100%; }

.hotel_sin_b .l tr { width: 100%; }

.hotel_sin_b .l th { color: #603913; background-color: rgba(195, 153, 108, 0.25); width: 28%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; text-align: center; border: 1px solid #A87C50; font-size: 1.4rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hotel_sin_b .l td { width: 72%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; border: 1px solid #A87C50; font-size: 1.4rem; word-break: break-all; word-wrap: break-word; /* ?ｽ?ｽ?ｽv?ｽ?ｽ?ｽp?ｽe?ｽB?ｽ?ｽ */ overflow-wrap: break-word; /* ?ｽV?ｽv?ｽ?ｽ?ｽp?ｽe?ｽB?ｽ?ｽ */ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.hotel_sin_b .r { width: 49%; float: right; }

.google-maps { position: relative; padding-bottom: 75%; height: 0; overflow: hidden; }

.google-maps iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }

@media screen and (max-width: 767px) { #archive_hotel { width: 100%; }
  .thumb_b, .thumb_b .l, .thumb_b .c, .thumb_b .r { height: auto; }
  .hotel_sin_b .l { width: 100%; float: left; margin-bottom: 10px; }
  .hotel_sin_b .r { width: 100%; float: left; } }
/*******************************************************************
******* experience *****************************************************
*******************************************************************/
.experience_arc_b { width: 100%; margin-bottom: 3%; }

.experience_arc_r { width: 60%; /* ?ｽT?ｽ|?ｽ[?ｽg?ｽ?ｽ?ｽﾄなゑｿｽ?ｽu?ｽ?ｽ?ｽE?ｽU?ｽ?ｽ?ｽ?ｽ */ width: -webkit-calc(99% - 320px); /* 2013?ｽN10?ｽ?ｽ?ｽﾈ前?ｽ?ｽSafari?ｽ?ｽ?ｽT?ｽ|?ｽ[?ｽg?ｽ?ｽ?ｽ?ｽ鼾? */ width: calc(99% - 320px); float: right; font-size: 1.6rem; }

.experience_sing_b { width: 100%; margin-bottom: 6%; }

.experience_sin_b { width: 100%; }

.experience_sin_b .l { width: 49%; float: left; }

.experience_sin_b .l table { width: 100%; }

.experience_sin_b .l tr { width: 100%; font-size: 1.6rem; }

.experience_sin_b .l th { color: #603913; background-color: rgba(195, 153, 108, 0.25); width: 28%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; text-align: center; border: 1px solid #A87C50; font-size: 1.4rem; }

.experience_sin_b .l td { width: 72%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; border: 1px solid #A87C50; font-size: 1.4rem; word-break: break-all; word-wrap: break-word; /* ?ｽ?ｽ?ｽv?ｽ?ｽ?ｽp?ｽe?ｽB?ｽ?ｽ */ overflow-wrap: break-word; /* ?ｽV?ｽv?ｽ?ｽ?ｽp?ｽe?ｽB?ｽ?ｽ */ }

.experience_sin_b .r { width: 49%; float: right; }

.experience .entry-content { clear: both; margin-bottom: 3%; }

#experi-slider { width: 100%; padding-top: 2%; padding-right: 5%; padding-bottom: 2%; padding-left: 5%; background-color: rgba(195, 153, 108, 0.15); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 5%; }

.sp-slide { position: relative; width: 100%; }

.experi_img { z-index: 50; margin-bottom: 2%; }

.experi_name { text-align: center; width: 100%; z-index: 100; }

.experi_name a { display: block; }

#experi-img .sp-arrow.sp-previous-arrow { left: -25px; }

#experi-img .sp-arrow.sp-next-arrow { right: -25px; }

@media screen and (max-width: 767px) { .experience_sin_b .l { width: 100%; float: left; margin-bottom: 10px; }
  .experience_sin_b .r { width: 100%; float: left; } }
/*******************************************************************
******* meal ********************************************************
*******************************************************************/
.meal_arc_b { width: 100%; margin-bottom: 3%; }

.meal_arc_r { width: 60%; /* ?ｽT?ｽ|?ｽ[?ｽg?ｽ?ｽ?ｽﾄなゑｿｽ?ｽu?ｽ?ｽ?ｽE?ｽU?ｽ?ｽ?ｽ?ｽ */ width: -webkit-calc(99% - 320px); /* 2013?ｽN10?ｽ?ｽ?ｽﾈ前?ｽ?ｽSafari?ｽ?ｽ?ｽT?ｽ|?ｽ[?ｽg?ｽ?ｽ?ｽ?ｽ鼾? */ width: calc(99% - 320px); float: right; font-size: 1.6rem; }

.meal_sing_b { width: 100%; margin-bottom: 6%; }

.meal_sin_b { width: 100%; }

.meal_sin_b .l { width: 49%; float: left; }

.meal_sin_b .l table { width: 100%; }

.meal_sin_b .l tr { width: 100%; }

.meal_sin_b .l th { color: #603913; background-color: rgba(195, 153, 108, 0.25); width: 28%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; text-align: center; border: 1px solid #A87C50; font-size: 1.4rem; }

.meal_sin_b .l td { width: 72%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; border: 1px solid #A87C50; font-size: 1.4rem; word-break: break-all; word-wrap: break-word; /* ?ｽ?ｽ?ｽv?ｽ?ｽ?ｽp?ｽe?ｽB?ｽ?ｽ */ overflow-wrap: break-word; /* ?ｽV?ｽv?ｽ?ｽ?ｽp?ｽe?ｽB?ｽ?ｽ */ }

.meal_sin_b .r { width: 49%; float: right; }

@media screen and (max-width: 767px) { .meal_sin_b .l { width: 100%; float: left; margin-bottom: 10px; }
  .meal_sin_b .r { width: 100%; float: left; } }
/*******************************************************************
******* Search ********************************************************
*******************************************************************/
.search_ct { width: 20%; float: left; color: #A87C50; }

.search_cr { width: 80%; float: right; }

.btn_search01 { width: 100%; text-align: center; margin-bottom: 5%; }

#searchform input[type=submit] { background: #c3996c; /* Old browsers */ background: -moz-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c3996c 0%, #8a5e3c 100%); font-size: 1.4rem; padding-top: 1.0%; padding-right: 2%; padding-bottom: 1.0%; padding-left: 2%; color: #FFF; text-align: center; font-weight: normal; margin-right: auto; margin-left: auto; }

.free_search_b { width: 100%; padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; background-color: rgba(195, 153, 108, 0.4); margin-top: 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.free_search_b input[type=submit] { background: #c3996c; /* Old browsers */ background: -moz-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c3996c 0%, #8a5e3c 100%); font-size: 1.2rem; padding-top: 1.0%; padding-right: 2%; padding-bottom: 1.0%; padding-left: 2%; color: #FFF; text-align: center; font-weight: normal; margin-right: auto; margin-left: auto; float: right; }

.free_search_b input[type=text] { width: 70%; float: left; padding-top: 1%; padding-right: 1%; padding-bottom: 1%; padding-left: 1%; font-size: 1.2rem; }

.sightsee_b { width: 100%; float: left; clear: left; margin-bottom: 3%; }

h2.sightsee_t { color: #A87C50; font-size: 2.8rem; font-weight: 500; margin-bottom: 3%; }

ul.sightsee_out { margin-bottom: 3%; }

li.sightsee_in { float: left; width: 23%; margin-right: 1%; margin-left: 1%; margin-bottom: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A87C50; }

.sightsee_in_i { padding-top: 1%; padding-right: 1%; padding-bottom: 1%; padding-left: 1%; }

.sightsee_in_t { background-color: rgba(195, 153, 108, 0.25); padding-top: 1%; padding-right: 1%; padding-bottom: 1%; padding-left: 1%; color: #A87C50; font-size: 1.6rem; text-align: center; border-top: 1px solid #A87C50; border-bottom: 1px solid #A87C50; }

.sightsee_in_c { padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; font-size: 1.2rem; min-height: 7rem; }

.sightsee_in_l { background-color: rgba(195, 153, 108, 0.8); color: #FFF; font-size: 1.6rem; text-align: center; padding-top: 1%; padding-right: 1%; padding-bottom: 1%; padding-left: 1%; }

.sightsee_in_l a { color: #FFF; background-image: url(img/arrow_li.png); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 15%; }

@media screen and (max-width: 767px) { ul.sightsee_out { 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; }
  li.sightsee_in { width: 48%; position: relative; }
  .sightsee_in_c { padding-bottom: 35px; }
  .sightsee_in_l { position: absolute; bottom: 0px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  .free_search_b input[type=text] { width: 100%; padding: 0 5%; box-sizing: border-box; float: none; font-size: 1.4rem; padding: 1%; margin-bottom: 3%; }
  #searchform input[type=submit] { background: #c3996c; /* Old browsers */ background: -moz-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c3996c 0%, #8a5e3c 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c3996c 0%, #8a5e3c 100%); font-size: 1.4rem; padding-top: 1.0%; padding-right: 2%; padding-bottom: 1.0%; padding-left: 2%; color: #FFF; text-align: center; font-weight: normal; margin-right: auto; margin-left: auto; } }
/*******************************************************************
******* ?ｽA?ｽ[?ｽJ?ｽC?ｽuPAGE ?ｽ?ｽ?ｽX?ｽg?ｽp ************************************
*******************************************************************/
.archive_list_b { width: 100%; float: left; clear: left; margin-bottom: 3%; }

h2.archive_list_t { color: #A87C50; font-size: 2.8rem; font-weight: 500; margin-bottom: 3%; }

ul.archive_list_out { margin-bottom: 3%; list-style-type: none; }

li.archive_list_in { float: left; width: 23%; margin-right: 1%; margin-left: 1%; margin-bottom: 2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #A87C50; list-style-type: none; position: relative; }

li.archive_list_in.cg_clomn { width: 31.33%; }

.archive_list_in_i { height: 185.91px; overflow: hidden; position: relative; }

li.archive_list_in.cg_clomn .archive_list_in_i { height: 252.25px; }

.archive_list_in_i img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; }

.archive_list_in_t { background-color: rgba(195, 153, 108, 0.25); color: #A87C50; font-size: 1.5rem; text-align: center; border-top: 1px solid #A87C50; border-bottom: 1px solid #A87C50; padding: 1%; height: 24px; }

li.archive_list_in.cg_clomn .archive_list_in_t { height: auto; }

.archive_list_in_c { font-size: 1.2rem; min-height: 7rem; padding: 2%; margin-bottom: 1rem; }

li.archive_list_in.cg_clomn .archive_list_in_c { padding: 2% 2% 40px 2%; min-height: inherit; font-size: 1.5rem; }

.archive_list_in_c .tour_price { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #DDD; }

.archive_list_in_l { background-color: rgba(195, 153, 108, 0.8); color: #FFF; font-size: 1.6rem; text-align: center; position: absolute; bottom: 0px; padding: 1%; width: 100%; box-sizing: border-box; }

.archive_list_in_l a { color: #FFF; background-image: url(img/arrow_li.png); background-repeat: no-repeat; background-position: left center; background-size: contain; padding-left: 15%; }

@media screen and (max-width: 767px) { ul.archive_list_out { 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; }
  li.archive_list_in.cg_clomn, li.archive_list_in { width: 48%; position: relative; padding-bottom: 32px; }
  .archive_list_in_t { font-size: 1.2rem; padding-right: 0px; padding-left: 0px; height: auto; }
  .archive_list_in_l { position: absolute; bottom: 0px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
  li.archive_list_in.cg_clomn .archive_list_in_i { height: auto; overflow: hidden; position: relative; }
  li.archive_list_in.cg_clomn .archive_list_in_i img { position: relative; top: 0; left: 0; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); width: 100%; height: auto; vertical-align: bottom; }
  .archive_list_in_i { height: 100px; overflow: hidden; position: relative; }
  .archive_list_in_i img { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; height: auto; }
  li.archive_list_in.cg_clomn .archive_list_in_c { font-size: 1.2rem; } }
/*******************************************************************
******* ?ｽA?ｽ[?ｽJ?ｽC?ｽuPAGE ?ｽ?ｽ?ｽX?ｽg?ｽp ************************************
*******************************************************************/
.archive_living .cont_block p { color: #A87C50; }

.archive_living .living_b { width: 100%; margin-bottom: 6%; }

.archive_living h2 { color: #A87C50; line-height: 80px; background-repeat: no-repeat; background-position: left center; background-size: contain; height: 80px; padding-left: 90px; margin-bottom: 2%; display: flex; align-items: center; /*text-align: center;*/ /* for no-flexbox browsers */ }

/*.archive_living h2:before,*/
.archive_living h2:after { content: ""; display: inline; /* for IE */ flex-grow: 1; border-top-width: 2px; border-top-style: dotted; }

/*.archive_living h2:before {
	margin-right: 0.5em;
}*/
.archive_living h2:after { margin-left: 0.5em; }

#gs { background-image: url(img/ico_gs.png); }

#attractions { background-image: url(img/ico_attractions.png); }

#bank { background-image: url(img/ico_bank.png); }

#bath { background-image: url(img/ico_bath.png); }

#gus { background-image: url(img/ico_gus.png); }

#hospital { background-image: url(img/ico_hospital.png); }

#library { background-image: url(img/ico_library.png); }

#plantation { background-image: url(img/ico_plantation.png); }

#shops { background-image: url(img/ico_shops.png); }

#traffic { background-image: url(img/ico_traffic.png); }

.archive_living ul { padding-left: 110px; clear: left; float: left; box-sizing: border-box; width: 100%; }

.archive_living li { float: left; list-style-type: disc; margin-right: 30px; }

@media screen and (max-width: 767px) { .archive_living h2 { line-height: normal; }
  .archive_living ul { margin-bottom: 30px; }
  .archive_living li { margin-right: 10px; } }
/*******************************************************************
******* ?ｽﾑゑｿｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ?ｽ *******************************************
*******************************************************************/
.shirogane_bk { width: 100%; background-image: url(./img/shirogane_bk.png); background-repeat: no-repeat; background-position: right top; background-size: contain; }

.shirogane_inner { margin-bottom: 3%; margin-top: 6%; }

.shirogane_inner_t { color: A87C50; font-size: 2.8rem; margin-bottom: 3%; }

.shirogane_inner p { font-size: 1.6rem; margin-bottom: 2%; }

.shirogane_notes { padding: 0 100px; margin-bottom: 3%; margin-top: 6%; font-size: 1.6rem; }

.shirogane_notes dl dt { clear: both; float: left; width: 28%; text-align: right; }

.shirogane_notes dl dd { float: right; width: 70%; }

@media screen and (max-width: 767px) { .shirogane_notes { padding: 0 5%; }
  .shirogane_notes dl dt { clear: both; float: none; width: 100%; text-align: left; }
  .shirogane_notes dl dd { float: right; width: 90%; margin-bottom: 0.5rem; } }
#shirogane07, #shirogane01 { width: 100%; margin-bottom: 3%; margin-top: 6%; }

#shirogane07 ul, #shirogane01 ul { width: 100%; margin: 0px; padding-top: 1%; padding-right: 2%; padding-left: 2%; padding-bottom: 1%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-color: rgba(195, 153, 108, 0.13); text-align: center; }

#shirogane07 li, #shirogane01 li { width: 16%; display: inline-block; padding-top: 1.5%; padding-right: 1.5%; padding-bottom: 1.5%; padding-left: 1.5%; margin-right: 1%; margin-left: 1%; }

#shirogane07 li .case_t, #shirogane01 li .case_t { color: #A87C50; font-size: 1.1vw; margin-bottom: 1%; }

#shirogane07 li .case_link, #shirogane01 li .case_link { font-size: 1.25vw; background-color: #A87C50; color: #FFFFFF; padding: 2%; white-space: nowrap; }

#shirogane07 li .case_link a, #shirogane01 li .case_link a { display: block; position: relative; color: #FFFFFF; padding-left: 20px; }

#shirogane07 li .case_link a:before, #shirogane01 li .case_link a:before { position: absolute; top: 0; left: 0; content: " "; display: inline-block; width: 20px; height: 30px; background-image: url(./img/arrow_li.png); background-repeat: no-repeat; background-position: left center; background-size: contain; }

#shirogane07 li .case_link a span, #shirogane01 li .case_link a span { display: inline-block; }

@media screen and (max-width: 767px) { #shirogane07 li, #shirogane01 li { width: 100%; display: block; box-sizing: border-box; }
  #shirogane07 li .case_link a:before, #shirogane01 li .case_link a:before { height: 25px; }
  #shirogane07 li .case_link a, #shirogane01 li .case_link a { font-size: 2em; }
  #shirogane07 li .case_link a span, #shirogane01 li .case_link a span { font-size: 2em; } }
#shirogane02 { width: 100%; margin-bottom: 3%; margin-top: 6%; }

.shirogane02_t { font-size: 2.8rem; font-weight: 500; color: #A87C50; margin-left: 2%; margin-bottom: -1.5%; z-index: 100; position: relative; }

.shirogane02_t:before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; }

.shirogane02_t span { padding-top: 2%; padding-right: 2%; padding-bottom: 2%; padding-left: 2%; background-color: #FFFFFF; }

.shirogane02_inner { font-size: 1.6rem; border: 1px solid #58595B; padding-top: 3%; padding-right: 2%; padding-bottom: 3%; padding-left: 2%; }

.shirogane02_inner p { padding-bottom: 2%; }

.shirogane02_inner .tr { margin-bottom: 3%; width: 100%; display: inline-block; }

.shirogane02_inner .tr .th { width: 25%; float: left; color: #8A5E3C; }

.shirogane02_inner .tr .td { width: 70%; float: right; padding-bottom: 1%; border-bottom: 1px dashed #929497; }

.shirogane02_inner .tr .td strong { display: block; padding: 5% 0; color: #A87C50; font-weight: 700; }

#shirogane03 { width: 100%; margin-bottom: 3%; margin-top: 6%; }

.shirogane03_inner { border-bottom: 1px solid #A87C50; padding-bottom: 3%; }

.shirogane03_inner p { clear: both; margin-bottom: 3%; margin-top: 6%; font-size: 1.6rem; }

.shirogane03_list { clear: both; }

.shirogane03_list h3 { padding: 2% 2% 1%; font-size: 1.6rem; font-weight: bold; color: #8A5E3C; }

.shirogane03_list table { width: 100%; }

.shirogane03_list table th:nth-of-type(1), .shirogane03_list table th:nth-of-type(2) { width: 20%; }

.shirogane03_list table tr td { width: auto; }

.shirogane03_map { width: 100%; margin-bottom: 3%; margin-top: 6%; text-align: center; }

.shirogane03_map img { width: 100%; }

.shrogane_map_container { position: relative; width: 100%; margin: 3% 0; padding: 56.25% 0 0 0; }

.shrogane_map_container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.shirogane_t.bro_bk { font-size: 1.6vw; color: #FFFFFF; background-color: #A87C50; text-align: center; padding-right: 2%; padding-left: 2%; float: left; margin-bottom: 3%; }

/*******************************************************************
******* クーポン *******************************************
*******************************************************************/
.page-id-2717 .taC { text-align: center; }

.page-id-2717 .note { text-align: center; color: #e06062; font-size: 1.25em; }

.page-id-2717 h3 { color: #A87C50; font-size: 2.8rem; font-weight: 500; margin-bottom: 3%; }

.page-id-2717 .coupon_summary, .page-id-2717 .howto-apply { padding-left: 3%; margin-bottom: 5%; }

.page-id-2717 article.cont_block .howto-apply h4 { display: inline-block; border: 2px solid #A87C50; padding: 5px; font-weight: bold; font-size: 1.6rem; color: #A87C50; margin-bottom: 15px; }

.page-id-2717 article.cont_block .coupon_summary p, .page-id-2717 article.cont_block .howto-apply p { font-size: 1.6rem; padding-left: 0; margin-bottom: 3%; }

.page-id-2717 .coupon_summary ol, .page-id-2717 .coupon_summary ul { margin-bottom: 3%; }

.page-id-2717 .coupon_summary li { padding: 3px 0; margin-left: 1em; text-indent: -1em; }

.page-id-2717 #english-info > .content_t { margin-top: 30px; text-align: center; border: 2px solid #A87C50; padding: 10px 0; }

.page-id-2717 .copupon_btn { margin-top: 25px; text-align: center; margin-bottom: 3%; }

.page-id-2717 .copupon_btn a { display: inline-block; padding: 0.5em 2em; text-decoration: none; background: #BA584F; /*ボタン色*/ color: #FFF; border-bottom: solid 4px #8F453F; border-radius: 3px; }

.page-id-2717 .copupon_btn a:active { /*ボタンを押したとき*/ -ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px); /*下に動く*/ border-bottom: solid 4px #fff; }

@media screen and (max-width: 767px) { .page-id-2717 h3 { font-size: 2.1rem; } }
/*******************************************************************
******* びえい割 *******************************************
*******************************************************************/
.page-id-5154 .entry-title { display: none; }

.page-id-5154 .p_title { display: none; }

.page-id-5154 .taC { text-align: center; }

.page-id-5154 .flR { float: right; margin: 0 0 15px 15px; }

.page-id-5154 article.cont_block .tit01 { font-weight: bold; }

.page-id-5154 .tit01 span { font-size: 1.125em; color: #E48600; }

.page-id-5154 .bieiwari_imgs { display: flex; flex-wrap: wrap; width: 100%; max-width: 1080px; }

.page-id-5154 .bieiwari_imgs li { box-sizing: border-box; width: 20%; padding: 0 5px; }

.page-id-5154 .bieiwari_imgs li img { width: 100%; height: auto; }

.page-id-5154 .note01 { margin: 25px 0 0 0; border: 1px solid #454545; padding: 15px; }

.page-id-5154 .note01 p { margin: 0; padding: 0; font-size: 1.5em; color: #C40F12; }

.page-id-5154 .note01 p span { font-weight: bold; font-size: 1.25em; }

.page-id-5154 .summary01 { margin: 60px 0; }

.page-id-5154 #bieiwari h3 { color: #A87C50; font-size: 2.8rem; font-weight: 500; margin-top: 60px; margin-bottom: 3%; }

.page-id-5154 #bieiwari h3 span { font-weight: bold; color: #C40F12; }

.page-id-5154 .coupon_summary, .page-id-5154 .howto-apply { padding-left: 3%; margin-bottom: 5%; }

.page-id-5154 article.cont_block .howto-apply h4 { display: inline-block; border: 2px solid #A87C50; padding: 5px; font-weight: bold; font-size: 1.6rem; color: #A87C50; margin-bottom: 15px; }

.page-id-5154 article.cont_block .coupon_summary p, .page-id-5154 article.cont_block .howto-apply p { font-size: 1.6rem; padding-left: 0; margin-bottom: 3%; }

.page-id-5154 .underline01 { text-decoration: underline; }

.page-id-5154 .underline02 { text-decoration: underline; color: #454545; }

.page-id-5154 .coupon_summary ol, .page-id-5154 .coupon_summary ul { margin-bottom: 3%; }

.page-id-5154 .coupon_summary li { padding: 3px 0; margin-left: 1em; text-indent: -1em; }

.page-id-5154 .bieiwari_period { font-weight: bold; font-size: 1.125em; }

.page-id-5154 .mark01 { color: #C40F12; }

.page-id-5154 .mark02 { font-size: 1.5em; }

.page-id-5154 strong { font-weight: bold; }

.page-id-5154 .copupon_btn { margin-top: 25px; text-align: center; margin-bottom: 3%; }

.page-id-5154 .copupon_btn a { display: inline-block; padding: 0.5em 2em; text-decoration: none; background: #BA584F; /*ボタン色*/ color: #FFF; border-bottom: solid 4px #8F453F; border-radius: 3px; }

.page-id-5154 .copupon_btn a:active { /*ボタンを押したとき*/ -ms-transform: translateY(4px); -webkit-transform: translateY(4px); transform: translateY(4px); /*下に動く*/ border-bottom: solid 4px #fff; }

.page-id-5154 .bieiwari_more { text-align: center; margin: 15px 0 40px 0; }

.page-id-5154 .bieiwari_more dl { display: inline-block; }

.page-id-5154 .bieiwari_more dt { padding: 10px 0; background: #A87C50; color: #FFF; font-weight: bold; font-size: 1.25em; }

.page-id-5154 .bieiwari_more dd img { max-width: 500px; width: 100%; height: auto; }

.page-id-5154 .bieiwari_more dd a:hover img { opacity: .8; }

.page-id-5154 .about_us { text-align: right; }

.page-id-5154 .about_us dl { display: inline-block; border: 1px solid #454545; padding: 20px; text-align: left; }

.page-id-5154 .about_us dt { font-size: 1.25em; }

@media screen and (max-width: 767px) { .page-id-5154 h3 { margin-top: 40px; font-size: 2rem; font-weight: bold; }
  .page-id-5154 .flR { float: none; margin: 15px auto; text-align: center; }
  .page-id-5154 .bieiwari_imgs li { box-sizing: border-box; width: 50%; height: auto; }
  .page-id-5154 .bieiwari_imgs li:last-child { display: none; } }
/*******************************************************************
******* sightseeing *******************************************
*******************************************************************/
article.cont_block.cont_block_sightseeing .alignright { float: right; margin: 0.5em 0 0.5em 1em; }

article.cont_block.cont_block_sightseeing .aligncenter { margin: 0 auto; }

article.cont_block.cont_block_sightseeing .pc { display: block; }

article.cont_block.cont_block_sightseeing .sp { display: none; }

article.cont_block.cont_block_sightseeing p { padding-left: 0; }

article.cont_block.cont_block_sightseeing .sightseeing_btns { clear: both; display: flex; flex-wrap: wrap; justify-content: center; margin: 0 0 60px 0; }

article.cont_block.cont_block_sightseeing .sightseeing_btns li { width: 45%; margin-top: 15px; padding: 0 2%; text-align: center; }

article.cont_block.cont_block_sightseeing .sightseeing_btns li a { display: block; /*padding: 0 0 15px 0;*/ border: 1px solid #8A5E3C; background-color: #F3EBE2; color: #a67c52; font-size: 1.125em; }

article.cont_block.cont_block_sightseeing .sightseeing_btns li a:hover, article.cont_block.cont_block_sightseeing a:hover img { text-decoration: none; opacity: .75; }

article.cont_block.cont_block_sightseeing .sightseeing_btns li a img { display: block; /*margin-bottom: 10px;*/ }

article.cont_block.cont_block_sightseeing .tit { padding-left: 8px; color: #A87C50; font-size: 1.75rem; font-weight: 500; margin-bottom: 1.5%; border-left: 3px solid #A87C50; }

@media screen and (max-width: 767px) { article.cont_block.cont_block_sightseeing .pc { display: none; }
  article.cont_block.cont_block_sightseeing .sp { display: block; }
  article.cont_block.cont_block_sightseeing .sightseeing_btns li { width: 100%; }
  article.cont_block.cont_block_sightseeing .sightseeing_btns li a { font-size: 1em; } }
/* -----------

固定ページ：美瑛観光ルールマナー110番 -- 2022/12 追加

---------- */
body.page-id-9854 .manner-head { background: url("img/img-tourist-manner110.jpg") no-repeat 50% 0; background-size: cover; text-align: center; padding: 180px 110px 25px 110px; border-bottom: 1px solid #efefef; }
body.page-id-9854 .manner-head dl { margin-bottom: 15px; }
body.page-id-9854 .manner-head dl dt { margin-bottom: 20px; padding: 15px 10px; background-color: rgba(0, 92, 25, 0.9); font-size: 1.75rem; font-weight: bold; color: #FFF; }
body.page-id-9854 .manner-head p { font-size: 1.5rem; line-height: 1.7; }
body.page-id-9854 .manner-body h3 { margin: 30px 0 10px 0; font-size: 2rem; color: #A87C50; font-weight: bold; }
body.page-id-9854 .manner-body dl.implementing-body { display: flex; flex-wrap: wrap; justify-content: flex-start; }
body.page-id-9854 .manner-body dl.implementing-body dt { margin-bottom: 5px; width: 5em; font-weight: bold; }
body.page-id-9854 .manner-body dl.implementing-body dd { margin-bottom: 5px; width: calc(100% - 5em); }
body.page-id-9854 .manner-body ul { padding: 0 0 0 1.5em; }
body.page-id-9854 .manner-body ul li { padding: 5px 0; border-bottom: 1px dotted #DDD; list-style: disc; }
body.page-id-9854 .consent-checkbox { margin: 40px 0 0 0; text-align: center; border: 2px solid #CCC; padding: 15px; font-size: 1.2em; border-radius: 5px; }
body.page-id-9854 .consent-checkbox .submit_btnarea { margin-top: 10px; }
body.page-id-9854 .consent-checkbox .submit_btnarea button { background-color: #A87C50; color: #FFF; }
body.page-id-9854 .consent-checkbox .submit_btnarea button[type="button"][disabled] { opacity: .7; cursor: default; }

@media screen and (max-width: 767px) { body.page-id-9854 .manner-head { padding: 100px 25px 25px 25px; }
  body.page-id-9854 .manner-head dl dt { font-size: 1.5rem; }
  body.page-id-9854 .manner-head p { font-size: 1.25rem; }
  body.page-id-9854 .manner-body h3 { font-size: 1.5rem; }
  body.page-id-9854 .manner-body dl.implementing-body dt { width: 4em; }
  body.page-id-9854 .manner-body dl.implementing-body dd { width: calc(100% - 4em); } }
/* -----------

blog -- 2021/07 追加

---------- */
body.single-blog #blog_wrap .hentry .entry-content { display: block !important; }

#blog_wrap { display: flex; justify-content: space-between; }
#blog_wrap .blog-inner { width: calc(100% - 300px); }
#blog_wrap #blog-side { width: 250px; padding: 25px 15px; background: #efefef; }
#blog_wrap .hentry > a { text-decoration: none; color: #000; }
#blog_wrap .hentry > a:hover { opacity: .8; }
#blog_wrap .hentry .takeout-image { margin-bottom: 20px; background: #efefef; }
#blog_wrap .hentry .takeout-image img { display: block; max-width: 100%; height: auto; margin: 0 auto; vertical-align: bottom; }
#blog_wrap .hentry .entry-title { padding: 0 0 0 10px; margin-bottom: 5px; font-size: 1.5em; border-left: 4px solid #8A5E3C; font-weight: bold; }
#blog_wrap .hentry .entry-content { display: flex; padding: 15px 0 0 0; font-size: 1.125em; }
#blog_wrap .hentry .entry-content .wp-post-image { max-width: 200px; height: auto; margin: 0 15px 10px 0; }
#blog_wrap .hentry .takeout-info { border-top: 1px solid #efefef; margin-top: 25px; padding: 25px 0; }
#blog_wrap .hentry .takeout-info .tit01, #blog_wrap .hentry .takeout-info dt { display: inline-block; margin-top: 25px; margin-bottom: 5px; padding: 2px 0; width: 7em; color: #FFF; background: #8A5E3C; border-radius: 4px; text-align: center; }
#blog_wrap .hentry .takeout-info .map { margin-top: 15px; margin-bottom: 0; }
#blog_wrap .hentry .takeout-info .map iframe { width: 100% !important; height: 450px; }
#blog_wrap .hentry .takeout-note { margin-top: 20px; padding-top: 20px; border-top: 1px dotted #DDD; }
#blog_wrap #archive_blog .hentry { padding: 25px 0; border-bottom: 1px solid #ddd; }
#blog_wrap #blog-side h3 { font-weight: bold; border-bottom: 2px solid #888; font-size: 1.125em; }
#blog_wrap #blog-side ul { margin: 10px 0 20px 0; }
#blog_wrap #blog-side ul li { padding: 10px 0; border-bottom: 1px dotted #666; }
#blog_wrap #blog-side ul li a { display: block; }
#blog_wrap #blog-side ul li time { display: block; margin-bottom: 3px; }
#blog_wrap #blog-side ul.b_cat_tree .cat-item a { padding-left: 7px; border-left: 3px solid #a67c52; }
#blog_wrap #blog-side ul.b_cat_tree .children { margin: 0 0 0 1em; }
#blog_wrap #blog-side ul.b_cat_tree .children .cat-item:last-child { border-bottom: none; }
#blog_wrap #blog-side ul.b_cat_tree .children .cat-item a { padding-left: 0; border-left: none; }

body.tax-b_cat.term-takeout .takeout-lead { text-align: center; margin-bottom: 35px; }
body.tax-b_cat.term-takeout .takeout-lead p { margin-top: 25px; margin-bottom: 15px; }
body.tax-b_cat.term-takeout .takeout-lead p img { width: 100%; height: auto; }
body.tax-b_cat.term-takeout .takeout-lead dl dt { margin-bottom: 15px; font-weight: bold; font-size: 1.75em; }
body.tax-b_cat.term-takeout .takeout-lead dl dd { font-size: 1.125em; }
body.tax-b_cat.term-takeout .takeout-lead .note01 { text-align: left; margin-left: 2em; text-indent: -0.5em; }
body.tax-b_cat.term-takeout #blog_wrap { flex-wrap: wrap; }
body.tax-b_cat.term-takeout #blog_wrap .blog-inner { width: 100%; }
body.tax-b_cat.term-takeout #blog_wrap #blog-side { width: 100%; }
body.tax-b_cat.term-takeout #blog_wrap .hentry .entry-title { font-size: 1.25em; }
body.tax-b_cat.term-takeout #blog_wrap #archive_blog { display: flex; flex-wrap: wrap; margin-left: -2%; padding-top: 25px; padding-bottom: 30px; }
body.tax-b_cat.term-takeout #blog_wrap #archive_blog .hentry { box-sizing: border-box; width: 31.3%; padding: 15px; margin-left: 2%; margin-bottom: 15px; float: left; background: #fff2d8; }
body.tax-b_cat.term-takeout #blog_wrap #archive_blog .hentry .attachment-thumbnail { width: 100%; height: auto; margin-bottom: 5px; }

@media screen and (max-width: 767px) { #blog_wrap { flex-wrap: wrap; }
  #blog_wrap .blog-inner { width: 100%; padding: 15px; }
  #blog_wrap #blog-side { width: 100%; }
  body.tax-b_cat.term-takeout .takeout-lead dl { padding: 0 15px; }
  body.tax-b_cat.term-takeout .takeout-lead dl dt { font-weight: bold; }
  body.tax-b_cat.term-takeout .takeout-lead dl dd { font-size: 1em; }
  body.tax-b_cat.term-takeout #blog_wrap #archive_blog { display: flex; flex-wrap: wrap; margin-left: 0; padding-top: 25px; padding-bottom: 30px; }
  body.tax-b_cat.term-takeout #blog_wrap #archive_blog .hentry { box-sizing: border-box; width: 100%; margin-left: 0; } }
.pagenation { text-align: center; margin: 30px 0 30px 0; font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }

.pagenation span, .pagenation a { display: inline-block; margin: 0 5px; border: 1px solid #454545; border-radius: 15px; width: 30px; height: 30px; font-weight: bold; line-height: 30px; text-decoration: none; }

.pagenation span.current { background: #efefef; color: #454545; }

.pagenation a { text-decoration: none; color: #000; }

.pagenation a:hover { background: #efefef; color: #454545 !important; text-decoration: none; }

.pagenation a.prev:before { content: "＜"; }

.pagenation a.next:before { content: "＞"; }

/*# sourceMappingURL=style.css.map */