@charset "UTF-8";
/* CSS Document - header/footer/navi/search  */

/* ページ表示時にフェードイン */
body {
animation: fadeIn 2s ease 0s 1 normal;
-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}


/* HEADER */
.header {
position: fixed;
top:0;
width: 100%;
display: flex;
align-items: center;
padding: 10px;
min-height: 55px;
box-sizing: border-box;
z-index: 100;
}
.header > .wrapper {
justify-content: flex-start;
}

.header a {}

.header .header_logo img {
display: block;
width:min(25vw,150px);
}
.header .menu {
display: none;
}
.header .lang {
position: absolute;
top:50%;
right:0;
transform: translateY(-50%);
}
.header .lang > span {
position: relative;
display: block;
padding: .5rem 3rem;
background: rgba(235, 233, 230, .6);
border-radius: 20px;
font-size: var(--12px);
text-align: center;
line-height: 1.2;
cursor: pointer;
}
.header .lang > span:before {
position: absolute;
top:50%;
transform: translateY(-50%);
left:10px;
content: "";
display: block;
width: 13px;
height: 13px;
background: url(../images/common/icon_language.svg) no-repeat center center;
background-size: cover;
}

.header .lang > span:after {
position: absolute;
top:6px;
right:15px;
content: "";
display: inline-block;
vertical-align: middle;
width: 7px;
height: 7px;
border-right: 1px solid var(--font-color);
border-bottom: 1px solid var(--font-color);
transform: rotate(45deg);
}
.header .lang > span.current:after {
top:9px;
transform: rotate(-135deg);
}

.header .lang .lang_select {
display: none;
position: absolute;
top:35px;
right:0;
width: 100%;
border-radius: 3px;
background: var(--darkgray-60);
z-index: 1;
}
.header .lang .lang_select:before {
position: absolute;
top: -4px;
left:50%;
content: "";
display: block;
width: 8px;
height: 8px;
background: var(--darkgray-60);
transform: translateX(-50%) rotate(45deg);
z-index: -1;
}
.header .lang .lang_select li {}
.header .lang .lang_select li a {
display: block;
padding: .3rem 1rem;
font-size: var(--13px);
color: #FFF;
opacity: .7;
}
.header .lang .lang_select li a:hover {
background: var(--darkgray-70);
opacity: 1;
}
.header .lang .lang_select li a.current {
background: var(--darkgray-80);
opacity: 1;
font-weight: 500;
cursor: default;
}



@media only screen and (min-width: 768px) {
.header .lang > span:after {
top:8px;
}
.header .lang > span.current:after {
top:11px;
}

}/* header min-width: 768px */


@media only screen and (min-width: 1025px) {
.header .menu {
display: flex;
align-items: center;
font-family: var(--font-family-min);
padding-left: 3rem;
}
.header .menu > li > a {
display: block;
padding: 0 15px;
font-size: var(--18px);
letter-spacing: 0.1em;
}
}/* header min-width: 1025px */



/* humberger */
.hmenu-wrapper{
position:fixed;
top:8px;
right:20px;
z-index: 500;
}
.hmenu{
width: 50px;
height:43px;
position:relative;
cursor:pointer;
display: inline-block;
float:right;
z-index: 500;
}
.hmenu1{top:15px;}
.hmenu2{top:23px;}
.hmenu1,.hmenu2 {
position:absolute;
left:0;
height:1px;
width: 50px;
transition: all 0.3s ease-out;
display: inline-block;
background-color: #FFF;
}
.hmenuclick1,
.hmenuclick2 {
top:20px;
}
.hmenuclick1{transform: rotate(45deg);}
.hmenuclick2{transform: rotate(-45deg);}
.hmenu-back{
position: relative;
display: none;
position: fixed;
background:rgba(0,0,0,.9);
opacity: 1;
z-index: 300;
width: 100%;
height: 100%;
top:0;
left:0;
}


/* main_nav */
.toggle_nav {
display: none;
width: 100%;
height: 100vh;
position: fixed;
top:0;
left:50%;
transform: translateX(-50%);
z-index: 400;
overflow-y: auto;
color: #FFF;
}
.main_nav a {color: #FFF;}
.main_nav .logo img {
display: inline-block;
position: relative;
transform: translateY(-10px);
margin-right: 20px;
margin-bottom: -10px;
width: min(36vw,160px);
}
.main_nav .logo span {
display: inline-block;
font-size: var(--22px);
font-family: var(--font-family-min);
}
.main_nav .gnav {
display: flex;
}
.main_nav .gnav > ul {
width: 100%;
font-size: var(--18px);
font-family: var(--font-family-min);
}
.main_nav .gnav a {
display: block;
padding: .3rem 0;
letter-spacing: 0.1em;
}
.main_nav .sub_menu {
font-size: var(--13px);
}
.main_nav .sub_menu a {
display: inline-block;
}
.main_nav .sub_menu a:after {
content: "";
display: inline-block;
vertical-align: middle;
margin:0 3px 0 5px;
width: 1px;
height: 10px;
background: #b2b2b2;
transform: translateY(-1px);
}
.main_nav .sub_menu a:last-child:after {
display: none;
}
.main_nav .link_sns {
display: flex;
margin-top: 2rem;
}
.main_nav .link_sns > a {
display: block;
margin-right: 25px;
width: 26px;
}

.main_nav .group_nav {
display: flex;
flex-wrap: wrap;
}
.main_nav .group_nav > a {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 0;
font-family: var(--font-family-min);
border-top: 1px solid #4c4c4c;
}
.main_nav .group_nav > a.w-50 {
padding: 1.5rem 0 0;
}
.main_nav .group_nav > a img {
display: inline-block;
height: 36px;
width: auto;
}
.main_nav .group_nav > a > figure {
width: 40%;
max-width: 180px;
}
.main_nav .group_nav > a.w-50 > figure {
max-width: 100px;
}

.main_nav .group_nav > a > strong {
display:block;
line-height: 1.4;
font-weight: 400;
}
.main_nav .group_nav > a > span {
position: absolute;
top:50%;
transform: translateY(-50%);
right: 0;
display: block;
width: 60px;
}
.main_nav .group_nav > a > span::before {
position: absolute;
top: 0;
left: 0px;
content: "";
height: 1px;
background: var(--gold);
}
.main_nav .group_nav > a > span::after {
position: absolute;
top: 0;
content: "";
width: 10px;
height: 1px;
background: var(--gold);
transform-origin: 0px 0.5px;
transform: rotate(-150deg);
}
.main_nav .group_nav > a:hover > span::before {
animation: footer_arrow_before 0.5s ease-out forwards 0s;
}
.main_nav .group_nav > a:hover > span::after {
animation: footer_arrow_after 0.5s ease-out forwards 0s;
}
.main_nav .group_nav > a > span::before {
width: 60px;
}
.main_nav .group_nav > a > span::after {
left: 60px;
}

.main_nav .link_map {
display: inline-block;
padding: 0.5rem 1rem;
font-size: var(--13px);
font-family: var(--font-family);
line-height: 1;
border: 1px solid #FFF;
}


@media only screen and (min-width: 768px) {
.hmenu-wrapper{
top:10px;
right: 30px;
}
.hmenu{
width: 55px;
height:50px;
}
.hmenu1,.hmenu2 {width: 55px;}
.hmenu1{top:20px;}
.hmenu2{top:28px;}
.hmenuclick1,
.hmenuclick2 {
top:20px;
}

.toggle_nav .main_nav {
padding-top: 8rem;
}
.main_nav .wrap-reverse .col-4:first-of-type {
padding-top: 40px;
}
.main_nav .wrap-reverse .col-4:first-of-type:before {
display: none;
}
.main_nav .wrap-reverse .col-4 {
width: 50%;
}
.main_nav .gnav a {
padding: .4rem 0;
}
.main_nav .sub_menu {
font-size: var(--11px);
}
.main_nav .wrap_contact > dt {
width: 7rem;
}
.main_nav .wrap_contact > dd {
width: calc(100% - 7rem);
}
.main_nav .link_sns {
margin-top: 0;
}
.main_nav .link_sns > a {
width: 30px;
}
.main_nav .gnav > ul {
font-size: var(--18px);
width: 100%;
}
.main_nav .gnav a {
padding: .4rem 0;
}
.main_nav .group_nav > a {
padding: 2rem 0;
}
.main_nav .group_nav > a img {
margin-right: 20px;
height: 45px;
}
.toggle_nav .main_nav .gnav a {
padding: .8rem 0;
}

} /*hamberger main_nav min-width: 768px */


@media only screen and (min-width: 1025px) {
.toggle_nav .main_nav .wrapper {
max-width: 900px;
}


}/* min-width: 1025px */



/* FOOTER */
.footer {
padding: 1rem 0;
background: var(--font-color);
color: #FFF;
}
.footer a {
display: inline-block;
color: #FFF;
}

.footer .main_nav .link_sns > a {
margin-right: 20px;
width: 23px;
}
.footer .main_nav .gnav {
display: none;
}

.footer .group_nav {
display: flex;
flex-wrap: wrap;
}
.footer .group_nav > a {
position: relative;
display: flex;
align-items: center;
width: 100%;
padding: 1rem 0;
font-family: var(--font-family-min);
border-top: 1px solid var(--darkgray-70);
}
.footer .group_nav > a.w-50 {
padding: 1.5rem 0 0;
}
.footer .group_nav > a img {
display: inline-block;
height: 36px;
width: auto;
}
.footer .group_nav > a > figure {
width: 40%;
max-width: 180px;
}
.footer .group_nav > a.w-50 > figure {
/* max-width: 100px; */
width: auto;
margin-right: 10px;
max-width: 80px;
}

.footer .group_nav > a > strong {
display:block;
line-height: 1.4;
font-weight: 400;
}
.footer .group_nav > a > span {
position: absolute;
top:50%;
transform: translateY(-50%);
right: 0;
display: block;
width: 60px;
}
.footer .group_nav > a > span::before {
position: absolute;
top: 0;
left: 0px;
content: "";
height: 1px;
background: var(--darkgray-40);
}
.footer .group_nav > a > span::after {
position: absolute;
top: 0;
content: "";
width: 10px;
height: 1px;
background: var(--darkgray-40);
transform-origin: 0px 0.5px;
transform: rotate(-150deg);
}
.footer .group_nav > a:hover > span::before {
animation: footer_arrow_before 0.5s ease-out forwards 0s;
}
.footer .group_nav > a:hover > span::after {
animation: footer_arrow_after 0.5s ease-out forwards 0s;
}
.footer .group_nav > a > span::before {
width: 60px;
}
.footer .group_nav > a > span::after {
left: 60px;
}

.footer .main_nav .sub_menu {
width: 100%;
margin-top: 1rem;
padding-top: 1rem;
border-top: 1px solid var(--darkgray-70);
}

.footer .copyright{
padding-top: 2rem;
text-align: center;
border-top: 1px solid var(--darkgray-70);
font-size: var(--12px);
letter-spacing: normal;
font-family: var(--font-family-min);
}

.btn_pagetop {
position: relative;
display: block;
width: 140px;
padding-bottom: 40px;
margin:0 auto 30px;
text-align: center;
font-size: var(--14px);
font-family: var(--font-family-min);
color:var(--darkred);
opacity: .7;
}
.btn_pagetop:after {
position: absolute;
bottom:0;
left:50%;
transform: translateX(-50%);
content: "";
display: block;
width: 1px;
height: 35px;
background: var(--darkred60);
}

.btn_pagetop:hover:after {
animation: pagetop-after .5s ease-out;
}
.btn_pagetop:hover {
opacity: 1;
}

@-webkit-keyframes pagetop-after {
from {
height: 0;
opacity: 0; }
to {
height: 35px;
opacity: 1; }
}


@media only screen and (min-width: 768px) {
.footer {
padding: 4rem 0 2rem;
}
.footer .main_nav .link_sns > a {
width: 26px;
}
.footer .d-f-md {
flex-wrap: wrap;
justify-content: space-between;
}
.footer .main_nav .gnav {
display: block;
}
.footer .main_nav .gnav ul {
width: 100%;
}
.footer .group_nav {
width: calc(100% - 160px);
}
.footer .main_nav .wrap_contact > dd {
width: 100%;
}
.footer .group_nav > a {
padding: 2rem 0;
}
.footer .group_nav > a img {
margin-right: 20px;
height: 45px;
}
.footer .main_nav .sub_menu {
width: calc(100% - 8rem);
margin-top: 3rem;
padding-top: 2rem;
}
.footer .copyright {
padding-top: 40px;
letter-spacing: 0.1em;
}


}/* FOOTER min-width: 768px */





@media only screen and (min-width: 1025px) {
.footer .group_nav {
padding-right: 8rem;
width: calc(100% - 240px);
}
.footer .main_nav .wrap_contact > dd {
width: calc(100% - 7rem);
}

}/* FOOTER min-width: 1025px */




/* COMMON */

/* rayout */
.col-inner-sp{
padding: 0 20px;
box-sizing: border-box;
}

/* text */
.image_letter {
position: absolute;
z-index: 2;
font-family: var(--font-family-min);
color: rgba(0, 0, 0, .5);
opacity: .5;
line-height: 1;
font-size: 36vw;
}


/* title */
.title_22 {
font-family: var(--font-family-min);
font-size: var(--18px);
font-weight: 500;
}
.title_28 {
color: var(--darkred);
font-family: var(--font-family-min);
font-size: var(--20px);
}
.main_title {
text-align: center;
font-family: var(--font-family-min);
font-size: var(--24px);
font-weight: 500;
letter-spacing: 0.2em;
}
.main_title::after {
content: "";
display: block;
margin: 10px auto 0;
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--darkred);
}
.sub_title {
font-family: var(--font-family-min);
font-size: var(--22px);
font-weight: 500;
letter-spacing: 0.1em;
}
.sub_title:after {
content: "";
display: block;
margin: 15px 0 20px;
width: 50px;
height: 1px;
background: var(--darkred);
}




/* link button */
a.underline {
border-bottom: 1px dotted var(--logogold);
}
a.underline:hover {
opacity: 1;
color: var(--darkred);
}
.btn_front_arrow {
position: relative;
display:inline-block;
width: 160px;
text-align: right;
font-size: var(--15px);
font-weight: 500;
font-family: var(--font-family-min);
color: var(--darkred);
line-height: 1;
opacity: .7;
transition: opacity .6s;
cursor: pointer;
}
.btn_front_arrow span::before {
position: absolute;
top: 10px;
left: 0px;
content: "";
height: 1px;
background: var(--darkred);
}
.btn_front_arrow span::after {
position: absolute;
top: 10px;
content: "";
width: 10px;
height: 1px;
background: var(--darkred);
transform-origin: 0px 0.5px;
transform: rotate(-150deg);
}
.btn_front_arrow:hover {
opacity: 1;
}
.btn_front_arrow:hover span::before {
animation: front_arrow_before 0.8s ease-out forwards 0s;
}
.btn_front_arrow:hover span::after {
animation: front_arrow_after 0.8s ease-out forwards 0s;
}
.btn_front_arrow span::before {
width: 100px;
}
.btn_front_arrow span::after {
left: 100px;
}

/* btn_after_arrow */
.btn_after_arrow {
font-family: var(--font-family-min);
color: var(--darkred);
}
.btn_after_arrow span {
position: relative;
display:inline-block;
vertical-align: middle;
margin-left: 10px;
transform: translateY(-8px);
opacity: .7;
transition: opacity .6s;
}
.btn_after_arrow span::before {
position: absolute;
top: 10px;
left: 0px;
content: "";
height: 1px;
background: var(--darkred);
}
.btn_after_arrow span::after {
position: absolute;
top: 10px;
content: "";
width: 10px;
height: 1px;
background: var(--darkred);
transform-origin: 0px 0.5px;
transform: rotate(-150deg);
}
.btn_after_arrow:hover {
opacity: 1;
}
.btn_after_arrow:hover span::before {
animation: after_arrow_before 0.8s ease-out forwards 0s;
}
.btn_after_arrow:hover span::after {
animation: after_arrow_after 0.8s ease-out forwards 0s;
}
.btn_after_arrow span::before {
width: 60px;
}
.btn_after_arrow span::after {
left: 60px;
}
.btn_after_arrow:hover span.short::before {
animation: aftershort_arrow_before 0.6s ease-out forwards 0s;
}
.btn_after_arrow:hover span.short::after {
animation: aftershort_arrow_after 0.6s ease-out forwards 0s;
}
.btn_after_arrow span.short::before {
width: 40px;
}
.btn_after_arrow span.short::after {
left: 40px;
}
.btn_after_arrow.back {
padding-left: 60px;
}
.btn_after_arrow.back span {
margin-left: 0;
margin-right: 10px;
}
.btn_after_arrow.back span::before {
left:auto;
right: 0;
width: 60px;
}
.btn_after_arrow.back span::after {
transform: rotate(330deg);
left: -60px;
}

.btn_after_arrow.back:hover span::before {
animation: afterback_arrow_before 0.8s ease-out forwards 0s;
}
.btn_after_arrow.back:hover span::after {
animation: afterback_arrow_after 0.8s ease-out forwards 0s;
}


/* LINK KEYFRAMES */
/* front_arrow */
@-webkit-keyframes front_arrow_before {
from {
width: 50px;
opacity: .5; }
to {
width: 100px;
opacity: 1; }
}
@-webkit-keyframes front_arrow_after {
from {
left: 50px;
opacity: .5; }
to {
left: 100px;
opacity: 1; }
}

/* after_arrow */
@-webkit-keyframes after_arrow_before {
from {
width: 40px;
opacity: .3; }
to {
width: 60px;
opacity: 1; }
}
@-webkit-keyframes after_arrow_after {
from {
left: 40px;
opacity: .3; }
to {
left: 60px;
opacity: 1; }
}

@-webkit-keyframes aftershort_arrow_before {
from {
width: 20px;
opacity: .3; }
to {
width: 40px;
opacity: 1; }
}
@-webkit-keyframes aftershort_arrow_after {
from {
left: 20px;
opacity: .3; }
to {
left: 40px;
opacity: 1; }
}


@-webkit-keyframes afterback_arrow_before {
from {
width: 40px;
opacity: .3; }
to {
width: 60px;
opacity: 1; }
}
@-webkit-keyframes afterback_arrow_after {
from {
left:-40px;
opacity: .3; }
to {
left: -60px;
opacity: 1; }
}

/* footer */
@-webkit-keyframes footer_arrow_before {
from {
width: 40px;
opacity: .5; }
to {
width: 60px;
opacity: 1; }
}
@-webkit-keyframes footer_arrow_after {
from {
left: 40px;
opacity: .5; }
to {
left: 60px;
opacity: 1; }
}


.btn_gold {
position: relative;
display: inline-block;
padding: 1rem 2.5rem 1rem 1rem;
background: var(--darkred);
font-family: var(--font-family-min);
font-size: var(--18px);
font-weight: 500;
line-height: 1;
text-align: center;
color: #FFF;
border-radius: 5px;
transition: all .3s;
cursor: pointer;
}
.btn_gold:hover {
opacity: .7;
}
.btn_gold:after {
position: absolute;
top: 50%;
right:15px;
content: "";
display: block;
width: 9px;
height: 9px;
border-top: 1px solid #FFF;
border-right: 1px solid #FFF;
transform: rotate(45deg) translateY(-50%);
}
.btn_gold.back {
padding: 1rem 1rem 1rem 2.5rem;
background: var(--gold-40);
color: var(--gold);
}
.btn_gold.back:after {
top:32%;
right:auto;
left:15px;
transform: rotate(-135deg) translateY(-32%);
}
.btn_gold.down:after {
top:30%;
right:20px;
transform: rotate(135deg) translateY(-30%);
}

.btn_small_gold {
display: inline-block;
padding: .5rem 1rem .5rem .8rem;
background: var(--darkgray-5);
text-align: center;
line-height: 1.2;
font-size: var(--14px);
letter-spacing: normal;
}
.btn_small_gold:after {
content: "";
display: inline-block;
margin-left: 3px;
width: 7px;
height: 7px;
border-top: 1px solid var(--darkred);
border-right: 1px solid var(--darkred);
transform: rotate(45deg) translateY(-2px);
}
.btn_small_gold.other:after {
border: none;
transform: none;
width: 12px;
height: 9px;
background: url(../images/common/icon_other.svg) no-repeat center center;
background-size: 100%;
}


/* parts */
hr.period {
margin:3rem auto;
border-top: 1px solid var(--darkgray-40);
width: calc(100% - 40px);
max-width: 1280px;
}
hr.period.dot {
border-top-style: dotted;
}
hr.newline {
margin:1rem auto;
width: 100%;
}
a.anchor {
display: block;
padding-top: 70px;
margin-top: -70px;
}

.wrap_video video {
width: 100%;
}
.wrap_movie {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.wrap_movie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%
}
.gmap > iframe {
width: 100%;
aspect-ratio: 16/9;
}

.list_default > li {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 1rem 0;
border-top: 1px solid var(--darkgray-40);
}
.list_default > li:last-child {
border-bottom: 1px solid var(--darkgray-40);
}
.list_default > li > strong,
.list_default > li > span {
display: block;
width: 100%;
box-sizing: border-box;
}
.list_default > li > strong {
margin-bottom: .5rem;
font-family: var(--font-family-min);
font-size: var(--18px);
line-height: 1.5;
}
.table_default {
border-top: 1px solid var(--darkgray-40);
border-left: 1px dotted var(--darkgray-40);
}
.table_default th,
.table_default td {
padding: .5rem;
border-bottom: 1px solid var(--darkgray-40);
border-right: 1px dotted var(--darkgray-40);
line-height: 1.5;
}
.table_default th {
font-weight: 700;
font-size: 87%;
color: var(--gold);
letter-spacing: normal;
background: var(--gold-5);
}



@media only screen and (min-width: 768px) {
/* COMMON */
.list_default > li {
padding: 2rem 0;
}
.list_default > li > strong {
width: 25%;
margin-bottom: 0;
}
.list_default > li > span {
width: 75%;
padding-left: 20px;
}
.table_default td {
padding: 1rem;
}

/* rayout */
.col-inner-sp {
padding: 0;
}

/* text */
.image_letter {
font-size: 19vw;
}

/* title */
.title_22 {font-size: var(--22px);}
.title_28 {font-size: var(--28px);}
/* .title_32 {font-size: var(--32px);} */
.main_title {
margin-bottom: 2rem;
font-size: var(--32px);
}
.main_title::after {
margin: 20px auto 0;
width: 13px;
height: 13px;
}
.sub_title {
font-size: var(--24px);
}

.btn_gold {
padding: 2rem 3rem 2rem 2rem;
}
.btn_gold.back {
padding: 2rem 2rem 2rem 3rem;
}
.btn_gold:after {
right: 20px;
}
.btn_gold.back:after {
top:40%;
left:20px;
transform: rotate(-135deg) translateY(-40%);
}
.btn_gold.down:after {
top:30%;
right:30px;
width: 15px;
height: 15px;
transform: rotate(135deg) translateY(-30%);
}



hr.period {
margin:5rem auto;
width: calc(100% - 60px);
}
hr.newline {
margin:3rem auto;
}

.gmap > iframe {
aspect-ratio: 2.35/1;
}


}/* min-width: 768px */




@media only screen and (min-width: 1340px) {
.image_letter {
font-size: 255px;
}


}/* min-width: 1340px */






/* NEWS */
.list_news li {
margin-top: 2rem;
}
.list_news li > a {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.list_news li > a > figure {
width: 45%;
}
.list_news li > a > figure img {
display: block;
object-fit: cover;
width: 100%;
height: 100px;
}
.list_news li > a > p {
padding-left: 10px;
width: calc(55% - 10px);
font-size: var(--15px);
line-height: 1.7;
}
.list_news li > a > p .date {
display: block;
color: var(--darkred60);
font-size: var(--14px);
font-weight: 500;
}

@media only screen and (min-width: 768px) {
.list_news {
display: flex;
flex-wrap: wrap;
}
.home .list_news {
justify-content: space-between;
}
.list_news li {
width: calc(25% - 20px);
margin: 0 10px 50px;
box-sizing: border-box;
}
.home .list_news li {
width: 30%;
max-width: 270px;
margin:0;
}
.list_news li > a > figure,
.list_news li > a > p {
width: 100%;
}
.list_news li > a > p {
padding: 10px 0 0 0;
}
.list_news li > a > figure img {
height: 180px;
}
}/* NEWS min-width: 768px */





/* SEARCH */
.wrap_search {
background: rgba(228, 227, 213, .95);
position: relative;
z-index: 10;
}
.wrap_search dl {
position: relative;
}
.wrap_search dl.date {
margin-bottom: 1rem;
width: calc(50% - 5px);
}
.wrap_search dd > a {
position: relative;
display: inline-flex;
align-items: center;
padding: .5rem 1.5rem .5rem 1rem;
width: 100%;
min-height: 40px;
background: #FFF;
box-sizing: border-box;
letter-spacing: normal;
font-size: var(--15px);
vertical-align: baseline;
cursor: pointer;
}
.wrap_search dl.date dd > a {
background:#FFF url(../images/common/icon_calender.svg) no-repeat right 5px center;
background-size: auto 14px;
}
.wrap_search dl.number {
width: 30%;
z-index: 90;
}
.wrap_search dl.number dd > a {
position: relative;
padding: .5rem 1rem;
background:#FFF url(../images/common/icon_person.svg) no-repeat right 10px center;
background-size: auto 14px;
}
.wrap_search dd strong {
font-size: 120%;
font-weight: 500;
white-space: nowrap;
line-height: 1;
}
.wrap_search .room_type {
width: 48%;
line-height: 1.4;
font-size: var(--14px);
}
.wrap_search .room_type small {
display: inline-block;
margin-right: 2px;
font-size: 80%;
}
.wrap_search .room_type .type {
display: flex;
margin-bottom: 3px;

letter-spacing: normal;
}
.wrap_search .room_type .type > span {
display: inline-flex;
align-items: center;
padding: .3rem .4rem;
background: #d7d5c0;
line-height: 1;
}
.wrap_search .room_type .type span + span {
margin-left: 5px;
}
.wrap_search .price {
width: 100%;
font-size: var(--20px);
border-bottom: 1px solid var(--gold);
}
.wrap_search .price > strong {
font-weight: 700;
font-size: 106%;
}
.wrap_search .available {
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
padding: .5rem .6rem;
min-height: 40px;
box-sizing: border-box;
background: var(--gold-60);
font-size: var(--13px);
line-height: 1.2;
}
.wrap_search .available > strong {
display: block;
width: 100%;
text-align: center;
font-size: 133%;
}
.wrap_search .attention {
width: calc(45% - 5px);
font-size: var(--13px);
font-weight: 500;
}
.wrap_search .policy {
width: calc(55% - 5px);
padding: .3rem 1rem;
box-sizing: border-box;
border: 1px solid var(--gold-60);
}
.wrap_search .policy li {
display: flex;
justify-content: space-between;
padding: .1rem 0;
font-size: var(--13px);
}
.wrap_search .policy li + li {
border-top: 1px solid var(--gold-40);
}
.wrap_search .btn_search {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 1.5rem 3rem 1.5rem 1rem;
background: var(--font-color);
color: #cccc80;
font-family: var(--font-family-min);
font-size: var(--18px);
text-align: center;
}
.wrap_search .btn_search.btn_after_arrow span::before,
.wrap_search .btn_search.btn_after_arrow span::after {
background: #cccc80;
}
.wrap_search .btn_search.btn_after_arrow:hover {
opacity: .9;
}







/* 日付選択/人数選択popup */
.date_select,
.number_select {
display: none;
position: absolute;
top:0;
width: 270px;
padding: 3rem 2rem 1rem;
box-sizing: border-box;
background: #FFF;
box-shadow: 0 0 5px rgba(0,0,0,.3);
border-radius: 10px;
z-index: 20;
}
.date_select:after,
.number_select:after {
position: absolute;
bottom:-8px;
content: "";
display: none;
width: 15px;
height: 15px;
background: #FFF;
border-right: 1px solid rgba(0,0,0,.15);
border-bottom: 1px solid rgba(0,0,0,.15);
transform: rotate(45deg);
}
.date_select.in {
left:0;
}
.date_select.out {
right:0;
}
.date_select.in:after {
left: 40px;
}
.date_select.out:after {
right: 40px;
}
.date_select .btn_close,
.number_select .btn_close {
position: absolute;
top:10px;
right:10px;
display: block;
width: 18px;
height: 18px;
text-indent: -9999px;
cursor: pointer;
}
.date_select .btn_close:before,
.date_select .btn_close:after,
.number_select .btn_close:before,
.number_select .btn_close:after {
position: absolute;
top:0;
left:8px;
content: "";
display: block;
height: 100%;
width: 1px;
background: var(--gold);
transform: rotate(45deg);
}
.date_select .btn_close:after,
.number_select .btn_close:after {
transform: rotate(-45deg);
}
.number_select {
width: 180px;
padding: 3rem 1rem 1rem;
}
.number_select:after {
left:90px;
}
.number_select li {
padding: .3rem 1rem;
cursor: pointer;
opacity: .5;
transition: opacity .2s;
}
.number_select li.current {
opacity: 1;
background: var(--gold);
color: #FFF;
}
.number_select li:hover {
opacity: 1;
background: var(--gold-5);
}
.number_select li.current:hover {
background: var(--gold);
}





@media only screen and (min-width: 768px) {
.date_select,
.number_select {
top:auto;
bottom: 100px;
}
.date_select {
padding: 3rem 1.5rem 2rem;
}
.number_select {
width: 200px;
}
.date_select:after,
.number_select:after {
display: block;
}
.wrap_search .col-10 {
width: 100%;
}
.wrap_search dl.date {
margin-bottom: 0;
width: calc(50% - 10px);
}
.wrap_search dl.number {
width: 14%;
}
.wrap_search .room_type {
width: calc(28% - 50px);
}
.wrap_search .room_type .type {
font-size: var(--12px);
}
.wrap_search .price {
font-size: var(--20px);
}
.wrap_search .available {
min-height: 60px;
}
.wrap_search dd > a {
padding: .5rem 1.5rem;
min-height: 60px;
font-size: var(--16px);
letter-spacing: 0.05em;
}
.wrap_search dl.date dd > a {
background-position: right 10px center;
background-size: auto 20px;
}

.wrap_search .attention,
.wrap_search .policy {
width: calc(30% - 30px);
}
.wrap_search .btn_search {
width: 40%;
padding: 1rem 5rem 1rem 1rem;
font-size: var(--24px);
}



}/* SEARCH min-width: 768px */



@media only screen and (min-width: 1025px) {
.wrap_search .col-10 {
width: 83.333333%;
}
.wrap_search dl.number {
width: 15%;
}
.wrap_search .room_type .type {
font-size: var(--14px);
}
.wrap_search .price {
font-size: var(--22px);
}
.wrap_search .price > strong {
font-size: 120%;
}
.wrap_search dd > a {
padding: .5rem 2rem;
}


}/* SEARCH min-width: 1025px */

@media only screen and (min-width: 1340px) {}
@media only screen and (max-width: 320px) {
.wrap_search dd > a {
font-size: var(--14px);
}
.wrap_search dd strong {
font-size: 100%;
}
.wrap_search .fs-18 {
font-size: var(--15px);
}
.wrap_search .room_type {
font-size: var(--11px);
}
.wrap_search .price {
font-size: var(--18px);
}

}/* max-width: 320px */






/* fixed_search */
.btn_fixed {
position: fixed;
bottom: 0;
right:0;
width: 100%;
display: flex;
z-index: 150;
opacity: 0;
}
.btn_fixed > a {
display: block;
width: 100%;
padding: 1rem;
box-sizing: border-box;
text-align: center;
font-family: var(--font-family-min);
font-size: var(--18px);
font-weight: 500;
}
.btn_fixed > a:after {
content: "";
display: inline-block;
margin-left: 5px;
transform: translateY(-2px);
width: 20px;
height: 10px;
background: url(../images/common/icon_fixedbtn_arrow.svg) no-repeat center center;
background-size: 100%;
}
.btn_fixed > a:hover {
opacity: 1;
}
.btn_fixed > a.btn_fixed_search {
background: #878241;
color: #FFF;
cursor: pointer;
}
.btn_fixed > a.btn_fixed_search:after {
width: 12px;
height: 12px;
background-image: url(../images/common/icon_fixedbtn_open_up.svg);
transform: none;
}
.btn_fixed > a.btn_fixed_search.current:after {
background-image: url(../images/common/icon_fixedbtn_close_down.svg);
}
.btn_fixed > a.btn_fixed_search:hover {
background: var(--gold);
}
.btn_fixed > a.btn_fixed_plan {
background: #bcb995;
}
.btn_fixed > a.btn_fixed_plan:hover {
background: var(--gold-60);
}

.btn_fixed.menu {
background: var(--darkgray-50);
z-index: 600;
}
.btn_fixed.menu > li {
width: 100%;
padding: 6px 0;;
}
.btn_fixed.menu > li > .hmenu-wrapper {
position: relative;
}
.btn_fixed.menu > li > a {
display: block;
text-align: center;
padding: 3px 0;
color: #FFF;
}
.btn_fixed.menu > li.wrap_hmenu {
background: #5C1414;
color: #FFF;
font-family:var(--font-family-min);
font-size: var(--15px);
letter-spacing: normal;
}
.btn_fixed.menu > li:nth-child(2) > a,
.btn_fixed.menu > li:nth-child(3) > a {
border-right: 1px solid var(--darkgray-60);
}
.btn_fixed.menu > li > a > span {
display: block;
text-align: center;
font-family:var(--font-family-min);
font-size: var(--15px);
letter-spacing: normal;
}


/* humburger */
.btn_fixed.menu .hmenu-wrapper {
position: relative;
top:0;
right: auto;
}
.btn_fixed.menu .hmenu {
width: 100%;
height: 100%;
}
.btn_fixed.menu .hmenu1,
.btn_fixed.menu .hmenu2 {
width: 40px;
left:0;
right:0;
margin: auto;
}
.btn_fixed.menu .hmenu3 {
position: absolute;
width: 100%;
bottom:4px;
left:50%;
transform: translateX(-50%);
text-align: center;
}
.btn_fixed.menu .hmenu1{top:12px}
.btn_fixed.menu .hmenu2{top:20px}
.btn_fixed.menu .hmenuclick1,
.btn_fixed.menu .hmenuclick2 {
top:16px;
}
.btn_fixed.menu .hmenuclick1{transform: rotate(45deg);}
.btn_fixed.menu .hmenuclick2{transform: rotate(-45deg);}




@media only screen and (min-width: 768px) {
.btn_fixed {
flex-wrap: wrap;
width: 50px;
}
.btn_fixed > a {
display: inline-flex;
align-items: center;
justify-content: center;
writing-mode:vertical-rl;
-ms-writing-mode:vertical-rl;
-moz-writing-mode:vertical-rl;
-webkit-writing-mode:vertical-rl;
white-space: nowrap;
letter-spacing: 0.1em;
height: 180px;
}
.btn_fixed > a:after {
margin-left: 0;
margin-top: 8px;
}
.btn_fixed.menu {
width: 90px;
}
.btn_fixed.menu > li {
padding: 0 3px;
}
.btn_fixed.menu > li > a,
.btn_fixed.menu .hmenu {
min-height: 90px;
font-size: var(--15px);
letter-spacing: normal;
}
.btn_fixed.menu > li > a {
padding: 15px 0 0;
}
.btn_fixed.menu > li:nth-child(2) > a,
.btn_fixed.menu > li:nth-child(3) > a {
border-right: none;
border-bottom: 1px solid var(--darkgray-60);
}
.btn_fixed.menu > li:nth-child(3) > a > span {
letter-spacing: -0.05em;
}
.btn_fixed.menu .hmenu1{top:30px}
.btn_fixed.menu .hmenu2{top:38px}
.btn_fixed.menu .hmenuclick1,
.btn_fixed.menu .hmenuclick2 {
top:34px;
}

}/* min-width: 768px */






/* 
#fixed_search {
display: none;
position: fixed;
bottom:65px;
right:0;
width: 100%;
z-index: 40;
}
#fixed_search .wrap_search {
min-height: 360px;
}
#fixed_search .date_select:after,
#fixed_search .number_select:after {
display: none;
} */

@media only screen and (min-width: 768px) {
/* #fixed_search {
bottom: 0;
}
#fixed_search .date_select:after,
#fixed_search .number_select:after {
display: block;
} */

}/* min-width: 768px */




/* date range picker */
.date-inputs,
.date-inputs_fixed {
position: relative;
width: 100%;
display: flex;
justify-content: space-between;
z-index: 100;
}
.date-inputs-start,
.date-inputs-end {
background:#FFF url(../images/common/icon_calender.svg) no-repeat right 5px center;
background-size: auto 14px;
display: block;
width: 100%;
padding: 1rem 1.5rem 1rem 1rem;
box-sizing: border-box;
letter-spacing: normal;
font-size: var(--15px);
}
.date-inputs-start:focus,
.date-inputs-end:focus {
border-color: var(--gold);
}
.date-inputs-picker {
position: absolute;
z-index: 1000;
left: 50%;
bottom: -10px;
display: none;
z-index: -20;
transform: translateX(-50%);
transition: all 0.25s;
}
.date-inputs-picker-visible {
display: block;
z-index: 1000;
}

@media only screen and (min-width: 768px) {
.date-inputs,
.date-inputs_fixed {
width: 50%;
}
.date-inputs-start,
.date-inputs-end {
padding: 2.1rem 1.5rem 2.1rem;
background-position: right 10px center;
background-size: auto 20px;
font-size: var(--18px);
}
.date-inputs-picker {
left:0;
transform: none;
}
#fixed_search .date-inputs-picker {
top:auto;
bottom:80px;
}

}/* min-width: 768px */










/* slick */
/* Dots */
.slick-dotted.slick-slider {
margin-bottom: 30px;
}
.slick-dots {
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li{
position: relative;
display: inline-block;
width: 30px;
height: 3px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button{
font-size: 0;
line-height: 0;
display: block;
width:100%;
height: 100%;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
text-align: center;
opacity: 1;
background: var(--darkgold);
}
.slick-dots li.slick-active button:before{
background: var(--gold-60);
}
.default_slider .slick-dots {
text-align: left;
}
.default_slider .slick-dots li:first-child {
margin-left: 0;
}


@media only screen and (min-width: 768px) {
.slick-dots {
bottom: -50px;
}
.slick-dots li{
margin: 0 8px;
width: 50px;
}
.default_slider .slick-dots {
bottom: -30px;
}

}/* slick min-width: 768px */






/* Form Parts */
/* form common parts */
input[type=checkbox] {
display: none;
}
.checkbox {
box-sizing: border-box;
position: relative;
display: inline-block;
margin: 0;
padding-left: 28px;
color: var(--gold);
font-weight: 500;
font-family: var(--font-family-min);
font-size: var(--18px);
vertical-align: middle;
cursor: pointer;
}
.checkbox:after {
position: absolute;
top: 50%;
left: 0;
display: block;
margin-top: -10px;
width: 20px;
height: 20px;
background: #FFF;
border-radius: 3px;
content: '';
background: #F0F0D9;
}
.checkbox:before {
position: absolute;
top: 50%;
left:6px;
display: block;
margin-top: -10px;
width: 8px;
height: 16px;
border-right: 3px solid var(--logogold);
border-bottom: 3px solid var(--logogold);
content: '';
opacity: 0;
transform: rotate(45deg);
z-index: 10;
}
input[type=checkbox]:checked + .checkbox:before {
opacity: 1;
}
::-webkit-input-placeholder {
color: var(--gray);
opacity: 0.5;
}
::-moz-placeholder {
color: var(--gray);
opacity: 0.5;
}
input:focus {outline:none;}

.select {
background:#FFF url(../images/common/arrow_select.svg) no-repeat right 10px top 50%;
background-size: 15px;
padding: 1.1rem 3rem 1.1rem 1rem;
font-size:16px;
box-sizing: border-box;
width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}



/* loader */
.loader-wrap {
position: fixed;
top:0;
left:0;
display: none;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
background: #fff;
z-index: 2000;
}
.loader,
.loader:after {
border-radius: 50%;
width: 70px;
height: 70px;
}
.loader {
margin: 60px auto;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 3px solid rgba(131, 161, 202, 0.2);
border-right: 3px solid rgba(131, 161, 202, 0.2);
border-bottom: 3px solid rgba(131, 161, 202, 0.2);
border-left: 3px solid var(--dark-blue);
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}



@media only screen and (min-width: 960px) {
.loader-wrap {
display: flex;
}
}














/* date picker 20230324 */
.ui-datepicker.ui-widget.ui-widget-content {
padding: 10px;
box-sizing: border-box;
width: 100%;
max-width:235px;
background: #FFF;
font-size:140%;
box-shadow: 0 0 5px rgba(0, 0, 0, .3);
border-radius: 10px;
}
.ui-datepicker-calendar {
width: 100%;
}
.ui-datepicker-calendar td {
position: relative;
text-align: center;
border: 1px solid var(--gold-10);
}
.ui-datepicker-calendar td a,
.ui-datepicker-calendar td span {
display: block;
padding: .6rem 0;
box-sizing: border-box;
}
.ui-datepicker-calendar td.ui-datepicker-unselectable.ui-state-disabled {
opacity: .5;
background: var(--gold-5);
}
.ui-datepicker-calendar td a.ui-state-active {
background: var(--gold);
color: #FFF;
font-weight: 600;
}
.ui-datepicker-calendar th {
font-weight: 500;
color: var(--gold);
font-size: var(--15px);
}
.ui-datepicker-other-month {
background: var(--gold-10);
color: var(--gold);
}
.ui-datepicker-header {
position: relative;
}
 .ui-datepicker-title {
margin-bottom: 10px;
text-align: center;
color: var(--gold);
font-size: var(--20px);
}
.ui-datepicker-prev,
.ui-datepicker-next {
position: absolute;
top:50%;
transform: translateY(-50%);
left: 0;
width: 16px;
height: 16px;
cursor: pointer;
}
.ui-datepicker-next {
left:auto;
right:0;
}
.ui-datepicker-prev:before,
.ui-datepicker-next:before {
position: absolute;
top:0;
left:0;
content: "";
display: block;
width: 10px;
height: 10px;
border-bottom:2px solid var(--gold);
border-left:2px solid var(--gold);
transform: rotate(45deg);
}
.ui-datepicker-next:before {
transform: rotate(-135deg);
}
.ui-datepicker-prev > span,
.ui-datepicker-next > span {
display: none;
}

@media only screen and (min-width: 768px) {


}/* date min-width: 768px */




/* wrap_input */
.wrap_input {
margin-top: 3rem;
}
.wrap_input dl {
padding: 1.5rem 0;
border-top: 1px solid var(--gold-20);
}
.wrap_input dt {
margin-bottom: .6rem;
font-size: var(--18px);
font-family: var(--font-family-min);
font-weight: 500;
color: var(--gold);
}
.wrap_input .required dt:before {
content: "";
display: inline-block;
margin-right: 5px;
width: 8px;
height: 8px;
background: url(../images/common/icon_require.svg) no-repeat 0 0;
background-size: 100%;
transform: translateY(-2px);
}
.wrap_input dd {
font-size: var(--16px);
}
.wrap_input input[type=text],
.wrap_input input[type=tel],
.wrap_input input[type=email],
.wrap_input input[type=number],
.wrap_input textarea {
padding: 1rem;
box-sizing: border-box;
width: 100%;
border: 1px solid var(--gold-60);
background: #FFF;
font-size:16px;
}
.wrap_input .required input[type=text],
.wrap_input .required input[type=tel],
.wrap_input .required input[type=email],
.wrap_input .required input[type=number],
.wrap_input .required textarea {
border: 1px solid var(--gold-60);
background: var(--gold-5);
}
.wrap_radio p + p {
margin-top: 1rem;
}
.wrap_input .radio_button + label {
padding-left: 26px;
position: relative;
margin-right: 26px;
cursor: pointer;
}
.wrap_input .radio_button + label::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
border: 1px solid var(--gold);
border-radius: 50%;
}
.wrap_input .required .radio_button + label::before {
border-color: var(--gold);
}
.wrap_input .radio_button:checked + label::after {
content: "";
display: block;
position: absolute;
top: 5px;
left: 5px;
width: 10px;
height: 10px;
background: var(--gold);
border-radius: 50%;
}
.wrap_input select {
border:1px solid var(--gold-60);
padding: 1rem 3rem 1rem 1rem;
border-radius: 5px;
font-size:16px;
box-sizing: border-box;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
background: url(../images/common/arrow_select.svg) no-repeat right 10px center;
background-size: 10px;
}
.wrap_input .required select {
border-color: var(--gold);
background-color: var(--gold-5);
}
.wrap_input select.wide {
min-width: 100%;
}
.wrap_input select + span {
margin-left: .5rem;
margin-right: 1rem;
}
.wrap_input .w50_pc {
width: 100%;
}
.wrap_input .tel_wrap {
display: flex;
align-items: center;
}
.wrap_input .tel_wrap > select {
width: 50%;
margin-right: 10px;
padding: 1rem 1.5rem 1rem .5rem;
}
.wrap_input .error {
margin: 1rem 0;
color: var(--red);
font-weight: 600;
font-size: var(--13px);
}
.btn_gold_s {
position: relative;
display: inline-block;
padding: 1rem 1.8rem 1rem 1rem;
border: 1px solid var(--gold);
line-height: 1;
text-align: center;
color: var(--gold);
font-size: var(--15px);
border-radius: 5px;
transition: var(--transition);
cursor: pointer;
}
.btn_gold_s:hover {
opacity: var(--bg-opacity);
}
.btn_gold_s:after {
position: absolute;
top:50%;
right:12px;
content: "";
display: block;
width: 8px;
height: 9px;
border-top: 1px solid var(--gold);
border-right: 1px solid var(--gold);
transform: rotate(45deg) translateY(-50%);
}

.wrap_input .total_price {
padding: 1rem 0 .5rem;
border-bottom: 3px solid var(--gold-60);
text-align: right;
}
.wrap_input .total_price > span {
display: inline-block;
margin-left: 1rem;
}
.wrap_input .total_price > span > strong {
display: inline-block;
margin-right: .5rem;
font-size: var(--22px);
font-weight: 700;
}
.wrap_input .total_price + dl {
border-top: none;
margin-top: 4rem;
}

.wrap_input .list_option li {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 1rem 0;
}
.wrap_input .list_option li + li {
border-top: 1px dotted var(--gold-40);
}
.wrap_input .list_option li > figure {
width: 30%;
padding-right: 10px;
box-sizing: border-box;
}
.wrap_input .list_option li > p {
width: 70%;
font-size: var(--15px);
line-height: 1.5;
}
.wrap_input .list_option li > p > strong {
display: block;
font-weight: 500;
margin-bottom: .6rem;
}
.wrap_input .list_option li > p > span {
display: block;
font-size: 87%;
}
.wrap_input .list_option li > figure img {
display: block;
width: 100%;
height: 100px;
object-fit: cover;
}
.wrap_radio.option p > select {
display: inline-block;
max-width: 150px;
margin-right: 2px;
}


.wrap_btn {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.wrap_btn a,
.wrap_btn button {
display: block;
margin: 5px;
}
.wrap_btn button.btn_gold {
opacity: 1;
cursor: pointer;
}
.wrap_btn button.btn_gold:hover {
opacity: .7;
}
.wrap_btn button.btn_gold:disabled,
.wrap_btn button.btn_gold:disabled:hover {
opacity: .5;
cursor: default;
} 
.btn_add-field {
position: relative;
display: block;
padding-bottom: 15px;
margin-bottom: 5rem;
width: 100%;
border-bottom: 1px solid var(--logogold);
text-align: left;
font-size: var(--20px);
font-family: var(--font-family-min);
font-weight: 500;
color: var(--gold);
transition: var(--transition);
background: url(../images/common/icon_plus.svg) no-repeat right 10px bottom 15px;
background-size: 25px;
}
.btn_add-field:hover {
opacity: var(--bg-opacity);
}

.wrap_input  input[type=file] {
padding: 1.2rem;
border-radius: 5px;
background: var(--gold-10);
}


@media only screen and (min-width: 768px) {
.wrap_input {
margin-top: 6rem;
}
.wrap_input dl {
padding: 2rem 0;
}
.wrap_input input[type=text],
.wrap_input input[type=tel],
.wrap_input input[type=email],
.wrap_input input[type=number],
.wrap_input textarea {
padding: 1.5rem;
}
.wrap_input .radio_button + label::before {
top:2px;
}
.wrap_input .radio_button:checked + label::after {
top:7px;
}
.wrap_input select {
padding-right: 5rem;
}
.wrap_input .btn_gold {
padding: 1.5rem 3rem 1.5rem 2rem;
}
.wrap_input .btn_gold:after {
right:15px;
}
.wrap_input .w50_pc {
width: calc(50% - 10px);
}
.wrap_input .tel_wrap > select {
width: 30%;
}
.wrap_input .tel_wrap > select {
padding: 1.5rem 2rem 1.5rem 1rem;
}
.reserve .wrap_btn > a {
max-width: 350px;
}
.contact .wrap_btn button.btn_gold {
min-width: 350px;
}
.wrap_input .total_price + dl {
margin-top: 6rem;
}
.wrap_radio.option p > select {
max-width: calc(100% - 220px);
}




}/* min-width: 768px */



@media only screen and (min-width: 1025px) {
.wrap_input dl {
display: flex;
justify-content: space-between;
padding: 2.5rem 0;
}
.wrap_input dt {
width: 20%;
padding-right: 20px;
border-bottom: none;
}
.wrap_input dd {
width: calc(80% - 30px);
}

.wrap_input .list_option li > figure {
width: 22%;
padding-right: 20px;
}
.wrap_input .list_option li > p {
width: 78%;
}



}/* wrap_input min-width: 1025px */



/* 緊急のお知らせ用 */
.txt_urgent {
position: absolute;
top:60px;
left:5px;
display: block;
padding: .6rem 1.2rem;
box-sizing: border-box;
font-size: var(--14px);;
color: #FFF;
width:calc(100% - 120px);
background: #000;
border:1px solid rgba(255,255,255,.3);
border-radius: 5px;
z-index: 120;
}
.txt_urgent > span {
display: block;
padding: 5px 0;
}
.txt_urgent a {
display: inline-block;
color: #FFF;
}
.txt_urgent a:after {
display: inline-block;
margin-left: 5px;
width: 9px;
height: 9px;
content: "";
border-right: 1px solid var(--font-color);
border-top: 1px solid var(--font-color);
transform: rotate(45deg);
}
.txt_urgent > span + span {
border-top:1px solid rgba(255,255,255,.3);
}
@media only screen and (min-width: 768px) {
.txt_urgent {
top:10px;
left:50%;
transform: translateX(-50%);
width: min(70%,1080px);
padding: .6rem 2rem;
}
.txt_urgent > span.t-center_lg {
text-align: center;
}
}/* min-width: 768px */