@charset "UTF-8";
/*
Theme Name: ビバテラス
Description: ビバテラスサイト用テンプレート
Author:なるほ堂
*/

/* Background pattern from subtlepatterns.com */

/****************************************

          基本要素

*****************************************/
html { box-sizing: border-box;} 
img  {display: block;width: 100%;max-width: 100%;}
figure {margin-bottom: 0;}
figure.colorbox a {display: inline-block;position: relative;}
*{margin:0;padding: 0;}
*, *:before, *:after {box-sizing: border-box;}

.grecaptcha-badge { visibility: hidden; }

/* safariのフォントスムージングが働いてフォントが薄くなるのを防ぐ呪文 */
html,body{-webkit-font-smoothing: subpixel-antialiased;height: 100%}

/* スマホを横向きにした際に、勝手にフォントが大きくなるのを防ぐ */
body {-webkit-text-size-adjust: 100%;}

/* 文字基本 */
body {color:#3c3c41;text-align:left;line-height: 1.8;word-break: normal;}

/* フォント */

body,.gothic {font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
.mincho {font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', serif;}
main {font-family:"Shippori Mincho", serif;}
/* ノーテキスト処理 */
.no-text {display: block;text-indent:100%;white-space:nowrap;overflow:hidden;}

/* フロート */
.clearfix:after {display: block;clear: both;content: " "}
.float>.left {float: left;}
.float>.right {float: right;}

/* リンク */
a {outline:none;text-decoration:none;color:#3c3c41;transition: all 0.1s linear;}
a img   {border-style:none;}
a:focus {outline:none;} 
a:hover {cursor:pointer;text-decoration:none;}
a:hover,.trance {transition: all 0.1s linear;-moz-transition: all 0.1s linear;}

/* テーブル */
table {border-collapse:collapse;border-spacing: 0}
table td{vertical-align:top;}

.mw_wp_form .error {display: inline-block !important;}
.mw_wp_form .error:before {content: "///"}

/* テーブルプレス */
table.tablepress tr.row-1 td {}
table.tablepress caption {display: none;}
table.tablepress tr td {border: 1px solid #ccc;text-align: right;padding: 3px 12px 0px;}
table.tablepress.normal tr td.column-1 {text-align: left;}
table.tablepress.normal tr.row-1 td {text-align: center;font-weight: bold;border-bottom: double 3px #ccc;}
table.tablepress {margin: 0 0 1.5em 0;}

table.tablepress.bank {width: auto;}
table.tablepress.bank td {text-align: center;padding: 3px 18px 0px;}
table.tablepress.bank tr td.column-1 {border-right: 3px double #ccc;}
span.table_hosoku {margin: 3px 0 0 0;display: block;}

/* リスト */
li {list-style-type: none;}

/* テキスト */
strong ,b {font-weight: bold;}
p {padding-bottom: 0em;
}

/* :::: テキスト書式 :::: */
.txt {letter-spacing: .02em;}
.red {color:rgb(233, 79, 46);}
.blue {color: rgb(23, 60, 147);}
.txt .red {color:rgb(233, 79, 46);}
.bg_color .red {color: #ffc7c7;}
.txt a {text-decoration: underline;}
.txt b {font-weight: 500;}
.txt small {font-size: 1.2rem}
.contents img {max-width: 100%;width: auto;height: auto;display: block;}

.contents figure.wp-block-image img {display: inline;}
.news.bg_color {}

sup {font-size: 70%;vertical-align: top;margin-right: .5em}



/* :::: 白文字（背景カラーあり） :::: */
.fff ,.fff *,.fff a  {color: #fff }
.bg_color ,.bg_color table.tablepress tr>*  {color: #fff;}
.bg_color .txt a {color: #fff;}
.bg_color .contents a {color: #fff;}
.bg_color .txt a:hover {}

/* 点滅 */
.blinking,header nav .hotnews li.news a>div:before {animation:blink 1.5s ease-in-out infinite alternate;}
@keyframes blink{
	0% {opacity:0;}
    100% {opacity:1;}
}

/* 回転 */
.spin {animation: spin 1.0s linear infinite;}
@keyframes spin {
	0% {transform: rotate(0deg);}
	100% {transform: rotate(360deg);}
}

.template {position: fixed;bottom: 0;font-size: 1rem;left: 9px;color: #aaa;color: #fff;z-index: 200;}
.arrows {position: relative;padding-right: 24px;padding-left: 24px;}
a.arrows:after,span.arrows:after {content: '';
position: absolute;
right: 12px;
display: block;
width: 9px;
height: 9px;
border: 1px solid;
border-color: #444 #444 transparent transparent;
transform: rotate(45deg);
top: 50%;
margin-top: -5px;z-index: 12}

a.colorbox	{cursor: zoom-in;}
#cboxOverlay {cursor: zoom-out !important;}
.textarea a.colorbox {position: relative;display: inline-block;}
a.colorbox.icon {position: relative;display: block;}
a.colorbox.icon::after ,figure.colorbox a::after ,.textarea a.colorbox::after  {transition: all 0.2s linear;
content: "";
display: block;
height:100%;
width: 100%;

position: absolute;
left: 0;
bottom: 0;
text-align: center;
background: url(./i/icon/colorbox.png) no-repeat,linear-gradient(to bottom,rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0) 50%,rgba(0, 0, 0, .5) 100%);
background-position: left bottom;opacity: .66;max-height: 160px;
}
.flex_mason a.gazou:hover::after {transition: all 0.2s linear;opacity: 1}

.glass1 {background:#107800 url(i/pattern/fabric-of-squares70.png) !important;}
body.home .glass1 {background:#107800 url(i/pattern/fabric-of-squares.png) !important;}
.glass2 {background:#2d8b3b url(i/pattern/fabric-of-squares70.png) !important;}
body.home .glass2 {background:#2d8b3b url(i/pattern/fabric-of-squares.png) !important;}
.glass3 {background:#b9b48a url(i/pattern/fabric-of-squares70.png) !important;color: #0e0a0a;}
body.home .glass32 {background:#b9b48a url(i/pattern/fabric-of-squares.png) !important;}


.shape {overflow: hidden;}
.shape svg {vertical-align: bottom;}
.shape .shape-fill {fill: #FFFFFF;}
.shape_mask {position: relative;font-size: 0;}
.shape_mask:before {content: "";display: block;width: 100%;height: 100%;background: url(i/pattern/fabric-of-squares70.png) !important;position: absolute;z-index: 120;}
body.home .shape_mask:before {background: url(i/pattern/fabric-of-squares.png) !important;}

.shape_mask figure {width:;} /* -- 隙間対策 -- */ 
.shape.shape1-2 {background: #2d8b3b;}
.shape.shape1-3 {background: #b9b48a}
.shape.shape1-2 .shape-fill,.shape.shape1-2 polygon,.shape.shape1-2 path {fill:#107800;}
.shape.shape2-1 {background:#107800;}

.shape.shape2-1 .shape-fill ,.shape.shape2-1 polygon,.shape.shape2-1 path  {fill: #2d8b3b;} 

.shapey-1 {background:#107800;}
.shapey-1 .shape-fill,.shapey-1 polygon {fill:#ffda1a;} 
.shape.reverce {transform: scale(-1, 1);}

.shape.shape1-3 path {fill:#107800;}
/****************************************

オリジナルCSSからの採用分

*****************************************/
/* -- input,select,textarea -- */
input,select,textarea,label {-webkit-appearance: none;-moz-appearance: none;appearance: none;-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: 0;outline:0;line-height: 1.3;}
select {max-width: 100%;padding:12px 18px;background:#fff url(./i/icon/select-arrow.gif) center right 10px no-repeat;border: 1px solid #ccc;font-size: 1.3rem;}
textarea {width: 100%;border: 0;background-color: #fff;padding: 12px;}
iframe {vertical-align: bottom;}
img {vertical-align: bottom;}

/* -- ボタン類の体裁 -- */
input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="search"],input[type="url"] {padding: .5em;border: 1px solid #ccc;width: 100%;max-width: 400px;}
input[type="button"],input[type="submit"],input[type="reset"] ,.button>a {font-weight:bold; display: inline-block;padding: .75em 1.5em;background-color: #a43300;border: none;transition: .3s ease all;letter-spacing: 1px;text-align: center;color: #fff !important;font-size: 1.4rem;width: auto;text-decoration: none !important;font-family: verdana;line-height: normal;}
input[name="upButton"] ,input#search_zipcode {padding: 1px .7em 0 1em;letter-spacing: 3px;background-color: #555;height: 26px;}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover,.button>a:hover {background-color: #004162 !important;cursor: pointer;}
input.delButton{background: none;color: #0286cd !important;padding:0 !important;}
input.delButton:hover {background-color:#fff !important;color: #025f8e !important;text-decoration: underline !important;}
input[type="checkbox"] {border: 1px solid #ccc;-webkit-appearance: checkbox;-moz-appearance: checkbox;appearance: checkbox;}
input[type="radio"] { border: 1px solid #bbb;-webkit-appearance: radio;-moz-appearance: radio;appearance: radio;margin-right: .5em;}
input[type="file"] {border: none;}

input.zip {margin-bottom: 9px !important;}

body.page .mw_wp_form_preview table.mailform small.ex {display: none;}
body.page .mw_wp_form_preview .policy_check {display: none;}
body.page .mw_wp_form_preview small.caution ,body.page .mw_wp_form_preview .no_preview{display: none;}

table.mailform input,table.mailform textarea {font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;line-height: 1.7;}

.mw_wp_form .error {color:#ffc7c7;}

/* //////////////////////////////////
         テキスト書式
////////////////////////////////// */
.textarea {letter-spacing: .008em;line-height: 2;font-size: 1.4rem;}
.report .textarea {font-size: 1.5rem;}
.textarea iframe {}
.textarea p+p,.textarea ul+p,.textarea ol+p,.textarea p+* {margin-top: 1.5em}
.textarea figure+p,.textarea p+figure,.textarea ul+figure,.textarea ol+figure,.textarea figure+figure {margin-top: 2em}
.textarea figure {}
.textarea p+*.nohead {margin-top: 0;}
.textarea p.nohead {margin-top: 0;}
.textarea p.has-small-font-size {font-size: .92em;line-height: 1.6;}
.textarea p.has-medium-font-size {font-size: 1.15em !important;;line-height: 1.8;}
.textarea p.has-large-font-size {font-size: 1.25em !important;;line-height: 1.8;}
.textarea p.has-x-large-font-size {font-size: 1.3em !important;;line-height: 1.7;}


.textarea p.has-small-font-size.nohead {padding-top: 0.2em;} 
.textarea ul+p.nohead,.textarea ol+p.nohead {padding-top: .2em;}
.textarea table {width: 100%;}

.textarea h1,.textarea h2,.textarea h3,.textarea h4,.textarea h5,.textarea h6 {letter-spacing: .08em;line-height: 1.5;width: 100%;margin-bottom:.3em;}

.textarea a {text-decoration: none;border-bottom: 1px solid;}
.textarea a:hover {border-bottom: 1px solid red;color: red;}
.textarea figure a,.textarea figure a:hover {border-bottom: none;} 
.textarea figure a:hover {box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.25);}
.bg_color .textarea a:hover {border-bottom: 1px solid;color: #fffcc5;}

.textarea h1 {margin-top: 4em;}
.textarea h1:first-child {margin-top: 0;}
.textarea p+h1,.textarea ul+h1,.textarea ol+h1 {margin-top: 2.25em;}
.textarea p+h2,.textarea ul+h2,.textarea ol+h2 {margin-top: 2.25em;}
.textarea p+h3,.textarea ul+h3,.textarea ol+h3 {margin-top: 2.25em;}
.textarea p+h4,.textarea ul+h4,.textarea ol+h4 {margin-top: 2em;}
.textarea p+h5,.textarea ul+h5,.textarea ol+h5 {margin-top: 2em;}
.textarea p+h6,.textarea ul+h6,.textarea ol+h6 {margin-top: 2em;}
.textarea figure+h1,.textarea figure+h2,.textarea figure+h3,.textarea figure+h4,.textarea figure+h5,.textarea figure+h6 {margin-top: 3em}

.textarea h1 {font-size: 1.3em;background: #3c3c41;padding: 15px 15px 16px;text-align: center;margin-bottom: 0.75em;color: #fff;}
.textarea h2 {font-size: 1.22em;padding:4px 0 5px .5em;border-left: 6px solid;}
.textarea h3 {font-size: 1.1em;;}
.textarea h4 {font-size: 1.1em;font-weight:500;}
.textarea.gothic h3, .textarea.gothic h4 {font-weight: bold;}
.textarea h5 {font-size: 1.05em;margin-bottom: .2em;text-indent: .2em}
.textarea h6 {font-size: 1.05em;margin-bottom: 0;}
.textarea h3:before {content: "◎";padding-right: .1em}
.textarea h5:before {content: "■";margin-right: 0.2em;font-size: 9px;top: -2px;position: relative;}

.textarea h1+h2 {margin-top: 1em }
.textarea h1+h3,.textarea h1+h4,.textarea h1+h5,.textarea h1+h6 {padding-top: .3em}
.textarea h2+h3,.textarea h2+h4,.textarea h2+h5,.textarea h2+h6  {padding-top: .4em}
.textarea h3+h4,.textarea h3+h5,.textarea h3+h6  {padding-top: .2em}
.textarea h4+h5,.textarea h4+h6  {padding-top: .2em}
.textarea h1+figure,.textarea h2+figure,.textarea h3+figure,.textarea h4+figure,.textarea h5+figure,.textarea h6+figure {padding-top: .4em;}

.textarea small {font-size: 0.85em;}


.textarea figure figcaption,.textarea p.img+p.caption,.textarea p.wp-caption-text {font-size: 1.2rem;}
.textarea figure figcaption:before ,.textarea p.img+p.caption:before,.textarea p.wp-caption-text:before {content: "▲";display: inline-block;padding: 0 .25em 0 .5em;font-size: 1rem;}
.textarea div.wp-caption {;}

.textarea ul ,.textarea ol {padding: 0 0 0 2.3em;}
.textarea ul.nohead ,.textarea ol.nohead {padding-top: .2em;margin-top: 0;}
.textarea h1+ul,.textarea h2+ul,.textarea h3+ul,.textarea h4+ul,.textarea h5+ul,.textarea h6+ul {padding-top: .2em;margin-top: 0;}
.textarea h1+ol,.textarea h2+ol,.textarea h3+ol,.textarea h4+ol,.textarea h5+ol,.textarea h6+ol {padding-top: .2em;margin-top: 0;}
.textarea li {list-style: disc;}
.textarea ul li li {list-style-type: circle}
.textarea ul ul,.textarea ul ol,.textarea ol ol,.textarea ol ul {padding-top: .2em}
.textarea ol,.textarea ul {}
.textarea ol>li {list-style: decimal;margin-bottom: 0.4em;    line-height: 1.8;}
.textarea ol ul {}
.textarea ul.bottomspace>li ,.textarea ol.bottomspace>li {margin-bottom: 1em;}
.textarea li.sub {padding-left: 0px;list-style:none;margin-top: .5em;}
.textarea blockquote {border-left:1px solid;padding-left: .75em;margin-left: 1.5em;}

.textarea div.float>* {float: left;margin-right: 10px;}

.textarea span.marker,span.marker {font-weight: 600;vertical-align: baseline;background:linear-gradient(transparent 70%, rgba(241, 255, 0, 0.5) 70%);padding: 0 5px;}

.textarea blockquote {border-left: 2px solid #ddd;padding-left: 1.5em;margin-left: 1.5em;margin-bottom: 1.5em;}
.textarea figure.iframe_wrap {overflow: auto;}
.textarea blockquote p:last-child {padding-bottom: .5em} 

.textarea table.nohead {padding-top: .2em;}

/****************************************

font-size 

*****************************************/
html { font-size: 62.5%; } /* 1emが10px */
body {font-size:16px;font-size: 1.6rem;}


/****************************************

レイアウト
main article:last-child section {padding-bottom:calc(90px + 6vw);}
*****************************************/
/* レイアウト */
main {display: block;}
body.home main ,main.facility {padding-bottom: 0;}

/* :::: コンテンツ部分共通 :::: */
.archive .news .contents {}

body.home main article {position: relative;z-index: 30;padding-bottom:calc(80px + 4vw)}

section.block {max-width: 1200px;margin: 0 auto;position: relative;padding-left: 20px;padding-right: 20px;}
section.block.nopadding {padding-left:0px;padding-right:0px}
section.block.wide {max-width: 1320px;}
section.block.column {max-width: 950px;}/* :お知らせ: */
.flex_mason,.mason_block {max-width: 1200px;margin: 0 auto;}
main.gallery .flex_mason {max-width: 1600px;}
.single_column {max-width: 980px;margin: 0 auto;}

section.block.narrow {max-width: 950px;}
.home section.block {padding:8vw 0 6vw;}
.home section.block.nopadding {padding: 0} 
section.block.hastitle {padding-bottom:  0;}

section.block.hastitle+section {padding-top: 0}
article.nopadding section.block  {padding: 0}
.breadcrumbs+article section {padding-top: 0;}


/* ::  mason ::  */
article.mason .floatry {}
article{padding: 0 28px}
article.mason.space {padding: 0 22px;} 
article.fullwidth {padding: 0}
article.mason.space section.block {max-width: 1092px;} 
article.fullwidth section.block {max-width: none;}
article.mason section.nomason {padding: 0 10px;} 

.mason.space .item {border: 6px solid ;border-top:0;border-bottom: 14px solid;border-color:rgba(255, 255, 255, 0);}
.mason .item {width: 33.33%;display: block; float: left;}
.mason a.item img {width: 100%;}

.facility_neo a .number {color:#262626;}
.facility_neo .hover-caption .item figcaption {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.8);opacity: 1;color: #fff;display: flex;justify-content: center;align-items: center;}
.facility_neo .hover-caption .item:hover figcaption {opacity: 1;}
.facility_neo a.item:hover {color: inherit;}
.facility_neo a.item:hover img,.mason .floatry.outer-caption a:hover figure {opacity: .75;}

.floatry.outer-caption figcaption {display: none;}
.caption h3 {font-weight: 500;font-size: 1.4rem;line-height: 1.5;padding: 6px 0 5px;font-feature-settings: "palt";font-family: "Shippori Mincho", serif;}
.facility_neo .caption h3  {font-size: 1.7rem;}

.caption h3 small {font-size: 1.3rem;display: inline-block;}
.caption h3 span {display: inline-block;}
.caption h3 small {padding-right: .5em;}
.caption h3 span {padding-right: .5em;}
.caption .information {font-size: 1.2rem;line-height: 1.3;padding-bottom: 6px;}
.caption {margin-bottom: 0px;}



/****************************************

施設（mason）

*****************************************/

/* :::: 施設キャプション :::: */
.mason .show-caption .item figcaption {
	position: absolute;top: 0;width: 100%;height: 100%;
	color: #fff;display: flex;justify-content: center;
	align-items: center;background:rgba(4, 49, 73, 0.44);
	padding: 12px;font-size: 1.8rem;}

.mason.fullwidth .floatry .item>a figcaption {transition: all 1s linear;}
.mason.fullwidth .floatry show-caption .item>a:hover figcaption {background: rgba(4, 94, 140, 0.24);}
.mason .item .show-caption figure:after {
	content: '';
	position: absolute;display: block;
	width: 9px;height: 9px;border: 1px solid;
	border-color: #fff #fff transparent transparent;transform: rotate(45deg);bottom: 23px;}

.mason .item .show-caption figure:before {
	content: '';
	position: absolute;
	display: block;
	width:120px;height: 30px;
	border: 1px solid;border-color: #fff;
	bottom: 12px;transition: all 0.2s linear;z-index: 100;}

/* :::: shadow-caption :::: */
.mason .shadow-caption .item figcaption{position: absolute;bottom: 0;width: 100%;
/* グラデーション */
background: linear-gradient(to top,rgba(0,0,0,.3) 0,transparent);
color: #fff;padding: 10% 0px 9px 9px;z-index: 100;
display: none;}

.mason .shadow-caption .item .hoveraction {position: absolute;width: 100%;height: 100%;opacity: 0;transition: all .33s linear;z-index: 90;background-size: cover;background-position: center;top:0;left: 0;background-color: rgba(255, 255, 255, 0.9);}
.mason .shadow-caption .item a:hover .hoveraction {opacity: 1;}
.mason .shadow-caption .item a .hoveraction:before {background-color: rgba(0, 0, 0, 0.0);z-index: 90;content: '';position: absolute;display: block;width: 100%;height: 100%;}
/* .mason .shadow-caption .item a .hoveraction:after {content: '';position: absolute;display: block;width: 18px;height: 18px;border: 2px solid;border-color: #fff #fff transparent transparent;transform: rotate(45deg);top:50%;left:50%;z-index: 95;margin-left: -9px;margin-top:-9px;}*/
.mason .shadow-caption p.no-image {display: flex;flex-direction: column;justify-content: center;color: #fff;font-size: 1.3rem;}
.home .floatry .facility_type {display: flex;}
.facility_type.capsule {line-height: 1.5;font-size: 1.1rem;display: flex;flex-wrap: wrap;}
.caption .facility_type.capsule {margin-top: 3px;}
.facility_type.capsule a {margin-right: 6px;
color: #555;
background: #ffd600;
padding: 0 8px;
border-radius: 10px;
margin-bottom: 6px;
display: block;
height: 20px;
line-height: 20px;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;text-decoration: none;}
.facility_type.capsule a:hover {opacity: .75;}
.mason figcaption h3 {font-weight: bold;}
.bg_color .facility_type.capsule a  {color:#034d00;background:rgba(255, 255, 255, 0.5);font-weight: bold;}
/* 施設ナンバー */
.facility_neo .number {
font-family: sans-serif;
	font-weight: bold;
	position: absolute;
	right: 0;
	bottom:0;

	background: #71a639;

	justify-content: center;
	align-items: center;
	height: 40px;
	width: 40px;
	font-size: 1.6rem;z-index: 100;letter-spacing: 0;
	display: none;
    }

.facility_neo .number {background:#38260f;color:#ffd600 !important ;position: relative;height: 20px;width: 30px;margin-top: 18px;font-size: 1.5rem;text-decoration: none;}
.facility_neo .number::before ,#areamap .item h3 a::before {content: "";
width: 0;
height: 0;
border-style: solid;
border-top: 0;
display: block;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 8px solid #38260f;
font-size: 1.6rem;
position: absolute;
top: -8px;
}

.facility_neo a.number:hover {opacity: .7}
.facility_neo .caption {display: flex;justify-content: space-between;}
.facility_neo a .number {display: none;}
.facility_neo .caption>div {padding-right: 12px;flex: 1;}

.facility_neo .number {display: flex;}
.park_point  {display: inline-block;font-weight: bold;background: #71a639;padding: 0 6px;color: #000;margin-right: 2px;width: 20px;text-align: center;margin-right: 2px;}

/* floatry（高さ固定mason） */
.mason .floatry .item>a {display: block;position: relative;}
.mason .floatry .item>a figure {width: 100%;background-size: cover;background-position: center;position: relative;display: flex;justify-content: center;}
.mason.space .floatry .item>a figure {height: 100%;background-repeat: no-repeat;border: 1px solid #d4d4d4;}
.mason .floatry .item>a figure {height: 100%;background-color: #fff;}/* フルワイド型ではパネルの高さは「サイトの幅」に準じる（基本タイプははJQで計算付与） */

/* :::::: 画像タイトル（固定ページ） :::::: */
article#imagetitle {padding-top: 80px;padding-bottom: 50px;background-position: center center;background-size: cover;background-repeat: no-repeat;min-height: 440px;display: flex;justify-content: center;align-items: center;color: #fff;overflow: hidden;position: relative;margin-bottom: 0px;}
article#imagetitle div {z-index: 10;}
article#imagetitle div.moji {font-size: 1.7rem;;letter-spacing: .1em;top: -10px;position: relative;}
article#imagetitle .cover {width: 100%;height: 100%;position: absolute;background: rgba(30, 119, 40, 0.8);background:rgba(92, 74, 0, 0.64);z-index: 5;left:0;top:0;background:rgba(0, 45, 1, 0.5);}
article#imagetitle div h3 {font-size: 6.5rem;line-height: 1.2;letter-spacing: .075em;text-align: center;font-family: 'Cabin', sans-serif;color: #fff;}
article#imagetitle div h3.jp {font-size: 3.8rem;line-height: 1.2;font-family: "Shippori Mincho", serif;margin-bottom: 12px;}
article#imagetitle div h4 {letter-spacing: .3em;font-size: 1.1rem;text-align: center;padding-top: 4px;font-weight: bold;font-family: arial;}
article#imagetitle div h3 small {display: block;font-size: 0.8em;margin-bottom: 9px;}
body.archive.tax-facility_type article#imagetitle div h3,body.category article#imagetitle div h3{font-size: 4.0rem;}
article#imagetitle:before {content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 3;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.5));
}
/* :::: NIVO SLIDER :::: */
.home #slide {position: fixed;display: none;}
.home #slide .wrapper {position: relative;}
.nivo-controlNav {position: absolute;}
.home #slide #smart-slider {display: none;}

/* :: swiper メガタイトル :: */
article#megatitle {margin-bottom: 0;top: 0;position:absolute;width: 100%;z-index: 1;display: none;position: relative;min-height: 700px;height: 100vh;}

/* :::: swiper ＝背景画像をブラウザサイズに＝ :::: */
.swiper-container.full .swiper-wrapper .swiper-slide {
background-position: center center;background-size: cover;background-repeat: no-repeat;
height: 100vh;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;
display: flex;justify-content: center;align-items: center;min-height: 700px;}


/* ＝＝＝＝ sns ＝＝＝＝＝＝ */

.sns_button {display: flex;margin-top: 5em;justify-content:flex-end;}
.sns_button a {height: 26px;width: 80px;background: pink;display: block;margin-left: 9px;padding-top: 5px;overflow: hidden;border-bottom: none;}
.sns_button a .svg {height: 16px;margin: 0 auto;display: block;}
.sns_button a.twitter {background:#0f1419;padding-top: 6px;}
.sns_button a.twitter svg {height: 12px;}
.sns_button a.facebook {background: #1877f2;}
.sns_button .svg path {fill:#fff;}
.sns_button a:hover {border-bottom: none !important;}
 

/* ＝＝＝＝ シェイプ ＝＝＝＝＝＝ */
.title_shape {position: absolute;
bottom: -260px;
width: 155%;
height: 300px;
border-radius: 100% 100% 0 0;
}

main.report .title_shape {display: none;}
.title_shape.yello {background:#ffda1a url(i/pattern/fabric-of-squares.png) !important;}
body.home main .title_shape {}
main.bg_color .title_shape {display: block;}
main.bg_color article#imagetitle {;}
@media screen and (max-width: 740px) { 
.title_shape {bottom: -150px;height: 200px;}
body.home main .title_shape {display: none;}
}


/****************************************

スクロール連動ナビ

*****************************************/
.scroll_navi{position: fixed;transition: .5s;z-index: 40;right: 14px;
    top: 50%;
    margin-top: -87px;}
.scroll_navi.hide{transform: translateX(120px);}

.scroll_navi a {display: block;height: 36px;width: 36px;justify-content: center;
align-items: center;
display: flex;
font-weight: bold;
font-size: 2.4rem;
font-family: 'Zen Maru Gothic', sans-serif;background: #0c5800;
color: #fff;border-radius: 50%;position: relative;}

.scroll_navi a::before {content: "";width: 100%;height:100%;display: block;;transition: all .2s linear;}
.scroll_navi a.facebook {background:#1877f2;}
.scroll_navi a.facebook::before {background: url(i/sns/f/facebook.svg);background-size: 60%;background-position: center;background-repeat: no-repeat;}

.scroll_navi a.insta {background:linear-gradient(to right,rgba(247, 207, 0, 0.7),rgba(246, 37, 2, 0.7) 45%,rgba(182, 47, 82, 0.7) 75%,rgba(113, 58, 166, 0.7));background-color: #ccc;}
.scroll_navi a.insta::before {background: url(i/sns/f/instagram.svg);background-size: 60%;background-position: center;background-repeat: no-repeat;}

.scroll_navi a.twitter {background:#000000;}
.scroll_navi a.twitter::before {background: url(i/sns/f/x.svg);background-size: 48%;background-position: center;background-repeat: no-repeat;}
.scroll_navi a.map {border-radius:0;background: none;transition: all .2s linear}
.scroll_navi a.map::before {background: url(i/sns/f/pin2.svg);background-size: 60%;background-position: center;background-repeat: no-repeat;}

.scroll_navi a:hover {transform:scale(1.3)}
.scroll_navi a:hover::before  {}

.scroll_navi a+a {margin-top: 10px;}
/****************************************

共通レイアウト

*****************************************/

/* :::: newsなどのコーナータイトル :::: */
div.title h3 {font-size:7.2rem;line-height: 1;letter-spacing: .075em;font-family: 'Cabin', sans-serif;word-break: break-all;}
div.title {text-align: center;margin-bottom: 2vw;color: #444;color: #435445;}
div.title h4 {letter-spacing: .3em;
border-bottom: 0px solid #444;
padding-bottom: 14px;
font-size: 1.2rem;
padding-top: .5vw;font-family: sans-serif;
}
article.mason div.title {padding: 0 12px;}

.title.mini_title h3 {font-size: 5.2rem;}

.bg_color div.title {color: #fff;}
div.title.mini {margin-bottom: .33em}
div.title.mini,div.title.mini h3 {font-size: 4rem;}
div.title.mini.align-left {text-align: left;}
div.title.middle,div.title.middle h3 {font-size: 5.5rem;}
div.title.straight {display: flex;flex-wrap:wrap;    align-items: baseline;}
div.title.straight h4 {padding-bottom: 0;letter-spacing: 0.1em;}
/* :::: ニュースライン :::: */
.newsline li {width: 100%;}
.newsline li {padding: 12px 20px 12px 0;border-bottom: 1px solid #435445;margin:0;display:block;position: relative;align-items: center;line-height: 1.5;}
.newsline li:first-child {border-top: 1px solid #435445;}
.newsline li p {padding-bottom: 0}
.newsline li .date {color: #444;font-size: 1.1rem;white-space: nowrap;margin-top: 2px;padding-bottom: 2px;font-feature-settings: "palt";}
.newsline a.title small {display: block;}
.newsline a.title:hover {box-shadow: 0 1px 0 0 currentColor;}

/* :::: ニュースカテゴリー :::: */
div.post-categories {display: flex;margin-top: 3px;align-items: center;flex-wrap: wrap;}
div.post-categories>* {white-space: nowrap;
margin-right: 7px;
padding: 0 5px;
background-color:#ffd600;
font-weight: bold;
border-radius: 3px;
color: #666;
font-size: 11px;
font-size: 1.1rem;
font-weight: normal;
line-height: 24px;
letter-spacing: 0;
text-align: center;
vertical-align: middle;
height: 24px;margin-bottom: 5px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}


div.post-categories a {text-decoration: none;color:#4e4e4e !important;font-weight: bold;}
div.post-categories .new{background: #C93935;
color: #fff;
border-radius: 0;
font-family: arial;
font-weight: bold;
/* letter-spacing: .1em; */
padding: 0 12px 0 12px;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
height: 22px;
line-height: 22px;}

/* :::: READMORE共通 :::: */
a.more {display: block;
text-align: center;
margin-top: 16px;
position: relative;
font-size: 1.3rem;
background-color: #fff;
max-width: 200px;
text-align: center;
position: relative;
font-weight: bold;
color: #435445;
border-radius: 25px;
white-space: nowrap;
height: 50px;
line-height: 50px;
font-size: 1.8rem;}

a.more:hover {opacity: .75}

/* :::: ニュース一覧パネル式 :::: */
.news_flex.flex_mason>.item {margin-bottom: 30px;} 
.news_flex .caption h3 {font-size: 1.4rem;}
.news_flex .caption h3 .pre {    font-size: 1.2rem;margin-bottom: 2px}
.news_flex .caption h3 .after {    font-size: 1.2rem;margin-bottom: 2px;margin-top: 2px}
.news_flex .caption .sub_txt {font-size: 1.1rem;font-weight: normal;display: block;font-family: arial narrow;
font-feature-settings: normal;
margin-top: 3px;
opacity: .7;}
.flex_mason .caption .date {font-size: 1.1rem;opacity: .7;font-family: arial narrow;}

/****************************************

ヘッダー（レイアウト）

*****************************************/
header section.headline {padding: 0;top:0;width: 100%;z-index: 170;background:#fff;position: fixed;box-shadow: 0px 1px 6px rgba(0, 0, 0, 0.1);}

/* :::: ヘッダーナビ（レイアウト） :::: */
header nav {font-family: sans-serif;letter-spacing: 0.05em;font-size: 1.0rem;width: 100%;height: 64px;}
header nav a {display: block;height: 100%;}
header nav .menu {height: 100%;}
header nav>* ,.menu-global-container{height: 100%}
header nav a div {text-align: center;line-height: 1.3}
header nav,header nav a,header nav ul.menu>li>a:hover{color: #444;}


/* :: 英字 :: */
header nav a h3 {font-size: 1.1rem;letter-spacing: .1em;color: #777;font-weight: bold;margin-bottom: 2px;}
header nav a sub {font-size: 1.1rem;color: #888;  transform:scale(0.9);display: block;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
.home header #headline nav .pc a sub {display: none;}
header nav .sub-menu a sub , .newsline sub {font-size: 1.4rem;letter-spacing: 0;}
header nav .sub-menu a h3 , .newsline h3 {font-size: 1.6rem;letter-spacing: 0;font-weight: normal;}
header nav li.news a>div {position: relative;}
header nav .hotnews li.news a>div:before {content: "";
position: absolute;
top: -10px;
font-size: 1.0rem;
left: 15px;
width: 5px;
height: 5px;
border-radius: 50%;
background-color: #ffd600;
margin-left:3px;}

/* :::: ヘッダーナビ（トップページ） :::: */
.home header section#headline {background-color: inherit;box-shadow: none;
/*
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0.0)));
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.0));
background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.0));
*/
}
.home header section#headline nav,.home header section#headline nav a,.home header section#headline nav ul.menu>li>a:hover{color: #fff;}
.home header section#headline nav a h3 {color: #fff;}
.home header section#headline a.title {display: none;}

header section#scroll_headline {position: fixed;top:0;opacity: 0;  visibility: hidden;  transition: 600ms;box-shadow:0px 1px 6px rgba(0, 0, 0, 0.1);}
header section#scroll_headline.view {opacity: 1; visibility: visible;}

.home .menu .no_home {display: none;}
.menu .home {display: none;}
.home .menu .home {display: block;}
img.logo-only {left: 20px;top: 16px;height: 31px;width: auto;}

/* :: ヘッダーナビに非表示 :: */
section.headline .no_header ,section#sidenav .no_header {display: none;}

/****************************************

ヘッダーナビ（右）

*****************************************/
header .right {float: right;display:-webkit-flex;display: flex;}
header .right .headernav {padding-right: 18px;display: flex;}
header .left {float: left;max-width: calc(100% - 42px);}
header nav ul.menu {display:-webkit-flex;display: flex;}
header nav ul.menu>li>a,a.menu{flex-direction: column;justify-content: center;align-items: center;display: flex;}
header nav ul.menu>li>a {line-height: 1.6;padding: 0 3px;margin: 0 3px;}

/* :::: 隠し要素の黒背景 :::: */
.mask  {width: 100%;cursor: pointer;height: 100%;position: fixed;z-index: 199;background: rgba(0, 0, 0, 0.85);top:0;left:0;display: none;}

/* :: マウスオーバーで下線 :: */
nav li>a {position: relative;overflow: visible;}
nav .underline ul.menu>li>a{padding-top: 10px !important;/* :: 下線の高さ分を相殺 :: */}
nav .menu>li>a:after {margin-left: -1px;content: '';display: block;background-color:#ffd600;height: 3px;width:0%;transition: all .1s ease-in;margin-top: 5px;}
nav .menu>li.trigger>a .arrow {border-style: solid;border-color: #333 transparent transparent transparent;border-width: 5px 3px 0 3px;position: absolute;bottom: 8px;visibility: hidden;}
nav .menu>li.onmouse.trigger>a .arrow {visibility: visible;}
nav .menu>li.onmouse>a:after{width:90% !important;}
nav .menu>li.current-menu-item>a:after ,nav .menu>li.current-menu-parent>a:after{width:90%;}
body.archive.category nav .menu>li.news>a:after,body.archive.date nav .menu>li.news>a:after,body.single-post nav .menu>li.news>a:after {width:90%;}

nav .menu>li.current-menu-item.no_border>a:after{width:0%;}

/* :: ニュース点滅 :: */
#newblink {position: absolute;top: 7px;
right: 410px;width: 6px;height: 6px;border-radius: 50%;background-color: #ffd600;}

/* :::: ハンバーガーボタン :::: */
div.bar {width: 30px;height: 3px;margin: 7px auto;background-color:#fff;}
.hamburger  {padding: 0 18px;background:#ffd600;}

/* :: 新しいヘッダーナビ :: */
#neo_headline nav {display: flex;justify-content: space-between;width: 100%;}
#neo_headline nav .rightside {display: flex;}

header section#neo_headline.headline {position: absolute;top: 0;background: none;box-shadow:none;}
#neo_headline .hamburger {position: fixed;right: 0;top: 0;height: 64px;}
#neo_headline div.bar {background-color: #034d00;}

header #neo_headline.headline .headernav ul.menu {margin-right: 0;}
header #neo_headline.headline .rightside {padding-right: 64px;}
header #neo_headline.headline .headernav {display: flex;flex-wrap:wrap;}
header #neo_headline.headline .headernav a.email.icon {width: 60px;background-image:url(i/icon/email_f.svg);background-position: center;
background-repeat: no-repeat;background-size: 24px;}
header #neo_headline.headline .headernav a:hover.email.icon {background-color: #444;}
#neo_headline .hamburger {padding: 0;}
#neo_headline .hamburger a {width: 66px;}
#neo_headline .hamburger a:hover div.bar {width: 40px;;}

			header #neo_headline.headline nav a h3,header #neo_headline.headline nav a sub {color: #fff;}
			header #neo_headline.headline nav a sub {display: none}
			header #neo_headline.headline nav a h3 {margin-bottom: 0;font-size: 1.1rem;}
			body.home header #neo_headline.headline nav a sub {display:block;}
			body.home header #neo_headline.headline nav a h3 {margin-bottom: 0px;}
			header #neo_headline.headline a.title img {height: 30px;width: auto;}
			header #neo_headline.headline a.title img.smart {display: none;height: 44px;} 
			header #neo_headline.headline #menu-item-2061 {display: none;}

body.single-facility header #neo_headline.headline nav .menu>li#menu-item-2203 a:after {width: 90%;}

			header #neo_headline.headline nav .menu>li>a:after {margin-top: 3px;}
body.home header:before	{content: "";
width: 100%;
height: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 10;
background-image: linear-gradient(to top, rgba(255, 255, 255, 0) 60%, rgba(0, 0, 0, 0.5));}


.single-gallery header section#neo_headline.headline {position: relative;}



@media screen and (max-width: 740px) {
	header #neo_headline.headline a.title img.smart {display:block;} 
	header #neo_headline.headline a.title img.normal {display: none;} 
}

/* :: ハンバーガーボタン、左スライドメニュー ::  */
#sidenav {line-height: 1.5}
#sidenav menu {width: 100%;height: 100%;display: none;position: fixed;top: 0;left: 0;background:#f0eddf;width: calc(100% - 60px);max-width: 340px;overflow-y:auto;z-index: 200;white-space: nowrap;padding: 60px 0px;}
#sidenav menu .text-nav a {transition: all 0.1s linear;text-overflow: ellipsis;overflow: hidden;display: block;color: #222;padding-left:24px;padding-right:24px;text-align: center;}
#sidenav menu .text-nav ul li {border-bottom: 0px solid #222;}

#sidenav menu .global ul.menu>li {}
#sidenav menu .global ul a {padding-bottom:9px;padding-top:9px;}
#sidenav menu .global ul a h3 {font-size: 1.9rem;letter-spacing: .1em;font-weight: bold;}
#sidenav menu .global ul a sub {font-size: 1.1rem;display: block;padding-top: 2px;}
#sidenav menu .add_menu {margin-top: 32px;margin-bottom: 32px;}
#sidenav menu .add_menu ul.menu>li a sub {vertical-align:middle;}
#sidenav menu .add_menu ul a {padding-bottom: 9px;padding-top: 9px;}

#sidenav menu .text-nav a:hover {background:#ffd600;transition: all 0.1s linear;} 

/* サイトタイトル */
.headline a.title {display: block;padding-left: 20px;padding-top: 19px;}
.headline a.title img {width: 230px;height: auto;}

/* :::: SNSボタン :::: */
.sns a path {fill: #505050;}
header .headline .headernav ul.menu {margin-right: 18px;}
.home header #headline .sns a path ,footer .sns a path ,.bg_color  .sns a path {fill: #fff;transition: all 0.2s linear;}

.home header .sns a:hover path,header #headline .sns a:hover path ,footer .sns a:hover path,.bg_color  .sns a:hover path{fill: #ffd600;transition: all 0.2s linear;}
menu.slidemenu .sns a path {transition: all 0.2s linear;}
menu.slidemenu .sns a:hover path {fill:#c4c053;transition: all 0.2s linear;}

.sns {display: flex;align-items: center;justify-content: center;}
.sns a{width: 18px;height: 18px;}
.sns a:first-child {margin-left: 0;}
.sns .button {margin: 0 0 0 18px;}
.sns a svg {height: 100%;width: 100%;vertical-align: top;}

#youtube-area {
  width: 100%;
  height: 100vh;
z-index: 1;
position: fixed;
background-color: #ffd600;
display: none;
}
#sidenav menu .sns {}
#sidenav menu .sns a {width:24px;height:24px;}

/****************************************

トップページコーナー

*****************************************/
/* :::: アバウト :::: */
div#about_block {padding-top:calc(20px + 3vw);text-align: center;;}

/* :::: イントロダクション :::: */
article#introduction {background-color: #ffd600;background: #ffda1a url(i/pattern/fabric-of-squares.png);padding-bottom: 0;}
article#introduction .title {color:#034d00;margin-bottom: 1.6vw}
article#introduction div.title h4 {border: none;color: #344d37;}
article.introduction section {padding-top: 8vw;font-size: 2.6rem;padding-bottom: 8vw;max-width: 880px;}
article#introduction section {padding-top: 0;}

article.introduction {color:#034d00;}
.introduction dt h4 {font-weight: bold;border: 6px solid #fff;line-height: 1.5;padding: 16px 18px;font-size: 2.7rem;text-align: center;}
.introduction dt h4 small {font-size: 1.2rem;display: block;letter-spacing: 1em;margin-left: -.5em}

.introduction dl {font-weight: bold;line-height: 1.7;text-align: justify;text-justify: inter-ideograph;}
.introduction dd.alignCenter p {text-align: center;}
.introduction dt {margin-bottom: 3vw;padding-top: 1vw;}
.introduction dd span {display: inline-block;}
.introduction dl dd p {margin-top: 1em;}
.introduction dl dd p:first-child {margin-top: 0rem;}
article#introduction2 {color: #fff;background: url(i/grass.jpg);background-size: cover;background-position: center;position: relative;}
article#introduction2.introduction h4 {border: 6px solid #ffd600;}
article#introduction2 .timeline {margin: 5vw auto 1vw;max-width: 100%;width: auto;}

article#introduction2 .masking {background-color: rgba(43, 39, 5, 0.75);position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 5;display: block;}
article#introduction2  section.block {z-index: 10;padding-top: 7vw;}
article#introduction2  section.block dl a {color: #fff;border-bottom: 1px solid;display: inline-block;line-height: 1.3;}
article#introduction2  section.block dl a:hover {opacity:.75;}
article#introduction2 div.sisatsu {text-align: right;margin-top: 12px;}

div.sisatsu a {display: flex;
background: url(i/sisatsu/bg.jpg);
min-height: 90px;
color: #fff;
font-weight: bold;
letter-spacing: .1em;
font-size: 1.9rem;
text-align: center;
position: relative;
background-position: center;
background-size: cover;
z-index: 12;
width: 100%;
align-items: center;
justify-content: center;
flex-flow: column;}
div.sisatsu a:before {background: rgba(0, 0, 0, 0.33);display: block;content: "";position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;}
div.sisatsu a span,div.sisatsu a small {position: relative;z-index: 12}
div.sisatsu a small {font-size: 1.3rem;}
div.sisatsu.hiroba a {background: url(i/banner/hiroba.jpg) center;background-size: cover;}
div.sisatsu a.arrows:after {border-color: #fff #fff transparent transparent;z-index: 120;}

/* :::: ニュース　#ffd600 :::: */
#information{background-attachment: fixed;background: #ffda1a url("i/textures/noisy-grid.png");}
#information .wrap>div{float: left;}
#information .wrap #news {width: calc(100% - 390px);}
#information .wrap #news .title+ul.newsline {margin-top: 32px}
#information .wrap #fb {overflow:auto;float: right;text-align: center;}
#information .wrap #fb .fb500 {width: 500px;display: none;}
#information .wrap #fb .fb300 {width: 360px}
.fb_iframe_widget span {display: block;}

/* :::: 隙間画像 :::: */
.separate_img {background: url(i/separate/01.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;
height:30vw;position: relative;overflow: hidden;max-height: 480px;padding: 0 !important;min-height: 260px;}
#about .separate_img.img1 {background: url(i/separate/about/01.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;} 
#about .separate_img.img2 {background: url(i/separate/about/02.jpg);background-position: center;background-repeat: no-repeat;background-size: cover;} 

.separate_img img {width: 60px;height:auto;position: absolute;bottom:20px;left:20px;}

.separate_img.delta::before {content: "";
background: #ffda1a url(i/pattern/fabric-of-squares.png) !important;
width: 110%;
height: 5vw;
position: absolute;

display: block;

clip-path: polygon(0 0, 100% 100%, 100% 0);}

.separate_img.delta.delta_top::before {top: -2px;left: -2px;}

.separate_img.glass1-color::before {background: #107800 url(i/pattern/fabric-of-squares.png) !important;}

/* :::: ニュース下バナー :::: */
#information .wrap .add_banner2 {display: flex;justify-content: space-between;width: 100%;margin-top:60px;flex-wrap:wrap;}
#information .wrap .add_banner2>div {width: calc(33% - 8px);margin-bottom: 16px;}
#information .wrap .add_banner2>div a {padding:18px;display: flex;min-height: 90px;color: #fff;font-weight: bold;letter-spacing: .1em;font-size: 1.9rem;text-align: center;position: relative;z-index: 12;width: 100%;align-items: center;justify-content: center;flex-flow: column;min-height: 120px;}
#information .wrap .add_banner2>div.lost a {padding: 9px 18px}
#information .wrap .add_banner2>div.lost a span {font-size: 1.4rem;}
#information .wrap .add_banner2>div.dammy {margin-bottom: 0;}
#information .wrap .add_banner2>div a:hover {}

.add_banner2 a:before {background: rgba(0, 0, 0, 0.33);display: block;content: "";position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;}
.add_banner2 a span,.add_banner2 a small {position: relative;z-index: 12}
.add_banner2 a small {font-size: 1.3rem;}
.add_banner2 a+p.add {font-size: 1.2rem;margin-top: 6px;letter-spacing: .02em;line-height: 1.5;font-weight: bold;}
.add_banner2 div.sisatsu a {background:url(i/sisatsu/bg.jpg) center;background-size: cover;}
.add_banner2 div.hiroba a {background:url(i/banner/hiroba.jpg) center;background-size: cover;}
.add_banner2 div.food a {background:#cd3609 url(i/foodtrack3.jpg) center;background-size: 100% auto;background-repeat: no-repeat;}
.add_banner2 div.food a:before {content: none;}
.add_banner2 a.arrows:after {border-color: #fff #fff transparent transparent;z-index: 120;padding: 0;}
.add_banner2 a.arrows {}

.add_banner2 div.marche a {background: #ebf0d7 url(i/banner/marche.jpg) center;background-size: auto 100%;background-repeat: no-repeat;}
.add_banner2 div.marche a:before {content: none;}
@media screen and (max-width: 920px) {
	#information .wrap .add_banner2>div {width: calc(50% - 8px);}
}

@media screen and (max-width: 580px) {
	#information .wrap .add_banner2>div {width:100%;}
}
#information .wrap #news .wrapper {flex: 1;}
#information .wrap #news .wrapper .ttl {font-feature-settings: "palt";font-size: 1.6rem;}
#information .wrap #news .wrapper .ttl .sub_txt {font-size: 1.2rem;}
#information .wrap #news div.title {color: #435445;}
#information .wrap #news li a {color: #435445;font-weight: bold;display: flex;}
#information .wrap #news li a:hover {box-shadow:none;opacity: .5}
#information .wrap #news li a:hover .ttl {}
#information .wrap #news li a:after {content: '';
position: absolute;
right: 12px;
display: block;
width: 9px;
height: 9px;
border: 1px solid;
border-color: #444 #444 transparent transparent;
transform: rotate(45deg);
top: 50%;
margin-top: -5px;}

#information .wrap #news li figure {width:15%;margin-right: 12px;margin-bottom: 0;min-width: 80px;}
#information .beba_story {border-top: 1px solid ;margin-top: 32px;}

#fb .sns {margin-top: 24px;}
#fb .sns a {width: 24px;height: 24px;}

/* :::: アクセス :::: */
.flex {display: flex; }
.flex.flex50 {flex-wrap:wrap;}
.flex.flex50>div {width: 50%;}
.flex.flex50>div.left {padding-right: 10px;}
.flex.flex50>div.right {padding-left: 10px;}

/* :::: エリア情報 :::: */
body.home picture.moritopia {    max-width: 450px;
    margin: 0 auto;
    display: block;
    width: 70%;}
#area_journal .flex_mason {}
#area_journal .flex_mason a.item {padding: 0.75em ; background: #00000029;
    margin-bottom: 0.5em;}
#area_journal .flex_mason>div.full {width: 100%;}
#area_journal .lead {display: block;}
#area_journal .flex_mason a.item {color: #fff;;text-decoration: none;position: relative;display: block;    letter-spacing: 0.025em;border-bottom: none;}
#area_journal .flex_mason a.item:hover {background:#00000040}
#area_journal .flex_mason a.item::after {content: '';position: absolute;right: .75em;display: block;width: 9px;height: 9px;border: 1px solid;border-color: #fff #fff transparent transparent;transform: rotate(45deg);top: 50%;margin-top: -5px;z-index: 12;}

#area_journal .lead {font-size: 1.6rem;}
#area_journal .dist {font-size: 1.1rem;margin-top: 5px;display: flex;align-items: center;letter-spacing: 0.05em;    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
#area_journal .dist::before {content: "";display: block;background: url(i/icon/walk.svg) no-repeat center;background-size:contain;width:18px;height: 18px;margin-right: 2px;}
#area_journal .dist.car::before {display: block;background: url(i/icon/car.svg) no-repeat center;background-size:contain;width: 24px;margin-right: 7px;}
#area_journal a.moritopia.item {padding: 10px 60px 2px 10px}
#area_journal a.moritopia img {max-width: 320px;width: 100%;}
#area_journal .moritopia-txt {font-size: 1.4rem;margin-bottom: 20px;}
#area_journal h4 {margin-top: 20px;}
/* :::: 事業概要 ABOUT :::: */
#about #about_pfi div.title h4 {font-size: 1.6rem;}
#about article#imagetitle {height: 50vh;}
#about article#imagetitle div h3 {font-size: 14.5rem;}
#about .contents .txt h2 {margin-top: 70px;}
#about .contents .txt h2:first-child {margin-top: 0px;}
#about .contents .txt h2+table {margin-top: 6px;}
#about .contents .txt figure {margin-top: 12px;}
#about .contents .txt h4 {;}
#about .contents .txt h4.first {;}
#about .contents .txt h4:before ,#about .contents h5:before ,#about .contents h6:before {content: ""}
#about .flex>div.title {padding-right: 30px;}
#about .flex>div.title h4 {border-bottom: none;}
#about .block .container h3 {font-size: 1.9rem;font-weight: bold;margin-bottom: 12px;}

#about .float>div {width: 60%;float: left;}
#about .float>div.right {padding-left: 20px;text-align: right;width: 40%;}
#about .float>div.right img {display: inline-block;margin-top: 12px}

#about .wrap  {border: 5px solid #ffd600;padding: 16px 22px 20px;margin: 9px 0;}
#about figure.flow {padding: 20px;background: #fff;display: inline-block;}

.mega_button {display: flex;width: 100%;flex-wrap: wrap;
border: 1px solid #034d00;
text-align: center;
color: #034d00;
padding:6px 12px;
letter-spacing: .075em;

font-family: 'Cabin', sans-serif;justify-content: space-between;
align-items: center;}
.mega_button a {color: #034d00}
.mega_button .chocolate {color:#034d00;}
.mega_button h3 {font-size: 2.4rem;margin: 0 6px;line-height: 1.5;}
.mega_button .sub {font-size: 1.1rem;letter-spacing: .3em;margin-right: auto;}
.mega_button::after {font-family: Material Icons Sharp;
content: "すべて見る";
font-size: 1.1rem;color: #034d00;text-decoration: underline;transition: all 0.2s linear}
a.mega_button:hover {background: #ffe8e8;}


#about .title_shape {display: none;}
figure. no-padding {padding: 0;}
@media screen and (max-width: 1080px) {
	#about .float>div{width: 100% !important;padding-left: 0;}
	}
#about h5 {font-size: 2.4rem;font-weight: 500;margin-bottom: 6px;}
#about h6 {font-size: 1.7rem;font-weight: 500;line-height: 1.8;margin-bottom: 0;margin-top: 0;}

#about .direct_area {margin-top: 100px;}
#about .direct_area .bg_box {color: #034d00;margin-top: 2em;font-size: 1.6rem;font-weight: bold;border-bottom: 0px solid;background: #ffd600;padding: 16px;line-height: 1.5;margin-bottom: 6px;}
#about .direct_area .bg_box.first {margin-top: 0px;} 
table.about  {border-spacing: 9px;border-collapse: separate;width: 100%; table-layout: fixed;font-size: 1.3rem;line-height: 1.6;min-width: 640px;}
.about_table_wrap {padding:0 0 6px;overflow: auto;}
table.about , table.about td, table.about th {}
table.about th {width: 30px;background: url(i/about/up.png);background-position: top center;background-repeat: no-repeat;}

table.about td,table.about th {	padding: 6px 9px;}
table.about td {border: 1px solid ;padding: 6px 20px;background: rgba(0, 0, 0, 0.15);}
table.about td ul {padding: 0 0 0 2.3em !important;}
table.about td p+ul {padding: 2px 0 0 2.3em !important;}
table.about tr.thead td {background: rgba(255, 255, 255, 0.75);border: 0px;text-align: center;vertical-align: middle;font-weight: bold;font-size: 1.4rem;color:#9e5589;}
table.about tr td.pink {border: 5px solid #9e5589;}
table.about td.dashed {border: 1px dashed;vertical-align: middle;}
table.about td strong  {text-decoration: underline;font-size: 1.4rem}
body main.page table.about ul {padding-left: 20px;}
table.about td strong  {margin-bottom: 6px;display: block;}


/* :::: エリアマップ :::: */
article#map #list {max-width: 825px;margin: 0 auto;}
article#map #list ul {line-height: 1.6;background: #f4f4f4;border-radius: 12px;padding: 6px 12px;margin-top: 12px; margin-bottom: 2px}
article#map section.block {padding-top: 2vw;padding-bottom: 2vw;}
article#map #list li {float: left;display: inline-block;font-size: 1.2rem;margin-right: 1em;padding-bottom: 5px;font-weight: bold;}
article#map #list li .number {font-weight: bold;}
article#map #list  li a {color: #444;text-decoration: none;}
article#map #list  li a .thin {color: #777;}
article#map #list  li a:hover {color: #27611f;}
article#map #list .parking_caution {font-weight: normal;color: #b82e2e;display: block;font-size: 1.1rem;}
article#map .wrap{position: relative;padding: 70px 0 100px;background-color: #fff;border:0px solid #ddd;}
article#map .smart_map {display: none;}
article#map .map {width: 825px;position: relative;margin: 0 auto;}
article#map img#shape1 {width: auto;margin: 0 auto;}
article#map #business_list {margin-top: 6px;line-height: 1.3}
article#map #business_list span {display: inline-block;font-size: 1.2rem;}

article#map .arrow_box {position: absolute;padding:8px 16px 16px;background: #ffd600;border-radius: 8px;-moz-border-radius: 8px;-webkit-border-radius: 8px;color: #555;display: none;width: 280px;
font-size: 1.3rem;box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);z-index: 5;}

article#map .arrow_box span {margin-bottom: 5px;display: block;line-height: 1.5;}
article#map #arrow_box_a.arrow_box {left: 534px;top: 16px;}
article#map #arrow_box_b.arrow_box {left: 600px;top: 70px;}
article#map #arrow_box_c.arrow_box {left: 470px;top: 366px;}
article#map #arrow_box_d.arrow_box {left: 390px;top:366px;}
article#map #arrow_box_e.arrow_box {left: 310px;top: 366px;}
article#map #arrow_box_f.arrow_box {left: 210px;top:366px;}
article#map #arrow_box_g.arrow_box {left: 490px;top: 470px;;}

article#map .data {position: absolute;color: #666;right: 16px;z-index: 5;top: 16px;font-size: 1.1rem;}
article#map .data p {text-align: right;}
article#map .data p.pc {font-weight: bold;}
.business_person {float: right;}
.business_person h4 {font-weight: bold;white-space: nowrap;}
.business_person ul.size {margin-top: 20px;text-align: right;}

article#map .parking {font-size: 1.3rem;
padding: 9px 12px;
border: 1px solid #777;
/* border-radius: 12px; */
margin: 6px auto 0;

}

ul.company {display: flex;flex-wrap:wrap;font-size: 1.2rem;}

.park_size {font-size: 1.2rem;margin-top: 3em;}

.click_guide {margin-bottom: .5em;font-size: 1.1rem;text-align: right;}
.click_guide p {display: inline-block;padding: 3px;color: #619c46;font-weight: bold;}

article#map .non_hover_map {overflow-x:auto;overflow-y: hidden;}
article#map .non_hover_map img {width:auto;margin: 0 auto;min-width: 600px;padding-bottom: 20px;}

@media screen and (max-width: 915px) { 
	article#map .smart_map {margin-top: 12px;}
	article#map .map {display: none;}
	article#map .data .pc ,.click_guide{display: none;}
	article#map .data {position: relative;top: 0px;right: 0;}
	article#map .data ul li {float: left;}
	article#map .data p {text-align: left;}
	.business_person {float: none;}

	.smart_flex {display: flex;}
	.business_person ul.size {margin-top: 0;}
	.business_person ul li:after {content: '、'}
	.business_person ul li:last-child:after{content: ''}
}

section.about_park {padding: 0 0 40px 0;}
.more a,.more>span {display: inline-block;background-color: #ffd600;max-width: 300px;text-align: center;position: relative;font-weight: bold;color: #435445;border-radius: 25px;white-space: nowrap;height: 50px;line-height: 50px;font-size: 1.8rem;min-width: 200px;}
.more a:hover {opacity: .75;}

.more>span.ready {background-color: #616161;color:#393939;}
#archives_panel .more {margin-top: 1em;}
#introduction2 .more {margin-top: 2em;}

.home article#facility {padding-bottom: 4vw;}
article#facility section.block {padding-top: 50px;}
.home article#facility section.block {padding-top: 3vw}
#calendar {background:#f4f4f4;}

#access {padding: 0;}

#calendar .calendar_wrap {overflow-x: auto;}
#calendar .calendar_wrap iframe {min-width: 750px;height: 800px;}

.calendar_error {font-size: 1.2rem ;text-decoration: underline;}

article.contents {padding-top:calc(60px + 4vw);}
main article.contents {padding-bottom:calc(80px + 4vw);}


/****************************************

投稿タイプ：POST（ニュース）

*****************************************/
main.news #imagetitle h5.date .new
{background: rgb(209, 118, 118);
border: none;
color: #fff;
border-radius: 14px;
font-family: sans-serif;
font-weight: bold;
font-size: 1.0rem;
letter-spacing: .1em;
padding: 0 6px;
display: inline-block;
height: 20px;
line-height: 20px;}

main.news #imagetitle h4.head {font-size: 1.9rem;}

/* :::: 投稿記事、写真部分 :::: */


/* :::: ２カラム投稿（お知らせ）のレイアウト :::: */
.news .contents .column {display: flex;}
.news .contents .left {width: 100%;padding-right: 4vw;}
.single-post .news .contents .left {padding-right:6vw;}
.news .contents aside.right {width: 360px;}

.news .contents .left .paper {background: #fff;padding: 32px;}
.news .contents .left .paper,.news .contents .left .paper a {color:#034d00;}



.news .contents aside.right ul.bar a:before {content: '-';margin-right: 9px}
.news .contents aside h3 {font-size: 1.2rem;font-weight: bold;display: block;letter-spacing: .1rem;margin-bottom: 3px;display: flex;
/* flex-flow: column; */
align-items: center;}
.news .contents aside h3:before {content: "";
height: 30px;
width: 33px;
background: url(i/header/logo-only.svg);
display: block;
background-size: 100%;
background-repeat: no-repeat;
background-repeat: no-repeat;
background-position: center;
flex-flow: column;
margin-right: 5px;
position: relative;
}
.news .contents aside li a i {margin-right: 2px;color: #838383;}
.news .contents aside li {font-size: 1.1rem;letter-spacing: .01em;display: block;text-decoration: none;}
.news .contents aside li {border-bottom: 1px solid rgb(255 255 255 / 53%);}
.news .contents aside ul li:first-child {border-top:1px solid rgb(255 255 255 / 53%);}
.news .contents aside li a {font-size: 1.2rem;line-height: 1.6;display: block;font-feature-settings: "palt";padding: 9px 0;}
.news .contents aside li a .sub_txt {font-size: 1.1rem;margin-top: 2px;font-family: arial narrow;    font-feature-settings: normal;opacity: .8;}
.news .contents aside li a .pre,.news .contents aside li a .after {font-size: 1.0rem;line-height: 1.4;}
.news .contents aside li a.title small {display: block;}
.news .contents aside li a:hover {color:#fffcc5;}
.news .contents aside li .date {letter-spacing: .1em;}
.news .contents aside ul {margin-bottom: 48px;}
.news .contents aside ul .count {font-size: 1.1rem;padding-left: 0px;font-feature-settings: normal;}
.news .contents aside ul.latest-list {margin-bottom: 12px;}
.news .contents aside ul.latest-list .date{}
.news .contents aside ul.latest-list .date{font-family: arial narrow;opacity: .7;font-size: 1.1rem;letter-spacing: .1em;}
.news .contents aside ul.latest-list+a {display: block;font-size: 1.2rem;letter-spacing: .1em;margin-bottom: 54px;text-align: center;height: 50px;
line-height: 50px;font-weight: bold;    border: 1px solid rgb(255 255 255 / 53%);}

.news .contents aside ul.latest-list+a:hover {box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.25);position: relative;}
.news .contents aside .new {color: rgb(209, 118, 118);}

.news .contents .left .post-categories-wrap {border-top: 1px solid rgba(255, 255, 255, 0.5);margin-top: 0;padding-top: 10px;display: flex;margin-top: 20px;}
.news .contents .left .post-categories-wrap h3 {font-weight: bold;font-size: 1.2rem;}
.post-categories a {text-decoration: none;top: 0;}
.post-categories {font-weight: bold;margin-top: 0;}
.post-categories a:hover {box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.25);position: relative;}
.news .contents .wrapper .post-categories-wrap {font-size: 1.2rem}
.news .contents .wrapper .post-categories-wrap a {border-bottom: none;text-decoration: none;}

/* :::: ニュース投稿のタイプ名表示 :::: */
.news-header {line-height: 1.5;letter-spacing: .2em;margin-bottom: 38px;color: #888;}
.news-header h4 {font-size: 3rem;font-family: 'Raleway', sans-serif;letter-spacing: .05em}
.news-header h5 {letter-spacing: .3em;font-size: 1.3rem;}

/* :::: ニュースアーカイブ :::: */
.archive_title {border: 3px solid ;padding: 6px;margin-bottom: 30px;font-weight: bold;text-align: center;}
.archive .news  .contents  section {padding-top: 0px;}

main.bg_color .contents {font-family: "Shippori Mincho", serif;}
main.bg_color .contents .txt {}
main.bg_color .contents .txt strong {font-weight: 500}
main.bg_color .contents .column .txt {}
/* :::: お知らせ投稿 :::: */

main.news .contents .wrapper {margin-bottom: 36px;}
main.news .newstitle {margin-bottom: 7px;}
main.news .newstitle h2 {font-size: 2.0rem;font-weight: bold;letter-spacing: .01em;line-height: 1.4;font-weight: 500;}
main.news .newstitle h2 small {display: block;font-size: 1.4rem;}
main.news .newstitle h2 .sub_txt {font-size: 1.1rem;margin-top: 2px;}
.single .news .newstitle h2 {font-size: 2.4rem;padding-bottom:9px;line-height: 1.8;}
.single .news .newstitle h2 .pre {font-size: 1.5rem;margin-bottom: 0;font-feature-settings: normal;line-height: 1.6}
.single .news .newstitle h2 .after {font-size: 1.4 rem;font-feature-settings: normal;line-height: 1.6}
.single .news .newstitle h2 .sub_txt {font-size: 1.3rem;margin-bottom: 3px;margin-top: 4px;font-feature-settings: normal;}
.single .news .newstitle .date  {font-size: 1.2rem;}
.single .news .newstitle .post-categories {}
.single .news .newstitle {margin-bottom: 24px;padding-bottom: 24px;border-bottom: 1px solid ;}
.single .news.bg_color .newstitle {border-bottom: 1px solid rgba(255, 255, 255, 0.5);;}
.single .news .newstitle h2 small {font-size: 1.8rem;letter-spacing: 0;}
.single .news .contents {font-size: 1.7rem;line-height: 2.0}

.single .news .newstitle .new {position: absolute;top: -22px;font-size: 1.2rem;color:#d4aba8;}
.single .news .newstitle .new:before {content: "/// "}
.single .news .newstitle .new:after {content: " ///"}
main.news .newstitle h2 a {text-decoration: none;line-height: 1.5;display: inline-grid;padding:3px 0 0px 0;vertical-align: bottom;margin-bottom: 6px;border-bottom: 1px solid}
main.news .newstitle h2 a:hover {border-color: rgba(255, 255, 255, 0.4)}

main.news .newstitle .date {font-size: 1.1rem;letter-spacing: .1em;font-family: arial narrow;}
main.news.bg_color .newstitle .date {opacity: .7;}

.archive main.news .newstitle {border-left: 6px solid;padding-left: 12px;}
main.news .newstitle h2 a:hover {color:rgba(255, 255, 255, 0.4);}
div.newstitle+div.newstitle {margin-top: 32px;}

.single .news .breadcrumbs .current-item small {display: none;}
#facility .breadcrumbs .current-item {}
/* :::: 続きを読む :::: */
.readmore {text-decoration: none;font-size: 1.3rem;}

/* :::: 施設カテゴリページ :::: */
article.mason .mason_wrap {padding: 0 6px;}
.tax-facility_type main.facility_archive article#facility {padding-top: 30px;}
main.facility_archive article.mason {}
main.facility_archive .facility_list {border-top:1px solid;margin-top: 20px;}
main.facility_archive .facility_list li {float: left;}
main.facility_archive h4 {font-size: 1.3rem;font-weight: bold;}
body.archive.tax-facility_type h4.archive_title {margin-top: 22px;font-size: 1.5rem;}

main.facility_archive #areamap_head figure {max-width: 600px;margin: 0 auto;}

main#post_access .map_block {margin-bottom: 32px;}
/****************************************

固定ページ：

*****************************************/

main.page .contents {font-size: 1.4rem;line-height: 2;}

/* :::: ABOUT :::: */
#about_pfi .textarea h2+h3 {margin-top: 1em;}
#about_pfi .textarea h3 {background: #ffd600;padding: 9px;color: #333;}

/* :::: プライバシーポリシー :::: */

main.privacy-policy .textarea  {font-size: 1.2rem;}


/* :::: スモールフォントのテキスト書式 :::: */
.small_font {font-size: 1.3rem;}
.small_font .contents h3  {font-size:2.4rem;line-height: 1.3;margin-top: 60px;}
.small_font .contents h3:first-child  {margin-top: 0;}
.small_font small {font-size: 1.3rem;}

/* :::: 芝生広場の使用について :::: */
.kiyaku {height:;padding: 21px;overflow:auto;border: 1px solid #ccc;}
.kiyaku p {margin-top: 0;padding-bottom: 0;}
.kiyaku h4 {margin-top: 2em;}
.kiyaku h4:first-child {margin-top: 0em;}
.grass_data {margin-top: 40px;}

/****************************************

headline_news

*****************************************/

.headline_news_wrapper {position: absolute;
top: 80px;
right: 12px;
z-index: 12;
max-width: 320px;}

@media screen and (max-width: 980px) {
	.headline_news_wrapper {max-width:280px;}
	}
@media screen and (max-width: 480px) {
	.headline_news_wrapper {display: none;}
	}

.headline_news_wrapper a {background-color: #ffd600;font-weight: 600;
font-size: 1.3rem;border-radius: 9px;line-height: 1.6;font-family: "Shippori Mincho", serif;color: #034d00;font-feature-settings: "palt";}
a.headline_news  {


padding: 6px 10px 6px 49px;


background-image: url(i/header/logo-only-f.svg);
background-size: 32px;
background-position: 9px;
background-repeat: no-repeat;font-weight:600;
display: block;

margin-bottom: 9px;

}

.headline_news_wrapper .shinsei {display: flex;flex-flow: column;align-items:flex-end;}
.headline_news_wrapper .shinsei a {display: block;
padding:3px 9px;
margin-bottom: 6px;
}


a.headline_news .sub_txt {font-size: 1.1rem;
padding-top: 0px;
font-family: serif;
font-family: arial narrow;
font-weight: normal;
opacity: .75;
font-feature-settings: normal;}
a.headline_news small{display: block;line-height: 1.4;letter-spacing: 0;margin-bottom: 2px;}
a.headline_news .day{font-size: 1.1rem;margin-top:0px;font-weight: normal;font-family: arial narrow;
opacity: .75;}

.headline_news_wrapper a:hover {background-color: rgba(255, 214, 0, 0.5);}
/****************************************

フッター　（サイズ変更の際はMAINのmin-heightを変更）

*****************************************/



/* ::::  :::: */

footer {background-color:#444;font-size: 1.1rem;color: #fff;z-index: 100;position: relative;min-height: 187px;}


/****************************************

白背景

*****************************************/
main.bg_white,main.bg_white .title_shape.glass1 {background:#fff8e7 !important;}



/****************************************

カスタム投稿「施設』

*****************************************/

/* :::: 施設のレイアウト :::: */

main#facility .breadcrumbs {margin-bottom: 24px;}
section.block.facility {line-height: 1.7;}
section.block.facility .right {width: 320px;padding: 3px 0 0 0;max-width: 700px;}
section.block.facility .left {width:calc(100% - 360px);line-height: 1.8;max-width: 640px;font-size:clamp(1.4rem, 1.8vw, 1.5rem);}
#facility .title_box {border-bottom: 2px solid rgba(255, 255, 255, 0.3);margin-bottom:16px;line-height: 1.3;padding-bottom: 10px;position: relative;}
#facility .title_box:before {position: absolute;bottom: -2px;left: 0;width: 10%;height: 2px;content: "";background: #ffd600;}
#facility .title_box .facility_type.capsule {margin-top: 6px;}
#facility .title_box h2.title {font-size: 3.2rem ;margin-bottom: 0.5em;}
#facility .title_box h2.title small {font-size: 2.2rem ;padding-right: .5em;}
#facility .title_box h2.title span {padding-right: .5em;}
#facility .title_box p.information {font-size: 1.3rem;padding-top: 3px;padding-bottom: 5px;}
section.block.facility .left .wrapper.txt p:first-child {margin-top: 50px;}
section.block.facility .left .wrapper.txt h3+p {margin-top: 0;}
#facility .left .wrapper.txt ul,#facility .left .wrapper.txt ol {padding: 0 0 0 2.3em;margin-bottom: 2em;}
#facility .left .wrapper.txt ul li {margin-bottom: .75em;list-style: square;}
#facility .left .textarea {font-size: 1.5rem;}
#facility .kanren_news h2 {margin-top: 2.5em;font-size: 1.2rem;font-weight: bold;padding-bottom: .5em;letter-spacing: .05em;}
#facility .kanren_news ul+div.story_wrap h2 {margin-top: 2em;}
#facility .kanren_news p.empty:before {content: "投稿はありません"}
#facility .kanren_news .story_wrap a {display: block;max-width: 400px;margin-bottom: 16px;border: 1px solid #dddddd;padding: 4px;}
#facility .kanren_news .story_wrap a:hover {opacity: .7;}
#facility .kanren_news .story_wrap h2 {display: none;}
#facility .kanren_news .story_wrap h2:first-child {display: block;}
#facility .kanren_news li {font-size: 1.3rem;line-height: 1.4;}
#facility .kanren_news li small {font-size: .85em;display: block;}
#facility .kanren_news li span.day {font-size: 1.0rem;letter-spacing: .05em;}
#facility .kanren_news li span.day:before  {content: "──";padding: 0 3px;letter-spacing: 0;}
#facility .kanren_news ul li a {     display: flex;
    border: 1px solid #dddddd;
    /* padding-bottom: 8px; */
    /* padding-top: 8px; */
    position: relative;
    align-items: center;
    padding: 8px 14px 8px 8px;
    font-size: 1.3rem;}
#facility .kanren_news ul li+li a {margin-top: .5em}
#facility .kanren_news ul a::after {content: ">";margin-left: auto;font-size: 1rem;}
#facility .kanren_news p {font-size: 1.3rem;;}
#facility #slide {margin-bottom:12px;}
#facility aside {font-size: 1.2rem;}
#facility aside dt {font-weight: bold;font-size: 1.2rem;margin-bottom: 6px;line-height: 1.4;background: #ffd600;padding: 6px 9px;color: #034d00;}
#facility aside dl {margin-bottom: 1.25em;padding-bottom: 1.25em;}
#facility aside small {font-size: 1.1rem;margin-bottom: 2px;}
#facility .right .map {margin: 20px auto 0;}
#facility .right .logo {margin-bottom: 32px;background: #fff;}
#facility .right .logo img {border: 0px solid #e8e8e8;}
section.block.facility .left .txt a,section.block.facility .right a {border-bottom: 1px solid;text-decoration: none;}
section.block.facility .left .kanren_news a:hover,section.block.facility .right a:hover {opacity: .75;}
/* :::: 施設のテキスト書式 :::: */
section.block.facility .left h3 {font-size: 2.0rem;
margin-top: 1.5em;
margin-bottom: .5em;
font-weight:500;
border-bottom: 2px solid rgba(255, 255, 255, 0.3);
position: relative;
line-height: 1.5;
padding-bottom: 6px;}
section.block.facility .left .txt h3:first-child {}
section.block.facility .left h3:before {position: absolute;
bottom: -2px;
left: 0;
width: 10%;
height: 2px;
content: "";
background: #ffd600;}

.single .contents .txt figcaption,.page .contents .txt figcaption,.contents .txt figcaption {font-size: 1.2rem;margin-top: 6px;overflow: hidden;}
#cboxTitle figcaption:before,.single .contents .txt figcaption:before,.page .contents .txt figcaption:before,.contents .txt figcaption:before,figcaption.arrow::before {content: "▲";
display: inline-block;
padding: 0 .25em 0 .25em;
font-size: 1rem;
transform: scale(1, 2);
position: relative;
top: -2px;margin: 0 2px;}


/****************************************



*****************************************/

/* :: ページ送り :: */
.pagenavi {margin-top: 40px;display: flex;justify-content: space-between;}
.pagenavi a {background: #ffd600;font-size: 1.2rem;font-family:monospace, serif;text-decoration: none !important;letter-spacing: .1em;color:#107800;border-radius: 17px;
padding: 10px 22px 9px;font-size: 1.1rem;line-height: 1.2;}
.bg_color .pagenavi a {color:#107800;background: #fff;}
.pagenavi a:hover {box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.25);position: relative;}

/* :::: トップに戻る :::: */
#return { position:fixed;right:30px;bottom:0;margin-bottom:-70px;z-index:22;-moz-transition: all 1s;-ms-transition: all 1s;transition: all 1s;}
#return.open {margin-bottom: 30px}
#return a{display: block;width: 62px;height: 62px;background: rgba(0, 0, 0, 0.2);padding: 10px;}
#return a .arrow{display: block;width: 22px;
height: 22px;border: 1px solid;border-color: #fff #fff transparent transparent;transform: rotate(-45deg);left: 10px;position: relative;top: 15px;}
#return a:hover {background: rgba(0, 0, 0, 0.6);}

/* :::: パンくず :::: */
.breadcrumbs {padding-top: 9px;padding-bottom: 9px;min-height: 50px;margin-bottom: 44px;letter-spacing: .05em;position: absolute;font-family: "Shippori Mincho", serif;}
.breadcrumbs>section{font-size: 1.1rem;color: #777;display:-webkit-flex;display: flex;line-height: 1.8;flex-wrap:wrap;}
.breadcrumbs span {color: #aaa;}
.bg_color .breadcrumbs span {color: #fff;}
.breadcrumbs>span.arrow {width: 12px;text-align: center;color: #777;}
.breadcrumbs a span {color: #555;}
.breadcrumbs small {font-size: 1.1rem;}
.bg_color .breadcrumbs section {color: #fff;}
.bg_color .breadcrumbs a span {color: #fff;transition: all 0.1s linear;}
.bg_color .breadcrumbs span.current-item ,.bg_color .breadcrumbs span.current-item span {color: rgba(255, 255, 255, 0.5)!important;}
.breadcrumbs a:hover span {opacity: 0.75;transition: all 0.1s linear;}
.breadcrumbs a.home:hover {opacity: 0.75}
.breadcrumbs .material-icons {font-size: 1.4rem;position: relative;margin-top: 2px;}


.breadcrumbs .current-item {font-feature-settings: "palt";}


/* :: ページネーション  :: */
.pagination {margin-bottom: 12px;padding-top: 20px;}
.pagination ul {display:-webkit-flex;display: flex;margin-top: 32px;}
.pagination ul li {padding: 0 6px 0 0;text-align: center;}
.pagination ul li span,.pagination ul li a {width: 30px;display: block;border: 1px solid #444;color: #444;font-size: 1.2rem;height: 30px;line-height: 30px;font-weight: bold;}
.pagination ul li span.current {background-color: #444;color: #fff;}
.pagination ul li a:hover {background-color: #444;color: #fff;}

.bg_color .pagination ul li span,.bg_color .pagination ul li a {border: 1px solid #fff;color: #fff;}
.bg_color .pagination ul li span.current {background-color: #fff;color: #444;}
.bg_color .pagination ul li a:hover {background-color: #fff;color: #444;}

/* :: 404  :: */
body#page404 {background: url(i/grass.jpg);background-position: center;background-size: cover;}
body#page404 main {display: flex; justify-content:center;align-items: center;flex-flow: column;height: 100vh;}
body#page404 main:before {content: "";background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 20;}
body#page404 main .wrap {color: #fff;z-index: 22;text-align: center;}
body#page404 main h1 {display: block;font-size: 20vw;line-height: 1;font-family: arial;}
body#page404 main h2 {font-size: 3vw;}


/****************************************

固定ページ「メール」

*****************************************/
/* ＝＝＝＝ メールフォームテーブル共通 ＝＝＝＝＝＝ */
table.basic {width: 100%;margin-bottom: 20px;border-top: 1px solid rgba(255, 255, 255, 0.5);}
table.basic tr:first-child th,table.basic tr:first-child td {}
table.basic th,table.basic td {padding: 14px 0 10px;;border-bottom: 1px solid rgba(255, 255, 255, 0.5);vertical-align: top;}
table.basic td.no_border {border-bottom: none;padding-bottom: 0px;}
table.basic th {vertical-align: top;white-space: nowrap;}
table.basic textarea {display: block;}
table.basic input,table.basic textarea ,table.basic select ,table.basic .horizontal-item label {margin-bottom: 4px;}
table.basic .mwform-radio-field input {margin-bottom: 0;}
table.basic th {width: 180px;font-size: 1.5rem;font-weight: 500;}
table.basic .require {font-size: 11px;display: block;color: #fcd400;}
.require_neo,.needful {color: rgb(203, 71, 44);font-size: 1.2rem;}
.needful span {font-style: normal;letter-spacing: .05em;font-size: 1.1rem;margin-left: 3px;}
table.basic tr.noline th,table.basic tr.noline td {border: none;}
table.basic select {-moz-appearance: none;-webkit-appearance: none;
	-moz-border-radius: 0;-webkit-border-radius: 0;
	border-radius: 0;border: none;outline: none;background: #fff;background:#fff url("i/form/down2.png") no-repeat right 50%;padding-right: 30px;border-radius: 12px;}
table.basic input.hasDatepicker {background:#fff url("i/form/down2.png") no-repeat right 50%;padding-right: 30px;}
table.basic .txt p:last-child {padding-bottom: 0;}
table.basic input,table.basic textarea{background-color:#fff;border: none;width: 100%;font-size: 1.3rem;padding: 12px;}
table.basic input#datepicker {background:#fff url("i/form/down2.png") no-repeat right 50%;padding-right: 30px;}
table.basic input.name {max-width: 20em;}
table.basic input.num {max-width: 8em;}
table.basic input#zip1,table.basic input#zip2 {max-width: 5em;}
table.basic input.email {max-width: 30em;}
table.basic input#email2 {max-width: 30em;margin-top: 0.5em;}
table.basic input#address2{max-width: 50em;}
table.basic input:focus,table.basic textarea:focus { outline: 0;}
table.basic input:hover,table.basic textarea:hover {}
table.basic input[type="checkbox"] ,table.basic input[type="radio"]{margin-right:6px;width: auto;}
table.basic .horizontal-item label ,.mwform-checkbox-field {border: 3px solid #fff;padding: 12px;display: inline-block;cursor: pointer;font-size: 1.3rem;}
table.basic horizontal-item label:hover {background: rgba(240, 240, 240, 0.26);}
table.basic input#address2 {margin-top: 4px;}
table.basic td small {display: block;}
table.basic div.mailcheck {margin-top: 6px;}
span.submit-button button {border-style: none;}
span.submit-button input ,span.submit-button button[type="submit"]{font-family: inherit;font-weight: bold;letter-spacing: .1em;background-color: #c43120;padding: 9px;max-width: 200px;width: 100%;color: #fffef6;cursor: pointer;font-size: 1.5rem;}
span.submit-button input:hover {background-color: #972619;}

table.basic .caution {font-size: 1.2rem;;line-height: 1.6;}
table.basic a {}
table.basic small.caution {margin-top: 3px;}
table.basic td.caution ul,table.basic td.caution p {margin-bottom: 0;}
table.basic td.caution ul li {margin-bottom:1px}
table.basic span.inline {display: block;}
table.basic span.inline+span.inline {margin-top: 12px;}
table.basic input+span.inline {display: block;margin-top: 9px;}
table.basic span.inline strong {font-size: 1.2rem;margin-right: 1em;}
table.basic input.mini {width: auto;}
form .soushin_button {margin-top: 60px;}
.policy_check  {font-size: 1.3rem;margin-top: 60px;}
.policy_check p {padding-bottom: 0;}
.policy_check .mwform-checkbox-field {margin-top: 12px;}
.policy_check label {font-weight: bold !important;}
.policy_check input {margin-right: 3px !important;}
.policy_check .require {font-size: 10px;color: #ff6163;font-weight: bold;}
.form_head_text {margin-bottom: 1em;}
.form_head_text.head_text2 {display: none;}
body.page .mw_wp_form_preview .form_head_text {display: none;}
body.page .mw_wp_form_preview .form_head_text.head_text2 {display:block;}

table.basic input,table.basic textarea {font-size: 1.4rem;}

#about .contents table.basic td p:last-child {margin-bottom:0 ;}

.mw_wp_form h2 {font-size: 1.2em;
padding: 9px 15px 7px 12px;
border-left: 6px solid;font-weight: 700;
letter-spacing: .08em;
margin-bottom: 1.25em;
line-height: 1.5;
display: inline-block;
width: 100%;
margin-top: 1em;}

.mw_wp_form table+h2 {margin-top: 80px;}

#video {width: 100%;
height: 100vh;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
z-index: 1;
text-align: center;position: absolute;
overflow: hidden;position: relative;min-height: 700px;
}

#video>video{background-attachment: fixed;
background-position: center center;
background-size: cover;
left: 0;
min-height: 100%;
min-height: 100vh;
min-width: 100%;
min-width: 100vw;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
margin-top: 0px;/* :: 謎の隙間対策 ::  */

}

#logo {width: 100%;height:100vh;
z-index: 10;display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
background:none;
background: url(i/line/dot2.png);overflow: hidden;position: absolute;min-height: 700px;top: 0;}

#logo>img {max-width: 370px;width: 40%;}
#scroll {position: relative;position: absolute;z-index: 200;bottom: 130px;}
#scroll a {display: block;position: absolute;width: 40px;height: 40px;background:#ffd600;
padding: 10px;margin-left: -20px;animation: bound-anim 1.2s linear infinite;border-radius: 50%;left: 0;} 

.ark {background-color: unset;
background: url(i/ark.svg);
background-position: bottom;
background-repeat: no-repeat;
background-size: 105%;position: absolute;bottom: -2px;
height: 100px;
width: 100%;left:0;display: none;}


#scroll .arrow{display: block;width:13px;height: 13px;border: 1px solid;border-color: transparent transparent #444 #444;margin-left: 3px;transform: rotate(-45deg);}
@keyframes bound-anim {
	0%,100% {top: 0;transform: scale(1.20,1.00)}
	50% {top: -30px;transform: scale(1);}
}
a.mapicon {position: absolute;
bottom: 12px;
right: 12px;
width: 74px;
border: 3px solid #b8b8b8;
border-radius: 50%;display: block;overflow: hidden;}

a.mapicon:hover {transform: scale(1.05,1.05);}

/****************************************

ストーリー

*****************************************/
main.story .story_mega_img {margin: 0 auto 0;max-width: 960px;}
main.story {font-family:"Hiragino Mincho ProN", "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", HGS明朝E, "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", serif;}
main.story .contents {font-size: 1.6rem;font-size: 1.8rem;line-height: 1.9; text-align: justify;text-justify: inter-ideograph;text-justify: inter-character;}
main.story section.block.narrow {max-width: 820px;}
main.story .contents p {padding-bottom: 0;}
main.story .contents .txt {letter-spacing: normal;}
main.story .contents .txt>*,main.story .contents p {margin-top: 36px;margin-bottom: 36px;}
main.story .contents .txt>*,main.story .contents figure .wp-caption p {padding: 0 100px;}
main.story .contents .txt figure {padding: 0;}
main.story .contents .txt h2 ,main.story .contents .txt h3{font-size: 2.6rem;font-weight: 700;line-height: 1.6;letter-spacing: .04em;font-feature-settings: "palt";}
main.story .contents .txt h3 {margin-bottom: -18px;line-height: 36px;margin-top: 54px;}

main.story .contents .txt blockquote.intro {border: 1px solid #ddd;border-right: 0;border-left: 0;margin-bottom:72px;}

main.story .contents .txt blockquote:after,main.story .contents .txt blockquote:before {content: "------------------"}
main.story .wp-caption {max-width: 100%;}
main.story .wp-caption .wp-caption-text:before{content: '\f030';font-family: 'Font Awesome 5 Free';margin: 0 4px 0 0;font-weight: 900;}
main.story .contents .wp-caption p {margin-top:.5em;font-size: 1.3rem;}

img.aligncenter{margin: 0 auto;}
main.story .meta {margin-top: 10px;font-size: 1.3rem;line-height: 1.6;}
main.story .meta p{padding-bottom: 0em;}
main.story .contents {padding-top: 20px;}

main.story .contents small.space {font-size: inherit;display: inline-block;width: 1em;}

/****************************************

新しいストーリー要素

*****************************************/
.story_flex.top .item {display: none;}
.story_flex.top .item:nth-child(-n+2){display: block;}
.story_flex figcaption .story_date {font-size: 1.1rem;opacity: .7;font-family: arial narrow;}
#story .note_credit svg {width: 75px;margin-top: 0;display: block;}
#story .note_credit {display: flex;justify-content: space-between;flex-wrap:wrap;}
.story_flex .item a img {transition: all 0.2s linear;}
.story_flex .item a:hover img {transform: scale(1.02, 1.02);transition: all 0.2s linear;}
.story_flex .item .vol {font-family: sans-serif;word-break: break-all;letter-spacing: .03em;display:flex;align-items: center;line-height: 1.5;font-size:3rem;padding-top: 5px;font-weight: bold;}
.story_flex .item .vol .num {padding-right: .3em;white-space: nowrap;}
.story_flex .item .vol .title {display: inline-block;letter-spacing:0.05em;font-size: 1.3rem;font-weight: normal;     font-family: "Shippori Mincho", serif;}
.note_credit svg {fill: #fff;}
.story_flex.flex_mason>.item {margin-bottom: 0;}
.post_beba_story .story_flex.flex_mason>.item {margin-bottom: 40px;}
/****************************************

トップページのナビ

*****************************************/
.header__list {display: flex;flex-flow: column;align-items: center;width: 16px;}
.header__nav {position: fixed;z-index: 135;left: 15px;font-size: 1.1rem;top: 50%;margin-top: -62px;}
.header__nav a {display: block;width: 10px;height: 10px;border:1px solid #435445;margin: 3px 0;background:#fff; border-radius:50%;}
.header__nav a.is-active {background:#ffd600;width: 16px;height: 16px;}
.header__nav a:hover {background:#ffd600}


/****************************************

オープニングのローディングマスク

*****************************************/
#opening {position: fixed;width: 100%;height: 100%;top:0;background: #fff;z-index: 300;display: flex;justify-content: center;align-items: center;}
#opening span {font-size: 5rem;color: #ffd600;}


#areamap_title {padding-top: calc(30px + 5vw);}
#areamap_title .title {margin-bottom: 0;}
#areamap_title .scale {font-size: 1.1rem}

#areamap_head {padding-bottom: 2vw;font-size: 1.1rem;padding-top:calc(6vw + 20px);}

/****************************************

リニューアル以降のフロート

*****************************************/
.facility_neo {}
.facility_neo section {margin: 0 auto 0;}
.home .facility_neo section  {margin-top: 0;}
.home .facility_neo .item {}
.facility_neo .flexitem  {flex-wrap:wrap;justify-content:left;display:flex;position: relative;}
.facility_neo .item {width: 33.33%;margin-bottom:40px;float: none;}
.facility_neo .item>a {display: block;position: relative;}
.facility_neo .item>a figure {width: 100%;height: 100%;background-size: cover;}
.facility_neo .item .hoveraction {position: absolute;width: 100%;height: 100%;opacity: 0;transition: all .33s linear;z-index: 90;background-size: cover;background-position: center;top: 0;left: 0;background-color: rgba(255, 255, 255, 0.9);}
.facility_neo .item a:hover .hoveraction {opacity: 1;}
.facility_neo .item a .hoveraction:before {background-color: rgba(0, 0, 0, 0.0);z-index: 90;content: '';position: absolute;display: block;width: 100%;height: 100%;}
.facility_neo .item,article.facility_neo.mason .mason_wrap {} 
.facility_neo .item.close .caption {color: #333;}
.bg_color .item.close .caption {color: rgba(255, 255, 255, 0.56);}
.facility_neo .flex_mason .item {padding: 0} 

#about_facility {padding-bottom: 4vw;font-size: 1.3rem;display: flex;}
#about_facility svg {width: 140px;margin-right: 20px;}

.facility_neo .item div.logo {width: 33.33%;
position: absolute;
bottom: 0;
right: 0;
z-index: 92;}
.facility_neo .item div.logo img {background: #fff;}

.facility_neo .item div.logo.logo-neo {left: -14px;top: -22px;width: 70px;height: auto}
.facility_neo .item div.logo.logo-neo img {border-radius: 50%;}

/* :: ストーリーのフロート ::  */
.caption .meta {font-size: 1.2rem;line-height: 1.5;}

/****************************************

アーカイブス

*****************************************/
#archives_panel  {justify-content:left;padding: 0;}
.page-archives #archives_panel {padding: 0 18px;}
#archives_panel .title {color: #fff;}
.page-archives #archives_panel section {max-width: 1200px;margin: 0 auto 0;}
#archives_panel section>* {width: 50%;height: 300px;}
.page-archives #archives_panel section>* {padding: 0 10px;margin-bottom: 20px;}
#archives_panel section .item>*{display: flex;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;justify-content: center;align-items: center;height: 100%;}
#archives_panel section>* .item {}
#archives_panel section>* .cover {width: 100%;height: 100%;position: absolute;background: rgba(0, 0, 0, 0.3);z-index: 5;left: 0;top: 0;}
#archives_panel h3 {margin-top: 0;font-size: 4rem;text-align: center;color: #fff;}
#archives_panel h3 small {font-size: 1.6rem}
#archives_panel .wrap {z-index: 10;margin-bottom: 0}
#archives_panel span.arrow:after {content: '';
display: block;
width: 18px;
height: 18px;
border: 3px solid;
border-color: #fff #fff transparent transparent;
transform: rotate(45deg);
text-align: center;
margin: 12px auto;}
#archives_panel p.cate {letter-spacing: .075em;}

#archives_panel .update {display: flex;position: absolute;left: 8px;bottom: 2px;font-family: 'Cabin', sans-serif;font-size: 1.1rem;letter-spacing: .05em;}
#archives_panel .update .new {margin-right: 3px;color: #ffd600;}
div.panel .update div {display: none;}
#imagetitle .down_arrow {display: block;
width: 33px;
height: 33px;
border: 1px solid;
border-color: transparent transparent #fff #fff;
margin: 0 auto;
transform: rotate(-45deg);}

#archives_panel a:hover .cover {background: rgba(0, 0, 0, 0.8);}

#imagetitle .root {text-align: center;}
.archive_type .item a {background: #000;position: relative;}
.archive_type .item a:hover figure {opacity: .75;}

/****************************************

フォトギャラリー

*****************************************/
#imagetitle h4.head {margin-bottom: 6px;font-weight: bold;padding-top: 0;letter-spacing: .15em;font-size: 1.5rem}

#imagetitle h5.date {text-align: center;font-size: 1.2rem;margin-top: 9px;letter-spacing: 0.05em;line-height: 1.6;}
#gallery .facility_neo section {margin-top: 0;}
#gallery .txt {font-size: 1.3rem;}

#gallery .item {margin-bottom: 20px;}
#gallery .item a:after {content: "+";
display: block;
height: 22px;
line-height: 20px;
position: absolute;
left: 0;
bottom: 0;
background: #000;
color: #fff;
width: 20px;
text-align: center;}
#gallery article.contents section {max-width: 1180px;}


#gallery .contents {}

#gallery .contents .txt>div {}
#gallery .contents .txt>div p {padding-bottom: 0;}
main.gallery .contents h3,main.gallery .contents h3 a {color:#ffffff;}
main.gallery .contents h3 {font-size: 3.6rem;margin-bottom: .75em;font-weight:500;line-height: 1.6;text-align: center;letter-spacing: .1em;}
main.gallery .contents h3 small {display: block;font-size: 1.3rem;font-family: arial;font-weight: normal;}

main.gallery .caption {min-height: 40px;display: none;}

main.gallery .hide_title {position: absolute;top: 0;left: 0;background: #000;padding: 0 12px;color: #fff;display: none;}

#gallery {overflow-x: hidden;}
.swiper_area{position: relative;}
.swiper_gallery {display: block;}
.swiper_gallery .gazou::before {content: '';display: block;padding-top: 66.6%;}
.swiper-button-next.origin {background:url(i/colorbox/arrow/right.png) !important;background-size: cover !important;z-index: 10;right: -20px;}
.swiper-button-prev.origin {background:url(i/colorbox/arrow/left.png) !important;background-size: cover !important;z-index: 10;left: -20px;}
.swiper-button-next.origin, .swiper-button-prev.origin {width: 40px;height: 40px;margin-top: -20px;}
/****************************************

beba_story トップページ

*****************************************/
#beba_story {border-top: 1px solid #435445;margin-top:calc(40px + 3vw);padding-top:calc(20px + 3vw);text-align: center;}

#beba_story img {display: block;margin: 0 auto;}

.under_credit {display: flex;margin-top: 12px;flex-wrap:wrap;justify-content: flex-end;}
.under_credit figure {margin-bottom:8px;text-align: left;}
.under_credit figure figcaption {font-size: 1.1rem;letter-spacing: .05em}
.under_credit a+a {margin-left: 20px;}
.under_credit svg {width: 90px;margin-top: 5px;display: block;}
#beba_story a.gazou {display: block;position: relative;}
#beba_story a.gazou .story_date {position: absolute;bottom: 0;left: 0;font-size: 10px;background: rgba(0, 0, 0, 0.41);padding: 0 6px 0 8px;height: 20px;line-height: 20px;color: #fff;}
.under_credit a {font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
background-color: #fff;
max-width: 300px;
text-align: center;
position: relative;
font-weight: bold;
color: #0c4509 !important;
border-radius: 25px;
white-space: nowrap;
font-size: 1.6rem;
min-width: 200px;
line-height: 1.4;
padding: 8px 0 6px;border-bottom: none;text-decoration: none;}
.under_credit a small {display: block;
font-size: 1.1rem;
letter-spacing: .1em;font-family: arial;}
#beba_story a.gazou+div.gazou {margin-top: 12px;}

@media screen and (max-width:720px) {
.under_credit {flex-flow: column;}
.under_credit a+a {margin: 20px 0 0 0;}
}

#beba_story .story_wrap {display: flex;justify-content: space-between}
#beba_story .story_wrap>a {width: calc(50% - 10px)}

.introduction a:hover {border-radius: 0;}


/****************************************

beba_story 単一ページ

*****************************************/
main.post_beba_story #imagetitle svg {width: 110px;margin: 0 auto 0;position: absolute;top: 12px;left: 20px;}
main.post_beba_story article#imagetitle {min-height: 400px}

main.post_beba_story  article.beba_story_archive {max-width: 800px;margin:50px auto 0}
main.post_beba_story  article.beba_story_archive div.wrap+div.wrap {margin-top: 40px;}
main.post_beba_story  article.beba_story_archive .date {font-size: 1.1rem;margin-top: 6px;}
main.post_beba_story  article.beba_story_archive div.wrap img {transition: all .5s;}
main.post_beba_story  article.beba_story_archive div.wrap a:hover img {transform: scale(1.05);-webkit-transform: scale(1.05);transition: all .5s;}
main.post_beba_story  article.beba_story_archive div.wrap a {border: 1px solid #ddd;padding: 6px;display: block;}

/****************************************

flex_mason

*****************************************/

/* :::: flex_mason :::: */
.flex_mason {display: flex;justify-content: space-between;flex-wrap:wrap;align-items:flex-start}
.flex_mason>.flex_mason {margin: 0}
.flex_mason a.gazou {display: block;}
.flex_mason a.gazou::before {content: '';display: block;padding-top: 66%;}
.flex_mason>.item {margin-bottom: 20px;}
.flex_mason>.item.dammy {margin: 0 !important;}
.facility_neo .flex_mason>.item {margin-bottom: 80px}

.flex_mason.flex_mason4.no_space .caption {display: none;}

/* :::: masonサイズ :::: */
.flex_mason>.item {width: calc(33.33% - 20px);}
.flex_mason.flex_mason2>.item {width: calc(50% - 9px);}
.flex_mason.flex_mason4>.item {width: calc(25% - 15px);}
.flex_mason.flex_mason4.no_space>.item {width:25%;margin-bottom: 0;}
.flex_mason.flex_mason5>.item {width: calc(20% - 15px);}
.flex_mason.flex_mason6>.item {width: calc(16.66% - 15px);}
.flex_mason.flex_mason7>.item {width: calc(14.2% - 15px);}
.flex_mason.flex_mason8>.item {width: calc(12.5% - 15px);}

@media screen and (max-width: 1080px) {
	.flex_mason.flex_mason2>.item {width: calc(50% - 9px);}
    .flex_mason.flex_mason4>.item {width: calc(33.33% - 12px);}
    .flex_mason.flex_mason4.no_space>.item {width:33.3%;}
    .flex_mason.flex_mason8>.item,.flex_mason.flex_mason7>.item  {width: calc(16.66% - 12px);}
    .flex_mason.flex_mason6>.item {width: calc(20% - 12px);}
    .flex_mason.flex_mason5>.item {width: calc(25% - 12px);}
}

@media screen and (max-width: 840px) {
    .flex_mason.flex_mason4>.item {width: calc(50% - 9px);}
    .flex_mason.flex_mason4.no_space>.item {width:50%;}
    .flex_mason.flex_mason8>.item,.flex_mason.flex_mason6>.item {width: calc(25% - 9px);}
}

@media screen and (max-width:720px) {
	
	#story .single_column {max-width: 540px;margin-left: auto;margin-right: auto;}
    .flex_mason>.item,.flex_mason.flex_mason4>.item {width: calc(50% - 9px);}
    .flex_mason.flex_mason4.no_space>.item {width:50%;}
    .flex_mason.flex_mason8>.item ,.flex_mason.flex_mason7>.item ,.flex_mason.flex_mason6>.item,.flex_mason.flex_mason5>.item {width: calc(25% - 9px);}
}

@media screen and (max-width:640px) {
	.flex_mason.flex_mason8>.item ,.flex_mason.flex_mason7>.item ,.flex_mason.flex_mason6>.item,.flex_mason.flex_mason5>.item {width: calc(33.33% - 9px);}

}


@media screen and (max-width:560px) {
	#guide .flex_mason.flex_mason2>.item {width: 100%;} 
}

@media screen and (max-width: 420px) {
    .flex_mason>.item,.flex_mason.flex_mason4>.item,.flex_mason.flex_mason2>.item {width: 100%;} 
    .flex_mason.flex_mason8>.item ,.flex_mason.flex_mason7>.item ,.flex_mason.flex_mason6>.item,.flex_mason.flex_mason5>.item {width: calc(50% - 9px);}
}

/* :::: sticky :::: */
.flex_mason figure.item>a span.sticky {position: absolute;top: 14px;left: -9px;height: 22px;padding: 0 12px;background: #C93935;color: #fff;font-weight: bold;line-height: 22px;font-size: 1.1rem;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
.flex_mason figure.item>a span.sticky:after {font-family: Material Icons Sharp;content: "\f10d";font-size: 1.4rem;line-height: 1;top: 4px;position: relative;color: #fff;font-weight: normal;}
.flex_mason figure.item>a span.new+span.sticky {top:40px;}

/* :::: ガイドバナー :::: */
.item a.mask::after {transition: all 0.1s linear;content: "";display: block;width: 100%;height: 100%;position: absolute;top: 0;left:0;background:rgba(0, 45, 1, 0.7);}
.item a.banner:hover {opacity: .75;transition: all 0.1s linear;}
.item a.banner.hiroba {background: url(i/banner/hiroba.jpg) center;background-size: cover;}
.item a.banner.shisatsu {background: url(i/sisatsu/bg.jpg) center;background-size: cover;}
.item a.banner.foodtruck {background: url(i/banner/foodtruck.jpg) center;background-size:contain;}
.item a.banner.marche {background:url(i/banner/bebamarche.jpg) center;background-size: cover;}
.item a.banner.otoshimono {background: url(i/banner/otoshimono.jpg) center;background-size: cover;}
.item a.banner.report {background: url(i/banner/report.jpg) center;background-size: cover;}
.item a.banner h3 {font-weight:500;font-family: "Shippori Mincho", serif;}
.item a.banner h3+small {font-size: 1.2rem;}

#guide .item a.banner>div::before {content: "";
    display: block;
    height: 30px;
    width: 40px;
    background: url(i/header/logo-only.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;}

.guide_flex figcaption	{font-size: 1.3rem;line-height: 1.5;padding-top: 3px;font-feature-settings: "palt";font-family: "Shippori Mincho", serif;}

/* :: 比率固定 :: */
.ratio_fix .item {position: relative;display:block;}
.ratio_fix .item a {width: 100%;position: relative;color: #fff;}
.ratio_fix .item a::before {content: "";padding-top: 25%;left: 0;top: 0;display: block;}

.item.dammy {height: 0; padding: 0;margin: 0;}
.item a.banner>div {font-size: 1.6rem;font-family: "Shippori Mincho", serif;letter-spacing: .03em;position: absolute;height: 100%;display: flex;width: 100%;top: 0;align-items: center;justify-content: center;flex-flow: column;padding: 9px;line-height: 1.5;z-index: 12}


/* :::: 新フッター :::: */
.flex_auto,.flex_auto ul {display: flex;flex-wrap:wrap;max-width: 1200px;margin: 0 auto;}
footer .flex_auto {margin-top: 24px;}
footer .flex_auto+.flex_auto {margin-top: 6px;}
footer .flex_auto {font-size: 1.2rem;}
footer .flex_auto sub {font-size: 1.1rem;}
footer .flex_auto li a {letter-spacing: .1em;display: block;}
footer .flex_auto li a>div:after,footer .flex_auto li a>sub:after {content: "｜";padding: 0 6px;}

footer .flex_auto_wrap {display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1200px;margin: 0 auto;}
footer .flex_auto_wrap .container {margin-bottom: 9px;}
footer .flex_auto_wrap .sns {margin-bottom: 12px;}
.neo_footer section  {max-width: 1200px;margin: 0 auto;}
.neo_footer .security {font-feature-settings: "palt";}
.neo_footer {padding-top:64px;color: #fff;padding-bottom:32px;}
.neo_footer a {color: #fff;}
.neo_footer .facility a {border-bottom:1px solid #999;padding: 9px 0;font-size: 1.4rem;letter-spacing: .05em;margin-bottom: 0;font-family: "Shippori Mincho", serif;}
.neo_footer .facility a small {font-size: 1.1rem;}
.neo_footer .facility a small.pre {padding-right: .25em;}
.neo_footer .facility a small+span {margin-left: .5em;}
.neo_footer .side h3 {display: none;}
.neo_footer .side sub {vertical-align:middle;font-size: 1.1rem;}
.neo_footer a:hover {opacity: .75;}

.neo_footer .facility a:before {content: "";display: block;background: #ddd;width: 6px;height: 4px;margin-right:4px;border-radius: 3px;display: inline-block;position: relative;top: -2px;}
.neo_footer .address {margin: 12px 0 0 0;}

.credit {text-align: center;padding-top:64px;}
.credit .logo {max-width:320px;width: 80%;margin: 0 auto;}
.neo_copyright {margin: 12px 0 0 0;}
.security p,.security p a {color: #999;}
.security p:before {content: "-";padding-right: 3px;}

.neo_footer .facility a.close::after {content: "＜準備中＞"}
.neo_footer .copy {color: #999;}

@media screen and (max-width:720px) {
footer .flex_auto_wrap {flex-flow: column;}
}

/* ::: ツールチップ ::: */
.tooltip {position:absolute;z-index:9999;display:block;line-height:1.5;top: 0;color: #fff;}
.tooltip__body {position: relative;top:-5px;letter-spacing:.05em;padding:0;font-size: 1.1rem;display: block;}

.sns_button .tooltip__body {margin-top: 30px;}

.sns_neo .mason_sns {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 780px;margin: 0 auto;}
.sns_neo .button_sns {margin-bottom: 20px;}
.sns_neo .button_sns a {background: #107800 url(i/pattern/fabric-of-squares.png) !important;color: #fff;background: none;padding: 9px;text-decoration: none;text-align:left;display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: wrap;}
.sns_neo .button_sns a .lead {font-size: 2.4rem;line-height: 1.3;font-family: 'Cabin', sans-serif;}
.glass1 .button_sns a {background: #2d8b3b url(i/pattern/fabric-of-squares.png) !important;}
.sns_neo .button_sns a img {width: 72px;height: auto;}
.sns_neo .button_sns a div.wrap{display: flex;align-items: center;width: 220px;font-family: 'Cabin', sans-serif;}
.sns_neo .button_sns a div.wrap .vertical {line-height: 1.5;display: flex;flex-flow: column;justify-content: center;flex: 1;margin-left:8px;}
.sns_neo .button_sns a div.wrap .vertical span {font-size: 1.2rem;}

.sns_neo .button_sns a div.wrap:before {content:" ";width: 72px;height: 72px;display: block;background: #ddd;}
.sns_neo .button_sns.facebook a div.wrap:before {background: #1877f2 url(i/sns/f/facebook.svg);background-size: 50%;background-repeat: no-repeat;background-position: center;}
.sns_neo .button_sns.twitter a div.wrap:before {background: #000000 url(i/sns/f/x.svg);background-size: 46%;background-position: center;background-repeat: no-repeat;}
.sns_neo .button_sns.instagram a div.wrap:before {background-image: url(i/sns/f/instagram.svg),linear-gradient(to right,rgba(247, 207, 0, 0.7),rgba(246, 37, 2, 0.7) 45%,rgba(182, 47, 82, 0.7) 75%,rgba(113, 58, 166, 0.7));background-size: 50%,100%;background-position: center;background-repeat: no-repeat;}
 
.sns_neo .button_sns a:hover {background: #1e6813 url(i/pattern/fabric-of-squares.png) !important;;}

/****************************************

トップページリニューアル

*****************************************/


figure.item a .new ,article.panel .new {display: block;position: absolute;top: 14px;left: -9px;height: 22px;padding: 0 12px;background: #C93935;color: #fff;font-weight: bold;line-height: 22px;font-size: 1.1rem;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;z-index:4;}
.flex_mason figure.item picture {overflow: hidden;display: block;}
.flex_mason figure.item>a {display: block;position: relative;}

a.scallup img {transition: all 0.2s linear;} 
a.scallup:hover img {transform: scale(1.02, 1.02);;transition: all 0.2s linear;}



.information_wrap {margin-top: 60px;}
.information_wrap a.item.button {line-height: 1.4;
padding: 18px;display: flex;
font-weight: bold;
letter-spacing: .1em;font-size: 1.8rem;
text-align: center;
position: relative;
z-index: 12;
align-items: center;
justify-content: center;
flex-flow: column;
min-height: 100px;position: relative;border-left: 12px solid #ffd600;}



a.item.button.hiroba {background:url(i/banner/hiroba.jpg) center;background-size: cover;}
a.item.button.shisatsu {background:url(i/sisatsu/bg.jpg) center;background-size: cover;}

a.item.button:before {background:rgba(0, 0, 0, 0.5);display: block;content: "";position: absolute;left: 0;top: 0;z-index: 10;width: 100%;height: 100%;transition: all 0.2s linear;}
a.item.button:hover::before {background:rgba(0, 0, 0, 0.75);transition: all 0.2s linear;}
a.item.button span,a.item.button small {position: relative;z-index: 13}
a.item.button small {font-size: 1.3rem;}
a.item.button span.mini {font-size: 1.5rem;}
.bg_color a.item.button.arrows:after {border-color: #fff #fff transparent transparent;}

.information_wrap .banner {}
.information_wrap .banner figure a {display: block;}
.information_wrap .banner figure {float: left;margin-right: 20px;display:table;margin-bottom: 20px;}
.information_wrap .banner figcaption {display: table-caption;caption-side: bottom;margin-top:6px;font-size: 1.1rem;
font-feature-settings: "palt";}
 .information_wrap .banner figure a:hover {opacity: .75}


@media screen and (max-width: 1080px) {
.information_wrap .banner_bg .item {width: 100%;}
}




@media screen and (max-width: 820px) {
.information_wrap .banner_bg .item {width:calc(50% - 9px)}
.information_flex {display: block;}
.information_wrap .leftside {padding-right:0px;}
.information_wrap .rightside {width: 100%;}
.information_wrap {margin-top: 30px;}
.information_wrap #fb {margin-top: 30px}
}

@media screen and (max-width: 420px) {
	.information_wrap .banner_bg .item {width: 100%;}
}
/* :::: areamap :::: */
#areamap {padding-top: calc(20px + 2vw);}
#areamap .item h3 {display: flex;margin-bottom: 4px;}
#areamap .item h3 a {width: 30px;
height: 20px;
text-align: center;
background: #38260f;
font-weight: bold;
color: #ffd600;
position: relative;
font-size: 1.5rem;
justify-content: center;
align-items: center;
display: flex;font-family: sans-serif;}
#areamap .item h3 .description {padding-left: 6px;font-size: 1.3rem;}
#areamap .item .name a,#areamap .item .name a small {font-size: 1.5rem;line-height: 1.5;}
#areamap .item .name a .information {text-indent: 1em;font-size: 1.2rem;margin-top: 3px;display: inline;padding-left: 5px;}
#areamap .item .name a small  {font-size: .8em;padding-right: .5em}
#areamap .item .name a span {padding-right: .5em}
#areamap .item .name a {top:0;color: #034d00;font-weight:500;display: block;margin-bottom: 12px;background: #ffd600 url(i/pattern/fabric-of-squares.png);padding:16px 24px;font-family: "Shippori Mincho", serif;}
#areamap .item .name a:hover {box-shadow: 0px 10px 15px 5px rgba(0, 0, 0, 0.25);position: relative;top: -1px;}
#areamap .item .name a .information:before {content: "※"}
#areamap .setsumei {font-size: 1.2rem;margin-top: 24px;}
#areamap .setsumei div.description {background: rgb(64, 64, 64);padding: 9px 12px;    margin-top: 12px;}
#areamap .setsumei div.description b.red {color:#ff9249;}
#areamap_head figure img {width: auto;margin: 42px auto 0;}
#areamap .logo {margin-bottom: 12px;width: 300px;}

#areamap_wrap section {padding-bottom: 0;}

.archive_map {width: 100%;overflow-x: auto;}
.archive_map img {margin: 0 auto;max-width: 500px;width: 100%;margin: 0 auto;max-width: 540px;width: auto;padding: 22px;background: rgba(0, 0, 0, 0.1);}

/* :::: view_all :::: */
.chocolate {display: inline-block;vertical-align: middle;color: #333;position: relative;width: 24px;height: 24px;}
.chocolate:before {transition: all .1s ease-in;content: '';position: absolute;top: 0;left: 0;width:6px;height:6px;background: currentColor;box-shadow: 9px 0 0 0 currentColor, 18px 0 0 0 currentColor, 0 9px 0 0 currentColor, 9px 9px 0 0 currentColor, 18px 9px 0 0 currentColor, 0 18px 0 0 currentColor, 9px 18px 0 0 currentColor, 18px 18px 0 0 currentColor;}
a .chocolate {color:rgba(255, 255, 255, 0.44);}
.view_all {display: flex;justify-content:center;padding-top:32px}
.view_all a {display: flex;flex-flow: column;align-items: center;color: #fff;}

.view_all a::after {content: "VIEW ALL";font-size: 1.1rem;font-weight: bold;display: block;font-family: arial narrow;letter-spacing: .15em;padding-left: .1em;padding-top: 3px;}
.view_all a:hover .chocolate:before { border-radius: 50%;transition: all .1s ease-in;}
.view_all a:hover .chocolate {color: #fff;}
/* :::: もっと見る（） :::: */
.view_more {position: relative;display: flex;justify-content: flex-end;}
.view_more a {display: flex;align-items: center;font-size: 1.1rem;padding-right: 4px;border-bottom:none;;transition: all 0.1s linear;letter-spacing: .1rem;font-weight: bold;}
.view_more a:after {content: "";margin-left: 6px;width: 20px;height: 6px;border-bottom: 1px solid #2a2841;border-right: 1px solid #2a2841;transform: skew(45deg);margin-top: -3px;}
.view_more a:hover {padding-right:0;transition: all 0.1s linear;}

.bg_color .view_more a {color: #fff;}
.bg_color .view_more a:after {border-color: #fff;}
.information_wrap h3.mini_title {font-size: 1.8rem;padding: 9px 15px 7px 12px;border-left: 6px solid;line-height: 1;letter-spacing: .075em;font-weight: bold;word-break: break-all;margin-bottom: 12px;}

/* :::: SNS :::: */
.float_sns {max-width: 740px;margin: 0 auto;}
.float_sns .left_side {max-width: 360px;width: 100%;float: left;display: block;}
.float_sns .right_side {width:360px;float: right;overflow: scroll;}

@media screen and (max-width:780px) {
.float_sns .left_side ,.float_sns .right_side {float: none;margin: 0 auto;}
.float_sns .right_side {width:100%;margin-top: 20px;}
.float_sns .right_side>figure {width:360px;margin: 0 auto 20px;}
}

/* :::: guide :::: */
#guide section.narrow {max-width: 946px;}
#guide #area_journal {padding-top: calc(20px + 2vw);}

/* :::: shape :::: */

.shape.wave+article {padding-top: 30px}
.shape.delta+article {padding-top: 7vw}
.shape.hill+article {padding-top:calc(20px + 2vw)}


	main.no_bg {background: #fff !important;}
main.no_bg div.title_shape {display: none;}
main.no_bg,main.no_bg a {color: #3c3c41;}
main.no_bg table.mailform {font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;}
main.no_bg table.basic.mailform input,main.no_bg table.basic textarea ,main.no_bg table.basic select,main.no_bg table.basic label ,main.no_bg textarea,main.no_bg label{background-color:#f2f3f4;border: 1px solid #d5d5d5;margin-bottom: 0;padding: 9px;}
main.no_bg table.basic.mailform select {padding-right: 22px;padding-left: 12px;}

main.no_bg table.basic.mailform th,main.no_bg table.mailform.basic td {padding: 15px;}
main.no_bg table.basic.mailform th {background-color: #fef6f6;font-size: 1.3rem;font-weight: bold;border-right: 1px solid;letter-spacing: .05em;}
main.no_bg table.basic.mailform {border-left: 1px solid;border-right: 1px solid;}
main.no_bg table.basic.mailform th,main.no_bg table.basic.mailform td ,main.no_bg table.basic.mailform {border-color:#bbb;}
.wpcf7 .wpcf7-list-item label {display: block;}

table.neo_basic.mailform .wpcf7-not-valid {border: 1px solid #c35050 !important;}
.wpcf7 .wpcf7-list-item {margin: 0;}
.wpcf7 small.caution {display: block;margin-top: 6px;color: #2c5595;}
.wpcf7 table.basic p.head {font-size: 1.2rem;font-weight: bold;letter-spacing: .05em;line-height: 1.6;}
.wpcf7 table.basic p.head:before {content: ""}
table.basic.mailform td .wrap+.wrap {margin-top: 14px;}
.wpcf7 .rq:after {content: "✴︎";color:#c35050;padding-left: .2em;font-weight: normal;font-size: 1.4rem;}
.table_plus {font-size: 1.3rem;line-height: 1.8;}
.wpcf7 table.basic {margin-bottom: 0;}
.wpcf7 table.basic+h2,.wpcf7-form-control-wrap+h2 ,.table_plus+h2 ,.wpcf7 .submit-button{margin-top: 4em;}
.wpcf7 table.basic+.table_plus {margin-top: 3px;}
.wpcf7 table.basic .tani input {margin-right: 9px;}
.wpcf7 table.basic+.wpcf7-form-control-wrap {margin-top: 2em;display: block;}
.wpcf7 table.basic+div.accept {margin-top: 2em;}

/* :::: hiroba-form :::: */
.page-id-2953 p.mega {font-size: 1.6rem;}


@media screen and (max-width: 740px) {
main.no_bg table.basic.mailform th {margin-top: 0;border-right:none;}
main.no_bg table.basic.mailform td,main.no_bg table.basic.mailform th {border-bottom: 1px solid #bbb;}
main.no_bg table.basic.mailform input.name {max-width: 100%;}
}

/* :::: ニュース一覧（新） :::: */
#neo_news .separate_img.delta::before {background: #107800 url(i/pattern/fabric-of-squares.png) !important;}
#neo_news .shape.shape1-2  {background:#107800;}
#neo_news polygon {fill: #ffda1a;}
#neo_news .news_neo_flex {display: flex;justify-content: space-between;    padding-bottom: 0;padding-top:clamp(60px,4vw,80px);}
#neo_news .news_neo_flex .left {flex: 1;padding-right: 26px;}
#neo_news .news_neo_flex .right {max-width: 360px;width: 100%;display: block;}
#neo_news .view_all {padding-top: 0}
#neo_news .pickup_report .view_all {padding-top: 30px}


#neo_news .sns_neo .button_sns {display: none;}

@media screen and (max-width: 740px) {
#neo_news .news_neo_flex {flex-flow: column;}
#neo_news .news_neo_flex .left {padding-right: 0;margin-bottom: 32px;}
#neo_news .sns_neo .button_sns {display: block;}
#neo_news .fb-page {display: none;}
}

/* :Pickup: */
#neo_news .news_neo_flex .left div.wrap+div.wrap {padding-top: clamp(50px,4vw,90px);}
.newsline_neo a {position: relative;padding-right: 20px;border-bottom: 1px solid #ffffff82;padding: 0 30px 9px 0;color: #fff;display: flex;align-items: center;transition: all 0.2s linear}
.newsline_neo a+a {padding-top:9px }
.newsline_neo a::after {transition: all 0.2s linear;position: absolute;content: "";right: 0.75em;display: block;width: 9px;height: 9px;border: 1px solid;border-color: #ffffff #ffffff transparent transparent;transform: rotate(45deg);top: 50%;margin-top: -5px;z-index: 12;}
.newsline_neo a h2 {line-height: 1.6;font-size: 1.4rem;}
.newsline_neo a h2 .pre,.newsline_neo a h2 .after {font-size: 1.2rem;line-height: 1.5;}
.newsline_neo a h2 .after {}
.newsline_neo a .date {font-size: 1.1rem;font-family: arial narrow;white-space: nowrap;    padding-left: 5px;}
.newsline_neo a div.post-categories>* {font-weight: bold;}
.newsline_neo a .sub_txt {font-size: 1.1rem;margin-top: 0.2em;font-family: arial narrow;font-feature-settings: normal;opacity: .8;}

.newsline_neo a:hover {border-bottom: 1px solid #fff;transition: all 0.2s linear}
.newsline_neo a:hover::after {border-color: #fff #fff transparent transparent;transition: all 0.2s linear}
.newsline_neo a .date::before {content: "──";padding: 0 5px;}
.newsline_neo a.new .date::after {content: "NEW";margin-left: 1em;display: inline-block;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;height: 22px;padding: 0 12px;background: #C93935;color: #fff;font-weight: bold;line-height: 22px;}

#neo_news .newsline_neo div.view_all {margin-top: 20px;}


/* :calendar: */

main.mycalendar .mc-event article {padding: 0;}
#mc-modal a.calendar-link.url {border: 1px solid;
    padding:3px 6px;margin-top: 2em;display: inline-block;}
    #mc-modal-content {font-size: 1.3rem;}
    .my-calendar-navigation input.mc-button {background: red !important;font-weight: bold;transition:none;}
/****************************************

メディアクエリ

*****************************************/

@media screen and (min-width: 1480px) {
	article.introduction section {font-size: 3.0rem;}
	.introduction dt h4 {font-size: 3.2rem;}

	.more a ,.more>span{font-size: 2.1rem}
}


@media screen and (max-width: 940px) {
	/* :: メニュー切り替え ::  */
	header .pc {display: none !important;}
	.hamburger,#sidenav {}	
	

}

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

	

	/* :: フェイスブックタイムライン切り替え（サイズを狭く） ::  */
	#information .wrap #fb .fb500{display: none;}
	#information .wrap #fb .fb300{display: block;margin: 0 auto;}
	#information .wrap #news {width: calc(100% - 390px);}
	/* :: mason（内部キャプション） 行数切り替え ::  */
	.mason .item {width: 50%;}


	/* :: ニュースカラム切り替え ::  */
	.news .contents .column {display: block;}
	.news .contents .left  {padding-right: 0 !important;}
	.news .contents aside.right {width: 100%;padding-top: 20px;background: rgba(0, 0, 0, 0.16);margin-top: 54px;padding: 20px;}
	.news .contents aside.right ul.bar+h3 {margin-top: 24px;}
	.news .contents aside.right ul.bar li {display: inline-block;margin-right: 24px;margin-right: 9px;border: 0;margin-bottom: 9px;}
	.news .contents aside ul.bar li a {background: #383232;border-bottom: 0;padding: 6px;}
	.news .contents aside ul.bar {display: flex;flex-wrap: wrap;margin-bottom: 0;}

	.breadcrumbs {margin-bottom:14px;}


	/* :: mason 行数切り替え ::  */
	.mason .outer-caption .item {width: 50%;}

	/* ABOUT（トップページ）切り替え */
	#about .flex>div.title {padding-right: 0px;}
	#about .flex>div.title h4 {border-bottom: 1px solid #fff;}

	/* flex解除 */
	.flex {flex-direction: column;}
	.flex>div,.flex>a {width: 100% !important;padding: 0 !important;}
	.flex.flex50>div.right {margin-top: 20px;}

	#archives_panel section>* {height: 240px;}

	#area_journal .flex.flex50 a.item {padding: .75em !important;}

	/* :::: タイトルサイズ :::: */
	header section#title img {max-width: 330px}
	header section#title {height: 200px;}

	/* :: 施設単ページ カラム幅の切り替え ::  */
	section.block.facility .right {width: 260px;}
	section.block.facility .left {width:calc(100% - 290px);}

	#about_facility {display: block;}
	#about_facility svg {margin-bottom: 12px;}
	div.title h3 {font-size: 6rem;}

}

@media screen and (max-width: 740px) {
	div.title h3 {font-size: 5rem;}
	article#imagetitle {min-height: 300px !important;}
	article#imagetitle div h3 {font-size: 5rem}
	#about article#imagetitle div h3 {font-size: 10.5rem;}
	article#imagetitle div h3.main {font-size: 3.0rem;}
	article#imagetitle div.moji {top: -10px;}
	article.introduction section {font-size: 2rem;}
	.introduction dt h4 {font-size: 2.5rem;}

	div.title h4 {font-size: 1.1rem;}
	div.title.mini h3 {font-size: 3.4rem;}
div.title.middle h3{font-size: 4.2rem;}
	.more a ,.more>span {font-size: 1.6rem;}
	#video>video {display: none;}
	#video {background-image:url(i/dammy/dammy.jpg);max-height: ;bottom: auto;display: none;}
	#logo {max-height:;}
	article#megatitle {display: block;}
	/* :: フロート解除 ::  */
	.float>.left,.float>.right {float: none;}

	/* :: 施設単ページ カラム切り替え ::  */
	section.block.facility .left,section.block.facility .right {width: 100%;}
	
	#facility main {padding-bottom: 0}
	section.block.facility>* {max-width: none !important;}
	section.block.facility .right {border-top: 1px solid #bfbfbf;padding-top: 30px;margin-top: 10px;align-items: flex-start;display: flex;}
section.block.facility .right .logo {width: 220px;}
section.block.facility .right .wrap {padding-left: 14px;flex: 1;}
	/* :: ヘッダータイトル位置補正 ::  */
	#headline a.title {padding-left: 12px;}

	/* :: 左右PADDING補正 ::  */
	article {padding: 0 18px;}

	article.introduction {padding: 0 18px;}
	article.mason.space {padding: 0 12px}

	/* :: mason 左右PADDING補正 ::  */
	article.mason.nospace {padding: 0;}

	article.mason.space h3.heading {padding: 0 9px;}


.single .news .newstitle h2 {font-size: 2.1rem;}
.single .news .contents .txt {;}

	
	/* :: フッター ::  */

	footer .sns {}

	/* :: フェイスブックタイムライン切り替え（100%幅） ::  */
	#information .wrap>div {float: none !important;width: 100%;}

	#information .wrap #news {width: 100%;margin-bottom: 60px;}	

	/* :: MASON 矢印ボックスを消す ::  */
	.mason .item figure:before,.mason .item figure:after {display: none;}

	table.basic th,table.basic td {display: block;width: 100%;border-bottom: none;}
	table.basic th{padding: 9px 12px;border-bottom: none;background: rgba(0, 0, 0, 0.2);margin-top: 12px;}
	table.basic.mail th {background-color: #fff;padding: 0;font-size: 1.3rem;}
	table.basic.mail th:before {content: "■"}
	table.basic.mail .require {display: inline;padding-left: 12px;}
	table.basic.mail td {margin-bottom: 0px;padding-top: 6px;}


}

/* :: トプページスライダー切り替え  :: */
@media screen and (max-width: 620px) {
	#slide #smart-slider {display: block;}
	#slide #slider {display: none;}

	#logo>img {width: 50%;}

	
	.breadcrumbs span.current-item {}


}

@media screen and (max-width: 580px) {
	section.block {padding-left: 0px;padding-right: 0px;}
	#about article#imagetitle div h3 {font-size: 5.5rem;}
}
@media screen and (max-width: 480px) {
	/* :: mason（内部キャプション） 行数切り替え ::  */
	.mason .item {width: 100%;}
	.mason .floatry .item>a figure {height: 66vw}

	section.block.facility .right {flex-flow: column;}
section.block.facility .right .logo {width:100%;}
section.block.facility .right .wrap {padding-left: 0;width:100%;}

}





/* :: 新しい施設フロート :: */
@media screen and (max-width: 920px) {
	.facility_neo .flexitem .item {width: 50%;}
}

@media screen and (max-width: 580px) {
.facility_neo .flexitem .item ,#archives_panel section>*{width: 100%;}
article.facility_neo {}
.facility_neo .item, article.facility_neo.mason .mason_wrap ,#archives_panel section>*{}


}

/* ストーリー */
@media screen and (max-width: 1080px) {
	main.story .meta {padding-left: 12px;}
	}
@media screen and (max-width: 780px) {
	main.story .contents .txt>*,main.story .contents figure .wp-caption p {padding:0  60px}
	main.story .contents {font-size: 1.6rem;}
	main.story .contents .txt h2 ,main.story .contents .txt h3 {font-size: 2.2rem}
	}
@media screen and (max-width: 640px) {
	main.story .contents .txt>*,main.story .contents figure .wp-caption p {padding:0  30px}
	}
@media screen and (max-width: 500px) {
	main.story .contents .txt>*,main.story .contents figure .wp-caption p {padding:0}
	}

/*  */
/*  */
/*  */
/*  */