@charset "utf-8";

/* ----------------------------------
plan
---------------------------------- */

#content_Wrap {
position: relative;
}

#content_Wrap figure {
position: relative;
height: fit-content;
}

.main_Wrap {
background: linear-gradient(to right,  rgb(30, 62, 27) 0%,rgba(47,94,41,1) 50%,rgb(30, 62, 27) 100%);
}
.main_Wrap .page_ttl{
position: absolute;
top: 25.55555556%;
left: 50%;
transform: translate(-50%,0);
width: fit-content;
text-shadow: 0px 0px 6px rgba(0,0,0,0.93);
}
.main_Wrap .page_ttl h3 {
color: #fff;
text-align: center;
font-size: clamp(26px, 2.7vw, 32.4px);
line-height: 1.5;
letter-spacing: 0.18em;
font-family: "Cinzel", serif;
}
.main_Wrap .page_ttl h4 {
color: #fff;
text-align: center;
font-size: clamp(12px, 1.125vw, 13.5px);
line-height: 1.5;
letter-spacing: 0.06mm;
}

/* ----------------------------------
plan (index)
---------------------------------- */
.plan_Wrap {
padding: 80px 0;
background: url(../img/bg_01.jpg) top center no-repeat;
background-size: cover;
}
.plan_Wrap .inner > h3 {
color:#000;
font-size: clamp(18px,2vw,24px);
line-height: 1.8;
letter-spacing: 0.15em;
text-align: center;
margin-bottom: 2.8em;
}

.plan_Wrap a {
display: block;
transition: .3s all;
}
.plan_Wrap a:hover {
opacity: .8;
filter: none;
}

.plan_Wrap .planBtn_List {
flex-wrap: wrap;
justify-content: center;
gap: 50px 5%;
}

.plan_Wrap .planBtn_List li {
width: calc((100% - 10%) / 3);
background: #fff;
}
.plan_Wrap .planBtn_List li.comingsoon {
pointer-events: none;
}
.plan_Wrap .planBtn_List li.comingsoon::before {
content: "coming soon";
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-size: clamp(18px, 1.75vw, 21px);
letter-spacing: 0.08em;
width: 100%;
height: 83.5%;
background: rgba(49, 39, 35, 0.95);
}

.with-btn {
position: relative;
padding: 0 0 40px;
}
.with-btn a{

}
.btn_plan {
position: absolute;
top: 0;
left: 62%;
transform: translate(0,-30%);
display: inline-block;
padding: 20px 0;
text-align: center;
background-color: #770b11;
color: #FFF;
font-size: 20px;
letter-spacing: 0.1em;
cursor: pointer;
outline: 1px solid #FFF;
outline-offset: -6px;
width: 90%;
max-width: 270px;
z-index: 5;
transition: 0.3s;
}

.btn_plan:hover {
opacity: 0.8;
}

.btn_plan::after {
content: '';
position: absolute;
left: 50%;
bottom: -5px;
transform: translateX(-50%);
width: 1px;
height: 20px;
background-color: #FFF;
z-index: 1;
}

.ttl_premium + .planBtn_List {
justify-content: center;
}
.plan_Wrap .planBtn_List li.btn_i,
.plan_Wrap .planBtn_List li.btn_h {
width: 40%;
max-width: 480px;
}

/* ----------------------------------
plan (detail)
---------------------------------- */
.planDetail_Wrap {
padding: 80px 0 80px;
background: url("../img/bg_01.jpg") center center repeat;
background-size: cover;
}
.planDetail_Wrap h4.ttl_premium {
margin-top: 0;
}

.planDetail_Contents {
background: url(../img/bg_detail.jpg) no-repeat top center / cover;
padding-bottom: 30px;
margin-bottom: 40px;
}
.planDetail_Contents--txt {
/* padding-left: 5%; */
/*width: 50%;*/
width: 40%;
}
.planDetail_Contents--txt .plan__head {
flex-direction: column;
margin-top: 30px;
}
.plan__head h3 {
color: #fff;
font-family: 'Cinzel', serif;
display: flex;
justify-content: center;
align-items:baseline;
font-size: clamp(43.2px,4.8vw,57.6px);
line-height: 1;
padding: 0.12em 0 0.1em;
background: #9a857b;
}

.plan__head h3 small {
font-size: 42%;
letter-spacing: 0.18em;
display: block;
margin-left: 0.18em;
}
.plan__head-detail {
display: flex;
flex-direction: column;
color: #2d2d2d;
padding: 10px 0 0 5%;
gap: 0.4em 0;
}
.plan__head-detail p {
font-size: 18px;
line-height: 1.25;
letter-spacing: 0.16em;
font-feature-settings: "palt";
}
.plan__head-detail p.ldk {
font-size: 38px;
letter-spacing: 0.14em;
}
.plan__copy {
padding-left: 5%;
font-size: 16px;
line-height: 1.7;
margin-top: 40px;
}
.plan__copy li {
padding-left: 1em;
text-indent: -1em;
margin-bottom: 1em;
}
.plan__copy li::before {
content: "";
display: inline-block;
width: 0.6em;
aspect-ratio: 1/1;
background: #1a2a44;
/* transform: rotate(45deg); */
vertical-align: middle;
margin-right: 0.5em;
}
.plan__copy li:last-child {
margin-bottom: 0;
}

.planDetail_Contents--txt .plan__copy {}

.planDetail_Contents--img {
/*width: 50%;*/
width: 60%;
padding: 4% 0 0;
}
.zumen{
margin: 0 auto;
}
/* .icon_river {
margin: 20px auto;
width: 70%;
max-width: 160px;
} */
.icon_hanrei {
margin: 20px auto;
width: 75%;
max-width: 280px;
}

.premium .planDetail_Contents--txt {
width: 100%;
padding: 0 5% 0 0;
display: flex;
gap: 50px;
}
.premium .planDetail_Contents--txt .plan__head {
width: 53%;
margin-top: 4%;
align-items: flex-start;
}
.premium .plan__head-detail p.ldk {
letter-spacing: 0.05em;
}
.premium .planDetail_Contents--txt .plan__copy {
width: 47%;
margin: 2.5% 0 0;
padding-left: 0;
}
.premium .planDetail_Contents--img {
width: 100%;
}
.htype .zumen {
width: 95%;
max-width: 979px;
}
.itype .zumen {
width: 98%;
max-width: 1510px;
}
/* 各タイプ個別設定 */

.planDetail_Btn {
width: 100%;
justify-content: center;
gap: 30px;
}
.planDetail_Btn li {
width: 280px;
height: fit-content;
}
.planDetail_Btn li a {
color: #fff;
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
font-size: 14px;
letter-spacing: 0.12em;
height: 55px;
transition: .3s;
}
.planDetail_Btn li a.print {
background: #b7a17b;
}
.planDetail_Btn li a.print img { width: 20px!important; }
.planDetail_Btn li a.back {
color:#3e3e3e;
background: #FFF;
}
/* .planDetail_Btn li a.back img { width: 15px!important; } */

.planDetail_Btn li a:hover { opacity: .7; }

.notes {
color: #000;
}

/*=============================
タブレット表示
=============================*/

@media (max-width: 1024px) and (min-width: 641px) {


.cap_Txt {
left: auto;
right: 5px;
}


/* 各タイプ個別設定 */
.htype .planDetail_Contents--txt {
flex-direction: column;
align-items: flex-start;
}
.htype .planDetail_Contents--txt .plan__head {
width: 100%;
}
.htype .planDetail_Contents--txt .plan__copy {
width: 100%;
margin: 0 0 0 5%;
}
/* 各タイプ個別設定 */


}

/*=============================
spから
=============================*/
@media screen and (max-width: 767px) {
#content_Wrap>.secbg {
top: 70px;
}

.cap_Txt {
left: auto;
right: 5px;
}
.main_Wrap .page_ttl{
top: 19.28571429%;
}


/* ----------------------------------
plan (index)
---------------------------------- */
.plan_Wrap {
padding: 50px 0;
}
.plan_Wrap h3 {
font-size: 20px;
}

.plan_Wrap .planBtn_List {
gap: 30px 0;
}
.plan_Wrap .planBtn_List li {
width: 100%;
margin: 0 auto;
}

.plan_Wrap .planBtn_List li.btn_i,
.plan_Wrap .planBtn_List li.btn_h {
width: 90%;
}

/* ----------------------------------
plan (detail)
---------------------------------- */
.planDetail_Wrap {
padding: 40px 0;
}
.planDetail_Contents {
background: url(../img/bg_detail_sp.jpg) no-repeat top center / cover;
padding-bottom: 20px;
margin-bottom: 40px;
flex-direction: column;
    gap: 30px 0;
}
.planDetail_Contents--txt {
width: 100%;
padding: 0;
}
.planDetail_Contents--txt .plan__head {
align-items: flex-start;
flex-direction: column;
margin-top: 0;
}
.plan__head h3 {
width: 100%;
flex-direction: row;
align-items: baseline;
font-size: 36px;
padding:  0.4em 0.3em 0.3em;
margin: 0 0 0.2em;
}
.plan__head h3 small {
font-size: 13px;
margin-left: 0.36em;
vertical-align: baseline;
}
.plan__head-detail {
    padding: 0 3%;
}
.plan__head-detail p {
font-size: 14px;
}
.plan__head-detail p.ldk {
font-size: 26px;
}
.plan__copy {
font-size: 14px;
margin-top: 20px;
padding: 0 3%;
}

.planDetail_Contents--img {
width: 100%;
padding: 0;
}

.icon_hanrei {
width: calc(0.6 * 75%);
}

.premium .planDetail_Contents--txt {
padding: 5%;
gap: 0;
flex-direction: column;
align-items: flex-start;
}
.premium .planDetail_Contents--txt .plan__head {
width: 100%;
}
.premium .planDetail_Contents--txt .plan__copy {
width: 100%;
margin: 20px 0 0;
padding-left: 0;
}
.htype .zumen {
width: 98%;
}
/* 各タイプ個別設定 */

.planDetail_Btn li {
width: 75%;
}
.planDetail_Btn li a {
font-size: 13px;
height: 50px;
}
.with-btn {
padding: 0 0 100px;
}
.btn_plan {
top: 40%;
left: 50%;
transform: translate(-50%, -30%);
max-width: 300px;
}
.with-btn .btn_plan.pre {
left: 50%;
}
}


/*-----------------------------
印刷
-----------------------------*/
@media print {
body{
padding-top: 2mm;
width: 210mm;
height: 297mm;
}
header,
footer,
h2,
.main,
.ttl_premium,
.planDetail_Btn
{ display: none!important; }

#content_Wrap {
width: 100%;
margin: 0 auto;
padding: 2mm 0 0;
}
.planDetail_Wrap {
padding: 0;
}
.planDetail_Contents {
filter: none;
display: block;
}
.planDetail_Contents--txt,
.planDetail_Contents--img {
width: 100%;
padding: 0;
display: block!important;
}
.planDetail_Contents--txt .plan__head {
align-items: flex-start;
width: 100%!important;
}
.plan__head h3 {
padding: 0;
color: #000;
border:none;
}
.plan__copy {
padding-left: 0;
margin-top: 6mm;
font-size: 14px;
width: 100%!important;
}
.plan__copy li {
margin-bottom: 0.5em;
}
.zumen {
margin: 6mm auto 0!important;
}

}