@charset "utf-8";

/*****************************************************************************
 common 
 *****************************************************************************/
@media screen and (min-width: 900px) {
  .br-pc {
    display: block
  }
  .br-sp {
    display: none
  }
}
@media screen and (max-width: 900px) {
  .br-pc {
    display: none
  }
  .br-sp {
    display: block
  }
}

.inner {
max-width: 1340px;
box-sizing: border-box;
margin: 0 auto;
padding: 0 50px;
position: relative;
}
@media screen and (max-width: 1024px) {
.inner {
padding: 0 30px;
}
}
@media screen and (max-width: 500px) {
.inner {
padding: 0 15px;
}
}
.inner:after {
content: '';
display: block;
clear: both;
}


.headline-lv1 {
padding: 120px 0 80px;
text-align: center;
letter-spacing: 2px;
font-size: 4.5rem;
}
@media screen and (max-width: 1280px) {
.headline-lv1 {
font-size: 4.0rem;
}
}
@media screen and (max-width: 500px) {
.headline-lv1 {
padding: 60px 0 40px;
font-size: 3.0rem;
line-height: 1.3;
}
}
.headline-lv1 small {
font-size: 2.0rem;
display: block;
}
@media screen and (max-width: 1280px) {
.headline-lv1 small {
font-size: 1.6rem;
}
}
@media screen and (max-width: 500px) {
.headline-lv1 small {
font-size: 1.4rem;
}
}


.visual {
padding-top: 140px;
}
@media screen and (max-width: 500px) {
.visual {
padding-top: 65px;
}
}
.visual-bg:after {
content: '';
padding-top: 15.625%;
display: block;
}
@media screen and (max-width: 1024px) {
.visual-bg:after {
padding-top: 25.625%;
}
}
@media screen and (max-width: 900px) {
.visual-bg:after {
padding-top: 35.625%;
}
}
.visual-bg img {
}
.visual-bg.bg-switch {
background-position: center top;
background-size: cover;
}


.bread-crumbs {
padding: 40px 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
@media screen and (max-width: 500px) {
.bread-crumbs {
padding: 20px 0;
}
}
.bread-crumbs {
font-size: 1.5rem;
}
.bread-crumbs a {
/*margin-right: 10px;
padding-right: 18px;*/
color: #464646;
text-decoration: none;
position: relative;
}
/*@media screen and (max-width: 500px) {
.bread-crumbs a {
margin-right: 8px;
padding-right: 16px;
}
}
.bread-crumbs li a:after {
content: '';
background: url(/assets/img/common/arrow04.png) no-repeat left center;
background-size: 6px auto;
width: 6px;
height: 10px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
}
@media screen and (max-width: 500px) {
.bread-crumbs li a:after {
background-size: 5px auto;
width: 5px;
height: 9px;
}
}*/


.description {
margin-bottom: 80px;
text-align: center;
}
@media screen and (max-width: 900px) {
.description {
text-align: left;
}
}
@media screen and (max-width: 500px) {
.description {
margin-bottom: 40px;
}
}
.description p {
line-height: 2;
}
.description p a {
color: #464646;
}

.pve-linebreaks{
	display: inline-block;
}



.lead-img-wrapper01 {
margin: 0 -1em;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 670px) {
.lead-img-wrapper01 {
margin: 0;
display: block;
}
}
.lead-img-wrapper01-box {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 1em;
padding: 0 1em;
}
@media screen and (max-width: 900px) {
.lead-img-wrapper01-box {
width: 50%;
}
}
@media screen and (max-width: 670px) {
.lead-img-wrapper01-box {
width: 100%;
padding: 0;
}
}
.lead-img-wrapper01-title {
margin: 1em 0 .5em;
font-weight: 500;
font-size: 1.7rem;
}
.lead-img-wrapper01-text {
line-height: 1.8;
font-size: 1.3rem;
}

/*****************************************************************************
 room 
 *****************************************************************************/

.room__section-concept {
width: 100%;
max-width: 670px;
margin: 0 auto 140px;
}
@media screen and (max-width: 500px) {
.room__section-concept {
margin: 0 auto 70px;
}
}
.room__section-concept-title {
margin-bottom: 24px;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.room__section-concept-title {
font-size: 2.4rem;
}
.room__section-concept-title br {
display: none;
}
}
.room__section-concept-text {
}
.room__section-concept-text p {
margin-bottom: 1.5em;
line-height: 2;
}
.room__section-concept-text p:last-child {
margin-bottom: 0;
}


.room__section-box {
margin-bottom: 140px;
}
@media screen and (max-width: 500px) {
.room__section-box {
margin-bottom: 70px;
}
}
.room__section-box-img {
margin-bottom: 50px;
}
@media screen and (max-width: 500px) {
.room__section-box-img {
margin-bottom: 20px;
}
}
.room__section-box-bg {
}
.room__section-box-bg:after {
content: '';
padding-top: 38.709677419%;
display: block;
}
@media screen and (max-width: 1024px) {
.room__section-box-bg:after {
padding-top: 48.709677419%;
}
}
@media screen and (max-width: 900px) {
.room__section-box-bg:after {
padding-top: 58.709677419%;
}
}
.room__section-box-bg.bg-switch {
background-position: center top;
background-size: cover;
}
.room__section-box-img .slick-dots {
bottom: 43px;
}
@media screen and (max-width: 500px) {
.room__section-box-img .slick-dots {
bottom: 13px;
}
}
.room__section-box-img .slick-dots li {
width: 135px;
height: 5px;
margin: 0 10px;
}
@media screen and (max-width: 1440px) {
.room__section-box-img .slick-dots li {
width: 100px;
}
}
@media screen and (max-width: 900px) {
.room__section-box-img .slick-dots li {
width: 50px;
}
}
@media screen and (max-width: 500px) {
.room__section-box-img .slick-dots li {
width: 25px;
height: 3px;
margin: 0 5px;
}
}
.room__section-box-img .slick-dots li button:before {
content: '';
opacity: .4;
background: #ffffff;
width: 135px;
height: 5px;
}
@media screen and (max-width: 1440px) {
.room__section-box-img .slick-dots li button:before {
width: 100px;
}
}
@media screen and (max-width: 900px) {
.room__section-box-img .slick-dots li button:before {
width: 50px;
}
}
@media screen and (max-width: 500px) {
.room__section-box-img .slick-dots li button:before {
width: 25px;
height: 3px;
}
}
.room__section-box-img .slick-dots li.slick-active button:before {
opacity: .9;
}
.room__section-box-img .slick-dotted.slick-slider {
margin-bottom: 0;
}
.room__section-box-wrapper {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
.room__section-box-wrapper {
display: block;
}
}
.room__section-box-block {
width: 70%;
}
@media screen and (max-width: 900px) {
.room__section-box-block {
width: 100%;
margin-bottom: 50px;
}
}
.room__section-box-catch {
margin-bottom: 15px;
font-size: 2.2rem;
}
@media screen and (max-width: 500px) {
.room__section-box-catch {
font-size: 1.8rem;
}
}
.room__section-box-title {
margin-bottom: 5px;
font-size: 4.0rem;
display: flex;
align-items: center;
}
@media screen and (max-width: 500px) {
.room__section-box-title {
margin-bottom: 10px;
line-height: 1.3;
font-size: 3.2rem;
display: block;
}
}
.room__section-box-title small {
margin-left: 15px;
font-size: 1.8rem;
}
@media screen and (max-width: 500px) {
.room__section-box-title small {
margin-left: 0;
display: block;
}
}
.room__section-box-data {
margin-bottom: 34px;
font-size: 1.5rem;
}
.room__section-box-text {
line-height: 2;
font-size: 1.6rem;
}
@media screen and (max-width: 1024px) {
.room__section-box-text br {
display: none;
}
}
.room__section-box-reservation {
white-space: nowrap;
font-size: 2.2rem;
}
@media screen and (max-width: 900px) {
.room__section-box-reservation {
text-align: right;
}
}
.room__section-box-reservation a {
padding-right: 78px;
display: inline-block;
color: #464646;
text-decoration: none;
position: relative;
}
@media screen and (max-width: 900px) {
.room__section-box-reservation a {
padding-right: 50px;
}
}
.room__section-box-reservation a:after {
content: '';
background: url(/assets/img/common/arrow03.png) no-repeat left top;
background-size: 60px auto;
width: 60px;
height: 60px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
}
@media screen and (max-width: 900px) {
.room__section-box-reservation a:after {
background-size: 40px auto;
width: 40px;
height: 40px;
}
}
.room__section-box-reservation a:hover {
opacity: 0.5;
}


.room__section-about {
background: #e8e8e8;
padding-bottom: 140px;
}
@media screen and (max-width: 500px) {
.room__section-about {
padding-bottom: 70px;
}
}
.room__section-about-wrapper {
}
.room__section-about-list {
}
.room__section-about-list li {
margin-bottom: 9px;
line-height: 2;
}
@media screen and (max-width: 500px) {
.room__section-about-list li {
margin-bottom: 18px;
line-height: 1.5;
font-size: 1.6rem;
}
}
.room__section-about-list li a {
margin-left: 10px;
font-size: 1.5rem;
}
.room__section-about-list small {
font-size: 1.5rem;
}
.room__section-about-attention {
padding-left: 1em;
text-indent: -1em;
font-size: 1.5rem;
}

/*****************************************************************************
 cuisine 
 *****************************************************************************/

.cuisine__section-concept {
width: 100%;
max-width: 670px;
margin: 0 auto 140px;
}
@media screen and (max-width: 500px) {
.cuisine__section-concept {
margin: 0 auto 70px;
}
}
.cuisine__section-concept-title {
margin-bottom: 24px;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.cuisine__section-concept-title {
font-size: 2.4rem;
}
.cuisine__section-concept-title br {
display: none;
}
}
.cuisine__section-concept-text {
}
.cuisine__section-concept-text p {
margin-bottom: 1.5em;
line-height: 2;
}
.cuisine__section-concept-text p:last-child {
margin-bottom: 0;
}


.cuisine__section-box {
margin-bottom: 140px;
}
@media screen and (max-width: 500px) {
.cuisine__section-box {
margin-bottom: 70px;
}
}
.cuisine__section-box-img {
margin-bottom: 50px;
}
@media screen and (max-width: 500px) {
.cuisine__section-box-img {
margin-bottom: 20px;
}
}
.cuisine__section-box-wrapper {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
.cuisine__section-box-wrapper {
display: block;
}
}
.cuisine__section-box-block {
width: 80%;
}
@media screen and (max-width: 900px) {
.cuisine__section-box-block {
width: 100%;
margin-bottom: 50px;
}
}
.cuisine__section-box-title {
margin-bottom: 5px;
font-size: 3.5rem;
display: flex;
align-items: center;
}
@media screen and (max-width: 500px) {
.cuisine__section-box-title {
margin-bottom: 10px;
line-height: 1.3;
font-size: 2.6rem;
display: block;
}
}
.cuisine__section-box-title small {
margin-left: 15px;
font-size: 1.8rem;
}
@media screen and (max-width: 500px) {
.cuisine__section-box-title small {
margin-left: 0;
display: block;
}
}
.cuisine__section-box-data {
margin-bottom: 34px;
font-size: 1.5rem;
}
.cuisine__section-box-text {
line-height: 2;
font-size: 1.6rem;
}
@media screen and (max-width: 1024px) {
.cuisine__section-box-text br {
display: none;
}
}
.cuisine__section-box-attention {
margin-top: 2em;
padding-left: 1em;
text-indent: -1em;
line-height: 2;
font-size: 1.5rem;
}
.cuisine__section-box-more {
white-space: nowrap;
font-size: 2.2rem;
}
@media screen and (max-width: 900px) {
.cuisine__section-box-more {
text-align: right;
}
}
@media screen and (max-width: 320px) {
.cuisine__section-box-more {
font-size: 1.8rem;
}
}
.cuisine__section-box-more a {
padding-right: 78px;
display: inline-block;
color: #464646;
text-decoration: none;
position: relative;
}
@media screen and (max-width: 900px) {
.cuisine__section-box-more a {
padding-right: 50px;
}
}
.cuisine__section-box-more a:after {
content: '';
background: url(/assets/img/common/arrow03.png) no-repeat left top;
background-size: 60px auto;
width: 60px;
height: 60px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
}
@media screen and (max-width: 900px) {
.cuisine__section-box-more a:after {
background-size: 40px auto;
width: 40px;
height: 40px;
}
}
.cuisine__section-box-more a:hover {
opacity: 0.5;
}

/*****************************************************************************
 dinner 
 *****************************************************************************/

.dinner__section {
}
.dinner__section-logo {
width: 100%;
max-width: 417px;
margin: 0 auto 94px;
}
@media screen and (max-width: 500px) {
.dinner__section-logo {
max-width: 217px;
margin: 0 auto 47px;
}
}
.dinner__section-img {
margin-bottom: 50px;
}
@media screen and (max-width: 500px) {
.dinner__section-img {
margin-bottom: 25px;
}
}
.dinner__section-title {
margin-bottom: 16px;
font-size: 3.5rem;
}
@media screen and (max-width: 500px) {
.dinner__section-title {
margin-bottom: 8px;
font-size: 2.6rem;
}
}
.dinner__section-wrapper {
margin-bottom: 140px;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.dinner__section-wrapper {
display: block;
}
}
@media screen and (max-width: 500px) {
.dinner__section-wrapper {
margin-bottom: 70px;
}
}
.dinner__section-wrapper-text {
width: 62.0967741%
}
@media screen and (max-width: 900px) {
.dinner__section-wrapper-text {
width: 100%;
margin-bottom: 30px;
}
}
.dinner__section-wrapper-text p {
margin-bottom: 2em;
line-height: 2;
}
.dinner__section-wrapper-text p:last-child {
margin-bottom: 0;
}
.dinner__section-wrapper-img {
width: 31.451615%;
}
@media screen and (max-width: 900px) {
.dinner__section-wrapper-img {
width: 100%;
text-align: center;
}
}
.dinner__section-photo {
margin: 0 -15px 110px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.dinner__section-photo {
margin: 0 -5px 60px;
}
}
.dinner__section-photo li {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 30px;
padding: 0 15px;
}
@media screen and (max-width: 900px) {
.dinner__section-photo li {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.dinner__section-photo li {
margin-bottom: 10px;
padding: 0 5px;
}
}


.chef__section {
background: #e9e9e9;
padding: 140px 0;
}
@media screen and (max-width: 500px) {
.chef__section {
padding: 70px 0;
}
}
.chef__section-wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.chef__section-wrapper {
display: block;
}
}
.chef__section-wrapper-img {
width: 43.5483870%;
}
@media screen and (max-width: 900px) {
.chef__section-wrapper-img {
width: 100%;
margin-bottom: 50px;
text-align: center;
}
}
.chef__section-wrapper-text {
width: 50%;
}
@media screen and (max-width: 900px) {
.chef__section-wrapper-text {
width: 100%;
}
}
.chef__section-wrapper-text p {
margin-bottom: 2em;
line-height: 2;
}
.chef__section-wrapper-text p:last-child {
margin-bottom: 0;
}
.chef__section-wrapper-title {
margin-bottom: 16px;
font-size: 3.5rem;
}
@media screen and (max-width: 500px) {
.chef__section-wrapper-title {
margin-bottom: 8px;
font-size: 2.8rem;
}
}
.chef__section-wrapper-title small {
margin-bottom: 14px;
font-size: 1.5rem;
display: block;
}
@media screen and (max-width: 500px) {
.chef__section-wrapper-title small {
margin-bottom: 0;
}
}
.chef__section-wrapper-catalog {
text-align: right;
}
@media screen and (max-width: 900px) {
.chef__section-wrapper-catalog {
text-align: center;
}
}

/*****************************************************************************
 lunch 
 *****************************************************************************/

.lunch__section {
}
.lunch__section-logo {
width: 100%;
max-width: 417px;
margin: 0 auto 94px;
}
@media screen and (max-width: 500px) {
.lunch__section-logo {
max-width: 217px;
margin: 0 auto 47px;
}
}
.lunch__section-text {
margin-bottom: 2em;
line-height: 2;
}
@media screen and (max-width: 1024px) {
.lunch__section-text br {
display: none;
}
}
.lunch__section-time {
margin-bottom: 2em;
font-size: 1.5rem;
}
.lunch__section-btn {
width: 100%;
max-width: 670px;
margin: 0 auto;
text-align: center;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.lunch__section-btn {
font-size: 2.0rem;
}
}
.lunch__section-btn a {
background: #666666;
padding: 22px 0 20px;
color: #ffffff;
text-decoration: none;
display: block;
}
@media screen and (max-width: 500px) {
.lunch__section-btn a {
padding: 17px 0;
}
}
.lunch__section-title {
margin: 100px 0 26px;
font-size: 4.0rem;
}
@media screen and (max-width: 500px) {
.lunch__section-title {
margin: 50px 0 13px;
font-size: 3.0rem;
}
}
.course-dish {
margin: 0 -30px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
.course-dish {
margin: 0 -15px;
}
}
@media screen and (max-width: 900px) {
.course-dish {
margin: 0;
display: block;
}
}
.course-dish-box {
width: 50%;
box-sizing: border-box;
padding: 0 30px;
}
@media screen and (max-width: 1024px) {
.course-dish-box {
padding: 0 15px;
}
}
@media screen and (max-width: 900px) {
.course-dish-box {
width: 100%;
margin-bottom: 30px;
padding: 0;
}
}
.course-dish-line {
border: 3px solid #b4923e;
padding: 60px 15px;
text-align: center;
position: relative;
}
.course-dish-line:after {
content: '';
border: 1px solid #b4923e;
position: absolute;
top: 4px;
right: 4px;
bottom: 4px;
left: 4px;
}
.course-dish-box-title {
margin-bottom: 70px;
line-height: 1.3;
font-size: 3.5rem;
position: relative;
}
@media screen and (max-width: 500px) {
.course-dish-box-title {
font-size: 3.0rem;
}
}
.course-dish-box-title:after {
content: '';
background: #b4923e;
width: 180px;
height: 2px;
position: absolute;
left: 50%;
bottom: -30px;
transform: translate(-50%,0);
}
.course-dish-box-title small {
font-size: 2.2rem;
display: block;
}
@media screen and (max-width: 500px) {
.course-dish-box-title small {
font-size: 1.8rem;
}
}
.course-dish-box-text {
line-height: 1.3;
font-size: 2.8rem;
}
@media screen and (max-width: 1280px) {
.course-dish-box-text {
font-size: 2.4rem;
}
}
@media screen and (max-width: 500px) {
.course-dish-box-text br {
display: none;
}
}
.course-dish-box-text small {
font-size: 2.2rem;
display: block;
}
@media screen and (max-width: 1280px) {
.course-dish-box-text small {
font-size: 1.8rem;
}
}
.course-dish-box-plus {
font-size: 3.5rem;
}
.course-dish-box-price {
margin-top: 20px;
font-size: 4.0rem;
color: #b4923e;
}
@media screen and (max-width: 500px) {
.course-dish-box-price {
font-size: 3.0rem;
}
}
.course-dish-box-price small {
font-size: 1.8rem;
color: #464646;
}
.main-dish {
margin-bottom: 90px;
}
@media screen and (max-width: 500px) {
.main-dish {
margin-bottom: 45px;
}
}
.main-dish-img {
margin-bottom: 30px;
}
@media screen and (max-width: 500px) {
.main-dish-img {
margin-bottom: 15px;
}
}
.main-dish-title {
margin-bottom: 10px;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.main-dish-title {
font-size: 2.4rem;
}
}
.main-dish-text {
line-height: 2;
font-size: 1.6rem;
}
.main-dish-attention {
margin-top: 2em;
}
.main-dish-attention li {
padding-left: 1em;
text-indent: -1em;
line-height: 2;
font-size: 1.5rem;
}

/*****************************************************************************
 sweets-cafe 
 *****************************************************************************/

.sweets-cafe__section, .sweets-cafe__section2 {
padding-bottom: 140px;
}
@media screen and (max-width: 500px) {
.sweets-cafe__section, .sweets-cafe__section2 {
padding-bottom: 70px;
}
}

.sweets-cafe__section2{text-align: center}

.sweets-cafe__section2 .inner{max-width: 1100px}

.sweets-cafe__section2 h2{font-size: 4.5rem; margin: 1em auto;}
.sweets-cafe__section2 h3{font-size: 4rem; margin-bottom: 1em auto;}
.sweets-cafe__section2 h4{font-size: 3.5rem; margin: 1em 0;}

.sweets-cafe__section2 .sweets-cafe__section-img{margin-top: 2em;}
.sweets-cafe__section2 .metaslider{margin:2em 0 4em;}

.sweets-cafe__section .headline-lv1 span, .sweets-cafe__section2 .headline-lv1 span {
margin-top: 20px;
font-size: 2.2rem;
display: block;
}
.sweets-cafe__section-logo {
width: 100%;
max-width: 495px;
margin: 0 auto 94px;
}
@media screen and (max-width: 500px) {
.sweets-cafe__section-logo {
max-width: 295px;
margin: 0 auto 47px;
}
}
.sweets-cafe__section-img {
margin-bottom: 30px;
}
@media screen and (max-width: 500px) {
.sweets-cafe__section-img {
margin-bottom: 15px;
}
}
.sweets-cafe__section-title {
margin: 100px 0 26px;
font-size: 4.0rem;
}
@media screen and (max-width: 500px) {
.sweets-cafe__section-title {
margin: 50px 0 13px;
font-size: 3.0rem;
}
}
.sweets-cafe__section-text {
line-height: 2;
}
/*add*/
/*@media screen and (max-width: 1024px) {
.sweets-cafe__section-text br {
display: none;
}
}*/

.sweets-cafe__section-time {
margin-top: 2em;
font-size: 1.5rem;
}
.sweets-cafe__section-list {
}
.sweets-cafe__section-list li {
margin-bottom: 80px;
}
@media screen and (max-width: 500px) {
.sweets-cafe__section-list li {
margin-bottom: 40px;
}
}
.sweets-cafe__section-list li:last-child {
margin-bottom: 0;
}

/*202004 add{*/
.sweets-cafe__section-box-menu {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.sweets-cafe__section-box-menu {
margin: 0 -5px;
}
}
.sweets-cafe__section-box-menu li {
width: 50%;
box-sizing: border-box;
margin-bottom: 30px;
padding: 0 15px;
}
@media screen and (max-width: 900px) {
.sweets-cafe__section-box-menu li {
width: 100%;
}
}
@media screen and (max-width: 500px) {
.sweets-cafe__section-box-menu li {
margin-bottom: 10px;
padding: 0 5px;
}
}
/*}202004 end*/
.sweetsmenu-wrapper1-3{margin-bottom: 30px}
.sweetsmenu-wrapper1-3 ul {
margin: 0 -3px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
}

.sweetsmenu-wrapper1-3 li {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 4em;
padding: 0 3px;
}

.sweetsmenu-wrapper1-3 li a:hover {
opacity: 0.5;
}

/*****************************************************************************
 nature-guide 
 *****************************************************************************/

.nature-guide__section {
padding: 140px 0;
}
@media screen and (max-width: 500px) {
.nature-guide__section {
padding: 70px 0;
}
}
.nature-guide__section.pt0 {
padding-top: 0;
}
.nature-guide__section.gray {
background: #e9e9e9;
}
.nature-guide__section.black {
background: #666666;
}
.nature-guide__section .headline-lv1 span {
width: 100%;
max-width: 290px;
margin: 20px auto 0;
display: block;
}
@media screen and (max-width: 500px) {
.nature-guide__section .headline-lv1 span {
max-width: 190px;
}
}
.nature-guide__section-box {
}
.nature-guide__section-box-img {
margin-bottom: 50px;
}
@media screen and (max-width: 500px) {
.nature-guide__section-box-img {
margin-bottom: 25px;
}
}
.nature-guide__section-box-wrapper {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
.nature-guide__section-box-wrapper {
display: block;
}
}
.nature-guide__section-box-block {
width: 70%;
}
@media screen and (max-width: 900px) {
.nature-guide__section-box-block {
width: 100%;
margin-bottom: 50px;
}
}
.nature-guide__section-box-title {
margin-bottom: 18px;
font-size: 3.5rem;
}
@media screen and (max-width: 500px) {
.nature-guide__section-box-title {
margin-bottom: 9px;
line-height: 1.3;
font-size: 2.6rem;
}
}
.nature-guide__section-box-block p {
margin-bottom: 2em;
line-height: 2;
font-size: 1.6rem;
}
@media screen and (max-width: 1024px) {
.nature-guide__section-box-block p br {
display: none;
}
}
.nature-guide__section-box-block p:last-child {
margin-bottom: 0;
}
.nature-guide__section-box-block p em {
font-size: 1.8rem;
display: block;
}
.nature-guide__section-box-attention li {
padding-left: 1em;
text-indent: -1em;
line-height: 2;
font-size: 1.5rem;
}
.nature-guide__section-course {
display: flex;
}
@media screen and (max-width: 500px) {
.nature-guide__section-course {
display: block;
}
}
.nature-guide__section-course-box {
width: 50%;
}
@media screen and (max-width: 500px) {
.nature-guide__section-course-box {
width: 100%;
margin-bottom: 2em;
}
.nature-guide__section-course-box:last-child {
margin-bottom: 0;
}
}
.nature-guide__section-course-box h3 {
margin-bottom: 14px;
font-size: 1.8rem;
}
.nature-guide__section-course-box dl {
font-size: 1.6rem;
}
.nature-guide__section-course-box dt {
float: left;
}
.nature-guide__section-course-box dd {
margin-bottom: 10px;
padding-left: 6em;
}
.nature-guide__section-course-box dd:last-child {
margin-bottom: 0;
}
.nature-guide__section-box-reservation {
white-space: nowrap;
font-size: 2.2rem;
}
@media screen and (max-width: 900px) {
.nature-guide__section-box-reservation {
text-align: right;
}
}
.nature-guide__section-box-reservation a {
padding-right: 78px;
display: inline-block;
color: #464646;
text-decoration: none;
position: relative;
}
@media screen and (max-width: 900px) {
.nature-guide__section-box-reservation a {
padding-right: 50px;
}
}
.nature-guide__section-box-reservation a:after {
content: '';
background: url(/assets/img/common/arrow03.png) no-repeat left top;
background-size: 60px auto;
width: 60px;
height: 60px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
}
@media screen and (max-width: 900px) {
.nature-guide__section-box-reservation a:after {
background-size: 40px auto;
width: 40px;
height: 40px;
}
}
.nature-guide__section-box-reservation a:hover {
opacity: 0.5;
}
.nature-guide__section.black .nature-guide__section-box {
color: #ffffff;
}
.nature-guide__section.black .nature-guide__section-box-reservation a {
color: #ffffff;
}
.nature-guide__section.black .nature-guide__section-box-reservation a:after {
background: url(/assets/img/common/arrow03-white.png) no-repeat left top;
background-size: 60px auto;
}
@media screen and (max-width: 900px) {
.nature-guide__section.black .nature-guide__section-box-reservation a:after {
background-size: 40px auto;
}
}

/*****************************************************************************
 wedding 
 *****************************************************************************/

.wedding__section {
}
.wedding__section-box {
}
.wedding__section-box-iframe {
width: 100%;
margin-bottom: 50px;
padding-top: 56.25%;
position: relative;
}
.wedding__section-box-iframe iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 500px) {
.wedding__section-box-iframe {
margin-bottom: 25px;
}
}
.wedding__section-box-wrapper {
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
.wedding__section-box-wrapper {
display: block;
}
}
.wedding__section-box-block {
width: 70%;
}
@media screen and (max-width: 900px) {
.wedding__section-box-block {
width: 100%;
margin-bottom: 50px;
}
}
.wedding__section-box-title {
margin-bottom: 22px;
font-size: 3.0rem;
}
@media screen and (max-width: 900px) {
.wedding__section-box-title br {
display: none;
}
}
@media screen and (max-width: 500px) {
.wedding__section-box-title {
margin-bottom: 11px;
font-size: 2.4rem;
}
}
.wedding__section-box-text {
margin-bottom: 50px;
line-height: 2;
}
@media screen and (max-width: 1024px) {
.wedding__section-box-text br {
display: none;
}
}
.wedding__section-box-contact {
white-space: nowrap;
font-size: 2.2rem;
}
@media screen and (max-width: 900px) {
.wedding__section-box-contact {
text-align: right;
}
}
.wedding__section-box-contact a {
padding-right: 78px;
display: inline-block;
color: #464646;
text-decoration: none;
position: relative;
}
@media screen and (max-width: 900px) {
.wedding__section-box-contact a {
padding-right: 50px;
}
}
.wedding__section-box-contact a:after {
content: '';
background: url(/assets/img/common/arrow03.png) no-repeat left top;
background-size: 60px auto;
width: 60px;
height: 60px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
}
@media screen and (max-width: 900px) {
.wedding__section-box-contact a:after {
background-size: 40px auto;
width: 40px;
height: 40px;
}
}
.wedding__section-box-contact a:hover {
opacity: 0.5;
}
.wedding__section-box-photo01 {
margin: 70px 0 140px;
}
@media screen and (max-width: 500px) {
.wedding__section-box-photo01 {
margin: 35px 0 70px;
}
}
.wedding__section-box-photo01 li {
margin-bottom: 50px;
}
@media screen and (max-width: 500px) {
.wedding__section-box-photo01 li {
margin-bottom: 10px;
}
}
.wedding__section-box-photo01 li:last-child {
margin-bottom: 0;
}
.wedding__section-box-photo02 {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.wedding__section-box-photo02 {
margin: 0 -5px;
}
}
.wedding__section-box-photo02 li {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 30px;
padding: 0 15px;
}
@media screen and (max-width: 900px) {
.wedding__section-box-photo02 li {
width: 50%;
}
}
@media screen and (max-width: 500px) {
.wedding__section-box-photo02 li {
margin-bottom: 10px;
padding: 0 5px;
}
}


.wedding__section-about {
background: #e6e6e6;
padding: 140px 0;
}
@media screen and (max-width: 500px) {
.wedding__section-about {
padding: 70px 0;
}
}
.wedding__section-about-title {
margin-bottom: 44px;
font-size: 4.5rem;
}
@media screen and (max-width: 900px) {
.wedding__section-about-title {
font-size: 3.8rem;
}
}
@media screen and (max-width: 500px) {
.wedding__section-about-title {
margin-bottom: 22px;
font-size: 2.8rem;
}
}
.wedding__section-about-list {
margin-bottom: 34px;
}
@media screen and (max-width: 500px) {
.wedding__section-about-list {
margin-bottom: 17px;
}
}
.wedding__section-about-list li {
line-height: 2;
}
.wedding__section-about-attention {
padding-left: 1em;
text-indent: -1em;
font-size: 1.5rem;
}
.wedding__section-about-wrapper {
border-top: 1px solid #464646;
margin-top: 70px;
padding-top: 70px;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 900px) {
.wedding__section-about-wrapper {
display: block;
}
}
@media screen and (max-width: 500px) {
.wedding__section-about-wrapper {
margin-top: 35px;
padding-top: 35px;
}
}
.wedding__section-about-block {
width: 70%;
}
@media screen and (max-width: 900px) {
.wedding__section-about-block {
width: 100%;
margin-bottom: 50px;
}
}
.wedding__section-about-staff {
margin-bottom: 4px;
line-height: 2;
font-size: 1.6rem;
}
.wedding__section-about-name {
font-size: 3.0rem;
display: flex;
align-items: center;
}
.wedding__section-about-name small {
font-size: 1.6rem;
}
.wedding__section-about-tel {
font-size: 2.5rem;
}
.wedding__section-about-tel small {
margin-right: 10px;
font-size: 1.6rem;
}
.wedding__section-about-tel a {
color: #464646;
}
.wedding__section-about-contact {
white-space: nowrap;
font-size: 2.2rem;
}
@media screen and (max-width: 900px) {
.wedding__section-about-contact {
text-align: right;
}
}
.wedding__section-about-contact a {
padding-right: 78px;
display: inline-block;
color: #464646;
text-decoration: none;
position: relative;
}
@media screen and (max-width: 900px) {
.wedding__section-about-contact a {
padding-right: 50px;
}
}
.wedding__section-about-contact a:after {
content: '';
background: url(/assets/img/common/arrow03.png) no-repeat left top;
background-size: 60px auto;
width: 60px;
height: 60px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
}
@media screen and (max-width: 900px) {
.wedding__section-about-contact a:after {
background-size: 40px auto;
width: 40px;
height: 40px;
}
}
.wedding__section-about-contact a:hover {
opacity: 0.5;
}

/*****************************************************************************
 live-camera 
 *****************************************************************************/

#live-camera-anchor,
#movie-anchor,
#npg-anchor,
#voice-anchor {
margin-top: -100px;
padding-top: 100px;
}

.live-camera__section {
background: #464646;
padding-bottom: 140px;
}
@media screen and (max-width: 500px) {
.live-camera__section {
padding-bottom: 70px;
}
}
.live-camera__section .headline-lv1 {
color: #ffffff;
}
.live-camera__section-wrapper {
color: #ffffff;
}
.live-camera__section-title {
padding: 50px 0 30px;
letter-spacing: -1.5px;
font-size: 3.5rem;
}
@media screen and (max-width: 500px) {
.live-camera__section-title {
padding: 25px 0 15px;
letter-spacing: normal;
font-size: 2.6rem;
}
}
.live-camera__section-catch {
margin-bottom: 40px;
line-height: 1.8;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.live-camera__section-catch {
margin-bottom: 20px;
font-size: 1.8rem;
}
}
.live-camera__section-attention {
}
.live-camera__section-attention li {
margin-bottom: 13px;
padding-left: 1em;
text-indent: -1em;
}
.live-camera__section-attention li:last-child {
margin-bottom: 0;
}


.npg__section {
padding-bottom: 100px;
}
@media screen and (max-width: 500px) {
.npg__section {
padding-bottom: 30px;
}
}
.npg__section .headline-lv1 span {
width: 100%;
max-width: 370px;
margin: 20px auto 0;
display: block;
}
@media screen and (max-width: 500px) {
.npg__section .headline-lv1 span {
max-width: 270px;
}
}
.npg__section-wrapper {
margin: 0 -25px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.npg__section-wrapper {
margin: 0;
display: block;
}
}
.npg__section-box {
width: 33.3333%;
box-sizing: border-box;
margin-bottom: 40px;
padding: 0 25px 80px;
position: relative;
}
@media screen and (max-width: 900px) {
.npg__section-box {
width: 100%;
padding: 0 0 80px;
}
}
.npg__section-box-img {
width: 100%;
margin-bottom: 26px;
padding-top: 60%;
text-align: center;
position: relative;
overflow: hidden;
}
.npg__section-box-img img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.npg__section-box-date {
margin-bottom: 10px;
color: #808080;
}
.npg__section-box-title {
margin-bottom: 16px;
line-height: 1.3;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.npg__section-box-title {
margin-bottom: 8px;
font-size: 2.6rem;
}
}
.npg__section-box-text {
line-height: 2;
font-size: 2.0rem;
}
@media screen and (max-width: 500px) {
.npg__section-box-text {
font-size: 1.6rem;
}
}
.npg__section-box-btn {
text-align: center;
position: absolute;
bottom: 0;
left: 25px;
right: 25px;
}
.npg__section-box-btn a {
background: #131313;
border-radius: 3px;
padding: 10px 10px 12px;
color: #ffffff;
text-decoration: none;
display: block;
}


.movie__section {
background: #e9e9e9;
padding-bottom: 80px;
}
@media screen and (max-width: 500px) {
.movie__section {
padding-bottom: 40px;
}
}
.movie__section-wrapper {
margin: 0 -30px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.movie__section-wrapper {
margin: 0;
display: block;
}
}
.movie__section-box {
width: 50%;
box-sizing: border-box;
margin-bottom: 60px;
padding: 0 30px;
}
@media screen and (max-width: 900px) {
.movie__section-box {
width: 100%;
margin-bottom: 60px;
padding: 0;
}
}
@media screen and (max-width: 500px) {
.movie__section-box {
margin-bottom: 30px;
}
}
.movie__section-box-iframe {
width: 100%;
padding-top: 56.25%;
position: relative;
}
.movie__section-box-iframe iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}


.voice__section {
padding-bottom: 140px;
}
@media screen and (max-width: 500px) {
.voice__section {
padding-bottom: 70px;
}
}
.voice__section-wrapper {
}
.voice__section-img {
margin-bottom: 50px;
}
@media screen and (max-width: 500px) {
.voice__section-img {
margin-bottom: 25px;
}
}
.voice__section-title {
margin-bottom: 22px;
letter-spacing: -1.5px;
font-size: 3.5rem;
}
@media screen and (max-width: 500px) {
.voice__section-title {
margin-bottom: 11px;
letter-spacing: normal;
font-size: 2.6rem;
}
}
.voice__section-text {
}
.voice__section-text p {
margin-bottom: 2em;
line-height: 2;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.voice__section-text p {
font-size: 1.8rem;
}
}
.voice__section-attention {
font-size: 1.8rem;
padding-left: 1em;
text-indent: -1em;
}
.voice__section-btn {
width: 100%;
max-width: 670px;
margin: 100px auto 0;
text-align: center;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.voice__section-btn {
margin: 50px auto 0;
font-size: 2.0rem;
}
}
.voice__section-btn a {
background: #666666;
padding: 20px 30px 18px;
color: #ffffff;
text-decoration: none;
display: block;
}

/*****************************************************************************
 kitchen
 *****************************************************************************/

.header__kitchen {
position: relative;
}
.header__kitchen-btn {
width: 100%;
max-width: 280px;
text-align: center;
font-size: 1.6rem;
position: absolute;
top: 0;
left: 0;
}
@media screen and (max-width: 500px) {
.header__kitchen-btn {
max-width: 220px;
font-size: 1.4rem;
}
}
.header__kitchen-btn a {
background: #131313;
padding: 15px 0 13px;
color: #ffffff;
text-decoration: none;
display: block;
}
@media screen and (max-width: 500px) {
.header__kitchen-btn a {
padding: 10px 0 8px;
}
}
.header__kitchen-btn span {
background: url(/assets/img/common/arrow05.png) no-repeat left center;
background-size: 8px auto;
padding-left: 16px;
}
@media screen and (max-width: 500px) {
.header__kitchen-btn span {
background-size: 4px auto;
padding-left: 8px;
}
}
.header__kitchen-visual {
}
.header__kitchen-visual-bg:after {
content: '';
padding-top: 26.822916%;
display: block;
}
@media screen and (max-width: 1024px) {
.header__kitchen-visual-bg:after {
padding-top: 36.822916%;
}
}
@media screen and (max-width: 500px) {
.header__kitchen-visual-bg:after {
padding-top: 56.822916%;
}
}
.header__kitchen-visual-bg img {
}
.header__kitchen-visual-bg.bg-switch {
background-position: center center;
background-size: cover;
}
.header__kitchen-visual-bg.hide_sp {
}
@media screen and (max-width: 900px) {
.header__kitchen-visual-bg.hide_sp {
display: none;
}
}
.header__kitchen-visual-bg.hide_pc {
display: none;
}
@media screen and (max-width: 900px) {
.header__kitchen-visual-bg.hide_pc {
display: block;
}
}
.kitchen__section-headline {
width: 35.483870%;
background: #e7c54d;
margin: -25.625% auto 30px;
position: relative;
}
@media screen and (max-width: 900px) {
.kitchen__section-headline {
width: 300px;
margin: -15.625% auto 30px;
}
}
@media screen and (max-width: 500px) {
.kitchen__section-headline {
width: 260px;
}
}
.kitchen__section-headline:after {
content: '';
padding-top: 100%;
display: block;
}
.kitchen__section-headline-box {
width: 100%;
box-sizing: border-box;
padding: 0 60px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
@media screen and (max-width: 900px) {
.kitchen__section-headline-box {
padding: 0 30px;
}
}
.kitchen__section-headline-box h1 {
margin-bottom: 20px;
}
.kitchen__section-headline-box h1 small {
margin-top: 16px;
font-size: 2.0rem;
display: block;
}
.kitchen__section-headline-box p {
font-size: 1.5rem;
}
@media screen and (max-width: 500px) {
.kitchen__section-headline-box p {
font-size: 1.4rem;
}
}
.kitchen__section-description {
max-width: 520px;
margin: 0 auto 30px;
line-height: 2;
}
.kitchen__section-time {
margin-bottom: 70px;
text-align: center;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.kitchen__section-time {
margin-bottom: 35px;
font-size: 2.0rem;
}
}
.kitchen__section-time span {
font-size: 1.5rem;
display: block;
}


.kitchen__section-contents {
background: #e7c54d;
padding: 100px 0 140px;
color: #1a1a1a;
}
@media screen and (max-width: 500px) {
.kitchen__section-contents {
padding: 50px 0 70px;
}
}
.headline01-kitchen {
margin-bottom: 120px;
text-align: center;
font-size: 5.0rem;
position: relative;
}
@media screen and (max-width: 500px) {
.headline01-kitchen {
margin-bottom: 60px;
font-size: 3.6rem;
}
}
.headline01-kitchen:after {
content: '';
width: 140px;
height: 1px;
background: #1a1a1a;
position: absolute;
bottom: -30px;
left: 50%;
transform: translate(-50%,0);
}
@media screen and (max-width: 500px) {
.headline01-kitchen:after {
bottom: -15px;
}
}
.headline02-kitchen {
margin-bottom: 50px;
text-align: center;
font-size: 3.5rem;
}
@media screen and (max-width: 500px) {
.headline02-kitchen {
margin-bottom: 25px;
font-size: 2.6rem;
}
}
.kitchen__section-box {
margin-bottom: 100px;
}
@media screen and (max-width: 500px) {
.kitchen__section-box {
margin-bottom: 50px;
}
}
.kitchen__section-box-img {
margin-bottom: 50px;
}
@media screen and (max-width: 500px) {
.kitchen__section-box-img {
margin-bottom: 25px;
}
}
.kitchen__section-box-title {
margin-bottom: 16px;
font-size: 3.5rem;
}
@media screen and (max-width: 500px) {
.kitchen__section-box-title {
margin-bottom: 8px;
font-size: 2.4rem;
}
}
.kitchen__section-box-text {
line-height: 2
}
@media screen and (max-width: 1024px) {
.kitchen__section-box-text br {
display: none;
}
}
.kitchen__section-box-attention {
padding-left: 1em;
text-indent: -1em;
font-size: 1.5rem;
}
.kitchen__section-box-sub {
border-top: 1px solid #1a1a1a;
border-bottom: 1px solid #1a1a1a;
margin-top: 30px;
padding: 20px 0;
}
.kitchen__section-box-sub-title {
margin-bottom: 12px;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.kitchen__section-box-sub-title {
margin-bottom: 6px;
font-size: 2.0rem;
}
}
.kitchen__section-box-sub-text {
line-height: 2;
}
.kitchen__section-list {
}
.kitchen__section-list ul {
margin: 0 -17px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.kitchen__section-list ul {
margin: 0;
display: block;
}
}
.kitchen__section-list li {
width: 50%;
box-sizing: border-box;
margin-bottom: 40px;
padding: 0 17px;
}
@media screen and (max-width: 500px) {
.kitchen__section-list li {
width: 100%;
margin-bottom: 20px;
padding: 0;
}
}
.kitchen__section-list li span {
margin-top: 20px;
display: block;
}
@media screen and (max-width: 500px) {
.kitchen__section-list li span {
margin-top: 10px;
}
}
.kitchen__section-text {
font-size: 1.5rem;
}
.kitchen__section-btn {
width: 100%;
max-width: 670px;
margin: 100px auto 0;
text-align: center;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.kitchen__section-btn {
margin: 50px auto 0;
font-size: 1.8rem;
}
}
.kitchen__section-btn a {
background: #464646;
padding: 20px 20px 18px;
color: #ffffff;
text-decoration: none;
display: block;
}


.footer__kitchen {
padding: 40px 0 60px;
}
.footer__kitchen-text {
margin-bottom: 80px;
text-align: center;
}
@media screen and (max-width: 500px) {
.footer__kitchen-text {
margin-bottom: 40px;
}
}
.footer__kitchen-text a {
color: #464646;
}
.footer__kitchen-logo {
width: 100%;
max-width: 414px;
margin: 0 auto 30px;
}
@media screen and (max-width: 500px) {
.footer__kitchen-logo {
max-width: 214px;
}
}
.footer__kitchen-url {
margin-bottom: 5px;
text-align: center;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.footer__kitchen-url {
font-size: 2.4rem;
}
}
.footer__kitchen-copyright {
text-align: center;
font-size: 1.2rem;
}

/*****************************************************************************
 question
 *****************************************************************************/

.question__section {
padding-bottom: 140px;
}
@media screen and (max-width: 500px) {
.question__section {
padding-bottom: 70px;
}
}
.question__section-headline {
background: #1a1a1a;
margin-top: 80px;
padding: 20px 25px 18px;
line-height: 1.3;
font-size: 2.5rem;
color: #ffffff;
}
@media screen and (max-width: 500px) {
.question__section-headline {
margin-top: 40px;
padding: 15px 15px 13px;
font-size: 2.0rem;
}
}
.question__section-box {
border-bottom: 1px solid #c3c3c3;
padding: 30px 0;
}
@media screen and (max-width: 500px) {
.question__section-box {
padding: 15px 0;
}
}
.question__section-title {
padding: 0 40px;
font-size: 2.5rem;
position: relative;
cursor: pointer;
}
@media screen and (max-width: 500px) {
.question__section-title {
padding: 0 30px;
font-size: 2.0rem;
}
}
.question__section-title:after {
content: 'Q';
font-family: 'Noto Sans JP', sans-serif;
line-height: 1;
font-weight: 500;
font-size: 3.4rem;
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-60%);
}
@media screen and (max-width: 500px) {
.question__section-title:after {
font-size: 2.4rem;
}
}
.question__section-title:before {
content: '';
background: url(/assets/img/common/arrow06.png) no-repeat left top;
background-size: 28px auto;
width: 28px;
height: 17px;
position: absolute;
top: 50%;
right: 24px;
transform: translate(0,-50%);
transition: 0.3s;
}
@media screen and (max-width: 500px) {
.question__section-title:before {
background-size: 15px auto;
width: 15px;
height: 9px;
right: 0;
}
}
.question__section-title.open:before {
transform: translate(0,-50%) rotate(-180deg);
}
.question__section-block {
display: none;
}
.question__section-text {
padding-top: 14px;
}
@media screen and (max-width: 500px) {
.question__section-text {
padding-top: 7px;
}
}
.question__section-text p {
margin-bottom: 2em;
line-height: 2;
}
.question__section-text p:last-child {
margin-bottom: 0;
}

.question__section-category{
display: flex;
flex-wrap: wrap;
max-width: 760px;
padding-bottom: 80px;
margin: 0 auto;
}
.question__section-category li{
display: flex;
align-items: stretch;
width: 50%;
padding: 15px;
box-sizing: border-box;
}
.question__section-category li:first-of-type{
width: 100%;
}
.question__section-category li a{
display: flex;
align-items: center;
width: 100%;
height: 100%;
padding: 20px;
box-sizing: border-box;
border: 1px solid #282828;
line-height: 1.3;
text-align: center;
text-decoration:none;
position: relative;
overflow: hidden;
z-index: 1;
color: #444;
font-size: 2rem;
}
.question__section-category li.cr a{
background: #565656;
color: #fff;
pointer-events: none;
}
.question__section-category li a:after {
position: absolute;
top: 0;
left: -30%;
content: '';
width: 130%;
height: 100%;
background: #565656;
transform-origin: left top;
transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);
transform: skewX(30deg) scale(0, 1);
z-index: -1;
}
.question__section-category li a span{
width: 100%;
}
.question__section-category li a span br{
	display: none;
}
@media screen and (max-width: 500px) {
.question__section-category li a span br{
	display: block;
}
}
.question__section-category li a:hover {
color: #fff;
}
.question__section-category li a:hover:after {
transform-origin: right top;
transform: skewX(30deg) scale(1, 1);
}
@media screen and (max-width: 500px) {
.question__section-category{
padding-bottom: 20px;
margin: 0 -6px;
}
.question__section-category li{
padding: 6px;
}
.question__section-category li a{
font-size: 1.4rem;
line-height: 1.2;
padding: 12px;
}
}

.question__section-headline2{
padding: 20px 27px 18px;
margin-top: 60px;
margin-bottom: 5px;
border: 1px solid #282828;
box-sizing: border-box;
font-size: 2.5rem;
line-height: 1.3;
}
.question__section-box + .question__section-headline2{
margin-top: 90px;
}
@media screen and (max-width: 500px) {
.question__section-headline2{
padding: 0px 16px 8px;
margin-top: 30px;
margin-bottom: 10px;
font-size: 2rem;
border: none;
border-bottom: 3px solid #262626;
}
.question__section-box + .question__section-headline2{
margin-top: 50px;
}
}



/*****************************************************************************
 news-release
 *****************************************************************************/

.news-release__section {
padding-bottom: 140px;
}
@media screen and (max-width: 500px) {
.news-release__section {
padding-bottom: 70px;
}
}


.news-release-box {
border-bottom: 1px solid #b0b0b0;
margin-bottom: 40px;
padding-bottom: 40px;
display: flex;
justify-content: space-between;
align-items: center;
}
@media screen and (max-width: 900px) {
.news-release-box {
align-items: flex-start;
}
}
@media screen and (max-width: 500px) {
.news-release-box {
margin-bottom: 20px;
padding-bottom: 20px;
display: block;
}
}
.news-release-box-img {
width: 22.580645%;
}
@media screen and (max-width: 500px) {
.news-release-box-img {
width: 100%;
margin-bottom: 20px;
}
}
.news-release-box-block {
width: 70.967741%;
}
@media screen and (max-width: 500px) {
.news-release-box-block {
width: 100%;
}
}
.news-release-box-date {
margin-bottom: 14px;
font-size: 1.5rem;
color: #666666;
}
.news-release-box-date a {
color: #666666;
text-decoration: none;
}
.news-release-box-date a:hover {
text-decoration: underline;
}
.news-release-box-title {
margin-bottom: 14px;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.news-release-box-title {
font-size: 2.0rem;
}
}
.news-release-box-title a {
color: #464646;
text-decoration: none;
}
.news-release-box-title a:hover {
text-decoration: underline;
}
.news-release-box-text {
line-height: 2;
}


.news-release-navi {
margin-top: 80px;
}
@media screen and (max-width: 500px) {
.news-release-navi {
margin-top: 40px;
}
}
.news-release-navi ol {
display: flex;
justify-content: center;
}
.news-release-navi li {
padding: 0 14px;
}
@media screen and (max-width: 500px) {
.news-release-navi li {
padding: 0 7px;
}
}
.news-release-navi li a {
color: #929292;
text-decoration: none;
}
.news-release-navi li a:hover {
color: #464646;
}
.news-release-navi-prev {
}
.news-release-navi-prev a {
padding-left: 34px;
color: #464646!important;
text-decoration: none;
position: relative;
}
.news-release-navi-prev a:after {
content: '';
background: url(/assets/img/common/arrow07.png) no-repeat left top;
background-size: 10px auto;
width: 10px;
height: 17px;
position: absolute;
top: 50%;
left: 0;
transform: translate(0,-50%);
}
.news-release-navi-next {
}
.news-release-navi-next a {
padding-right: 34px;
color: #464646!important;
text-decoration: none;
position: relative;
}
.news-release-navi-next a:after {
content: '';
background: url(/assets/img/common/arrow04.png) no-repeat left top;
background-size: 10px auto;
width: 10px;
height: 17px;
position: absolute;
top: 50%;
right: 0;
transform: translate(0,-50%);
}


.news-release-entry {
width: 100%;
max-width: 980px;
border-bottom: 1px solid #b0b0b0;
margin: 80px auto;
padding-bottom: 40px;
}
@media screen and (max-width: 500px) {
.news-release-entry {
margin: 60px auto 40px;
padding-bottom: 20px;
}
}
.news-release-entry-header {
border-bottom: 1px solid #b0b0b0;
margin-bottom: 40px;
padding-bottom: 20px;
}
@media screen and (max-width: 500px) {
.news-release-entry-header {
margin-bottom: 20px;
padding-bottom: 10px;
}
}
.news-release-entry-date {
margin-bottom: 14px;
font-size: 1.5rem;
color: #666666;
}
.news-release-entry-date a {
color: #666666;
text-decoration: none;
}
.news-release-entry-date a:hover {
text-decoration: underline;
}
.news-release-entry-headline {
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.news-release-entry-headline {
font-size: 2.4rem;
}
}
.news-release-entry-img {
margin-bottom: 50px;
text-align: center;
}
@media screen and (max-width: 500px) {
.news-release-entry-img {
margin-bottom: 25px;
}
}
.news-release-entry-body {
line-height: 2;
}
.news-release-entry-body:after {
content: '';
display: block;
clear: both;
}
.news-release-entry-body p {
margin-bottom: 2em;
}
.news-release-entry-body ul,
.news-release-entry-body ol {
margin-bottom: 2em;
padding-left: 1.5em;
}
.news-release-entry-body ul li {
list-style: disc;
}
.news-release-entry-body ol li {
list-style-type: decimal;
}
.news-release-entry-body em {
font-style: italic;
}
.news-release-entry-body strong {
font-weight: bold;
}
.news-release-entry-body h2 {
margin-bottom: 30px;
padding-left: 36px;
line-height: 1.5;
font-size: 2.5rem;
position: relative;
}
@media screen and (max-width: 670px) {
.news-release-entry-body h2 {
margin-bottom: 20px;
padding-left: 26px;
font-size: 2.0rem;
}
}
.news-release-entry-body h2:after {
content: '';
background: #80234a;
width: 15px;
height: 15px;
position: absolute;
top: 0.4em;
left: 0;
}

.news-release-entry-body h3 {
margin-bottom: 30px;
padding-left: 30px;
line-height: 1.5;
font-size: 2rem;
position: relative;
}
@media screen and (max-width: 670px) {
.news-release-entry-body h3 {
margin-bottom: 20px;
padding-left: 20px;
font-size: 1.5rem;
}
}
.news-release-entry-body h3:after {
content: '';
background: #80234a;
width: 15px;
height: 15px;
position: absolute;
top: 0.4em;
left: 0;
}

.news-release-entry-body h4 {
font-size: 2rem;
font-weight: bold;
}

.news-release-entry-body blockquote{
  background: #EFEFEF;
  border-left: #DDD solid 4px;
  padding: 1.5em 2em .5em;
  margin-bottom: 2em;
}
.news-release-entry-body p{margin-bottom: 1em}

.news-release-entry-body .iframe {
width: 100%;
margin-bottom: 2em;
padding-top: 56.25%;
position: relative;
}
.news-release-entry-body .iframe iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.news-release__section-btn {
width: 100%;
max-width: 670px;
margin: 0 auto;
text-align: center;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.news-release__section-btn {
margin: 50px auto 0;
font-size: 1.8rem;
}
}
.news-release__section-btn a {
background: #666666;
padding: 20px 20px 18px;
color: #ffffff;
text-decoration: none;
display: block;
}

/*****************************************************************************
 mail-magazine
 *****************************************************************************/

.mail-magazine__section {
padding-bottom: 140px;
}
@media screen and (max-width: 500px) {
.mail-magazine__section {
padding-bottom: 70px;
}
}
.mail-magazine__section-main {
margin-bottom: 30px;
position: relative;
}
.mail-magazine__section-main-btn {
background: #ffffff;
position: absolute;
bottom: 42px;
left: 50%;
transform: translate(-50%,0);
}
@media screen and (max-width: 900px) {
.mail-magazine__section-main-btn {
width: 250px;
bottom: 21px;
}
}
@media screen and (max-width: 500px) {
.mail-magazine__section-main-btn {
width: 200px;
bottom: -10px;
}
}
.mail-magazine__section-main-btn img {
transition: 0.6s;
}
.mail-magazine__section-main-btn a:hover img {
opacity: 0.8;
}
.mail-magazine__section-headline01 {
background: #811a40;
margin-bottom: 80px;
padding: 38px 15px 36px;
text-align: center;
font-size: 3.0rem;
color: #ffffff;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-headline01 {
font-size: 2.8rem;
}
}
@media screen and (max-width: 500px) {
.mail-magazine__section-headline01 {
margin-bottom: 40px;
padding: 19px 15px 18px;
font-size: 2.6rem;
}
}
.mail-magazine__section-headline02 {
margin-bottom: 40px;
font-size: 3.0rem;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-headline02 {
line-height: 1.3;
font-size: 2.6rem;
}
}
@media screen and (max-width: 500px) {
.mail-magazine__section-headline02 {
margin-bottom: 20px;
font-size: 2.2rem;
}
}
.mail-magazine__section-bg {
background: #e9e9e9;
margin-bottom: 70px;
padding-top: 70px;
}
.mail-magazine__section-wrapper {
margin: 0 -30px;
padding-bottom: 70px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-wrapper {
margin: 0 -10px;
}
}
@media screen and (max-width: 500px) {
.mail-magazine__section-wrapper {
margin: 0;
display: block;
}
}
.mail-magazine__section-wrapper-box {
width: 50%;
box-sizing: border-box;
padding: 0 30px;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-wrapper-box {
padding: 0 10px;
}
}
@media screen and (max-width: 500px) {
.mail-magazine__section-wrapper-box {
width: 100%;
padding: 0;
}
.mail-magazine__section-wrapper-box:first-child {
margin-bottom: 15px;
}
.mail-magazine__section-wrapper-box.extra {
margin-bottom: 70px;
}
}
.mail-magazine__section-wrapper-img-list {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-wrapper-img-list {
margin: 0 -5px;
}
}
.mail-magazine__section-wrapper-img-list li {
width: 50%;
box-sizing: border-box;
margin-bottom: 30px;
padding: 0 15px;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-wrapper-img-list li {
padding: 0 5px;
}
}
@media screen and (max-width: 500px) {
.mail-magazine__section-wrapper-img-list li {
margin-bottom: 15px;
}
}
.mail-magazine__section-wrapper-text {
line-height: 2;
}
.mail-magazine__section-wrapper-img {
margin-bottom: 30px;
}
@media screen and (max-width: 500px) {
.mail-magazine__section-wrapper-img {
margin-bottom: 15px;
}
}
.mail-magazine__section-registration {
background: #811a40;
margin-bottom: 40px;
padding: 27px 15px 24px;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-registration {
display: block;
}
}
.registration01 {
margin-right: 40px;
}
@media screen and (max-width: 900px) {
.registration01 {
margin: 0 0 30px 0;
}
}
.registration02 {
}
.mail-magazine__section-box {
border: 3px solid #b4923e;
margin-bottom: 40px;
padding: 10px;
}
@media screen and (max-width: 500px) {
.mail-magazine__section-box {
margin-bottom: 20px;
padding: 5px;
}
}
.mail-magazine__section-box:last-child {
margin-bottom: 0;
}
.mail-magazine__section-box-line {
border: 1px solid #b4923e;
padding: 60px;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-box-line {
padding: 30px;
}
}
@media screen and (max-width: 500px) {
.mail-magazine__section-box-line {
padding: 30px 15px;
}
}
.mail-magazine__section-box-title {
margin-bottom: 66px;
text-align: center;
font-size: 3.0rem;
position: relative;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-box-title {
font-size: 2.8rem;
}
}
@media screen and (max-width: 500px) {
.mail-magazine__section-box-title {
font-size: 2.4rem;
}
}
.mail-magazine__section-box-title:after {
content: '';
background: #b4923e;
width: 150px;
height: 3px;
position: absolute;
left: 50%;
bottom: -34px;
transform: translate(-50%,0);
}
.mail-magazine__section-box-text {
line-height: 2;
}
.mail-magazine__section-box-wrapper {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-box-wrapper {
display: block;
}
}
.mail-magazine__section-box-wrapper .mail-magazine__section-box-text {
width: 60%;
margin-right: 50px;
}
@media screen and (max-width: 900px) {
.mail-magazine__section-box-wrapper .mail-magazine__section-box-text {
width: 100%;
margin: 0 0 30px 0;
}
}
.mail-magazine__section-box-btn {
width: 100%;
max-width: 670px;
margin: 40px auto 0;
text-align: center;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.mail-magazine__section-box-btn {
margin: 20px auto 0;
font-size: 1.8rem;
}
}
.mail-magazine__section-box-btn a {
background: #444444;
padding: 20px 20px 18px;
color: #ffffff;
text-decoration: none;
display: block;
}


.news-release-entry-body .fl-right {
  float: right;
  margin: 0 0 1em 1em;
}
@media screen and (max-width: 670px) {
.news-release-entry-body .fl-right {
  float: none;
  margin: 0 0 1em 0;
}
}

/*****************************************************************************
 contact
 *****************************************************************************/

.contact__section {
}


.form__section {
background: #efefef;
padding: 80px 0;
}
@media screen and (max-width: 500px) {
.form__section {
padding: 40px 0;
}
}
.form__section-table {
max-width: 980px;
margin: 0 auto;
}
.form__section-table table {
width: 100%;
}
.form__section-table th {
width: 30%;
border-top: 1px solid #b0b0b0;
padding: 40px 0;
font-size: 2.0rem;
color: #1a1a1a;
}
@media screen and (max-width: 900px) {
.form__section-table th {
width: 100%;
padding: 20px 0;
display: block;
}
}
@media screen and (max-width: 500px) {
.form__section-table th {
font-size: 1.8rem;
}
}
.form__section-table th em {
margin-left: 10px;
font-size: 1.5rem;
color: #b8272d;
}
.form__section-table th span {
font-size: 1.4rem;
color: #7f7f7f;
display: block;
}
@media screen and (max-width: 900px) {
.form__section-table th span br {
display: none;
}
}
.form__section-table td {
width: 70%;
border-top: 1px solid #b0b0b0;
padding: 40px 0;
}
@media screen and (max-width: 900px) {
.form__section-table td {
width: 100%;
border-top: none;
padding: 0 0 20px;
display: block;
}
}
.form__section-table select, .content-form select {
width: 100%;
background: #FFFFFF url(/assets/img/common/select-arrow.png) no-repeat right center;
background-size: 17px auto;
padding: 12px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.8rem;
cursor: pointer;
}
@media screen and (max-width: 500px) {
.form__section-table select, .content-form select {
font-size: 1.6rem;
}
}
.form__section-table select::-ms-expand, .content-form select::-ms-expand {
display: none;
}
.form__section-table .itt, .content-form input {
width: 100%;
background: #FFFFFF;
border: 1px solid #fbfbfb;
box-sizing: border-box;
padding: 12px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.8rem;
}
@media screen and (max-width: 500px) {
.form__section-table .itt, .content-form input {
font-size: 1.6rem;
}
}
.form__section-table textarea, .content-form textarea {
width: 100%;
height: 275px;
background: #FFFFFF;
border: 1px solid #fbfbfb;
box-sizing: border-box;
padding: 12px;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-family: 'Noto Sans JP', sans-serif;
font-size: 1.8rem;
}
@media screen and (max-width: 500px) {
.form__section-table textarea {
font-size: 1.6rem;
}
}
.form__section-table input::placeholder, .content-form input::placeholder {
color: #aaaaaa;
}
.form__section-table textarea::placeholder, .content-form textarea::placeholder {
color: #aaaaaa;
}
.form__section-list {
margin: 0 -5px;
display: flex;
flex-wrap: wrap;
}
.form__section-list li {
width: 33.3333%;
box-sizing: border-box;
margin: 10px 0;
padding: 0 5px;
}
@media screen and (max-width: 500px) {
.form__section-list li {
width: 100%;
}
}
.form__section-list label {
line-height: 1;
font-size: 1.5rem;
display: flex;
align-items: flex-start;
cursor: pointer;
}
.form__section-list input {
margin-right: 10px;
cursor: pointer;
}
.form__section-code {
width: calc(408px - 130px);
display: flex;
align-items: center;
}
@media screen and (max-width: 500px) {
.form__section-code {
width: calc(100% - 100px);
}
}
.form__section-code-box {
width: 50%;
}
.form__section-code span {
margin: 0 15px;
}
.form__section-prefecture {
width: calc(250px - 130px);
}
@media screen and (max-width: 500px) {
.form__section-prefecture {
width: calc(100% - 100px);
}
}
.form__section-address {
margin-bottom: 30px;
display: flex;
align-items: center;
}
@media screen and (max-width: 500px) {
.form__section-address {
margin-bottom: 15px;
}
}
.form__section-address:last-child {
margin-bottom: 0;
}
.form__section-address em {
width: 130px;
display: block;
}
@media screen and (max-width: 500px) {
.form__section-address em {
width: 100px;
}
}
.form__section-address .itt {
width: calc(100% - 130px);
}
@media screen and (max-width: 500px) {
.form__section-address .itt {
width: calc(100% - 100px);
}
}
.form__section-address .form__section-code .itt {
width: 100%;
}


.form__section-privacy {
border-top: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
padding: 40px 0;
}
@media screen and (max-width: 500px) {
.form__section-privacy {
padding: 20px 0;
}
}
.form__section-privacy-title {
margin-bottom: 20px;
font-size: 2.2rem;
color: #1a1a1a;
}
@media screen and (max-width: 500px) {
.form__section-privacy-title {
font-size: 1.8rem;
}
}
.form__section-privacy-title em {
margin-left: 10px;
font-size: 1.6rem;
color: #b8272d;
}
.form__section-privacy-wrapper {
height: 360px;
background: #FFFFFF;
border: 1px solid #fbfbfb;
box-sizing: border-box;
padding: 30px;
overflow-x: hidden;
}
@media screen and (max-width: 900px) {
.form__section-privacy-wrapper {
padding: 30px 15px;
}
}
@media screen and (max-width: 500px) {
.form__section-privacy-wrapper {
height: 180px;
}
}
.form__section-privacy-wrapper label {
border-bottom: 1px solid #bebebe;
margin-bottom: 15px;
padding-bottom: 20px;
line-height: 1;
font-size: 1.8rem;
display: flex;
align-items: center;
cursor: pointer;
}
.form__section-privacy-wrapper input {
margin-right: 10px;
cursor: pointer;
}
.form__section-privacy-wrapper h2 {
margin: 30px 0 10px;
font-weight: 500;
font-size: 1.7rem;
}
.form__section-privacy-wrapper p,
.form__section-privacy-wrapper ul,
.form__section-privacy-wrapper ol {
margin-bottom: 1em;
font-weight: 300;
}
.form__section-privacy-wrapper ol {
padding-left: 1.5em;
}
.form__section-privacy-wrapper ol li {
list-style: disc;
}


.form__section-submit {
margin-top: 80px;
}
@media screen and (max-width: 500px) {
.form__section-submit {
margin-top: 40px;
}
}
.form__section-submit ul {
display: flex;
justify-content: center;
}
.form__section-submit li {
width: 100%;
max-width: 670px;
box-sizing: border-box;
padding: 0 20px;
}
@media screen and (max-width: 500px) {
.form__section-submit li {
padding: 0 10px;
}
}
.form__section-submit button, .mtssb-daily-action button, .content-form button {
width: 100%;
background: #666666;
border: none;
padding: 18px 0;
font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
font-size: 2.5rem;
color: #FFFFFF;
cursor: pointer;
transition: .3s;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
position: relative;
}
.form__section-submit button:after, .mtssb-daily-action button:after, .content-form button:after {
content: '';
background: url(/assets/img/common/arrow01.png) no-repeat left top;
background-size: 6px auto;
width: 6px;
height: 10px;
position: absolute;
top: 50%;
right: 27px;
transform: translate(0,-50%);
z-index: 9;
}
@media screen and (max-width: 500px) {
.form__section-submit button:after, .mtssb-daily-action button:after, .content-form button:after {
right: 17px;
}
}
@media screen and (max-width: 500px) {
.form__section-submit button, .mtssb-daily-action button, .content-form button {
padding: 15px 0;
font-size: 1.8rem;
}
}
.form__section-submit button:hover, .mtssb-daily-action button:hover, .content-form button:hover {
opacity: 0.6;
}
.form__section-submit .left button {
background: #999999;
}



.form__section-error-text {
margin-bottom: 40px;
}
@media screen and (max-width: 500px) {
.form__section-error-text {
margin-bottom: 20px;
}
}
.form__section-error-text p {
background: #FFFFFF;
border: 2px solid #b8272d;
box-sizing: border-box;
padding: 30px 15px;
text-align: center;
color: #b8272d;
}
@media screen and (max-width: 500px) {
.form__section-error-text p {
padding: 15px;
}
}
.form__section-error {
margin-top: 10px;
color: #b8272d;
}


.form__section-thanks-title {
margin-top: 40px;
margin-bottom: 40px;
text-align: center;
font-size: 3.0rem;
}
@media screen and (max-width: 500px) {
.form__section-thanks-title {
margin-bottom: 20px;
font-size: 2.0rem;
}
}
.form__section-thanks {
text-align: center;
}
@media screen and (max-width: 500px) {
.form__section-thanks {
text-align: left;
}
}
.form__section-thanks p {
margin-bottom: 1.5em;
line-height: 2;
font-size: 1.8rem;
}
@media screen and (max-width: 500px) {
.form__section-thanks p {
font-size: 1.6rem;
}
.form__section-thanks p br {
display: none;
}
}
.form__section-thanks p:last-child {
margin-bottom: 0;
}

/*****************************************************************************
 reservation
 *****************************************************************************/

.reservation__section {
}
.reservation__section-title {
margin-bottom: 28px;
text-align: center;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.reservation__section-title {
margin-bottom: 14px;
font-size: 2.0rem;
}
}
.reservation__section-wrapper01 {
background: url(/assets/img/home/point-bg.jpg) no-repeat center bottom;
background-size: 100% auto;
position: relative;
}
@media screen and (max-width: 900px) {
.reservation__section-wrapper01 {
background: url(/assets/img/home/point-bg_sp.jpg) no-repeat center bottom;
background-size: 100% auto;
}
}
.reservation__section-wrapper01:after {
content: '';
padding-top: 24.791666%;
display: block;
}
@media screen and (max-width: 500px) {
.reservation__section-wrapper01:after {
padding-top: 54.791666%;
}
}
.reservation__section-wrapper01-btn01 {
max-width: 680px;
margin: 0 auto;
}
.reservation__section-wrapper01-btn01 li {
margin-bottom: 30px;
text-align: center;
font-size: 2.4rem;
}
@media screen and (max-width: 500px) {
.reservation__section-wrapper01-btn01 li {
margin-bottom: 15px;
font-size: 2.0rem;
}
}
.reservation__section-wrapper01-btn01 a {
background: #444444;
padding: 20px 0;
color: #ffffff;
text-decoration: none;
display: block;
}
.reservation__section-wrapper01-btn02 {
max-width: 680px;
margin: 0 auto;
}
.reservation__section-wrapper01-btn02 ul {
margin: 0 -15px;
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
.reservation__section-wrapper01-btn02 ul {
margin: 0;
display: block;
}
}
.reservation__section-wrapper01-btn02 li {
width: 50%;
box-sizing: border-box;
margin-bottom: 30px;
padding: 0 15px;
text-align: center;
font-size: 2.0rem;
}
@media screen and (max-width: 500px) {
.reservation__section-wrapper01-btn02 li {
width: 100%;
margin-bottom: 15px;
padding: 0;
font-size: 1.8rem;
}
}
.reservation__section-wrapper01-btn02 a {
background: #ffffff;
border: 1px solid #444444;
padding: 20px 0;
color: #464646;
text-decoration: none;
display: block;
}
.reservation__section-wrapper01-btn02 a:hover {
color: #ffffff;
}
@media screen and (max-width: 1024px) {
.reservation__section-wrapper01-btn02 a:hover {
color: #464646;
}
}
.reservation__section-wrapper02 {
background: #e1e1e1;
padding: 80px 0;
}
@media screen and (max-width: 500px) {
.reservation__section-wrapper02 {
padding: 40px 0;
}
}
.reservation__section-wrapper02-tel {
margin-bottom: 14px;
text-align: center;
font-size: 4.5rem;
}
.reservation__section-wrapper02-tel a {
color: #464646;
text-decoration: none;
}
@media screen and (max-width: 500px) {
.reservation__section-wrapper02-tel {
font-size: 3.5rem;
}
}
.reservation__section-wrapper02-time {
margin-bottom: 30px;
text-align: center;
font-size: 1.6rem;
}
.reservation__section-wrapper02-text {
text-align: center;
line-height: 2;
}
@media screen and (max-width: 500px) {
.reservation__section-wrapper02-text {
text-align: left;
}
.reservation__section-wrapper02-text br {
display: none;
}
}

/*****************************************************************************
 not-found__section
 *****************************************************************************/

.not-found__section {
padding-bottom: 140px;
}
@media screen and (max-width: 500px) {
.not-found__section {
padding-bottom: 70px;
}
}
.not-found__section-text {
margin-bottom: 100px;
text-align: center;
}
@media screen and (max-width: 500px) {
.not-found__section-text {
margin-bottom: 50px;
}
}
.not-found__section-btn {
width: 100%;
max-width: 670px;
margin: 0 auto;
text-align: center;
font-size: 2.5rem;
}
@media screen and (max-width: 500px) {
.not-found__section-btn {
margin: 50px auto 0;
font-size: 1.8rem;
}
}
.not-found__section-btn a {
background: #666666;
padding: 20px 20px 18px;
color: #ffffff;
text-decoration: none;
display: block;
}




#booking-form {
max-width: 1340px;
box-sizing: border-box;
margin: 0 auto;
padding: 0 50px;
position: relative;
}
@media screen and (max-width: 1024px) {
#booking-form {
padding: 0 30px;
}
}
@media screen and (max-width: 500px) {
#booking-form {
padding: 0 15px;
}
}
#booking-form:after {
content: '';
display: block;
clear: both;
}

/*wordpress*/
.aligncenter {						/* 配置位置 中央 */
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright { 						/* 配置位置 右 */
	display: block;
	margin: 0 0 0 auto;
}

.alignleft { 							/* 配置位置 左 */
	display: block; 
	margin: 0 auto 0 0; 
}


/**/
.homemovie__section-box {
}
/*.homemovie__section-box-iframe {
width: 100%;
margin-bottom: 50px;
padding-top: 56.25%;
position: relative;
background: #000;
}
.homemovie__section-box-iframe iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
border: 0;
pointer-events: none; /* マウスイベントをブロック */
/*}
@media screen and (max-width: 500px) {
.homemovie__section-box-iframe {
margin-bottom: 25px;
}
}*/
.homemovie__section-box-iframe {
    position: relative;
    width: 100%;
    padding-top: 56.25%; /* 16:9 アスペクト比 */
    background: #000; /* 背景色 */
    overflow: hidden; /* 子要素がはみ出さないように */
}

.iframe-placeholder, .homemovie__section-box-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none; /* 枠線をなくす */
				pointer-events: none; /* マウスイベントをブロック */
}
/**/


.home__carousel #wpcpro-wrapper-17743 {
  margin: 5% 50px 0 50px;
}
@media screen and (max-width: 900px) {
  .home__carousel #wpcpro-wrapper-17743 {
    margin: 5% 30px 0 30px;
  }
}
@media screen and (max-width: 500px) {
  .home__carousel #wpcpro-wrapper-17743 {
    margin: 5% 15px 0 15px;
  }
}