/*--------------------------------------------------------------------------
adjust
---------------------------------------------------------------------------*/
.txt-center {
text-align: center;
}

/*--------------------------------------------------------------------------
title-cm
---------------------------------------------------------------------------*/
.title-cm {
text-align: center;
}
.title-cm .en {
font-size: 1.8rem;
color: #debfb8;
font-family: "Noto Serif Display", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
"wdth" 100;
letter-spacing: 0.07em;
line-height: 1.8rem;
}
.title-cm .ja {
margin-top: 5px;
font-size: 3.6rem;
font-family: "Shippori Mincho", serif;
font-weight: 400;
font-style: normal;
line-height: 3.6rem;
letter-spacing: 0;
}

@media screen and (max-width: 960px) {
.title-cm .en {
font-size: 1.4rem;
line-height: 1.4rem;
}
.title-cm .ja {
font-size: 2.8rem;
line-height: 2.8rem;
}
}

@media screen and (max-width: 768px) {
.title-cm .en {
font-size: 1.3rem;
line-height: 1.3rem;
}
.title-cm .ja {
font-size: 2.6rem;
line-height: 2.6rem;
letter-spacing: 0;
}
}

/*--------------------------------------------------------------------------
subtitle-cm
---------------------------------------------------------------------------*/
.subtitle-cm {
text-align: center;
}
.subtitle-cm .ja {
font-size: 2.4rem;
font-family: "Noto Serif Display", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-variation-settings:
"wdth" 100;
letter-spacing: 0.07em;
line-height: 2.4rem;
}
.subtitle-cm .en {
display: block;
margin-top: 15px;
font-size: 1.2rem;
color: #debfb8;
font-family: "Gotu", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.2rem;
}

@media screen and (max-width: 960px) {
.subtitle-cm .ja {
font-size: 2.2rem;
line-height: 2.2rem;
}
.subtitle-cm .en {
margin-top: 10px;
font-size: 1.1rem;
line-height: 1.1rem;
}
}
@media screen and (max-width: 768px) {
.subtitle-cm .ja {
font-size: 2rem;
line-height: 2rem;
}
.subtitle-cm .en {
margin-top: 10px;
font-size: 1rem;
line-height: 1rem;
}
}


/*--------------------------------------------------------------------------
main
---------------------------------------------------------------------------*/

.main {
padding-bottom: 100px;
background-image:url("../img/ohirome-bg.jpg");
background-repeat:  no-repeat;   
background-position:center center;
background-size:cover;
width:100%;
height:100%;
}
.main .logo {
width: 140px;
margin: 0 auto;
padding: 30px 0; 
}

.main .hero .txt {
width: 530px;
padding: 0 70px;
text-align: center;
align-self: center;
}
.main .hero .txt img {
max-width: 260px;
display: block;
margin: 0 auto;
}
.main .hero .txt h1 {
line-height: 2;
}
.main .hero .txt .label {
padding: 20px;
background: #fff;
border-radius: 20px 0px 20px 0px;
}
.main .hero .txt .label .catch {
display: block;
color: #a69b58;
}
.main .hero .txt .label .price {
margin-top: 5px;
}
.main .hero .txt .label .price p {
display: inline;
font-size: 3rem;
color: #e7614f;
font-family: "Prata", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
line-height: 3rem;
}
.main .hero .txt .label .price span {
display: inline;
color: #e7614f;
letter-spacing: 0;
}

.main .hero .cover {
width: calc(100% - 530px);
min-height: 700px;
height: 70vh;
}

.main .hero .cover img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
border-radius: 400px 0px 0px 400px;
}

@media screen and (max-width: 1200px) {
.main .hero .txt {
width: 380px;
padding: 0 50px;
text-align: left;
}
.main .hero .txt img {
max-width: 300px;
display: block;
margin: 0 auto;
}
.main .hero .txt h1 {
line-height: 2;
}
.main .hero .txt h1 br {
display: none;
}
.main .hero .txt .label {
text-align: center;
}
.main .hero .txt .label .catch {
font-size: 1.3rem;
letter-spacing: 0;
}
.main .hero .txt .label .price p {
display: inline;
font-size: 3rem;
color: #e7614f;
font-family: "Prata", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
line-height: 3rem;
}
.main .hero .txt .label .price span {
display: inline;
color: #e7614f;
letter-spacing: 0;
}
.main .hero .cover {
width: calc(100% - 380px);
height: 700px;
}
}

@media screen and (max-width: 768px) {
.main {
padding-bottom: 100px;
background-image:url("../img/ohirome-bg-sp.jpg");
background-repeat:  no-repeat;   
background-position:center center;
background-size:cover;
width:100%;
height:100%;
}
.main .logo {
width: 100px;
margin: 0 auto;
padding: 15px 0; 
}
.main .hero .txt {
width: 86.6666%;
margin: 40px auto 0;
padding: 0;
text-align: center;
}
.main .hero .txt img {
max-width: 180px;
display: block;
margin: 0 auto;
}
.main .hero .txt h1 br {
display: block;
}
.main .hero .txt .label {
margin-top: 15px!important;
padding: 10px 0;
border-radius: 10px 0px 10px 0px;
}
.main .hero .cover {
width: 100%;
height: auto;
min-height: initial;
margin: 0 auto;
aspect-ratio: 1;
order: -1;
}
.main .hero .cover img {
border-radius: 0;
}
}


.main .concept {
width: 86.6666%;
margin: 0 auto;
}

.main .concept .label {
text-align: center;
font-size: 5.5rem;
color: #debfb8;
font-family: "Noto Serif Display", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-style: italic;
font-variation-settings:
"wdth" 100;
letter-spacing: 0.05em;
line-height: 1.6;
}


.main .concept .lead p {
text-align: center;
line-height: 2.6;
}

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

.main .concept .label {
text-align: center;
font-size: 3.2rem;
color: #debfb8;
font-family: "Noto Serif Display", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-style: italic;
font-variation-settings:
"wdth" 100;
letter-spacing: 0.05em;
line-height: 1.6;
}
.main .concept .lead p {
font-size: 1.4rem;
text-align: left;
line-height: 2.2;
}
.main .concept .lead p br {
display: none;
}
}

.main .box-sub {
width: 90%;
max-width: 1440px;
margin: 0 auto;
}
.main .box-sub .swiper-main {
}
.main .box-sub .swiper-main .swiper-wrapper {
display: flex;
justify-content: space-between;
}
.main .box-sub .swiper-main .swiper-wrapper .swiper-slide {
width: 31%;
}
.main .box-sub .swiper-main .swiper-wrapper .swiper-slide img {
border-radius: 10px;
}

.main .box-sub .swiper-main .swiper-pagination {
display: none;
}
@media screen and (max-width: 768px) {
.main .box-sub {
width: 100%;
max-width: initial;
overflow: hidden;
}
.main .box-sub .swiper-main .swiper-wrapper .swiper-slide {
width: auto;
}
.main .box-sub .swiper-main .swiper-wrapper .swiper-slide img {
border-radius: 0;
}
.main .box-sub .swiper-main .swiper-pagination {
width: 100%;
display: block;
margin-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 10;
}
.main .box-sub .swiper-main .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
margin: 0 5px;
border-radius: 50%;
border: 1px solid #d49388;
}
.main .box-sub .swiper-main .swiper-pagination .swiper-pagination-bullet-active {
background: #d49388;
}
}


/*--------------------------------------------------------------------------
recommend
---------------------------------------------------------------------------*/
#recommend .worry .cover {
width: calc(100% - 630px);
}
#recommend .worry .cover img {
width: 100%;
}
#recommend .worry ul.list {
width: 600px;

}
#recommend .worry ul.list li {
margin-bottom: 10px;
display: flex;
align-items: center;
letter-spacing: 0.05em;
}

#recommend .worry ul.list li::before {
display: inline-block;
width: 10px;
height: 5px;
margin-right: 13px;
border-bottom: 2px solid #d49388;
border-left: 2px solid #d49388;
transform: rotate(-45deg) translateY(-1.5px);
content: '';
}



#recommend .worry ul.list li:last-child {
margin-bottom: 0;
}

@media screen and (max-width: 960px) {
#recommend .worry {
padding-bottom: 40px;
background-image: linear-gradient(to right, #e0e0e0 2px, transparent 2px);
background-size: 6px 1px;
background-repeat: repeat-x;
background-position: left bottom;
}
#recommend .worry .cover {
width: 100%;
}
#recommend .worry .cover img {
max-width: 300px;
margin: 0 auto;
display: block;
}
#recommend .worry ul.list {
width: 100%;
margin-top: 30px;
}
#recommend .worry ul.list li {
font-size: 1.3rem;
line-height: 1.6;
}
}

@media screen and (max-width: 768px) {
#recommend .worry ul.list li {
font-size: 1.4rem;
line-height: 1.6;
}
}

#recommend .point {
font-size: 1.8rem;
text-align: center;
font-family: "Shippori Mincho", serif;
font-weight: 400;
font-style: normal;
line-height: 2.6;
letter-spacing: 0;
}
#recommend .point .dec {
max-width: 300px;
margin: 0 auto;
display: block;
}
@media screen and (max-width: 960px) {
#recommend .point {
font-size: 1.6rem;
text-align: center;
font-family: "Shippori Mincho", serif;
font-weight: 400;
font-style: normal;
line-height: 2.4;
}
#recommend .point .dec {
max-width: 280px;
margin: 0 auto;
display: block;
}
}

#recommend .vis {
width: 90%;
max-width: 800px;
margin: 0 auto;
}
#recommend .vis img {
border-radius: 300px;
}


/*--------------------------------------------------------------------------
contact
---------------------------------------------------------------------------*/
.contact {
padding-bottom: 100px;
background-image:url("../img/ohirome-bg.jpg");
background-repeat:  no-repeat;   
background-position:center center;
background-size:cover;
width:100%;
height:100%;
text-align: center;
}
.contact .label {
text-align: center;
font-size: 5.5rem;
color: #debfb8;
font-family: "Noto Serif Display", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-style: italic;
font-variation-settings:
"wdth" 100;
letter-spacing: 0.05em;
line-height: 1.6;
}
.contact .txt {
align-items: center;
display: flex; 
justify-content: center; 
}
.contact .txt::before,
.contact .txt::after {
background-color: #585858;
border-radius: 5px; 
content: "";
height: 1px; 
width: 15px; 
}
.contact .txt::before {
margin-right: 15px; 
transform: rotate(70deg); 
}
.contact .txt::after {
margin-left: 15px; 
transform: rotate(-70deg); 
}


.contact ul.icon {
width: 200px;
margin: 0 auto;
}
.contact ul.icon li {
width: 30%;
}



.contact .btn {
width: 86.6666%;
max-width: 450px;
margin: 0 auto;
}
.contact .btn a {
display: block;
padding: 25px 0;
font-size: 1.6rem;
border-radius: 100px;
background: #d49388;
color: #fff;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.contact .btn a:hover {
background: #86929b;
}
.contact .attention {
font-size: 1.3rem;
}
@media screen and (max-width: 960px) {
.contact .label {
text-align: center;
font-size: 4rem;
color: #debfb8;
font-family: "Noto Serif Display", serif;
font-optical-sizing: auto;
font-weight: 400;
font-style: normal;
font-style: italic;
font-variation-settings:
"wdth" 100;
letter-spacing: 0.05em;
line-height: 1.6;
}
.contact .btn a {
display: block;
padding: 15px 0;
font-size: 1.5rem;
border-radius: 100px;
background: #d49388;
color: #fff;
}
.contact .attention {
font-size: 1.2rem;
}
}


/*--------------------------------------------------------------------------
about
---------------------------------------------------------------------------*/
#about {
background: #fbf8f5;
}
#about .possible {
width: 86.6666%;
max-width: 800px;
margin: 0 auto;
padding: 40px;
background: #fff;
border-radius: 5px;
}
#about .possible .txt {
width: calc(100% - 550px);
color: #d49388;
text-align: center;
font-size: 1.8rem;
}
#about .possible ul.list {
width: 500px;
list-style-type: disc;
}
#about .possible ul.list li {
margin-bottom: 5px;
font-size: 1.5rem;
line-height: 1.6;
}
#about .possible ul.list li::marker {
color: #d49388;
font-size: 1.1em;
}
#about .possible ul.list li:last-child {
margin-bottom: 0;
}
#about .possible ul.list li::before {
}

@media screen and (max-width: 960px) {
#about .possible {
padding: 25px 30px;
}
#about .possible .txt {
width: 100%;
margin-bottom: 10px;
color: #d49388;
text-align: left;
font-size: 1.6rem;
}
#about .possible ul.list {
width: 100%;
padding-left: 15px;
}
#about .possible ul.list {
margin-bottom: 5px;
}
#about .possible ul.list li {
margin-bottom: 7px;
font-size: 1.4rem;
line-height: 1.5;
}
}

#about .swiper-gallery {
overflow: hidden;
}

#about .swiper-gallery .controll {
width: 160px;
height: 60px;
margin: 0 auto;
font-family: "Noto Serif Display",serif;
font-optical-sizing: auto;
font-weight: 300;
font-style: normal;
font-variation-settings: "width" 100;
font-weight: 400;
font-style: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
z-index: 1;
}

#about .swiper-gallery .controll .swiper-button-prev,#about .swiper-gallery .controll .swiper-button-next {
position: absolute;
z-index: 1;
top: 0;
bottom: 0;
margin: auto;
width: 50px;
height: 50px;
display: grid;
place-content: center;
cursor: pointer;
}

#about .swiper-gallery .controll .swiper-button-prev {
background-image: none;
right: initial;
left: 0;
}

#about .swiper-gallery .controll .swiper-button-prev::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid #bebebe;
border-radius: 50%;
-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#about .swiper-gallery .controll .swiper-button-prev::after {
width: 8px;
height: 8px;
content: "";
border: 1px solid #bebebe;
border-width: 1px 1px 0 0;
-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
margin-left: 4px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}

#about .swiper-gallery .controll .swiper-button-next {
right: 0;
left: initial;
background-image: none;
}

#about .swiper-gallery .controll .swiper-button-next::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border: 1px solid #bebebe;
border-radius: 50%;
-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#about .swiper-gallery .controll .swiper-button-next::after {
margin-right: 4px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 8px;
height: 8px;
content: "";
border: 1px solid #bebebe;
border-width: 1px 1px 0 0;
-webkit-transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
transition: all .4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

#about .swiper-gallery .controll .swiper-button-prev:hover::before,#about .swiper-gallery .controll .swiper-button-next:hover::before {
border-color: #86929b;
background: #86929b;
}

#about .swiper-gallery .controll .swiper-button-prev:hover::after,#about .swiper-gallery .controll .swiper-button-next:hover::after {
border-color: #fff;
}

#about .swiper-gallery .controll .swiper-button-prev.swiper-button-disabled,#about .swiper-gallery .controll .swiper-button-next.swiper-button-disabled {
pointer-events: none;
}

#about .swiper-gallery .controll .swiper-initialized .swiper-button-prev,#about .swiper-gallery .controll .swiper-initialized .swiper-button-next {
visibility: visible;
}
#about .swiper-gallery .controll .swiper-pagination-fraction {
pointer-events: none;
}


#about .recommend-point {
width: 86.6666%;
max-width: 980px;
margin: 0 auto;
}
#about .recommend-point ul.list {
align-items: start;
}
#about .recommend-point ul.list li {
width: 31%;
position: relative;
}
#about .recommend-point ul.list li .dec {
display: block;
width: 35px;
height: 35px;
font-size: 1.2rem;
color: #fff;
text-align: center;
background: #d49388;
font-family: "Gotu", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 35px;
position: absolute;
top: 10px;
left: 10px;
border-radius: 100%;
}
#about .recommend-point ul.list li .cover img {
border-radius: 10px;
}
#about .recommend-point ul.list li .txt {
margin-top: 15px;
}
#about .recommend-point ul.list li .txt h3 {
font-weight: 600;
line-height: 1.6;
}
#about .recommend-point ul.list li .txt p {
margin-top: 3px;
font-size: 1.3rem;
line-height: 1.7;
}


@media screen and (max-width: 960px) {
#about .recommend-point ul.list li .txt h3 {
font-size: 1.4rem;
line-height: 1.6;
}
#about .recommend-point ul.list li .txt p {
margin-top: 3px;
font-size: 1.3rem;
line-height: 1.6;
}
}
@media screen and (max-width: 768px) {
#about .recommend-point {
width: 100%;
max-width: initial;
margin: 0;
padding-left: 6.6666%;
}
#about .recommend-point .box-list {
max-width: 800px;
overflow-x: scroll;
}
#about .recommend-point ul.list {
width: 800px;
padding-right: 6.6666%;
}

#about .recommend-point ul.list li .txt h3 {
font-size: 1.5rem;
line-height: 1.5;
}
#about .recommend-point ul.list li .txt p {
margin-top: 5px;
font-size: 1.3rem;
line-height: 1.6;
}
}

/*--------------------------------------------------------------------------
plan
---------------------------------------------------------------------------*/
#plan .plan-main .cover {
width: calc(100% - 250px);
padding-right: 5%;
}
#plan .plan-main .cover img {
border-radius: 10px;
}
#plan .plan-main .info {
width: 250px;
}
#plan .plan-main .info .title h3 {
font-size: 2.8rem;
font-family: "Shippori Mincho", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
}
#plan .plan-main .info .title .price-main {
margin-top: 3px;
}
#plan .plan-main .info .title .price-main p {
display: inline;
font-size: 4rem;
color: #e7614f;
font-family: "Prata", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
line-height: 4rem;
}
#plan .plan-main .info .title .price-main span {
display: inline;
font-size: 1.3rem;
color: #e7614f;
}
#plan .plan-main .info .title .price-sub del {
background-image: linear-gradient(#e7614f, #e7614f);
background-position: 0 50%;
background-size: 100% 1px;
background-repeat: repeat-x;
text-decoration: none;
padding: 0 2px;
}
#plan .plan-main .info .cont .label {
padding: 5px 0;
border-top: solid 1px #d3d3d3;
border-bottom: solid 1px #d3d3d3;
font-size: 1.4rem;
} 
#plan .plan-main .info .cont ul.list {
width: 100%;
list-style-type: disc;
margin-left: 15px;
}
#plan .plan-main .info .cont ul.list li {
margin-bottom: 3px;
font-size: 1.4rem;
line-height: 1.6;
}
#plan .plan-main .info .cont ul.list li::marker {
color: #e6dab4;
font-size: 1.1em;
}
@media screen and (max-width: 960px) {
#plan .plan-main .cover {
width: 100%;
padding-right: 0;
}
#plan .plan-main .info {
width: 100%;
margin-top: 15px;
}
#plan .plan-main .info .title h3 {
font-size: 2.2rem;
}
#plan .plan-main .info .title .price-main p {
font-size: 3.2rem;
line-height: 3.2rem;
}
#plan .plan-main .info .title .price-main span {
display: inline;
font-size: 1.3rem;
color: #e7614f;
}
#plan .plan-main .info .cont .label {
padding: 5px 0;
font-size: 1.3rem;
} 
#plan .plan-main .info .cont ul.list {
width: 100%;
list-style-type: disc;
margin-left: 15px;
}
#plan .plan-main .info .cont ul.list li {
margin-bottom: 2px;
font-size: 1.2rem;
line-height: 1.6;
}
}


#plan .plan-sub .catch {
text-align: center;
}
#plan .plan-sub .inner a {
padding: 3%;
box-shadow: 0 0 0 1px #e4e4e4 inset;
border-radius: 3px;
overflow: hidden;
}
#plan .plan-sub .inner a:hover .info .btn {
background: #86929b;
}
#plan .plan-sub .inner a .cover {
width: calc(100% - 390px);
padding-right: 4%;
}
#plan .plan-sub .inner a .info {
width: 390px;
}
#plan .plan-sub .inner a .info h3 {
font-size: 2.8rem;
font-family: "Shippori Mincho", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
line-height: 2.8rem;
}
#plan .plan-sub .inner a .info .price {
margin-top: 5px;
color: #e7614f;
letter-spacing: 0;
}
#plan .plan-sub .inner a .info .btn {
display: inline-block;
padding: 5px 15px;
color: #fff;
background: #c3b089;
border-radius: 100px;
font-size: 1.3rem;
letter-spacing: 0;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

@media screen and (max-width: 960px) {
#plan .plan-sub .inner a {
padding: 0;
}
#plan .plan-sub .inner a .cover {
width: 100%;
padding-right: 0;
}
#plan .plan-sub .inner a .info {
width: 100%;
padding: 5%;
}
#plan .plan-sub .inner a .info h3 {
font-size: 2.2rem;
line-height: 2.2rem;
}
}

@media screen and (max-width: 960px) {
#plan .plan-sub .inner a .info {
width: 100%;
padding: 30px;
}
}

/*--------------------------------------------------------------------------
remodal party
---------------------------------------------------------------------------*/
.remodal.party-detail {
color: #585858;
}
.remodal.party-detail .box .label {text-align: center;}
.remodal.party-detail .box .cover {margin: 0 auto;}
.remodal.party-detail .box .cover img {
width: 100%;
height: auto;
}
.remodal.party-detail .box b {
display: block;
margin-bottom: 10px;
text-align: center;
font-size: 24px;
line-height: 24px;
font-weight: normal;
}
.remodal.party-detail .box p.campaign {
display: inline-block;
margin: 10px auto 5px;
padding: 10px 20px;
background: #e7614f;
color: #fff;
text-align: center;
border-radius: 3px;
font-size: 14px;
line-height: 14px;
letter-spacing: 0;
}
.remodal.party-detail .box p.price {
margin: 10px 0 5px;
font-family: "Prata", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
font-size: 40px;
text-align: center;
line-height: 40px;
color: #e7614f;
}
.remodal.party-detail .box p.price .en {
font-size: 28px;
line-height: 28px;
}
.remodal.party-detail .box p.price .zei {
padding-left: 5px;
font-size: 16px;
line-height: 16px;
}
.remodal.party-detail .box p.price small {
display: block;
margin-top: 5px;
font-size: 15px;
line-height: 15px;
color: #333;
}
.remodal.party-detail .box p.price small del {
background-image: linear-gradient(#e7614f, #e7614f);
background-position: 0 50%;
background-size: 100% 1px;
background-repeat: repeat-x;
text-decoration: none;
padding: 0 2px;
}
.remodal.party-detail .box p.label {
padding: 10px 20px;
background: #fafafa;
border: solid 1px #d3d3d3;
border-bottom: 0;
}
.remodal.party-detail .box table.menu {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border: solid 1px #d3d3d3;
}
.remodal.party-detail .box table.menu td {
width: 33.3333%;
padding: 15px;
font-size: 12px;
line-height: 1.5em;
text-align: left;
border: dotted 1px #d3d3d3;
}
.remodal.party-detail .box .note {
color: #666;
font-size: 12px;
line-height: 1.8em;
}


@media screen and (max-width: 768px) {
.remodal {
padding: 20px!important;
}
.remodal.party-detail .box b {
font-size: 18px;
line-height: 18px;
}
.remodal.party-detail .box p.campaign {
display: inline-block;
margin: 10px auto 0;
padding: 5px 10px;
background: #e7614f;
color: #fff;
text-align: center;
border-radius: 3px;
font-size: 13px;
line-height: 13px;
letter-spacing: 0;
}
.remodal.party-detail .box .cont {
margin-top: 0!important;
}
.remodal.party-detail .box p.price {
margin: 10px 0 5px;
font-family: "Prata", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0;
font-size: 32px;
text-align: center;
line-height: 32px;
color: #e7614f;
}
.remodal.party-detail .box p.price small {
font-size: 13px;
line-height: 13px;
}
.remodal.party-detail .box table.menu td {
padding: 10px 15px;
}
.remodal.party-detail .box .note {
font-size: 11px;
line-height: 1.6em;
text-align: left;
}
}

/*--------------------------------------------------------------------------
schedule
---------------------------------------------------------------------------*/
#schedule {}

#schedule .label-sample {
width: 80px;
display: block;
margin: 0 auto;
padding: 5px 0;
text-align: center;
color: #fff;
background: #d49388;
border-radius: 100px;
font-size: 1.4rem;
line-height: 1.6;
}
#schedule .time-schedule {
width: 86.6666%;
max-width: 700px;
margin: 0 auto;
}
#schedule table.time-schedule {
border-collapse: collapse;
border-top: solid 1px #f0f0f0;
}
#schedule table.time-schedule td {
padding: 20px 0;
border-bottom: solid 1px #f0f0f0;
}
#schedule table.time-schedule td.time {
width: 100px;
}
#schedule table.time-schedule td.cont {
width: calc(100% - 100px);
}
@media screen and (max-width: 960px) {
#schedule table.time-schedule td.time {
width: 80px;
}
#schedule table.time-schedule td.cont {
width: calc(100% - 80px);
}
}
@media screen and (max-width: 768px) {
#schedule table.time-schedule td {
padding: 15px 0;
border-bottom: solid 1px #f0f0f0;
}
}



/*--------------------------------------------------------------------------
possible
---------------------------------------------------------------------------*/
#possible {
width: 86.6666%;
max-width: 840px;
margin: 0 auto;
text-align: center;
}

#possible .title {
display: inline-block;
margin: 0 auto;
}

#possible .title p {
font-size: 2.8rem;
font-family: "Shippori Mincho", serif;
font-weight: 400;
font-style: normal;
line-height: 1.4;
letter-spacing: 0.05em;
text-align: center;
}
#possible .title p br {
display: none;
}
#possible .title img {
width: 90%;
display: block;
margin: 20px auto 0;
}
#possible ul.list {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
#possible ul.list li {
width: calc(25% - 20px);
margin-top: 20px;
text-align: center;
}
#possible ul.list li .cover img {
border-radius: 100px;
}
#possible ul.list li .txt {
margin-top: 10px;
}

@media screen and (max-width: 768px) {
#possible .title p {
font-size: 2.2rem;
line-height: 1.4;
}
#possible .title p br {
display: block;
}
#possible .title img {
width: 90%;
display: block;
margin: 10px auto 0;
}
#possible ul.list {
gap: 10px;
}
#possible ul.list li {
width: calc(33.3333% - 10px);
margin-top: 10px;
font-size: 1.3rem;
text-align: center;
}
#possible ul.list li .txt {
margin-top: 5px;
font-size: 1.2rem;
}
}

#possible .message {
width: 400px;
margin: 0 auto;
padding: 30px;
box-shadow: 0 0 0 1px #e4e4e4 inset;
border-radius: 20px 0px 20px 0px;
line-height: 2.4;
}
@media screen and (max-width: 768px) {
#possible .message {
width: auto;
margin: 0 auto;
padding: 20px;
box-shadow: 0 0 0 1px #e4e4e4 inset;
border-radius: 20px 0px 20px 0px;
line-height: 2.2;
}
}


/*--------------------------------------------------------------------------
story
---------------------------------------------------------------------------*/
#story {}
#story .inner {
width: 96%;
}
#story .inner .title {
width: 30%;
overflow: hidden;
align-self: flex-start;
}
#story .inner .title img {
width: 140%
}
#story .inner .box-list {
width: 70%;
align-items: flex-start;
}
#story .inner .box-list ul.list {
align-items: flex-start;
}
#story .inner .box-list ul.list li {
width: 31%;
}
#story .inner .box-list ul.list li .info {
width: 94%;
margin-top: -20px;
margin-left: auto;
margin-right: 0;
padding: 20px 30px;
background: #fff;
position: relative;
}
#story .inner .box-list ul.list li .info .num {
display: block;
font-size: 1rem;
color: #debfb8;
font-family: "Gotu", sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5rem;
}
#story .inner .box-list ul.list li .info .txt {
margin-top: 10px;
font-size: 1.3rem;
line-height: 1.7;
}
@media screen and (max-width: 960px) {
#story .inner {
width: 100%;
margin: 0 auto;
}
#story .inner .title {
width: 80%;
overflow: initial;
}
#story .inner .title img {
width: 100%
}
#story .inner .box-list {
width: 100%;
overflow-x: scroll;
padding-left: 6.6666%;
}
#story .inner .box-list ul.list {
width: 980px;
margin-top: 30px;
padding-right: 6.6666%;
}
}
@media screen and (max-width: 768px) {
#story .inner .title {
width: 100%;
overflow: initial;
}
#story .inner .box-list ul.list li {
width: 31.5%;
}
}




/*--------------------------------------------------------------------------
feature
---------------------------------------------------------------------------*/
#feature {}

#feature .inner {
width: 86.6666%;
max-width: 1440px;
margin: 0 auto;
}

#feature ul.list {
align-items: flex-start;
}
#feature ul::before {
content: "";
display: block;
width: 31%;
order: 1;
}
#feature ul::after {
content: "";
display: block;
width: 31%;
}
#feature ul.list li {
width: 31%;
margin-bottom: 50px;
}
#feature ul.list li .info {
margin-top: 20px;
}
#feature ul.list li .info h3 {
font-size: 1.8rem;
font-weight: 600;
line-height: 1.5;
}
#feature ul.list li .info p {
margin-top: 5px;
font-size: 1.4rem;
line-height: 1.7;
}
#feature ul.list li .info span {
display: inline-block;
margin-top: 10px;
}
#feature ul.list li .info span a {
display: block;
padding: 5px 15px;
background: #c3b089;
border-radius: 100px;
color: #fff;
font-size: 1.2rem;
letter-spacing: 0;
line-height: 1.5;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#feature ul.list li .info span a:hover {
background: #86929b;
}
@media screen and (max-width: 960px) {
#feature .inner {
width: 100%;
max-width: initial;
margin: 0;
padding-left: 6.6666%;
overflow-x: scroll;
}
#feature ul::before {
content: "";
display: block;
width: 20%;
order: 1;
}
#feature ul::after {
content: "";
display: block;
width: 20%;
}
#feature ul.list li {
width: 18.5%;
margin-bottom: 50px;
}
#feature ul.list {
width: 1440px;
padding-right: 6.6666%;
}
#feature ul.list li .info {
margin-top: 15px;
}
#feature ul.list li .info h3 {
font-size: 1.5rem;
}
#feature ul.list li .info p {
margin-top: 5px;
font-size: 1.3rem;
line-height: 1.6;
}
}

/*--------------------------------------------------------------------------
message
---------------------------------------------------------------------------*/

#message {
position: relative;
}
#message .dec1 {
width: 20%;
position: absolute;
top: 20%;
left: 0;
z-index: -1;
}
#message .dec2 {
width: 15%;
position: absolute;
top: 40%;
right: 0;
z-index: -1;
}


#message .label {
position: relative;
}
#message .label::before {
content: "";
display: block;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
left: 0;
right: 0;
background: #e3e3e3;
}
#message .label p {
width: 50%;
max-width: 600px;
margin: 0 auto;
padding: 0 20px;
position: relative;
z-index: 10;
background: #fff;
}
#message .box-message {
width: 86.6666%;
max-width: 700px;
margin: 0 auto;
}
#message .box-message .cover {
width: calc(100% - 450px);
}
#message .box-message .txt {
width: 400px;
}


@media screen and (max-width: 960px) {
#message .label p {
width: 80%;
}
#message .box-message .cover {
width: 100%
}
#message .box-message .cover img {
max-width: 200px;
display: block;
margin: 0 auto;
}
#message .box-message .txt {
width: 100%;
margin-top: 20px;
text-align: center;
}
}
@media screen and (max-width: 768px) {
#message .dec1 {
width: 40%;
position: absolute;
top: 20%;
left: 0;
z-index: -1;
}
#message .dec2 {
width: 20%;
position: absolute;
top: 40%;
right: 0;
z-index: -1;
}
}


/*--------------------------------------------------------------------------
faq
---------------------------------------------------------------------------*/


#faq dl.faq-list {
width: 86.6666%;
max-width: 900px;
margin: 0 auto;
}

#faq dl.faq-list dt {
margin-top: 20px;
position: relative;
padding: 0 30px 20px 30px;
cursor: pointer;
background-image: linear-gradient(to right, #e5e5e5 3px, transparent 1px);
background-size: 6px 1px;
background-repeat: repeat-x;
background-position: left bottom;
}

#faq dl.faq-list dt::before {
content: "Q";
display: inline-block;
position: absolute;
left: 0;
top: 0;
color: #d49388;
}

#faq dl.faq-list dt::after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
-webkit-transform: translateY(-25%) rotate(45deg);
transform: translateY(-25%) rotate(45deg);
border-bottom: 1px solid #d49388;;
border-right: 1px solid #d49388;;
position: absolute;
top: 10px;
right: 0;
}

#faq dl.faq-list dt.is-open::after {
content: "";
display: inline-block;
width: 7px;
height: 7px;
-webkit-transform: translateY(-25%) rotate(45deg);
transform: translateY(-25%) rotate(45deg);
border-top: 1px solid #d49388;;
border-left: 1px solid #d49388;;
border-bottom: 0;
border-right: 0;
position: absolute;
top: 15px;
right: 0;
}

#faq dl.faq-list dd {
display: none;
margin: 20px 0;
position: relative;
padding-left: 30px;
}

#faq dl.faq-list dd::before {
content: "A";
display: inline-block;
position: absolute;
left: 0;
top: 0;
}

@media screen and (max-width: 768px) {
#faq dl.faq-list {
}

#faq dl.faq-list dt {
margin-top: 15px;
padding: 0 20px 15px 20px;
}
#faq dl.faq-list dd {
display: none;
margin: 15px 0 20px;
position: relative;
padding-left: 20px;
}
}

/*--------------------------------------------------------------------------
gallery
---------------------------------------------------------------------------*/
#gallery ul {
width: 90%;
max-width: 800px;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
#gallery ul::before {
content: "";
display: block;
width: 25%;
order: 1;
}
#gallery ul::after {
content: "";
display: block;
width: 25%;
}
#gallery ul li {
max-width: 25%;
flex: 0 1 25%;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#gallery ul li:hover {
opacity: 0.5;
}
#gallery ul li a {
position: relative;
}
#gallery ul li a .hit {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}

#gallery .btn-more {
display: none;
}

@media screen and (max-width: 960px) {
#gallery ul {
margin: 0 auto 20px;
}
}

@media screen and (max-width: 768px) {
#gallery ul {
width: 100%;
margin-bottom: 20px;
}
#gallery ul::before {
content: "";
display: block;
width: 33.3333%;
order: 1;
}
#gallery ul::after {
content: "";
display: block;
width: 33.3333%;
}
#gallery ul li {
max-width: 33.3333%;
flex: 0 1 33.3333%;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#gallery ul li:nth-child(n + 7) {
display: none;
}
#gallery ul li:last-child {
margin-bottom: 40px;
}
#gallery .btn-more {
display: block;
width: 80%;
max-width: 200px;
margin: 0 auto 50px;
padding: 15px 0;
box-shadow: 0 0 0 1px #d3d3d3 inset;
font-size: 1.3rem;
line-height: 1.3rem;
text-align: center;
border-radius: 100px;
font-family: "Prata", serif;
font-weight: 400;
font-style: normal;
letter-spacing: 0.05em;
}
}



/*--------------------------------------------------------------------------
chapel-contact
---------------------------------------------------------------------------*/
#chapel-contact ul.cate {
width: 90%;
max-width: 1200px;
margin: 60px auto 40px;
padding: 0;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
box-shadow: 0 0 0 1px #efefef inset;
text-align: center;
}
#chapel-contact ul.cate li {
flex: 0 1 16.66666666%;
max-width: 16.66666666%;
box-shadow: 1px 0 0 0 #efefef inset;
padding: 20px 0;
cursor: pointer;
}
#chapel-contact ul.cate li.active {
background: #d49388;
color: #fff;
}

@media screen and (max-width: 1200px) {
#chapel-contact ul.cate li {font-size: 14px;}
}

@media screen and (max-width: 768px) {
#chapel-contact .title-box {
margin: 60px auto 20px;
text-align: center;
}
#chapel-contact ul.cate {
margin-bottom: 30px;
padding: 0;
}
#chapel-contact ul.cate li {
flex: 0 1 33.3333%;
max-width: 33.3333%;
padding: 15px 0;
box-shadow: 1px 1px 0 0 #efefef inset;
font-size: 12px;
}
}

/*--------------------------------------------------------------------------
sub_list
---------------------------------------------------------------------------*/
#chapel-contact {min-height: 800px;}
#chapel-contact ul.area_list {
width: 90%;
max-width: 1200px;
margin: 60px auto 80px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
#chapel-contact ul.chapel_list::before {
content: "";
display: block;
width: 31%;
order: 1;
}
#chapel-contact ul.chapel_list::after {
content: "";
display: block;
width: 31%;
}
#chapel-contact .area_box {display: none;}
#chapel-contact .area_box.active {display: block;}
#chapel-contact ul.area_list li {
flex: 0 1 31%;
max-width: 31%;
margin-bottom: 50px;
}
#chapel-contact ul.area_list li .cover {
margin-top: 0;
position: relative;
overflow: hidden;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#chapel-contact ul.area_list li .cover img {width: 100%;}
#chapel-contact ul.area_list li {text-decoration: none;}
#chapel-contact ul.area_list li .info {position: relative;}
#chapel-contact ul.area_list li .info h3 {
margin-top: 15px;
font-size: 16px;
font-weight: bold;
line-height: 1.6em;
font-feature-settings: "palt";
}
#chapel-contact ul.area_list li .info p {
margin-top: 5px;
color: #717171;
font-size: 12px;
}
#chapel-contact ul.area_list li .info .label {
display: inline-block;
margin: 5px 0 5px;
padding: 3px 0 0 10px;
border-left: 1px solid #c5c5c5;
font-size: 10px;
color: #717171;
text-align: center;
letter-spacing: 0.1em;
}
#chapel-contact ul.area_list li .info .label img {
display: inline-block;
width: 14px;
padding-right: 5px;
vertical-align: middle;
}
#chapel-contact ul.area_list li ul.btn {
margin-top: 10px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
#chapel-contact ul.area_list li ul.btn li {
max-width: 49%;
flex: 0 1 49%;
margin-bottom: 0;
background: #d49388;
border-radius: 100px;
color: #fff;
text-align: center;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#chapel-contact ul.area_list li ul.btn li.detail {
background: #fff;
box-shadow: 0 0 0 1px #e4e4e4 inset;
}
#chapel-contact ul.area_list li ul.btn li a {
display: block;
width: 100%;
padding: 10px 0;
font-size: 13px;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
#chapel-contact ul.area_list li ul.btn li.detail a {color: #6d6d6d;}
#chapel-contact ul.area_list li ul.btn li:hover {
box-shadow: 0 0 0 1px #666 inset;
background: #666;
}
#chapel-contact ul.area_list li ul.btn li:hover a {color: #fff;}
/* カラム落ち */
#chapel-contact #area_kanto ul.area_list,
#chapel-contact #area_kansai ul.area_list{justify-content: normal;}
#chapel-contact #area_kanto ul.area_list li.area_li,
#chapel-contact #area_kansai ul.area_list li.area_li{margin-right: 3.5%;}
#chapel-contact #area_kanto ul.area_list li.area_li:nth-child(3n),
#chapel-contact #area_kansai ul.area_list li.area_li:nth-child(3){margin-right: 0;}

@media screen and (max-width: 1200px) {
#chapel-contact ul.area_list {margin: 60px auto 50px;}
}

@media screen and (max-width: 960px) {
#chapel-contact {min-height: 800px;}
#chapel-contact ul.chapel_list::before {
content: "";
display: block;
width: 31.5%;
order: 1;
}
#chapel-contact ul.chapel_list::after {
content: "";
display: block;
width: 31.5%;
}
#chapel-contact ul.area_list li {
flex: 0 1 31.5%;
max-width: 31.5%;
}
#chapel-contact ul.area_list li .info h3 {
margin-top: 10px;
font-size: 14px;
font-weight: bold;
}
#chapel-contact ul.area_list li .info p {
margin-top: 5px;
font-size: 11px;
}
}

@media screen and (max-width: 768px) {
#chapel-contact {min-height: initial;}
#chapel-contact ul.area_list {margin: 30px auto;}
#chapel-contact ul.chapel_list::before {
content: "";
display: block;
width: 100%;
order: 1;
}
#chapel-contact ul.chapel_list::after {
content: "";
display: block;
width: 100%;
}
#chapel-contact ul.area_list li {
flex: 0 1 100%;
max-width: 100%;
margin-bottom: 20px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-o-flex-wrap: wrap;
flex-wrap: wrap;
}
#chapel-contact ul.area_list li .cover {
flex: initial;
max-width: initial;
width: 100px;
height: 100px;
overflow: hidden;
}
#chapel-contact ul.area_list li .cover img {
flex: initial;
max-width: initial;
position: absolute;
width: 300px!important;
height: auto!important;
min-height: 200px!important;
min-width: auto;
max-width: initial;
max-height: initial;
left: 50%;
top: 50%;
object-fit: cover;
-webkit-transform: translate3d(-50%, -50%, 0);
transform: translate3d(-50%, -50%, 0);
}
#chapel-contact ul.area_list li .info {
flex: initial;
max-width: initial;
flex: 1;
padding: 0 0 0 15px;
align-self: center;
}
#chapel-contact ul.area_list li .info h3 {
margin-top: 0;
font-size: 14px;
line-height: 14px;
}
#chapel-contact ul.area_list li .info .label {
margin: 5px 0 5px;
padding: 3px 0 0 8px;
}
#chapel-contact ul.area_list li .info p {
margin-top: 3px;
font-size: 10px;
line-height: 1.4em;
}
#chapel-contact ul.area_list li ul.btn {margin-top: 5px;}
#chapel-contact ul.area_list li ul.btn li a {
padding: 7px 0;
font-size: 11px;
font-weight: bold;
}
}



/*--------------------------------------------------------------------------
fix-contact
---------------------------------------------------------------------------*/
#fix-contact {
width: 100%;
height: 60px;
display: none;
background: #fff;
position: fixed;
bottom: 0;
align-self: center;
z-index: 1000;
box-shadow: 0px -3px 8px -6px #c7c7c7;
}

@media screen and (max-width: 960px) {
#fix-contact.active {
display: block;
opacity: 1;
}
}

#fix-contact ul {
height: 100%;
}
#fix-contact ul li {
width: 33.3333%;
height: 100%;
position: relative;
}
#fix-contact ul li:nth-child(2)::before {
content: "";
display: block;
width: 1px;
height: 100%;
position: absolute;
top: 0;
left: 0;
background: #e4e4e4;
}
#fix-contact ul li a {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 1.2rem;
font-weight: 600;
}
#fix-contact ul li.reserve a {
background: #d49388;
color: #fff;
letter-spacing: 0;
}



/*--------------------------------------------------------------------------
footer
---------------------------------------------------------------------------*/
footer {
padding: 20px;
background: #fbf8f5;
}
footer .inner {
width: 96%;
margin: 0 auto;
}
footer .inner .logo {
width: 60px;
margin: 0 auto;
}
footer .inner .copy {
font-size: 1.4rem;
text-align: center;
font-family: "Shippori Mincho", serif;
font-weight: 400;
font-style: normal;
}
footer .inner ul.list {
max-width: 500px;
margin: 0 auto;
text-align: center;
}
footer .inner ul.list li {
display: inline-block;
padding-right: 15px;
}
footer .inner ul.list li:last-child {
padding-right: 0;
}
footer .inner ul.list li a {
font-size: 1.2rem;
-webkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
footer .inner ul.list li a:hover {
color: #aa9d80;
}
footer .inner .copyright {
font-size: 1rem;
font-family: "Gotu", sans-serif;
font-weight: 400;
font-style: normal;
text-align: center;
opacity: 0.5;
}
@media screen and (max-width: 768px) {
footer {
margin-bottom: 30px;
}
}