@charset "UTF-8";

.btn-lang img {width: 108px;}
.drop-lang .dropdown-menu {margin-top: 5px;}
.form-row>.col-md-6 {max-width: none;}
.link-sns {right: 1.5rem; bottom:6rem}

.sub-hd.no-img {padding:8rem 0 3rem;}
.sub-hd.no-img.v2 {padding-top: 7rem;}
.sub-hd .h1{font-size: 2rem !important;}
.sub-hd-text {font-size: 1.1rem;}
.bg-txt::before {font-size: 120px;}
.swiper-container-horizontal>.swiper-scrollbar {margin-top: 2rem;}


.pagination {margin-top: 2rem;}
.page-link {width: 2rem; height: 2rem; margin:0px 0.1rem}

.img-list-wrp .img-cont {display: block; padding-top: 2rem;}
.img-list-wrp .img-cont + .img-cont {margin-top: 2rem;}
.img-list-wrp .img-cont>div {flex: 0 0 100%; width: 100%;}
.img-list-wrp .txt-wrap {padding: 0; padding-top: 2rem;}

.sub .media-grid{display: block; padding-bottom: 2rem;}
.sub .media-grid+.media-grid {padding-top: 2rem;}
.sub .media-grid .txt-wrap{width: 100%;margin-left: 0;margin-top: 2rem;}

.visual-swiper-txt h1 { font-size: 2rem !important;}

.hotel-swiper .swiper-slide::after {bottom:20px; right:20px; width: 45px; height: 45px;}
.hotel-swiper-txt {top: 20px; left:20px; width: calc(100% - 40px); font-size: 0.8rem;}
.hotel-swiper-txt p {font-size: 1rem;}
.ru .hotel-swiper-tit .swiper-controls {position: relative; justify-content: flex-end;}
.ru .hotel-swiper {margin-top: 2rem;}

.whylydian .bubble {padding: 1rem;} 
div:not(.jp, .ru) .whylydian .bubble {font-size: 0.9rem;}
.whylydian .sect-08 .bx-round {flex: 0 0 100%; width: 100%; margin-top: 1rem;}
.whylydian .sect-08 .bx:not(.border-dashed) {padding:1rem}
.whylydian .sect-08 .bx.border-dashed {padding:1rem}
.ru .whylydian .sect-03 h4::after {content:none}

.howchoice .sect-01 .left {flex:  0 0 100%;}
.howchoice .sect-01 .right {flex: 0 0 100%;}
.howchoice .sect-01 .bubble {margin-top: 1.5rem; padding: 2rem 1rem;}
.howchoice .sect-01 .bubble::before {content: ''; position: absolute;top:auto;bottom: 100%; left: 50%; transform: translateX(-50%); width: 0px; height: 0px; border-bottom: 0.6rem solid #FAF6F3; border-left: 1rem solid transparent; border-right: 1rem solid transparent;}
.howchoice .sect-02 .row [class^=col],
.howchoice .sect-07 .row [class^=col] {margin-bottom: 1.8rem;}
.sect-banner .txt-sm {letter-spacing: 1.1em;}
.howchoice .sect-location {background: linear-gradient(#111111 30%, #ffffff 10%);}

.fat-carving .btn-ani {min-width: auto; width:100%; padding-left: 1rem; padding-right: 1rem;}
.fat-carving .btn-ani .icon-hand {bottom:-1.5rem; right:0}
.fat-carving .sect-02 .bx-white {padding-left:1rem; padding-right: 1rem}
.fat-carving .sect-02 .bx-gray {padding-left: 1rem; padding-right: 1rem;}
.fat-carving .sect-02 .bx-gray .tit-label {width: auto; font-size: 1.2rem !important;}
.fat-carving .sect-02 .bx-gray .bubble {min-width: auto; font-size: 0.9rem;}
.fat-carving .sect-02 .bx-gray .bubble::before {top:94%; left: -4px; width: 2.2rem;}
.fat-carving .sect-02 .bx-gray img {width: 80%;}
.fat-carving .sect-03 .caution img {width: 60px}
.fat-carving .sect-03 .box-wrp {margin: 1.5rem 0; width: 100%;}
.fat-carving .sect-04 .col-4 {padding-left: 7px; padding-right: 7px;}
.fat-carving .page {padding-top: 1.2rem; padding-bottom:4rem; margin-top: 2rem;}
.fat-carving .page02 h4 {margin-top: 4rem;}
.fat-carving .sect-05 .bx-tit.v2 {margin-bottom: 5rem;}
.fat-carving .sect-05 .row {flex-direction: column-reverse;}
.fat-carving .sect-05 .row h4::before {content:none}
.fat-carving .sect-05 .box-wrp img {box-shadow: none;}
.fat-carving .sect-05 .box-wrp {margin-bottom: 2rem;}
.fat-carving .sect-06 .row {flex-direction: column;}
.fat-carving .sect-06 .col-12 {margin-top: 3rem;}
.fat-carving .sect-06 .bx {height: 270px;}
.fat-carving .sect-08 .txt-wrp {width: 100%; margin-left: 0;}
.fat-carving .sect-08 .bx-round {flex-direction: column; padding:2rem 1rem}
.fat-carving .sect-08 .bx-round>div:last-child {text-align: right;}
.ru .fat-carving .sect-02 .bx-gray .tit-label {font-size: 1rem !important;}
.ru .fat-carving .page02 .btn-ani {flex-direction: column; align-items: center;}
.ru .fat-carving .page .display03:not(.fw700) {font-size: 1.2rem !important; line-height: 1.8rem;}
.ru .fat-carving .page h4 span:not(.fw500, .underline) {font-size: 1.2rem !important;}
.ru .fat-carving .page02 .btn-bubble {line-height: 1; text-align: center;}
.ru .fat-carving .sect-08 h3 span:not(.underline),
.ru .fat-carving .sect-08 .text-org {font-size: 1.1rem;}
.ru .fat-carving .sect-09 .text-org {font-size: 1.2rem;}

.page-redesign h2 {margin-bottom:1rem}
.page-redesign .sect-02 {padding-bottom: 10rem;}
.page-redesign .sect-02 .container .img-item img:first-child {width: 40%; left: 15.71vw;}
.page-redesign .sect-02 .container .img-item img:nth-child(2){width:61.42%; left:35.71vw;top:16.28vw;}
.page-redesign .sect-02 .container .img-item img:nth-child(3){width:36.85%; left:5.71vw; top:69.71vw}
.page-redesign .sect-02 .container .img-item img:nth-child(4){width:36.85%; left:59.71vw; top:162.85vw}
.page-redesign .sect-02 .container .img-item img:last-child{width:59.14%; left:5.13vw; top:183.05vw;}
.page-redesign .sect-02 .display-desc {display: none;}

.fat-trans .sect-01.bg-txt::before {bottom:-6%; font-size: 10rem;}
.fat-trans .sect-03 .txt-wrp {padding: 1rem 0 0;}
.fat-trans .circle-wrp{display: block;}
.fat-trans .circle-wrp>li{margin:0 auto !important}
.fat-trans .circle-wrp::after{display: none;}
.fat-trans .sect-10 .last-txt,
.page-process .sect-05 .last-txt {font-size: 1rem;}
.ru .fat-trans .sect-03 .txt-wrp {padding: 0; padding-top: 2rem;}
.ru .fat-trans .sect-07 .fs-md {padding: 2rem 0 0;}

.page-process .process-list-box {padding-left: 1rem; padding-right: 1rem;}
.page-process .process-list .list-item + .list-item {padding-top: 1.5rem; margin-top: 1.5rem;}
.page-process .sect-03 .sect-title + div {margin-bottom: 2rem;}
.page-process .bx {padding: 1.5rem 0;}
.page-process .sect-05 .img-list-wrp {margin-top: 0;}

.whyabdominal .sect-05 .txt-wrp {margin-top: 1rem; padding: 0;}
.whyabdominal .bx-label-wrp [class^=col] {padding-left: 7px; padding-right: 7px;}
.whyabdominal .sect-07 .bg-txt {padding: 9rem 15px 4rem;}
.whyabdominal .sect-07 .bg-txt::before {font-size: 6rem;}
.whyabdominal .sect-07 .btn {padding-left: 1rem; padding-right: 1rem;}
.whyabdominal .bx {padding: 1.5rem;}
.whyabdominal .sect-07 .bx {padding-left: 1rem;padding-right: 1rem}
.whyabdominal .q-box .box {height: 450px; padding-left: 1.6rem; padding-right: 1.6rem;}
.whyabdominal .sect-10 {font-size: 1.33rem;}
.jp .whyabdominal .q-box .box {height: 600px;}

.page-abs .sect-01 .display01 {margin-top: 0;}
.page-abs .sect-01 h2 {margin-bottom: 1rem;}
.page-abs .sect-02 .label-circle {bottom:3.5rem; left:0.5rem}
.page-abs .sect-02 .label-circle.bg-beige {left:auto; right:0.5rem}
.page-abs .sect-03 .bubble{width: 90%;top:-6rem; left: 5%;}
.page-abs .sect-03 .bubble::before{right:37px;bottom:-20px;transform:rotate(-180deg)}
.page-abs .bg-tit, .page-abs .bg-text{background-size:100% !important;}
.page-abs .circle-wrp{display: block;}
.page-abs .circle-wrp>li{margin:0 auto !important}
.page-abs .circle-wrp::after{display: none;}
.page-abs .sect-07{display: flex; align-items: flex-end; height:100vh; padding-bottom:5rem !important; background-image: url('/jp/wp-content/themes/lydian/assets/css/../img/sub/abs-14-mo.jpg');}
.page-abs .ba-wrp{display: block;}

.blog-list .board-item {margin-top: 2rem; margin-bottom: 1rem;}
.blog-title {margin-bottom: 2rem;}
.blog-cont .txt {padding: 1rem}
.blog-cont .kboard-control {margin-top: 2rem;}
.blog-nav {margin-top:1rem; margin-bottom: 2rem;}
.blog-nav li a span {min-width: 3rem;}

.jp .bg-txt::before{bottom:10%;font-size: 65px !important;}
.jp .faq-row .q {margin-right: 10px;}
.jp .faq-row .icon-collapse{flex: 0 0 24px}
.ru .page-abs .sect-05 h3 {font-size: 1.6rem !important;}
.ru .page-cell .sect-02 .col-auto:nth-child(4) {font-size: 12px;}

.review-board .nav>li{flex-basis: 33.33%}
.review-board .nav>li:nth-child(3)>a{border-right: 1px solid #ccc}

/* 태국어 */
.th .visual-swiper-txt p {font-size: 1.33rem;}
.th .visual-swiper-txt h1 {font-size: 2.22rem;}

/* 인도네시아 */
.id .visual-swiper-txt p {font-size: 1.25rem;}
.id .sub-hd .h1.text-wh {color: #fff;}
.id .whylydian .sect-05 .btm-cont .h5 {padding: 0 1rem;}

/* 베트남 */
.vn .pc-txt {display:  none;}
.vn .mo-txt {display:  block;}
.vn .howchoice .table-bordered thead th {vertical-align: middle;}

@media (max-width: 481px) {
    .whylydian .sect-03 h4 {top:15%; font-size: 1.77rem !important;}
    .whylydian .sect-05 .top-cont .row .txt {font-size: 0.9rem;}

    .fat-trans .bx-beige {font-size: 1.2rem;}
    .fat-trans .bx-label img+div {font-size: 1rem;}
    .fat-trans .txt-box .fw700 {font-size: 1rem;}
    .ru .fat-trans .bx-label img+div {font-size: 0.9rem;}

    .whyabdominal .bubble {padding: 1.5rem 0.9rem;}
    .whyabdominal .sect-02 .bg-gray {padding-left: 1rem; padding-right: 1rem;}
    .whyabdominal .sect-07 .bg-txt {padding: 6rem 15px}
    .whyabdominal .sect-07 .bg-txt::before {font-size: 3.5rem;}
    .ru .whyabdominal .bubble {bottom:10%; padding: 1rem;}
    
    .id #lydianSect-1 .cont4 h3 {font-size: 1.65rem !important;}
} 

@media (max-width:413px){
    div:not(.jp, .ru) .howchoice .sect-01 h3 {font-size: 1.7rem !important;}
    div:not(.jp, .ru) .howchoice .sect-08 .bx {font-size: 1.3rem}
    div:not(.jp, .ru) .howchoice .sect-08 .mid-txt {font-size: 1.15rem !important}
    div:not(.jp, .ru) .howchoice .sect-08 .cont-btm .last-tit {font-size: 1.15rem;}
    div:not(.jp, .ru) .fat-carving .sect-02 .bx-gray .bubble {padding:1rem 0.6rem}
    div:not(.jp, .ru) .page-redesign .sect-06 .display02 {font-size: 1.1rem !important;}
    div:not(.ru) .whyabdominal .bx-label>div {font-size: 0.8rem;}
    div:not(.jp, .ru) .whyabdominal .sect-05 .txt {letter-spacing: -0.09em;}
    div:not(.jp, .ru) .page-abs .sect-11 .fs-md {font-size: 1.1rem !important;}
    div:not(.jp, .ru) .page-cell .sect-04 .row>div .fs-md {font-size: 1.1rem !important;}

    .ru .howchoice .sect-05 .table-wrap::after {width: 38.625%;}
    .ru .fat-carving .sect-04 .col-4 {padding-left: 5px; padding-right: 5px; font-size: 16px;}
    .ru .page-redesign .sect-06 .table-wrap::after {width: 39.625%;}

    .jp .whylydian .sect-06 .txt {font-size: 17px;} 
    .jp .howchoice .sect-02 .bx-caution {font-size: 0.9rem;}
    .jp .faq-row {font-size: 0.9rem;}
    .jp .page-cell .sect-02 .bx .row>div {font-size: 15px;}
    .jp .page-cell .sect-02 .bx p:last-child {font-size: 14px;}

    .th .visual-swiper-txt p {font-size: 1.2rem;}
    .th .visual-swiper-txt h1 {font-size: 1.6rem !important;}
    .id #lydianSect-1 .cont4 h3 {font-size: 1.5rem !important;}

    .vn .visual-swiper-txt p {font-size: 1.2rem; padding-right: 1.8rem;}
    .vn .visual-swiper-txt h1 {font-size: 1.6rem !important;}
    .vn .main-story-txt .txt {padding: 0 0.1rem;}
}

@media (max-width:359.98px){
    html{font-size:12px}
}