@charset "utf-8";
    @import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Sans+JP:wght@100..900&family=Zen+Old+Mincho&display=swap");
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Noto+Serif+JP:wght@200..900&family=Shippori+Mincho&family=Zen+Old+Mincho&display=swap");
:root { --color-background: #000;
--color-font: #fff;
--color-primary: #D6000F;
--color-primary-shade: ;
--color-primary-tint: ;
--color-secondary: ;
--color-secondary-tint: ;
--color-table-border: #545454;
--body-font-size: min(calc(1.6rem + (1vw - 1.92rem) * 0.1294), 1.6rem); --body-font-family: "Noto Sans JP", sans-serif;
--content-max-width: 1240px; --header-background: #000;
--header-color-font: #fff;
--header-color-primary: #D6000F;
--header-secondary: #fff;
--header-color-primary-shade: ;
--header-color-primary-tint: ; --footer-background: #212121;
--footer-color-font: #fff;
--footer-color-primary: ; --font-family01: "Noto Sans JP", sans-serif;
--font-family02: "Zen Old Mincho", serif;
--font-family03: "EB Garamond", serif; --color-red: #D6000F;
--color-black: #000000;
--color-white: #ffffff;
--color-gray: #212121;
--px74: min(calc(74px + (1vw - 19.2px) * 1.4873), 74px);
--px70: min(calc(70px + (1vw - 19.2px) * 2.2653), 70px);
--px68: min(calc(68px + (1vw - 19.2px) * 2.1991), 68px);
--px56: min(calc(56px + (1vw - 19.2px) * 1.4873), 56px);
--px48: min(calc(48px + (1vw - 19.2px) * 1.5), 48px);
--px46: min(calc(46px + (1vw - 19.2px) * 1.4873), 46px);
--px36: min(calc(36px + (1vw - 19.2px) * 1.0714), 36px);
--px32: min(calc(32px + (1vw - 19.2px) * 0.9524), 32px);
--px28: min(calc(28px + (1vw - 19.2px) * 0.8333), 28px);
--px26: min(calc(26px + (1vw - 19.2px) * 0.7738), 26px);
--px20: min(calc(20px + (1vw - 19.2px) * 1.4873), 20px);
--px10: min(calc(10px + (1vw - 19.2px) * 0.2976), 10px);
--font-family06: "Zen Old Mincho", serif;
--font-family07: "EB Garamond", serif;
--font-family08: "Shippori Mincho", serif;
} @media print,
screen and (min-width: 1024px) {}
@media print,
screen and (max-width: 1023px) {}
@media print,
screen and (min-width: 769px) {}
@media print,
screen and (max-width: 768px) {} html {
scroll-behavior: smooth;
scroll-padding-top: 80px;
} .anchor-link_contents {
margin-top: -80px !important;
padding-top: 80px !important;
}
.anchor-link {
display: flex;
align-items: center;
justify-content: center;
background-color: var(--color-primary);
font-weight: bold;
color: var(--footer-background);
max-width: 370px;
width: 100%;
border-radius: 50em;
padding: var(--px20) var(--px40);
position: relative;
border: 1px solid var(--color-primary);
&::before,
&::after {
content: "";
position: absolute;
bottom: calc(50% - 7px);
right: 30px;
width: 2px;
height: 14px;
border-radius: 9999px;
background-color: var(--color-background);
transform-origin: 50% calc(100% - 1px);
}
&::before {
transform: rotate(45deg);
}
&::after {
transform: rotate(-45deg);
}
&:hover {
background-color: var(--color-primary);
color: var(--color-background);
opacity: 0.8;
}
&.anchor-link--special {
max-width: 540px;
width: 100%;
background: var(--color-primary);
border: 1px solid var(--color-primary);
color: #fff;
&::before,
&::after {
background-color: #fff;
}
&:hover {
background: var(--color-primary-tint);
color: var(--color-primary);
&::before,
&::after {
background-color: var(--color-primary);
}
}
}
}
@media print,
screen and (max-width: 768px) {
.anchor-link {
&::before,
&::after {
content: "";
position: absolute;
bottom: calc(50% - 5px);
right: 20px;
width: 2px;
height: 10px;
border-radius: 9999px;
transform-origin: 50% calc(100% - 1px);
}
}
} body:not(.page.home) .top-news {
display: none;
}
body:not(.home)::before {
content: "";
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
background-image: url(//www.taijuen.co.jp/wp-content/uploads/page-bg-1.jpg);
background-size: cover;
background-position: top;
background-repeat: no-repeat;
z-index: -1;
pointer-events: none;
}
#content,
body:not(.home) #content.wide {
padding: var(--px100w) 0 var(--px80);
margin: 0 auto;
} .postlist li {
border-top: 1px solid #ddd;
}
.postlist li:last-child {
border-bottom: 1px solid #ddd;
} #mainImg img {
width: 100% !important;
height: auto;
} .widecolor--shade {
margin-right: calc(((100vw - 100%) / 2)* -1);
margin-left: calc(((100vw - 100%) / 2)* -1);
background-color: #EAFAD8;
}
@media print,
screen and (max-width: 768px) {
.widecolor--shade {
padding: min(calc(120px + (1vw - 19.2px) * 2.5890), 120px) 0 min(calc(150px + (1vw - 19.2px) * 3.2362), 150px) 0; }
}
.post .widecolor>h2:first-child {
margin-top: 0 !important;
}
.widearea {
margin-right: calc(((100vw - 100%) / 2)* -1);
margin-left: calc(((100vw - 100%) / 2)* -1);
}
@media print,
screen and (max-width: 768px) {
#content,
#content.wide {
width: 100%;
}
.content_inner {
width: 100%;
}
}  .max_w340 {
max-width: 340px !important;
}
.max_w600 {
max-width: 600px;
}
.max_w640 {
max-width: 640px;
}
.max_w880 {
max-width: 880px;
}
.max_w1070 {
max-width: 1070px;
} .bg_white {
background: var(--color-background) !important;
}
.bg_blue {
background: #EFFAFE !important;
}
.bg_green {
background: #E0F6EB !important;
}
.bg_cream {
background: #FAF2D4 !important;
}
.bg_pink {
background: #FFB5B9 !important;
}
.bg_light-blue {
background: #E6F4FF !important;
} .fc_primary {
color: var(--color-primary) !important;
}
.fc_secondary {
color: var(--color-secondary) !important;
} .ff_01 {
font-family: var(--font-family01) !important;
}
.ff_02 {
font-family: var(--font-family02) !important;
} .fz14 {
font-size: 14px;
}
.fz16 {
font-size: var(--rem16);
}
.fz18 {
font-size: var(--rem18);
}
.fz20 {
font-size: var(--rem20);
}
.fz24 {
font-size: var(--rem24);
}
.fz30 {
font-size: var(--rem30);
}
.fz40 {
font-size: var(--rem40);
}
.fz60 {
font-size: var(--rem60);
}
.fz72 {
font-size: var(--rem72);
} .fw-r {
font-weight: 400;
}
.fw-mid {
font-weight: 600;
}  .gap1 {
gap: 1%;
} .flex_g1 {
flex-grow: 1;
} .lh140 {
line-height: 1.4 !important;
}
.lh240 {
line-height: 2.4 !important;
} .border-b1 {
border-bottom: 1px solid #B9B9B9;
} @media screen and (max-width: 768px) {
.tab_w60 {
width: 60% !important;
}
} @media screen and (max-width: 450px) {
.fz24 {
font-size: var(--rem30);
}
.sp-txt_l {
text-align: left !important;
}
.sp-txt_c {
text-align: center !important;
}
} .post h1,
h1,
.post h2,
h2,
.post h3,
h3,
.post h4,
h4,
.post h5,
h5,
p,
div,
span {
&.top-read-main {
font-family: var(--font-family02);
text-align: center;
font-size: var(--rem30);
font-weight: 500;
color: var(--color-font);
&::before,
&:after {
content: none;
}
}
&.readtxt {
font-family: var(--font-family02);
font-size: var(--rem24);
line-height: 1.4;
font-weight: 500;
margin-bottom: var(--rem20);
} &.top-main-title {
color: var(--color-font);
text-align: left;
margin: 0 0 var(--rem48) 0;
.title-en {
font-family: var(--font-family03);
font-size: var(--rem40);
font-weight: 400;
}
.title-jp {
font-size: var(--rem18);
font-family: var(--font-family01);
font-weight: 400;
}
&:before,
&:after {
content: none;
}
&.top-main-title--center {
text-align: center;
.title-jp {
display: block;
}
}
}
&.top-main-title02 {
font-family: var(--font-family02);
font-size: var(--rem30);
font-weight: 500;
text-align: center;
line-height: 1.4;
overflow-wrap: break-word;
padding: 0;
margin: var(--rem42) auto var(--rem30);
border: none;
background: transparent;
color: var(--color-font);
&:before {
content: "";
display: block;
background: url(//www.taijuen.co.jp/wp-content/uploads/top-title-logo.png) no-repeat;
background-size: contain; line-height: 1;
width: var(--rem120);
height: var(--rem120);
margin: 0 auto 10px;
}
&:after {
content: none;
}
.subtxt {
display: block;
font-size: var(--rem16);
color: var(--color-primary);
font-weight: 600;
padding: 0;
margin: var(--rem14) 0 0;
border: none;
background: transparent;
}
} &.top-secondary-title {
font-family: var(--font-family02);
font-size: var(--rem24);
font-weight: 500;
text-align: center;
margin: 0 auto var(--rem30);
background: transparent;
border: none;
color: var(--color-font);
line-height: 1.4;
padding: 0;
&:before,
&:after {
content: none;
}
&.top-secondary-title--left {
text-align: left;
}
}
}
@media print,
screen and (max-width: 550px) {
.post h1,
h1,
.post h2,
h2,
.post h3,
h3,
.post h4,
h4,
.post h5,
h5,
p,
div,
span {}
}
@media print,
screen and (max-width: 450px) {
.post h1,
h1,
.post h2,
h2,
.post h3,
h3,
.post h4,
h4,
.post h5,
h5,
p,
div,
span {
&.top-secondary-title {
font-size: var(--rem30);
margin: 0;
}
}
}
@media print,
screen and (max-width: 375px) {
.post h1,
h1,
.post h2,
h2,
.post h3,
h3,
.post h4,
h4,
.post h5,
h5,
p { }
}  #flags ul li a {
padding: 0 !important;
}
.gt_flex {
display: flex;
justify-content: flex-end;
padding: 5px 10px;
background: var(--header-secondary);
}
#flags {
width: 160px !important;
display: flex;
align-items: center;
justify-content: flex-end;
}
.gt_flex #flags,
.gt_flex #google_language_translator {
height: 30px;
}
.gt_flex ul#sortable li {
height: 18px !important;
display: block;
} #header {
a.head_btn.tel_btn {
display: flex;
align-items: center;
font-size: 2.2rem;
background: none;
color: var(--header-color-font);
background-color: var(--color-background);
position: relative;
&::before {
content: "";
display: block;
background: #AEAEAE;
width: 1px;
height: 60px;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
&:hover {
opacity: 0.6;
}
}
a.head_btn .header_tel {
font-family: var(--font-family01);
&:before {
content: '\f095';
display: inline-block;
font-family: 'FontAwesome';
font-size: 1.4rem;
font-weight: 400;
line-height: 1;
margin-bottom: .1em;
margin-right: 5px;
}
}
a.head_btn .header_time {
font-family: var(--font-family01);
&::before {
content: none;
}
}
a.head_btn.mail_btn {
&::before {
content: none;
}
>span {
font-weight: 500;
&:before {
content: none;
}
}
}
a.head_btn.group_btn {
color: var(--header-color-font);
background: var(--color-background);
&:hover {
opacity: 0.8;
}
}
.header_time {
.note {
b {
font-weight: 500;
}
}
}
}
.spmenu #menu p {
transform: translateX(-50%);
left: 50%;
white-space: nowrap;
}
@media print,
screen and (min-width: 1024px) {
nav#mainNav ul li a {
padding: var(--px20) var(--px12);
&:hover {
opacity: 0.6;
}
}
#header a.head_btn.mail_btn {
background: var(--header-color-primary);
color: var(--header-color-font);
&:hover {
opacity: 0.8;
}
}
#header a.head_btn.bal_btn {
background: var(--color-font);
img {
width: 100%;
height: 100%;
}
}
nav#mainNav ul li li {
background: var(--color-background);
}
nav#mainNav ul,
#header .header__nav-contact {
display: flex;
flex-direction: row;
align-items: center;
}
nav#mainNav ul li a b,
nav#mainNav ul li a span {
margin-top: 0;
font-weight: 500;
}
nav#mainNav ul li a:active,
nav#mainNav ul li a:hover,
nav#mainNav ul li.current-menu-ancestor a,
nav#mainNav ul li.current-menu-item a,
nav#mainNav ul li.current-menu-parent a {
background: #212121;
color: var(--header-color-font);
}
nav#mainNav ul li.current-menu-item a b,
nav#mainNav ul li a:hover b,
nav#mainNav ul li a:active b,
nav#mainNav ul li.current-menu-parent a b {
color: var(--header-color-font);
font-weight: 500;
}
.sticky-header #header-layout {
background: var(--color-background);
}
}
@media print,
screen and (max-width: 1023px) {
nav#mainNav ul li.current-menu-item a,
nav#mainNav ul li a:hover {
color: var(--header-color-primary);
background: var(--header-background);
}
nav#mainNav ul li a {
color: var(--header-color-font);
background: var(--color-background);
}
}
@media print,
screen and (max-width: 768px) {
#header {
background: var(--header-background);
}
}  .footer__inner {
width: 94%;
margin: 0 auto;
padding-bottom: var(--px40);
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 5%;
border-bottom: solid 1px;
}
@media print,
screen and (max-width: 768px) {
.footer__inner {
flex-direction: column;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
} #footer .footnav ul {
justify-content: flex-end;
}
@media print,
screen and (max-width: 768px) {
#footer .footnav ul {
justify-content: flex-start;
margin-top: var(--px40);
}
} #footer .footnav ul>li {
position: relative;
line-height: 1.4;
padding: 0 min(calc(16px + (1vw - 19.2px) * 0.4531), 16px) 0 25px; margin-bottom: 10px;
}
#footer .footnav ul>li::before {
left: 0;
display: block;
content: '';
position: absolute;
top: 50%;
width: 6px;
height: 6px;
border-right: 1px solid;
border-bottom: 1px solid;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg);
margin-top: 0;
background: transparent;
}
#footer .footnav ul>li::after {
content: none;
} #footer .footer__logo:not(:last-child) {
margin: 0;
text-align: left;
}
.leftarea .logoare {
display: flex;
flex-direction: column;
gap: var(--px14);
line-height: 1;
}
.footer__catchphrase {
line-height: 1.2;
text-align: left;
}
@media print,
screen and (max-width: 768px) {
#footer .footer__logo:not(:last-child) {
text-align: center;
}
.footer__catchphrase {
text-align: center;
}
}  #footer .socialicon ul,
.socialicon ul {
-webkit-box-pack: start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
gap: 10px;
}
#footer .socialicon ul li,
.socialicon ul li {
padding: 0;
}
@media print,
screen and (max-width: 768px) {
#footer .socialicon ul,
.socialicon ul {
justify-content: center;
}
} #footer .socialicon .fa-facebook:before,
#footer .socialicon .fa-twitter:before,
#footer .socialicon .fa-youtube:before,
#footer .socialicon .fa-instagram:before,
#footer .socialicon .fa-x-twitter:before,
#footer .socialicon .fa-line:before,
#footer .socialicon .fa-tiktok:before {
font-size: var(--rem24);
} .linkBtn,
.post .linkBtn,
a.linkBtn {
position: relative;
display: inline-block;
width: 100%;
max-width: 240px;
font-size: var(--rem16);
color: var(--color-font);
line-height: 1.8;
text-align: left;
background: transparent;
font-weight: 500;
padding: min(calc(10px + (1vw - 19.2px) * 0.5178), 10px) min(calc(65px + (1vw - 19.2px) * 1.6181), 65px) min(calc(10px + (1vw - 19.2px) * 0.5178), 10px) 0;
margin: 0;
border: none;
border-radius: 0;
transition: all .3s;
}
.post .linkBtn::after,
.linkBtn::after,
a.linkBtn::after {
content: none;
}
.linkBtn:hover,
.post .linkBtn:hover,
a.linkBtn:hover {
color: var(--color-font);
background: transparent;
}
.linkBtn .arw,
.post .linkBtn .arw,
a.linkBtn .arw {
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;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
width: var(--px50);
height: var(--px50);
border: 1px solid var(--color-primary);
border-radius: 50%;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: .4s;
transition: .4s;
}
.linkBtn .arw::after,
.post .linkBtn .arw::after,
a.linkBtn .arw::after {
content: "";
position: relative;
display: inline-block;
width: var(--rem28);
height: 0;
border-radius: 9999px;
border: 1px solid var(--color-primary);
background: var(--color-primary);
margin-top: 4px;
}
.linkBtn .arw::before,
.post .linkBtn .arw::before,
a.linkBtn .arw::before {
content: "";
position: absolute;
top: 50%;
right: 8px;
width: var(--rem14);
height: 2px;
border-radius: 9999px;
background-color: var(--color-primary);
transform: rotate(45deg);
transform-origin: calc(100% - 2px) 50%;
}
.linkBtn:hover .arw,
.post .linkBtn:hover .arw,
a.linkBtn:hover .arw {
background: var(--color-primary);
&:before {
background: var(--color-font);
}
&:after {
border-color: var(--color-font);
}
}
@media print,
screen and (max-width: 768px) {
.linkBtn .arw::after,
.post .linkBtn .arw::after,
a.linkBtn .arw::after {
width: var(--rem24);
}
}
@media print,
screen and (max-width: 450px) {
.linkBtn .arw::before,
.post .linkBtn .arw::before,
a.linkBtn .arw::before {
right: 6px;
width: var(--rem14);
}
.linkBtn .arw::after,
.post .linkBtn .arw::after,
a.linkBtn .arw::after {
width: var(--rem16);
}
} .linkBtn02,
.post .linkBtn02,
a.linkBtn02,
.post .subimitarea .linkBtn02 input[type="submit"] {
position: relative;
display: inline-block;
width: 100%;
max-width: 240px;
font-size: var(--rem16);
color: #fff;
line-height: 1.8;
text-align: center;
background: var(--color-primary);
font-weight: 600;
padding: var(--rem20) 30px var(--rem20) 20px;
margin: 0;
border: none;
transition: all .3s;
}
.post .linkBtn02::after,
.linkBtn02::after,
a.linkBtn02::after {
display: block;
content: '';
position: absolute;
top: 50%;
right: 20px;
width: 6px;
height: 6px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
margin-top: -3px;
transition: all .3s;
}
.post .linkBtn02:hover,
.linkBtn02:hover,
a.linkBtn02:hover,
.post .subimitarea .linkBtn02 input[type="submit"]:hover {
color: #fff;
background: var(--color-primary);
opacity: 0.8;
}
.post .linkBtn02:hover::after,
.linkBtn02:hover::after,
a.linkBtn02:hover::after {
border-color: #fff;
}
.subimitarea>.linkBtn02 {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.post .subimitarea .linkBtn02 input[type="submit"] {
margin-top: 0;
} .post ul.linkbtn_list {
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;
justify-content: space-between;
gap: 5%;
}
.post ul.linkbtn_list>li {
width: 45%;
text-align: center;
}
.post ul.linkbtn_list>li a.link_btn {
width: auto;
min-width: 240px;
height: 100%;
max-width: fit-content;
display: flex;
justify-content: center;
align-items: center;
}
@media print,
screen and (max-width: 640px) {
.post ul.linkbtn_list>li {
width: 100%;
}
.post ul.linkbtn_list>li:not(:last-child) {
margin-bottom: var(--rem30);
}
.post ul.linkbtn_list>li a.link_btn {
max-width: none;
width: 100%;
min-width: auto;
}
} .top-about {
&.fullwide03 {
position: relative;
background: transparent;
}
&.fullwide03:before {
content: "";
background: url(//www.taijuen.co.jp/wp-content/uploads/bg-section.png) no-repeat center /cover;
width: 100%;
height: 40%;
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
}
.fullwide03_wrap {
position: relative;
z-index: 1;
max-width: 1240px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
} .col3_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.col3_list>li {
width: 32%;
margin-bottom: 2%;
}
.col3_list::before {
content: "";
display: block;
width: 32%;
height: 0;
order: 1;
}
.col3_list:after {
content: "";
display: block;
width: 32%;
height: 0;
}
}
@media print,
screen and (max-width: 768px) {
.top-about {
padding: var(--px120) 5%;
.fullwide03_wrap {
padding: 0;
}
.col3_list>li {
width: 49%;
margin-bottom: 5%;
}
.col3_list::before,
.col3_list:after {
content: none;
}
}
}
@media print,
screen and (max-width: 414px) {
.top-about {
.col3_list>li {
width: 100%;
margin-bottom: 10%;
}
.col3_list>li:last-child {
margin-bottom: 0;
}
}
}
.top-menu {
background: #212121;
.column01 {
position: relative;
margin: var(--px60) 0 0;
}
.column01_wrap {
position: relative;
margin: 0 auto;
z-index: 1;
}
.column01 .txtarea {
display: flex;
align-items: center;
justify-content: center;
padding: var(--px80) var(--px40);
margin: 0;
}
.column01 .txtarea .txtinner {
max-width: 540px;
}
.column01 .imgarea {
overflow: hidden;
line-height: 0;
margin: 0;
}
.column01 .imgarea img {
width: 100%;
height: 100%;
object-fit: cover;
} .col4_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.col4_list>li {
width: 24%;
margin-bottom: 1.5%;
.txtarea {
color: var(--color-font);
}
}
.col4_list::before {
content: "";
display: block;
width: 24%;
height: 0;
order: 1;
}
.col4_list:after {
content: "";
display: block;
width: 24%;
height: 0;
}
}
@media print,
screen and (max-width: 768px) {
.top-menu {
padding: var(--px120) 5%;
.column01 .txtarea {
padding: var(--px80) 5%;
}
.col4_list>li {
width: 49%;
}
.col4_list::before,
.col4_list:after {
content: none;
}
}
}
@media print,
screen and (max-width: 1240px) {
.top-menu {
.col4_list>li,
.col4_list::before,
.col4_list:after {
width: 32%;
margin-bottom: 2%;
}
}
}
@media print,
screen and (max-width: 414px) {
.top-menu {
.col4_list>li {
width: 100%;
}
.col4_list>li:last-child {
margin-bottom: 0;
}
}
}
.top-plan {
.col2_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.col2_list>li {
width: 49%;
margin-bottom: 2%;
}
}
@media print,
screen and (max-width: 768px) {
.top-plan {
padding: var(--px120) 5%;
}
}
@media print,
screen and (max-width: 414px) {
.top-plan {
.col2_list>li {
width: 100%;
}
.col2_list>li:last-child {
margin-bottom: 0;
}
}
}
.top-shop {
background: url(//www.taijuen.co.jp/wp-content/uploads/to-shop-bg.jpg) no-repeat top center / cover; .col3_list {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
}
.col3_list>li {
width: 32%;
margin-bottom: 2%;
}
.col3_list::before {
content: "";
display: block;
width: 31%;
height: 0;
order: 1;
}
.col3_list:after {
content: "";
display: block;
width: 32%;
height: 0;
}
}
@media print,
screen and (max-width: 768px) {
.top-shop {
padding: var(--px120) 5%;
.fullwide03_wrap {
padding: var(--px80) 5%;
}
.col3_list>li {
width: 49%;
}
.col3_list::before,
.col3_list:after {
content: none;
}
}
}
@media print,
screen and (max-width: 450px) {
.top-shop {
.col3_list>li {
width: 100%;
margin-bottom: 10%;
}
.col3_list>li:last-child {
margin-bottom: 0;
}
}
}
.shop-info {
display: flex;
flex-wrap: wrap;
dt {
width: 25%;
}
dd {
width: 75%;
}
}
@media print,
screen and (max-width: 768px) {
.shop-info {
dt {
width: 100%;
}
dd {
width: 100%;
}
}
}
.top-link {
.column01 {
position: relative;
margin: var(--px60) 0 0;
}
.column01_wrap {
position: relative;
margin: 0 auto;
z-index: 1;
}
.column01 .txtarea {
display: flex;
align-items: center;
justify-content: center;
padding: var(--px80) var(--px40);
margin: 0;
}
.column01 .txtarea .txtinner {
max-width: 540px;
}
.column01 .imgarea {
overflow: hidden;
line-height: 0;
margin: 0;
}
.column01 .imgarea img {
width: 100%;
height: 100%;
object-fit: cover;
}
}
@media print,
screen and (max-width: 768px) {
.top-link {
padding: var(--px120) 5%;
.column01 .txtarea {
padding: var(--px80) 5%;
}
}
}
@media print,
screen and (max-width: 768px) {
.top-news {
padding: var(--px120) 5%;
}
}  .linkBtn i.fa-square-instagram {
vertical-align: middle;
}
.icon-item {
display: flex;
gap: 10px;
align-items: center;
justify-content: center;
}
.ins-icon {
color: #ffffff !important;
font-size: 50px !important;
} .contact_area {
padding: 60px 20px;
background: #111;
text-align: center;
max-width: 800px;
margin: 80px auto 0;
}
.contact_ttl {
font-size: 2.5rem;
font-weight: 600;
letter-spacing: 0.2rem;
margin-bottom: 20px;
position: relative;
}
.contact_ttl::after {
content: '';
display: block;
width: 50px;
height: 3px;
margin: 0.5em auto 0;
}
.contact_read {
font-size: 1.1rem;
margin-bottom: 40px;
color: #fff;
}
.button_wrap {
display: flex;
justify-content: center;
gap: 20px;
} #flags ul li a {
padding: 0 !important;
}
.gt_flex {
display: flex;
justify-content: flex-end;
padding: 5px 10px;
background: var(--footer-background);
}
#flags {
width: 200px !important;
display: flex;
align-items: center;
justify-content: flex-end;
}
.gt_flex #flags,
.gt_flex #google_language_translator {
height: 30px;
}
.gt_flex ul#sortable li {
height: 18px !important;
display: block;
}
@media print, screen and (min-width: 1024px) {
#glt-translate-trigger {
display: none;
}
#header {
height: auto !important;
}
#header-layout {
height: 100px;
}
}
@media print, screen and (max-width: 1023px) {
#glt-translate-trigger {
bottom: 58px;
}
.tool-container {
bottom: 100px !important;
}
#glt-translate-trigger {
display: none;
}
.tool-container.tool-top .arrow {
display: none;
}
.tool-container {
opacity: 1 !important;
display: block !important;
box-shadow: 0px 0px 15px rgba(0, 0, 0, .3);
background: #fff !important;
padding: 6px !important;
left: inherit !important;
right: 0 !important;
bottom: 80px !important;
border-radius: 8px 0 0 8px;
position: fixed;
}
.tool-items {
display: flex !important;
flex-direction: column !important;
gap: 5px !important;
}
} @media print, screen and (min-width: 1024px) {
#header .logo img {
max-width: 350px !important;
}
} #flags {
width: auto !important;
}
#flags ul {
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-align: center;
-ms-flex-align: center;
align-items: center;
float: none !important;
}
#flags ul>li {
float: none !important;
line-height: 1;
}
.gtranslate_wrapper {
background: var(--footer-background);
gap: 8px;
}
.glink {
align-content: center;
}
.gtranslate_wrapper .glink:nth-child(1) {
order: 4
}
.gtranslate_wrapper .glink:nth-child(2) {
order: 5
}
.gtranslate_wrapper .glink:nth-child(3) {
order: 2
}
.gtranslate_wrapper .glink:nth-child(4) {
order: 6
}
.gtranslate_wrapper .glink:nth-child(5) {
order: 7
}
.gtranslate_wrapper .glink:nth-child(6) {
order: 1
}
.gtranslate_wrapper .glink:nth-child(7) {
order: 3
}
.gtranslate_wrapper .gt_selector {
order: 8
} @media print, screen and (max-width: 1023px) {
#glt-translate-trigger {
display: none;
}
#translator_area, #google_language_translator {
position: fixed;
right: 0;
bottom: 10%;
z-index: 1000;
}
.gtranslate_wrapper {
background: transparent;
gap: 4px;
}
.header__translator {
position: fixed;
overflow: hidden;
z-index: 999;
right: 0;
bottom: 120px;
background: rgba(255, 255, 255, .8);
padding: 10px 10px 10px 10px;
border-radius: 5px 0 0 5px;
-webkit-transition: .5s;
transition: .5s;
}
#flags {
margin: 0;
}
#flags ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
#flags ul>li {
margin-right: 0 !important;
margin-bottom: 5px !important;
}
#flags ul>li:last-child {
margin-bottom: 0 !important;
}
.gtranslate_wrapper {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.gtranslate_wrapper br {
display: none;
}
select.gt_selector {
display: none;
}
}
@media print, screen and (min-width: 1024px) {
.gtranslate_wrapper {
display: flex;
flex-wrap: nowrap;
justify-content: end;
width: 99.5%;
margin: 0.5rem auto;
}
select.gt_selector.notranslate {
width: 150px;
}
} body:not(.home) #wrapper {
width: 100% !important;
max-width: none !important;
}
#content, body:not(.home) #content.wide {
padding: 0 !important;
}
.list__style--none {
list-style: none !important;
}
#breadcrumb {
background-color: var(--color-gray);
}
#breadcrumb ul li, #breadcrumb ul li a {
color: var(--color-white);
}
.lp h2 {
font-size: var(--px28);
color: var(--color-white);
font-family: var(--font-family06);
line-height: 1.5;
margin: 0;
text-align: center;
}
#cat-post {
max-width: 1240px;
margin: 0 auto;
padding: var(--px48) 0;
}
#footer .footnav .sub-menu {
display: flex;
flex-direction: column;
padding-top: var(--px20);
}
@media screen and (max-width: 768px) {
#footer .footnav .sub-menu {
margin-top: var(--px32) !important;
}
}
@media screen and (max-width: 768px) {
#footer .footnav>ul {
flex-direction: column;
}
}
#footer .footnav ul>li::before {
content: none !important;
}
#footer .footnav ul>li {
width: 180px;
white-space: nowrap;
}
#footer .footnav ul>li>a {
position: relative;
overflow: visible !important;
}
#footer .footnav ul>li>a::before {
left: -2rem;
display: block;
content: "";
position: absolute;
top: 50%;
width: 6px;
height: 6px;
border-right: 1px solid;
border-bottom: 1px solid;
transform: translateY(-50%) rotate(-45deg);
margin-top: 0;
background: transparent;
}
.single #wrapper #content section {
margin: 0 auto;
width: 100%;
max-width: 1290px;
}
h4 {
color: var(--color-white) !important;
}
.lp {
background-color: var(--color-gray);
}
.lp .post {
background-color: transparent;
}
.lp .section__title {
background-image: url(https://taijuen.web.holo.ne.jp/wp-content/uploads/bg-section-main.png);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
padding: 0 var(--px40);
}
@media screen and (max-width: 768px) {
.lp .section__title {
padding: var(--px60) var(--px40) 0 var(--px40);
}
}
.lp .section__title--item {
margin: 0 auto !important;
width: 100%;
max-width: 530px;
}
@media screen and (max-width: 768px) {
.lp .section__title--item {
max-width: 100%;
}
}
.lp .name-large {
font-size: var(--px28) !important;
}
.lp .section__title--item>img {
width: 100%;
height: auto;
}
.lp .section__title--bottom {
padding-top: var(--px24);
}
.lp .section__title--bottom-title {
font-family: var(--font-family08);
color: var(--color-white);
font-size: var(--px24);
font-weight: bold;
text-align: center;
border: none;
}
@media screen and (max-width: 768px) {
.lp .section__title--bottom-title {
font-size: var(--px32);
}
}
.lp .section__title--bottom-text {
font-family: var(--font-family07);
color: var(--color-white);
font-size: var(--px16);
line-height: 2;
text-align: center;
}
.lp .section__anchor {
max-width: 1080px;
flex-wrap: wrap;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
gap: var(--px20);
padding: var(--px24) 0 var(--px48) 0;
}
@media screen and (max-width: 1024px) {
.lp .section__anchor {
gap: var(--px32);
}
}
@media screen and (max-width: 768px) {
.lp .section__anchor {
flex-direction: column;
justify-content: center;
gap: var(--px48);
padding-left: 24px;
padding-right: 24px;
}
}
.lp .section__anchor--2line {
display: flex;
flex-direction: column;
gap: var(--px20);
padding: var(--px48) 0;
}
@media screen and (max-width: 1024px) {
.lp .section__anchor--2line {
gap: var(--px48);
}
}
.lp .section__anchor--2line>.section__anchor {
padding: 0;
width: 100%;
max-width: 1240px;
}
@media screen and (max-width: 1024px) {
.lp .section__anchor--2line>.section__anchor {
max-width: 480px;
}
}
@media screen and (max-width: 768px) {
.lp .section__anchor--2line>.section__anchor {
max-width: 100%;
}
}
@media screen and (max-width: 1024px) {
.lp .section__anchor>.txt_c {
max-width: 100%;
}
}
.lp .section__menu {
padding: var(--px120) var(--px48);
width: 100%;
}
@media screen and (max-width: 768px) {
.lp .section__menu {
padding: var(--px60) var(--px48);
}
}
.lp .section__menu--inner {
margin: 0 auto;
max-width: 1240px;
width: 100%;
position: relative;
}
.lp .section__menu--shop {
background-image: url(https://taijuen.web.holo.ne.jp/wp-content/uploads/bg-section-main.png);
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.lp .section__menu--shop .section__menu--list-thum {
overflow: hidden;
}
.lp .section__menu--shop .section__menu--list-thum>img {
position: relative;
display: block;
width: 100%;
height: auto;
transition: all 0.3s ease;
}
.lp .section__menu--shop .section__menu--list-thum>img:hover {
transform: scale(1.1);
}
.lp .section__menu--title-large {
font-size: var(--px24);
color: var(--color-white);
font-family: var(--font-family06);
line-height: 1.5;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 1024px) {
.lp .section__menu--title-large {
font-size: var(--px36);
}
}
@media screen and (max-width: 480px) {
.lp .section__menu--title-large {
font-size: var(--px40);
}
}
.lp .section__menu--title-small {
font-size: var(--px16);
color: var(--color-white);
line-height: 2;
font-family: var(--font-family07);
text-align: center;
padding-top: var(--px30);
}
.lp .section__menu--list {
display: flex;
gap: var(--px40) var(--px20);
flex-wrap: wrap;
padding-top: var(--px30);
}
@media screen and (max-width: 768px) {
.lp .section__menu--list {
flex-direction: column;
align-items: center;
gap: var(--px60) var(--px40);
}
}
.lp .section__menu--list-thum {
width: 100%;
max-width: 295px;
}
@media screen and (max-width: 768px) {
.lp .section__menu--list-thum {
max-width: 100%;
}
}
.lp .section__menu--list-thum>img {
position: relative;
width: 100%;
height: auto;
}
.lp .section__menu--list-item {
display: flex;
flex-direction: column;
}
@media screen and (max-width: 768px) {
.lp .section__menu--list-item {
align-items: center;
width: 100%;
max-width: 100%;
}
}
.lp .section__menu--list-item-thum-image {
width: 100%;
height: auto;
}
.lp .section__menu--list-item-title {
font-size: var(--px20);
color: var(--color-white);
font-weight: bold;
font-family: var(--font-family07);
}
@media screen and (max-width: 1240px) {
.lp .section__menu--list-item-title {
font-size: var(--px28);
}
}
@media screen and (max-width: 480px) {
.lp .section__menu--list-item-title {
font-size: var(--px24);
}
}
.lp .txt_c {
display: flex;
width: 100%;
max-width: 280px;
}
.lp .linkBtn, .lp .post .linkBtn, .lp a.linkBtn, .lp .post .subimitarea .linkBtn input[type=submit] {
position: relative;
display: inline-block;
width: 100%;
max-width: 280px;
font-size: var(--rem16);
color: #fff;
line-height: 1.8;
text-align: center;
background: transparent;
font-weight: 600;
padding: var(--rem20) 30px var(--rem20) 20px;
margin: 0 auto;
border: 1px solid var(--color-white);
border-radius: 50vh;
transition: all 0.3s;
flex: 1;
}
@media screen and (max-width: 1024px) {
.lp .linkBtn, .lp .post .linkBtn, .lp a.linkBtn, .lp .post .subimitarea .linkBtn input[type=submit] {
max-width: 380px;
}
}
.lp .post .linkBtn::after, .lp .linkBtn::after, .lp a.linkBtn::after {
border-color: #fff;
}
.lp .post .linkBtn:hover, .lp .linkBtn:hover, .lp a.linkBtn:hover, .lp .post .subimitarea .linkBtn input[type=submit]:hover {
color: var(--color-gray);
background: var(--color-white);
border: 1px solid var(--color-gray);
}
.lp .post .linkBtn:hover::after, .lp .linkBtn:hover::after, .lp a.linkBtn:hover::after {
border-color: var(--color-gray);
}
.lp .subimitarea>.linkBtn {
background: transparent !important;
padding: 0 !important;
margin: 0 !important;
border: none !important;
}
.lp .post .subimitarea .linkBtn input[type=submit] {
margin-top: 0;
}
.lp .bg__black {
background-color: var(--color-black);
position: relative;
}
.lp .bg__image {
display: block;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100%;
height: 40%;
background-image: url(https://taijuen.web.holo.ne.jp/wp-content/uploads/bg-section.png);
background-repeat: no-repeat;
background-size: cover;
background-size: cover;
}
.lp .shop__link {
position: relative;
overflow: hidden;
aspect-ratio: 295/198;
}
@media screen and (max-width: 768px) {
.lp .shop__link {
display: flex;
justify-content: center;
}
}
.lp .shop__link>.section__menu--list-thum>.section__menu--list-item-thum-image {
position: relative;
}
.lp .shop__link>.section__menu--list-thum>.section__menu--list-item-thum-image:hover {
transform: scale(1.1);
}
.lp .shop__link--name {
position: absolute;
z-index: 1;
bottom: 0;
padding-left: 4px;
padding-bottom: 4px;
pointer-events: none;
}
#sitemap_list {
margin: 0 auto !important;
width: 100%;
max-width: 800px;
padding: var(--px40) !important;
}
#sitemap_list a {
color: var(--color-white);
}
#privacy {
margin: 0 auto !important;
width: 100%;
max-width: 1240px;
padding: var(--px40) !important;
}
h1.title.first {
padding-top: var(--px60);
}
h1.title.first span {
color: var(--color-white) !important;
}
.wpcf7 {
margin: 0 auto !important;
width: 100%;
max-width: 1240px;
padding: var(--px40) var(--px24);
}
.wpcf7 table {
border-left: none;
border-right: none;
}
.wpcf7 table th {
width: 40%;
}
.wpcf7 table th, .wpcf7 table td {
background-color: transparent;
align-content: center;
border-left: none;
border-right: none;
}
.wpcf7 .must {
background-color: var(--color-primary);
}
.privacy__btn {
color: var(--color-white);
text-decoration: underline;
transition: all 0.3s ease;
}
.privacy__btn:hover {
opacity: 0.6;
color: var(--color-white);
}
.privacy__agree {
display: flex;
align-items: center;
justify-content: center;
}
.privacy__agree>span {
width: auto;
}
.subimitarea .linkBtn {
margin: 0 auto !important;
background-color: var(--color-primary);
padding: var(--px24) var(--px36);
}
.subimitarea .linkBtn:hover {
opacity: 0.6;
background-color: var(--color-primary);
}
.subimitarea .linkBtn>input {
padding: 0 !important;
}
.thanks__btn {
margin: 0 auto !important;
background-color: var(--color-primary) !important;
padding: var(--px24) var(--px36) !important;
text-align: center !important;
margin-bottom: var(--px40) !important;
}
.thanks__btn:hover {
opacity: 0.6;
background-color: var(--color-primary);
}
.btn__df {
display: flex !important;
}
.lp { }
.lp .toptxtarea {
max-width: 1240px;
width: 100%;
margin: 0 auto;
position: relative;
}
.lp .column01 {
position: relative;
margin: var(--px60) 0 0;
}
.lp .column01_wrap {
position: relative;
max-width: 1240px;
width: 100%;
margin: 0 auto;
}
.lp .column01 .txtarea {
display: flex;
align-items: center;
justify-content: center;
padding: var(--px80) var(--px40);
margin: 0;
}
.lp .column01 .txtarea .txtinner {
max-width: 540px;
}
@media screen and (max-width: 768px) {
.lp .column01 .txtarea .txtinner {
max-width: 100%;
}
}
.lp .column01 .imgarea {
overflow: hidden;
line-height: 0;
margin: 0;
}
.lp .column01 .imgarea img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media print, screen and (max-width: 768px) {
.lp .column01 .txtarea {
padding: var(--px80) 5%;
}
}
.lp .post .txtstyle02, .lp .txtstyle02 {
font-family: var(--font-family06);
font-size: var(--rem36);
font-weight: 600;
text-align: left;
margin: var(--rem36) auto;
background: transparent;
color: var(--color-white);
line-height: 1.4;
padding: 0;
}
.lp .post .txtstyle02:before, .lp .post .txtstyle02:after, .lp .txtstyle02:before, .lp .txtstyle02:after {
content: none;
}
.lp .post .column01 .txtstyle02, .lp .column01 .txtstyle02 {
font-size: var(--rem20);
margin: var(--rem20) 0;
}
.lp .post .txtstyle04, .lp .txtstyle04 {
font-family: var(--font-family06);
font-size: var(--rem36);
font-weight: 600;
text-align: left;
margin: var(--rem36) auto;
background: transparent;
border: none;
color: var(--color-white);
line-height: 1.4;
padding: 0;
}
.lp .post .txtstyle04:before, .lp .txtstyle04:before {
content: none;
}
.lp .post .column01 .txtstyle04, .lp .column01 .txtstyle04 {
font-size: var(--rem36);
}
.lp .post .column01 .txtstyle04:after, .lp .column01 .txtstyle04:after {
content: "";
position: relative;
visibility: visible;
display: block;
width: var(--px80);
height: 3px;
background: var(--color-white);
margin: var(--rem30) 0 0 0.5rem;
}
.lp .front_contents {
padding-bottom: var(--px60);
padding-top: var(--px60);
}
.lp .secret__thum {
max-width: 395px;
}
@media screen and (max-width: 768px) {
.lp .secret__thum {
max-width: 100%;
}
}
.lp .secret__list {
justify-content: center;
}
@media screen and (max-width: 1240px) {
.lp .secret__list {
align-items: center;
}
}
@media screen and (max-width: 1024px) {
.lp .secret__list {
flex-direction: column;
}
}
.lp .secret__list--item {
max-width: 395px;
}
@media screen and (max-width: 768px) {
.lp .secret__list--item {
max-width: 100%;
}
}
.lp .secret__title {
font-family: var(--font-family06);
font-size: var(--px20);
color: var(--color-white);
font-weight: bold;
text-align: center;
padding-top: var(--px30);
}
@media screen and (max-width: 1240px) {
.lp .secret__title {
font-size: var(--px28);
}
}
@media screen and (max-width: 480px) {
.lp .secret__title {
font-size: var(--px24);
}
}
.lp .secret__text {
font-family: var(--font-family07);
font-size: var(--px16);
color: var(--color-white);
line-height: 2;
font-weight: normal;
padding-top: var(--px30);
}
.lp .intro__link {
display: flex;
align-items: center;
gap: var(--px16);
margin-left: auto;
transition: opacity 0.3s ease;
}
.lp .intro__link:hover {
opacity: 0.6;
}
.lp .intro__link--text {
font-family: var(--font-family01);
font-size: var(--px16);
color: var(--color-white);
line-height: 1.2;
letter-spacing: 0.05em;
font-weight: normal;
}
.lp .intro__link>img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
max-width: 38px;
}
.lp .drink__section {
padding-top: 0;
}
.lp .drink__section--inner {
align-items: center;
}
.lp .drink__section--title {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: var(--px16);
margin-bottom: 0;
border-bottom: 3px solid var(--color-primary);
}
.lp .drink__section--title::after {
content: none !important;
}
.lp .drink__section--title-name {
font-size: var(--px24);
}
@media screen and (max-width: 1240px) {
.lp .drink__section--title-name {
font-size: var(--px32);
}
}
.lp .drink__section--title-desc {
font-size: var(--px18);
}
.lp .drink__section--text {
font-size: var(--px16);
}
.lp .drink__detail {
padding: var(--px40);
}
.lp .drink__footer {
display: flex;
flex-direction: column;
}
.lp .drink__footer__list {
font-size: var(--px16);
line-height: 2;
color: var(--color-white);
text-decoration: underline;
transition: opacity 0.3s ease;
}
.lp .drink__footer__list:hover {
opacity: 0.6;
}
.fa-wine-glass, .fa-bowl-food {
padding: 0 var(--px12);
}
.lp .reserve__area {
margin: 0 auto;
margin-top: var(--px48);
width: 100%;
max-width: 1240px;
}
.lp .reserve__area--inner {
padding: var(--px56) var(--px48) var(--px56) var(--px74);
display: flex;
flex-direction: column;
gap: var(--px24);
background-color: var(--color-black);
border: 1px solid var(--color-white);
}
.lp .reserve__area--text {
font-size: var(--px16);
color: var(--color-white);
list-style: disc;
}
.lp .reserve__title {
display: flex;
align-items: center;
gap: 8px;
}
.lp .reserve__title--text {
text-align: left;
}
.lp .reserve__title--text::after {
content: none;
}
.lp .reserve__title--line {
width: var(--px40);
height: 6px;
background-color: var(--color-white);
}
.lp .course__table {
display: flex;
margin-top: var(--px48);
border-top: 1px solid var(--color-white);
border-bottom: 1px solid var(--color-white);
}
@media screen and (max-width: 768px) {
.lp .course__table {
flex-direction: column;
}
}
.lp .course__table--title {
padding: var(--px46);
display: flex;
align-items: center;
width: 100%;
max-width: 280px;
flex: 1;
}
@media screen and (max-width: 768px) {
.lp .course__table--title {
max-width: 100%;
justify-content: center;
padding-bottom: 0;
}
}
.lp .course__table--title-text {
font-weight: bold;
font-size: var(--px16);
}
@media screen and (max-width: 768px) {
.lp .course__table--title-text {
text-align: center;
font-size: var(--px36);
}
}
.lp .course__table--data {
width: 100%;
padding: var(--px46);
padding-left: var(--px56);
display: flex;
flex: 1;
flex-direction: column;
}
@media screen and (max-width: 768px) {
.lp .course__table--data {
align-items: center;
padding-left: var(--px46);
}
}
.lp .course__table--data-text {
font-size: var(--px16);
list-style: disc;
}
@media screen and (max-width: 768px) {
.lp .course__table--data-text {
text-align: center;
font-size: var(--px32);
}
}
.lp .guide__section--title-large {
display: flex;
align-items: center;
text-align: left;
}
.lp .guide__section--title-large::before {
content: "";
display: block;
width: var(--px14);
height: 68px;
background-color: var(--color-primary);
left: 0;
margin-right: var(--px24);
}
.lp .guide__section--title-large::after {
content: none !important;
}
.lp .guide__section--inner>.drink__detail {
padding: var(--px40);
}
@media screen and (max-width: 768px) {
.lp .guide__section--inner>.drink__detail {
padding-left: 0;
padding-right: 0;
}
}
.lp .guide__section--map>iframe {
width: 100%;
height: auto;
aspect-ratio: 620/387;
}
.lp .guide__section .course__table--col {
padding-top: var(--px40);
}
.lp .guide__btn {
padding-top: var(--px48);
display: flex;
gap: 8px;
justify-content: end;
}
@media screen and (max-width: 768px) {
.lp .guide__btn {
flex-direction: column;
align-items: center;
justify-content: center;
}
}
.lp .guide__btn>.txt_c {
max-width: 194px !important;
}
@media screen and (max-width: 768px) {
.lp .guide__btn>.txt_c {
max-width: 100% !important;
}
}
.lp .guide__btn--link {
position: relative;
max-width: 194px !important;
}
@media screen and (max-width: 768px) {
.lp .guide__btn--link {
max-width: 100% !important;
}
}
.lp .guide__btn--icon {
position: absolute;
right: var(--px16);
top: 50%;
transform: translateY(-50%);
}
.lp .guide__table {
margin: 0;
}
.lp .guide__table:not(:first-of-type) {
border-top: none;
}
.lp .guide__media {
display: flex;
justify-content: center;
align-items: center;
gap: var(--px32);
padding-top: var(--px32);
}
.lp .guide__media--image {
width: 100%;
max-width: 395px;
height: auto;
}
.lp .card__icon {
width: 100%;
height: auto;
max-width: 57px;
background-color: var(--color-white);
padding: 4px !important;
border-radius: 4px;
}
.lp .card__icon--df {
display: flex;
align-items: center;
gap: 24px;
}
@media screen and (max-width: 768px) {
.lp .card__icon--df {
flex-wrap: wrap;
justify-content: center;
}
}
.lp .store__menu {
padding: var(--px100) var(--px48) var(--px48) var(--px48);
}
.lp .coupon__list {
margin: 0 auto;
width: 100%;
max-width: 1240px;
display: flex;
flex-direction: column;
gap: var(--px24);
}
.lp .coupon__list--item {
display: flex;
flex-direction: column;
}
.lp .coupon__list--link {
padding-left: 16px;
}
.lp .coupon__list--link-item {
color: var(--color-white);
transition: opacity 0.3s ease;
padding-bottom: 4px;
border-bottom: 1px solid var(--color-white);
}
.lp .coupon__list--link-item:hover {
opacity: 0.6;
}
.page-thanks h2 {
color: var(--color-white);
padding-top: var(--px36);
}
.info__list {
padding-top: var(--px32);
display: flex;
justify-content: center;
gap: 20px;
max-width: 1240px;
margin: 0 auto !important;
}
@media screen and (max-width: 768px) {
.info__list {
flex-direction: column;
}
}
.info__list li {
max-width: 480px;
padding: 16px;
border: 1px solid var(--color-white);
}
.info__text {
margin-top: 16px;
background-color: var(--color-primary);
width: fit-content;
padding: 0 8px;
}
.info__title {
font-size: var(--px24);
font-weight: bold;
}
.section__review .section__menu--shop {
background: transparent !important;
}
.section__review .section__menu--title-large {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: var(--px20);
}
.section__review .title-en {
font-family: var(--font-family03);
font-size: var(--rem40);
font-weight: 400;
}
.section__review--small {
font-size: var(--rem18);
font-family: var(--font-family01);
font-weight: 400;
}
.icon-item.w50 {
width: 50% !important;
}  .recaptcha {
display: flex;
justify-content: center;
padding: 10px 0 30px;
}