@charset "utf-8";
/* CSS Document */
/*
Theme Name: NEF ORIGINAL
Description: 山中オリジナルテーマ
Version: 1.1
Author: NEF
*/

/* CLEAR FIX */
.cf:after{content: "."; display: block; height: 0;  clear: both; visibility:hidden;}
.cf{display: inline-table;} 
/* Hides from IE Mac */
* html .cf{height: 1%;}
.cf{display:block;}
/* BOXSIZING */
.boxSizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/* iOSでのsubmitのスタイルをリセット */
input[type="submit"],input[type="button"] {border-radius: 0;-webkit-box-sizing: content-box;-webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration {display: none;}
input[type="submit"]::focus,input[type="button"]::focus {outline-offset: -2px;}

/* =======PRUGIN SETTINGS======= */
/* PAGE TOP */
.pagetop {z-index: 999; position: fixed;bottom: 55px;right: 55px;filter: alpha(opacity=0);-webkit-transform: scale(0.3);-moz-transform: scale(0.3);-ms-transform: scale(0.3);-o-transform: scale(0.3);transform: scale(0.3);-webkit-transition: all .4s;-moz-transition: all .4s;	-o-transition: all .4s;	transition: all .4s;}
.pagetop a {display: block;width: 50px;	height: 50px;background-color: #000;text-align: center;color: #fff;font-size: 1em;text-decoration: none;line-height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.pagetop.show {	opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}

/* BLOCK LINK */
.box-link{cursor:pointer;}
.box-link,
.box-link::before,
.box-link::after {-webkit-transition: all .3s;transition: all .3s;}
.box-link:hover{background:#EEE;}

/* =======WP PAGENAVI SETTINGS======= */
.wp-pagenavi {clear: both; text-align: center; margin-bottom: 100px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none; display:inline-block;color:#444; background-color:#EEE; padding: 8px 15px; margin:0 1px 2px; white-space: nowrap; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {color:#FFF;background-color:#666;border-color:#666;}
.wp-pagenavi span.current {color:#FFF;background-color:#222;border-color:#222;font-weight: bold;}

/* =======TABLE ======= */
/* .table-col1 */
td.column-1 {white-space: nowrap; width:20%;}
.basic-table {font-size: 0.8em; width: 100%;}
.basic-table td{border: 1px solid #CCC; padding: 15px;}
.basic-table th {border: 1px solid #CCC; padding: 15px; white-space: nowrap; font-weight: bold;}

.basic-table2 {width:100%; margin-bottom: 30px;}
.basic-table2 td{border-bottom: 1px solid #CCC; padding: 15px;}
.basic-table2 th {border-bottom: 1px solid #CCC; padding: 15px; width: 10%; white-space: nowrap; font-weight: bold;}

.basic-table3 {font-size: 0.8em; width:100%; margin-bottom: 30px;}
.basic-table3 td{width:50%; border: 1px solid #CCC; padding: 15px;}

/* =======SLIDER======= */
.slick-slide {box-sizing: border-box;}
.slick-slider div { transition: none; }

.fotorama__wrap {
    margin-bottom: 30px;
}
/* ======= BASIC ======= */
html,body { height: 100%; width: 100%; min-width: 1180px; }
body{font-family: 'Noto Serif JP', serif; color:#222; letter-spacing: 0.1em;}

img {max-width: 100%; height: auto;}
a{text-decoration: none; color:#222; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
a:hover{color:#CCC;}
strong{font-weight:bold;}

div.wp-caption {max-width: 100%!important; height: auto;}

/* OTHER-STYLING */
.big{font-size:1.4em;}
.small{font-size:0.6em;}
.bg-brack{display:inline-block; background:#000; padding:10px 15px; font-size:0.8em; color:#FFF; margin-right:10px; vertical-align: super; margin:10px 0;}
.bgglay {background: #EEE; padding: 30px;}.bgglay p{margin:0;}
.bgBlue {background: #E0F1F4; padding: 30px; margin-bottom: 50px;}
.arrow-down{ margin-bottom: 30px; font-size: 3em;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.pc{display:inline;}
.sp {display: none;}
.menu-sp{display:none;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}

.jump{margin-top:-152px; padding-top:152px;}
.jump2 {margin-top: -180px; padding-top: 180px;}
.name {font-weight: bold; display: block; text-align: right;}

.youtube {position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

/* ======= HEADER ======= */
header{ width:100%; z-index: 9999; position: fixed; top: 0; background-image: linear-gradient(360deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) );}
#header-box {}
header h1 img {width: 180px; height: auto;}
.header-inr {position: relative;}
.header-inr h1 {position: fixed; left: 20px;}
.headBox {display: flex; justify-content: flex-end; align-items: center;}
ul.headBoxNav {display: flex; align-items: center; justify-content: center;}
ul.headBoxNav li {text-align: center; font-size: 11px; margin-right: 30px; color: #333; letter-spacing: normal;}
ul.headBoxNav li a {color: #333;}
ul.headBoxNav li img {height: 30px; display: block; margin: 0 auto 5px;}
ul.headBoxNav li:first-child img {width: 30px;}
ul.headBoxNav li:last-child {font-size: 16px;}

/* global nav */
#gnav {}
.nav-button-box {padding: 20px; z-index: 50; vertical-align: top;}
.nav-button-box p {font-size: 0.5em;text-align: center; margin-top: 5px;}
.nav-button {display: block; cursor: pointer; }

/*メニューボタンのエフェクト*/
.nav-button span { display: inline-block; transition: all 0.4s; box-sizing: border-box;}
.nav-button { z-index: 20; position: relative; width: 40px; height: 36px;}
.nav-button span {position: absolute; left: 0; width: 100%; height: 4px; background-color: #222; border-radius: 4px;}
.nav-button span:nth-of-type(1) {top: 0;}
.nav-button span:nth-of-type(2) {top: 16px;}
.nav-button span:nth-of-type(3) {bottom: 0;}

.nav-button.active span:nth-of-type(1) {
-webkit-transform: translateY(16px) rotate(-45deg);
transform: translateY(16px) rotate(-45deg);
}
.nav-button.active span:nth-of-type(2) {

}
.nav-button.active span:nth-of-type(3) {
-webkit-transform: translateY(-16px) rotate(45deg);
transform: translateY(-16px) rotate(45deg);
}

/* 展開後 */
.nav-wrap {position: fixed;left: 0;top: 0;  display:none; width: 100%; height: 100%;padding: 0; box-sizing: border-box; z-index: 10; }

.navBox {width: 40%; min-width: 550px; height: 100vh; background: #FFF; padding: 0 80px; box-sizing: border-box; position: fixed; right: 0; font-size: 12px;}
.nabImage {width: 60%; float: left;}
.nabImage img {object-fit: cover; height: 100vh;}

.navBox img {width: 150px;}

.navBoxMenu1 {display: flex; font-size: 16px; line-height: 2; margin-top: 50px;}
.navBoxMenu1 ul {width: 50%;}

ul.navBoxMenu2 {margin: 30px 0; }
ul.navBoxMenu2 li a{display: block; text-align: center; padding: 20px; color:#FFF;font-size: 16px;}

ul.navBoxMenu2 li:last-child a {background: #ad8b64;}
ul.navBoxMenu2 li:first-child a {background: #b62020;}
ul.navBoxMenu2 li:last-child a:hover,ul.navBoxMenu2 li:first-child a:hover {background: #CCC;}

.navBoxMenu3 {display: flex; align-items: center;}
.navBoxMenu3 a {margin: 0 5px;}
.navBoxMenu3 img { width: 20px;}
.navBoxMenu3 p {font-size: 28px; font-family: lato; font-weight: bold; margin-right: 30px;}

/* 固定バナー */
ul.sideNav {position: fixed; right: 0; top: 150px; writing-mode: vertical-lr; display: flex; font-size: 14px;}
ul.sideNav li:first-child a {background: #b62020; padding: 20px 10px; box-sizing: border-box;display: block; margin-bottom: 2px; color: #FFFF;}
ul.sideNav li:last-child a {background: #ad8b64; padding: 20px 10px; box-sizing: border-box; display: block; color: #FFFF;}
ul.sideNav li a:hover{background: #CCC;}

/* ======= FOOTER ======= */
footer{width:100%; text-align: center;padding: 80px 0 50px; background: #222; color: #FFF;}
footer p {margin-bottom: 30px; }
footer a {color: #FFF;}

.footbox {display: flex; text-align: left; justify-content: space-between; margin-bottom: 50px;}
.footbox ul li {margin-bottom: 10px;}

.footbox01 {text-align: left;}
.footbox01 ul {display: flex;}
.footbox01 ul li img {width: 20px;}
.footbox01 h1 {font-size: 28px;margin-bottom: 30px; }
.footbox01 p {line-height: 2; letter-spacing: 0.05em;}
.footbox01 ul li {margin-right: 12px;}
p.osake20 {font-size: 11px;   border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 15px 0;}
ul.footEnd {display: flex;justify-content: space-between; font-size: 11px;}

/*  ======= TOP =======  */
section.wrapCont{width:80%; min-width:1200px; margin:0 auto; position:relative;}

.toppage p {text-align: justify;}

.toppage h3 {color: #ad8b64; text-align: left; display: flex; align-items: center; font-size: 36px; margin-bottom: 50px; font-weight: bold;}
.toppage h3 span {font-size: 12px; margin-left: 13px; font-weight: normal;}
.toppage h4 {font-size: 1.3em; font-weight: bold; color: #1760a0; margin-bottom: 20px;}

.moveLine {width: 150px; position: absolute;  right: 0;  top: 20px;}
.moveLine a {display: block;padding-bottom: 5px;}
.moveLine:after {content: ""; position: absolute; display: block; width: 150px; height: 1px; background: #333; animation: 2s ease-in 1s infinite alternate forwards running expansion;}
@keyframes expansion{
  0%{width:10px;}
  100%{width:150px; background:#CCC;}
}

/* TEASER */
#teaser {width: 100%; height: 100vh; position: relative; text-align: center; }
#teaser h2 {position: absolute; top: 44vh; left: 29vw; -webkit- transform: translateY(-50%) translateX(-50%); color: #FFF; font-size: 3.2vw; letter-spacing: 0.2em; text-shadow: 0 0 5px BLACK;}
#teaser h2 span {display: block; margin-top: 14px; font-size: 18px; letter-spacing: 0.5em;}
.teaserInr {width: 100%; height: 100vh; margin: 0 auto; overflow:hidden;}
.teaserInr img {width: 100%; height: 100%; object-fit: cover;}

/* STAGE01 */
#stage01 {padding: 80px 0; position: relative;}
#stage01 ul li p {text-align: center; margin-top: 10px; font-family: 'Noto Sans JP';}

/* STAGE02 */
#stage02 {padding: 80px 0; margin-bottom: 80px;}
#stage02 ul li p {font-size: 12px; margin-top: 10px; font-family: 'Noto Sans JP'; letter-spacing: normal;}

/* STAGE03 */
#stage03 {margin-bottom: 80px;}
#stage03 ul li {position: relative;}
.newsPics a span { margin-right: 15px;}
.newsPics a:first-child {padding-top: 0;}
.newsPics a {display: block; border-bottom: 1px solid #CCC; padding: 15px 0; font-family: 'Noto Sans JP';}

/* STAGE04-7 */
section.washiBg {background: #EEE; padding-bottom: 100px; background: url(../images/bg.jpg)repeat;}
.washiTitle {padding-left: 10%; padding-top: 80px; margin-bottom: 80px;}
.washiTitle h2 {font-size: 36px; margin-bottom: 30px; letter-spacing: 0.2em;}
.washiTitle p {line-height: 2;}

.washiLeft,.washiRight {position: relative; margin-bottom: 180px; width: 100%; }
.washiLeft:after {content: ""; background: rgba(30,30,30,0.2); width: 80%; height: 500px; display: block; position: absolute; right: 0; top: 120px; z-index: 0;}
.washiLeft h4 {padding: 0; border: none; position: absolute; top: 0; right: -40px; writing-mode: vertical-lr; font-size: 16px; color: #333;}

.washiRight {display: flex; justify-content: flex-end;}
.washiRight:after {content: ""; background: rgba(30,30,30,0.2); width: 80%; height: 500px; display: block; position: absolute; left: 0; top: 120px; z-index: 0;}
.washiRight h4 {padding: 0; border: none; position: absolute; top: 0; left: -40px; writing-mode: vertical-lr; font-size: 16px; color: #333;}

#stage04 .s04Bg{position: relative; width: 90%; height: 500px; background: url(../images/cat01.jpg)no-repeat; background-size: cover; z-index: 1;}
#stage05 .s05Bg{position: relative; width: 90%; height: 500px; background: url(../images/cat02.jpg)no-repeat; background-size: cover; z-index: 1;}
#stage06 .s06Bg{position: relative; width: 90%; height: 500px; background: url(../images/cat03.jpg)no-repeat; background-size: cover; z-index: 1;}
#stage07 .s07Bg{position: relative; width: 90%; height: 500px; background: url(../images/cat04.jpg)no-repeat; background-size: cover; z-index: 1;}

.washiLeft .floatBox { position: absolute; background: #FFF; width: 550px; padding: 50px 0 80px; box-sizing: border-box; text-align: center; bottom: -60px; left: 10%;}
.washiRight .floatBox { position: absolute; background: #FFF; width: 550px; padding: 50px 0 80px; box-sizing: border-box; text-align: center; bottom: -60px; right: 10%;}

.floatBox h3 {text-align: center; display: inline-block; margin-bottom: 20px;}
.floatBox p {text-align: center;}
.floatBox div.moveLine {position: relative; margin: 30px auto 0;}

/* STAGE08 */
#stage08 ul {margin-bottom: -30px;}
#stage08 ul li {margin-bottom: 30px; cursor: pointer; overflow: hidden; position: relative;}
#stage08 ul li img {height: auto; transition: transform .6s ease; }
#stage08 ul li:hover img {transform: scale(1.1); }
#stage08 ul li p {font-size: 24px; align-items: center; bottom: 0; color: #fff; display: flex; justify-content: center; left: 0; margin: auto;  position: absolute;  right: 0;  top: 0;  width: 80%;}

/* ======= PAGES ======= */
#container.page {margin: 50px 0 100px;}
#container.post {margin: 50px 0 100px;}

section.w1080 {width: 1080px; margin: 0 auto;}

.page-title {width: 100%; padding: 75px 0; text-align: center; position: relative; margin: 100px auto 10px; background-image: linear-gradient(180deg, rgba(85, 85, 85, 1), rgba(0, 0, 0, 1));}
.page-title h2 {color: #FFF; font-size: 28px;}

h3 {color: #ad8b64; text-align: left; display: flex; align-items: center; font-size: 36px; margin-bottom: 30px; font-weight: bold;}
h3 span {font-size: 12px; margin-left: 13px; font-weight: normal;}
h4 {border-left: 2px solid #333; padding-left: 30px; font-size: 24px; font-weight: bold; margin-bottom: 20px;}

p.breadCramb{font-size: 12px; font-family: 'Noto Sans JP'; letter-spacing: normal; margin: 10px 10px 0;}

.basebox {margin-bottom: 50px; line-height: 2;}
.basebox p {font-size: 15px;}

table.base th {white-space: nowrap; padding: 10px 20px; border: 1px solid #CCC; background:#F5F5F5;}
table.base {font-size: 0.9em; width: 100%; line-height: 2.0em;}
table.base td {border: 1px solid #CCC; padding: 10px 20px;}
table.no-line {width: 100%;}

a.baseBtn {position: relative; text-align: center; text-decoration: none; display: block; background: #1760a0;; color: #FFF;  padding: 20px; }
a.baseBtn:hover{ background: #EEE; color: #222;}
a.baseBtn i {position: absolute; right: 10px;}

ul.col2{display: flex; justify-content: space-between;flex-wrap: wrap;}
ul.col2 li{width:48%;}
ul.col2:after {content: ""; display: block; width: 32%; height: 0;}
ul.col2 img{width:100%;}
ul.col3{display: flex; justify-content: space-between;flex-wrap: wrap;}
ul.col3 li{width:32%;}
ul.col3:after {content: ""; display: block; width: 32%; height: 0;}
ul.col3 img{width:100%;}
ul.col4{letter-spacing: -.4em; width:100%;}
ul.col4 li{letter-spacing: 0.1em; display:inline-block; width:23.33333%; vertical-align: top; margin:0 0 0 2%;}
ul.col4 li:nth-child(4n+1){margin:0 0 0 0;}
ul.col6 li {width: 15%;}
ul.col6 {display: flex; justify-content: space-between;}

.allbox-right{float: right; width:50%;}
.allbox-left{float: left; width:50%; }
.pad-box{padding:0 80px; box-sizing:border-box;}

#pageBnr {margin-bottom: 100px;}
#pageBnr ul {margin-bottom: -50px;}
#pageBnr ul li {margin-bottom: 50px;}

/**** SHOP ****/
.shopBox p { margin-bottom: 30px;}

/**** SHOPLIST ****/
.shopListBox ul{margin-bottom: -40px;}
.shopListBox ul li{margin-bottom: 40px;}

/**** MARCHE ****/
.marcheBox img { margin-bottom: 30px;}
.marcheBox02 ul li {text-align: center;}
.marcheBox02 ul li h5 {font-size: 20px; font-weight: bold; margin: 10px 0;}

/****PRIVACY ****/
.privacyBox p {margin-bottom: 30px;}

/**** CONTACT ****/
.contactBox h5 {background: #F5F5F5; text-align: center; margin: 30px 0; padding: 20px 0;}
.contactBox p {text-align: center;}

.scrollBox {margin: 30px 0; height: 100px; overflow-x: hidden; padding: 30px; border: 1px solid #CCC; font-size: 14px;}
.scrollBox p {text-align: justify; font-size: 12px; font-family: 'Noto Sans JP';}

.table-entry input {border: #CCC solid 1px;  padding: 10px;}
.table-entry textarea {margin-top: 10px; width: 100%; border: 1px solid #CCC;}
.table-entry input.p-postal-code {width: 100px;}
.table-entry th span {background: #b62020; border-radius: 5px; font-size: 10px; color: #FFF; padding: 3px 5px; margin-right: 10px;}
span.postText {background: #F5F5F5; margin-left: 15px; padding: 10px 25px;}
input.wpcf7-form-control.wpcf7-submit.has-spinner {width: 100%; padding: 15px 0; background: #b62020; color: #FFF;}

/* ======= CATEGORY ======= */
.catPage ul li {margin-bottom: 30px;}
.catPage ul li h3 {font-size: 16px; color: #333;  margin: 10px 0;}

.cat-nav {text-align:center;}
.cat-nav li{margin:10px 5px; display: inline-block;}
.cat-nav li a {background: #CCC; text-decoration: none; display: inline-block; padding: 9px 15px; border-radius: 50px;}
.cat-nav li a:hover {background: #fec1c2; color:#222;}

.galPage ul li {margin-bottom: 30px;}
.galPage ul li p {font-family: "Noto San Jp"; font-size: 12px; margin: 10px 0 0;}
h3.galTitle {font-size: 16px; color: #333; margin-bottom: 10px; letter-spacing: normal;}

/* ======= SINGLE PAGE ======= */
h3.single-title {border-bottom: 1px solid #CCC; padding: 0 0 20px; font-size: 28px;}

.cat_paging {width: 100%; position: relative; display: flex; justify-content: flex-start; text-align: center;}
.cat_paging p {margin-bottom: 20px;}
.cat_paging a {background: #EEE; display: block; padding: 15px 0; border-radius: 5px; font-family: 'Noto Sans JP';}
.cat-back {border-top: 1px solid #CCC; padding: 50px 0; margin-top: 50px; order-bottom: 1px solid #CCC;}

.alignLeft {width: 30%;}
.alignCenter {width: 30%; margin: 0 5%;}
.alignRight {width: 30%;}


/* 投稿エリアの設定 */
#editor-area a{color:#444;}
#editor-area a:hover{background:#EEEEEE;}
#editor-area img{max-width: 100%; height:auto; display:block;}
#editor-area h4{font-size: 1.5em !important;line-height: 1.5em; margin-bottom: 25px !important; font-weight: bold;border-left: 4px solid #333; padding: 0.3em 0 0.3em 1em; color: #222; }
#editor-area h5{font-size: 1.2em; padding-bottom:10px; margin-bottom:10px; font-weight: bold; }
#editor-area h6{font-size: 1em; padding-bottom:10px; margin-bottom:10px; color:#333; }
#editor-area p{margin-bottom:30px; line-height: 1.8em;}
#editor-area strong{font-weight:bold;}
#editor-area ul{margin: 30px 0 30px 5px;}
#editor-area ul li{margin: 2px 0 2px 15px;  list-style: disc;}
#editor-area table{ width: 100%; border-collapse: collapse; margin-bottom:30px;}
#editor-area table th{padding: 10px; background-color: #eee; border: 1px solid #CCC;}
#editor-area table td { padding: 10px; border: 1px solid #EEE;}
#editor-area blockquote{padding: 20px; margin-bottom:30px; background:#EEEEEE;}
#editor-area blockquote p{margin:0px !important;}
#editor-area div.borderbox{border:1px dotted #CCC; padding: 20px; margin-bottom:30px;}
#editor-area div.borderbox p{margin:0px !important;}
#editor-area div.borderbox ul{margin:0px !important;}

#editor-area iframe::before { content: "<div>";}
#editor-area iframe::after { content: "</div>";}


@media screen and (max-width: 1279px) {
 /*　================================ for ipad ================================　*/

}

@media screen and (max-width: 480px) {
 /*　================================ for iphone ================================　*/

/* HEAD */
html,body { height: 100%; width: 100%; min-width: 100%; font-size: 14px;}
section.w1080 {width:90%; margin: 0 auto;}
.pagetop{bottom:10px; right:10px; z-index: 2;}
section.wrapCont {width: 90%; min-width: auto;}	

.sp{display:inline;}
.pc{display:none!important;}
.mb50 {margin-bottom: 20px;}
.mt50 {margin-top: 50px;}
.button {padding: .9em 30%;}

h3{line-height: normal;}

/* header */
#header-box h1 img {width: 80px; height: auto;}

ul.headBoxNav li:first-child {display: none;}
ul.headBoxNav li:last-child {font-size: 14px; margin: 0;}
ul.headBoxNav li {font-size: 10px; margin-right: 20px;}

ul.sideNav {text-align: center; width: 100%; right: 0; top: unset; bottom: 0; writing-mode: unset;}
ul.sideNav li {width: 50%;}
ul.sideNav li:first-child a {margin-bottom: 0;}

.navBox {width: 100%; height: 100vh; padding: 0 10%; min-width: 100%;}
.navBox img {width: 100px;}
.nabImage {display:none;}
.navBoxMenu1 {font-size: 14px;}
ul.col2.navBoxMenu2 {display: flex; flex-direction: row;margin-bottom: 30px;}
ul.col2.navBoxMenu2 li {width: 48%; margin-bottom: 0;}
ul.navBoxMenu2 li a {padding: 15px 0; font-size: 11px;}
.navBoxMenu3 p {font-size: 16px;}
.navBox .navBoxMenu3 img {width: 20px;}

/* footer */
footer {padding: 50px 0 50px;}
.footbox {margin-bottom: 20px; flex-wrap: nowrap; flex-direction: column;}
.footbox01 h1 {font-size: 20px; text-align: center;}
.footbox01 p {text-align: center; display: block;}
.footbox01 ul {justify-content: center; margin-bottom: 30px;}
.footbox02 { display: none;}
.footbox03 { display: none;}
.footbox04 { display: none;}
ul.footEnd li:first-child { display: none;}
p.osake20 {border-bottom: none;   padding: 15px 0;  text-align: justify;  margin-bottom: 0;}

/* 共通 */
.toppage h3 {font-size: 28px; margin-bottom: 30px; flex-direction: column;}

#container{width:100%; margin:0; padding:0;}
#container.post {margin: 50px 0;}

.moveLine {width: 100%; position: relative;  right: unset;  top: unset; text-align: center; margin-top: 30px;}
.moveLine:after {width: 100%;}
@keyframes expansion{
  0%{width:10px;}
  100%{width:100%; background:#CCC;}
}

table.base th {white-space: nowrap; padding: 10px; border: none; display: block; border-bottom: 1px solid #CCC; background: #F5F5F5;}
table.base td {border: none; border-bottom: 1px solid #CCC; padding: 10px 0; display: block; box-sizing: border-box;}

.basebox {margin-bottom: 30px;}
.basebox h4 {margin-bottom: 20px;}
.basebox h5 {margin-bottom: 20px;}
.basebox.pickup h3 {text-align: center; font-size: 1.5em; letter-spacing: 0.1em;  margin-bottom: 30px;}
.basebox.pickup p {text-align: justify; line-height: 2em;}

/* TEASER */
#teaser h2 {top: 37vh; font-size: 40px; left: 15vw; text-align: center;}
#teaser h2 span {font-size: 11px;}
.teaserInr img {height: 100vh; }

/* STAGE01 */
#stage01 {padding: 50px 0 50px;}
/* STAGE02 */
#stage02 {padding: 50px 0 50px; margin-bottom: 50px;}
/* STAGE03 */
#stage03 ul li {margin-bottom: 50px;}
#stage03 {margin-bottom: 50px;}
.newsPics {margin-bottom: 50px;}

/* STAGE04-7 */
#stage04 .s04Bg{position: relative; width: 100%; height: 300px;background-position: right;}
#stage05 .s05Bg{position: relative; width: 100%; height: 300px;}
#stage06 .s06Bg{position: relative; width: 100%; height: 300px; background-position: right;}
#stage07 .s07Bg{position: relative; width: 100%; height: 300px;}

section.washiBg {padding-bottom: 22px;}
.washiTitle {padding-left: 5%; padding-right: 5%; padding-top: 50px; margin-bottom: 50px;}
.washiTitle h2 {font-size: 21px; text-align: center;}
.washiTitle p {text-align: center;}

.washiLeft .floatBox {width: 90%;padding: 30px 0 60px; bottom: -200px;}
.washiRight .floatBox {width: 90%;padding: 30px 0 60px; bottom: -200px;}

.floatBox h3 {font-size: 24px;}
.floatBox p {font-size: 11px;}
.floatBox div.moveLine {margin: 20px auto 0; width: 200px;}

.washiLeft,.washiRight {position: relative; margin-bottom: 240px; width: 100%; }
.washiLeft:after {display: none;}
.washiLeft h4 {right: unset; left: 7px; color: #FFF;}

.washiRight {display: flex; justify-content: flex-end;}
.washiRight:after {display:none;}
.washiRight h4 {right: unset; left: 7px; color: #FFF;}

/* STAGE08 */
#stage08 ul li p {font-size: 16px;}

/* =====PAGE===== */
#contents-page {width: 100%; margin: 0 auto;}
div#container.page {margin-bottom: 50px;}

.page-title {padding: 40px 0;}
.page-title h2 {font-size: 20px;}
p.breadCramb {font-size: 10px;}

.basebox p {font-size: 14px;}
h3 {font-size: 1.2em; margin-bottom: 30px;}
h4 {font-size: 16px; padding-left: 20px; line-height: 1.5;}

ul.col2 {flex-direction: column; margin-bottom: -30px;}
ul.col2 li{width:100%; margin-bottom: 30px;}
ul.col3 {flex-direction: column; margin-bottom: -30px;}
ul.col3 li{width:100%; margin-bottom: 30px;}
ul.col6 {justify-content: space-between; flex-direction: row; flex-wrap: wrap; margin-bottom: -30px;}
ul.col6 li {width: 48%; margin-bottom: 30px;}

/* MENU */

/* FACILITY */

/* STAFF */

/* ACCESS */


/* =======CATEGORY======= */

.catPage ul li h3 {font-size: 14px; color: #333; margin: 10px 0;}




/* =======POST AREA======= */
.cat-postbox h3 span {display: block; font-size: 0.8em; margin-bottom: 10px;}
.cat-postbox { padding: 10px 0;}
.cat-postbox li { padding: 20px 0; font-size: 0.9em;}
.cat-nav li {margin: 5px 5px; font-size: 0.8em;}

.single-postbox {padding: 0;  margin-bottom: 30px;}
.single-postbox h3 { font-size: 1.2em; margin-bottom: 30px;}
.single-postbox h3 span {margin: 0 10px 0 0;}

.cat_paging a {font-size: 12px; letter-spacing: normal;}
.cat-back {padding: 20px 0; margin-top: 30px;}

.tag-title {margin-bottom: 30px;}
.tag-title h3 {margin-top: 30px; margin-bottom: 30px; font-size: 1.5em;}

/* =======EDITOR AREA======= */
#editor-area p {font-size: 0.9em;}
#editor-area h4 {font-size: 1em !important; margin-bottom: 25px !important; }
#editor-area h5 {font-size: 1em; margin-bottom: 10px;}

.wp-pagenavi {margin-top: 0; margin-bottom: 50px;}

.access01 ul.col2 li:nth-child(odd) {margin: 0px;}
	.access01 ul li{width:100%;}


.oshirase {margin: 0 auto 30px;}

}