/*===================================================================
定期便
===================================================================*/
#main-column {
float: none !important;
margin: auto !important;
}

.routine {
background-color: #f3f3f3;
}

.routine_1, .routine_2 {
display: flex;
}

.routine_merit {
width: 90%;
margin: 10px auto 0;
}

.routine_merit_text {
font-size: clamp(10px, 2.4vw, 30px) !important;
font-weight: 600 !important;
}



/*=========================
定期 MERIT1
=========================*/



/*=========================
定期 MERIT2
=========================*/
.routine_merit_common {
background-color: #fff;
padding-bottom: 4vw;
margin-top: 7%;
}

.routine_merit_common section {
margin: 5% auto 0;
}

.routine_merit_common p {
display: table;
margin: auto;
}

.routine_merit_common a {
line-height: 1.8;
letter-spacing: 0.1em;
text-align: center;
}

.routine_merit_text {
padding: 3vw 2.6vw 0 !important;
line-height: 1.5;
letter-spacing: 0.06em !important;
}

.routine_ls-tight {
letter-spacing: 0.03em !important;
}

.routine_point_01 {
letter-spacing: 0.1em !important;
padding: 0 0.5% !important;
}

.routine_more_text {
display: inline-block;
margin: auto;
line-height: 1.8 !important;
letter-spacing: 0.05em !important;
text-align: left;
font-size: clamp(10px, 2.3vw, 23px) !important;
}

.routine_more_text p {
margin: 0;
}

.routine_merit02_01 {
padding-bottom: 3vw 2.6vw 5%;
}

.routine_point_02 {
font-size: clamp(9px, 2vw, 23px) !important;
}

.routine_point_03 {
padding: 0 0.5% !important;
}

.routine_merit02 hr {
margin: 5% auto 10%;
border: 2px solid #f3f3f3;
}

.routine_merit02 .routine_more_title {
padding: 1% 8% 1% 3% !important;
}

.routine_merit02 .routine_more_title::before{
top: 30%;
right: 4%;
}

 /* ▼ここから▼2026年11月以降、ボタン自体を削除 */
.present_finish_info {
line-height: 1.5;
letter-spacing: 0.05em !important;
}

.pf-box_01 {
font-size: clamp(12px, 2.6vw, 30px) !important;
font-weight: bold !important;
margin-bottom: 2% !important;
}

.pf-box_01-1 {
letter-spacing: 0.15em !important;
}

.pf-box_02 {
font-size: clamp(9px, 2vw, 20px) !important;
letter-spacing: 0em !important;
padding-top: 1% !important;
text-align: left !important;
}

.pf-box_03, .pf-box_04 {
letter-spacing: 0.15em !important;
}

.pf-box_03 {
font-size: clamp(11px, 2vw, 20px) !important;
color: #fff;
background-color: #333;
padding: 1% !important;
margin: 6% auto 0 !important;
}

.pf-box_04 {
font-size: clamp(25px, 5vw, 50px) !important;
padding: 1% 0 0 1% !important;
margin: 0 auto !important;
font-weight: bold !important;
}

.pf-box_05 {
font-size: clamp(10px, 2.3vw, 25px) !important;
margin: 5% 6% 0 auto !important;
text-align: right !important;
font-weight: 600 !important;
}

@media screen and (max-width: 500px) {
.present_finish_info {
letter-spacing: 0em !important;
}

}

 /* ▲ここまで▲2026年11月以降、ボタン自体を削除 */
 

@media screen and (max-width: 500px) {
.routine_merit_text {
padding: 4vw 1vw 0 !important;
letter-spacing: 0.02em !important;
white-space: nowrap;
}

.routine_more_text {
letter-spacing: 0em !important;
}

.routine_merit02 hr {
border: 1.5px solid #f3f3f3;
}

}


/*=========================
定期 MERIT3
=========================*/


/*=========================
定期 MERIT4
=========================*/
.routine_more_title {
font-size: clamp(11px, 2vw, 22px) !important;
position: relative;
cursor: pointer;
font-weight: 600;
line-height: normal;
padding: 0% 5% 0.5% 3% !important;
transition: all .5s ease;
margin: 0 3% 0 auto !important;
border: 2px solid #999 !important;
border-radius: 7px;
}

/*アイコン*/
.routine_more_title::before {
position: absolute;
content:'';
}

.routine_more_title::before{
top: 25%;
right: 10%;
display: inline-block;
width: 0.4em;
height: 0.4em;
border: 2px solid;
border-color: transparent transparent #333 #333;
transform: rotate(-45deg);
}

/*　closeというクラスがついたら形状変化　*/
.routine_more_title.close::before{
top: 50%;
transform: rotate(135deg);
}

.r-box {
display: none;
padding: 4%;
text-align: center;
}

.indent_1 {
padding-left: 1em;
text-indent: -1em;
}
 

@media screen and (max-width: 768px) {
.routine_more_title {
border-radius: 5px;
}

.routine_more_title::before{
top: 25%;
right: 10%;
border: 1px solid;
border-color: transparent transparent #333 #333;
}
}
 

@media screen and (max-width: 500px) {
.routine_more_title {
padding: 0% 6% 0.5% 3% !important;
border: 1px solid #999 !important;
}
}


/*=========================
定期 MERIT5
=========================*/
.routine_merit05_01 {
margin-bottom: 5% !important;
}

.routine_merit05_04 {
display: block !important;
margin-top: 2% !important;
margin: 2vw 0 0 !important;
}

.Arrow-Right { /* 矢印 */
border-top: solid 1px #000;
border-right: solid 1px #000;
width: 0.5em;
height: 0.5em;
transform: rotate(45deg);
display: inline-block;
margin-bottom: 0.1em;
margin-left: 0.5em;
}

/*=========================
定期 MERIT6
=========================*/
.routine_merit06_01 {
font-size: clamp(9px, 2vw, 23px) !important;
}

.routine_merit06 .routine_merit_text {
padding: 3vw 2vw 0 !important;
}

/*=========================
定期 もらっ得終了　4/30までのページ
=========================*/
#present_finish_new {
border: solid 3px #83c1a6;
}

.routine_present_finish .present_finish_title {
font-size: clamp(18px, 3.6vw, 40px) !important;
color: #8bbb9d;
padding-top: 10%;
text-align: center;
line-height: 1.5 !important;
font-weight: 600 !important;
}

.routine_present_finish .routine_merit02 .routine_merit_text {
padding: 2vw 2.6vw 0 !important;
}

.routine_present_finish .routine_merit02 .routine_more_title {
padding: 0% 5% 0.5% 3% !important;
}

.routine_present_finish .routine_merit02 .routine_more_title::before {
top: 35%;
right: 10%;
}

.routine_present_finish .finish_new {
display: inline-block;
}

.routine_present_finish .routine_merit02 .pf-box_05 {
margin: 0% 6% 0 auto !important;
}

.pf-box_06, .pf-box_07 {
font-size: clamp(14px, 3vw, 30px) !important;
font-weight: 600 !important;
letter-spacing: 0.1em;
white-space: nowrap;
margin: 5% 0 0 !important;
}

.pf-box_06 {
margin: 5% 0 0 !important;
}

.pf-box_07 {
margin: 5% 0 7% !important;
}

.pf-box_06 span,.pf-box_07 span {
border: 3px solid #333;
margin-right: 3%;
padding: 1% 2% !important;
}

.pf-box_08 {
font-size: clamp(18px, 3.6vw, 40px) !important;
font-weight: 600 !important;
letter-spacing: 0.1em;
}

.pf-box_08 {
margin: 5% auto 3% !important;
}

.pf-box_09 {
font-size: clamp(11px, 2.6vw, 30px) !important;
letter-spacing: 0.1em;
}

.routine_present_finish hr {
margin: 5% auto !important;
}
 

@media screen and (max-width: 500px) {
.pf-box_06,.pf-box_07 {
letter-spacing: 0.01em;
}

.pf-box_06 span,.pf-box_07 span {
border: 2px solid #333 !important;
}
}

/*=========================
定期 LINEUP
=========================*/
.routine_lineup {
margin-top: 15%;
}

#routine_lineup {
margin-top: -0px !important;
padding-top: 0px !important;
}

.lineup_content {
display: flex;
}