@charset "UTF-8";
/* RESPONSIVE 
---------------------------------------------- */
/* KYOUTSU END // PC BASE ==================== */
@media only screen and (min-width: 1160px){	

.PcNon {
display: none;
}
.SpNon {
display: block;
}

.address{
    text-align: left;
    line-height: 1.5;
    padding-left: 2rem;
    margin-top: 1rem;
    font-size: 1.8rem;
    }

/* header
============================================== */
#header {
min-height: 100px;
display: flex;
flex-wrap: wrap;
}
#header .headerWrap {
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-right: 36px;
padding-bottom: 20px;
padding-left: 36px;
width: 1160px;
background-color: #ffffff;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
box-sizing: border-box;
}
#header .logo {
text-align: right;
}
#header .logo a {
width: 299px;
height: 58px;
display: block;
overflow: hidden;
}


/* globalnavi
============================================== */
.navUnshown {
display:none;
}
#gnav { 
text-align: right;
vertical-align: middle;
}
#gnav {
margin-left: auto;
display: flex;
flex: none;
justify-content: flex-end;
align-items: center;
}
#gnav > .nav:nth-last-child(n+2) {
border-right: 2px solid #52453b;
vertical-align: middle;
}
#gnav > .nav {
line-height: 1.5;
color: #013432;
}
#gnav > .nav a {
position: relative;
}
#gnav .nav:hover {
-webkit-transition: all .5s;
transition: all .5s;
}
#gnav .nav:hover a {
color: #7d9b19;
}
#gnav a,
#gnav p {
padding-right: 1em;
padding-left: 1em;
display: block;
color: #52453b;
font-size: min(6vw,15px);
font-weight: 500;
letter-spacing: 0.1em;
position: relative;
cursor: pointer;
}
#gnav a:hover,
#gnav p:hover {
text-decoration: none;
color: #7d9b19;
-webkit-transition: all .5s;
transition: all .5s;
cursor: pointer;
}
#gnav .subNav {
visibility: hidden;
opacity: 0;
z-index: 999;
}
#gnav .subNav {
padding-top: 15px;
padding-bottom: 20px;
min-width: 230px;
position: absolute;
top: 100px;
background-color: rgba(255,255,255,0.8);
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
text-align: left;
-webkit-transform: all .2s ease;
transform: all .2s ease;
}
#gnav .subNav li a {
padding-top: 10px;
padding-bottom: 10px;
color: #52453b;
}
#gnav .subNav li a:hover {
color: #7d9b19;
}
#gnav .nav:hover .subNav {
top: 100px;
visibility: visible;
opacity: 1;
}
#gnav .nav:hover .subNav > li {
width: 100%;
}
#gnav .nav:hover .subNav > li a {
color: #52453b;
}
#gnav .nav:hover .subNav > li:hover a {
color: #7d9b19;
}



/* gallerySlide
============================================== */
.gallerySlide .slick-list {
padding: 0 25%!important;
}
.gallerySlide .prev-arrow {
left: 22%;
}
.gallerySlide .next-arrow {
right: 22%;
}
.gallerySlide .slide-arrow {
top: 0;
}



/* footer
============================================== */
#footer .contents {
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
width: 1160px;
}
#footer .contentsWrap {
padding-top: 65px;
padding-bottom: 50px;
width: 960px;
}
#footer .logo {
margin-top: 15px;
letter-spacing: 4pt;
}
#footer .logo a {
max-width: 300px;
display: block;
overflow: hidden;
}
#footer .footerNavi {
width: 100%;
text-align: left;
}
#footer .footerNavi #navFooter {
margin-top: 30px;
margin-bottom: 48px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
#footer .footerNavi #navFooter .nav {
padding-right: 1em;
padding-left: 1em;
margin-bottom: 0.5em;
font-size: min(6vw,18px);
text-align: left;
letter-spacing: 0.1em;
border-left: 1px solid #52453b;
}
#footer .footerNavi #navFooter div:last-of-type {
border-right: 1px solid #52453b;
}
#footer .footerNavi .subNav {
max-width: 11em;
font-size: min(6vw,14px);
text-align: left;
}
#footer .footerNavi .subNav li {
flex-grow: 1;
}
#footer .footerNavi .subNav li a {
position: relative;
}
#footer .footerNavi .subNav li a::before {
content: '';
margin-right: 0.5em;
width: 0.8em;
height: 0.8em;
display: inline-block;
background-color: #52453b;
vertical-align: baseline;
}
#footer .moreSubWeb a {
padding: 0.5em 2em;
}


/* copyright
============================================== */
#copyright {
padding-top: 15px;
padding-bottom: 18px;
font-size: 15px;
}

/* gallerySlide
============================================== */
.gallerySlide .slide-arrow {
width: 60px;
height: 60px;
}


/* headEntryList
==================== */
.headEntryList .category {
border-top-left-radius: 20px;
}
.headEntryList .slick-dots {
bottom: 120px;
}
.headEntryList .eyeCatch {
max-height: 750px;
}
.headEntryList .postDetail {
max-width: 366px;
}
/* postSlide
==================== */
.headEntryList .slide-arrow {
width: 60px;
height: 60px;
z-index: 1;
}
.headEntryList .prev-arrow {
left: 10%;
}
.headEntryList .next-arrow {
right: 10%;
}



}/* PC END // SP BASE |||||||||||||||||||||||||||||| */
@media only screen and (max-width: 1159px){

/* base
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
body {
line-height: 2;
display:  inherit;
font-size: min(10vw,16px);
}
h1 {
font-size: min(10vw,36px);
}
h2 {
font-size: min(10vw,24px);
}
h3 {
font-size: min(10vw,18px);
}

.PcNon {
display: block;
}
.SpNon {
display: none;
}


/* header
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#header {
margin: 0;
position: relative;
width: 100%;
}
#header .headerWrap {
position: relative;
width: 100%;
}
#header .logo {
display: none;
}


/* globalnavi
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#navDrawer {
position: relative;
}
.navUnshown {
display:none;
}
#navOpen {
width: 44px;
height: 44px;
display: inline-block;
border: 3px solid rgba(1,52,50,0);
box-sizing: border-box;
vertical-align: middle;
position: fixed;
top: 5px;
right: 15px;
z-index: 999;
transition: all .15s linear;
transform: translateY(8px) rotate(0deg);
}
#navOpen::after {
content: '';
width: 0;
height: 0;
display: block;
border-top: 60px solid  rgba(255,255,255,0.85);
border-right: 80px solid  rgba(255,255,255,0.85);
border-left: 80px solid transparent;
border-bottom: 60px solid transparent;
filter: drop-shadow(6px 0 10px rgba(0, 0, 0, .8));
position: fixed;
top: -20px;
right: -20px;
z-index: 0;
opacity: 1;
}
#navOpen span, #navOpen span:before, #navOpen span:after {
content: '';
margin: auto;
width: 100%;
height: 5px;
position: absolute;
background-color: #0f1c22;
display: block;
z-index: 999;
right: 0;
left: 0;
}
#navOpen span:before {
bottom: -16px;
left: 0;
}
#navOpen span:after {
bottom: -32px;
left: 0;
}
#navClose {
width: 100%;
height: 100%;
display: none;
position: fixed;
z-index: 99;
top: 0;
right: 0;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
#navContent {
padding-top: 5em;
padding-right: 3em;
padding-bottom: 3.5em;
padding-left: 1.5em;
width: auto;
max-width: 90%;
height: auto;
background-color: rgba(255,255,255,0.85);
border-bottom-left-radius: 50px; 
position: fixed;
top: 0;
right: 0;
z-index: 100;
overflow-x: hidden;
overflow-y: scroll;
transition: .4s ease-in-out;
transform: translate(100%, -100%);
}
#navInput:checked ~ #navClose {
display: block;
opacity: .5;
transition: all .15s linear;
}
#navInput:checked ~ #navContent {
transform:translate(0, 0);
box-shadow: 6px 0 25px rgba(0,0,0,.8);
}
#navInput:checked ~ #navOpen span, #navInput:checked ~ #navOpen span:before, #navInput:checked ~ #navOpen span:after {
height: 5px;
background-color: #013432;
}
#navInput:checked ~ #navOpen {
width: 44px;
height: 44px;
border: 3px solid #013432;
}
#navInput:checked ~ #navOpen::after {
opacity: 0;
}
#navInput:checked ~ #navOpen span {
width: 28px;
bottom: 16px;
transform: translateY(0) rotate(45deg);
transition: all .15s linear;
}
#navInput:checked ~ #navOpen span:before {
visibility: hidden;
}
#navInput:checked ~ #navOpen span:after {
width: 28px;
bottom: 0;
transform: translateY(0) rotate(95deg);
}
#gnav {
margin-top: 1.5em;
margin-right: auto;
margin-left: auto;
padding-bottom: 87px;
width: 100%;
height: 100%;
display: block;
font-size: min(6vw,20px);
position: inherit;
top: 0;
right: 0;
left: 0;
}
#gnav .nav a,
#gnav .nav p {
line-height: 3;
display: block;
position: relative;
color: #013432;
text-align: left;
}
#gnav .nav a:hover {
text-decoration: none;
}
#gnav .nav a::before,
#gnav .nav p::before {
content: '';
margin-right: 0.5em;
margin-bottom: 3px;
width: 12px;
height: 4px;
line-height: 1;
background-color: #013432;
display: inline-block;
vertical-align: middle;
}
#gnav .subNav {
margin-left: 1.3em;
opacity: 0; 
transform: translateX(100%);
}
#gnav .subNav a {
line-height: 2.5;
}
#gnav .subNav a::before,
#gnav .subNav p::before {
display: none;
}
#gnav .nav.opened .subNav {
opacity: 1;
transform: none;
}

/* footer
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#footer .contents {
padding-top: 15%;
padding-bottom: 8%;
}
#footer .contentsWrap {
margin-right: auto;
margin-left: auto;
width: 80%;
text-align: left;
font-size: min(10vw,18px);
}
#footer .logo {
margin-bottom: 30px;
max-width: 300px;
display: block;
overflow: hidden;
}
#footer .footerNavi #navFooter {
margin-bottom: 20px;
}
#footer .footerNavi #navFooter > .nav {
border-bottom: 1px solid #52453b;
}

#footer .footerNavi .subNav {
font-size: min(6vw,14px);
}
#footer .footerNavi .subNav li a {
position: relative;
}
#footer .footerNavi .subNav li a::before {
content: '';
margin-right: 0.5em;
width: 0.8em;
height: 0.8em;
display: inline-block;
background-color: #52453b;
vertical-align: baseline;
}
#footer .moreSubWeb a {
padding: 0.5em 2em;
}

/* copyright
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#copyright {
padding-top: 5px;
padding-bottom: 5px;
font-size: min(2vw,14px);
}

/* gallerySlide
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.gallerySlide .slide-arrow {
width: min(10vw,5em);
height: min(10vw,5em);
}
.gallerySlide .prev-arrow {
left: 5%;
}
.gallerySlide .next-arrow {
right: 5%;
}


/* moreBtn
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.moreBtn {
margin-top: 80px;
margin-right: auto;
margin-left: auto;
width: 100%;
max-width: 100%;
line-height: min(10vw,50px);
font-size: min(20vw, 20px);
}
.moreBtn a {
padding-right: 10%;
padding-left: 10%;
}
.moreBtn a::after {
content: '';
margin-right: 0;
width: min(13vw,70px);
height: min(13vw,15px);
display: inline-block;
border-right: 1px solid #0e1c22;
border-bottom: 1px solid #0e1c22;
transform: skewX( 40deg);
position: absolute;
right: 8%;
top: 37%;
}

/* headEntryList
|||||||||||||||||||| */
.headEntryList {
display: none;
}


.address{
    text-align: left;
    line-height: 1.5;
    /* padding-left: 2rem; */
    margin-top: 1rem;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    }
}/* SP END |||||||||||||||||||||||||||||||||||||||| */