/*
Theme Name: CL Customize Theme
Author: CYBERLINKS CO.,LTD.
Author URI: https://www.cyber-l.co.jp/
Description: Customized theme based on block editor.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: cl-master

All files except common.css and frontpage.css are released under GNU General Public License version 2.0 
(http://www.gnu.org/licenses/gpl-2.0.html)
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
▼ 基本スタイル
----------------------------------------------------------------
# Normalize + Elements
# Typography
# Forms
# Links
# Accessibility
# Menus
 ## Page Navigation
# Alignments
# Widgets
# Posts and pages
## Comments
# Infinite scroll
# Media
 ## Captions
 ## Galleries
 
▼ テーマ設定
----------------------------------------------------------------
【共通】
# header
# Primary Menu
 ## Relation Menu
# MainVisual
# Page Header（カテゴリータイトル）
# primary
# sidebar
# PageTop
# widget-banner
# footer
 ## Fnav
 ## siteFooter
 ## copyright

【min-width:481（481px以上）】
 ## widget-banner

【min-width:769（769px以上）】
# header (769-)
# Primary Menu (769-)
 ## Relation Menu (769-)
# layout (769-)
# Footer (769-)

【▼ Layout】
【Privacy Poricy】※ 一般データ保護規則（GDPR）

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize + Elements
--------------------------------------------------------------*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; box-sizing:border-box; font-size:50%; }
@media screen and (min-width:769px) {html { font-size:62.5%; }}
body {
 margin: 0;
 overflow-x: hidden;
 min-width: 320px;
 color: #1E2134;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.75;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
}
* {box-sizing: border-box;}
*, *:before, *:after { box-sizing: inherit;}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {display: block;}
audio, canvas, progress, video {display: inline-block; vertical-align: baseline;box-sizing: border-box;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template { display: none;}
abbr[title] { border-bottom: 1px dotted;}
b, strong { font-weight: bold;}
dfn { font-style: italic;}
mark { background: #ff0; color: #000;}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border: 0;margin: 0;padding: 0;vertical-align: top; height: auto; max-width: 100%;}
svg:not(:root) { overflow: hidden;}
figure { margin:0 0 16px 0;}
hr { box-sizing: content-box; border: 0; height: 1px; margin-bottom: 24px;}
pre { overflow: auto;}
code, kbd, pre, samp { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; font-size: 0.875rem;}
button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0;}
button { overflow: visible;}
button, select { text-transform: none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}
button[disabled], html input[disabled] { cursor: default;}
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}
input { line-height: normal;}
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}
fieldset { border: 1px solid #C0C0C0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0;}
textarea { overflow: auto;}
optgroup { font-weight: bold;}
blockquote, q { quotes: """";}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
ul, ol { margin: 0 0 16px 16px;}
ul { list-style: disc;}
ol { list-style: decimal;}
li > ul, 
li > ol { margin-bottom: 0; margin-left: 16px;}
dt { font-weight: bold;}
dd { margin: 0 0 16px 16px;}
table { margin: 0 0 24px; width: 100%;}
p:empty{display: none;}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
dfn, cite, em, i { font-style: italic;}
blockquote { margin: 0 20px;}
address { margin: 0 0 10px;}
pre { line-height: 1.6; margin-bottom: 20px; max-width: 100%; overflow: auto; padding: 8px 16px;}
code, kbd, tt, var { font-size: 14px;font-size: 1.4rem;}
@media screen and (min-width: 769px) { code, kbd, tt, var {  font-size: 0.8125rem;}}
p > code { padding: 2px; border-radius: 2px; background: #f3f4f5; font-size: inherit;}
abbr, acronym { border-bottom: 1px dotted #666; cursor: help;}
mark, ins { background: #fff9c0; text-decoration: none;}
big { font-size: 125%;}

.entry-content > h1,.entry-content > h2,.entry-content > h3,.entry-content > h4,.entry-content > h5,.entry-content > h6{margin-top: 40px;clear: both;}
h1 { font-size: 34px; font-size: 3.4rem; line-height: 1.4; margin-bottom: 40px;}
h2 { font-size: 26px; font-size: 2.6rem; line-height: 1.4; margin-bottom: 30px;}
h3 { font-size: 24px; font-size: 2.4rem; line-height: 1.4; margin-bottom: 30px;}
h4 { font-size: 20px; font-size: 2.0rem; line-height: 1.4; margin-bottom: 30px;}
h5 { font-size: 18px; font-size: 1.8rem;}
h6 { font-size: 16px; font-size: 1.6rem;}
article > h1:first-child,
article > h1:first-child,
.entry-content > h1:first-child,
.entry-content > h2:first-child,
.entry-content > .wp-block-spacer + h2
{margin-top: 0 !important;}
h1{ color: #1E2134; font-weight: 600; padding-bottom: 6px; text-align: center;}
h2{ color: #1E2134;margin-top: 40px;padding-bottom: 6px;text-align: center; position: relative;}
h2::before{content: "";position: absolute;right: 0; left:0; bottom:0; margin:auto; width: 100px;height:3px; background-color: #336699;}
.entry-content h3{padding-bottom: 4px; padding-left: 26px; position: relative; border-bottom: 1px solid #C8C8C8;}
h3::before{content: "";position: absolute; left:0; top:6px; width: 16px;height: 16px; background: #336699;}
.entry-content h4{padding: 4px 12px; background: #F2F6FA;color: #333654; font-weight: 600;}
.entry-content h5{position: relative; padding-left: 25px; margin-bottom: 15px;}
h5::before{content: "";position: absolute;top:12px;left:0;width: 15px;height: 4px;border-radius: 2px;background: #336699;}
.entry-content h6{position: relative; padding-left: 26px; margin-bottom: 15px;}
h6::before,h6::after{
content: "";position: absolute;top:10px;left:0px;
width: 6px;height: 6px;border-radius: 3px;background: #336699;}
h6::after{left:10px;}

/* アイコン付きH2見出し
-------------------------------*/
.home #primary .c_articles,
.home .c_getting,
.home #primary .c_onsen,
.home #primary .c_reservations,
#primary .c_routes,
.c_related{-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
align-items: center; justify-content:center;position: relative;background-color:none;width: auto;}
.home #primary h2.c_articles::before,
.home h2.c_getting::before,
.home #primary h2.c_onsen::before,
.home #primary h2.c_reservations::before,
#primary h2.c_routes::before,
h2.c_related::before{
position:relative; width: 50px; height: 48px;display: inline-block; left: auto;right: auto;margin:0 15px 0 0;}
.home #primary h2.c_articles::before{ background: url("assets/images/etc/ico-news.svg") no-repeat; background-size: 32px 49px; width: 32px; height: 49px;}
.home h2.c_getting::before{ background: url("assets/images/etc/ico-getting-started.svg") no-repeat; background-size: 42px 45px; width: 42px; height:45px;}
.home #primary h2.c_onsen::before{ background: url("assets/images/etc/ico-onsen.svg") no-repeat; background-size: 48px 40px; width: 48px; height:40px;}
.home #primary h2.c_reservations::before{ background: url("assets/images/etc/ico-reservations.svg") no-repeat; background-size: 46px 46px; width: 46px; height:46px;}
#primary h2.c_routes::before{ background: url("assets/images/etc/ico-routes.svg") no-repeat; background-size: 42px 42px; width: 42px; height: 42px;}
h2.c_related::before{ background: url("assets/images/etc/ico-related.svg") no-repeat; background-size: 46px 46px; width: 46px; height:46px;}


/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"] {
 background-color:#336699; color: #FFF; padding: 6px 10px; text-align: center; margin: 0 auto;max-width: 220px; width: 100%;display: block;border: 1px solid #336699;font-size:22px; font-size: 2.2rem; font-weight: 600;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #29527B}
button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus { border-color: #C8C8C8;}
input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea {
 color: #666; border: 1px solid #C8C8C8; padding:8px; line-height: 1.1; font-size: 14px; font-size: 1.4rem;
 -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width: 100%;
 }
input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111;}
select { border: 1px solid #C8C8C8; width: 100%; padding:5px  8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
textarea { width: 100%; padding:5px 8px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/*Search*/
#searchTop {max-width: 786px; width: 100%; margin:30px auto;-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
#searchTop label{width: 100%;}
#searchTop input[type="search"].search-field {max-width: 640px; width: 100%;border-radius: 0; height: 50px; }
#searchTop .search-submit{text-indent: -9999px;max-width: 150px; border-radius: 0; background: url(assets/images/ico-search_w.svg) #336699 no-repeat center center;}

/*お問い合わせ*/
.wp-block-table .rbl_rwd select{width: auto;font-size: 15px; font-size: 1.5rem;}
.wp-block-table .rbl_rwd td{padding: 12px;position: relative;}
.rbl_rwd tr td:first-child{padding-right: 70px;}
.rbl_rwd input[type="text"],
.rbl_rwd textarea{width:100% !important;}
.rbl_rwd input[type="text"].addNum{width:auto !important;}
.rbl_rwd input[type="button"]{font-size:16px; font-weight: 500; display: inline-block; padding: 3px; margin: 0;}
.required{color: #FFF; font-size: 13px; font-size: 1.3rem; text-align: center; line-height:20px; height: 20px;padding: 0 8px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;background: #9E4C53; white-space: nowrap;}

#bt_cf{max-width: 460px; width: 100%; margin: 40px auto 20px;position: relative;height: 50px;}
.faqs #bt_cf{ margin: 0 0 0 auto;}
#bt_cf::before{content:""; width: 30px; height: 30px;background: url("assets/images/faq/ico_send.svg") no-repeat 0 0;display: inline-block;position: absolute;top:0;right:60px;bottom:0;margin: auto;}
#bt_cf input[type="submit"]{padding: 10px; padding-right: 40px;max-width: none;}


@media screen and (min-width: 481px) {
#bt_cf::before{right:120px;}
.required{position: absolute;top:15px;right:5px;}
}

@media screen and (max-width: 480px) {
.rbl_rwd tr td:first-child{padding-right: 8px;}
.rbl_rwd table,.rbl_rwd tbody,
.rbl_rwd tr,
.rbl_rwd th,
.rbl_rwd td{display:block;}
.required{margin-left: 10px;}
}

/*--------------------------------------------------------------
# Search
--------------------------------------------------------------*/
/* 開閉ボックス */
.openableBox{margin: 2em auto;}
.openableBox label:hover{cursor: pointer;}
.openableBox .acBt {display: block;margin: 1.5px 0; padding :2px 12px; font-weight: bold;font-size: 20px;background :#E1F6FA;
text-align: center; cursor :pointer;transition: all 0.5s; position: relative;}
.openableBox .acBt:hover {background :#cbdde1;}
.openableBox .acBt::before{content: "\f107";font-family: "Font Awesome 5 Free";font-weight: 900;padding-right:30px; margin-right: 10px; color: #1E2134;background: url("assets/images/search/ico-search.svg") no-repeat right center;}
.openableBox .acBt.search::before{content: "\f107  \f292";background:none;padding-right:0px; margin-right: 5px;}
.openableBox .boxshow {padding: 20px;border: 1px solid #C8C8C8;display: none;}
.openableBox .acBt.active::before{content: "\f106"}
.openableBox .acBt.search.active::before{content: "\f106  \f292";}
/* dl */
#searchform label{cursor: pointer; display: block;}
.search-labels dt{border-bottom: 1px solid #5E8CBB; margin-bottom: 15px; clear: both;font-size: 18px; font-size: 1.8rem;}
.search-labels dt input{display: none;}
.search-labels dt.c_cate{background: url("assets/images/search/ico-category.svg") no-repeat 0 center;}
.search-labels dt.c_cate > label span{padding-left: 26px;}
.search-labels dt.c_area{background: url("assets/images/search/ico-area.svg") no-repeat 0 center;}
.search-labels dt.c_area > label span{padding-left: 26px;}
.search-labels dd{float: left; margin-left: 0; margin-right:0.9%;white-space: nowrap; padding-right: 15px;}

/*serch submit*/
.openableBox #btn_submit{clear: both;}
.openableBox #searchsubmit{text-indent: -9999px; background: url("assets/images/ico-search_w.svg") #336699 no-repeat center center;}
.boxshow #searchsubmit{max-width: 160px; padding: 0 10px;}

/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {background-color: transparent; color: #003560;}
a:hover, a:focus, a:active { color: #00437A;}
a:focus { outline: thin dotted;}
a:active, a:hover { outline: 0;}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
 height: 1px;
 width: 1px;
 overflow: hidden;
 word-wrap: normal !important;
 /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}
.screen-reader-text:focus {
 background-color: #f1f1f1;
 border-radius: 3px;
 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
 clip: auto !important;
 color: #21759b;
 display: block;
 font-size: 14px;
 font-size: 0.875rem;
 font-weight: bold;
 height: auto;
 left: 5px;
 line-height: normal;
 padding: 15px 23px 14px;
 text-decoration: none;
 top: 5px;
 width: auto;
 z-index:9998;
 /* Above WP toolbar. */
}
/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus { outline: 0;}

/*--------------------------------------------------------------
# Menus
--------------------------------------------------------------*/
.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
 border-top: 1px solid #e2e4e7;
 margin: 30px auto 40px;
 padding-top: 15px;
 overflow: hidden;
 padding-bottom: 60px;
 font-size: 15px; font-size: 1.5rem;
}
.nav-links { display: flex;}
.nav-links a{ text-decoration: none; color:#888888;}
.nav-links a:hover,
.nav-links a:hover .gray{ text-decoration: none; color:#555555;}
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { width: 50%; flex: 1 0 50%;}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { text-align: end; flex: 1 0 50%;}

/*
## Page Navigation
--------------------------------------------------------------*/
.pagenavi{	margin: 50px auto 80px;	text-align: center;	line-height: 1;}
.pagenavi ul{
	margin: 0 auto;
	display: inline-block;
	padding: 0;
	overflow: hidden;
}
.pagenavi li a {
	color: #333;
  display: block;
  padding: 5px;
  margin-right: 10px;
  text-decoration: none;
}
.pagenavi li a.previos,.pagenavi li a.next{	border:none;background: #fff;}
.pagenavi li:last-child a{margin-right: 0px;}
.pagenavi li a.current,.pagenavi li a:hover { color: #666;font-weight: bold;}

/* ## ページ内リンク生成 */
.chapter{margin:0 auto 50px; max-width: 1140px;width: 100%; padding: 0; -js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;	flex-wrap:wrap; border-bottom: 1px solid #C8C8C8;}
.chapter li{list-style: none;font-size: 15px;font-size: 1.5rem;}
.chapter a{color: #1E2134; font-size: 90%; font-weight: 600; text-decoration: none;position: relative; padding: 5px 8px;display: block;}
.chapter a:hover{color: #999; transition: 0.3s;}
/* ## サイトマップ */
.sitemap_menu li ul { margin-top: 2px;} 
.sitemap_menu li ul li { position: relative; list-style: none;} 
.sitemap_menu li ul li::before,
.sitemap_menu li ul li::after{
  content: "";
  position: absolute;
  width: 10px;
  left: -16px;
}
.sitemap_menu li ul li::before {
  top: -7px;
  height: calc(100% + 7px);
  border-left: 1px solid #6C6C6C;
} 
.sitemap_menu li ul li:last-child::before { height: calc(1em + .25em);}
.sitemap_menu li ul li::after {
  top: 12px;
  border-bottom: 1px solid #6C6C6C;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft, .alignright { max-width: 580px !important; }
.alignleft img, .alignright img, .alignleft figcaption, .alignright figcaption { max-width: 50%; width: 50%;}
.alignleft figcaption { clear: left;}
.alignright figcaption { clear: right;}
.alignleft img, .alignleft figcaption { float: left; margin-right: 1.5em;}
.alignright img, .alignright figcaption { float: right; margin-left: 1.5em;}
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto;}
/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget-area select { max-width: 100%;}
.widgettitle{margin-bottom: 10px;}
.widget { margin: 0 0 20px;}

/*--------------------------------------------------------------
# Posts and pages
--------------------------------------------------------------*/
.sticky { display: block;}
.hentry { margin: 0px 0;}
.updated:not(.published) { display: none;}
.page-content, .entry-content, .entry-summary { margin: 0 0 1.5em ;}
.entry-meta { color: #6c7781; font-size: 90%;}
.page-links { clear: both; margin: 0 0 1.5em;text-align: center;}
.post-page-numbers{font-weight: 600; padding: 0 10px;text-align: center;color: #3B210A; background:#F5F1E1; }
.entry-header, .page-header, .entry-footer, .site-info, .posts-navigation, .post-navigation, .page-navigation, .comments-area, .not-found .page-content, .search .entry-summary { margin: 1.5em auto; padding-left: 14px; padding-right: 14px; max-width: 1140px;}
.entry-header .post_thumbnail{margin-bottom: 1em;}
.entry-header .wp-post-image { margin:0 auto; display: block;}
.entry-footer span { margin-right: 1em;}
.entry-footer { color: #6c7781; font-size: 90%;}
.edit-link{display: none;}
.cat-links a{}

@media screen and (min-width: 768px) {
 .entry-header, .page-header, .entry-footer, .site-info, .posts-navigation, .post-navigation, .page-navigation, .comments-area, .not-found .page-content, .search .entry-summary {  padding-left: 0;  padding-right: 0; }
}
/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a { word-wrap: break-word;}
.bypostauthor { display: block;}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { display: none;}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer { display: block;}
/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
 border: none;
 margin-bottom: 0;
 margin-top: 0;
 padding: 0;
}
/* Make sure embeds and iframes fit their containers. */
embed, iframe, object { max-width: 100%;}
/* Make sure logo link wraps around logo image. */
.custom-logo-link { display: inline-block;}
/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%;}
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto;}
.wp-caption .wp-caption-text { margin: 0.8075em 0;}
.wp-caption-text { text-align: center;}
/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery { margin-bottom: 1.5em;}
.gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%;}
.gallery-columns-2 .gallery-item { max-width: 50%;}
.gallery-columns-3 .gallery-item { max-width: 33.3333333333%;}
.gallery-columns-4 .gallery-item { max-width: 25%;}
.gallery-columns-5 .gallery-item { max-width: 20%;}
.gallery-columns-6 .gallery-item { max-width: 16.6666666667%;}
.gallery-columns-7 .gallery-item { max-width: 14.2857142857%;}
.gallery-columns-8 .gallery-item { max-width: 12.5%;}
.gallery-columns-9 .gallery-item { max-width: 11.1111111111%;}
.gallery-caption { display: block;}

/* Gallery設定追加 */

.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item{height: max-content;}
.blocks-gallery-grid .blocks-gallery-image figure, .blocks-gallery-grid .blocks-gallery-item figure, .wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {align-items: center; flex-direction:column;}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    color: #1E2134;
    background:none;
    position: relative;
    bottom: none;
}
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    padding: 5px 10px 0px;
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img { height: 280px !important; }
.blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {flex-grow: 0;}

@media screen and (min-width: 481px) {
.blocks-gallery-grid .blocks-gallery-image figcaption, .blocks-gallery-grid .blocks-gallery-item figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption {
    font-size: 15px !important;
    font-size: 1.5rem !important;
    line-height: 1.5;
}
}
/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
.row-flex{
-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
flex-wrap: wrap;
align-items: center;
}
/* 横方向
justify-content: space-between;（center、flex-end、space-around）
*/
/* --------------------------------------------------------------
▼ テーマ設定
--------------------------------------------------------------*/
#page{overflow-x:hidden;}

/* # header
----------------------------------*/ 
#masthead{background: rgba(255,255,255,0.9);}
#titArea{position: relative; align-items: center;	margin: 0 auto; height: 40px;	max-width: 1140px;width: 100%;	-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;justify-content:space-between;}
#site-branding{position: relative;background: #336699;}
#site-title{width: 390px; height: 22px; line-height: 1; margin: 0 15px 0 0;}
#site-title a { text-decoration: none; color: inherit; display: block;}

/* ## Relation Menu
-----------------*/
#menu-relation{margin:0; padding: 0; -js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex; justify-content: center;}
#menu-relation li{font-size:0;padding:0 5px ; position: relative;display:block;white-space: nowrap;}
#menu-relation li:last-child{margin-right: 0;}
#menu-relation a{display: block; width: 25px;height: 25px; text-decoration: none;color: #FFF;position: relative;}
#menu-relation li::before{content:"";position: absolute;width: 18px; height: 18px; top:0;right: 0;bottom:0;left:0;margin: auto;background-position:center 0;background-size: 18px 18px;}
/* Language */
#menu-relation li.btn-toggle{ cursor: pointer; position: relative;}
#menu-relation li.btn-toggle a{pointer-events: none;}
#menu-relation li.btn-toggle li a{pointer-events: auto;}
#menu-relation li.btn-toggle .sub-menu {display: none;position: absolute;top:30px;right: 0; z-index: 9997; background:#336699; margin: 0;padding: 0;}
#menu-relation li.btn-toggle .sub-menu li{text-align: center;margin: 0; font-size:12px;font-size: 1.2rem;border: 1px solid #FFF; margin-bottom: -1px;}
#menu-relation li.btn-toggle .sub-menu li a{padding: 3px 10px;width:auto; height: auto; min-width: 90px; }
#menu-relation li:hover a::after{position: absolute; content: ""; left: 0 ;top: 0; width: 100%; height: 22px; background-color:rgba(51,102,153,0.2);}
#menu-relation li li a:hover{color: #FFF; background:#2C5884;} 
#menu-relation li:hover li a::after{content: none;}
/* # site-navigation
----------------------------------*/
#site-navigation ul{margin: 0; padding: 0;}
#site-navigation li {list-style: none; position: relative;text-align: center;margin-bottom: 3px;}
#site-navigation a{text-decoration: none;}
#site-navigation.fixed{position: fixed;top: 0; left: 0; width: 100%; z-index: 9996;}

/* ## Primary Menu
----------------------------------*/
#primary-menu {display:none;}
#primary-menu li{margin: 5px 10px 0 0; font-size: 13px; font-size: 1.3rem; position: relative;}
#primary-menu li::before{content:"";position: absolute;width: 30px; height: 35px;left:0; right: 0;margin: auto; background-position: center 5px;background-size: 30px 30px;}
#primary-menu a{color: #336699; font-weight: 600; text-align: center; display: block; padding: 35px 0 5px;}
#primary-menu li:hover a::after{position: absolute; content: ""; left: 0 ;top: 0; width: 100%; height: 65px; background-color:rgba(255,255,255,0.2);}
#primary-menu .current-menu-item,
#primary-menu .current-page-ancestor{border-bottom: 3px solid #9E4C53; margin-bottom: 0;}

/* ## Openable Menu
----------------------------------*/
#menu-toggle,
#menu-toggle span {display: inline-block;box-sizing: border-box;}
#menu-toggle { position: absolute;	top:40px; right: 0;	width: 50px;	height: 50px;	padding: 0;	box-shadow: none;	background: #FFF;	border:none;border-radius: 0px;outline: none;z-index: 9994;}
.fixed #menu-toggle {top:0px;}
#menu-toggle:hover{	border-color:none;	box-shadow:none;	cursor:pointer;	border: none; }
#menu-toggle span {	background:#336699;	position: absolute;	left: 0; right: 0;margin: auto;	width: 32px;	height: 4px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;	}
#menu-toggle span:nth-of-type(1) {top:12px;}
#menu-toggle span:nth-of-type(2) {top: 23px;}
#menu-toggle span:nth-of-type(3) {bottom:12px;}
#menu-toggle.active{background-color:#F2F6FA;}
#menu-toggle.active span:nth-of-type(1) {	-webkit-transform: translateY(11px) rotate(-45deg);	transform: translateY(11px) rotate(-45deg);}
#menu-toggle.active span:nth-of-type(2) {opacity: 0;}
#menu-toggle.active span:nth-of-type(3) {-webkit-transform: translateY(-11px) rotate(45deg);transform: translateY(-11px) rotate(45deg);}

#navPanel {background:#F2F6FA;display:none;	position:absolute;top:90px; right: 0; max-width: 320px; width:100%;	height:100vh;	z-index: 9995;overflow-y: scroll;-webkit-overflow-scrolling: touch;}
.fixed #navPanel {top:50px;}
#navPanel::-webkit-scrollbar{width: 10px;}
#navPanel::-webkit-scrollbar-track{background: #F2F6FA;border-left: solid 1px #F2F6FA;}
#navPanel::-webkit-scrollbar-thumb{background: #D9E3EF;border-radius: 10px;box-shadow: inset 0 0 0 2px #F2F6FA;}
#navPanel .menu-openable-container{height: auto; padding-bottom: 150px;}
#openable-menu{width: 90%; margin: 10px auto !important;}
#openable-menu > li{border-bottom:1px solid #C8C8C8;}
#openable-menu > li::before{content:"";position: absolute;width: 22px; height: 22px;left:0;top:8px;background-position: 0 0;background-size:22px 22px;}
#openable-menu a:hover::before,
#openable-menu .current_page_item a::before{content: "";position: absolute;bottom:-2px;left:0;width: 60px;height: 4px;background-color: #9E4C53;}
#openable-menu li span {display:none;}
#openable-menu a{color: #336699; text-decoration: none; height: 100%; display: flex; flex-wrap: wrap; align-items: center;align-content:center;padding:8px 14px 8px 35px ; position: relative;width: 100%;}
#openable-menu a:hover{color: #5A86B2;}
#openable-menu li:hover a::after{position: absolute; content: ""; left: 0 ;top: 0; width: 100%; height: 43px; background-color:rgba(255,255,255,0.2);}
#openable-menu li ul{	display: block;	align-items:baseline;	margin: 0; padding: 0;}

/* Language */
#openable-menu li.btn-toggle{ cursor: pointer;}
#openable-menu li.btn-toggle a {pointer-events: none;}
#openable-menu li.btn-toggle li a{pointer-events: auto;}
#openable-menu li.btn-toggle .sub-menu {display: none; font-size:12px;font-size: 1.2rem;}

#openable-menu .c_reservations{ margin-top: 20px; border: none; border-radius: 5px;background-color: #336699;}
#openable-menu .c_reservations::before{left:20px;top:10px;}
#openable-menu .c_reservations a{ color: #FFF;padding-left:50px; }

.admin-bar #menu-toggle {top:86px;}
.admin-bar #navPanel {top:136px;}
.admin-bar .fixed #menu-toggle {top:0;}
.admin-bar .fixed #navPanel {top:50px;}

#page.toggled > *{pointer-events: none;}

/*
# Page Header（カテゴリータイトル）
----------------------------------*/
#mv{max-width: 1140px;width: 100%; margin: 0 auto; position: relative;}
#mv .entry-title{max-width:1140px; width: 100%;margin: 0 auto; text-align: center;min-height: 300px;background-position: center center; background-repeat: no-repeat;-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
align-items: center;justify-content:center;color: #FFF;position: relative;}
#mv .entry-title::before{content: "";width:40px;height:40px; background-size: 40px 40px;display: inline-block;left: auto;right: auto;margin: auto 20px auto 0; line-height: 1.1;}
#mv .c_kumanokodo::before{background-image: url("assets/images/ico-kumanokodo_w.svg");}
#mv .c_resources::before{background-image: url("assets/images/ico-resources_w.svg");}
#mv .c_places::before{background-image: url("assets/images/ico-places_w.svg");}
#mv .c_onsen::before{background-image: url("assets/images/ico-onsen_w.svg");}
#mv .c_activities::before{background-image: url("assets/images/ico-activities_w.svg");}
#mv .c_transport::before{background-image: url("assets/images/ico-transport_w.svg");}
#mv .c_lodging::before{background-image: url("assets/images/ico-lodging_w.svg");}
#mv .c_cuisine::before{background-image: url("assets/images/ico-cuisine_w.svg");}
#mv .c_articles::before{background-image: url("assets/images/ico-articles_w.svg");}
#mv .c_about::before{background-image: url("assets/images/ico-resarvations.svg");}
#mv .c_other::before{background-image: url("assets/images/ico-resarvations.svg");}
#mv .c_ac::before{background-image: url("assets/images/ico-resarvations.svg");}

/* MetaSlider + PageTitle */
#mv.slideTitle .entry-title{position: absolute;top:0;right: 0;bottom:0;left:0;margin: auto;color: #FFF;width: 100%; height: 100px; z-index: 1;}

/* # ページタイトル）*/
article>.entry-header{margin-top: 0;}
.entry-header .entry-title { margin: 0 0 20px;}
#pageHead{
max-width: 1140px;
width: 100%;
 background:#F2F6FA;
 margin: 0 auto 30px;
 -js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
	flex-wrap:wrap;
 align-items: center;
}
#pageHead .entry-title {
	text-align: center;
 width: 96%;
 margin: 0 auto;
 padding: 20px;
	font-size:32px;font-size: 3.2rem;
 line-height: 1;
 font-weight: 600;
	box-sizing:border-box;
 color: #333654;
}

/*
# primary
----------------------------------*/

/*
# sidebar
----------------------------------*/
#secondary{padding: 20px 0; margin-bottom: 40px;min-height: 310px;width: 90%; margin: 0 auto 40px;}
@media screen and (min-width: 769px) {#secondary{width: 100%;}}
#secondary div{margin: 0 auto 30px;}
#secondary h2{color: #333654; font-size:24px; font-size:2.4rem;font-weight: 600; margin:0;
-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;
align-items: center;justify-content: center; position: relative;}
#secondary h2::before{position: relative;background-size: 30px 30px; width:30px;min-width:30px; height: 30px;display: inline-block;left: auto;right: auto; margin: 0 10px 0 0;background-color: #FFF;}
#secondary h2 a{color: #333654;text-decoration: none; position: relative;}
#secondary ul.menu {margin: 0;padding: 0;font-size: 15px; font-size: 1.5rem; border-top: 4px solid #336699; background: #F9F9F9;}
#secondary li{width: 94%; margin: 0 auto;border-bottom:1px solid #D6D6D6;list-style: none;position: relative;}
#secondary ul ul.children{border-top:1px solid #D6D6D6;}
#secondary li ul li:last-child{border-bottom: none;}
#secondary a{display: block;position: relative;}
#secondary ul li a:hover::before,
#secondary ul .current_page_item > a::before{content: "";position: absolute;bottom:-2px;left:0;width: 60px;height: 4px;background-color: #9E4C53;}
#secondary .menu a{color: #1E2134; display: block; padding: 8px;text-decoration: none;}
#secondary .c_kumanokodo::before{background: url("assets/images/ico-kumanokodo_b.svg");}
#secondary .c_resources::before{background: url("assets/images/ico-resources_b.svg");}
#secondary .c_places::before{background: url("assets/images/ico-places_b.svg");}
#secondary .c_onsen::before{background: url("assets/images/ico-onsen_b.svg");}
#secondary .c_activities::before{background: url("assets/images/ico-activities_b.svg");}
#secondary .c_transport::before{background: url("assets/images/ico-transport_b.svg");}
#secondary .c_lodging::before{background: url("assets/images/ico-lodging_b.svg");}
#secondary .c_cuisine::before{background: url("assets/images/ico-cuisine_b.svg");}
#secondary .c_about::before{background: url("assets/images/ico-tb_b.svg");}
#secondary ul ul{margin-left: 0;padding: 0;}
#secondary ul .children{display: none;}
/*#secondary ul .current_page_item .children{display: block;}*/
#secondary ul .current_page_item > .children,
#secondary ul .current_page_ancestor > .children{display: block;}
/*Articles*/
#custom_html-2 h2::before{background: url("assets/images/ico-articles_b.svg");}
#custom_html-2 li a::before{content: "";position: absolute;bottom:-2px;left:0;width: 60px;height: 4px;}
#custom_html-2 .wp-block-button .wp-block-button__link {height: 30px;line-height: 30px;font-size: 15px; font-size: 1.5rem;}
#custom_html-2 .wp-block-button .wp-block-button__link:hover::before {height: 30px;}

/*Category(articles)*/
#secondary #sideCategory{margin: 0 0 20px 0; padding: 0;}
#secondary #sideCategory li{border: none; margin-bottom: 5px;}
#secondary #sideCategory li::before{content:none;}
#secondary #sideCategory a{display: block; width: 100%; padding: 8px;}

/*Reservations*/
#secondary #text-3,
#secondary .textwidget{margin-bottom: 0 !important;}
h2#icoReservations::before{background:url("assets/images/ico-tb_b.svg"); background-size: 30px 30px;}
#nav_menu-2 li:hover{ background: #F0F0F0;}
#nav_menu-2 a::before{content: "";position: absolute;bottom:-2px;left:0;width: 60px;height: 4px;}
#nav_menu-2 .cate_accommodations a::before{background-color: #5E8CBB;}
#nav_menu-2 .cate_tours a::before{background-color: #AE61C1;}
#nav_menu-2 .cate_service a::before{background-color: #BDBE5E;}
#nav_menu-2 .cate_itineraries a::before{background-color: #BB825C;}
#secondary .widget_media_image{max-width: 320px; margin-left: auto;margin-right: auto;}

/* # PageTop
----------------------------------*/
#pagetop{position: relative; height: 50px;}
.pagetop,.pagetop a{	width: 50px;	height: 50px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.pagetop {	position: fixed;	z-index: 9990;	bottom:20px;	right: 10px;margin: 0;}
.pagetop.stop{position: absolute; bottom:10px;}
.pagetop a {	display: block;	position: relative;	background:#888888; text-indent: -9999px;}
.pagetop a::after{ margin: auto; content: ""; width: 18px; height: 18px;	position: absolute;	top:0;right:0;bottom:0;left:0;
border-top: 4px solid #FFF; border-right: 4px solid #FFF; -datawebs_parentkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/* # Topic Path
----------------------------------*/
#topicpath{font-size: 13px;font-size: 1.3rem;padding-top: 8px;margin-bottom: 0px;}
#topicpath #bcbox{border-top:1px solid #C8C8C8; margin: 0 auto;max-width: 1140px;width: 100%;-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;padding: 10px 0;}
#topicpath li{list-style: none; color: #9E4C53; }
#topicpath a{padding-right: 20px;position: relative;}
#topicpath a:before{
	content:"";	width: 5px;	height: 5px;	position: absolute;	top:0;right:8px;bottom:0;margin: auto; box-sizing: border-box;
 background: #C8C8C8; border-radius: 3px;}
#topicpath a {text-decoration: none;color: #1E2134;}

/* # widget-banner
----------------------------------*/
.bnrAllpages{background: #E0E0E0;}
.BnrGroup{padding: 40px 0;}
.BnrGroup:empty{padding: 0;}
.bannerArea .wp-block-columns > *{width: 50%; margin: 0; padding: 10px;text-align: center;}
.bannerArea .wp-block-columns{max-width: 1140px;width: 100%; margin: 0 auto; flex-wrap: wrap;display: flex !important;}
.bannerArea ul{margin: 0 ; padding: 0;}
.bannerArea li{margin-left: 0 ;list-style: none;text-align: center;}
.bannerArea li a{text-decoration: none;font-size: 15px; font-size: 1.5rem;}

/*
# footer
----------------------------------*/
#editTime{ margin-top: 40px; font-size: 12px; font-size: 1.2rem; text-align: right; margin-bottom: 0;}

/* ## siteFooter
-----------------*/
#siteFooter{font-size: 13px; font-size: 1.3rem;padding-top: 30px; background:#336699; color: #FFF;position: relative; width: 100%;display: inline-block;}
#siteFooter a{color: #FFF; text-decoration: none;}
#siteFooter a:hover{color: #D1DCE6;}
#siteFooter li{list-style: none;position: relative;}

#footer-nav{max-width: 1140px;width: 100%;margin: 0 auto 10px;justify-content:center;font-size: 12px; font-size: 1.2rem;}
#menu-footer1{margin: 0 auto 20px;padding: 0;
-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}
#menu-footer1 li{ margin-left: 20px;}
#menu-footer1 li::before{content:"";position: absolute;width: 18px; height: 18px; right: 0;background-position:center 0;background-size: 18px 18px;}
#menu-footer1 li:first-child{margin-left: 0;}
#menu-footer1 a{ padding-right: 25px;display: block; position: relative;}
#menu-footer1 a:hover::after{position: absolute; content: ""; left: 0 ;top: 0; width: 100%; height: 22px; background-color:rgba(51,102,153,0.2);}
.sns {list-style: none;margin: 0 0 20px 20px;padding: 0;}
.sns li{margin-right: 10px;}
.sns li:last-child{margin-right: 0;}
.sns a{width: 22px; height: 22px; display: block;position: relative;background: url("assets/images/bg-sns.svg") no-repeat 0 0; background-size: 182px 22px;}
.sns a:hover::after{position: absolute; content: ""; left: 0 ;top: 0; width: 22px; height: 22px; background-color:rgba(51,102,153,0.2);}
.sns .ico-facebook{background-position: 0px 0px;}
.sns .ico-twitter{background-position: -32px 0px;}
.sns .ico-instagram{background-position: -64px 0px;}
.sns .ico-youtube{background-position: -96px 0px;}
.sns .ico-pinterest{background-position: -128px 0px;}
.sns .ico-blogger{background-position: -160px 0px;}
#menu-footer2{
max-width: 920px;width: 95%;margin:0 auto;
-js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
flex-wrap: wrap;padding: 0;
}
#menu-footer2 li{width: 48.7%;margin-bottom: 10px;margin-right: 2%; line-height: 1.2;}
#menu-footer2 li:nth-child(2n){margin-right:0;}
#menu-footer2 a{border-bottom: 1px dashed #ABBED5; display: block; text-align: center;padding:3px 5px; }
#siteFooter .widget-area{text-align: center;max-width: 1140px;width: 100%;margin: 0 auto;}

@media screen and (min-width: 481px) {
#menu-footer2 li{width: 31.8%;margin-bottom: 10px;margin-right: 2%;}
#menu-footer2 li:nth-child(2n){margin-right:2%;}
#menu-footer2 li:nth-child(3n){margin-right:0;}
}
@media screen and (min-width: 769px) {
#menu-footer2 li{width: 23%;}
#menu-footer2 li:nth-child(3n){margin-right:2%;}
#menu-footer2 li:nth-child(4n){margin-right:0;}
}

.widget-area{
 font-family: Verdana, "Droid Sans", "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
}
/*------------------------------------------------------
▼ 画面サイズ481px以上
------------------------------------------------------*/
@media screen and (min-width: 481px) {

#menu-toggle {top:40px;}
#navPanel {top:90px;}
.fixed #navPanel {top:50px;}
.admin-bar #navPanel {top:136px;}


/* end min-width:481px */ }
@media screen and (min-width: 601px) {
.admin-bar .fixed #menu-toggle {top:46px;}
.admin-bar .fixed #navPanel {top:96px;}
}
/*------------------------------------------------------
▼ 画面サイズ769以上
------------------------------------------------------*/
@media screen and (min-width:769px) {
/* 
# header (769-)
-----------------*/
#site-title{margin: 0; text-align: left;}
#site-title img{width: 100%;}
 
/* ## Relation Menu (769-)
-----------------*/
#menu-relation li{font-size: 12px;font-size: 1.2rem;background-position: 99%; margin-right: 15px;padding: 0;}
#menu-relation a{padding:0 25px 0 4px; width: auto; height: auto;}
#menu-relation li::before{width: 18px; height: 18px;left:auto; background-size: 18px 18px;}

/* ## Primary Menu (769-) */
#primary-menu li{margin: 5px 20px 0 0;}

/* 
# layout (769-)
-----------------*/
#primary{width: 100%;margin-bottom:20px; }
#secondary{max-width: 320px; width: 100%; margin-left: 3.5%;flex-shrink:2;}

#contents{	margin: 0 auto 0;	width: 100%;
 -js-display: flex;display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;
	align-items: flex-start;justify-content: space-between;}
#contents.withSide{max-width: 1140px;}
.withSide #primary{max-width: 770px; width: 100%;}
/* 
# Footer (769-)
-----------------*/
.bannerArea .wp-block-columns > *{width: 20%;}

#Fnav{display: block;	}
#Fnav ul{ justify-content: center;}
#Fnav li a {padding: 12px ;text-decoration: none;}

#siteFooter .widget-area{padding: 10px; }
#fInfo{margin: 0 auto; max-width: 1140px;	width: 100%;justify-content:space-between;flex-wrap: nowrap;font-size: 15px; font-size: 1.5rem;}
#fInfo .widget-area:nth-child(1){margin-right: auto;}
#fInfo .footer_title{max-width: 260px;}

/* end min-width: 769px */ }
@media screen and (min-width:850px) {
#site-navigation{background: rgba(255,255,255,0.8);}
#naviArea{max-width: 1140px; width: 100%;margin: 0 auto; position: relative; height: 70px;}
#primary-menu{display:-webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox;display: flex;}

#menu-toggle {width: 70px;	height: 70px; top:0;}
#menu-toggle.active span:nth-of-type(1) {	-webkit-transform: translateY(15px) rotate(-45deg);	transform: translateY(15px) rotate(-45deg);}
#menu-toggle.active span:nth-of-type(3) {-webkit-transform: translateY(-15px) rotate(45deg);transform: translateY(-15px) rotate(45deg);}
#menu-toggle span:nth-of-type(1) {top:18px;}
#menu-toggle span:nth-of-type(2) {top: 33px;}
#menu-toggle span:nth-of-type(3) {bottom:18px;}
#navPanel {top:70px;}
.admin-bar #navPanel {top:156px;}
.admin-bar .fixed #navPanel {top:70px;}

.admin-bar #site-navigation {top:32px;}
.admin-bar #menu-toggle {top:0;}
.admin-bar #navPanel {top:70px;}
.admin-bar .fixed #menu-toggle {top:0;}
.admin-bar .fixed #navPanel {top:70px;}

/* end min-width: 850px */ }

/*---------------------------
▼ Layout
---------------------------*/
#titArea{width: 98%;}
#topicpath,
#siteFooter .widget-area,
.entry-content > * {width: 96%; margin:0 auto;}
.entry-content > .alignwide,
.entry-content > .alignfull{width: 100%; padding: 0 !important; margin-bottom:  40px;}
@media screen and (min-width:1141px) {
#titArea{width: 100%;}
#topicpath,
#siteFooter .widget-area,
.entry-content > * {width: 100%; margin:0 auto;}
}