@charset "UTF-8";

:root {
--main-color: #600D18;
--sub-color: #4A90A4;
--accent-color: #F5A800;
--accent-color2: #FFBB00;
--bg-color: #F5F3EF;
--red-color: #B8000E;
}    .l-mv {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 590px;
background-color: #fdf0e2;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 1000px) {
.l-mv {
height: 690px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
overflow: visible;
}
}
.l-mv-img {
width: 90px;
position: absolute;
right: 0;
bottom: 0;
z-index: 9;
}
@media screen and (min-width: 640px) {
.l-mv-img {
width: 160px;
}
}
@media screen and (min-width: 768px) {
.l-mv-img {
width: 200px;
}
}
@media screen and (min-width: 1760px) {
.l-mv-img {
left: initial;
right: 0;
width: 265px;
}
} .l-mv-center-box {
width: auto;
margin-top: -50px;
margin-left: auto;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
position: relative;
z-index: 10;
}
@media screen and (min-width: 400px) {
.l-mv-center-box {
width: 390px;
}
}
@media screen and (min-width: 480px) {
.l-mv-center-box {
width: 470px;
}
}
@media screen and (min-width: 768px) {
.l-mv-center-box {
width: 500px;
}
}
@media screen and (min-width: 1000px) {
.l-mv-center-box {
width: 500px;
}
}
@media screen and (min-width: 1200px) {
.l-mv-center-box {
width: 730px;
margin-top: 0;
margin-left: -50px;
margin-right: -50px;
}
}
.l-mv-center-box-title {
max-width: 730px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
}
@media screen and (min-width: 1000px) {
.l-mv-center-box-title {
margin-bottom: 20px;
}
}
.l-mv-center-box-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
flex-wrap: wrap;
gap:20px;
}
.l-mv-center-box-items li {
width: 150px;
max-width: calc(50% - 10px);
}
@media screen and (min-width: 1000px) {
.l-mv-center-box-items li {
width: 340px;
}
} .swiper-container-mv-01 {
height: 140px;
position: relative;
}
@media screen and (min-width: 1000px) {
.swiper-container-mv-01 {
height: 690px;
width: 30%;
overflow-y: hidden;
}
}
.swiper-container-mv-01 .swiper-slide img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 140px;
max-width: inherit;
}
@media screen and (min-width: 1000px) {
.swiper-container-mv-01 .swiper-slide img {
height: 230px;
}
}
@media screen and (min-width: 1400px) {
.swiper-container-mv-01 .swiper-slide img {
height: 276px;
}
} .swiper-container-mv-02 {
height: 140px;
position: relative;
}
@media screen and (min-width: 1000px) {
.swiper-container-mv-02 {
height: 690px;
width: 30%;
overflow-y: hidden;
}
}
.swiper-container-mv-02 .swiper-slide img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 140px;
max-width: inherit;
}
@media screen and (min-width: 1000px) {
.swiper-container-mv-02 .swiper-slide img {
height: 230px;
}
}
@media screen and (min-width: 1400px) {
.swiper-container-mv-02 .swiper-slide img {
height: 276px;
}
}
.swiper-container-free-mode > .swiper-wrapper {
-webkit-transition-timing-function: linear !important;
-o-transition-timing-function: linear !important;
transition-timing-function: linear !important;
} .l-index-bnr {
padding: 20px 10px 20px;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media screen and (min-width: 400px) {
.l-index-bnr {
padding: 30px 20px 30px;
}
}
@media screen and (min-width: 768px) {
.l-index-bnr {
padding: 40px 20px 40px;
}
}
@media screen and (min-width: 1000px) {
.l-index-bnr {
padding: 70px 20px 60px;
}
}
@media screen and (min-width: 768px) {
.m-btn-bnr-01 {
position: absolute;
right: 15px;
bottom: 15px;
}
}
.m-btn-bnr-01 a {
width: 240px;
}
@media screen and (min-width: 768px) {
.m-btn-bnr-01 a {
width: auto;
}
}
.l-index-bnr-item-01-link {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
}
.l-index-bnr-item-02 {
max-width: 530px;
margin-left: auto;
margin-right: auto;
margin-bottom: 5px;
background-color: #3c2109;
border-radius: 3px;
position: relative;
overflow: hidden;
}
@media screen and (min-width: 768px) {
.l-index-bnr-item-02 {
max-width: 940px;
margin-bottom: 20px;
}
}
@media screen and (min-width: 1000px) {
.l-index-bnr-item-02 {
margin-bottom: 30px;
}
}
.l-index-bnr-item-02 h2 {
font-size: 1.4rem;
color: #fff;
letter-spacing: 0em;
text-align: center;
padding: 5px 5px 5px;
}
@media screen and (min-width: 768px) {
.l-index-bnr-item-02 h2 {
padding: 9px 5px 9px;
}
}
@media screen and (min-width: 1000px) {
.l-index-bnr-item-02 h2 {
font-size: 1.5rem;
}
}
.l-index-bnr-item-02 h2 span {
padding-left: 17px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/index/mv_bnr04_icon.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 12px;
}
.l-index-bnr-item-02-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;
margin: 0 3px 3px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/index/mv_bnr04_bg.png);
background-size: cover;
background-position: right bottom;
background-color: #fff;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
@media screen and (min-width: 768px) {
.l-index-bnr-item-02-wrap {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
padding-top: 0;
padding-left: 20px;
padding-right: 20px;
background-size: auto 120px;
}
}
@media screen and (min-width: 1000px) {
.l-index-bnr-item-02-wrap {
padding-left: 30px;
}
}
.l-index-bnr-item-02-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.l-index-bnr-item-02-text-01 {
max-width: 120px;
margin-bottom: -10px;
}
@media screen and (min-width: 480px) {
.l-index-bnr-item-02-text-01 {
max-width: 150px;
}
}
@media screen and (min-width: 768px) {
.l-index-bnr-item-02-text-01 {
max-width: 200px;
margin-bottom: 10px;
margin-top: 10px;
}
}
@media screen and (min-width: 1000px) {
.l-index-bnr-item-02-text-01 {
max-width: 234px;
margin-top: 0;
margin-bottom: 0;
}
}
.l-index-bnr-item-02-text-02 {
max-width: 295px;
}
.l-index-bnr-item-02-text-03 {
max-width: 294px;
margin-top: 0;
}
@media screen and (min-width: 768px) {
.l-index-bnr-item-02-text-03 {
margin-top: -25px;
}
}
@media screen and (min-width: 1000px) {
.l-index-bnr-item-02-text-03 {
margin-top: -35px;
}
}
.l-index-bnr-item-02 a {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
} .l-index-mv-under-bnr {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap:40px;
width: 1040px;
max-width: 100%;
padding: 80px 20px;
margin: 0 auto;
}
.l-index-mv-under-bnr.l-index-mv-under-bnr--pd-none{
padding-top: 0;
padding-bottom: 0;
}
.l-lower-halls-box-single-top ~ .l-index-mv-under-bnr{
padding-bottom: 20px;
}
.l-index-mv-under-bnr-item{
width: calc(50% - 20px);
max-width: 500px;
transition: .3s;
}
.l-index-mv-under-bnr-item--item03{
width: 625;
max-width: 100%;
margin-top: 10px;
}
@media (hover: hover) {
.l-index-mv-under-bnr-item:hover{
opacity: .6;
}
}
@media(max-width:1000px){
.l-index-mv-under-bnr{
padding: 40px 20px;
}
.l-index-mv-under-bnr-item{
width: 800px;
max-width:100%;
}
.l-index-mv-under-bnr-item--item03{
order: 1;
}
.l-index-mv-under-bnr-item--item01{
order: 2;
}
.l-index-mv-under-bnr-item--item02{
order: 3;
}
}
@media(max-width:768px){
.l-index-mv-under-bnr{
padding: 40px 0;
}
} .l-index-bnr-01,
.l-index-bnr-02 {
max-width: 940px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
@media screen and (min-width: 480px) {
.l-index-bnr-01,
.l-index-bnr-02 {
margin-bottom: 30px;
}
}
.disp_sp__tel{
margin: 0 auto;
}
.l-index-bnr-01 .l-index-bnr-01__box{
border: 5px solid #610f16;
border-radius: 3px;
background-color: #fff!important;
}
.l-index-bnr-01 .l-index-bnr-01__box a{
display: block;
}
.l-index-bnr-01 .l-index-bnr-01__box a .flexbox{
display: flex;
background-color: #ffffff;
}
.l-index-bnr-01 .l-index-bnr-01__box a .flexbox_left{
background-color: #fdf0e2;
}
.l-index-bnr-01 .l-index-bnr-01__box a .flexbox .telno{
width: 400px;
text-align: center;
margin: 0 auto;
color: #4e2b06;
text-decoration: none;
font-size: 32px;
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
"Noto Sans JP",
Meiryo,
sans-serif;
font-weight: 900;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/index/mv_bnr01_01_icon.png);
background-repeat: no-repeat;
background-size: 60px;
background-position: left center;
padding-left: 0px;
}
.l-index-bnr-01 .l-index-bnr-01__box a .flexbox .telno span{
font-size: 36px;
} .l-index-bnr-corona {
max-width: 530px;
width: auto;
margin-left: auto;
margin-right: auto;
border-radius: 3px;
border: 3px solid #ffe400;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.l-index-bnr-corona {
max-width: 940px;
}
}
.l-index-bnr-corona h2 {
font-size: 1.7rem;
font-weight: 500;
color: #b8000e;
text-align: center;
line-height: 1.2;
padding: 12px 10px 15px;
background-color: #ffe400;
}
.l-index-bnr-corona h2 i {
margin-right: 5px;
}
.l-index-bnr-corona-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 25px 15px 15px;
}
.l-index-bnr-corona p {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
margin-bottom: 20px;
}
.l-index-bnr-corona ol {
text-indent: -16px;
margin-left: 16px;
}
.l-index-bnr-corona ol li {
font-size: 1.5rem;
line-height: 1.4;
margin-bottom: 10px;
}
.l-index-bnr-corona ol li span {
font-weight: 500;
color: #b8000e;
} .l-main-box {
padding-top: 40px;
padding-bottom: 40px;
}
@media screen and (min-width: 768px) {
.l-main-box {
padding-top: 60px;
padding-bottom: 60px;
}
} .l-index-title-box {
margin-bottom: 30px;
}
@media screen and (min-width: 768px) {
.l-index-title-box {
margin-bottom: 45px;
}
}
.l-index-title {
font-size: 2.4rem;
font-weight: 700;
color: #610f16;
line-height: 1.2;
text-align: center;
margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
.l-index-title {
font-size: 3.4rem;
margin-bottom: 20px;
}
}
.l-index-desc {
font-size: 1.6rem;
max-width: 500px;
margin-left: auto;
margin-right: auto;
} .l-index-title-sub-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1000px;
padding: 40px 10px 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
border-top: 1px solid #f7e7d7;
}
@media screen and (min-width: 1000px) {
.l-index-title-sub-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.l-index-title-sub {
font-size: 2.4rem;
font-weight: 700;
color: #610f16;
line-height: 1.2;
text-align: center;
margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
.l-index-title-sub {
font-size: 3.4rem;
margin-bottom: 20px;
}
}
.l-index-desc-sub {
font-size: 1.6rem;
max-width: 560px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 1000px) {
.l-index-desc-sub {
margin-left: 20px;
margin-right: 0;
}
} .l-main-box.l-index-hall {
padding-left: 10px;
padding-right: 10px;
}
@media screen and (min-width: 480px) {
.l-main-box.l-index-hall {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 1200px) {
.l-main-box.l-index-hall {
padding-top: 0;
}
}
@media screen and (min-width: 1200px) {
.l-index-hall-inner {
max-width: 1400px;
padding-top: 60px;
margin-left: auto;
margin-right: auto;
}
}
.l-index-hall-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 480px) {
.l-index-hall-item {
margin-bottom: 5px;
}
}
@media screen and (min-width: 768px) {
.l-index-hall-item {
margin-bottom: 10px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.l-index-hall-item li {
max-width: 49.2%;
position: relative;
border-radius: 3px;
background-color: #fff;
margin-bottom: 10px;
}
@media screen and (min-width: 480px) {
.l-index-hall-item li {
max-width: 48.5%;
margin-left: 2.5px;
margin-right: 2.5px;
}
}
@media screen and (min-width: 768px) {
.l-index-hall-item li {
max-width: 48.5%;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
}
}
@media screen and (min-width: 1000px) {
.l-index-hall-item li {
max-width: 340px;
width: 32%;
}
}
.l-index-hall-item li p img {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.l-index-hall-item li h3 {
font-size: 1.5rem;
color: #610f16;
text-align: center;
line-height: 1.2;
padding-top: 7px;
padding-bottom: 7px;
}
@media screen and (min-width: 768px) {
.l-index-hall-item li h3 {
font-size: 1.8rem;
}
}
.l-index-hall-item li h3 span {
padding-left: 20px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
}
.l-index-hall-item li a {
position: absolute;
top: 0;
left: 0;
z-index: 1;
height: 100%;
width: 100%;
}
.l-index-hall-item-02 {
max-width: 1060px;
}
.l-index-hall-item-02 li {
max-width: 49.2%;
position: relative;
border-radius: 3px;
background-color: #fff;
margin-bottom: 10px;
}
@media screen and (min-width: 480px) {
.l-index-hall-item-02 li {
max-width: 48.5%;
margin-left: 2.5px;
margin-right: 2.5px;
}
}
@media screen and (min-width: 768px) {
.l-index-hall-item-02 li {
max-width: 48.5%;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
}
}
@media screen and (min-width: 1000px) {
.l-index-hall-item-02 li {
max-width: 340px;
width: 32%;
}
}
.l-index-hall-item-02 li h3 {
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;
font-size: 1.8rem;
line-height: 1.2;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.l-index-hall-item-02 li h3 span {
padding-left: 20px;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png);
background-repeat: no-repeat;
background-size: 12px;
background-position: left center;
} .l-index-plan{
padding-top: 40px;
background: #fff;
}
.l-index-plan .l-index-title-box {
padding-left: 10px;
padding-right: 10px;
}
@media screen and (min-width: 480px) {
.l-index-plan .l-index-title-box {
padding-left: 20px;
padding-right: 20px;
}
}
.l-index-plan-img img {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.l-index-plan-item-inner {
padding: 10px 15px 20px;
}
.l-index-plan-name-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
.l-index-plan-name {
width: 30%;
max-width: 80px;
}
.l-index-plan-desc {
width: 70%;
font-size: 1.3rem;
line-height: 1.6;
margin-left: 10px;
}
@media screen and (min-width: 768px) {
.l-index-plan-desc {
font-size: 1.5rem;
}
}
@media screen and (min-width: 1000px) {
.l-index-plan-desc {
max-width: 185px;
}
}
.l-index-plan-seats {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
padding: 10px;
margin-bottom: 10px;
border-radius: 3px;
background-color: #fff4f1;
}
.l-index-plan-seats dt {
font-size: 1.2rem;
color: #610f16;
padding: 3px;
border-radius: 3px;
background-color: #fff;
}
@media screen and (min-width: 480px) {
.l-index-plan-seats dt {
font-size: 1.4rem;
}
}
.l-index-plan-seats dd {
font-size: 1.2rem;
margin-left: 10px;
}
@media screen and (min-width: 480px) {
.l-index-plan-seats dd {
font-size: 1.4rem;
}
}
.l-index-plan-price-02 {
margin-bottom: 15px;
}
.l-index-plan-price-01,
.l-index-plan-price-02 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
line-height: 1.2;
}
.l-index-plan-price dt span {
font-size: 1rem;
padding: 0 5px;
border-radius: 3px;
}
@media screen and (min-width: 768px) {
.l-index-plan-price dt span {
font-size: 1.2rem;
}
}
.l-index-plan-price-01 dt {
color: #faeae5;
}
.l-index-plan-price-01 dt span {
color: #610f16;
background-color: #faeae5;
}
@media screen and (min-width: 768px) {
.l-index-plan-price-01 dt::after {
content: "・・・";
font-size: 1.6rem;
letter-spacing: -0.5em;
}
}
.l-index-plan-price-02 dt {
color: #f77433;
}
.l-index-plan-price-02 dt span {
color: #fff;
background-color: #f77433;
}
@media screen and (min-width: 768px) {
.l-index-plan-price-02 dt::after {
content: "・・・";
font-size: 1.6rem;
letter-spacing: -0.5em;
}
}
.l-index-plan-price dd {
color: #610f16;
}
.l-index-plan-price-01 dd {
font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
.l-index-plan-price-01 dd {
font-size: 2.2rem;
}
}
.l-index-plan-price-02 dd {
font-size: 2.2rem;
font-weight: 700;
color: #f05001;
}
@media screen and (min-width: 768px) {
.l-index-plan-price-02 dd {
font-size: 3rem;
}
}
.l-index-plan-price dd span {
font-size: 1.2rem;
} .l-swiper-wrap .l-swiper {
position: relative;
margin-left: auto;
margin-right: auto;
}
.l-swiper-wrap {
overflow: hidden;
padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.l-swiper-wrap {
padding-left: 20px;
padding-right: 20px;
}
}
.l-swiper {
position: relative;
margin-left: auto;
margin-right: auto;
}
.swiper-container {
width: 100%;
height: 100%;
overflow: visible;
}
.swiper-pagination {
bottom: -7% !important;
}
@media screen and (min-width: 768px) {
.swiper-pagination {
bottom: -30px !important;
}
}
.swiper-pagination-bullet {
background-color: #e6d6d7;
opacity: 1 !important;
}
.swiper-pagination-bullet-active {
background-color: #610f16;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 8px !important;
}
.swiper-button-prev {
left: 10px !important;
top: inherit !important;
bottom: 46% !important;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_left.png);
background-repeat: no-repeat;
background-size: 35px;
width: 35px;
height: 35px;
}
@media screen and (min-width: 768px) {
.swiper-button-prev {
left: 10% !important;
}
}
.swiper-button-next {
right: 10px !important;
top: inherit !important;
bottom: 46% !important;
background-image: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_right.png);
background-repeat: no-repeat;
background-size: 35px;
width: 35px;
height: 35px;
}
@media screen and (min-width: 768px) {
.swiper-button-next {
right: 10% !important;
}
}
.swiper-slide {
position: relative;
}
.swiper-slide img {
margin-bottom: 0;
}
@media screen and (min-width: 1000px) {
.swiper-container-01 .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
}
.swiper-container-01 .swiper-slide {
border-radius: 3px;
background-color: #fff;
}
@media screen and (min-width: 1000px) {
.swiper-container-01 .swiper-slide {
max-width: 32%;
}
}
@media screen and (min-width: 1000px) {
.swiper-container-01 .swiper-pagination {
display: none;
}
}
@media screen and (min-width: 1000px) {
.swiper-container-01 .swiper-button-prev {
display: none;
}
}
@media screen and (min-width: 1000px) {
.swiper-container-01 .swiper-button-next {
display: none;
}
} .l-index-feature .l-index-title-box {
padding-left: 10px;
padding-right: 10px;
}
@media screen and (min-width: 480px) {
.l-index-feature .l-index-title-box {
padding-left: 20px;
padding-right: 20px;
}
}
.l-index-title-feature {
font-size: 3.4rem;
}
@media screen and (min-width: 768px) {
.l-index-title-feature {
font-size: 5.4rem;
}
}
.l-index-feature-number {
font-size: 2.2rem;
font-weight: 500;
text-align: center;
margin-top: -23px;
}
@media screen and (min-width: 768px) {
.l-index-feature-number {
margin-top: -28px;
}
}
.l-index-feature-number span {
display: inline-block;
width: 40px;
height: 40px;
font-size: 1.8rem;
line-height: 2.2;
color: #fff;
margin-bottom: 10px;
border-radius: 30px;
background-color: #bd9ea0;
}
@media screen and (min-width: 768px) {
.l-index-feature-number span {
width: 50px;
height: 50px;
font-size: 2.2rem;
line-height: 2.3;
margin-bottom: 15px;
}
}
.l-index-feature-title {
font-size: 1.8rem;
color: #610f16;
line-height: 1.2;
text-align: center;
margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.l-index-feature-title {
margin-bottom: 20px;
}
}
.l-index-feature-img {
padding: 3px;
} .l-swiper-wrap.l-swiper-wrap-02 {
padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.l-swiper-wrap.l-swiper-wrap-02 {
padding-bottom: 0;
}
}
@media screen and (min-width: 768px) {
.swiper-container-02 .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
}
.swiper-container-02 .swiper-slide {
margin-top: 30px;
border-radius: 3px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.swiper-container-02 .swiper-slide {
max-width: 19%;
}
}
.swiper-container-02 .swiper-pagination {
bottom: -10% !important;
}
@media screen and (min-width: 768px) {
.swiper-container-02 .swiper-pagination {
display: none;
}
}
@media screen and (min-width: 768px) {
.swiper-container-02 .swiper-button-prev {
display: none;
}
}
@media screen and (min-width: 768px) {
.swiper-container-02 .swiper-button-next {
display: none;
}
} .l-index-gallery .l-index-title-box {
padding-left: 10px;
padding-right: 10px;
}
@media screen and (min-width: 480px) {
.l-index-gallery .l-index-title-box {
padding-left: 20px;
padding-right: 20px;
}
}
.l-index-gallery-title {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.2;
color: #610f16;
margin-top: 10px;
margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
.l-index-gallery-title {
font-size: 1.6rem;
}
}
.l-index-gallery-title a {
font-size: 1.2rem;
font-weight: 500;
color: #610f16;
text-decoration: none;
padding: 0 5px;
margin-left: 5px;
border-radius: 3px;
background-color: #faeae5;
}
@media screen and (min-width: 768px) {
.l-index-gallery-title a {
font-size: 1.3rem;
}
}
.l-index-gallery-text {
font-size: 1.3rem;
line-height: 1.4;
margin-bottom: 5px;
}
@media screen and (min-width: 768px) {
.l-index-gallery-text {
font-size: 1.5rem;
margin-bottom: 10px;
}
}
.lb-cancel {
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/lightbox2/loading.gif) no-repeat;
background-size: 33px auto !important;
width: 33px;
height: 33px;
}
.lb-nav a.lb-prev {
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/lightbox2/prev.png) left 48% no-repeat !important;
background-size: 50px auto !important;
}
.lb-nav a.lb-next {
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/lightbox2/next.png) right 48% no-repeat !important;
background-size: 50px auto !important;
}
.lb-data .lb-close {
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/lightbox2/close.png) top right no-repeat !important;
background-size: 30px auto !important;
}
.lb-outerContainer {
border-radius: 0 !important;
}
.lightbox .lb-image {
border-radius: 0 !important;
border: none !important;
}
.lightbox-pc {
display: none;
}
@media screen and (min-width: 768px) {
.lightbox-pc {
display: block;
}
}
.lightbox-sp {
display: block;
}
@media screen and (min-width: 768px) {
.lightbox-sp {
display: none;
}
}
html.lb-disable-scrolling {
overflow: hidden;
position: static;
height: 100vh;
width: 100vw;
} .swiper-container-03 .swiper-pagination {
bottom: -12% !important;
}
@media screen and (min-width: 400px) {
.swiper-container-03 .swiper-pagination {
bottom: -10% !important;
}
}
@media screen and (min-width: 480px) {
.swiper-container-03 .swiper-pagination {
bottom: -9% !important;
}
}
@media screen and (min-width: 768px) {
.swiper-container-03 .swiper-pagination {
bottom: -10% !important;
}
}
@media screen and (min-width: 1200px) {
.swiper-container-03 .swiper-pagination {
bottom: -7% !important;
}
}
.swiper-container-03 .swiper-button-prev {
left: 10px !important;
}
@media screen and (min-width: 768px) {
.swiper-container-03 .swiper-button-prev {
left: 10% !important;
}
}
@media screen and (min-width: 1000px) {
.swiper-container-03 .swiper-button-prev {
left: 20% !important;
}
}
.swiper-container-03 .swiper-button-next {
right: 10px !important;
}
@media screen and (min-width: 768px) {
.swiper-container-03 .swiper-button-next {
right: 10% !important;
}
}
@media screen and (min-width: 1000px) {
.swiper-container-03 .swiper-button-next {
right: 20% !important;
}
} .l-index-member .l-index-title-box {
padding-left: 10px;
padding-right: 10px;
margin-bottom: 32px;
}
.l-index-member .l-index-title span{
font-size: 5rem;
margin-bottom: 40px;
}
.l-index-member .l-index-desc{
text-align: center;
font-size: 2.4rem;
color: #610f16;
}
.l-index-member-box{
display:block;
width: 800px;
max-width: 100%;
margin: 0 auto;
}
.l-index-member-box__image{
width: 100%;
max-width:420px;
margin: 0 auto 20px;
}
.l-index-member-box__inner{
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
gap:20px;
width: 100%;
margin-bottom: 20px;
}
.l-index-member-box__content{
width: calc(50% - 46px);
}
.l-index-member-box__content--left{
position: relative;
}
.l-index-member-box__content--left:after{
content: '';
display: block;
width: 46px;
height: 100%;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/index/main_ask_member_icon.svg)no-repeat center center / contain;
position: absolute;
top:0;
right: -46px;
}
.l-index-member-box__title{
display: flex;
align-content: center;
align-items: center;
flex-wrap: wrap;
font-size: 6.2rem;
font-weight: bold;
color: #610f16;
margin-bottom: 10px;
}
.l-index-member-box__title-large{
display: block;
line-height: 1;
font-size: 6.4rem;
margin-top: -13px;
}
.l-index-member-box__title-red{
display: inline-block;
letter-spacing: -5px;
font-size: 11.2rem;
color: #FC2D16;
transform: translateY(7px);
}
.l-index-member-box__title-unit{
display: inline-block;
letter-spacing: 0;
font-size: 6.9rem;
color: #610f16;
margin-left: 3px;
}
.l-index-member-box__title-catch{
display: block;
width: 100%;
line-height: 1.1;
font-size: 3.2rem;
font-weight: bold;
}
.l-index-member-box__title-catch-large{
display: inline-block;
font-size: 3.6rem;
color: #FC2D16;
}
.l-index-member-box__title-catch-small{
font-size: 2.9rem;
color: #610f16;
}
.l-index-member__text{
display: block;
width: 100%;
font-size: 1.7rem;
}
.l-index-member .m-btn-01{
margin-top:50px;
}
.l-index-member .m-btn-01 a{
font-size: 2.6rem;
}
.l-index-member .m-btn-01 a span{
padding: 0 36px 0 0 ;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png)no-repeat top 10px right / 20px;
}
@media(max-width:768px){
.l-index-member-inner .l-index-title{
line-height: 1.3;
}
.l-index-member .l-index-title-box {
margin-bottom: 17px;
}
.l-index-member .l-index-title span{
line-height: 1.2;
font-size: 3rem;
}
.l-index-member .l-index-desc{
font-size: 1.7rem;
}
.l-index-member-box{
display: block;
padding: 0 20px;
}
.l-index-member-box__image{
width: 80;
max-width: 420px;
margin: 0 auto 20px;
}
.l-index-member-box__inner{
display: block;
width: 100%;
}
.l-index-member-box__content{
width: 100%;
}
.l-index-member-box__content--left{
margin-bottom: 80px;
}
.l-index-member-box__content--left:after{
width: 100%;
height:40px;
top:auto;
left: 0;
right:0;
bottom: -60px;
margin: 0 auto;
}
.l-index-member-box__title{
text-align: center;
font-size: 3.1rem;
margin-bottom: 10px;
}
.l-index-member-box__title-large{
font-size: 5.4rem;
margin-left: auto;
margin-right: auto;
}
.l-index-member-box__title-red{
font-size: 8rem;
}
.l-index-member-box__title-unit{
font-size: 5.4rem;
}
.l-index-member-box__title-catch{
font-size: 2.8rem;
}
.l-index-member-box__title-catch-large{
font-size: 3.2rem;
}
.l-index-member-box__title-catch-small{
font-size: 2.5rem;
}
.l-index-member__text{
font-size: 1.6rem;
}
.l-index-member .m-btn-01{
margin-top:30px;
}
.l-index-member .m-btn-01 a{
font-size: 1.8rem;
}
.l-index-member .m-btn-01 a span{
padding: 0 30px 0 0 ;
background:url(//asuka-kaikan.com/wp/wp-content/themes/asuka/img/common/cmn_icon_arrow_brown.png)no-repeat center right / 18px;
}
} .l-swiper-wrap.l-swiper-wrap-04 {
padding-bottom: 30px;
}
@media screen and (min-width: 768px) {
.l-swiper-wrap.l-swiper-wrap-04 {
padding-bottom: 0;
}
}
@media screen and (min-width: 768px) {
.swiper-container-04 .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
}
.swiper-container-04 .swiper-slide {
border-radius: 3px;
background-color: #fff;
}
@media screen and (min-width: 768px) {
.swiper-container-04 .swiper-slide {
max-width: 32.5%;
}
}
.swiper-container-04 .swiper-pagination {
bottom: -10% !important;
}
@media screen and (min-width: 768px) {
.swiper-container-04 .swiper-pagination {
display: none;
}
}
@media screen and (min-width: 768px) {
.swiper-container-04 .swiper-button-prev {
display: none;
}
}
@media screen and (min-width: 768px) {
.swiper-container-04 .swiper-button-next {
display: none;
}
} .l-index-trend-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 1040px;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 480px) {
.l-index-trend-inner {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 768px) {
.l-index-trend-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.l-index-trend-img-box {
width: 100%;
margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
.l-index-trend-img-box {
width: 50%;
margin-bottom: 0;
}
}
.l-index-trend-title-box {
width: 100%;
}
@media screen and (min-width: 768px) {
.l-index-trend-title-box {
width: 50%;
}
}
.l-index-trend .l-index-title-box {
padding-left: 0;
padding-right: 0;
}
@media screen and (min-width: 768px) {
.l-index-trend .l-index-title-box {
padding-left: 20px;
padding-right: 20px;
}
}
.l-index-trend .l-index-title {
font-size: 2.4rem;
font-weight: 700;
color: #610f16;
line-height: 1.2;
text-align: center;
margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
.l-index-trend .l-index-title {
margin-bottom: 20px;
}
}
@media screen and (min-width: 1000px) {
.l-index-trend .l-index-title {
font-size: 2.8rem;
}
}
.l-index-trend .l-index-desc {
max-width: 420px;
margin-bottom: -10px;
} .l-index-other .l-index-title-box {
padding-left: 10px;
padding-right: 10px;
}
@media screen and (min-width: 480px) {
.l-index-other .l-index-title-box {
padding-left: 20px;
padding-right: 20px;
}
}
.l-index-other-title {
font-size: 1.5rem;
color: #610f16;
text-align: center;
padding-top: 15px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
.l-index-other-title {
font-size: 1.6rem;
}
}
@media screen and (min-width: 1000px) {
.l-index-other-title {
font-size: 1.8rem;
}
}
.l-index-other-img {
width: 130px;
height: 130px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.l-index-other-text {
font-size: 1.3rem;
line-height: 1.6;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 15px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.l-index-other .m-btn-03 {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
} .l-swiper-wrap.l-swiper-wrap-05 {
padding-bottom: 30px;
}
@media screen and (min-width: 1000px) {
.l-swiper-wrap.l-swiper-wrap-05 {
padding-bottom: 0;
}
}
@media screen and (min-width: 1000px) {
.swiper-container-05 .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: center;
gap:1%;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
}
.swiper-container-05 .swiper-slide {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: auto;
border-radius: 3px;
background-color: #fff;
}
@media screen and (min-width: 1000px) {
.swiper-container-05 .swiper-slide {
max-width: 19%;
}
}
.swiper-container-05 .swiper-pagination {
bottom: -10% !important;
}
@media screen and (min-width: 1000px) {
.swiper-container-05 .swiper-pagination {
display: none;
}
}
@media screen and (min-width: 1000px) {
.swiper-container-05 .swiper-button-prev {
display: none;
}
}
@media screen and (min-width: 1000px) {
.swiper-container-05 .swiper-button-next {
display: none;
}
} .l-index-feed-inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 1040px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 768px) {
.l-index-feed-inner {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-pack: distribute;
justify-content: space-around;
}
}
.l-index-feed-box {
width: 100%;
padding-left: 10px;
padding-right: 10px;
margin-left: auto;
margin-right: auto;
}
@media screen and (min-width: 480px) {
.l-index-feed-box {
max-width: 480px;
padding-left: 20px;
padding-right: 20px;
}
}
.l-index-feed-news {
margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
.l-index-feed-news {
margin-bottom: 0;
}
}
.l-index-feed-box h2 {
font-size: 2.4rem;
color: #610f16;
text-align: center;
margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
.l-index-feed-box h2 {
font-size: 2.8rem;
margin-bottom: 20px;
}
}
.l-index-feed-box dl {
line-height: 1.4;
margin-bottom: 25px;
}
@media screen and (min-width: 768px) {
.l-index-feed-box dl {
margin-bottom: 30px;
}
}
.l-index-feed-box dl div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px 10px;
border-top: 1px solid #f9e7e3;
}
@media screen and (min-width: 480px) {
.l-index-feed-box dl div {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
.l-index-feed-box dl div:last-of-type {
border-bottom: 1px solid #f9e7e3;
}
.l-index-feed-box dl dt {
min-width: 120px;
font-size: 1.2rem;
margin-bottom: 5px;
}
@media screen and (min-width: 480px) {
.l-index-feed-box dl dt {
margin-bottom: 0;
}
}
.l-index-feed-box dl dt a {
color: #610f16;
}
.l-index-feed-box dl dt span {
padding-left: 3px;
padding-right: 3px;
background-color: #e6d6d7;
}
.l-index-feed-box dl dd {
font-size: 1.4rem;
}
.l-index-feed-box dl a {
text-decoration: none;
}
.l-index-feed-box .m-btn-03 a {
max-width: 170px;
} .l-index-plancard__list{
display: flex;
justify-content: center;
flex-wrap: wrap;
gap:33px;
max-width: 1100px;
margin:60px auto;
}
.l-index-plancard__list--mt-none{
margin-top: 0;
}
.l-index-plancard__list-item{
display: block;
width: calc(100% / 3 - 22px);
border: solid 4px var(--sub-color);
border-radius: 10px;
}
.l-index-plancard__list-item-catch{
padding: 6px 5px 10px;
background: var(--sub-color);
text-align: center;
line-height: 1;
font-size: 1.7rem;
font-weight: bold;
color: #fff;
}
.l-index-plancard__list-item-title{
padding: 2px 15px 10px;
border-radius: 10px 10px 0 0;
background: #fff;
text-align: center;
line-height: 1;
font-size: 4.2rem;
font-weight: bold;
color: var(--sub-color);
}
.l-index-plancard__list-item-title--sp{
display: none;
}
.l-index-plancard__list-item-title span{
line-height: 1;
font-size: 4.8rem;
}
.l-index-plancard__list-item-image{
margin-bottom: 20px;
}
.l-index-plancard__list-item-flow{
display: flex;
justify-content: flex-start;
width: calc(100% - 40px);
gap:8px;
margin: 0 auto 18px;
}
.l-index-plancard__list-item-flow-item{
display: flex;
justify-content: center;
align-content: center;
align-items: center;
width: calc(25% - 6px);
padding: 6px;
border-radius: 5px;
background: var(--sub-color);
text-align: center;
font-weight: bold;
color: #fff;
line-height: 1.2;
position: relative;
}
.l-index-plancard__list-item-flow-item:before{
content: '';
display: block;
width: 20px;
height: 100%;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/page/plan-arrow01.svg)no-repeat center center / contain;
position: absolute;
top:0;
right: -18px;
z-index: 2;
}
.l-index-plancard__list-item-flow-item:last-of-type:before{
display: none;
}
.l-index-plancard__list-item-price{
width: calc(100% - 40px);
text-align: right;
line-height: 1;
margin: 0 auto 16px;
}
.l-index-plancard__list-item-price span{
display: inline-block;
line-height: 1;
font-size: 1.4rem;
font-weight: 500;
color: var(--sub-color);
margin-top: 3px;
}
.l-index-plancard__list-item .c-button{
width: calc(100% - 40px);
margin: 0 auto 35px;
}
.l-index-plancard__list-item .c-button-link{
width: 100%;
padding:17px 15px 15px;
border-radius: 100px;
}
.l-index-plancard__list-item .c-button-text{
font-size: 2.4rem;
}
.l-index-plancard__list-item--orange{
border: solid 4px #ED8432;
}
.l-index-plancard__list-item--orange .l-index-plancard__list-item-catch{
background: #ED8432;
}
.l-index-plancard__list-item--orange .l-index-plancard__list-item-title{
color: #ED8432;
}
.l-index-plancard__list-item--orange .l-index-plancard__list-item-flow-item{
background: #ED8432;
}
.l-index-plancard__list-item--orange .l-index-plancard__list-item-flow-item:before{
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/page/plan-arrow02.svg)no-repeat center center / contain;
}
.l-index-plancard__list-item--orange .l-index-plancard__list-item-price span{
color: #ED8432;
}
.l-index-plancard__list-item--brown{
border: solid 4px #600D18;
}
.l-index-plancard__list-item--brown .l-index-plancard__list-item-catch{
background: #600D18;
}
.l-index-plancard__list-item--brown .l-index-plancard__list-item-title{
color:#600D18;
}
.l-index-plancard__list-item--brown .l-index-plancard__list-item-flow-item{
background: #600D18;
}
.l-index-plancard__list-item--brown .l-index-plancard__list-item-flow-item:before{
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/page/plan-arrow03.svg)no-repeat center center / contain;
}
.l-index-plancard__list-item--brown .l-index-plancard__list-item-price span{
color: #600D18;
}
.l-index-plancard__list-item--green {
width: 548px;
border: solid 4px #7C8B45;
}
.l-index-plancard__list-item--green .l-index-plancard__list-item-catch{
background: #7C8B45;
}
.l-index-plancard__list-item-inner{
display: flex;
gap:3%;
padding: 10px 18px 18px;
}
.l-index-plancard__list-item-inner .l-index-plancard__list-item-image{
width: 52%;
margin-bottom: 0;
}
.l-index-plancard__list-item-inner-box{
width: 45%;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-title{
padding: 0;
font-size: 3rem;
color:#7C8B45;
margin-top: -2px;
margin-bottom: 8px;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-flow{
gap:4px;
width: 100%;
position: relative;
margin-bottom: 8px;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-flow:before{
content: '';
display: block;
width: calc(50% + 12px);
height: 100%;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/page/plan-arrow04.svg)no-repeat center bottom / contain;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
z-index: 2;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-flow-item{
width: calc(25% - 2px);
padding: 3px;
background: #7C8B45;
font-size: 1.1rem;
z-index: 1;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-flow-item:nth-child(1){
border-radius:5px 5px 0 5px;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-flow-item:nth-child(2),
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-flow-item:nth-child(3){
background: #D4D4D4;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-flow-item::before{
display: none;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-price{
width: calc(100% - 20px);
margin-bottom: 6px;
}
@media(max-width:1050px){ .l-index-plancard__list-item-flow{
width: calc(100% - 20px);
}
.l-index-plancard__list-item-flow-item{
font-size: 1.3vw;
}
.l-index-plancard__list-item .c-button-text{
font-size: 2rem;
}
}
@media(max-width:850px){ .l-index-plancard__list-item-title{
font-size: 3.2rem;
}
.l-index-plancard__list-item-title span{
font-size: 4rem;
}
.l-index-plancard__list-item-flow-item{
padding: 6px 2px;
font-size: 1.2vw;
}
.l-index-plancard__list-item .c-button-text{
font-size: 1.6rem;
}
}
@media(max-width:768px){
.l-index-plancard__list{
flex-wrap: wrap;
padding-left: 20px;
padding-right: 20px;
gap:20px;
margin-top: 40px;
margin-bottom: 0;
}
.l-index-plancard__list-item{
width: 100%;
}
.l-index-plancard__list-item-flow-item{
font-size: 1.6rem;
}
.l-index-plancard__list-item .c-button-text{
font-size: 2rem;
}
.l-index-plancard__list-item-inner{
flex-wrap: wrap;
padding: 0;
}
.l-index-plancard__list-item-inner .l-index-plancard__list-item-image{
width: 100%;
}
.l-index-plancard__list-item-inner-box{
width: 100%;
padding: 10px 18px 18px;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-flow-item{
font-size: 1.6rem;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-title{
margin-bottom: 12px;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-title--pc{
display: none;
}
.l-index-plancard__list-item-title--sp{
display: block;
color: #7C8B45;
padding: 10px 5px;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-flow{
margin-bottom: 18px;
}
.l-index-plancard__list-item-inner-box .l-index-plancard__list-item-price{
margin-bottom: 16px;
}
} .l-index-plancard .c-button-link{
display: inline-block;
padding:15px 20px 12px;
border-radius: 50px;
background: var(--sub-color);
text-align: center;
text-decoration: none;
box-shadow: 0 10px 0 0 #134D5D;
transition: .3s;
}
.l-index-plancard .c-button-link--orange{
background: #ED8432;
box-shadow: 0 10px 0 0 #B25D1B;
}
.l-index-plancard .c-button-link--brown{
background: #600D18;
box-shadow: 0 10px 0 0 #3B0008;
}
.l-index-plancard .c-button-text{
font-family: "Zen Kaku Gothic New", sans-serif;
line-height: 1;
font-size: 2.4rem;
font-weight: bold;
color: #fff;
position: relative;
}
.l-index-plancard .c-button-text::after{
position: absolute;
right: -20px;
top: 50%;
content: '';
transform: translateY(-45%);
width: 12px;
height: 25px;
background: url(//asuka-kaikan.com/wp/wp-content/themes/asuka/lp/img/common/icon-arrow-white.svg) no-repeat center center / 100% auto;
}
.l-index-plancard__list-item-inner-box .c-button{
width: 100%;
margin:0 auto;
}
.l-index-plancard__list-item-inner-box .c-button-link{
padding: 4px 20px;
background: #7C8B45;
box-shadow: 0 4px 0 0 #515E20;
}
.l-index-plancard__list-item-inner-box .c-button-text{
font-size: 1.7rem;
}
@media (min-width:769px) {
.l-index-plancard .c-button-link:hover{
opacity: .8;
box-shadow: 0 0 0 0 #000;
transform: translateY(10px);
}
.l-index-plancard__list-item-inner-box .c-button-link:hover{
opacity: .8;
box-shadow: 0 0 0 0 #000;
transform: translateY(4px);
}
}
@media(max-width:1000px){ .l-index-plancard .c-button-text{
font-size: 2.1rem;
}
}
@media(max-width:910px){ .l-index-plancard .c-button-text{
font-size:1.8rem;
}
}
@media(max-width:840px){ .l-index-plancard .c-button-link{
padding-left: 10px;
padding-right: 10px;
}
.l-index-plancard .c-button-text{
font-size:1.6rem;
}
}
@media(max-width:768px){ .l-index-plancard .c-button-link{
padding:15px 20px 11px;
box-shadow: 0 6px 0 0 #134D5D;
}
.l-index-plancard .c-button-link--orange{
box-shadow: 0 6px 0 0 #B25D1B;
}
.l-index-plancard .c-button-link--brown{
box-shadow: 0 6px 0 0 #3B0008;
}
.l-index-plancard .c-button-text{ font-size: min(6.0vw, 2.4rem);
}
.l-index-plancard__list-item-inner-box .c-button-link{
box-shadow: 0 6px 0 0 #515E20;
}
.l-index-plancard .c-button-text::after{
right: -20px;
width: 10px;
height: 20px;
}
}