@charset "utf-8";
/*
Theme Name:GENSEN
Theme URI:https://tcd-theme.com/tcd050
Description: WordPress theme "GENSEN" create a portal site with an advanced search function. The top page header can be used as an ad space for sponsors, or you can feature a close-up view of the sites that are listed.
Author:TCD
Author URI:https://tcd-theme.com/
Version:1.18.1
Text Domain:tcd-gensen
*/


/* --------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
-------------------------------------------------------------------------------- */
@font-face {
  font-family: 'design_plus';
  src: url('fonts/design_plus.eot?v=1.4');
  src: url('fonts/design_plus.eot?v=1.4#iefix') format('embedded-opentype'),
       url('fonts/design_plus.woff?v=1.4') format('woff'),
       url('fonts/design_plus.ttf?v=1.4') format('truetype'),
       url('fonts/design_plus.svg?v=1.4#design_plus') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'tiktok_x_icon';
  src: url('fonts/tiktok_x_icon.eot?v=1.0');
  src: url('fonts/tiktok_x_icon.eot?v=1.0#iefix') format('embedded-opentype'),
       url('fonts/tiktok_x_icon.woff?v=1.0') format('woff'),
       url('fonts/tiktok_x_icon.ttf?v=1.0') format('truetype'),
       url('fonts/tiktok_x_icon.svg?v=1.0#tiktok_x_icon') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'design_plus2';
  src: url('fonts/design_plus2.woff?v=1.0') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:16px; vertical-align:baseline; }

@media screen and (max-width:768px) {
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
 {font-size:14px;}
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance:none; border-radius:0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"]{ -webkit-appearance:checkbox; }
input[type="radio"]{ -webkit-appearance:radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:1% }
.clearfix { display:block; }
/* end MacIE5 */


/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; font-size:16px; color:#000; line-height:1; width:100%; min-width:1330px; background:#fff; overflow-x:hidden; font-weight: 500; font-size: 16px; font-feature-settings: "palt"; }
a { color:#000; text-decoration:none; }
a, a .caption, input {
  -webkit-transition-property:background-color, color, border-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color, border-color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -ms-transition-property:background-color, color, border-color; -ms-transition-duration:0.2s; -ms-transition-timing-function:ease;
  -o-transition-property:background-color, color, border-color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color, border-color; transition-duration:0.2s; transition-timing-function:ease;
}
a:hover { color:#b69e84; text-decoration:none; }
.clear { clear:both; }
.hide { display:none; }

/* レイアウト */
.inner { width:100%; max-width:1200px; margin:0 auto; position:relative; }
#main_contents { width:100%; position:relative; }
#main_col {
  max-width:1200px; margin:100px auto 150px; padding:0;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
/*#left_col { width:860px; float:left; }
#side_col { width:300px; float:right; }*/
#left_col > :last-child, #side_col > :last-child { margin-bottom:0; }


/* ----------------------------------------------------------------------
 ページ内リンクをスムーズスクロールにする
---------------------------------------------------------------------- */

html {
  scroll-behavior: smooth;
}

/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header { width:100%; }
#header_top { background:#000; }
#header_top .inner { min-height:68px; }

/* ロゴ */
#header_logo, #header_logo_fix { max-height:68px; float:left; position:relative; z-index:21; }
#header_logo a, #header_logo_fix a { color:#fff; text-decoration:none; }
#header_logo .logo, #header_logo_fix .logo { display:inline-block; margin:0; line-height:68px; font-weight:300; }
#header_logo #logo_text .logo, #header_logo_fix #logo_text_fixed .logo { font-size:36px; }
#header_logo img, #header_logo_fix img { display:inline-block; max-height:60px; vertical-align:middle; }
#header_logo .desc, #header_logo_fix .desc { padding:0 0 0 20px; font-size:14px; vertical-align:middle; }
#header_logo .desc, #header_logo_fix .desc { display:none; }

/* グローバルメニュー */
a.menu_button { display:none; }
#global_menu { position:relative; z-index:20; margin:0 -28px 0 0; }
#global_menu a { color:#fff; text-decoration:none; }
#global_menu > ul { font-size:0; position:relative; text-align:right; margin:0 auto; }
#global_menu > ul > li { font-size:1%; position:relative; display:inline-block; }
#global_menu > ul > li > a {
  font-size:16px; text-decoration:none; height:68px; line-height:68px; display:block; padding:0 28px;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#global_menu ul ul { display:none; }

@media only screen and (min-width:1025px) {
  #global_menu { display:block !important; }
  #global_menu .child_menu_button { display:none; }
  #global_menu > ul > li:hover > a { opacity:0.5;
    -webkit-transition-property:opacity; -webkit-transition-duration:.3s;
    -moz-transition-property:opacity; -moz-transition-duration:.3s;
    -ms-transition-property:opacity; -ms-transition-duration:.3s;
    -o-transition-property:opacity; -o-transition-duration:.3s;
    transition-property:opacity; transition-duration:.3s;
  }
  #global_menu ul ul { display:block; visibility:hidden; margin:0; padding:0; width:auto; width:200px; position:absolute; top:calc(68px - 25%); left:0; z-index:2; opacity:0;
    -webkit-transition-property:opacity,visibility,top; -webkit-transition-duration:.3s; -webkit-transition-timing-function:ease;
    -moz-transition-property:opacity,visibility,top; -moz-transition-duration:.3s; -moz-transition-timing-function:ease;
    -ms-transition-property:opacity,visibility,top; -ms-transition-duration:.3s; -ms-transition-timing-function:ease;
    -o-transition-property:opacity,visibility,top; -o-transition-duration:.3s; -o-transition-timing-function:ease;
    transition-property:opacity,visibility,top; transition-duration:.3s; transition-timing-function:ease;
  }
  #global_menu > ul > li:last-child ul { left:initial; right: 0; }
  #global_menu ul ul ul { left:100%; top:-25%; bottom:auto; }
  #global_menu ul ul li { display:block; margin:0; padding:0; text-align:left;  position:relative; }
  #global_menu ul ul a { display:block; margin:0; padding:9px 28px; font-size:14px; line-height:1.6; background:#b69e84; position:relative; text-align:left; }
  #global_menu ul ul a:hover { background:#92785f; text-decoration:none; }
  #global_menu ul ul li.menu-item-has-children > a:before { margin:0; display:block; right:10px; top: 50%; transform: translateY(-50%); position:absolute; content:"\e910"; font-family:"design_plus"; font-size:86%; }
  #global_menu > ul > li:last-child > ul li.menu-item-has-children > a:before { left: 10px; content:"\e90f" }
  #global_menu > ul > li:hover > ul { visibility:visible; top:68px; opacity:1; z-index:3; }
  #global_menu > ul > li li:hover > ul { visibility:visible; opacity:1; top:0; z-index:3; }
  #global_menu > ul > li:last-child ul ul { left:initial; right: 100% ;}
  #global_menu > ul > li > ul { visibility: hidden; top: calc(68px - 25%); opacity: 0; z-index: 2; } /*マウスアウト時*/
}

/* ヘッダー固定 */
#logo_image_fixed, #logo_text_fixed { display:none; }
@media only screen and (min-width:1025px) {
  .fix_top.header_fix #header_top {
    position:fixed; width:100%; min-width:1330px; top:0px; left:0px; z-index:200; background:rgba(0,0,0,1);
    -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0);
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    -webkit-animation:slideDown 0.5s ease; -moz-animation:slideDown 0.5s ease; -ms-animation:slideDown 0.5s ease; animation:slideDown 0.5s ease;
  }

  /* ロゴ */
  .fix_top.header_fix #logo_image_fixed, .fix_top.header_fix #logo_text_fixed { display:block; }
  .fix_top.header_fix #logo_image, .fix_top.header_fix #logo_text { display:none; }

  /* グローバルメニュー */
  .fix_top.header_fix #global_menu a { color:#fff; }
  .fix_top.header_fix #global_menu > ul > li > a { height:70px; line-height:70px; }
  .fix_top.header_fix #global_menu > ul > li:hover > ul { top:70px; }
}

@-webkit-keyframes slideDown {
  0% { -webkit-transform:translate3d(0,-100%,0); -moz-transform:translate3d(0,-100%,0); -ms-transform:translate3d(0,-100%,0); -o-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); }
  100% { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}
@keyframes slideDown {
  0% { -webkit-transform:translate3d(0,-100%,0); -moz-transform:translate3d(0,-100%,0); -ms-transform:translate3d(0,-100%,0); -o-transform:translate3d(0,-100%,0); transform:translate3d(0,-100%,0); }
  100% { -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0); }
}

.header_fix { padding-top:68px; }

/* アドミンバー */
.admin-bar { padding-top:32px; }
@media only screen and (min-width:1025px) {
  .fix_top.header_fix.admin-bar { padding-top:100px; }
  .fix_top.header_fix.admin-bar #header_top { top:32px; }
}
@media only screen and (max-width:1024px) {
  .mobile_fix_top.header_fix.admin-bar { padding-top:92px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:32px; }
}
@media only screen and (max-width:782px) {
  .admin-bar { padding-top:46px; }
  .mobile_fix_top.header_fix.admin-bar { padding-top:106px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:46px; }
}
@media only screen and (max-width:600px) {
  .mobile_fix_top.header_fix.admin-bar { margin-top:46px; padding-top:60px; }
  .mobile_fix_top.header_fix.admin-bar #header { top:0; }
}

/* ヘッダー検索 */
#header_top a.search_button { display:none; }
#header_search, #index_header_search { display:block; padding:25px 0; background:#222; }
@media only screen and (min-width:1025px) {
  #header_search { display:block !important; }
}
#header_search form, #index_header_search form { display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:flex-end; -webkit-justify-content:flex-end; justify-content:flex-end }
.header_search_inputs { width:25%; margin-right:1.66%; }
.header_search_button { width:20.02%; margin-right:0; }
form.columns-5 .header_search_inputs { width:20%; }
form.columns-5 .header_search_button { width:14.36%; }
.header_search_inputs input, .header_search_inputs select { width:100%; height:50px; padding:18px 16px; font-size:14px; line-height:1; color:#000; background:#fff; border:none; border-radius:3px; }
.header_search_inputs select { padding:15px 16px; }
.header_search_inputs select option { width:100%; color:#000; }
.header_search_inputs select:focus { color:#92785f; }
#header_search_submit { padding:0; color:#fff; background:transparent; border:1px solid #fff; border-radius:25px; cursor:pointer; }
#header_search_submit:hover { background-color:#92785f; }
.header_search_keywords { position:relative; }
.header_search_keywords #header_search_keywords { padding-right:57px; }
.header_search_keywords ul.search_keywords_operator { display:none; }
.header_search_keywords ul.search_keywords_operator { width:42px; height:50px; overflow:hidden; border-radius:0 3px 3px 0; position:absolute; top:0; right:0; }
.header_search_keywords ul.search_keywords_operator li { height:25px; line-height:25px; font-size:12px; text-align:center; color:#000; background:#fff; border-left:1px solid #ccc; cursor:pointer;
 -webkit-user-select:none; -moz-user-select:-moz-none; -ms-user-select:none; user-select:none;
}
.header_search_keywords ul.search_keywords_operator li.active { color:#fff; background:#ccc; }
.header_search_inputs .chosen-container { font-size:14px; }
.header_search_inputs .chosen-with-drop .chosen-single span { color:#92785f; }
.header_search_inputs .chosen-results li[data-option-array-index="0"] { color:#fff; background:#b69e84 !important; border-color:#b69e84; margin:-1px -1px 0 -1px; position:relative; left:-1px; }

/* for ie */
.chosen-container.chosen-container-single.chosen-container-single-nosearch{ clip:rect(0,0,0,0) !important; }
.chosen-container.chosen-container-single.chosen-container-single-nosearch.chosen-with-drop.chosen-container-active{ clip:auto !important; }
.chosen-container .chosen-drop{ clip:inherit !important; }

/* パンくずリンク */
#breadcrumb { width: 100%; height:65px; line-height:65px; overflow:hidden; border-bottom:1px solid #ddd; }
#breadcrumb ul { color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#breadcrumb li a { color:#000; }
#breadcrumb li a:hover { color:#b69e84; }
#breadcrumb li { display:inline; margin:0; padding:0; font-size:14px; color:#000; vertical-align:middle; position:relative; }
#breadcrumb li:after {
  font-family:'design_plus'; content:'\e910'; font-size:10px; display:inline; padding:0 0.3em 0 0.6em; position:relative; bottom:1px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#breadcrumb li:last-child:after { content:''; padding:0; }
#breadcrumb li.home a span { display:none; }
#breadcrumb li.home a:before { content:'\e90c'; font-family:'design_plus'; color:#000;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#breadcrumb li.home a:hover { text-decoration:none; }
#breadcrumb li.home a:hover:before { color:#b69e84; }
#breadcrumb li.last { color:#b69e84; }


/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
.home-default #main_col { margin-top:80px; padding:0; width:100%; max-width:inherit; }

/* スライダー */
#header_slider { width:100%; position:relative; margin:0 auto; }
#header_slider img { width:100%; height:auto; display:block; }
#header_slider .item { width:100%; position:relative; overflow:hidden; }
#header_slider .item:nth-child(n+2) { display:none; }
#header_slider.slick-initialized .item:nth-child(n+2) { display:block; }
#header_slider .slick-arrow {
  width:60px; height:60px; padding:0; overflow:hidden; text-align:center; font-family:'design_plus'; color:#fff; font-size:26px; line-height:60px; margin-top:-30px; position:absolute; top:50%; z-index:2; cursor:pointer; background:transparent; border:none; opacity:0.8;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
  -webkit-animation:fadeIn 1.5s ease both 4s; animation:fadeIn 1.5s ease both 4s;
}
#header_slider .slick-prev { left:0; text-align:left; padding-left:22px; }
#header_slider .slick-next { right:0; text-align:right; padding-right:22px; }
#header_slider .slick-arrow:hover { color:#92785f; opacity:1; }
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}


/*#header_slider .item.slick-current img{ scale: 1.1; }
#header_slider .item.slick-active img{ -webkit-animation:sliderIMGAnimation 5s ease forwards 0.1s; animation:sliderIMGAnimation 5s ease forwards 0.1s; }
@keyframes sliderIMGAnimation {
  0% { scale:1.1; }
  100% { scale:1; }
}*/


/* スライダーキャプション */
#header_slider .caption {
  margin:auto; padding:30px 60px; width:100%; max-height:100%; overflow:hidden; text-align:center; position:absolute; top:50%; left:0; right:0; z-index:3;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#header_slider .caption .headline { margin:0 0 12px 0; font-size:47px; line-height:1.4; color:#fff; }
#header_slider .caption .catchphrase { margin:0 0 14px 0; line-height:2.2; color:#fff; }
#header_slider .caption .button {
  display:inline-block; margin:11px 0 0 0; padding:0 48px; min-width:280px; height:60px; line-height:60px; font-size:16px; color:#fff; text-decoration:none; border:none; border-radius:45px; position:relative;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
/*#header_slider .caption .button:after {
  font-family:'design_plus'; content:'\e910'; margin-top:-0.5em; font-size:16px; line-height:1; color:#fff; position:absolute; top:50%; right:18px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}*/
#header_slider .caption .button, #header_slider .caption .button:after {
  -webkit-transition-property:background-color, color, border-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color, border-color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -ms-transition-property:background-color, color, border-color; -ms-transition-duration:0.2s; -ms-transition-timing-function:ease;
  -o-transition-property:background-color, color, border-color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color, border-color; transition-duration:0.2s; transition-timing-function:ease;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#header_slider .caption > :first-child { margin-top:0; }

/* スライダーキャプションのアニメーション */
#header_slider .caption > :nth-child(-n+3) {
  opacity:0;
}
#header_slider .item.slick-active .caption > :nth-child(1),
#header_slider.slider_video_mobile .caption > :nth-child(1) {
  -webkit-animation:sliderCaptionAnimation 1s ease forwards 1s; animation:sliderCaptionAnimation 1s ease forwards 1s;
}
#header_slider .item.slick-active .caption > :nth-child(2),
#header_slider.slider_video_mobile .caption > :nth-child(2) {
  -webkit-animation:sliderCaptionAnimation 1s ease forwards 2s; animation:sliderCaptionAnimation 1s ease forwards 2s;
}
#header_slider .item.slick-active .caption > :nth-child(3),
#header_slider.slider_video_mobile .caption > :nth-child(3) {
  -webkit-animation:sliderCaptionAnimation 1s ease forwards 3s; animation:sliderCaptionAnimation 1s ease forwards 3s;
}
#header_slider.slider_video .caption > :nth-child(1) {
  -webkit-animation:sliderCaptionAnimation 1s ease forwards 6s; animation:sliderCaptionAnimation 1s ease forwards 6s;
}
#header_slider.slider_video .caption > :nth-child(2) {
  -webkit-animation:sliderCaptionAnimation 1s ease forwards 8s; animation:sliderCaptionAnimation 1s ease forwards 8s;
}
#header_slider.slider_video .caption > :nth-child(3) {
  -webkit-animation:sliderCaptionAnimation 1s ease forwards 10s; animation:sliderCaptionAnimation 1s ease forwards 10s;
}
@-webkit-keyframes sliderCaptionAnimation {
  0% { opacity:0; -webkit-transform:translate3d(0, 30px, 0); transform:translate3d(0, 30px, 0); }
  100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
}
@keyframes sliderCaptionAnimation {
  0% { opacity:0; -webkit-transform:translate3d(0, 30px, 0); transform:translate3d(0, 30px, 0); }
  100% { opacity:1; -webkit-transform:translate3d(0, 0, 0); transform:translate3d(0, 0, 0); }
}

@-webkit-keyframes headerCaptionAnimation {
  0% { opacity:0; -webkit-transform:translate3d(0, 30px, 0); transform:translate3d(0, 30px, 0); }
  100% { opacity:1; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0); }
}
@keyframes headerCaptionAnimation {
  0% { opacity:0; -webkit-transform:translate3d(0, 30px, 0); transform:translate3d(0, 30px, 0); }
  100% { opacity:1; -webkit-transform:translate3d(0, -50%, 0); transform:translate3d(0, -50%, 0); }
}

/* video, youtube */
.slider_video_wrapper { width:100%; position:relative; }
.slider_video_wrapper:before { content:''; display:block; padding-top:56.25%; /* aspect 16:9 */ }
.slider_video_wrapper .slider_video_container { width:100%; height:100%; position:absolute; top:0; left:0; }

/* スライダー上に表示 */
@media only screen and (min-width:1025px) {
  .has_header_content #header { position:absolute; z-index:5; }
  .has_header_content #header_top { background:transparent; border-bottom:1px solid rgba(255,255,255,0.3); }
  .has_header_content.fix_top.header_fix #header_top { border-bottom:none; }
  .has_header_content #index_header_search { margin-top:-100px; background:rgba(0,0,0,0.6); position:relative; z-index:4; }
}

/* お知らせ・ニュースティッカー */
#index_news_mobile { display:none; }
#index_news { margin:50px 0 0 0; height:65px; line-height:65px; overflow:hidden; position:relative; border-bottom:1px solid #ddd; position:relative; }
#index_news ol { margin:0; padding:0; position:absolute; }
#index_news ol li { margin:0; padding:0; height:65px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
#index_news ol li a { display:block; padding:0; text-decoration:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#index_news .entry-date { display:inline-block; margin:0 18px 0 0; font-size:12px; color:#b69e84; text-decoration:none !important; }
#index_news .archive_link { margin:0; text-align:right; position:absolute; top:0; right:0; }
#index_news .archive_link a { display:inline-block; text-decoration:none; }
#index_news .archive_link a:after { content:'\e910'; font-family:'design_plus'; display:inline-block; padding:0 0 0 8px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* コンテンツビルダー */
.cb_content { margin:0 0 80px 0; }
.cb_content:last-child { margin-bottom:0 !important; }
.cb_content .cb_headline { margin:-0.1em 0 5px 0; padding:0; font-size:42px; line-height:1.4; text-align:center; }
.cb_content .cb_desc { margin:0; padding:0; font-weight:500; line-height:2.2; text-align:center; }

/* 紹介コンテンツ */
.cb_content-introduce { margin-bottom:80px; }

/* カルーセルスライダー */
.cb_content-carousel { padding:80px 0; background:#000; }
.cb_content-carousel .cb_headline, .cb_content-carousel .cb_desc { color:#fff; }
.cb_content-carousel .carousel { margin:36px 0 0 0; padding:0 20px; }
.cb_content-carousel .item { margin:0 20px; width:30.35%; }
.cb_content-carousel .item:nth-of-type(n+2) { display:none; }
.cb_content-carousel .slick-initialized .item:nth-of-type(n+1) { display:block; }
.cb_content-carousel .slick-list { -webkit-clip-path:inset(0 20px 0 20px); clip-path:inset(0 20px 0 20px); }
.cb_content-carousel .slick-arrow {
  width:40px; height:40px; padding:0; overflow:hidden; text-align:center; font-family:'design_plus'; color:#fff; font-size:20px; line-height:40px; margin-top:-30px; position:absolute; top:43%; z-index:2; cursor:pointer; background:transparent; border:none;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  -webkit-transition:all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out; -ms-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.cb_content-carousel .slick-prev { left:0; text-align:left; }
.cb_content-carousel .slick-next { right:0; text-align:right; }
.cb_content-carousel .slick-arrow:hover { color:#92785f; }

.cb_content-carousel .image { width:100%; height:0; overflow:hidden; padding-top:64.285%; position:relative; }
.cb_content-carousel .image img { display:block; width:100%; height:auto; min-height:100.2%; position:absolute; top:0; left:0; z-index:1; }
.cb_content-carousel .image .title { display:block; margin:0; padding:12px 18px; width:100%; line-height:1.7; font-size:16px; font-weight:400; color:#fff; background:rgba(0,0,0,0.5); position:absolute; bottom:-0.5px; left:0; z-index:2;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
  -webkit-transform:translate3d(0,0,0); /* for chrome bug */
}
.cb_content-carousel .excerpt { margin:16px 0 0 0; padding:0; line-height:1.7; color:#fff; }

/* カテゴリーリスト */
.cb_content-category_list { margin-bottom:68px; }
.cb_content-category_list ul { margin:72px 0 0 0; padding:0; }
.cb_content-category_list ul li { margin:0 1.3333% 12px 0; padding:0; width:32.4444%; float:left; }
.cb_content-category_list ul li:nth-child(3n) { margin-right:0; }
.cb_content-category_list ul li a { display:block; height:150px; background:#f7f7f7; overflow:hidden; position:relative; }
.cb_content-category_list ul li a:hover { background:#eee; }
.cb_content-category_list ul li .info { padding:0 22px; width:100%; line-height:1.7; color:#000; position:absolute; top:50%; left:0;
  -webkit-transform:translate3d(0,-50%,0); -mox-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.cb_content-category_list ul li .info h3 { margin:0 0 7px 0; padding:0; font-size:114.285%; font-weight:700; line-height:1.7; }
.cb_content-category_list ul li.has_image .image { display:block; float:left; width:150px; height:150px; overflow:hidden; position:relative; }
.cb_content-category_list ul li.has_image .image img { display:block; width:100%; height:100%; object-fit:cover; }
.cb_content-category_list ul li.has_image .info { left:150px; width:50%; width:-webkit-calc(100% - 150px); width:calc(100% - 150px); }

/* ブログ記事一覧 */
.cb_content-blog_list #post_list { margin:72px 0 0 0; }
.cb_content-blog_list .archive_link { margin:16px 0 0 0; text-align:center; }
.cb_content-blog_list .archive_link a { display:inline-block; padding:0 42px; min-width:280px; line-height:60px; text-decoration:none; color:#fff; background:#aaa; position:relative; box-sizing:border-box; font-size:16px; border-radius:45px; }
/*.cb_content-blog_list .archive_link a:after { content:'\e910'; font-family:'design_plus'; line-height:1; margin-top:-0.5em; position:absolute; top:50%; right:14px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}*/
.cb_content-blog_list .archive_link a:hover { background:#92785f; }




@media only screen and (max-width:767px) {
  .home-default #main_col { margin-top:30px; }

  /* スライダー */
  #header_slider  { margin-bottom:-1px; }
  #header_slider .caption { padding:30px 20px; }
  #header_slider .slick-arrow { display:none !important; }
  #header_slider .item:before { content:''; display:block; padding-top:125%; }
  #header_slider .item img { width:auto; min-width:100%; height:100%; position:absolute; top:0; bottom:0; left:50%; max-width: inherit;
    -webkit-transform:translateX(-50%); -mox-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%);
  }
  #header_slider .caption .headline { font-size:28px; line-height:1.4; }
  #header_slider .caption .catchphrase { margin:8px 0 0 0; font-size:12px; line-height:2; text-align:left; }
  #header_slider .caption .button { margin:12px 0 0 0; padding:0 40px; min-width:220px; height:43px; line-height:43px; font-size:14px; border-radius:22px; }

  /* コンテンツビルダー */
  .cb_content { margin:0 0 30px 0; }
  .cb_content .cb_headline { margin:0 auto; font-size:28px;}
  .cb_content .cb_desc { line-height:2; text-align:left; }

  /* 紹介コンテンツ */
  .cb_content-introduce { margin-bottom:30px; }

  /* カルーセルスライダー */
  .cb_content-carousel { padding:26px 0 30px 0; }
  .cb_content-carousel .cb_headline { text-align:center; }
  .cb_content-carousel .carousel { margin:20px -10px 0; padding:0; }
  .cb_content-carousel .item { margin:0 10px; width:initial; width:auto; }
  .cb_content-carousel .slick-list { -webkit-clip-path:inset(0 10px 0 10px); clip-path:inset(0 10px 0 10px); }
  .cb_content-carousel .slick-arrow { display:none !important; }
  .cb_content-carousel .image .title { padding:10px 18px; line-height:1.5; font-size:14px; font-weight:300; }
  .cb_content-carousel .excerpt { display:none; }

  /* カテゴリーリスト */
  .cb_content-category_list { margin-bottom:30px; }
  .cb_content-category_list ul { margin:26px 0 0 0; padding:0; }
  .cb_content-category_list ul li { margin:0 0 6px 0; padding:0; width:initial; width:auto; float:none !important; }
  .cb_content-category_list ul li:last-child { margin-bottom:0; }
  .cb_content-category_list ul li a { height:120px; }
  .cb_content-category_list ul li .info h3 { margin:0 0 4px 0; font-size:116.666%; font-weight:700; font-size:14px; }
  .cb_content-category_list ul li.has_image .image { width:120px; height:120px; }
  .cb_content-category_list ul li.has_image .info { font-size:12px; left:120px; width:50%; width:-webkit-calc(100% - 115px); width:calc(100% - 115px); }

  /* ブログ記事一覧 */
  .cb_content-blog_list #post_list { margin:26px 0 0 0; }
  .cb_content-blog_list .archive_link { margin:16px 0 0 0; text-align:center; }
  .cb_content-blog_list .archive_link a { display:inline-block; padding:0 30px; min-width:100px; line-height:40px; text-decoration:none; color:#fff; background:#aaa; position:relative; }
}




/* ----------------------------------------------------------------------
 固定ページ
---------------------------------------------------------------------- */
/* ヘッダー画像 */
#header_image { width:100%; margin:0; position:relative; overflow:hidden; }
#header_image img { display:block; width:100%; height:auto; }
#header_image .caption { margin:0; width:100%; padding:0 20px; line-height:1.5; text-align:center; font-size:32px; color:#fff; position:absolute; top:50%; left:0;
  -webkit-transform:translate3d(0,-50%,0); -mox-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
  -webkit-animation:headerCaptionAnimation 1s ease both 1s; animation:headerCaptionAnimation 1s ease both 1s;
}
#header_image .caption_bar { margin:0; padding:14px 20px; width:100%; line-height:1.2; text-align:center; font-size:40px; color:#fff; background:rgba(73,36,13,0.7); position:absolute; bottom:0; left:0;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}


/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
.no_post { margin:50px 0; }

#archive_headline { margin:0; padding:0; font-size:42px; line-height:1.2; color:#b69e84; text-align:center; }
#archive_desc { font-size:16px; margin:17px 0 0 0; padding:0; line-height:2.2; text-align:center; }

/* 一覧 */
#post_list { margin:70px 0 0 0; padding:0; font-size:0; }
#post_list .article { width:23.333%; margin:0 2.222% 48px 0; display:inline-block; vertical-align:top; }
#post_list .article:nth-child(4n) { margin-right:0; }
#post_list .article a { display:block; text-decoration:none; }
#post_list .article .image { width:100%; height:0; overflow:hidden; padding-top:64.285%; position:relative; }
#post_list .article .image img { display:block; width:100%; height:auto; position:absolute; top:0; left:0; }
#post_list .article .title { margin:10px 0 0 0; padding:0; font-size:16px; line-height:1.7; font-weight:400; height:3.4em; overflow:hidden; word-wrap:break-word; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; display:-webkit-box; }
#post_list .article .meta { margin:10px 0 0 0; padding:0; }

/* 共通カテゴリー・日付 */
ul.meta { margin:0 6px 4px 0; padding:0; }
ul.meta li { display:inline-block; margin:0 6px 0 0; padding:0; font-size:14px; }
ul.meta li.cat { font-size:12px; }
ul.meta li.cat a, ul.meta li.cat>span { display:inline-block; margin:0 6px 4px 0; padding:0 13px; min-width:50px; line-height:26px; text-align:center; text-decoration:none; border-radius:13px; color:#fff; background:#000; transition-property:opacity; transition-duration:0.2s; transition-timing-function:ease; }
ul.meta li.cat > :last-child { margin-right:0; }
ul.meta li.date { display:block; margin:10px 0 0 0; color:#999; line-height:1; }
ul.meta li.date:before{ content:'\e94e'; font-family:'design_plus'; margin-right: 5px; font-size:12px; }
ul.meta li.cat a:hover{ opacity:0.5; }

/* ページング */
.page_navi { margin:0 0 50px 0; }
ul.page-numbers { margin:0; font-size:0; text-align:center; }
ul.page-numbers li { display:inline-block; margin:0 2px 0 0; padding:0; font-size:12px; float:left; }
ul.page-numbers a, ul.page-numbers span { display:inline-block; margin:0; min-width:40px; font-size:12px; line-height:40px; text-align:center; color:#fff; vertical-align:top; background:#bbb; }

ul.page-numbers a:hover { background:#000; text-decoration:none; }
ul.page-numbers span.dots {}
ul.page-numbers span.current { background:#000; }
ul.page-numbers .prev, ul.page-numbers .next { font-family:"design_plus"; font-size:12px; }
ul.page-numbers li.disable { display:none; }
.page_navi p.back { margin:0; }
.page_navi p.back a { text-decoration:none; display:inline-block; min-width:200px; height:50px; line-height:50px; text-align:center; padding:0 20px; color:#fff; background:#bbb; }
.page_navi p.back a:hover { background:#000; text-decoration:none; }
.page_navi2 { display:none; margin:10px 0 15px 0; padding:0; min-height:40px; position:relative; }
.page_navi2 p { float:left; /*margin:0 0 5px 0;*/ margin:0; padding:0 10px; line-height:38px; font-size:14px; border:1px solid #ddd; }
.page_navi2 ul.page-numbers { float:right; }
.page_navi2 ul.page-numbers li { margin:0 0 5px 2px; }


/* ----------------------------------------------------------------------
 カテゴリーアーカイブ
---------------------------------------------------------------------- */
.archive_header { padding:19px 0; border-bottom:1px solid #ddd; }
.archive_header .inner { display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; align-items:center; }
.archive_header .headline { margin:0; padding:0 30px 0 0; font-size:42px; line-height:1.2; color:#b69e84; }
.archive_header .desc { font-size: 16px; margin:0; line-height:2; }

.archive_filter { display:block; margin:0 0 50px 0; padding:30px 38px; background:#f7f7f7; border:1px solid #ddd; border-radius:5px; }
.archive_filter_headline { margin:0; padding:0; font-size:24px; line-height:1.2; color:#b69e84; }
.archive_filter_headline:after { color: #888; display:inline-block; font-size: 18px; margin-left:10px; }
.archive_filter.is-open .archive_filter_headline:after { font-family:'design_plus'; content:'\e92c'; vertical-align: 1px; }
.archive_filter.is-close .archive_filter_headline:after { font-family:'design_plus'; content:'\e147'; vertical-align: 2px; }
.archive_filter.is-open .archive_filter_headline, .archive_filter.is-close .archive_filter_headline { cursor:pointer; }
.archive_filter_headline2 { margin:0 0 14px 0; }
.archive_filter_headline2 span { display:inline-block; margin:0; padding:0 18px; min-width:54px; line-height:26px; font-size:12px; text-align:center; color:#fff; background:#000; border-radius:13px; }
.archive_filter_toggle { margin:20px 0 6px; }
.archive_filter label { display:inline-block; float:left; padding:0 18px 18px 0; min-width:16.66%; line-height:1.7; cursor:pointer;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.archive_filter label input { margin:0 4px 0 0; }
.archive_filter .button { margin:10px auto 0; width:200px; position:relative; }
.archive_filter .button:after {
  font-family:'design_plus'; content:'\e910'; margin-top:-0.5em; line-height:1; color:#fff; position:absolute; top:50%; right:18px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.archive_filter .button input { width:100%; height:50px; color:#fff; background:#000; border:none; border-radius:25px; }
.archive_filter .button input:hover { background:#b69e84; }

.archive_sort { margin:0 0 50px 0; }
.archive_sort dt, .archive_sort dd { float:left; width:25%; text-align:center; }
.archive_sort dt { color:#fff; background:#b69e84; line-height:52px; }
.archive_sort dd a { display:block; line-height:50px; color:#000; text-decoration:none; border:1px solid #ddd; border-left:none; }
.archive_sort dd a.active, .archive_sort dd a:hover { background:#f7f7f7; }

.custom_search_results .page_navi2 { display:block; margin:25px 0 20px 0; }

/* 一覧 */
#post_list2 { margin:25px 0; }
#post_list2 .article { border:1px solid #ddd; border-top:none; }
#post_list2 .article:first-child { border-top:1px solid #ddd; }
#post_list2 .article a { display:block; padding:30px; text-decoration:none; }
#post_list2 .article .image { float:left; width:35.087%; overflow:hidden; position:relative; }
#post_list2 .article .image:before { content:''; display:block; padding-top:64.285%; }
#post_list2 .article .image img { display:block; width:100%; height:auto; position:absolute; top:0; left:0; }
#post_list2 .article .info { float:right; width:61.15%; color:#000; }
#post_list2 .article .meta { margin:0 0 16px 0; padding:0; }
#post_list2 .article .title { margin:0 0 12px 0; padding:0; font-size:16px; line-height:1.7; font-weight:700; }
#post_list2 .article .excerpt { margin:0 0 -0.5em 0; padding:0; line-height:2; }


/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
#article { margin:0; position:relative; }
#article > :last-child { margin-bottom:0; }
#article_header { margin:0; padding:30px 39px 25px; background:#f7f7f7; border:1px solid #ddd; }

/* カテゴリー */
#post_meta_top { margin:0 0 10px 0; padding:0; width:100%; }

/* 記事タイトル */
#post_title { margin:0 0 28px; padding:0; font-size:30px; line-height:1.2; word-wrap:break-word; }
#article_header #post_title { margin:0; }

/* 日付 */
#post_date { margin:9px 0 4px 0; font-size:14px; color:#999; line-height:1; }
#post_date:before{ content:'\e94e'; font-family:'design_plus'; margin-right: 5px; font-size:12px; }

/* アイキャッチ画像 */
#post_image { margin:-1px 0 44px 0; padding:0; }
#post_image img { width:100%; height:auto; display:block; margin:0; }

/* 記事本文 */
.post_content { font-size:16px; line-height:1.8; }
.post_content a { color:#b69e84; text-decoration:none; }
.post_content a:hover, .custom-html-widget a:hover { text-decoration:underline; }
.post_content > :last-child { margin-bottom:0; }

/* SNSボタン */
#single_share_top { margin:50px 0 40px 0; }
#single_share_bottom { margin:40px 0 30px 0; }

/* ページ分割 */
#post_pagination { margin:50px 0 0 0; clear:both; }
#post_pagination a, #post_pagination p { float:left; display:inline-block; margin:0 2px 0 0; min-width:40px; line-height:40px; text-align:center; text-decoration:none; color:#fff; font-size:12px; background:#999; }
#post_pagination a + a { border-left:none; }
#post_pagination p { background:#b69e84; color:#fff; }
#post_pagination a:hover { background:#b69e84; color:#fff; text-decoration:none; }

/* メタ情報 */
#post_meta_bottom { margin:50px 0; padding:25px; background:#f7f7f7; }
#post_meta_bottom li { display:inline-block; margin:0 10px 0 0; padding:0 15px 0 20px; border-right:1px solid #ddd; font-size:12px; line-height:1.8; position:relative; }
#post_meta_bottom li:last-child { border:none; margin:0; }
#post_meta_bottom li:before {
  font-family:'design_plus'; color:#aaa; font-size:13px; display:block; position:absolute;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#post_meta_bottom li.post_category:before { content:'\e92f'; top:-1px; left:0px; }
#post_meta_bottom li.post_tag:before { content:'\e935'; top:0px; left:0px; }
#post_meta_bottom li.post_author:before { content:'\e90d'; top:0px; left:0px; }
#post_meta_bottom li.post_comment:before { content:'\e916'; font-size:16px; top:-3px; left:0px; }

/* 次の記事、前の記事 */
#previous_next_post_image { margin:50px 0; }
#previous_next_post_image .prev_post { float:left; width:50%; }
#previous_next_post_image .next_post { float:right; width:50%; }
#previous_next_post_image a { display:block; height:124px; line-height:1.6; color:#000; border:1px solid #ddd; position:relative; }
#previous_next_post_image a:hover { color:#000; background:#f7f7f7; text-decoration:none; }
#previous_next_post_image .prev_post + .next_post a { border-left:none; }
#previous_next_post_image .title { padding:0 8%; max-height:4.8em; overflow:hidden; position:absolute; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
  word-wrap:break-word; max-width:100%; box-sizing:border-box; display: -webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
}
#previous_next_post_image .prev_post .title { padding-left:60px; }
#previous_next_post_image .next_post .title { padding-right:60px; }
#previous_next_post_image a:before {
  font-family:'design_plus'; color:#999; font-size:18px; line-height:1; display:block; margin:-0.5em 0 0 0; width:20px; position:absolute; top:50%;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#previous_next_post_image .prev_post a:before { content:'\e90f'; left:28px; text-align:left; }
#previous_next_post_image .next_post a:before { content:'\e910'; right:28px; text-align:right; }
#previous_next_post_image .image { width:100px; height:100px; overflow:hidden; position:absolute; top:12px; }
#previous_next_post_image .image img { display:block; width:100%; height:auto; min-height:100%; }
#previous_next_post_image .prev_post.has_image .title { padding-left:172px; }
#previous_next_post_image .next_post.has_image .title { padding-right:172px; }
#previous_next_post_image .prev_post.has_image .image { left:12px; }
#previous_next_post_image .next_post.has_image .image { right:12px; }
#previous_next_post_image .prev_post.has_image a:before { left:140px; }
#previous_next_post_image .next_post.has_image a:before { right:140px; }

/* 広告 */
#single_banner_area { margin:50px 0; text-align:center; }
#single_banner_area .single_banner_left { display:inline-block; margin:0 10px 0 0; }
#single_banner_area .single_banner_right { display:inline-block; margin:0 0 0 10px; }
#single_banner_area img { max-width:100%; height:auto; display:block; }
#single_banner_area.one_banner .single_banner_left { float:none; margin:0 auto; }
#single_banner_area.one_banner img { margin:0 auto; }

/* 広告（ページ下部） */
#single_banner_area_bottom { margin:50px 0; text-align:center; }
#single_banner_area_bottom .single_banner_left { display:inline-block; margin:0 10px 0 0; }
#single_banner_area_bottom .single_banner_right { display:inline-block; margin:0 0 0 10px; }
#single_banner_area_bottom img { max-width:100%; height:auto; display:block; }
#single_banner_area_bottom.one_banner .single_banner_left { float:none; margin:0 auto; }
#single_banner_area_bottom.one_banner img { margin:0 auto; }

/* 広告（ショートコードver） */
#single_banner_area2 { margin:0 0 50px 0; text-align:center; }
#single_banner_area2 .single_banner_left { display:inline-block; margin:0 10px 0 0; }
#single_banner_area2 .single_banner_right { display:inline-block; margin:0 0 0 10px; }
#single_banner_area2 img { max-width:100%; height:auto; display:block; }
#single_banner_area2.one_banner .single_banner_left { float:none; margin:0 auto; }
#single_banner_area2.one_banner img { margin:0 auto; }

/* 関連記事 */
#related_post { margin:50px 0 0 0; }
#related_post .headline { margin:0 0 14px 0; font-size:24px; font-weight:300; line-height:1.2; color:#b69e84; }
#related_post ol { margin:0; padding:0; position:relative; font-size:0; border-left:1px solid #ddd; }
#related_post li { display:inline-block; width:33.3333%; vertical-align:top; border-bottom:1px solid #ddd; border-right:1px solid #ddd;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#related_post li:nth-child(-n+3) { border-top:1px solid #ddd; }
#related_post li a { display:block; padding:20px 8% 14px; text-decoration:none; }
#related_post li .image { margin:0 0 10px 0; display:block; width:100%; height:0; overflow:hidden; padding-top:64.2857%; position:relative; }
#related_post li .image img { width:100%; height:auto; position:absolute; top:0; left:0; }
#related_post li .title { font-size:14px; line-height:1.7; font-weight:400; height:3.4em; overflow:hidden; }


/* ----------------------------------------------------------------------
 紹介
---------------------------------------------------------------------- */
/* 紹介ヘッダー */
#introduce_header { margin:72px 0 30px 0; }
#introduce_header .headline { margin:0 0 8px 0; padding:0; font-size:20px; font-weight:700; line-height:1.7; color:#b69e84; }
#introduce_header p { margin:0; line-height:2.2; }
#introduce_header .post_col { margin-bottom:29px; font-size:16px; }
#introduce_header .post_col-3:nth-child(3n+1) { clear:both; }

/* 紹介一覧 */
#introduce_list { margin:72px 0 0 0; }
#introduce_header + #introduce_list { margin-top:42px; }
.introduce_list_row { margin:0; }
.introduce_list_col { width:23.333%; margin:0 2.222% 26px 0; float:left; overflow:hidden; position:relative;
  -webkit-transition:width 0.5s ease; -moz-transition:width 0.5s ease; -ms-transition:width 0.5s ease; -o-transition:width 0.5s ease; transition:width 0.5s ease;
}
.introduce_list_row:last-child .introduce_list_col { margin-bottom:0; }
.introduce_list_col:last-child { margin-right:0; }
.introduce_list_col a { display:block; height:280px; overflow:hidden; text-decoration:none; position:relative; }
.introduce_list_col .image { display:block; width:100%; height:0; overflow:hidden; padding-top:100%; position:relative; }
.introduce_list_col .image.disable-transition { transition:none; }
.introduce_list_col .image img { display:block; width:auto; min-width:100%; height:100%; position:absolute; top:0; left:50%;
  -webkit-transform:translate3d(-50%,0,0); -moz-transform:translate3d(-50%,0,0); -ms-transform:translate3d(-50%,0,0); -o-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0);
}
.introduce_list_col .info { display:none; height:280px; position:absolute; top:0; right:0; }
.introduce_list_col .info .meta { margin-bottom:11px; }
.introduce_list_col .info .title { margin:0 0 13px 0; padding:0; font-size:16px; font-weight:600; line-height:1.7; color:#b69e84; }
.introduce_list_col .info .excerpt { margin:0; padding:0; line-height:2; color:#000; }
.introduce_list_col .info .more { margin:0; padding:22px 0 0 0; width:100%; line-height:1; text-align:right; border-top:1px solid #ddd; position:absolute; bottom:0; right:0; }
.introduce_list_col .info .more:after { content:'\e910'; font-family:'design_plus'; display:inline-block; padding:0 0 0 8px; font-size:86%;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
.introduce_list_col.show_info { width:48.888%; }
.introduce_list_col.show_info .image { width:47.728%; padding-top:47.728%; }
.introduce_list_col.show_info .info { display:block; width:47.728%; }

#infscr-loading { margin:24px 0 0 0; text-align:center; }
#infscr-loading div { display:inline-block; margin-left:1em; }
#load_post { display:none; margin:24px 0 0 0; text-align:center; }
#load_post a { display:inline-block; padding:0 20px; min-width:180px; line-height:50px; text-decoration:none; color:#fff; background:#aaa; }
#load_post a:hover { background:#92785f; }

/* 紹介詳細 */
.introduce_shoulder_copy { display:block; margin:0 0 40px 0; padding:14px 22px; font-size:16px; line-height:1.7; color:#fff; text-decoration:none;background:#000; }
#introduce_slider { margin:0 0 50px 0; position:relative; }
#introduce_slider img { width:100%; height:auto; display:block; }
#introduce_slider .item { width:100%; position:relative; }
#introduce_slider .item:nth-child(n+2) { display:none; }
#introduce_slider.slick-initialized .item:nth-child(n+2) { display:block; }
#introduce_slider .item .caption { margin:0; padding:15px 22px; line-height:1.6; background:#f7f7f7; border:1px solid #ddd; }
#introduce_slider .slick-dots { height:12px; text-align:right; position:absolute; bottom:16px; right:16px; z-index:3; opacity:0; }
#introduce_slider .slick-dots li { display:inline-block; margin:0 0 0 6px; }
#introduce_slider .slick-dots li button { display:inline-block; padding:0; width:12px; height:12px; overflow:hidden; text-indent:-400px; background:#ccc; border:none; border-radius:100%; opacity:0.6; }
#introduce_slider .slick-dots li button:hover { background:#b69e84; opacity:0.7; }
#introduce_slider .slick-dots li.slick-active button { background:#b69e84; opacity:1; }
.single-introduce #article #post_image { margin:0 0 50px 0; }
.introduce_shoulder_copy + #introduce_slider, .single-introduce #article .introduce_shoulder_copy + #post_image { margin-top:-40px; }
.single-introduce #article #post_title { margin:0 0 50px 0; }
.single-introduce #article #post_date { margin:-40px 0 46px 0; }
.introduce_archive_banner_link { margin:50px 0; }
.introduce_archive_banner_link a { display:block; color:#fff; background:#000; text-decoration:none; }
.introduce_archive_banner_link a:hover { color:#b69e84; }
.introduce_archive_banner_link span { display:block;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.introduce_archive_banner_link .catch { margin:0; padding:20px 36px; font-size:27px; line-height:1.4; font-weight:400; }
.introduce_archive_banner_link .image {}
.introduce_archive_banner_link .image img { display:block; width:100%; height:auto; }
.introduce_archive_banner_link-2col a { height:160px; overflow:hidden; display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-align:center; -webkit-align-items:center; align-items:center; position:relative; }
.introduce_archive_banner_link-2col a span { width:50%; }
.introduce_archive_banner_link-2col .catch { padding:0 36px; }
.introduce_archive_banner_link-2col .image { height:100%; overflow:hidden; position:relative; }
.introduce_archive_banner_link-2col .image img { width:initial; width: auto; min-width:100%; height:100%; position:absolute; top:0; bottom:0; left:50%;
  -webkit-transform:translate3d(-50%,0,0); -moz-transform:translate3d(-50%,0,0); -ms-transform:translate3d(-50%,0,0); -o-transform:translate3d(-50%,0,0); transform:translate3d(-50%,0,0);
}
.introduce_archive_banner_link-text { text-align:center; }

/* ----------------------------------------------------------------------
 お知らせ
---------------------------------------------------------------------- */
/* お知らせ一覧 */
#recent_news { margin:0 0 30px 0; }
#recent_news .headline { margin:0 0 14px 0; font-size:24px; font-weight:500; line-height:1.2; color:#b69e84; }
#recent_news ol { margin:0; padding:0; border:1px solid #ddd; border-bottom:none; }
#recent_news li { border-bottom:1px solid #ddd; }
#recent_news li a { display:block; padding:18px 24px 17px 24px; line-height:1.7; color:#000; text-decoration:none; position:relative; }
#recent_news li a:hover { color:#b69e84; text-decoration:none; }
#recent_news li .title { font-weight:300; }
#recent_news .show_date li a { padding-right:108px; }
#recent_news .show_date li .date { display:block; margin:-0.5em 0 0 0; color:#999; font-size:12px; line-height:1; position:absolute; top:50%; right:18px; }
.post-type-archive-news ul.page-numbers { text-align:left; }

/* お知らせ詳細 */
.article_inner { padding:44px 36px; border:1px solid #ddd; }
.single-news #article #post_date { margin:-20px 0 28px 0; }
.single-news #article #single_share_top { margin-top:0; }
.single-news #recent_news { margin-top:50px; }
.single-news #recent_news .archive_link { margin:28px 0 0 0; text-align:right; }
.single-news #recent_news .archive_link a { text-decoration:none; }
.single-news #recent_news .archive_link a:after { content:'\e910'; font-family:'design_plus'; display:inline-block; padding:0 0 0 8px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}

/* 次の記事、前の記事 */
#previous_next_post { margin:50px 0; }
#previous_next_post .prev_post { float:left; width:50%; }
#previous_next_post .next_post { float:right; width:50%; }
#previous_next_post a { display:block; height:92px; line-height:1.6; color:#000; border:1px solid #ddd; position:relative; }
#previous_next_post a:hover { color:#000; background:#f7f7f7; text-decoration:none; }
#previous_next_post .prev_post + .next_post a { border-left:none; }
#previous_next_post .title { padding:0 8%; max-height:4.8em; overflow:hidden; position:absolute; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}
#previous_next_post .prev_post .title { padding-left:14%; }
#previous_next_post .next_post .title { padding-right:14%; }
#previous_next_post a:before {
  font-family:'design_plus'; color:#999; font-size:18px; line-height:1; display:block; margin:-0.5em 0 0 0; width:20px; position:absolute; top:50%;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#previous_next_post .prev_post a:before { content:'\e90f'; left:6.5%; text-align:left; }
#previous_next_post .next_post a:before { content:'\e910'; right:6.5%; text-align:right; }


/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget { margin:0 0 48px 0; font-size:14px; line-height:1.7; position:relative; }
.side_widget:last-child, .side_widget:only-child { margin:0; }
.side_headline { margin:0 0 14px 0; font-size:24px; font-weight:300; line-height:1.4; color:#b69e84; }
.side_widget + .side_widget .side_headline { margin-top:-6px; }
.side_widget ul { margin:0; }
.side_widget li { margin:0 0 10px 0; padding:0; line-height:1.7; }
.side_widget li:last-child { margin-bottom:0; }
.side_widget li ul { margin:10px 0 0 10px; }
.side_widget a { }
.side_widget a:hover { }
.side_widget img { display:block; height:auto; max-width:100%; }

/* 広告 */
.ml_ad_widget { border:none; padding:0; background:none; }
.ml_ad_widget img { height:auto; max-width:100%; margin:0 auto; display:block; }

/* カレンダー */
.widget_calendar { border:1px solid #ddd; padding:15px; }
.widget_calendar .side_headline { font-size:20px; position:relative; text-align:center; }
#wp-calendar { margin:0 auto; width:100%; font-size:11px; border-collapse:separate; table-layout:fixed; }
#wp-calendar th, #wp-calendar td { color:#333; padding:2px; line-height:3.4; text-align:center; }
#wp-calendar td a { display:block; margin:0; padding:0; text-decoration:none; color:#333; background-color:#eee; }
#wp-calendar td a:hover { text-decoration:none; color:#fff; background:#ccc; }
#wp-calendar caption { padding:7px 0; }
#wp-calendar thead th, #wp-calendar tfoot td { border:none; padding:0; line-height:2; }
#wp-calendar #prev, #wp-calendar #next { line-height:3; }
#wp-calendar #prev a, #wp-calendar #next a { text-decoration:none; background:none; color:#333; }
#wp-calendar #prev a:hover, #wp-calendar #next a:hover { color:#fff; background:#ccc; }
#wp-calendar td#today { font-weight:bold; }

/* デザインされた記事一覧１ */
.styled_post_list1 { margin:0; padding:0; display:none; background:#fff; border:1px solid #ddd; border-bottom:none; }
.styled_post_list1 li { margin:0; padding:10px; border-bottom:1px solid #ddd; }
.styled_post_list1 li a { display:block; text-decoration:none; position:relative; }
.styled_post_list1 .image { float:left; width:100px; height:100px; overflow:hidden; }
.styled_post_list1 .image img { display:block; width:100%; min-width:100%; }
.styled_post_list1 .info { margin:0 0 0 120px; padding:5px 0 0 0; height:95px; overflow:hidden; position:relative; display:flex; align-items:center; }
.styled_post_list1 .title { font-size:1em; margin:0; padding:0; display:block; font-weight:400; text-decoration:none; max-height:5.1em; overflow:hidden; }
.styled_post_list1 .date { font-size:0.86em; color:#999; display:block; position:absolute; left:0; bottom:0; }
.styled_post_list1_tabs { margin:0 0 -1px 0; padding:0; display:-ms-flexbox; display:-webkit-flex; display:flex; border-left:1px solid #ddd; position:relative; }
.styled_post_list1_tabs li { margin:0; padding:0; width:50%; line-height:1.4; background:#f7f7f7; border-top:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; }
.styled_post_list1_tabs li label { display:flex; margin:0; padding:18px 9px; text-align:center; cursor:pointer; align-items:center; height:100%; box-sizing:border-box; }
.styled_post_list1_tabs li label span{ width:100%; text-align:center; }
.styled_post_list1_widget .tab-radio { display:none; }
.styled_post_list1_widget .tab-radio-recent_post:checked ~ .styled_post_list1_tabs .tab-label-recent_post,
.styled_post_list1_widget .tab-radio-recommend_post:checked ~ .styled_post_list1_tabs .tab-label-recommend_post,
.styled_post_list1_widget .tab-radio-recommend_post2:checked ~ .styled_post_list1_tabs .tab-label-recommend_post2 { background:#fff; border-bottom:1px solid #fff; }
.styled_post_list1_widget .tab-radio-recent_post:checked ~ .styled_post_list1_tabs .tab-label-recent_post label,
.styled_post_list1_widget .tab-radio-recommend_post:checked ~ .styled_post_list1_tabs .tab-label-recommend_post label,
.styled_post_list1_widget .tab-radio-recommend_post2:checked ~ .styled_post_list1_tabs .tab-label-recommend_post2 label { border-bottom-color:#fff; }
.styled_post_list1_widget .tab-radio-recent_post:checked ~ .tab-content-recent_post,
.styled_post_list1_widget .tab-radio-recommend_post:checked ~ .tab-content-recommend_post,
.styled_post_list1_widget .tab-radio-recommend_post2:checked ~ .tab-content-recommend_post2 { display:block; }

/* 検索 */
.widget_search label { display:none; }
.widget_search #search-box, .widget_search #s, .widget.google_search #s { width:85%; height:40px; margin:0; border:1px solid #ddd; background:#fff; padding:0 10px; }
.widget_search #search-btn input, .widget_search #searchsubmit { width:15%; height:40px; background:#f7f7f7 url(img/common/icon_search.png) no-repeat center; border:1px solid #ddd; border-left:none; cursor:pointer; display:block; float:right; text-indent:-300%; overflow:hidden; }
.widget.google_search #searchsubmit { font-family:'design_plus'; color:#aaa; font-size:14px; border:none; width:15%; height:40px; background:#f7f7f7; border:1px solid #ddd; border-left:none; cursor:pointer; display:block; float:right; overflow:hidden; }
.widget_search #search-btn input:hover, .widget_search #searchsubmit:hover, .widget.google_search #searchsubmit:hover { background-color:#000; border-color:#000; }

/* アーカイブ、カテゴリードロップダウンメニュー */
.widget_archive select, .widget_categories select, .tcdw_archive_list_widget select { margin:0; padding:14px 10px; width:100%; height: 50px; background:#fff; border:1px solid #ddd; border:1px solid #ddd; appearance:none; -webkit-appearance:none; cursor:pointer; }
.widget_archive select { padding:12px; }
.widget_archive label, .widget_categories label { display:none; }
.widget_archive select option, .widget_categories select option, .tcdw_archive_list_widget option { background:#fff; color:#333; }

.tcdw_archive_list_widget .screen-reader-text, .widget_archive .screen-reader-text, .widget_categories .screen-reader-text  {
  display:block; clip:auto; clip-path:none; pointer-events:none;
  height:60px; width:50px; margin:0;
  left:calc(100% - 50px); text-indent:-100vw;
}
.tcdw_archive_list_widget .screen-reader-text:before, .widget_archive .screen-reader-text:before, .widget_categories .screen-reader-text:before {
  font-family: 'design_plus'; content:'\e90e'; font-size: 12px;
  line-height: 1; letter-spacing: normal; text-transform: none;
  display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr;
  -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased;
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 48;
  text-indent:0; position:absolute; right:12px; top:19px;
}


/* バナーリスト */
ul.banner_list, .widget ul.banner_list { margin:0; padding:0; }
ul.banner_list li, .widget ul.banner_list li { margin:0 0 14px 0; padding:0; width:100%; position:relative; }
ul.banner_list li:last-child, .footer_widget ul.banner_list li:last-child { margin-bottom:0; }
ul.banner_list li img { display:block; width:100%; height:auto; }
ul.banner_list li .caption { width:100%; padding:0 16px; font-size:22px; font-weight:600; line-height:1.4; text-align:center; color:#fff !important; position:absolute; top:50%; left:0; z-index:2;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
ul.banner_list li a:hover .caption { color:#b69e84; }

/* ランキング */
.tcdw_ranking_list_widget ol { margin:0; padding:0; }
.tcdw_ranking_list_widget li { margin:0; padding:18px 0; border-bottom:1px solid #ddd; }
.tcdw_ranking_list_widget li:first-child { padding-top:0; }
.tcdw_ranking_list_widget li:last-child { padding-bottom:0; border-bottom:none; }
.tcdw_ranking_list_widget li a { display:block; text-decoration:none; position:relative; }
.tcdw_ranking_list_widget .image { float:left; width:100px; height:100px; overflow:hidden; }
.tcdw_ranking_list_widget .image img { display:block; width:100%; min-width:100%; }
.tcdw_ranking_list_widget .info { margin:0 0 0 118px; height:100px; overflow:hidden; }
.tcdw_ranking_list_widget .title { font-size:1em; margin:0; padding:0; display:block; font-weight:400; text-decoration:none; max-height:5.1em; overflow:hidden; }
.tcdw_ranking_list_widget .rank { margin:0 0 7px; width:80px; height:26px; line-height:26px; font-size:0.86em; color:#fff; text-align:center; background:#aaa; border-radius:13px; overflow:hidden; }

/* アイコンメニュー */
.tcdw_icon_menu_list_widget ol { margin:1px 0 0 0; padding:0; border-left:1px solid #ddd; font-size:0; }
.tcdw_icon_menu_list_widget li { display:inline-block; margin:-1px 0 0 0; padding:0; width:100%; height:50px; line-height:50px; font-size:14px; overflow:hidden; border:1px solid #ddd; border-left:none; position:relative;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
.tcdw_icon_menu_list_widget li a { display:block; padding:0 12px 0 18px; text-decoration:none; }
.tcdw_icon_menu_list_widget li a:hover { color:#000; background:#f7f7f7; }
.tcdw_icon_menu_list_widget li.width-half { width:50%; }
.tcdw_icon_menu_list_widget li.has-menu-icon a { padding-left:42px; }
.tcdw_icon_menu_list_widget li.has-menu-icon:before { font-family:'design_plus'; display:inline-block; width:42px; text-align:center; position:absolute; top:0; left:0; }
.tcdw_icon_menu_list_widget li.menu-icon-spa:before { content:'\e929'; }
.tcdw_icon_menu_list_widget li.menu-icon-crown:before { content:'\e926'; }
.tcdw_icon_menu_list_widget li.menu-icon-users:before { content:'\e91e'; }
.tcdw_icon_menu_list_widget li.menu-icon-add_circle:before { content:'\e147'; }
.tcdw_icon_menu_list_widget li.menu-icon-marker2:before { content:'\e8b4'; }
.tcdw_icon_menu_list_widget li.menu-icon-loyalty:before { content:'\e89a'; }
.tcdw_icon_menu_list_widget li.menu-icon-notifications:before { content:'\e7f4'; }
.tcdw_icon_menu_list_widget li.menu-icon-restaurant:before { content:'\e56c'; }
.tcdw_icon_menu_list_widget li.menu-icon-smile:before { content:'\e813'; }
.tcdw_icon_menu_list_widget li.menu-icon-work:before { content:'\e8f9'; }
.tcdw_icon_menu_list_widget li.menu-icon-flag2:before { content:'\e902'; }
.tcdw_icon_menu_list_widget li.menu-icon-clock:before { content:'\e94e'; }
.tcdw_icon_menu_list_widget li.menu-icon-chat:before { content:'\e0b7'; }
.tcdw_icon_menu_list_widget li.menu-icon-mode_edit:before { content:'\e254'; }
.tcdw_icon_menu_list_widget li.menu-icon-favorite:before { content:'\e87d'; }
.tcdw_icon_menu_list_widget li.menu-icon-star:before { content:'\f005'; }
.tcdw_icon_menu_list_widget li.menu-icon-star-o:before { content:'\f006'; }
.tcdw_icon_menu_list_widget li.menu-icon-tag:before { content:'\f02b'; }
.tcdw_icon_menu_list_widget li.menu-icon-lightbulb:before { content:'\f0eb'; }
.tcdw_icon_menu_list_widget li.menu-icon-live_help:before { content:'\e0c6'; }
.tcdw_icon_menu_list_widget li.menu-icon-spinner:before { content:'\f110'; }
.tcdw_icon_menu_list_widget li.menu-icon-cube:before { content:'\f1b2'; }
.tcdw_icon_menu_list_widget li.menu-icon-check:before { content:'\f00c'; }
.tcdw_icon_menu_list_widget li.menu-icon-search-plus:before { content:'\f00e'; }

.footer_widget.tcdw_icon_menu_list_widget li{ margin: 0; line-height: 48px; }


/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_contents { background:#222; color:#fff; text-align:center; }
#footer_contents a { color:#fff; }
#footer_contents a:hover { color:#92785f; text-decoration:none; }

#footer_info { padding:20px 30% 100px; position:relative; }

/* logo */
#footer_logo { margin:0; }
#footer_logo .logo { display:inline-block; margin:0; font-size:36px; line-height:1.2; }

/* footer bottom menu */
#footer_bottom_menu { display:inline-block; margin:12px 0 0 0; }
#footer_bottom_menu ul { display:inline; font-size:0; }
#footer_bottom_menu li { display:inline-block; font-size:14px; line-height:2; }
#footer_bottom_menu li:after { content:"|"; display:inline-block; padding:0 0.7em; }
#footer_bottom_menu li:last-child:after { content:""; padding:0; }

/* SNSボタン */
#footer_social_link { width:30%; text-align:left; position:absolute; left:0; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}
#footer_social_link li { display:inline-block; margin:0 8px 0 0; position:relative; z-index:1; }
#footer_social_link li a {
  display:block; text-indent:-200px; overflow:hidden; width:14px; height:14px; position:relative; z-index:2;
  -webkit-transition-property:none; -moz-transition-property:none; -o-transition-property:none; transition-property:none;
}
#footer_social_link li:before {
  font-family:'design_plus'; color:#fff; font-size:14px; display:block; position:absolute; top:0; left:0; z-index:1;
  width:14px; height:14px; line-height:14px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#footer_social_link li:hover:before { color:#fff; }
#footer_social_link li.twitter:before { font-family: 'tiktok_x_icon'; content: "\e901"; }
#footer_social_link li.facebook:before { content:'\e902'; }
#footer_social_link li.insta:before { content:'\ea92'; margin-top:1px; }
#footer_social_link li.tiktok:before { font-family: 'tiktok_x_icon'; content: "\e900"; }
#footer_social_link li.rss:before { content:'\e90b'; }

/* コピーライト */
#copyright { width:30%; font-size:14px; line-height:1.6; text-align:right; position:absolute; right:0; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}

/* ページ上部へ戻るボタン */
#return_top { display:none; position:fixed; bottom:20px; right:20px; z-index:990; }
#return_top a { display:block; width:55px; height:55px; text-decoration:none; background:#b69e84; border-radius:50%; opacity:0.8; }
#return_top a:before {
  font-family:'design_plus'; color:#fff; font-size:16px; line-height:1; display:block; position:absolute; top:50%; left:50%; margin:-0.5em 0 0 -0.5em;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#return_top a:before { content:'\e911'; }
#return_top a:hover { opacity:1; }
#return_top a span { display:none; }

/* フッターウィジェット */
#footer_widget { padding:50px 0 12px; text-align:center; border-bottom:1px solid #444;
  display:-ms-flexbox; display:-webkit-flex; display:flex; -ms-flex-pack:justify; -webkit-justify-content:space-between; justify-content:space-between;
  -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;
}
.footer_widget { display:inline-block; font-size:14px; line-height:2.2; text-align:left; width:300px; overflow:hidden; margin:0 0 30px 0; padding:0; vertical-align:top; position:relative; }
.footer_widget.widget_nav_menu { width:200px; }
.footer_headline { margin:0 0 14px 0; font-size:24px; color:#b69e84; line-height:1.4; }
.footer_widget ul { margin:0; }
.footer_widget li { margin:0 0 10px 0; padding:0; line-height:2.4; }
.footer_widget li:last-child { margin-bottom:0; }
.footer_widget li ul { margin:10px 0 0 10px; }
.footer_widget a { color:#fff; text-decoration:none; }
.footer_widget a:hover { color:#b69e84; }
.footer_widget img { height:auto; max-width:100%; }

#footer_widget.footer_widget_type2 { -webkit-flex-wrap:none; -ms-flex-wrap:none; flex-wrap:none; }
#footer_widget.footer_widget_type2 .ml_ad_widget { width:25%; /*margin-right:2%;*/margin-right:8%; }
#footer_widget.footer_widget_type2 .widget_nav_menu { /*width:20%;*/ width:17%; }
#footer_widget.footer_widget_type2 .tcdw_banner_list_widget { width:30.666%; }

.footer_widget .collapse_category_list { border-top:1px solid #ddd; }
.footer_widget .styled_post_list1 li { margin:0; padding:10px; }
.footer_widget .styled_post_list1_tabs li { margin:0; padding:0; }
.footer_widget ul.banner_list li { margin:0 0 28px 0; }
.footer_widget.widget_nav_menu li { margin-bottom:0; }

/* エリア・カテゴリーメニュー */
#footer_nav { padding:50px 0 40px 0; background:#f7f7f7; }
#footer_nav .footer_nav_cols .footer_nav_1 { width:49%; float:left; }
#footer_nav .footer_nav_cols .footer_nav_2 { width:49%; float:right; }
#footer_nav .headline { display:inline-block; margin:0 0 15px 0; padding:0 18px; min-width:54px; font-size:12px; line-height:26px; text-align:center; color:#fff; background:#000; border-radius:13px; }
#footer_nav a { text-decoration:none; }
#footer_nav a:hover { color:#92785f; text-decoration:none; }
#footer_nav ul { margin:0; padding:0; }
#footer_nav li { margin:0; padding:0; font-size:14px; line-height:2.4; }
#footer_nav li ul { display:inline; }
#footer_nav li li { display:inline-block; }
#footer_nav li li:before { content:'|'; padding:0 0.5em; }
#footer_nav .footer_nav_type1 li { display:inline-block; float:left; padding-right:1.5em; min-width:12.5%;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#footer_nav .footer_nav_cols .footer_nav_type1 li { min-width:25%; }
#footer_nav .footer_nav_type2 > ul > li > a { font-weight:700; }


/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
/* 基本設定 */
#comments { font-size:12px; margin:0; }
#comment_headline { margin:0 0 14px 0; font-size:24px; font-weight:300; line-height:1.2; color:#b69e84; }
#comment_area, #trackback_area { margin:15px 0 20px; padding:0 0 5px 0; }
#trackback_area { display:none; }

/* コメント・トラックバックのタブ */
#comment_header { position:relative; margin:50px 0 25px; }
#comment_header ul { margin:0; }
#comment_header ul li { float:left; text-align:center; margin:0; width:50%; }
#comment_header ul li a, #comment_header ul li p {
  font-size:11px; padding:10px 15px; line-height:1.8; display:block; color:#666; text-decoration:none; border:1px solid #ccc; }
#comment_header ul li a:hover { color:#fff !important; background:#b69e84; }
#comment_header ul li.comment_switch_active a, #comment_header #comment_closed p { color:#fff; position:relative; background:#b69e84; border-color:#b69e84; }
#comment_header ul li.comment_switch_active a:after, #comment_header #comment_closed p:after { position:absolute; bottom:-17px; left:50%; margin-left:-5px; content:""; width:0; height:0; border-width:10px; border-style:solid; border-color:#b69e84 transparent transparent transparent; }

/* コメントの基本部分 */
.commentlist { list-style-type:none; margin:0; padding:0; }
.comment { border:1px solid #ccc; color:#777; margin:0 0 15px; padding:15px 20px 0; background:#fff; }
#comments .comment_content { margin:20px 0 0; padding:0; background:none; }
.admin-comment { }

/* コメントの情報部分 */
.comment-meta { position:relative; margin:0 0 10px 0; }
.comment-meta-left { float:left; width:100%; }
#comments .avatar { float:left; margin:0 10px 0 0; background:#fff; width:40px; height:40px; }
.comment-name-date { padding:3px 0 0 0; height:37px; }
a.admin-url { text-decoration:underline; }
a.guest-url { text-decoration:underline; }
.comment-name-date { margin:0; }
.comment-date { font-size:11px; color:#757676; margin:10px 0 0 0; }
.comment-act { background:url(img/common/arrow3.gif) no-repeat left; font-size:11px; position:absolute; right:0px; padding:0 0 0 10px; margin:5px 0 0 0; }
.comment-act li { display:inline; margin:0; }
.comment-reply a, .comment-reply a:visited { border-right:1px solid #aaa; padding:0 10px 0 0; margin:0 6px 0 0; }
.comment-edit a, .comment-edit a:visited { border-left:1px solid #aaa; padding:0 0 0 10px; margin:0 0 0 6px; }

/* コメント本文 */
#comments .comment_content p { margin:0 0 15px 0; }
#comments .comment_content blockquote span { margin:0 0 -1em 0; display:block; }

/* メッセージ、警告文 */
.comment-note { display:block; font-size:11px; margin:0 0 1em 0; color:#33a8e5; border:1px solid #94ddd4; padding:10px 15px; background:#d6f4f0; }
.comment_closed { border:1px solid #ccc; text-align:center; margin:0 35px 15px 0; padding:15px; background:#fefefe; }
.no_comment { padding-bottom:15px; }

/* トラックバック */
.trackback_time { font-size:11px; color:#757676; margin:0 0 7px 0px; }
.trackback_title { margin:2px 0 8px 0; margin:0 0 10px 0px; line-height:1.6; }
#trackback_url_area { margin:0; }
#trackback_url_area label { display:block; margin:0 0 10px 0; font-size:11px; }
#trackback_url_area input { border:1px solid #ccc; background:#fafafa; padding:10px; width:100%; font-size:11px; }

/* ページナビ */
#comment_pager { margin:0 0 10px; height:24px; }
#comment_pager a, #comment_pager span { display:inline; float:left; margin:0 10px 0 0; }
#comment_pager .current { text-decoration:underline; }

/* コメントフォーム */
.comment_form_wrapper { border:1px solid #ccc; margin:0 0 0px; padding:15px; background:#fff; }
.comment .comment_form_wrapper { margin:0 0 20px; }
#cancel_comment_reply { background:url(img/common/arrow3.gif) no-repeat left center; margin:0 0 1em 0; padding:0 0 0 10px; }
#comment_user_login p { padding:0 0 0 1px; margin:0; line-height:1; }
#comment_user_login span { margin:0 0 0 40px; }
#comment_login { margin:0; padding:3px 30px 10px 30px; }
#comment_login p { margin:0; padding:12px 0 11px 36px; line-height:1; }
#comment_login a { margin:0 0 0 20px; padding:0 0 0 20px; background:url(img/common/arrow3.gif) no-repeat 10px 3px; }
#guest_info { padding:0; width:100%; }
#guest_info div { margin:0 0 12px 0; text-align:left; }
#guest_info input { margin:0; padding:5px 0; border:1px solid #ccc; width:100%; background:#fff; color:#777; }
#guest_info input:focus { border:1px solid #b69e84; }
#guest_info label { display:block; margin:0 0 5px 0; padding:0 0 0 0; font-size:11px; color:#888; }
#guest_info span { color:#666; margin:0 10px 0 0; }
#comment_textarea textarea { margin:15px 0 0; width:100%; height:150px; border:1px solid #ccc; background:#fff; color:#777; font-size:11px; overflow:auto; }
#comment_textarea textarea:focus { border:1px solid #b69e84; }
#submit_comment_wrapper { text-align:center; }
#submit_comment {
  background:#999; border:none; cursor:pointer; color:#fff; font-size:14px; width:200px; height:50px; margin:15px auto 0; display:block;
  -webkit-transition:background-color 200ms ease-in-out;
  -moz-transition:background-color 200ms ease-in-out;
  -o-transition:background-color 200ms ease-in-out;
  -ms-transition:background-color 200ms ease-in-out;
  transition:background-color 200ms ease-in-out;
}
#submit_comment:hover { background:#b69e84; }
#input_hidden_field { display:none; }

/* ----- パスワード保護 ----- */
.password_protected { text-align:center; margin:30px 38px; padding:10px 20px; color:#fff; background:#b69e84; border-radius:5px; }
.password_protected p { font-size:12px; margin:0; line-height:1.6; }


/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */
/* alignment */
.post_content .alignright { float:right; }
.post_content .alignleft { float:left; }
.post_content .aligncenter { display:block; margin-left:auto; margin-right:auto; margin-bottom:7px; }
.post_content blockquote.alignleft, .post_content img.alignleft { margin:7px 24px 7px 0; }
.post_content .wp-caption.alignleft { margin:7px 14px 7px 0; }
.post_content blockquote.alignright, .post_content img.alignright { margin:7px 0 7px 24px; }
.post_content .wp-caption.alignright { margin:7px 0 7px 14px; }
.post_content blockquote.aligncenter, .post_content img.aligncenter, .post_content .wp-caption.aligncenter { margin-top:7px; margin-bottom:7px; }

/* text and headline */
/*.post_content p { line-height:2.4; margin:0 0 2.4em 0; word-wrap:break-word; }*/
.post_content p { /*line-height:2.4;*/ margin:0; word-wrap:break-word; }
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 { clear:both; line-height:1.2; font-weight:400; margin:0 0 10px 0; padding:10px 0 0 0; }
.post_content h1 { font-size:150%; }
.post_content h2 { font-size:140%; }
.post_content h3 { font-size:130%; padding-top:20px; }
.post_content h4 { font-size:120%; }
.post_content h5 { font-size:110%; }
.post_content h6 { font-size:100%; }

/* image */
.post_content img[class*="align"], .post_content img[class*="wp-image-"], .post_content img[class*="attachment-"], .post_content img.size-full, .post_content img.size-large, .post_content .wp-post-image, .post_content img
 { height:auto; max-width:100%; }

/* list */
.post_content li, .post_content dt, .post_content dd { line-height:2.2; }
.post_content ul, .post_content ol, .post_content dl { margin-bottom:24px; }
.post_content ol { list-style:decimal outside none; margin-left:1.5em; }
.post_content ul { list-style:circle outside none; margin-left:1.3em; }
.post_content li > ul, .post_content li > ol { margin-bottom:0; }
.post_content dt { font-weight:bold; }
.post_content dd { margin-bottom:1em; }

/* table */
.post_content table { margin:0 0 24px 0; /*width:100% !important;*/ }
.post_content td, .post_content th { border:1px solid #bbb; padding:10px 15px; line-height:2.2; }
.post_content th { background:#ddd; font-weight:normal; }
/* table style */
.post_content table.table_no_border th, .post_content table.table_no_border td { border:none; padding-left:0; }
.post_content table.table_border_horizontal th, .post_content table.table_border_horizontal td { border-left:none; border-right:none; padding-left:0; }

/* block quote */
.post_content blockquote { margin:0 0 25px 0; padding:27px 30px 0; border:1px solid #ccc; box-shadow:0px 4px 0px 0px #f2f2f2; position:relative; }
.post_content blockquote:before { content:'"'; font-style:italic; font-size:30px; font-weight:normal; line-height:40px; width:30px; height:30px; position:absolute; top:5px; left:10px; color:#5cbcd7; }
.post_content blockquote:after { content:'"'; font-style:italic; font-size:30px; font-weight:normal; text-align:left; line-height:60px; width:30px; height:30px; position:absolute; bottom:7px; right:-2px; color:#5cbcd7; }
.post_content blockquote cite { border-top:1px dotted #aaa; display:block; padding:20px 0 0 0; font-style:italic; text-align:right; font-size:90%; }

/* captions */
.post_content .wp-caption { margin-bottom:24px; background:#fff; border:1px solid #ccc; padding:5px; max-width:100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
.post_content .wp-caption-text { text-align:center; font-size:12px; font-style:italic; line-height:1.5; margin:9px auto; }
.post_content .wp-caption img[class*="wp-image-"] { display:block; margin:0 auto; }

/* gallery */
.gallery { margin-bottom:20px; }
.gallery a img { border:0 !important; }
.gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative; }
.gallery-columns-1 .gallery-item { max-width:100%; }
.gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width:calc(50% - 4px); }
.gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width:calc(33.3% - 4px); }
.gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width:calc(25% - 4px); }
.gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width:calc(20% - 4px); }
.gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width:calc(16.7% - 4px); }
.gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px); max-width:calc(14.28% - 4px); }
.gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width:calc(12.5% - 4px); }
.gallery-columns-9 .gallery-item { max-width:9%; max-width:-webkit-calc(11.1% - 4px); max-width:calc(11.1% - 4px); }
.gallery-columns-10 .gallery-item { max-width:7%; max-width:-webkit-calc(9.4% - 0px); max-width:calc(9.4% - 0px); }
.gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n), .gallery-columns-10 .gallery-item:nth-of-type(10n) { margin-right:0; }
.gallery-caption { background-color:rgba(0, 0, 0, 0.7); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; }
.gallery-caption:before { content:""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; }
.gallery-item:hover .gallery-caption { opacity:1; }
.gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption, .gallery-columns-10 .gallery-caption { display:none; }

/* etc */
.post_content .wp-smiley { border:0; margin-bottom:0; margin-top:0; padding:0; }
.post_content address { margin:0 0 24px 0; line-height:2.2; }
.post_content pre { border-left:5px solid #7fc120; font-size:12px; margin:0 0 27px 0; line-height:25px; background:url(img/common/pre.gif) repeat left top; padding:0 17px; overflow:auto; }
.post_content .sticky { }
.post_content .mejs-container { margin:12px 0 25px; }

/* パスワード保護 */
.c-pw__desc, .c-pw__desc p { line-height:2.5; }
.c-pw__desc p { margin-bottom:16px; }
.c-pw__btn { box-sizing:border-box; color:#fff; display:inline-block; padding:13px 20px; font-size:14px; text-align:center; line-height:1; background:#999; }
.c-pw__btn:hover { background:#333; color:#fff; }
.c-pw__btn--register { min-width:160px; margin-bottom:32px; }
.c-pw__btn--submit { min-width:100px; border:0; cursor:pointer; }
.c-pw .c-pw__btn:hover { text-decoration:none; }
.c-pw__box { border:1px solid #ddd; background:#f5f5f5; padding:25px 36px; display:inline-block; margin-bottom:40px; box-sizing:border-box; }
.c-pw__box .c-pw__box-desc { line-height:1.2; margin-bottom:20px; }
.c-pw__box-label { margin-right:14px; }
.c-pw__box-input { border:1px solid #ddd; box-shadow:none; height:40px; width:250px; margin-right:13px; flex:1; box-sizing:border-box; padding:0 10px; }
.post_content .c-pw__btn, .post_content .c-pw__btn:hover { color:#fff; }
.u-center { text-align:center; }


/* ----------------------------------------------------------------------
 ブロックエディターのYotutubeのレスポンシブ対応
---------------------------------------------------------------------- */
.wp-block-embed { margin:0 0 2em 0; }
.wp-block-embed__wrapper { position:relative; width:100%; padding-top:56.25%; }
.wp-block-embed__wrapper iframe { position:absolute; top:0; right:0; width:100%; height:100%; }

/* ----------------------------------------------------------------------
 上付き文字、下付き文字
---------------------------------------------------------------------- */
sup {
vertical-align: super;
font-size: smaller;
}
sub {
vertical-align: sub;
font-size: smaller;
}



/*　追加　*/
.host {
	margin-top: 30px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	max-width: 400px;
}

.topmap {
	margin: 0 auto !important;
	max-width: 750px;
}

.box01,.box02 {
	width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width:768px) {
.topmap {
	width: 100%;
}
.box01 {
	width: 90%;
	margin: 0 5%;
}
.box02 {
	width: 90%;
	margin: 10% 5% 3%;
}
}

.txtpc_c_sp_l {
	text-align: center;
}

@media screen and (max-width:768px) {
.txtpc_c_sp_l {
	text-align: left;
}
}

#index_header_search {
	display: none;
}


.yado {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}

@media screen and (max-width:768px) {
.yado {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
}
}

.yado01 {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background: url(/wp-content/themes/gensen_tcd050/img/home/yado01_back.jpg) center;
  background-size: cover;
  padding: 80px auto 30px;
  margin-bottom: 120px;
}

.yado02 {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background: url(/wp-content/themes/gensen_tcd050/img/home/yado02_back.jpg) center;
  background-size: cover;
}

.yado03 {
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background: url(/wp-content/themes/gensen_tcd050/img/home/yado03_back.jpg) center;
  background-size: cover;
}

@media screen and (max-width:768px) {
.yado01 {
  margin-bottom: 70px;
}
}






/* =========================================
   宿紹介ブロック：スマホ時だけ画像を宿名の直下へ移動
   対象：イロリ／キャビン／カンダ
========================================= */
@media screen and (max-width: 767px) {

  .yado03 .col_2,
  .yado02 .col_2,
  .yado01 .col_2 {
    display: flex;
    flex-direction: column;
  }

  .yado03 .col_2 > img,
  .yado02 .col_2 > img,
  .yado01 .col_2 > img {
    order: -1;
    width: 100%;
    height: auto;
    margin: 20px 0 10px;
  }

  .yado03 .col_2 > div,
  .yado02 .col_2 > div,
  .yado01 .col_2 > div {
    order: 1;
  }

}







.yadoin {
	padding: 50px auto 30px;
}
@media screen and (max-width:768px) {
.yadoin {
	text-align: center;
}
}

.midashi {
	background-position: center;
	background-size: cover;
	padding: 100px !important;
	font-weight: 900;
	position: relative;
}

.midashi::before{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
}

.midashi p{
  position: relative;
  z-index: 1;
	color: #FFF !important;
	text-align: center;
	font-size: 42px !important;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.yadomidashi {
	background-image: url(/wp-content/themes/gensen_tcd050/img/home/yado_midashi.jpg);
}

.locationmidashi {
	background-image: url(/wp-content/themes/gensen_tcd050/img/home/location_midashi.jpg);
}


@media screen and (max-width:768px) {
.midashi {
	padding: 10% 0 !important;
	font-size: 20px !important;
}
.midashi p{
	font-size: 24px !important;
}


}

.yado_copy {
		font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-size: 25px;
		line-height: 1.5;
	margin-bottom: 10px !important;
}

.yadologo {
	padding-top:50px !important;
}

.yadomap {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px !important;
}

.readmore {
}

.readmore a {
	padding: 5px 100px;
	background: #FFF;
	text-align: center;
	color: #000 !important;
	display: table;
}

@media screen and (max-width:768px) {
.yado_copy {
		font-size: 20px;
		margin-bottom: 5px !important;
}
.yadologo {
	max-width: 80%;
	margin-left: 10% !important;
	margin-right: 10% !important;
}
.yadomap {
	max-width: 90%;
	margin-left: 5% !important;
	margin-right: 5% !important;
	margin-bottom: 3% !important;
}
.readmore {
	padding: 0 auto;
	margin-bottom: 10px;
}
.readmore a {
	padding: 2% 20%  !important;
	width: 100%;
}
}


.footertxt {
	text-align: left;
	font-weight: normal;
	padding-top: 25px;
	text-align: center;
	line-height: 1.4 !important;
}

@media screen and (max-width:768px) {
.footertxt {
	padding-top: 0;
	margin-bottom: 5%;
}
}

.t_footer {
	font-size: 25px;
}







*, *:before, *:after {
    box-sizing: border-box;
}
.col_2{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.col_2 > *{
    width: calc( 40% ) ;
	padding: 3%;
}
.col_2 > *:nth-child(2n){
    width: calc( 60% ) ;
}
.col_2 > * > *{
    position: relative;
    overflow: hidden
}
@media screen and (max-width: 960px) {
.col_2 > *{
    width: calc( 100% ) ;
}
.col_2 > *:nth-child(2n){
    width: calc( 100% ) ;
}
}


@media print, screen and (min-width: 769px){

.sp {
	display: none;
}

}

@media screen and (max-width:768px) {

.pc {
	display: none;
}

}


/*　location　*/

.locationbox {
	margin: 5% auto 3%;
}

.loop02 {
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
    overflow: hidden;
}
.loop02__box {
    display: flex;
    animation: loop-list 40s linear infinite;
}
.loop02__item {
    width: calc(100vw / 4);
    display: block;
}

@media screen and (max-width:768px) {
.loop02 {
    padding-top: 15px;
    padding-bottom: 15px;
}
.loop02__item {
    width: calc(100vw / 2);
    display: block;
}
}

.loop02__item img {
    width: 100%;
}

.loop02 li {
	list-style: none;
	margin: 0 10px;
}

.loop02 ul {
	margin: 0;
	padding: 0;
}

/*中央揃え.loop02 ul{
  display: flex;
  list-style: none;
}

.loop02 ul>li{
  display:flex;
  align-items: center;
  justify-content: center;
}*/


@keyframes loop-list {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}
/*.loop02:hover .loop02__box {
    animation-play-state: paused;
}*/




.section {
  display: block;
  width: 100%;
  padding: 8rem 0
}

@media screen and (min-width: 1024px) {
  .section {
    padding: 13rem 0
  }
}

.section--concept, .section--guestroom, .section--restaurant, .section--sauna, .section--resort, .section--location, .section--stay {
  position: relative
}

.section--concept::before, .section--guestroom::before, .section--restaurant::before, .section--sauna::before, .section--resort::before, .section--location::before, .section--stay::before {
  content: "";
  display: inline-block;
  width: 78%;
  height: 70%;
  background: #f6f7f7;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

.container {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto
}

@media screen and (min-width: 1024px) {
  .container {
    max-width: 940px
  }
}

@media screen and (min-width: 1024px) {
  .container--wide {
    max-width: 1120px
  }
}

.lr-contents {
  display: grid;
  align-items: center;
  gap: 3rem
}

@media screen and (min-width: 768px) {
  .lr-contents {
    grid-template-columns: 1fr 50%;
    gap: 2rem 4rem
  }
}

@media screen and (min-width: 1024px) {
  .lr-contents {
    gap: 4rem 10rem
  }
}

.lr-contents:not(:first-child) {
  margin: 6rem 0 0
}

@media screen and (min-width: 768px) {
  .lr-contents:not(:first-child) {
    margin: 12rem 0 0
  }
}

.lr-contents__item {
  direction: ltr !important;
  height: 100%
}

@media screen and (min-width: 768px) {
  .lr-contents__item:nth-child(1) {
    grid-row: 1;
    grid-column: 1;
    display: inline-flex;
    align-items: flex-end
  }
  .lr-contents__item:nth-child(2) {
    grid-row: 1/3;
    grid-column: 2
  }
  .lr-contents__item:nth-child(3) {
    grid-row: 2;
    grid-column: 1
  }
}

@media screen and (min-width: 768px) {
  .lr-contents--resort-content .lr-contents__item:nth-child(1) {
    display: block;
    align-items: unset;
    grid-row: 1/4;
    grid-column: 1
  }
  .lr-contents--resort-content .lr-contents__item:nth-child(2) {
    grid-row: 2;
    grid-column: 2
  }
  .lr-contents--resort-content .lr-contents__item:nth-child(3) {
    grid-row: 1;
    grid-column: 2
  }
  .lr-contents--resort-content .lr-contents__item:nth-child(4) {
    grid-row: 3;
    grid-column: 2
  }
}

.section__header {
  position: relative;
  display: block
}


#left_col { width:100%; }
#side_col {
	display: none;
}

.pagetitle {
	margin-bottom: 70px !important;
}

@media screen and (max-width:768px) {
.pagetitle {
	width: 80% !important;
	margin: 0 10% 10% 10% !important;
}
}


/* カードレイアウト部分をラッピングし、
Flexboxを指定"space-between"で各アイテムを均等に配置し、
最初と最後のアイテムを端に寄せます。*/
.cardlayout-wrap {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    margin: 1em auto 2em;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

/* リンクテキストの下線を非表示 */
a.card-link {
    text-decoration: none;
}

/* カードレイアウト内の画像を幅いっぱいに表示 */
.cardlayout-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

.card-figure {
    margin: 0;
    padding: 0;
}

/* カードレイアウトのタイトル部分 */
.card-title {
    padding: 20px 0 0 !important;
    color: #333;
    text-align: center;
    font-size: 1.8em;
}

/* カードレイアウトの説明文部分 */
.card-text-tax {
    margin: 0;
    padding: 0 1.5em 1em;
    color: #818181;
	line-height: 2;
}

/* カードレイアウトを1カラムで配置 */
.card-list {
    margin: 0 0 2.5em;
    padding: 0;
    width: 96%;
    background: #f0f0f0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px) {
    .card-list {
        margin: 0 0 30px;
        width: calc(96% / 2); /* 96%幅を2で割るという指定 */
    }
}

/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px) {
    .card-list {
        width: calc(96% / 3); /* 96%幅を3で割るという指定 */
}
    
/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
    .cardlayout-wrap::after{
        content: "";
        display: block;
        width: calc(96% / 3);
    }
}


.shoplist .card-list {
	background: #FFF;
}


.inntitle {
	font-size: 30px;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 1;
	margin-bottom: 20px !important;
}

.inntitle2 {
	font-size: 30px;
	line-height: 1;
	margin-bottom: 20px !important;
	font-weight: 600;
}

@media screen and (max-width:768px) {

.inntitle,
.inntitle2 {
	font-size: 24px;
	margin-bottom: 10px !important;
}
}

@media print, screen and (min-width: 769px){

.innpad_l {
	padding-left:30px;
}

.innpad_r {
	padding-right:30px;
}

}



.innbox {
  display:flex;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 20px;
}

.innbox img{
	vertical-align:top;
}

.inntext {
  width: 100%;
  margin-bottom: 20px;
}

.innpict {
  width: 100%;
  min-height: 0%;
}

.innpict img {
  height:auto;
}

.innbox:nth-child(even) {
  background-color: #f1f1f1;
  padding: 7%;
}

.innbox:last-of-type {
  margin-bottom: 80px;
}


@media (min-width:768px) {
  .innbox {
    flex-direction: row;
    justify-content: space-between;
  margin-bottom: 40px;
  }
  
  .innbox:nth-child(even) {
    flex-direction: row-reverse;
  }
  
  .inntext {
    text-align: left;
	margin-right: 50px;
  }
  .innbox:nth-child(even) .inntext {
	margin-left: 50px;
  }
  .innpict {
    width: 100%;
  }
  .innpict img {
    width: 100%;
    height:auto;
  }
  .innbox:nth-child(even) .innpict {
    margin-left: 0;
  }
.innbox:nth-child(even) {
  background-color: #f1f1f1;
  padding: 4%;
}
}


.zumen {
	text-align: center;
	margin-bottom: 70px;
	margin-top: 100px;
}

@media screen and (max-width:768px) {
.zumen {
	margin-bottom: 40px;
	margin-top: 40px;
}
}


.iframe-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

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

@media screen and (max-width:768px) {
.iframe-wrapper {
  height: 350px;
}
}






/*メニューをページ下部に固定*/
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 100%;
   /*width: 50%;2個並びの場合*/
   padding:0;
   margin:0;
   font-size: 14px;
   background: #123C54;
}

/*左側メニューを緑色に*/
/*#sp-fixed-menu li:first-child{
   background: #123C54;
}*/

/*左側メニューをオレンジ色に*/
/*#sp-fixed-menu li:last-child{
   background: #C29405;
}*/

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
}

#sp-fixed-menu span {
	line-height: 50px;
}

#sp-fixed-menu img {
	height: 30px;
	margin: 10px auto;
}


/*PCの場合にはメニューを表示させない*/
@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}

@media screen and (max-width:768px) {
body {
  padding-bottom: 52px;
  position: relative;
}
	
}

.roomname {
	text-align: center;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 25px;
	line-height: 1.5;
}


@media screen and (max-width:768px) {
	
.roomname {
	font-size: 22px;
}
	
	.topcopy {
		text-align: left;
	}
}

.list01 a {
	text-decoration: underline;
}

.list01 li {
}





.table01 {
	width: 100% !important;
}

.table01 th {
	background: #F2F2F2;
	border-top: none;
	text-align: left;
	padding: 5px 100px;
}


.table01 th,
.table01 td {
	border: 1px solid #CCC;
	padding: 15px 30px ;
	vertical-align: middle;
}

@media screen and (max-width:768px) {
.table01 {
	width: 100% !important;
}
.table01 th {
}
.table01 th,
.table01 td {
	display: block;
	width: 100%;
	padding: 15px 30px ;
}
}

.table01 input,
.table01 textarea {
	border: 1px solid #CCC;
	width: 100%;
	padding: 15px 20px ;
}






/* ----------------------------------------------------------------------
 MW WP Form table スマホ時の二重線対策
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .table01 {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }

  .table01 tr {
    display: block;
    border: 1px solid #cccccc;
    border-bottom: none;
  }

  .table01 tr:last-child {
    border-bottom: 1px solid #cccccc;
  }

  .table01 th,
  .table01 td {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: none !important;
  }

  .table01 th {
    border-bottom: 1px solid #cccccc !important;
  }
}






.table02 {
	width: 100% !important;
}

.table02 th {
	background: #F0ECE6;
	border-top: none;
	text-align: left;
	white-space: nowrap;
}


.table02 th,
.table02 td {
	border: 1px solid #CCC;
	padding: 10px 20px ;
	vertical-align: top;
	font-size: 85% !important;
	line-height: 1.8;
}

.table02 ul {
	margin-bottom: 0;
}

.table02 li {
	line-height: 1.8;
	font-size: 85% !important;
}

@media screen and (max-width:768px) {
.table02 {
	width: 100% !important;
}
.table02 th,
.table02 td {
	display: block;
	width: 100%;
}
}



.reservetb {
	width: auto;
	margin: 0 auto !important;
}

.reservetb th,
.reservetb td {
	border: none;
}

.reservebutton {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333333;
  background-color: #dddddd;
  font-size: 30px;
  border-radius: 25px;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.2);
  background: linear-gradient(#FFF, #E7E7E7);
}

.reservebutton a {
	padding: 25px 150px;
	color: #333 !important;
	font-size: 20px;
	font-weight: 900;
}

.reservebutton a:hover {
	text-decoration: none;
	color: #cc4953 !important;
}


@media screen and (max-width:768px) {
.reservetb {
	width: 100%;
}
.reservetb th,
.reservetb td {
	display: block;
	width: 100%;
}
.reservebutton a {
	padding: 5%;
}
}

.reservetel {
	font-size: 40px;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: none !important;
	color: #000 !important;
}

@media screen and (max-width:768px) {
.reservetel {
	font-size: 30px;
}
}

.form-btns {
	text-align: center;
}


.form-btns input[type="button"],
.form-btns input[type="submit"]{
    display:inline-block;
    background:#cc4953;
    padding:10px;
    text-align:center;
    color:#FFF;
    margin:5px;
    border:1px solid;
    cursor:pointer;
    width: 150px;
}
.form-btns input[type="button"]{
    background: #f2f2f2;
    color: #333;
    border: none;
}

.btn--back {
    background: #f2f2f2 !important;
    color: #333 !important;
    border: none !important;
}


.txtcenter {
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

.pccenter {
	text-align: center;
}

@media screen and (max-width:768px) {
.pccenter {
	text-align: left;
}
}

.amenity {
	padding: 0 !important;
	margin: 0 !important;
}

.amenity li {
	text-indent: -1em;
  padding-left: 1em !important;
  list-style: none;
}



.contactbox {
	margin: 30px auto 100px !important;
}

.contactbox p {
	font-size: 20px !important;
}

.contactlogo {
	height: 100px !important;
	margin-top: 15px !important;
}

.contactbox2 {
	padding: 20px 0 30px;
}

.contactbutton {
	margin-left: 20px;
	margin-right: 20px;
}





/*　自動翻訳　*/

.skiptranslate {
	display: none;
}

@media screen and (max-width:768px) {
#header_top {
	padding-top: 15px;
}
}


/* text */
h2 {
	font-weight: 900 !important;
	color: #cc4953 !important;
	text-align: center !important;
}

.tbig {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.8 !important;
}

@media screen and (max-width:768px) {
.tbig {
	font-size: 16px;
}
}

.midashired { margin:-0.1em 0 15px 0; padding:0; font-size:42px !important; line-height:1.2; text-align:center; font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; color:#cc4953;}

@media screen and (max-width:768px) {
.midashired {
	font-size: 24px !important;
}
}


.gaiyop {
	margin-top: 10px !important;
}

@media screen and (max-width:768px) {
.gaiyop {
	width: 100%;
}
}



/*　スライダー　*/

#topslider {
	width:100%;
	height: 700px;
	position:relative;
	margin:0 auto;
}

@media screen and (max-width:768px) {
#topslider {
	height: 500px;
}
}

#topslider img {
	width:100%;
	height:auto;
	display:block;
}

#header_slider {
	display: none;
}


.sliderimg {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  background-size: cover;
  background-position: center center;
  
  animation: image-switch-animation 15s infinite;
}

.src1,
.src2,
.src3 {
  background-size: cover;
}
.src1 {
  background-image: url(/wp-content/themes/gensen_tcd050/img/home/slider_irori_pc.jpg);
}
.src2 {
  background-image: url(/wp-content/themes/gensen_tcd050/img/home/slider_cabin_pc.jpg);
}
.src3 {
  background-image: url(/wp-content/themes/gensen_tcd050/img/home/slider_kanda_pc.jpg);
}

@media screen and (max-width:768px) {
.src1 {
  background-image: url(/wp-content/themes/gensen_tcd050/img/home/slider_irori_sp.jpg);
}
.src2 {
  background-image: url(/wp-content/themes/gensen_tcd050/img/home/slider_cabin_sp.jpg);
}
.src3 {
  background-image: url(/wp-content/themes/gensen_tcd050/img/home/slider_kanda_sp.jpg);
}
}

.sliderimg:nth-of-type(1) {
  animation-delay: 0s;
}
.sliderimg:nth-of-type(2) {
  animation-delay: 5s;
}
.sliderimg:nth-of-type(3) {
  animation-delay: 10s;
}

/* 3枚用 */
@keyframes image-switch-animation {
  0% {
    opacity: 0;
  }

  6% {
    opacity: 1;
  }

  33% {
    opacity: 1;
  }

  39% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}


/* ----------------------------------------------------------------------
 irori追加時
---------------------------------------------------------------------- */

/* PCヘッダーのメニューを1行に収めやすくする */
@media only screen and (min-width:1025px) {

  /* 右側の余白を少し詰める */
  #global_menu {
    margin: 0 -10px 0 0;
  }

  /* 改行しにくくする */
  #global_menu > ul {
    white-space: nowrap;
  }

  /* メニュー1件ごとの余白と文字サイズを縮小 */
  #global_menu > ul > li > a {
    padding: 0 10px;
    font-size: 15px;
    white-space: nowrap;
  }
}

@media only screen and (min-width:1025px) {
  #header_logo img,
  #header_logo_fix img {
    height: 50px;
    width: auto;
    max-height: none;
  }
}





/* ----------------------------------------------------------------------
 予約CTAボタン 共通デザイン
---------------------------------------------------------------------- */

.reserve-cta {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  padding: 0;
  margin: 0;
  background: transparent;
  border: none;
  outline: none;
  overflow: visible;
  color: #111;
  cursor: pointer;
}

.reserve-cta,
.reserve-cta:hover,
.reserve-cta:focus,
.reserve-cta:active,
.reserve-cta *,
.reserve-cta:hover *,
.reserve-cta:focus *,
.reserve-cta:active * {
  text-decoration: none !important;
}

.reserve-cta:hover,
.reserve-cta:focus,
.reserve-cta:active {
  color: #111;
}

.reserve-cta__inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;

  width: 100%;
  padding: 18px 22px;

  border: none;
  outline: none;
  border-radius: 16px;
  box-sizing: border-box;

  /*
    黄色いボタン本体に直接背景と影を付ける
    外側の白いオブジェクトには影を付けない
  */
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.10) 0%,
      rgba(0, 0, 0, 0.06) 5%,
      rgba(0, 0, 0, 0) 22%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 70%,
      rgba(0, 0, 0, 0.12) 100%,
      rgba(0, 0, 0, 0.20) 100%
    ),
    linear-gradient(
      180deg,
      #fdd000 0%,
      #fdd000 58%,
      #fdd000 100%
    );

  /*
    外側の影 + 内側の軽い立体感
    すべて黄色いボタン本体に集約
  */
  box-shadow:
    5px 5px 5px rgba(0, 0, 0, 0.3),
    inset 0 3px 5px rgba(255, 255, 255, 0.22),
    inset 0 -4px 6px rgba(0, 0, 0, 0.08);

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

.reserve-cta__icon {
  display: block;
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
}

.reserve-cta__text,
.reserve-cta__text a {
  display: inline-block;
  color: #333 !important;
  font-size: 20px !important;
  font-weight: 700;
  line-height: 1.2;
  white-space: nowrap;
  text-decoration: none !important;
}

/* マウスオーバー時：白ボタンと同じく、少し左上に動かして影を濃くする */
.reserve-cta:hover .reserve-cta__inner {
  transform: translate(-2px, -2px);

  box-shadow:
    6px 7px 8px rgba(0, 0, 0, 0.32),
    inset 0 3px 5px rgba(255, 255, 255, 0.25),
    inset 0 -4px 6px rgba(0, 0, 0, 0.10);
}

/* クリックした瞬間：少し右下に沈む */
.reserve-cta:active .reserve-cta__inner {
  transform: translate(1px, 1px);

  box-shadow:
    3px 3px 4px rgba(0, 0, 0, 0.28),
    inset 0 2px 4px rgba(255, 255, 255, 0.18),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12);
}

/* 予約ボタン内はスクロールふわっと表示の対象から除外 */
.reserve-cta__inner,
.reserve-cta__inner *,
.reserve-cta__icon,
.reserve-cta__text {
  opacity: 1 !important;
  visibility: visible !important;
}

/* 予約ボタン内のアイコンはスクロールアニメーションのtransformを無効化 */
.reserve-cta .reserve-cta__icon,
.reserve-cta img.reserve-cta__icon {
  display: block;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 auto;

  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
}


/* ----------------------------------------------------------------------
 フッター固定用
 スマホのみ表示
---------------------------------------------------------------------- */

.reserve-cta--fixed {
  display: none;
}

@media screen and (max-width: 768px) {
  .reserve-cta--fixed {
    position: fixed;
    left: 50%;
    bottom: 14px;
    z-index: 9999;

    display: block;
    width: calc(100% - 24px);
    max-width: 620px;

    opacity: 1 !important;
    visibility: visible !important;
    transform: translate(-50%, 0) !important;
  }

  /* 固定ボタンで下部コンテンツが隠れにくいようにスマホだけ余白確保 */
  body {
    padding-bottom: 110px;
  }
}


/* ----------------------------------------------------------------------
 予約CTAボタン ページ内設置用
 PC：横幅500px
 スマホ：画面幅の85%
---------------------------------------------------------------------- */

.reserve-cta--inline {
  display: block;
  position: static;
  width: 500px;
  max-width: 100%;
  margin: 0 auto 50px;

  opacity: 1 !important;
  visibility: visible !important;
}

@media screen and (max-width: 768px) {
  .reserve-cta--inline {
    /*width: 85%;*/
    margin: 28px auto;
  }
}


/* ----------------------------------------------------------------------
 予約CTAボタン 小さめスマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 374px) {
  .reserve-cta__inner {
    gap: 10px;
    padding: 16px;
  }

  .reserve-cta__text,
  .reserve-cta__text a {
    font-size: 19px !important;
  }

  .reserve-cta__icon {
    width: 36px;
    height: 36px;
  }
}



/* ----------------------------------------------------------------------
 トップページ内の予約CTA スマホ幅崩れ対策
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .home .reserve-cta.reserve-cta--inline,
  .home-default .reserve-cta.reserve-cta--inline,
  .yado03 .reserve-cta.reserve-cta--inline,
  .yadoin .reserve-cta.reserve-cta--inline,
  .col_2 .reserve-cta.reserve-cta--inline {
    display: block !important;

    /* 親要素ではなく、画面幅基準でボタン幅を決める */
    width: calc(100vw - 48px) !important;
    max-width: 500px !important;

    margin: 0 auto 28px !important;
    box-sizing: border-box !important;
  }

  .home .reserve-cta.reserve-cta--inline .reserve-cta__inner,
  .home-default .reserve-cta.reserve-cta--inline .reserve-cta__inner,
  .yado03 .reserve-cta.reserve-cta--inline .reserve-cta__inner,
  .yadoin .reserve-cta.reserve-cta--inline .reserve-cta__inner,
  .col_2 .reserve-cta.reserve-cta--inline .reserve-cta__inner {
    width: 95% !important;
    padding: 14px 22px !important;
    box-sizing: border-box !important;
	margin: 0 auto 40px;
  }
}






/* ----------------------------------------------------------------------
 白CTAボタン 共通デザイン
 ・この宿を詳しく見る
 ・続きを読む / 閉じる
---------------------------------------------------------------------- */

.detail-cta {
  display: block;
  box-sizing: border-box;
  text-decoration: none;
  padding: 0 8px 8px 0; /* 右と下にシャドウの逃げを作る */
  margin: 0;
  background: transparent;
  border: none;
  outline: none;
  overflow: visible;
  color: #111;
  cursor: pointer;
}

.detail-cta:hover,
.detail-cta:focus,
.detail-cta:active {
  color: #111;
  text-decoration: none !important;
}

/* 他のCSSのhover下線を強制的に打ち消す */
.detail-cta,
.detail-cta:hover,
.detail-cta:focus,
.detail-cta:active,
.detail-cta *,
.detail-cta:hover *,
.detail-cta:focus *,
.detail-cta:active * {
  text-decoration: none !important;
}

.detail-cta__inner {
  display: flex;
  align-items: center;
  justify-content: center;

  width: 100%;
  padding: 18px 22px;

  border: 1px solid #808080;
  border-radius: 16px;
  box-sizing: border-box;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.08) 0%,
      rgba(0, 0, 0, 0.04) 4%,
      rgba(0, 0, 0, 0) 12%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 48%,
      rgba(0, 0, 0, 0.05) 72%,
      rgba(0, 0, 0, 0.12) 100%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 100%
    );

  box-shadow:
    5px 5px 5px rgba(0, 0, 0, 0.3),
    inset 0 3px 5px rgba(255, 255, 255, 0.22),
    inset 0 -4px 6px rgba(0, 0, 0, 0.08);

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

.detail-cta__text,
.detail-cta__text a {
  display: inline-block;
  color: #111 !important;
  text-decoration: none !important;
}

/* 矢印をCSSで表示：WordPress絵文字化対策 */
.detail-cta__text::before {
  content: "\25B6";
  display: inline-block;
  margin-right: 0.35em;
  color: #111;
  font-family: Arial, sans-serif;
  line-height: 1;
}

/* マウスオーバー時：少し左上に動く */
.detail-cta:hover .detail-cta__inner {
  transform: translate(-2px, -2px);

  box-shadow:
    6px 7px 8px rgba(0, 0, 0, 0.32),
    inset 0 3px 5px rgba(255, 255, 255, 0.25),
    inset 0 -4px 6px rgba(0, 0, 0, 0.10);
}

/* クリックした瞬間：少し沈む */
.detail-cta:active .detail-cta__inner {
  transform: translate(1px, 1px);

  box-shadow:
    3px 3px 4px rgba(0, 0, 0, 0.28),
    inset 0 2px 4px rgba(255, 255, 255, 0.18),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12);
}

/* ----------------------------------------------------------------------
 白CTAボタン ページ内設置用
 「この宿を詳しく見る」用
 PC：横幅500px
 スマホ：横幅100%
---------------------------------------------------------------------- */

.detail-cta-wrap {
  margin: 24px auto 0;
  padding: 0;
  line-height: 1;
  overflow: visible;
  text-align: center;
}

/* 通常の白CTA：この宿を詳しく見る */
.detail-cta--inline {
  display: block;
  position: static;
  width: 500px;
  max-width: 100%;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .detail-cta--inline {
    width: 100%;
    margin: 0 auto;
  }
}

/* ----------------------------------------------------------------------
 白CTAボタン 続きを読む専用
 PC・スマホ共通：文字量＋左右50px
---------------------------------------------------------------------- */

.detail-cta--readmore {
  display: inline-block;
  width: auto;
  max-width: calc(100% - 32px);
  margin: 0 auto;
}

/* 続きを読む専用：内側余白 */
.detail-cta--readmore .detail-cta__inner {
  padding: 16px 50px;
}

/* 小さめスマホで文字が窮屈な場合 */
@media screen and (max-width: 374px) {
  .detail-cta--readmore .detail-cta__inner {
    padding: 15px 42px;
  }
}

/* ----------------------------------------------------------------------
 女将の想い 続きを読むエリア
---------------------------------------------------------------------- */

.omokami-readmore {
	display: table;
	margin: 0 auto;
}

.omokami-more-content {
  display: none;
}

.omokami-readmore.is-open .omokami-more-content {
  display: block;
}

.omokami-readmore-btn {
  margin-top: 24px;
  text-align: center;
}

.omokami-readmore p {
	margin-bottom: 1.5rem;
}









/* ----------------------------------------------------------------------
 フキダシ
 SVG画像使用版
---------------------------------------------------------------------- */

.fukidashi01 {
  position: relative;
  display: block;
  width: fit-content;
  min-width: 150px;
  margin: 0 auto 20px;
  padding: 0 12px 32px;

  line-height: 1.4;
  text-align: center;
  overflow: visible;
  font-weight: bold;
  font-size: 120%;

  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition:
    opacity 0.8s ease,
    transform 0.8s ease;
}

.fukidashi01.is-active {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.fukidashi01 > div {
  position: relative;
  z-index: 2;
}

/* SVGの吹き出し線：通常は黒 */
.fukidashi01::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;

  display: block;
  width: 190px;
  height: 36px;

  background-image: url("/wp-content/themes/gensen_tcd050/img/home/fukidashi.svg");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 100%;

  transform: translateX(-50%);
  z-index: 1;
}

/* 白い吹き出し線 */
.fukidashi01--white::after {
  filter: brightness(0) invert(1);
}

/* 白い吹き出しの文字も白にする場合 */
.fukidashi01--white {
  color: #ffffff;
}






/* ----------------------------------------------------------------------
 トップページ 宿紹介画像の比率崩れ対策
---------------------------------------------------------------------- */

.yado01 .col_2 > img,
.yado02 .col_2 > img,
.yado03 .col_2 > img {
  display: block !important;
  width: 60% !important;
  height: auto !important;
  max-width: 100% !important;
  align-self: flex-start !important;
  object-fit: contain !important;
  padding: 3% !important;
  box-sizing: border-box !important;
}

/* 960px以下では1カラムにして、画像も必ず表示する */
@media screen and (max-width: 960px) {
  .yado01 .col_2 > img,
  .yado02 .col_2 > img,
  .yado03 .col_2 > img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    align-self: flex-start !important;
    object-fit: contain !important;
    padding: 3% !important;
    box-sizing: border-box !important;
  }
}






/* ----------------------------------------------------------------------
 フッター コピーライト中央寄せ
---------------------------------------------------------------------- */

#footer_info {
  width: 100%;
  float: none !important;
  text-align: center;
}

#copyright {
  float: none !important;
  display: block;
  width: 100%;
  margin: 20px auto 0;
  padding: 0;
  text-align: center !important;
  line-height: 1.6;
}

#copyright a {
  display: inline;
}







/* ----------------------------------------------------------------------
 宿泊料金カード
 スマホ：縦3つ
 PC：横3つ
---------------------------------------------------------------------- */

.stay-price-list {
  width: 94%;
  max-width: 1200px;
  margin: 20px auto 70px;
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}

/* ----------------------------------------------------------------------
 カード本体
---------------------------------------------------------------------- */

.stay-price-card {
  border: 2px solid var(--card-border);
  background: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}

/* ----------------------------------------------------------------------
 上段：ロゴ＋詳細情報
---------------------------------------------------------------------- */

.stay-price-card__main {
  display: grid;
  grid-template-columns: 32% 68%;
}

.stay-price-card__logo {
  background: var(--logo-bg);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 8px;
  box-sizing: border-box;
  text-align: center;
}

.stay-price-card__logo img {
  display: block;
  width: 100px;
  max-width: 82%;
  height: auto;
}

.stay-price-card__name {
  font-weight: 700;
  line-height: 1.35;
  color: #000000;
}

.stay-price-card__info {
  padding: 8px 10px;
  box-sizing: border-box;
}

.stay-price-card__row {
  display: grid;
  grid-template-columns: 30px 58px 1fr;
  align-items: center;
  column-gap: 2px;
  min-height: 54px;
  border-bottom: 1px solid var(--line-color);
  box-sizing: border-box;
}

.stay-price-card__row:last-child {
  border-bottom: none;
}

.stay-price-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.stay-price-card__icon img {
  display: block;
  width: 23px;
  height: 23px;
  object-fit: contain;
}

.stay-price-card__label {
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
  white-space: nowrap;
}

.stay-price-card__value {
  font-weight: 700;
  color: #000000;
  line-height: 1.3;
}

.stay-price-card__value--red {
  color: var(--accent-color);
  font-size: 140%;
}

/* ----------------------------------------------------------------------
 下段：料金
---------------------------------------------------------------------- */

.stay-price-card__price {
  background: var(--price-bg);
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 6px;
  padding: 10px 8px 10px 12px;
  box-sizing: border-box;
}

.stay-price-card__price-label {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  flex-wrap: nowrap;
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  line-height: 1.1;
  white-space: nowrap;
}

/* スマホ時のみ「基本料金」を2行にする */
.stay-price-card__price-label-text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.1;
  white-space: nowrap;
}

.stay-price-card__price-label-text span {
  display: block;
}

/* ￥アイコン：正円を維持 */
.stay-price-card__yen {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;

  width: 30px;
  height: 30px;
  min-width: 30px;
  min-height: 30px;

  border: 2px solid var(--yen-color);
  border-radius: 50%;
  box-sizing: border-box;

  color: var(--yen-color);
  font-size: 21px;
  font-weight: 700;
  line-height: 1;
}

.stay-price-card__price-main {
  min-width: 0;
  color: var(--accent-color);
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

.stay-price-card__amount {
  font-size: 34px;
}

@media screen and (max-width: 374px) {
.stay-price-card__amount {
  font-size: 30px;
}
}

.stay-price-card__unit {
  font-size: 20px;
}

.stay-price-card__note {
  font-size: 14px;
  color: var(--accent-color);
}

/* ----------------------------------------------------------------------
 色設定
---------------------------------------------------------------------- */

.stay-price-card--irori {
  --card-border: #fedbde;
  --logo-bg: #fef8f8;
  --price-bg: #fdeeef;
  --line-color: #fedbde;
  --accent-color: #ee0304;
  --yen-color: #ee0304;
}

.stay-price-card--cabin {
  --card-border: #fee7d3;
  --logo-bg: #fffaf6;
  --price-bg: #fff3e8;
  --line-color: #fee7d3;
  --accent-color: #ee0304;
  --yen-color: #f28a00;
}

.stay-price-card--kanda {
  --card-border: #e1eeee;
  --logo-bg: #f8fbfb;
  --price-bg: #eef6f6;
  --line-color: #e1eeee;
  --accent-color: #ee0304;
  --yen-color: #00b050;
}

/* ----------------------------------------------------------------------
 PC：横3つ並び
---------------------------------------------------------------------- */

@media screen and (min-width: 769px) {
  .stay-price-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 18px;
    align-items: stretch;
  }

  .stay-price-card {
    display: flex;
    flex-direction: column;
  }

  .stay-price-card__main {
    grid-template-columns: 1fr;
    flex: 1;
  }

  .stay-price-card__logo {
    min-height: 180px;
    padding: 24px 12px;
  }

  .stay-price-card__logo img {
    width: 120px;
  }

  .stay-price-card__name {
  }

  .stay-price-card__info {
    padding: 10px 16px;
  }

  .stay-price-card__row {
    grid-template-columns: 36px 78px 1fr;
    column-gap: 0;
    min-height: 58px;
  }

  .stay-price-card__icon img {
    width: 28px;
    height: 28px;
  }

  .stay-price-card__label {
  }

  .stay-price-card__value {
  }

  .stay-price-card__value--red {
    font-size: 140%;
  }

  .stay-price-card__price {
    grid-template-columns: 1fr;
    gap: 8px;
    padding: 14px 16px;
  }

  .stay-price-card__price-label {
    justify-content: center;
    gap: 8px;
    font-size: 19px;
    line-height: 1.25;
  }

  .stay-price-card__price-label-text {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    line-height: 1.25;
  }

  .stay-price-card__price-label-text span {
    display: inline;
  }

  .stay-price-card__yen {
    width: 38px;
    height: 38px;
    min-width: 38px;
    min-height: 38px;
    font-size: 22px;
  }

  .stay-price-card__price-main {
    text-align: center;
    white-space: normal;
  }

  .stay-price-card__amount {
    font-size: 40px;
  }

  .stay-price-card__unit {
    font-size: 22px;
  }

  .stay-price-card__note {
    font-size: 16px;
  }
}

/* ----------------------------------------------------------------------
 宿泊料金カード内の画像はスクロールふわっと表示の対象外にする
---------------------------------------------------------------------- */

.stay-price-card img,
.stay-price-card img.is-active,
.stay-price-card__logo img,
.stay-price-card__logo img.is-active,
.stay-price-card__icon img,
.stay-price-card__icon img.is-active {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  transition: none !important;
}




.instalogo {
	text-align: center;
	margin: 0 auto;
}

.instalogo img {
	width: 250px;
}

@media only screen and (max-width:767px) {
.instalogo img {
	width: 50%;
}
}




/* 固定ページすべてで main_col の余白を消す */
/*body.page #main_col {
  margin: 0 auto;
  padding: 10% 0;
}

#footer_logo {
	display: none;
}

.subcopy {
	font-size: 24px;
	text-align: center;
}

@media only screen and (max-width:767px) {
.subcopy {
	font-size: 20px;
	text-align: center;
}
}*/






/* ----------------------------------------------------------------------
 フッター余白調整
---------------------------------------------------------------------- */

/* フッター全体 */
#footer_contents {
  text-align: center;
  padding-top: 28px !important; /* 一番上の余白 */
}

/* フッター内のinner */
#footer_contents .inner {
  text-align: center;
}

/* 上部テキスト */
.footertxt {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.45;
  text-align: center !important;
}

/* コピーライトを包むエリア */
#footer_info {
  position: static !important;
  width: 100% !important;
  margin: 14px auto 0 !important; /* TELとコピーライトの間 */
  padding: 0 0 42px !important;   /* コピーライト下の余白 */
  float: none !important;
  text-align: center !important;
  box-sizing: border-box;
}

/* 不要なフッターロゴエリアを消す */
#footer_logo {
  display: none !important;
}

/* コピーライト */
#copyright {
  position: static !important;
  right: auto !important;
  top: auto !important;
  transform: none !important;

  display: block !important;
  width: 100% !important;
  max-width: none !important;

  margin: 0 auto !important;
  padding: 0 !important;

  text-align: center !important;
  line-height: 1.6;
  font-size: 85% !important;
  font-weight: normal !important;
}

/* コピーライト内リンク */
#copyright a {
  display: inline;
  text-align: center;
}

/* ----------------------------------------------------------------------
 スマホ時：固定メニュー分のフッター下余白
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  #footer_info {
    padding-bottom: 110px !important;
  }
}











/* ----------------------------------------------------------------------
 PC右上 空室・料金ボタン
 Languageボタンの左側に表示
---------------------------------------------------------------------- */

:root {
  --header-top-btn-height: 26px;
  --language-btn-width: 90px;
  --reserve-top-btn-width: 180px;
}

/* Languageボタンのサイズを固定 */
#glt-translate-trigger {
  position: fixed !important;
  top: 0 !important;
  right: 0 !important;

  width: var(--language-btn-width) !important;
  height: var(--header-top-btn-height) !important;
  min-width: var(--language-btn-width) !important;
  max-width: var(--language-btn-width) !important;

  padding: 0 !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-sizing: border-box !important;
  line-height: 1 !important;
  z-index: 999999 !important;
}

/* Languageの中の文字 */
#glt-translate-trigger > span,
#glt-translate-trigger .translate {
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 1 !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

/* 空室・料金ボタン */
/* 空室・料金ボタン */
.header-reserve-btn {
  position: fixed;
  top: 0;
  right: calc(var(--language-btn-width) + 20px);

  display: flex;
  align-items: center;
  justify-content: center;

  width: var(--reserve-top-btn-width);
  height: var(--header-top-btn-height);

  padding: 0;
  margin: 0;

  background: #fdd000;
  color: #111 !important;

  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  text-decoration: none !important;
  white-space: nowrap;

  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.18);

  z-index: 999998;
  box-sizing: border-box;
}
.header-reserve-btn:hover,
.header-reserve-btn:focus,
.header-reserve-btn:active {
  color: #111 !important;
  text-decoration: none !important;
  background: #fdd000;
  opacity: 0.9;
}

/* スマホでは非表示 */
@media screen and (max-width: 768px) {
  .header-reserve-btn {
    display: none !important;
  }
}


.kodomo {
	text-align: right;
}

@media screen and (max-width: 768px) {
.kodomo {
	text-align: center;
}
}










/* ----------------------------------------------------------------------
 PC時：右上ボタン分のヘッダー上余白
 トップページ・固定ページ共通
---------------------------------------------------------------------- */

@media screen and (min-width: 769px) {

  /* ページ全体の背景を黒にして、ヘッダー上の余白を黒く見せる */
  body {
    background-color: #000000;
  }

  /* メイン本文側は白背景を維持 */
  #main_contents {
    background-color: #ffffff;
  }

  /* ヘッダー全体 */
  #header {
    margin-top: 15px !important;
    background-color: #000000 !important;
  }

  /* ヘッダーの黒背景を確実にする */
  #header_top {
    background-color: #000000 !important;
    border-bottom: none !important;
  }

  /* padding-bottomは#headerではなく、header_top側に入れる */
  #header_top .inner {
    padding-bottom: 10px;
    box-sizing: border-box;
  }

  /* トップページ：absoluteヘッダーでも上の隙間を黒くする */
  .has_header_content #header {
    margin-top: 0 !important;
    top: 15px !important;
    background-color: #000000 !important;
  }

  .has_header_content #header_top {
    background-color: #000000 !important;
    border-bottom: none !important;
  }

  /* トップページでヘッダー裏の画像が見えるのを防ぐ黒帯 */
  .has_header_content #header::before {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background-color: #000000;
    z-index: -1;
  }

  /* 固定ヘッダー時 */
  .fix_top.header_fix #header_top {
    top: 15px !important;
    background-color: #000000 !important;
    border-bottom: none !important;
  }

  /* WordPress管理バー表示時 */
  .admin-bar.fix_top.header_fix #header_top {
    top: 47px !important;
  }
}








/* ----------------------------------------------------------------------
 島での過ごし方
 画像：アイコン・波線
 文字：テキスト
---------------------------------------------------------------------- */

.activity-menu {
  width: 94%;
  max-width: 520px;
  margin: 80px auto 30px;
  display: grid;
  gap: 10px;
}

/* アイコン＋文字ブロック全体を中央寄せ */
.activity-menu__item {
  display: grid;
  grid-template-columns: 80px minmax(0, auto);
  align-items: center;
  column-gap: 22px;

  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
}

.activity-menu__icon {
  width: 80px;
  height: 80px;
  flex: 0 0 auto;
}

.activity-menu__icon img {
  display: block;
  width: 100%;
  height: auto;
}

/*
  文字＋波線エリア
  日本語では文字幅ベース
  英語など長文時は最大幅内で折り返し
*/
.activity-menu__body {
  position: relative;
  min-width: 0;
  width: fit-content;
  max-width: 390px;

  display: block;
  padding-bottom: 18px;
}

/* 文字 */
.activity-menu__text {
  display: block;

  font-family:
    "Times New Roman",
    "游明朝",
    "Yu Mincho",
    "游明朝体",
    YuMincho,
    "Hiragino Mincho ProN",
    "Hiragino Mincho Pro",
    "HGS明朝E",
    "ＭＳ Ｐ明朝",
    "MS PMincho",
    serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: 0.14em;

  white-space: normal;
  overflow-wrap: anywhere;
  word-break: normal;
}

/*
  波線
  文字に対して少し長めに見える幅
*/
.activity-menu__wave {
  position: absolute;
  left: 0;
  bottom: 0;

  width: 10.2em;
  max-width: 100%;
  margin: 0;
}

.activity-menu__wave img {
  display: block;
  width: 100%;
  height: auto;
}

/* 色 */
.activity-menu__item--sea .activity-menu__text {
  color: #0b2b4e;
}

.activity-menu__item--island .activity-menu__text {
  color: #113f2f;
}

.activity-menu__item--food .activity-menu__text {
  color: #3b2415;
}

/* 説明文 */
.activity-txt {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto 50px !important;
  text-align: center;
  line-height: 2;
}


/* ----------------------------------------------------------------------
 スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .activity-menu {
    width: 94%;
    max-width: 420px;
    gap: 10px;
    margin: 13% auto 5%;
  }

  /*
    スマホでもタイトルブロック全体を中身幅で中央寄せ
    width:100%にしないのが重要
  */
  .activity-menu__item {
    grid-template-columns: 60px minmax(0, auto);
    column-gap: 18px;

    width: fit-content;
    max-width: 100%;
    margin: 0 auto;
  }

  .activity-menu__icon {
    width: 60px;
    height: 60px;
  }

  .activity-menu__body {
    width: fit-content;
    max-width: 300px;
    padding-bottom: 14px;
  }

  .activity-menu__text {
    font-size: 20px;
    letter-spacing: 0.12em;

    white-space: normal;
    overflow-wrap: anywhere;
    word-break: normal;
  }

  .activity-menu__wave {
    position: absolute;
    left: 0;
    bottom: 0;

    width: 10.2em;
    max-width: 100%;
    margin: 0;
  }

  .activity-txt {
    width: fit-content;
    max-width: 100%;
    margin: 0 auto 50px !important;
    text-align: center;
    line-height: 2;
  }
}


/* ----------------------------------------------------------------------
 小さめスマホ
---------------------------------------------------------------------- */

/*@media screen and (max-width: 374px) {
  .activity-menu {
    width: 96%;
    gap: 24px;
  }

  .activity-menu__item {
    grid-template-columns: 54px auto;
    column-gap: 14px;
  }

  .activity-menu__icon {
    width: 54px;
    height: 54px;
  }

  .activity-menu__body {
    max-width: 260px;
  }

  .activity-menu__text {
    font-size: 19px;
    letter-spacing: 0.08em;
  }

  .activity-menu__wave {
    width: 100%;
    margin-top: 6px;
  }
}*/










/* ----------------------------------------------------------------------
 QAボックス
 PC：800px
 スマホ：横幅100%
---------------------------------------------------------------------- */

.qa-readmore {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  box-sizing: border-box;
}

.qa-box {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 24px;
  padding: 32px 40px;
  background: #f6f8fa;
  box-sizing: border-box;
}

.qa-row {
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  /*column-gap: 28px;*/
  align-items: start;
}

.qa-row + .qa-row {
  margin-top: 24px;
}

.qa-icon {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  box-sizing: border-box;

  display: flex;
  align-items: center;
  justify-content: center;
}

.qa-icon--q {
  background: #cc4953;
  color: #ffffff;
  font-size: 125%;
}

/* Qの質問文だけ強調 */
.qa-row--q .qa-content {
  font-weight: 700;
}

.qa-row--q .qa-content p {
  font-size: 125% !important;
}

.qa-row--q .qa-content strong {
  font-weight: 700;
  font-size: inherit !important;
}

.qa-icon--a {
  background: transparent;
  border: 1px solid #cc4953;
  color: #cc4953;
  font-size: 125%;
  background: #FFF;
}

.qa-content {
  min-width: 0;
}

.qa-content p {
  margin: 0;
}

.qa-content strong {
  font-weight: 700;
}

/* 続きを読む部分は既存の仕組みをそのまま使用 */
.qa-readmore .omokami-more-content {
  display: none;
}

.qa-readmore.is-open .omokami-more-content {
  display: block;
}

.qa-readmore .omokami-readmore-btn {
  margin-top: 32px;
  text-align: center;
}

/* Q行はアイコンとテキストを上下中央に揃える */
.qa-row--q {
  align-items: center;
}


/* ----------------------------------------------------------------------
 スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .qa-readmore {
    width: 100%;
    max-width: 100%;
  }

  .qa-box {
    width: 100%;
    max-width: 100%;
    padding: 28px 24px;
  }

  .qa-row {
    grid-template-columns: 52px minmax(0, 1fr);
    column-gap: 20px;
  }

  .qa-icon {
    width: 48px;
    height: 48px;
  }
}

/* ----------------------------------------------------------------------
 左ライン付き見出し
---------------------------------------------------------------------- */

.section-title-line {
  border-left: 6px solid #cc4953;
  padding-left: 14px;
  font-size: 125%;
  font-weight: 700;
  line-height: 1.4;
  box-sizing: border-box;
  margin: 3rem 0 1rem;
}









/* ----------------------------------------------------------------------
 アクセス
---------------------------------------------------------------------- */

.accesscopy {
	display: table;
	margin: 0 auto;
	text-align: center;
}

.accessbox {
	width: 800px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
.accessbox {
	width: 100%;
}
}

.accessbox .logo {
	width: 250px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
.accessbox .logo {
	width: 50%;
}
}

.accessbox hr {
	border: 1px dashed #b2b2b2;
	margin: 40px auto;
}

@media screen and (max-width: 768px) {
.accessbox hr {
	margin: 25px auto 0;
}
}

.howtoaccess {
  width: auto;
  display: table;
  margin: 0 auto 24px;
  padding: 20px 100px;
  background: #f6f8fa;
}

@media screen and (max-width: 768px) {
.howtoaccess {
  width: 100%;
  padding: 3% 12%;
}
}

.post_content .howtoaccess {
	margin: 0 auto;
}




/* ----------------------------------------------------------------------
 宿ロゴ 横並び
 ロゴ画像の高さが違っても、下の文字ラインを揃える
---------------------------------------------------------------------- */

.stay-logo-list {
  width: 100%;
  max-width: 760px;
  margin: 40px auto 20px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 80px;
  text-align: center;
  box-sizing: border-box;
}

.stay-logo-item {
  width: 300px;
  max-width: 100%;
  text-align: center;
  box-sizing: border-box;
}

/* 画像を入れる箱の高さを固定して、画像を下揃え */
.stay-logo-item__image {
  width: 180px;
  height: 95px;
  margin: 0 auto 12px;

  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.stay-logo-item__image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.stay-logo-item__name {
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}

/* ----------------------------------------------------------------------
 スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .stay-logo-list {
    width: 94%;
    max-width: 420px;
    gap: 28px;
  }

  .stay-logo-item {
    width: calc((100% - 28px) / 2);
  }

  .stay-logo-item__image {
    width: 120px;
    height: 70px;
    max-width: 100%;
    margin: 0 auto 10px;
  }

  .stay-logo-item__name {
    white-space: normal;
  }
}








/* ----------------------------------------------------------------------
 お問い合わせ
---------------------------------------------------------------------- */

.t-orange {
	color: #f08300 !important;
	margin-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
.t-orange {
	margin-bottom: 0 !important;
}
}

/* ----------------------------------------------------------------------
 MW WP Form ボタン
 「戻って修正する」「送信する」を白CTAデザインに統一
---------------------------------------------------------------------- */

.form-btns {
  text-align: center;
  margin-top: 32px;
}

.form-btns input[type="submit"].btn--submit,
.form-btns input[type="submit"][name="submitConfirm"],
.form-btns input[type="submit"][name="submit"],
.form-btns input[type="submit"][name="submitBack"],
.form-btns input[type="button"][name="submitBack"],
.form-btns .btn--submit,
.form-btns .btn--back {
  display: inline-block !important;
  box-sizing: border-box !important;

  width: auto !important;
  min-width: 200px !important;
  max-width: 100% !important;

  padding: 14px 50px !important;
  margin: 0 8px 16px !important;

  border: 1px solid #808080 !important;
  border-radius: 14px !important;

  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.08) 0%,
      rgba(0, 0, 0, 0.04) 8%,
      rgba(0, 0, 0, 0) 28%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 62%,
      rgba(0, 0, 0, 0.10) 100%
    ),
    linear-gradient(
      180deg,
      #ffffff 0%,
      #ffffff 56%,
      #f3f3f3 100%
    ) !important;

  color: #111111 !important;
  text-align: center !important;
  text-decoration: none !important;

  cursor: pointer !important;

  box-shadow:
    5px 5px 5px rgba(0, 0, 0, 0.30),
    inset 0 3px 5px rgba(255, 255, 255, 0.70),
    inset 0 -4px 6px rgba(0, 0, 0, 0.08) !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    filter 0.22s ease !important;
}

.form-btns input[type="submit"].btn--submit:hover,
.form-btns input[type="submit"][name="submitConfirm"]:hover,
.form-btns input[type="submit"][name="submit"]:hover,
.form-btns input[type="submit"][name="submitBack"]:hover,
.form-btns input[type="button"][name="submitBack"]:hover,
.form-btns .btn--submit:hover,
.form-btns .btn--back:hover {
  color: #111111 !important;
  transform: translateY(-2px);

  box-shadow:
    6px 7px 8px rgba(0, 0, 0, 0.32),
    inset 0 3px 5px rgba(255, 255, 255, 0.75),
    inset 0 -4px 6px rgba(0, 0, 0, 0.10) !important;

  filter: brightness(1.03);
}

.form-btns input[type="submit"].btn--submit:active,
.form-btns input[type="submit"][name="submitConfirm"]:active,
.form-btns input[type="submit"][name="submit"]:active,
.form-btns input[type="submit"][name="submitBack"]:active,
.form-btns input[type="button"][name="submitBack"]:active,
.form-btns .btn--submit:active,
.form-btns .btn--back:active {
  transform: translateY(1px);

  box-shadow:
    3px 3px 4px rgba(0, 0, 0, 0.28),
    inset 0 2px 4px rgba(255, 255, 255, 0.65),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12) !important;

  filter: brightness(0.98);
}

/* ----------------------------------------------------------------------
 スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .form-btns input[type="submit"].btn--submit,
  .form-btns input[type="submit"][name="submitConfirm"],
  .form-btns input[type="submit"][name="submit"],
  .form-btns input[type="submit"][name="submitBack"],
  .form-btns input[type="button"][name="submitBack"],
  .form-btns .btn--submit,
  .form-btns .btn--back {
    width: auto !important;
    min-width: 200px !important;
    max-width: 90% !important;
    padding: 14px 46px !important;
    margin: 0 6px 16px !important;
  }
}














/* ----------------------------------------------------------------------
 予約ページ
---------------------------------------------------------------------- */

.otoku {
  font-size: 25px !important;
  text-align: center;
}

.otoku strong {
  font-size: inherit !important;
}

@media screen and (max-width: 768px) {
.otoku {
  font-size: 18px !important;
  text-align: center;
}
}



/* ----------------------------------------------------------------------
 宿泊施設リンクボタン
 PC：横3つ
 スマホ：上2つ＋下1つ中央
 黄色CTAと同じグラデーション・ドロップシャドウ
---------------------------------------------------------------------- */

.stay-link-btn-list {
  width: 100%;
  max-width: 1000px;
  margin: 40px auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
  box-sizing: border-box;
}

.stay-link-btn {
  display: flex;
  align-items: center;
  justify-content: center;

  padding: 18px 24px;
  box-sizing: border-box;

  border-radius: 16px;
  border: none;
  outline: none;

  color: #ffffff !important;
  text-align: center;
  text-decoration: none !important;
  font-weight: 700;

  position: relative;
  overflow: visible;

  /*
    黄色CTAと同じ考え方：
    上に短めの黒グラデ
    下に長めの黒グラデ
    その下にベース色
  */
  background:
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0.10) 0%,
      rgba(0, 0, 0, 0.06) 5%,
      rgba(0, 0, 0, 0) 22%
    ),
    linear-gradient(
      180deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0) 70%,
      rgba(0, 0, 0, 0.12) 100%,
      rgba(0, 0, 0, 0.20) 100%
    ),
    linear-gradient(
      180deg,
      var(--stay-link-color) 0%,
      var(--stay-link-color) 58%,
      var(--stay-link-color) 100%
    );

  /*
    黄色CTAと同じ影
  */
  box-shadow:
    5px 5px 5px rgba(0, 0, 0, 0.3),
    inset 0 3px 5px rgba(255, 255, 255, 0.22),
    inset 0 -4px 6px rgba(0, 0, 0, 0.08);

  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease;
}

.stay-link-btn:hover,
.stay-link-btn:focus,
.stay-link-btn:active {
  color: #ffffff !important;
  text-decoration: none !important;
}

/* マウスオーバー時：黄色CTAと同じ動き */
.stay-link-btn:hover {
  transform: translate(-2px, -2px);

  box-shadow:
    6px 7px 8px rgba(0, 0, 0, 0.32),
    inset 0 3px 5px rgba(255, 255, 255, 0.25),
    inset 0 -4px 6px rgba(0, 0, 0, 0.10);
}

/* クリックした瞬間：黄色CTAと同じ沈み方 */
.stay-link-btn:active {
  transform: translate(1px, 1px);

  box-shadow:
    3px 3px 4px rgba(0, 0, 0, 0.28),
    inset 0 2px 4px rgba(255, 255, 255, 0.18),
    inset 0 -2px 4px rgba(0, 0, 0, 0.12);
}

/* 各ボタン色 */
.stay-link-btn--irori {
  --stay-link-color: #d4271f;
}

.stay-link-btn--cabin {
  --stay-link-color: #ff7f2c;
}

.stay-link-btn--kanda {
  --stay-link-color: #00a755;
}


/* ----------------------------------------------------------------------
 スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .stay-link-btn-list {
    width: 70%;
	margin: 20px auto 40px;
    max-width: 420px;
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .stay-link-btn {
    width: 100%;
    padding: 16px 12px;
    border-radius: 16px;
  }

  .stay-link-btn--kanda {
    grid-column: auto;
    width: 100%;
    margin: 0;
  }
}



.iroribox {
	border: 5px solid #d4271f;
}

.cabinbox {
	border: 5px solid #ff7f2c;
}

.kandabox {
	border: 5px solid #00a755;
}

.iroribox,
.cabinbox,
.kandabox {
	padding: 50px 30px 20px;
	margin-bottom: 40px !important;
	width: 1000px;
	margin: 0 auto;
}

.kandabox {
	margin-bottom: 15px !important;
}


@media screen and (max-width: 768px) {
.iroribox,
.cabinbox,
.kandabox {
	padding: 50px 0 20px;
	width: 100%;
}
}


.iroribox img,
.cabinbox img,
.kandabox img {
	height: 150px;
}

@media screen and (max-width: 768px) {
.iroribox img,
.cabinbox img,
.kandabox img {
	height: 100px;
}
}






.beds24-iframe {
  display: block;
  width: 100%;
}


/* スマホ・タブレット時だけiframeの高さを変更 */
@media screen and (max-width: 768px) {
  .beds24-iframe {
    /*height: 900px;*/
    height: 1500px;
  }
}


/* かなり狭いスマホ用 */
@media screen and (max-width: 480px) {
  .beds24-iframe {
    /*height: 1050px;*/
    height: 1500px;
  }
}







/* ----------------------------------------------------------------------
 予約サイト別リンクボックス
 PC：上3つ＋下2つ中央
 スマホ：横2列・縦3行
---------------------------------------------------------------------- */

.booking-site-list {
  width: 100%;
  max-width: 1000px;
  margin: 20px auto 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 28px;
  box-sizing: border-box;
  align-items: stretch;
}

.booking-site-box {
  display: flex;
  flex-direction: column;
  border: 2px solid var(--booking-site-color);
  box-sizing: border-box;
  background: #ffffff;
}

/* PC配置：上3つ */
.booking-site-box--booking {
  --booking-site-color: #003b95;
  grid-column: 1 / 3;
}

.booking-site-box--airbnb {
  --booking-site-color: #ff5a5f;
  grid-column: 3 / 5;
}

.booking-site-box--jalan {
  --booking-site-color: #ff6600;
  grid-column: 5 / 7;
}

/* PC配置：下2つを中央寄せ */
.booking-site-box--rakuten {
  --booking-site-color: #00b900;
  grid-column: 2 / 4;
}

.booking-site-box--yahoo {
  --booking-site-color: #ff0033;
  grid-column: 4 / 6;
}

.booking-site-box__head {
  background: var(--booking-site-color);
  color: #ffffff;
  padding: 10px 18px;
  box-sizing: border-box;
  font-weight: 700;
  text-align: center;
}

.booking-site-box__body {
  flex: 1;
  padding: 18px 22px;
  box-sizing: border-box;
}

.booking-site-box__body a {
  display: block;
  color: var(--booking-site-color) !important;
  text-decoration: none !important;
  line-height: 1.7;
  margin: 0 0 6px;
}

.booking-site-box__body a:last-child {
  margin-bottom: 0;
}

.booking-site-box__body a::before {
  content: "▶";
  display: inline-block;
  margin-right: 0.25em;
  color: var(--booking-site-color);
  font-family: Arial, sans-serif;
  line-height: 1;
}

.booking-site-box__body a:hover {
  text-decoration: underline !important;
}


/* ----------------------------------------------------------------------
 スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .booking-site-list {
    width: 100%;
    max-width: 640px;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px 18px;
  }

  .booking-site-box--booking,
  .booking-site-box--airbnb,
  .booking-site-box--jalan,
  .booking-site-box--rakuten,
  .booking-site-box--yahoo {
    grid-column: auto;
  }

  .booking-site-box {
    min-height: 0;
  }

  .booking-site-box__head {
    padding: 10px 8px;
  }

  .booking-site-box__body {
    flex: none;
    padding: 14px 12px;
  }
}





.booking-site-box__body {
  color: #cccccc;
}

.booking-site-box__body a {
  color: var(--booking-site-color) !important;
}












/* ----------------------------------------------------------------------
 料金案内ボックス
---------------------------------------------------------------------- */

.price-info-box {
  width: 100%;
  max-width: 1200px;
  margin: 10px auto 40px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  background: #ffffff;
}


/* ----------------------------------------------------------------------
 基本料金・金額共通
---------------------------------------------------------------------- */

.price-info-main {
  box-sizing: border-box;
}

.price-info-base {
  padding: 28px 20px;
  box-sizing: border-box;
  text-align: center;
  background: #ffffff;
}

.price-info-label {
  margin: 0 0 14px;
  font-weight: 700;
  font-size: 120%;
}

.price-info-amount {
  margin: 0;
  color: #ee0304;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.1;
  white-space: nowrap;
}

.price-info-amount--large {
  font-size: 44px;
  margin-bottom: 0 !important;
  padding-bottom: 15px;
}

.price-info-amount--underline {
  display: inline-block;
  font-size: 44px;
  border-bottom: 8px solid #fff000;
  line-height: 0.9;
}

.price-info-amount--box {
  font-size: 44px;
  line-height: 1.1;
}

.price-info-note {
  margin: 0;
  font-weight: 700;
  line-height: 1.6;
}


/* ----------------------------------------------------------------------
 料金の「円」だけ小さくする
---------------------------------------------------------------------- */

.price-info-yen,
.price-info-amount .price-info-yen,
.price-info-add__price .price-info-yen,
.price-info-solo__text .price-info-yen {
  font-size: 55% !important;
  font-weight: 700;
  vertical-align: baseline;
  margin-left: 0.05em;
}


/* ----------------------------------------------------------------------
 追加料金
---------------------------------------------------------------------- */

.price-info-add {
  padding: 28px 22px;
  box-sizing: border-box;
  background: #fdf8ee;
}

.price-info-add__head {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
}

.price-info-add__icon {
  width: 58px;
  flex-shrink: 0;
}

.price-info-add__icon img {
  display: block;
  width: 100%;
  height: auto;
}

.price-info-add__text {
  font-weight: 700;
  line-height: 1.6;
  text-align: left;
}

.price-info-add__arrow {
  display: none;
}

.price-info-add__price {
  border: 1px solid #ee0304;
  padding: 16px 14px;
  box-sizing: border-box;
  text-align: center;
}


/* ----------------------------------------------------------------------
 1名利用
---------------------------------------------------------------------- */

.price-info-solo {
  box-sizing: border-box;
}

.price-info-solo__icon img {
  display: block;
  width: 100%;
  height: auto;
}

.price-info-solo__text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1.7;
  font-size: 110%;
}

.price-info-solo__text span {
  color: #ee0304;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  font-size: inherit !important;
  line-height: inherit;
}


/* ----------------------------------------------------------------------
 PC：横並び
 左の大枠の中に「基本料金」と「追加料金」
 右に「1名利用」
 ※ 横幅は内容物に合わせて縮める
---------------------------------------------------------------------- */

@media screen and (min-width: 769px) {
  .price-info-box {
    display: grid;
    grid-template-columns: auto auto;
    align-items: stretch;
    width: fit-content;
    max-width: 100%;
    margin: 10px auto 40px;
  }

  .price-info-main {
    display: grid;
    grid-template-columns: auto auto;
    align-items: stretch;
    border-right: 1px solid #cccccc;
  }

  .price-info-base,
  .price-info-add {
    min-height: 245px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .price-info-base {
    padding: 28px 24px;
  }

  .price-info-add {
    gap: 22px;
    padding: 28px 24px;
    text-align: center;
  }

  .price-info-add__head {

    justify-content: center;
    align-items: center;
    gap: 18px;
  }

  .price-info-add__icon {
    width: 58px;
  }

  .price-info-add__text {
    text-align: left;
  }

  .price-info-add__price {
    padding: 16px 14px;
  }

  .price-info-solo {
    display: grid;
    grid-template-columns: 70px auto;
    align-items: center;
    gap: 24px;
    padding: 28px 28px;
    width: fit-content;
  }
}


/* ----------------------------------------------------------------------
 スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .price-info-box {
    width: 100%;
    max-width: 650px;
  }

  .price-info-main {
    display: grid;
    grid-template-columns: 1fr 1fr;
    border-bottom: 1px solid #cccccc;
  }

  .price-info-base,
  .price-info-add {
    padding: 26px 16px;
  }

  .price-info-add {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    text-align: center;
  }

  .price-info-add__head {
    gap: 12px;
  }

  .price-info-add__icon {
    width: 44px;
  }

  .price-info-add__text {
    line-height: 1.5;
  }

  .price-info-add__price {
    padding: 14px 10px;
  }

  .price-info-amount--large,
  .price-info-amount--underline,
  .price-info-amount--box {
    font-size: 42px;
  }

  .price-info-solo {
    display: grid;
    grid-template-columns: 76px minmax(0, 1fr);
    align-items: center;
    gap: 22px;
    padding: 26px 32px;
  }
}


/* ----------------------------------------------------------------------
 小さめスマホ
---------------------------------------------------------------------- */

@media screen and (max-width: 480px) {
  .price-info-base,
  .price-info-add {
    padding: 22px 12px;
  }

  .price-info-label {
    font-size: 115%;
  }

  .price-info-amount--large,
  .price-info-amount--underline {
    font-size: 36px;
  }

  .price-info-amount--box {
    font-size: 34px;
  }

  .price-info-note,
  .price-info-add__text {
    font-size: 14px;
  }

  .price-info-add {
    gap: 16px;
  }

  .price-info-add__head {
    gap: 10px;
  }

  .price-info-add__icon {
    width: 38px;
  }

  .price-info-add__price {
    padding: 12px 6px;
  }

  .price-info-solo {
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 18px;
    padding: 24px 20px;
  }

  .price-info-solo__text {
    font-size: 100%;
  }
}


/* ----------------------------------------------------------------------
 1名様料金ボックス
 PC：横500px・1行
 スマホ：横100%
---------------------------------------------------------------------- */

.single-price-box {
  width: 500px;
  max-width: 100%;
  margin: 10px auto 40px;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  background: #ffffff;
}

.single-price-box__main {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  align-items: center;
  border-bottom: 1px solid #cccccc;
  box-sizing: border-box;
}

.single-price-box__label {
  padding: 22px 28px;
  box-sizing: border-box;
  border-right: 1px solid #cccccc;
  font-weight: 700;
  line-height: 1.4;
}

.single-price-box__price {
  padding: 18px 28px;
  box-sizing: border-box;
}

.single-price-box__amount {
  font-size: 44px;
  line-height: 1.1;
}

.single-price-box__note {
  padding: 16px 28px;
  box-sizing: border-box;
  line-height: 1.6;
}


/* ----------------------------------------------------------------------
 1名様料金ボックス：スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .single-price-box {
    width: 100%;
    max-width: 100%;
  }

  .single-price-box__main {
    grid-template-columns: 1fr 1.6fr;
  }

  .single-price-box__label {
    padding: 20px 22px;
  }

  .single-price-box__price {
    padding: 18px 22px;
  }

  .single-price-box__amount {
    font-size: 42px;
  }

  .single-price-box__note {
    padding: 16px 22px;
  }
}


/* ----------------------------------------------------------------------
 1名様料金ボックス：小さめスマホ
---------------------------------------------------------------------- */

@media screen and (max-width: 480px) {
  .single-price-box__label {
    padding: 18px 16px;
  }

  .single-price-box__price {
    padding: 16px 16px;
  }

  .single-price-box__amount {
    font-size: 36px;
  }

  .single-price-box__note {
    padding: 14px 16px;
  }
}


.priceboxsoto {
	display: table;
	margin: 0 auto;
}













/* ----------------------------------------------------------------------
 シンプル写真グリッド
 PC：3列
 スマホ：2列
 クリック拡大なし
---------------------------------------------------------------------- */

.simple-photo-grid {
  width: 100%;
  max-width: 1200px;
  margin: 20px auto 80px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  box-sizing: border-box;
}

.simple-photo-grid__item {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow: hidden;
}

.simple-photo-grid__item img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
}


/* ----------------------------------------------------------------------
 スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .simple-photo-grid {
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}









/* ----------------------------------------------------------------------
 バーベキューセット表
 PC：内容幅で左右中央
 スマホ：横幅100%
---------------------------------------------------------------------- */

.barbecuetb {
  display: table !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 20px auto 15px !important;
  border-collapse: collapse;
  border: 1px solid #cccccc;
  box-sizing: border-box;
  table-layout: auto !important;
}

.barbecuetb th,
.barbecuetb td {
  border: 1px solid #cccccc;
  box-sizing: border-box;
  vertical-align: middle;
  text-align: left;
  font-weight: normal;
  line-height: 1.6;
  padding: 15px 25px;
}

.barbecuetb th {
  width: auto;
  background: #f0ece6;
  white-space: nowrap;
}

.barbecuetb td {
  width: auto;
  background: #ffffff;
}

.barbecuetb__unit {
  display: inline-block;
  margin-right: 10px;
}

.barbecuetb__price {
  color: #cc4953;
  font-weight: 700;
  font-size: 145%;
  line-height: 1;
}

.barbecuetb__yen {
  display: inline-block;
  margin-left: 2px;
}


/* ----------------------------------------------------------------------
 スマホ調整
---------------------------------------------------------------------- */

@media screen and (max-width: 768px) {
  .barbecuetb {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    table-layout: auto !important;
  }

  .barbecuetb th {
    white-space: normal;
  }

  .barbecuetb td {
  }

  .barbecuetb th,
  .barbecuetb td {
    line-height: 1.55;
	padding: 3%;
  }

  .barbecuetb__price {
    font-size: 140%;
  }
}



.w1000 {
	width: 1000px;
	margin: 0 auto;
}

.w800 {
	width: 800px;
	margin: 0 auto;
}

.w500 {
	width: 500px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
.w1000,
.w800,
.w500 {
	width: 100%;
}
}


.bbqtxt {
	line-height: 2;
}


.anchor-target {
  scroll-margin-top: 30px !important;
}









@media screen and (max-width:768px) {
	.pagelogo img {
		max-height: 140px;
		max-width: 80%;
	}
}


















/* ----------------------------------------------------------------------
 テキスト
---------------------------------------------------------------------- */

.t-big {
	font-size: 24px;
	line-height: 1.5;
}

@media screen and (max-width: 768px) {
.t-big {
	font-size: 18px;
}
}

.t-red {
	color: #cc4953;
	font-weight: bold;
}

.t120 {
	font-size: 120% !important;
}





/* spacer */

.marb02 {
	margin-bottom: 2% !important;
}

.marb03 {
	margin-bottom: 3% !important;
}

.marb05 {
	margin-bottom: 5% !important;
}

.marb08 {
	margin-bottom: 8% !important;
}

.marb10 {
	margin-bottom: 10% !important;
}

.mar02 {
	margin: 2% auto !important;
}

.mar03 {
	margin: 3% auto !important;
}

.mar05 {
	margin: 5% auto !important;
}


.marb10px {
	margin-bottom: 10px !important;
}

.marb10px {
	margin-bottom: 10px !important;
}

.marb20px {
	margin-bottom: 20px !important;
}

.marb30px {
	margin-bottom: 30px !important;
}

.marb40px {
	margin-bottom: 40px !important;
}

.marb50px {
	margin-bottom: 50px !important;
}

.marb60px {
	margin-bottom: 60px !important;
}

.marb70px {
	margin-bottom: 70px !important;
}

.marb80px {
	margin-bottom: 80px !important;
}

.marb90px {
	margin-bottom: 90px !important;
}

.mar10px {
	margin: 10px auto !important;
}

.mar20px {
	margin: 20px auto !important;
}

.mar30px {
	margin: 30px auto !important;
}

.mar40px {
	margin: 40px auto !important;
}

.mar50px {
	margin: 50px auto !important;
}

.mar5020px {
	margin: 50px auto 10px !important;
}

/* img */

.mw10 {
	max-width: 10% !important;
	margin-left:45%;
	margin-right:45%;
}
.mw20 {
	max-width: 20% !important;
	margin-left:40%;
	margin-right:40%;
}
.mw30 {
	max-width: 30% !important;
	margin-left:35%;
	margin-right:35%;
}
.mw40 {
	max-width: 40% !important;
	margin-left:30%;
	margin-right:30%;
}
.mw50 {
	max-width: 50% !important;
	margin-left:25%;
	margin-right:25%;
}
.mw60 {
	max-width: 60% !important;
	margin-left:20%;
	margin-right:20%;
}
.mw70 {
	max-width: 70% !important;
	margin-left:15%;
	margin-right:15%;
}
.mw80 {
	max-width: 80% !important;
	margin-left:10%;
	margin-right:10%;
}
.mw90 {
	max-width: 90% !important;
	margin-left:5%;
	margin-right:5%;
}
.mwl10 {
	max-width: 10% !important;
	margin: auto 90% auto 0;
}
.mwl20 {
	max-width: 20% !important;
	margin: auto 80% auto 0;
}
.mwl30 {
	max-width: 30% !important;
	margin: auto 70% auto 0;
}
.mwl40 {
	max-width: 40% !important;
	margin: auto 60% auto 0;
}
.mwl50 {
	max-width: 50% !important;
	margin: auto 50% auto 0;
}
.mwl60 {
	max-width: 60% !important;
	margin: auto 40% auto 0;
}
.mwl70 {
	max-width: 70% !important;
	margin: auto 30% auto 0;
}
.mwl80 {
	max-width: 80% !important;
	margin: auto 20% auto 0;
}
.mwl90 {
	max-width: 90% !important;
	margin: auto 10% auto 0;
}


@media screen and (max-width:768px) {
.marb10px {
	margin-bottom: 2% !important;
}

.marb20px {
	margin-bottom: 4% !important;
}

.marb30px {
	margin-bottom: 6% !important;
}

.marb40px {
	margin-bottom: 8% !important;
}

.marb50px {
	margin-bottom: 10% !important;
}

.marb60px {
	margin-bottom: 12% !important;
}

.marb70px {
	margin-bottom: 14% !important;
}

.marb80px {
	margin-bottom: 16% !important;
}

.marb90px {
	margin-bottom: 18% !important;
}


.mar10px {
	margin: 2% auto !important;
}

.mar20px {
	margin: 4% auto !important;
}

.mar30px {
	margin: 6% auto !important;
}

.mar40px {
	margin: 8% auto !important;
}

.mar50px {
	margin: 10% auto !important;
}

}


body,
input,
textarea,
select {
  font-family:
    "Segoe UI",
    Verdana,
    "游ゴシック",
    "Yu Gothic",
    YuGothic,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "Noto Sans JP",
    Meiryo,
    sans-serif !important;

  font-feature-settings: "palt";
}