/* ------------------------------------------------------- initialization ------------------------------------------------------- */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas { margin: 0; padding: 0;} article, aside, figure, figcaption,footer, h1, h2, h3, h4, h5, h6, header, hgroup, menu, nav, section { display: block;} li { list-style: none;} table,tr,th,td {border-collapse: collapse;} img { vertical-align: top;border: none;} /* ------------------------------------------------------- basic ------------------------------------------------------- */ html { height: 100%; overflow-y: scroll;} body { height: 100%; color: #000000; background: #000; font-size: 16px; line-height: 1.0; *font-size: 100%; word-break: break-all; -webkit-text-size-adjust: 100%;} html.osMac body, body.osMac { font-family: Myriad, Helvetica, Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo","メイリオ", sans-serif;} body.en { word-break: normal;} a, a img { outline: none;} a:link, a:visited { text-decoration: none;} a:hover, a:active { text-decoration: none;} a:hover img { opacity: 0.8; filter: alpha(opacity=80);} .fix:after{ content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden;} .fix{ display: inline-block;} * html .fix{ height: 1%;} .fix{ display:block;} * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;} .fl { float: left;} .fr { float: right;} p { background-image: url("../img/touka.gif");} /* ------------------------------------------------------- common ------------------------------------------------------- */ #wrapper { position: relative; max-width: 1920px; height: 100%; margin: 0 auto;} em,i { font-style: normal;} @font-face { font-family: "singo"; src: url("../fonts/A-OTF-UDShinGoPro-DeBold_0.otf") format('truetype');} .common_title { line-height: 1.2; margin-bottom: 20px; color: #fff; font-family: "singo"; font-size: 36px; letter-spacing: 0.05em; text-align: center;} .common_title span { display: block; margin-top: 10px; font-size: 20px;} h1.nh1, p.nh1{ position: absolute; top: 10px; right: 35px; z-index: 2; font-weight: normal; font-size: 11px; color: #333;} /* マージン */ .mt0 {margin-top: 0 !important;} .mt10 {margin-top: 10px !important;} .mt20 {margin-top: 20px !important;} .mt30 {margin-top: 30px !important;} .mt40 {margin-top: 40px !important;} .mt50 {margin-top: 50px !important;} .mt60 {margin-top: 60px !important;} .mt70 {margin-top: 70px !important;} .mt80 {margin-top: 80px !important;} .mt90 {margin-top: 90px !important;} .mt100 {margin-top: 100px !important;} @media (max-width: 767px) { .mt0_sp {margin-top: 0 !important;} .mt10_sp {margin-top: 10px !important;} .mt20_sp {margin-top: 20px !important;} .mt30_sp {margin-top: 30px !important;} .mt40_sp {margin-top: 40px !important;} .mt50_sp {margin-top: 50px !important;} .mt60_sp {margin-top: 60px !important;} .mt70_sp {margin-top: 70px !important;} .mt80_sp {margin-top: 80px !important;} .mt90_sp {margin-top: 90px !important;} .mt100_sp {margin-top: 100px !important;} } .mb0 {margin-bottom: 0 !important;} .mb10 {margin-bottom: 10px !important;} .mb20 {margin-bottom: 20px !important;} .mb30 {margin-bottom: 30px !important;} .mb40 {margin-bottom: 40px !important;} .mb50 {margin-bottom: 50px !important;} .mb60 {margin-bottom: 60px !important;} .mb70 {margin-bottom: 70px !important;} .mb80 {margin-bottom: 80px !important;} .mb90 {margin-bottom: 90px !important;} .mb100 {margin-bottom: 100px !important;} @media (max-width: 767px) { .mb0_sp {margin-bottom: 0 !important;} .mb10_sp {margin-bottom: 10px !important;} .mb20_sp {margin-bottom: 20px !important;} .mb30_sp {margin-bottom: 30px !important;} .mb40_sp {margin-bottom: 40px !important;} .mb50_sp {margin-bottom: 50px !important;} .mb60_sp {margin-bottom: 60px !important;} .mb70_sp {margin-bottom: 70px !important;} .mb80_sp {margin-bottom: 80px !important;} .mb90_sp {margin-bottom: 90px !important;} .mb100_sp {margin-bottom: 100px !important;} } .pt0 {padding-top: 0 !important;} .pt10 {padding-top: 10px !important;} .pt20 {padding-top: 20px !important;} .pt30 {padding-top: 30px !important;} .pt40 {padding-top: 40px !important;} .pt50 {padding-top: 50px !important;} .pt60 {padding-top: 60px !important;} .pt70 {padding-top: 70px !important;} .pt80 {padding-top: 80px !important;} .pt90 {padding-top: 90px !important;} .pt100 {padding-top: 100px !important;} @media (max-width: 767px) { .pt0_sp {padding-top: 0 !important;} .pt10_sp {padding-top: 10px !important;} .pt20_sp {padding-top: 20px !important;} .pt30_sp {padding-top: 30px !important;} .pt40_sp {padding-top: 40px !important;} .pt50_sp {padding-top: 50px !important;} .pt60_sp {padding-top: 60px !important;} .pt70_sp {padding-top: 70px !important;} .pt80_sp {padding-top: 80px !important;} .pt90_sp {padding-top: 90px !important;} .pt100_sp {padding-top: 100px !important;} } .pb0 {padding-bottom: 0 !important;} .pb10 {padding-bottom: 10px !important;} .pb20 {padding-bottom: 20px !important;} .pb30 {padding-bottom: 30px !important;} .pb40 {padding-bottom: 40px !important;} .pb50 {padding-bottom: 50px !important;} .pb60 {padding-bottom: 60px !important;} .pb70 {padding-bottom: 70px !important;} .pb80 {padding-bottom: 80px !important;} .pb90 {padding-bottom: 90px !important;} .pb100 {padding-bottom: 100px !important;} @media (max-width: 767px) { .pb0_sp {padding-bottom: 0 !important;} .pb10_sp {padding-bottom: 10px !important;} .pb20_sp {padding-bottom: 20px !important;} .pb30_sp {padding-bottom: 30px !important;} .pb40_sp {padding-bottom: 40px !important;} .pb50_sp {padding-bottom: 50px !important;} .pb60_sp {padding-bottom: 60px !important;} .pb70_sp {padding-bottom: 70px !important;} .pb80_sp {padding-bottom: 80px !important;} .pb90_sp {padding-bottom: 90px !important;} .pb100_sp {padding-bottom: 100px !important;} } /* text-align */ .txt_center {text-align: center !important;} .txt_left {text-align: left !important;} .txt_right {text-align: right !important;} /* ------------------------------------------------------- 新ヘッダー：　nheader ------------------------------------------------------- */ #nheader { max-width: 1920px; position: fixed; top: 30px; width: 100%; min-width: 1200px; z-index: 5;} #nheader .flex { display: flex; justify-content: space-between; align-items: flex-start; padding-right: 30px;} #nheader .flex figure img { width: 260px;} #nheader .flex ul { display: flex; padding: 20px; background: rgba(255,255,255,0.6); border-radius: 3px;} #nheader .flex ul li { position: relative; font-weight: bold;} #nheader .flex ul li+li:before { content: '/'; position: absolute; left: -27px;} #nheader .flex ul li+li { margin-left: 50px;} #nheader .flex ul li a { font-size: 14px; white-space: nowrap; color: #000;} #nheader .flex ul li a i, #nheader .flex ul li a em { display: none;} #nheader .flex .spmenu { display: flex; gap: 10px; } @media (max-width: 767px) { #nheader .flex .spmenu { display: none; } #nheader .flex ul li a { font-size: 24px; } } /* オンラインショップボタン */ .onlineshop_btn_wrapper { margin-right: -30px; } .onlineshop_btn { background: #b4a390; color: #fff; font-size: 14px; font-weight: bold; letter-spacing: 0.025em; border-top-left-radius: 3px; border-bottom-left-radius: 3px; width: 175px; display: flex; justify-content: center; align-items: center; height: 56px; } .onlineshop_btn::before { font-family: 'Material Icons Outlined'; content: '\e8cc'; font-weight: normal; font-size: 20px; } .onlineshop_btn:hover { opacity: .9; } .onlineshop_btn span { padding: 0 0 0 10px; } @media (max-width: 767px) { .onlineshop_btn_wrapper { margin-right: 0; padding: 30px 40px; } .onlineshop_btn { font-size: 24px; border-radius: 10px; width: 100%; height: 115px; } .onlineshop_btn::before { font-size: 30px; } .onlineshop_btn span { padding: 0 30px; } #nheader .flex ul .pcnone { display: initial; } } /* ------------------------------------------------------- 新MV：　nmainv ------------------------------------------------------- */ #nmainv { max-height: 1040px; position: relative; width: 100%; min-width: 1200px; height: 100%; background: url('../img/nimg/bg_mainv_pc.jpg') no-repeat center top;} #nmainv .logo { position: absolute; top: 50%; left: 50%; margin-top: -94px; margin-left: -320px;} #nmainv .tobe { position: absolute; top: 70%; left: 50%;} #nmainv .fix_footer { position: absolute; right: 0; bottom: 0; width: 545px; height: 80px; background: rgba(0,0,0,0.9); } #nmainv .fix_footer ul { display: flex; height: 100%;} #nmainv .fix_footer ul li { display: table; height: 100%;} #nmainv .fix_footer ul li a { display: table-cell; vertical-align: middle; color: #fff; letter-spacing: 0.2em; line-height: 1.4;} #nmainv .fix_footer ul li+li { border-left: 1px solid #2a2a2a; } #nmainv .fix_footer ul li.line { width: 450px;} #nmainv .fix_footer ul li.line a { position: relative; height: 100%; padding-right: 10px; padding-left: 30px; border-left: 10px solid #b4a390;} #nmainv .fix_footer ul li.line a:before { content: ''; position: absolute; left: -5px; top: 50%; margin-top: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent #b4a390;} #nmainv .fix_footer ul li.line a span { display: flex; align-items: center;} #nmainv .fix_footer ul li.line a span i { font-size: 14px; color: #fff; margin-left: 20px;} #nmainv .fix_footer ul li.mail { width: 95px; text-align: center; font-family: singo; font-size: 14px; background: rgba(255,255,255,1.0); } #nmainv .fix_footer ul li.mail a { /* color: #333; */ color: #b4a390; letter-spacing: 0.2em; } #nmainv .fix_footer ul li.mail figure { /* margin-bottom: 3px; */ margin-bottom: 10px; } #nmainv .fix_footer ul li.mail figure img { width: 34px; height: auto;} #nmainv .fix_footer ul li.tel { display: none; width: 95px; text-align: center; font-family: singo; font-size: 14px; background: #000; } #nmainv .fix_footer ul li.tel figure img { width: 30px; height: auto;} /* ------------------------------------------------------- 新コンテナ：　ncontainer ------------------------------------------------------- */ #ncontainer { background: #000; color: #b4a390;} #ncontainer > section { width: 1200px; margin: 0 auto;} /* ------------------------------------------------------- TOP / インフォメーション ------------------------------------------------------- */ #ncontainer .infomartion { position: relative; padding: 40px 0;} #ncontainer .infomartion .flex { display: flex;} #ncontainer .infomartion .flex > div { width: 50%;} #ncontainer .instabox ul { /* display: flex; */ display: none; position: absolute; top: -75px;} #ncontainer .instabox ul li+li { margin-left: 18px;} #ncontainer .instabox > a { display: flex; align-items: center; /* margin-top: 40px; */ margin-top: -13px; margin-left: 120px; font-family: singo; color: #fff; cursor: pointer;} #ncontainer .instabox a span { letter-spacing: 0.05em; margin-right: 20px;} #ncontainer .instabox a i { margin-left: 20px;} #ncontainer .instabox a i img { width: 40px; height: auto;} #ncontainer .info .title { margin-bottom: 20px; font-family: singo; color: #fff; letter-spacing: 0.05em;} #ncontainer .info ul li { font-size: 14px;} #ncontainer .info ul li+li { margin-top: 15px;} #ncontainer .info a { text-decoration: underline; color: #b4a390;} #ncontainer .info a:hover { text-decoration: none;} /* ------------------------------------------------------- TOP / 月間キャンペーン ------------------------------------------------------- */ #ncontainer .campaign { position: relative; /* margin-top: 100px; */ margin-bottom: 60px; /* padding: 0 0 30px; */ padding: 60px 0 30px; background: url('../img/nimg/bg_campaign.png') no-repeat center bottom;} #ncontainer .campaign .cam_slide ul li img { width: 336px; height: auto;} /* #ncontainer .campaign .cam_slide ul { display: none;} */ /* #ncontainer .campaign .cam_slide ul.slick-initialized { display: block;} */ /* ------------------------------------------------------- TOP / おすすめ施術 ------------------------------------------------------- */ #ncontainer .recommend { position: relative; width: 100%; margin-top: 100px; min-width: 1200px;} #ncontainer .recommend .flex { display: flex; flex-wrap: wrap;} #ncontainer .recommend .flex > div { width: 50%; height: 396px;} #ncontainer .recommend .flex > div > div { display: inline-block; width: 600px; height: 100%;} #ncontainer .recommend .flex > div > div a { display: table; width: 100%; height: 100%; color: #fff;} #ncontainer .recommend .flex > div > div a p { display: table-cell; vertical-align: middle;} #ncontainer .recommend .flex > div > div a p span { display: block; margin-top: 15px; font-size: 20px;} #ncontainer .recommend .flex > div > div a p span i { display: inline-block; padding: 8px 30px 10px; border-radius: 60px; background: #fff; text-align: center;} #ncontainer .recommend .flex > div.suikou { width: 100%; background: url('../img/nimg/bg_recommend_suikou.jpg?01') no-repeat center; background-color: #b3c7d5; text-align: center;} #ncontainer .recommend .flex > div.suikou > div { width: 1200px; text-align: left; } #ncontainer .recommend .flex > div.suikou > div a p { padding-left: 50px; text-align: left; font-size: 24px; font-weight: bold;} #ncontainer .recommend .flex > div.suikou > div a p span i { color: #6d7b84;} #ncontainer .recommend .flex > div.hifu { background: #6ea8aa; text-align: right;} #ncontainer .recommend .flex > div.hifu > div { background: url('../img/nimg/bg_recommend_hifu.png') no-repeat right;} #ncontainer .recommend .flex > div.hifu > div a p { padding-left: 50px; text-align: left; font-size: 24px; font-weight: bold;} #ncontainer .recommend .flex > div.hifu > div a p span i { color: #6ea8aa;} #ncontainer .recommend .flex > div.riposel { background: #aa9f6e; text-align: left;} #ncontainer .recommend .flex > div.riposel > div { background: url('../img/nimg/bg_recommend_riposel.png') no-repeat left;} #ncontainer .recommend .flex > div.riposel > div a p { padding-right: 50px; text-align: right; font-size: 24px; font-weight: bold;} #ncontainer .recommend .flex > div.riposel > div a p span i { color: #aa9f6e;} #ncontainer .recommend .flex > div.ninjin { background: #aa6e79; text-align: right;} #ncontainer .recommend .flex > div.ninjin > div { background: url('../img/nimg/bg_recommend_ninjin.png') no-repeat right;} #ncontainer .recommend .flex > div.ninjin > div a p { padding-left: 50px; text-align: left; font-size: 24px; font-weight: bold;} #ncontainer .recommend .flex > div.ninjin > div a p span i { color: #aa6e79;} #ncontainer .recommend .flex > div.kaberin { background: #bb2026; text-align: left;} #ncontainer .recommend .flex > div.kaberin > div { background: url('../img/nimg/bg_recommend_kaberin.png') no-repeat left;} #ncontainer .recommend .flex > div.kaberin > div a p { padding-right: 50px; text-align: right; font-size: 24px; font-weight: bold;} #ncontainer .recommend .flex > div.kaberin > div a p span i { color: #bb2026;} #ncontainer .recommend .flex > div.dermapen02 { background: url("../img/nimg/bg_recommend_dermapen02.png") no-repeat, #6e79aa;} #ncontainer .recommend .flex > div.dermapen02 > div a p span i { color: #6e79aa;} #ncontainer .recommend .flex > div.dermapen02 > div a p { padding-right: 50px; text-align: right; font-size: 24px; font-weight: bold;} @media (max-width: 767px) { #ncontainer .recommend .flex > div.dermapen02 {order: 4;} #ncontainer .recommend .flex > div.dermapen02 > div a p {font-size: 26px;} } /* ------------------------------------------------------- TOP / お悩み別 ------------------------------------------------------- */ #ncontainer .trouble { position: relative; margin-top: 100px;} #ncontainer .trouble .flex { display: flex; justify-content: space-between; margin-top: 40px; padding: 0 40px;} #ncontainer .trouble .flex > div { position: relative;} #ncontainer .trouble .flex > div:before { content: ''; position: absolute; top: -15px; left: 15px; width: 220px; height: 325px; background: #b4a390; border-radius: 5px;} #ncontainer .trouble .flex > div a { position: relative; z-index: 2; font-weight: bold; font-size: 18px; color: #fff;} #ncontainer .trouble .flex > div a figure { border-radius: 5px; overflow: hidden;} #ncontainer .trouble .flex > div a span { display: block; margin-top: 10px; text-align: center;} #ncontainer .trouble .flex > div a:hover img { opacity: 1.0;} #ncontainer .trouble .another { display: flex; margin-top: 30px; padding-right: 30px; justify-content: flex-end; font-family: singo; color: #fff; letter-spacing: 0.05em; cursor: pointer;} #ncontainer .trouble .another i { margin-left: 20px;} /* ------------------------------------------------------- TOP / 医療IPL脱毛とフェイシャルエステ ------------------------------------------------------- */ #ncontainer .two_category { position: relative; margin-top: 100px;} #ncontainer .two_category .flex { display: flex;} #ncontainer .two_category .flex > div { width: 50%;} #ncontainer .two_category .flex > div a { color: #fff;} #ncontainer .two_category .flex > div .img { position: relative; width: 100%; height: 396px; font-family: singo; font-size: 32px; color: #fff; letter-spacing: 0.1em;} #ncontainer .two_category .flex > div .img span { position: absolute; bottom: 0;} #ncontainer .two_category .flex > div .txt { margin-top: 20px; padding: 0 30px; line-height: 1.8;} #ncontainer .two_category .flex .ipl .img { background: url('../img/nimg/bg_ipl_pc.jpg') no-repeat;} #ncontainer .two_category .flex .ipl .img span { right: 30px;} #ncontainer .two_category .flex .esthe .img { letter-spacing: 0; font-size: 34px; background: url('../img/nimg/bg_esthe_pc.jpg') no-repeat;} #ncontainer .two_category .flex .esthe .img span { bottom: -4px; left: 30px; color: #000;} /* ------------------------------------------------------- TOP / 施術カテゴリ一覧 ------------------------------------------------------- */ #ncontainer .tr_category { position: relative; width: 100%; min-width: 1200px; margin-top: 100px;} #ncontainer .category_box { position: relative; background: #171717;} #ncontainer .category_box:before { content: ''; position: absolute; left: 50%; margin-left: -320px; width: 640px; height: 1px; background: #b4a390;} #ncontainer .category_box .flex { display: flex; flex-wrap: wrap; width: 1200px; margin: 0 auto; padding: 50px 0;} #ncontainer .category_box .flex > div { width: 50%; margin-top: 50px; font-weight: bold; font-size: 18px;} #ncontainer .category_box .flex > div:nth-child(-n+2) { margin-top: 0;} #ncontainer .category_box .flex > div .title { margin-bottom: 30px; color: #fff;} #ncontainer .category_box .flex > div .title span { color: #b4a390;} #ncontainer .category_box .flex > div table { margin-left: 30px; color: #fff; border-left: 2px solid #b4a390;} #ncontainer .category_box .flex > div table th { padding: 15px 20px 15px 0; text-align: left; vertical-align: top;} #ncontainer .category_box .flex > div table th p { position: relative; height: 100%; padding: 0 40px 0 20px;} #ncontainer .category_box .flex > div table th p:before { content: ''; position: absolute; top: 50%; left: 0; width: 100%; height: 2px; background: #b4a390;} #ncontainer .category_box .flex > div table th p.only:before { width: 30%;} #ncontainer .category_box .flex > div table .lastth th { position: relative;} #ncontainer .category_box .flex > div table .lastth th:after { content: ''; position: absolute; top: 26px; left: -2px; width: 100%; height: 100%; background: #171717;} #ncontainer .category_box .flex > div table th p span { position: relative; display: inline-block; padding: 0 20px; background: #171717; z-index: 2;} #ncontainer .category_box .flex > div table td { padding: 15px 5px;} #ncontainer .category_box .flex > div table a { text-decoration: underline; color: #b4a390;} #ncontainer .category_box .flex > div table a:hover { text-decoration: none;} #ncontainer .category_box .flex > div table a i { display: block; font-size: 60%; margin-top: 10px;} /* ------------------------------------------------------- TOP / 院長紹介 ------------------------------------------------------- */ #ncontainer .doctors { position: relative; width: 100%; min-width: 1200px; background:linear-gradient(90deg,#b4a390 0%,#b4a390 50%,#fff 50%,#fff 100%);} #ncontainer .doctors > div { position: relative; width: 1200px; height: 720px; padding: 100px 0 0 0; margin: 0 auto; background: url('../img/nimg/doctors.jpg') no-repeat top right;} #ncontainer .doctors .common_title { margin-bottom: 50px; text-align: left; color: #000;} #ncontainer .doctors .txt { line-height: 1.8; color: #000;} #ncontainer .doctors ul { display: flex; margin-top: 50px;} #ncontainer .doctors ul li+li { margin-left: 20px;} #ncontainer .doctors ul li img { width: 60px; height: auto; border-radius: 10px; box-shadow: 0 2px 5px rgba(0,0,0,0.3);} #ncontainer .doctors .keireki { position: absolute; width: 70%; border-left: 5px solid #000; bottom: 0; left: 0; padding: 30px; background: rgba(255,255,255,0.4);} #ncontainer .doctors .keireki table { font-weight: bold; color: #000;} #ncontainer .doctors .keireki table th { padding: 8px 0; text-align: left;} #ncontainer .doctors .keireki table td { padding: 8px 20px;} #ncontainer .doctors .keireki table tr:first-child th, #ncontainer .doctors .keireki table tr:first-child td { padding-top: 0;} #ncontainer .doctors .keireki table tr:last-child th, #ncontainer .doctors .keireki table tr:last-child td { padding-bottom: 0;} /* ------------------------------------------------------- TOP / アクセスマップ ------------------------------------------------------- */ #ncontainer .access { position: relative; margin-top: 100px;} #ncontainer .access .common_title { text-align: left;} #ncontainer .access .map { width: 100%; height: 420px;} #ncontainer .access .map iframe { width: 100%; height: 100%;} #ncontainer .access .flex { display: flex; height: 80px;} #ncontainer .access .flex p { display: flex; align-items: center; width: 560px;} #ncontainer .access .flex p span { margin-left: 30px; font-weight: bold; color: #fff;} #ncontainer .access .flex ul { display: flex; width: 640px; border-top: 1px solid #b4a390; border-bottom: 1px solid #2a2a2a;} #ncontainer .access .flex ul li { width : calc(100%/3); text-align: center;} #ncontainer .access .flex ul li+li { border-left: 1px solid #2a2a2a;} #ncontainer .access .flex ul li a { position: relative; display: table; width: 100%; height: 100%; color: #fff; font-weight: bold;} #ncontainer .access .flex ul li a:before { content: ''; position: absolute; top: -5px; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #b4a390 transparent transparent transparent;} #ncontainer .access .flex ul li a span { display: table-cell; vertical-align: middle;} /* ------------------------------------------------------- TOP / ギャラリー ------------------------------------------------------- */ #ncontainer .gallery { position: relative; width: 100%; min-width: 1200px; margin-top: 100px;} #ncontainer .gallery .common_title { position: relative; bottom: -3px; margin-bottom: 0;} /* ------------------------------------------------------- 新フッター：　nfooter ------------------------------------------------------- */ #nfooter { background: #000; width: 100%; min-width: 1200px; /* margin-top: 100px; */ padding-top: 100px;} #nfooter p.ftop { position: relative; text-align: right;} #nfooter p.ftop:before { content: ''; position: absolute; top: 14px; left: -400px; width: 100%; height: 3px; background: #b4a390;} #nfooter p.ftop img { width: 280px; height: auto;} #nfooter .flex { display: flex; justify-content: space-between; width: 1200px; margin: 30px auto 0; font-weight: bold; color: #fff;} #nfooter .flex > div { width: 360px;} #nfooter .flex > div .title { margin-bottom: 20px; font-size: 20px;} #nfooter .flex > div > ul { border: 1px solid #2a2a2a;} /* #nfooter .flex > div > ul > li {} */ #nfooter .flex > div > ul > li+li { border-top: 1px solid #2a2a2a;} #nfooter .flex > div > ul > li span { position: relative; display: inline-block; width: 100%; padding: 20px; cursor: pointer;} #nfooter .flex > div > ul > li span:before { content: url('../img/nimg/icon_plus.png'); position: absolute; right: 30px; top: 50%; margin-top: -8px;} #nfooter .flex > div > ul > li span.active:before { transform: rotateZ( 45deg );} #nfooter .flex > div > ul > li a { line-height: 1.5; display: inline-block; width: 100%; padding: 20px; color: #b4a390;} #nfooter .flex > div > ul > li > ul { display: none; background: #171717;} #nfooter .info { width: 1200px; margin: 40px auto 0;} #nfooter .info p { line-height: 2.0; color: #c4c4c4;} #nfooter .info p a { color: #c4c4c4;} #nfooter small { display: block; margin-top: 30px; padding: 20px 0; font-size: 14px; font-weight: bold; text-align: center; color: #b4a390;} #nfooter .flex > div > ul > li ul.flex01 {display: flex;justify-content: space-between;flex-wrap: wrap;} #nfooter .flex > div > ul > li ul.flex01>li {width: 50%;border-top: 1px solid #2a2a2a;} #nfooter .flex > div > ul > li ul.flex01>li:nth-child(even) {border-left: 1px solid #2a2a2a;} @media (max-width: 767px) { #nfooter .flex > div > ul > li ul.flex01>li {width: 100%;border-left: 1px solid #2a2a2a;} } /* SP */ @media (max-width: 767px) { /* ------------------------------------------------------- common ------------------------------------------------------- */ #wrapper { max-width: 640px;} .common_title { margin-bottom: 20px; font-size: 36px; letter-spacing: 0.05em; text-align: left;} .common_title span { display: inline-block; margin-top: 0; margin-left: 20px; font-size: 22px;} h1.nh1, p.nh1{ display: none;} /* ------------------------------------------------------- 新ヘッダー：　nheader ------------------------------------------------------- */ #nheader { width: 100%; min-width: auto;} #nheader .flex { display: inline-block; padding-right: 30px;} #nheader .flex figure { position: relative; z-index: 3;} #nheader .flex figure img { width: 300px;} #nheader .flex ul { flex-wrap: wrap; padding: 0; background: none; border-radius: 0; border-top: 1px solid rgba(255,255,255,0.2);} #nheader .flex ul li { width: 50%; position: relative; font-weight: bold; font-size: 24px; border-bottom: 1px solid rgba(255,255,255,0.2);} #nheader .flex ul li:nth-child(odd) { border-right: 1px solid rgba(255,255,255,0.2);} #nheader .flex ul li+li:before { display: none;} #nheader .flex ul li+li { margin-left: 0;} #nheader .flex ul li a { display: block; width: 100%; padding: 30px 0 30px 30px; color: #fff;} #nheader .flex ul li a i { display: inline-block; margin: 0 5px;} #nheader .flex ul li a em { display: inline-block; color: #b4a390;} /* ------------------------------------------------------- 新ヘッダー：　メニューボタン ------------------------------------------------------- */ .menubtn { position: fixed; top: 0; right: 0; z-index: 2;} .menubtn p { width: 90px; height: 90px; background: url('../img/nimg/menu_btn_on.png') no-repeat;} .menubtn p.active img { opacity: 0;} .spmenu { display: none; position: fixed; top: 0; bottom: 0; width: 100%; padding: 150px 0 0; background: rgba(0,0,0,0.9);} /* ------------------------------------------------------- 新MV：　nmainv ------------------------------------------------------- */ #nmainv { min-width: auto; height: 900px; background-image: url('../img/nimg/bg_mainv_sp.jpg');} #nmainv .tobe { top: 65%; margin-left: -273px;} #nmainv .fix_footer { position: fixed; width: 640px; /* height: 100px; */ height: 120px; /* z-index: 5; */ z-index: 20; background: rgba(144, 118, 90); } #nmainv .fix_footer ul li a { color: #b4a390; line-height: 1.4;} #nmainv .fix_footer ul li+li { border-left: 1px solid #93795e; } #nmainv .fix_footer ul li.line { width: 400px; } #nmainv .fix_footer ul li.line a { padding-left: 30px; padding-right: 20px; } #nmainv .fix_footer ul li.line figure { margin-bottom: 10px; } #nmainv .fix_footer ul li.line a span { display: block; } #nmainv .fix_footer ul li.line a span i { font-size: 18px; font-weight: bold; /* margin-left: 25px; */ margin-left: 0; } #nmainv .fix_footer ul li.mail { font-weight: bold; font-size: 16px; width: 120px; background: #000; } #nmainv .fix_footer ul li.mail figure { margin-bottom: 8px;} #nmainv .fix_footer ul li.mail figure img { /* width: 38px; */ width: auto; padding: 6px 0; } #nmainv .fix_footer ul li.tel { display: table; font-weight: bold; /* font-size: 16px; */ font-size: 18px; width: 120px; } #nmainv .fix_footer ul li.tel figure { /* margin-bottom: 3px; */ /* margin-bottom: 8px; */ margin-bottom: 10px; } #nmainv .fix_footer ul li.tel figure img { /* width: 34px; */ width: auto; } /* ------------------------------------------------------- 新コンテナ：　ncontainer ------------------------------------------------------- */ #ncontainer > section { width: 640px; margin: 0 auto;} /* ------------------------------------------------------- TOP / インフォメーション ------------------------------------------------------- */ #ncontainer .infomartion { /* display: none; */ padding: 40px 30px;} #ncontainer .infomartion .flex { display: block;} #ncontainer .infomartion .flex > div { width: 100%;} #ncontainer .infomartion .flex > div:first-child { margin-bottom: 50px;} #ncontainer .instabox ul li+li { margin-left: 20px;} #ncontainer .instabox > a { justify-content: center; /* margin-left: 80px; */ margin-left: 0; /* margin-top: 50px; */} #ncontainer .instabox a span { font-size: 20px;} #ncontainer .instabox a i img { width: 60px;} #ncontainer .info .title { margin-bottom: 20px; font-size: 32px;} #ncontainer .info ul li { line-height: 1.6; font-size: 22px;} #ncontainer .info ul li+li { margin-top: 20px;} /* インフォメーション非表示用 */ /* #ncontainer .info {display: none;} */ /* #ncontainer .infomartion .flex > div:first-child {margin-bottom: 0;} */ /* ------------------------------------------------------- TOP / 月間キャンペーン ------------------------------------------------------- */ #ncontainer .campaign { padding: 0 30px 30px; background: url('../img/nimg/bg_campaign.png') no-repeat center bottom;} #ncontainer .campaign .cam_slide { margin: 0 -30px; width: 640px;} /* ------------------------------------------------------- TOP / おすすめ施術 ------------------------------------------------------- */ #ncontainer .recommend { padding: 0 30px; min-width: auto;} #ncontainer .recommend .flex { /* display: block; */ margin: 0 -30px; width: 640px;} #ncontainer .recommend .flex > div.hifu {order: 1;} #ncontainer .recommend .flex > div.dermapen {order: 2;} #ncontainer .recommend .flex > div.riposel {order: 3;} #ncontainer .recommend .flex > div.ninjin {order: 4;} #ncontainer .recommend .flex > div.kaberin {order: 5;} #ncontainer .recommend .flex > div { height: 264px; width: 100%;} #ncontainer .recommend .flex > div > div { width: 100%;} #ncontainer .recommend .flex > div > div a p span { margin-top: 22px;} #ncontainer .recommend .flex > div.suikou { background: url('../img/nimg/bg_recommend_suikou_sp.jpg') no-repeat center; } #ncontainer .recommend .flex > div.suikou > div { width: 100%; } #ncontainer .recommend .flex > div.suikou > div a p { font-size: 26px; padding-right: 50px; text-align: right;} #ncontainer .recommend .flex > div.hifu > div a p { font-size: 26px;} #ncontainer .recommend .flex > div.riposel > div a p { font-size: 26px;} #ncontainer .recommend .flex > div.ninjin > div a p { font-size: 26px;} #ncontainer .recommend .flex > div.kaberin > div a p { font-size: 26px;} /* ------------------------------------------------------- TOP / お悩み別 ------------------------------------------------------- */ #ncontainer .trouble { padding: 0 30px; margin-top: 100px;} #ncontainer .trouble .flex { flex-wrap: wrap; margin-top: 50px; padding: 0 40px;} #ncontainer .trouble .flex > div { margin-top: 50px;} #ncontainer .trouble .flex > div:nth-child(-n+2) { margin-top: 0;} #ncontainer .trouble .flex > div a { display: block; font-size: 24px;} #ncontainer .trouble .flex > div a span { margin-top: 20px;} #ncontainer .trouble .flex > div a:hover img { opacity: 1.0;} #ncontainer .trouble .another { font-size: 20px; margin-top: 50px;} /* ------------------------------------------------------- TOP / 医療IPL脱毛とフェイシャルエステ ------------------------------------------------------- */ #ncontainer .two_category .flex > div .txt { margin-top: 30px; padding: 0; font-size: 20px;} #ncontainer .two_category .flex .ipl .txt { padding: 0 20px 0 30px;} #ncontainer .two_category .flex .esthe .txt { padding: 0 30px 0 20px;} #ncontainer .two_category .flex .ipl .img { background-position: -70px 0;} /* ------------------------------------------------------- TOP / 施術カテゴリ一覧 ------------------------------------------------------- */ #ncontainer .tr_category { width: 100%; padding: 0 30px; min-width: auto;} #ncontainer .category_box { width: 640px; margin: 0 -30px;} #ncontainer .category_box .flex { display: block; width: 100%; padding: 0;} #ncontainer .category_box .flex > div { width: 100%; margin-top: 0; font-size: 22px;} #ncontainer .category_box .flex > div .title { position: relative; padding: 30px; border-bottom: 1px solid #2a2a2a; background: #000; font-size: 24px; margin-bottom: 0;} #ncontainer .category_box .flex > div .title:before { content: url('../img/nimg/icon_category.png'); position: absolute; right: 50px; top: 50%; margin-top: -8px;} #ncontainer .category_box .flex > div .title.active:before { transform: rotateZ( 180deg );} #ncontainer .category_box .flex > div > div { display: none; padding: 40px 0;} #ncontainer .category_box .flex > div table { margin-left: 40px;} #ncontainer .category_box .flex > div table th { padding: 20px 20px 20px 0;} #ncontainer .category_box .flex > div table .lastth th:after { top: 33px;} #ncontainer .category_box .flex > div table td { padding: 20px 5px;} /* ------------------------------------------------------- TOP / 院長紹介 ------------------------------------------------------- */ #ncontainer .doctors { padding: 0 30px; min-width: auto; background: none;} #ncontainer .doctors > div { width: 640px; height: 720px; padding: 80px 30px 0 50px; margin: 0 -30px; background: url('../img/nimg/doctors_sp.jpg') no-repeat top right;} #ncontainer .doctors .common_title { margin-bottom: 30px; text-align: left; color: #000;} #ncontainer .doctors .common_title span { display: block; margin-left: 0; margin-top: 15px;} #ncontainer .doctors .txt { font-weight: bold; font-size: 20px;} #ncontainer .doctors ul { padding-left: 30px;} #ncontainer .doctors ul li+li { margin-left: 30px;} #ncontainer .doctors ul li img { width: 80px; border-radius: 18px; box-shadow: 0 2px 5px rgba(0,0,0,0.3);} #ncontainer .doctors .keireki { width: 100%; border-left: 10px solid #000;} #ncontainer .doctors .keireki table { font-size: 18px; color: #b4a390;} /* ------------------------------------------------------- TOP / アクセスマップ ------------------------------------------------------- */ #ncontainer .access { padding: 0 30px;} #ncontainer .access .common_title { text-align: left;} #ncontainer .access .map { width: 640px; margin: 0 -30px;} #ncontainer .access .flex { display: block; width: 640px; height: auto; margin: 0 -30px;} #ncontainer .access .flex p { width: 100%; padding: 30px;} #ncontainer .access .flex p span { font-size: 18px;} #ncontainer .access .flex ul li a { padding: 35px 0; font-size: 20px;} #ncontainer .access .flex ul li a:before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #b4a390 transparent transparent transparent;} #ncontainer .access .flex ul li a span { display: table-cell; vertical-align: middle;} /* ------------------------------------------------------- TOP / ギャラリー ------------------------------------------------------- */ #ncontainer .gallery { padding: 0 30px; min-width: auto; margin-top: 100px;} #ncontainer .gallery .gallery_slide { width: 640px; margin: 0 -30px;} #ncontainer .gallery .common_title { text-align: right; bottom: -3px; margin-bottom: 0;} /* ------------------------------------------------------- 新フッター：　nfooter ------------------------------------------------------- */ #nfooter { padding: 0 30px; padding-top: 100px; min-width: auto;} #nfooter p.ftop { position: relative; width: 640px; margin: 0 -30px; text-align: right;} #nfooter p.ftop:before { top: 15px; left: -350px; height: 2px;} #nfooter p.ftop img { width: 280px; height: auto;} #nfooter .flex { display: block; width: 100%; margin: 30px auto 0; font-weight: bold; color: #fff;} #nfooter .flex > div { width: 100%; margin: 50px 0 0;} #nfooter .flex > div .title { margin-bottom: 30px; font-size: 24px;} #nfooter .flex > div > ul { width: 640px; margin: 0 -30px; display: flex; flex-wrap: wrap; border: 1px solid #2a2a2a; border-width: 1px 0 0 0;} #nfooter .flex > div > ul > li { width: 50%; border: 1px solid #2a2a2a; border-width: 0 1px 1px 0; font-size: 22px;} #nfooter .flex > div > ul > li:nth-child(2n) { border-right: none;} #nfooter .flex > div > ul > li+li { border-top: none;} #nfooter .flex > div > ul > li span { line-height: 1.4; padding: 25px 30px;} #nfooter .flex > div > ul > li span:before { content: url('../img/nimg/icon_plus.png'); position: absolute; right: 30px; top: 50%; margin-top: -12px;} #nfooter .flex > div > ul > li span.active:before { transform: rotateZ( 45deg );} #nfooter .flex > div > ul > li a { padding: 25px 30px;} #nfooter .info { width: 100%;} #nfooter .info p { font-size: 18px;} #nfooter small { /* padding: 20px 0 130px; */ padding: 20px 0 150px; font-size: 18px;} } /* ------------------------------------------------------- 新下層ページ ------------------------------------------------------- */ /* #nunder {} */ /* #nunder .inner {} */ #nunder #nmainv { display: none;} /* メインビジュアル */ #nunder .nunder_mv { height: 500px; background: #000;} #nunder .nunder_mv .inner { display: table; height: 100%;} #nunder .nunder_mv .inner > div { display: table-cell; vertical-align: middle; text-align: center; color: #fff;} #nunder .nunder_mv .inner > div .en { position: relative; margin-bottom: 20px; display: inline-block; /* font-size: 24px; */ font-size: 18px; font-family: singo; letter-spacing: 0.1em;} #nunder .nunder_mv .inner > div .en:before { content: ''; position: absolute; left: -50px; top: 50%; margin-top: -1px; width: 20px; height: 2px; background: #fff;} #nunder .nunder_mv .inner > div .en:after { content: ''; position: absolute; right: -50px; top: 50%; margin-top: -1px; width: 20px; height: 2px; background: #fff;} #nunder .nunder_mv .inner > div .jp { line-height: 1.2; margin-bottom: 30px; font-weight: bold; /* font-size: 30px; */ font-size: 46px; color: #fff; letter-spacing: 0.1em;} #nunder .nunder_mv .inner > div .txt { line-height: 2.0;} #nunder .nunder_first { min-width: 1200px; padding-top: 125px; padding-bottom: 80px; background-position: center top; background-repeat: no-repeat; background-color: #fff;} #nunder .nunder_first .flex { display: flex; align-items: center;} #nunder .nunder_first .flex > div { width: 600px; text-align: center;} #nunder .nunder_first .flex > div .stitle { margin-bottom: 20px;} #nunder .nunder_first .flex > div .title { margin-bottom: 20px; font-size: 42px; font-family: singo; letter-spacing: 0.1em;} #nunder .nunder_first .flex > div .price { font-size: 18px;} #nunder .nunder_first .flex > div .price span { display: inline-block; margin-left: 10px; font-family: singo; font-size: 40px;} #nunder .nunder_first .flex > div .price span i { display: inline-block; margin-left: 5px; font-size: 18px;} #nunder .nunder_first .flex > div a { position: relative; display: inline-block; margin-top: 30px; background: #000; padding: 15px 100px 18px 30px; color: #fff; border-radius: 60px;} #nunder .nunder_first .flex > div a:before { pointer-events: none; content: url('../img/nimg/link_arrow.png'); position: absolute; right: -50px; top: 50%; margin-top: -14px;} #nunder .nunder_first .flex > div a.normal_link { text-decoration: underline; margin-top: 0; background: none; padding: 0; border: none; } #nunder .nunder_first .flex > div a.normal_link::before { content: none; } #nunder .nunder_first .flex > div a.normal_link:hover { opacity: .6; } /* ページ下部にある同一コンテンツ設定 */ #nunder .nunder_first.after { padding: 80px 0; background-image: none!important;} /* キャンペーンがある場合 */ #nunder .nunder_cam.da-ma { background: #6e79aa;} #nunder .nunder_cam .inner { padding: 50px 0; text-align: center;} #nunder .nunder_cam .title { margin-bottom: 30px; color: #fff; font-family: singo; font-size: 32px; letter-spacing: 0.05em;} #nunder .nunder_cam .title span { display: inline-block; margin-right: 30px;} #nunder .nunder_cam figure { margin: 0 auto; width: 500px; height: auto;} /*==================== 各施術ページの個別設定 ====================*/ #nunder .nunder_first.da-ma { background-image: url('../img/nimg/bg_da-ma.jpg');} #nunder .nunder_first.da-ma .flex { background-color: #6e79aa; color: #fff;} #nunder .nunder_first.cha_db { background-image: url('../img/nimg/bg_cha_db.jpg');} #nunder .nunder_first.cha_db .flex { background-color: #753250; color: #fff;} #nunder .nunder_first.bio { background-image: url('../img/nimg/bg_bio.jpg');} #nunder .nunder_first.bio .flex { background-color: #698b38; color: #fff;} #nunder .nunder_first.como { background-image: url('../img/nimg/bg_como.jpg');} #nunder .nunder_first.como .flex { background-color: #c32032; color: #fff;} #nunder .nunder_first.rdm { background-image: url('../img/nimg/bg_rdm.jpg');} #nunder .nunder_first.rdm .flex { background-color: #2a348a; color: #fff;} #nunder .nunder_first.flo { background-image: url('../img/nimg/bg_flo.jpg');} #nunder .nunder_first.flo .flex { background-color: #184ea1; color: #fff;} #nunder .nunder_first.ill { background-image: url('../img/nimg/bg_ill.jpg');} #nunder .nunder_first.ill .flex { background-color: #535458; color: #fff;} #nunder .nunder_first.muse { background-image: url('../img/nimg/bg_muse.jpg');} #nunder .nunder_first.muse .flex { background-color: #ef5ba1; color: #fff;} #nunder .nunder_first.silk { background-image: url('../img/nimg/bg_silk.jpg');} #nunder .nunder_first.silk .flex { background-color: #c4b1a5; color: #fff;} #nunder .nunder_first.unstress { background-image: url('../img/nimg/bg_unstress.jpg');} #nunder .nunder_first.unstress .flex { background-color: #84beb6; color: #fff;} #nunder .nunder_case { padding-bottom: 100px; background: #fff;} #nunder .nunder_case figure { text-align: center; } #nunder .nunder_case figure+figure { margin-top: 40px;} #nunder .nunder_case .box { position: relative; padding: 80px; border: 2px solid #000;} #nunder .nunder_case .box .title { position: absolute; top: -22px; left: 30px; padding: 5px 30px; border-left: 2px solid #000; border-right: 2px solid #000; font-size: 36px; font-family: singo; letter-spacing: 0.1em; background: #fff;} #nunder .nunder_case .box .title span { display: inline-block; margin-left: 20px; font-size: 18px; letter-spacing: 0.05em;} .risktxt, #nunder .nunder_case .box .risktxt { display: flex; justify-content: center; position: relative; margin-top: 100px; padding: 50px; background: #e5e5e5;} .risktxt .stitle, #nunder .nunder_case .box .risktxt .stitle { position: absolute; top: -20px; left: 50%; /* margin-left: -150px; */ transform: translateX(-50%); /* width: 300px; */ /* padding: 12px 20px 15px; */ white-space: nowrap; padding: 15px 20px; background: #000; border-radius: 60px; text-align: center; color: #fff;} .risktxt .txt, #nunder .nunder_case .box .risktxt .txt { display: inline-block; line-height: 2.0;} /* 症例写真が二枚以上ある場合 */ .nunder_case_more01_box01 {display: none;margin-top: 40px;} .nunder_case_more01_buttonbox01 {display: flex;justify-content: flex-end;margin-top: 40px;} .nunder_case_more01_buttonbox01>p {border: 2px solid #000;border-radius: 50px;padding: 20px 30px;display: inline-block;font-size: 18px;cursor: pointer;width: 240px;} .nunder_case_more01_buttonbox01>p:hover {background: #000;color: #fff;} .nunder_case_more01_buttonbox01>p>span {display: flex;justify-content: space-between;} .nunder_case_more01_buttonbox01>p>span::after {content: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/nunder_case_more01_button_icon01.png");height: 20px;} .nunder_case_more01_buttonbox01>p:hover>span::after {content: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/nunder_case_more01_button_icon01_on.png");} #nunder .nunder_recommend { min-width: 1200px; padding: 50px 0; background: url('../img/nimg/bg_nunder_recommend.jpg') no-repeat left top;} #nunder .nunder_recommend .title { margin-bottom: 40px; color: #fff; font-size: 24px; font-family: singo; letter-spacing: 0.1em;} #nunder .nunder_recommend .title span { display: block; margin-top: 20px; font-size: 18px; letter-spacing: 0.05em;} #nunder .nunder_recommend .flex { display: flex; justify-content: flex-end;} #nunder .nunder_recommend .flex > div { width: 930px; border: 10px solid #e5e5e5; padding: 50px; background: #fff;} #nunder .nunder_recommend .flex > div ul { display: flex; flex-wrap: wrap; justify-content: space-between;} #nunder .nunder_recommend .flex > div ul li { position: relative; width: 50%; margin-top: 30px; font-size: 18px; padding-left: 25px; line-height: 1.6;} #nunder .nunder_recommend .flex > div ul li:before { content: url('../img/nimg/nunder_recommend_li.png'); position: absolute; left: 0; top: 0;} #nunder .nunder_recommend .flex > div ul li:nth-child(-n+2) { margin-top: 0;} #nunder .nunder_detaile { padding: 100px 0; background: #fff;} #nunder .nunder_detaile .title { letter-spacing: 0.2em; line-height: 1.5; position: relative; margin-bottom: 80px; text-align: center; font-size: 32px; font-family: singo; font-weight: 400; letter-spacing: 0.1em;} #nunder .nunder_detaile .title:before { content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: -30px; width: 80px; height: 4px; background: #000;} #nunder .nunder_detaile .flex { display: flex; justify-content: space-between;} #nunder .nunder_detaile .flex > div { width: 48%; line-height: 2.2;} #nunder .nunder_detaile .flex > figure { width: 50%;} #nunder .nunder_detaile .flex > figure figcaption { text-align: right; margin-top: 15px; font-size: 16px; } #nunder .nunder_downtime { padding: 100px 0; background: #f6f6f6;} #nunder .nunder_downtime .title { position: relative; margin-bottom: 55px; text-align: center; font-size: 32px; font-family: singo; letter-spacing: 0.1em;} #nunder .nunder_downtime .title:before { content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: -30px; width: 80px; height: 4px; background: #000;} #nunder .nunder_downtime table { width: 100%; border-collapse:separate; border-spacing: 0; line-height: 2.0;} #nunder .nunder_downtime table th { padding: 25px 30px; white-space: nowrap; border-bottom: 2px solid #000;} #nunder .nunder_downtime table td { padding: 25px 30px; border-bottom: 1px dotted #000;} #nunder .nunder_price { padding: 100px 0; background: #f6f6f6;} #nunder .nunder_price .title { font-weight: 400; position: relative; margin-bottom: 55px; text-align: center; font-size: 32px; font-family: singo; letter-spacing: 0.1em;} #nunder .nunder_price .title:before { content: ''; position: absolute; left: 50%; margin-left: -40px; bottom: -30px; width: 80px; height: 4px; background: #000;} #nunder .nunder_price .box+.box { margin-top: 10px;} #nunder .nunder_price .stitle { line-height: 1.5; /* margin-bottom: 10px; */ text-align: center; padding: 20px 0; font-family: singo; font-size: 26px; background: #000; color: #fff;} #nunder .nunder_price .stitle span { line-height: 1.4; display: block; margin-top: 10px; font-size: 22px; color: #b4a390;} #nunder .nunder_price table { table-layout: fixed; width: 100%; font-size: 24px;} #nunder .nunder_price table th { /* width: 50%; */ /* text-align: right; */ width: auto; min-width: 30%; /* white-space: nowrap; */ text-align: center; padding: 20px 15px 20px 20px; border-bottom: 1px solid #eee;} #nunder .nunder_price table td { /* width: 50%; */ /* text-align: left; */ font-weight: 400; line-height: 1.2; text-align: center; padding: 20px 20px 20px 15px; border-bottom: 1px solid #eee; font-family: singo; font-size: 26px;} #nunder .nunder_price table tr:last-child th, #nunder .nunder_price table tr:last-child td { border-bottom: none;} /* ダーマペン 20191122 */ #ncontainer .recommend .flex > div.dermapen { width: 100%; } #ncontainer .recommend .flex > div.dermapen > div { background: url("../img/nimg/bg_recommend_dermapen.png") no-repeat center #6e79aa; width: 100%; } #ncontainer .recommend .flex > div.dermapen > div a p span i { color: #6e79aa; } #ncontainer .recommend .flex > div.dermapen > div a p { text-align: left; font-size: 24px; font-weight: bold; } #ncontainer .recommend .flex > div.dermapen > div a { display: flex; align-items: center; } #ncontainer .recommend .flex > div.dermapen > div a:hover img { opacity: 1; } .recommend_new_text01 { font-family: singo; font-size: 16px !important; margin-bottom: 15px; margin-top: 0 !important; display: flex !important; align-items: center; font-weight: 400; } .recommend_new_text01 span { display: inline-block !important; padding-right: 5px; margin-top: 0 !important; } .recommend_new_box01 { max-width: 1100px; width: 100%; margin: 0 auto; } @media (max-width: 767px) { #ncontainer .recommend .flex > div.dermapen > div { background-image: url("../img/nimg/bg_recommend_dermapen_sp.png"); } .recommend_new_box01 { padding-left: 315px; } } .recommend .hifu a {display: flex !important;flex-direction: column;} .recommend .hifu a figure {width: 255px;margin-left: 50px;margin-bottom: 25px;margin-top: 65px;height: 140px;} @media (max-width: 767px) { #ncontainer .recommend .flex > div {height: 230px;} #ncontainer .recommend .flex > div.suikou {background: url(../img/nimg/bg_recommend_suikou02_sp.png?01) no-repeat;} #ncontainer .recommend .flex > div.suikou > div a p {display: none;} #ncontainer .recommend .flex > div.hifu > div {background: url(../img/nimg/bg_recommend_hifu_sp.png?01) no-repeat;} #ncontainer .recommend .hifu a figure {display: none;} #ncontainer .recommend .flex > div.hifu > div a p {display: none;} #ncontainer .recommend .flex > div.riposel > div {background: url(../img/nimg/bg_recommend_ripocel_sp.png) no-repeat;} #ncontainer .recommend .flex > div.riposel > div a p {display: none;} #ncontainer .recommend .flex > div.ninjin > div {background: url(../img/nimg/bg_recommend_ninjin_sp.png) no-repeat;} #ncontainer .recommend .flex > div.ninjin > div a p {display: none;} #ncontainer .recommend .flex > div.dermapen02 {background: url(../img/nimg/bg_recommend_dermapen03_sp.png) no-repeat;} #ncontainer .recommend .flex > div.dermapen02 > div a p {display: none;} /* .recommend .hifu a figure {width: 280px;margin-left: 40px;} */ } /* SP */ @media (max-width: 767px) { /* ------------------------------------------------------- 新下層ページ ------------------------------------------------------- */ #nunder #nmainv { display: block; height: 0; background: none;} /* メインビジュアル */ #nunder .nunder_mv { padding-top: 100px;} #nunder .nunder_mv .inner > div .jp { margin-bottom: 30px; font-size: 40px;} #nunder .nunder_mv .inner > div .txt { font-size: 22px; text-align: left;} #nunder .nunder_first { min-width: 100%; padding-top: 80px; padding-bottom: 80px; background-position: center top; background-repeat: no-repeat; background-color: #fff;} #nunder .nunder_first .flex { display: block;} #nunder .nunder_first .flex > div { width: 100%; padding: 40px 0;} #nunder .nunder_first .flex > div .stitle { line-height: 1.3; font-size: 22px;} #nunder .nunder_first .flex > div .price { line-height: 1.3; font-size: 22px;} #nunder .nunder_first .flex > div .price span i { font-size: 22px;} #nunder .nunder_first .flex > div a { font-size: 24px;} #nunder .nunder_first .flex > div a:before { margin-top: -20px;} /* キャンペーンがある場合 */ #nunder .nunder_cam .inner { padding: 50px 30px;} #nunder .nunder_cam .title { margin-bottom: 30px; font-size: 42px;} #nunder .nunder_cam .title span { display: block; margin-bottom: 20px; font-size: 32px; margin-right: 0;} #nunder .nunder_cam figure { width: 100%;} #nunder .nunder_case { padding-bottom: 80px;} #nunder .nunder_case .box { padding: 40px 20px 20px;} #nunder .nunder_case .box .title span { font-size: 20px;} #nunder .nunder_case .box .risktxt { margin-top: 50px; padding: 40px 30px 30px; font-size: 22px;} #nunder .nunder_case .box .risktxt .txt { line-height: 2.0;} #nunder .nunder_recommend { min-width: 100%; /*background: none; */} #nunder .nunder_recommend .title { text-align: center; margin-bottom: 30px; font-size: 32px;} #nunder .nunder_recommend .title span { margin-top: 15px; font-size: 20px;} #nunder .nunder_recommend .flex > div { width: 100%; padding: 30px;} #nunder .nunder_recommend .flex > div ul { display: block;} #nunder .nunder_recommend .flex > div ul li { width: 100%; margin-top: 15px; font-size: 22px; font-weight: bold;} #nunder .nunder_recommend .flex > div ul li:nth-child(-n+2) { margin-top: 15px;} #nunder .nunder_recommend .flex > div ul li:first-child { margin-top: 0;} #nunder .nunder_detaile { padding: 80px 0;} #nunder .nunder_detaile .flex { display: block;} #nunder .nunder_detaile .flex > div { width: 100%; line-height: 2.0; font-size: 22px;} #nunder .nunder_detaile .flex > figure { margin-top: 40px; width: 100%;} #nunder .nunder_detaile .flex > figure figcaption { font-size: 20px; } #nunder .nunder_downtime { padding: 80px 0;} #nunder .nunder_downtime .inner { padding: 0;} #nunder .nunder_downtime .title { font-weight: 400; margin-bottom: 55px;} #nunder .nunder_downtime table, #nunder .nunder_downtime table tr, #nunder .nunder_downtime table tbody, #nunder .nunder_downtime table th, #nunder .nunder_downtime table td { width: 100%; display: block;} #nunder .nunder_downtime table th { position: relative; text-align: left; padding: 20px 30px; white-space: nowrap; background: #000; color: #fff; font-size: 22px; border-bottom: 1px solid #2a2a2a;} #nunder .nunder_downtime table th:before { content: url('../img/nimg/icon_plus.png'); position: absolute; right: 30px; top: 18px;} #nunder .nunder_downtime table th.show:before { transform: rotateZ( 45deg );} #nunder .nunder_downtime table td { display: none; padding: 20px 30px; font-size: 22px; border-bottom: none;} #nunder .nunder_downtime table td.show { display: block;} #nunder .nunder_price { background: #fff; padding: 0 0 80px 0;} #nunder .nunder_price .inner { padding-right: 0; padding-left: 0; background: #fff;} .page-hifuka_32 #nunder .nunder_price .inner {padding: 0 30px;} } /* 背景設定 */ #nunder .nunder_first.suikou {background-image: url('../img/nimg/suikou_bg01.jpg');} #nunder .nunder_first.hifuka_02 {background-image: url('../img/nimg/hifuka_02_bg01.jpg');} #nunder .nunder_first.hifuka_03 {background-image: url('../img/nimg/hifuka_03_bg01.jpg');} #nunder .nunder_first.hifuka_04 {background-image: url('../img/nimg/hifuka_04_bg01.jpg');} #nunder .nunder_first.hifuka_05a {background-image: url('../img/nimg/hifuka_05a_bg01.jpg');} #nunder .nunder_first.hifuka_06 {background-image: url('../img/nimg/hifuka_06_bg01.jpg');} #nunder .nunder_first.hifuka_07 {background-image: url('../img/nimg/hifuka_07_bg01.jpg');} #nunder .nunder_first.hifuka_09 {background-image: url('../img/nimg/hifuka_09_bg01.jpg');} #nunder .nunder_first.hifuka_10 {background-image: url('../img/nimg/hifuka_10_bg01.jpg');} #nunder .nunder_first.hifuka_11 {background-image: url('../img/nimg/hifuka_11_bg01.jpg');} #nunder .nunder_first.hifuka_12 {background-image: url('../img/nimg/hifuka_12_bg01.jpg');} #nunder .nunder_first.hifuka_13 {background-image: url('../img/nimg/hifuka_13_bg01.jpg');} #nunder .nunder_first.hifuka_14 {background-image: url('../img/nimg/hifuka_14_bg01.jpg');} #nunder .nunder_first.hifuka_15 {background-image: url('../img/nimg/hifuka_15_bg01.jpg');} #nunder .nunder_first.hifuka_18 {background-image: url('../img/nimg/hifuka_18_bg01.jpg');} #nunder .nunder_first.hifuka_20 {background-image: url('../img/nimg/hifuka_20_bg01.jpg');} #nunder .nunder_first.hifuka_21 {background-image: url('../img/nimg/hifuka_21_bg01.jpg');} #nunder .nunder_first.hifuka_22 {background-image: url('../img/nimg/hifuka_22_bg01.jpg');} #nunder .nunder_first.hifuka_23 {background-image: url('../img/nimg/hifuka_23_bg01.jpg');} #nunder .nunder_first.hifuka_24 {background-image: url('../img/nimg/hifuka_24_bg01.jpg');} #nunder .nunder_first.hifuka_26 {background-image: url('../img/nimg/hifuka_26_bg01.jpg');} #nunder .nunder_first.hifuka_31 {background-image: url('../img/nimg/hifuka_31_bg01.jpg');} #nunder .nunder_first.ghost_facial {background-image: url('../img/nimg/ghostfacial_bg01.jpg');} #nunder .nunder_first.hifuka_31 .flex, #nunder .nunder_first.hifuka_26 .flex, #nunder .nunder_first.hifuka_24 .flex, #nunder .nunder_first.hifuka_23 .flex, #nunder .nunder_first.hifuka_22 .flex, #nunder .nunder_first.hifuka_21 .flex, #nunder .nunder_first.hifuka_20 .flex, #nunder .nunder_first.hifuka_18 .flex, #nunder .nunder_first.hifuka_15 .flex, #nunder .nunder_first.hifuka_14 .flex, #nunder .nunder_first.hifuka_13 .flex, #nunder .nunder_first.hifuka_12 .flex, #nunder .nunder_first.hifuka_11 .flex, #nunder .nunder_first.hifuka_10 .flex, #nunder .nunder_first.hifuka_09 .flex, #nunder .nunder_first.hifuka_07 .flex, #nunder .nunder_first.hifuka_06 .flex, #nunder .nunder_first.hifuka_04 .flex, #nunder .nunder_first.hifuka_03 .flex, #nunder .nunder_first.hifuka_02 .flex, #nunder .nunder_first.suikou .flex {background-color: #307ba2;color: #fff;} #nunder .nunder_first.hifuka_05a .flex { background-color: #6ea8aa;color: #fff; } #nunder .nunder_first.ghost_facial .flex { background-color: #307ba2; color: #fff;} /* 汎用MV */ #nunder .nunder_mv.ippan {background: url("../img/nimg/nunder_mv_bg01.jpg") no-repeat top center / cover #fff;} #nunder .nunder_mv.ippan .inner>div .jp, #nunder .nunder_mv.ippan .inner>div {color: #000;} #nunder .nunder_mv.ippan .inner > div .en:before, #nunder .nunder_mv.ippan .inner > div .en::after {background: #000;} #nunder .nunder_mv.suikou .inner>div .en::before, #nunder .nunder_mv.suikou .inner>div .en::after { background-color: #000; } #nunder .nunder_mv.naika_03, #nunder .nunder_mv.christina_01, #nunder .nunder_mv.christina_02, #nunder .nunder_mv.christina_03, #nunder .nunder_mv.christina_04, #nunder .nunder_mv.christina_05, #nunder .nunder_mv.christina_06, #nunder .nunder_mv.christina_07, #nunder .nunder_mv.christina_08, #nunder .nunder_mv.christina_09, #nunder .nunder_mv.christina_10, #nunder .nunder_mv.recruit, #nunder .nunder_mv.ghost_facial, #nunder .nunder_mv.naika_08, #nunder .nunder_mv.naika_09, #nunder .nunder_mv.hellas, #nunder .nunder_mv.hifuka_31, #nunder .nunder_mv.hifuka_26, #nunder .nunder_mv.hifuka_24, #nunder .nunder_mv.hifuka_23, #nunder .nunder_mv.hifuka_22, #nunder .nunder_mv.hifuka_21, #nunder .nunder_mv.hifuka_20, #nunder .nunder_mv.hifuka_18, #nunder .nunder_mv.hifuka_14, #nunder .nunder_mv.hifuka_13, #nunder .nunder_mv.hifuka_12, #nunder .nunder_mv.hifuka_11, #nunder .nunder_mv.hifuka_10, #nunder .nunder_mv.hifuka_09, #nunder .nunder_mv.hifuka_07, #nunder .nunder_mv.hifuka_06, #nunder .nunder_mv.hifuka_05a, #nunder .nunder_mv.hifuka_04, #nunder .nunder_mv.hifuka_03, #nunder .nunder_mv.hifuka_02, #nunder .nunder_mv.da-ma, #nunder .nunder_mv.suikou { background: url("../img/nimg/nunder_mv_bg01.jpg") no-repeat top center / cover #fff; } #nunder .nunder_mv.ghost_facial {height: 650px;background: url("../img/nimg/ghostfacial_mv.jpg?02") no-repeat top center / cover #fff;} #nunder .nunder_mv.ghost_facial>* {display: none;} #nunder .nunder_mv.hifuka_10 {height: 650px;background: url("../img/nimg/hifuka_10_mv.jpg?01") no-repeat top center / cover #fff;} #nunder .nunder_mv.hifuka_10>* {display: none;} #nunder .nunder_mv.hifuka_15 {height: 650px;background: url("../img/nimg/hifuka_15_mv.jpg") no-repeat top center / cover #fff;} @media (max-width: 767px) { #nunder .nunder_mv.ghost_facial {height: 860px;background: url("../img/nimg/ghostfacial_mv_sp.jpg?02") no-repeat top center;} #nunder .nunder_mv.hifuka_10 {height: 860px;background: url("../img/nimg/hifuka_10_mv_sp.jpg?01") no-repeat top center;} #nunder .nunder_mv.hifuka_15 {height: 860px;background: url("../img/nimg/hifuka_15_mv_sp.jpg") no-repeat top center;} } #nunder .nunder_mv.naika_03 .inner>div .jp, #nunder .nunder_mv.naika_03 .inner>div, #nunder .nunder_mv.naika_02 .inner>div .jp, #nunder .nunder_mv.naika_02 .inner>div, #nunder .nunder_mv.text_black01 .inner>div .jp, #nunder .nunder_mv.text_black01 .inner>div, #nunder .nunder_mv.recruit .inner>div .jp, #nunder .nunder_mv.recruit .inner>div, #nunder .nunder_mv.ghost_facial .inner>div .jp, #nunder .nunder_mv.ghost_facial .inner>div, #nunder .nunder_mv.naika_08 .inner>div .jp, #nunder .nunder_mv.naika_08 .inner>div, #nunder .nunder_mv.naika_09 .inner>div .jp, #nunder .nunder_mv.naika_09 .inner>div, #nunder .nunder_mv.hellas .inner>div .jp, #nunder .nunder_mv.hellas .inner>div, #nunder .nunder_mv.hifuka_31 .inner>div .jp, #nunder .nunder_mv.hifuka_31 .inner>div, #nunder .nunder_mv.hifuka_26 .inner>div .jp, #nunder .nunder_mv.hifuka_26 .inner>div, #nunder .nunder_mv.hifuka_24 .inner>div .jp, #nunder .nunder_mv.hifuka_24 .inner>div, #nunder .nunder_mv.hifuka_23 .inner>div .jp, #nunder .nunder_mv.hifuka_23 .inner>div, #nunder .nunder_mv.hifuka_22 .inner>div .jp, #nunder .nunder_mv.hifuka_22 .inner>div, #nunder .nunder_mv.hifuka_21 .inner>div .jp, #nunder .nunder_mv.hifuka_21 .inner>div, #nunder .nunder_mv.hifuka_20 .inner>div .jp, #nunder .nunder_mv.hifuka_20 .inner>div, #nunder .nunder_mv.hifuka_18 .inner>div .jp, #nunder .nunder_mv.hifuka_18 .inner>div, #nunder .nunder_mv.hifuka_15 .inner>div .jp, #nunder .nunder_mv.hifuka_15 .inner>div, #nunder .nunder_mv.hifuka_14 .inner>div .jp, #nunder .nunder_mv.hifuka_14 .inner>div, #nunder .nunder_mv.hifuka_13 .inner>div .jp, #nunder .nunder_mv.hifuka_13 .inner>div, #nunder .nunder_mv.hifuka_12 .inner>div .jp, #nunder .nunder_mv.hifuka_12 .inner>div, #nunder .nunder_mv.hifuka_11 .inner>div .jp, #nunder .nunder_mv.hifuka_11 .inner>div, #nunder .nunder_mv.hifuka_10 .inner>div .jp, #nunder .nunder_mv.hifuka_10 .inner>div, #nunder .nunder_mv.hifuka_09 .inner>div .jp, #nunder .nunder_mv.hifuka_09 .inner>div, #nunder .nunder_mv.hifuka_07 .inner>div .jp, #nunder .nunder_mv.hifuka_07 .inner>div, #nunder .nunder_mv.hifuka_06 .inner>div .jp, #nunder .nunder_mv.hifuka_06 .inner>div, #nunder .nunder_mv.hifuka_05a .inner>div .jp, #nunder .nunder_mv.hifuka_05a .inner>div, #nunder .nunder_mv.hifuka_04 .inner>div .jp, #nunder .nunder_mv.hifuka_04 .inner>div, #nunder .nunder_mv.hifuka_03 .inner>div .jp, #nunder .nunder_mv.hifuka_03 .inner>div, #nunder .nunder_mv.hifuka_02 .inner>div .jp, #nunder .nunder_mv.hifuka_02 .inner>div, #nunder .nunder_mv.da-ma .inner>div .jp, #nunder .nunder_mv.da-ma .inner>div, #nunder .nunder_mv.suikou .inner>div .jp, #nunder .nunder_mv.suikou .inner>div { color: #000; } #nunder .nunder_mv.text_black01 .inner>div .en::before, #nunder .nunder_mv.text_black01 .inner>div .en::after, #nunder .nunder_mv.hifuka_31 .inner>div .en::before, #nunder .nunder_mv.hifuka_31 .inner>div .en::after, #nunder .nunder_mv.hifuka_26 .inner>div .en::before, #nunder .nunder_mv.hifuka_26 .inner>div .en::after, #nunder .nunder_mv.hifuka_24 .inner>div .en::before, #nunder .nunder_mv.hifuka_24 .inner>div .en::after, #nunder .nunder_mv.hifuka_23 .inner>div .en::before, #nunder .nunder_mv.hifuka_23 .inner>div .en::after, #nunder .nunder_mv.hifuka_22 .inner>div .en::before, #nunder .nunder_mv.hifuka_22 .inner>div .en::after, #nunder .nunder_mv.hifuka_21 .inner>div .en::before, #nunder .nunder_mv.hifuka_21 .inner>div .en::after, #nunder .nunder_mv.hifuka_20 .inner>div .en::before, #nunder .nunder_mv.hifuka_20 .inner>div .en::after, #nunder .nunder_mv.hifuka_18 .inner>div .en::before, #nunder .nunder_mv.hifuka_18 .inner>div .en::after, #nunder .nunder_mv.hifuka_15 .inner>div .en::before, #nunder .nunder_mv.hifuka_15 .inner>div .en::after, #nunder .nunder_mv.hifuka_14 .inner>div .en::before, #nunder .nunder_mv.hifuka_14 .inner>div .en::after, #nunder .nunder_mv.hifuka_13 .inner>div .en::before, #nunder .nunder_mv.hifuka_13 .inner>div .en::after, #nunder .nunder_mv.hifuka_12 .inner>div .en::before, #nunder .nunder_mv.hifuka_12 .inner>div .en::after, #nunder .nunder_mv.hifuka_11 .inner>div .en::before, #nunder .nunder_mv.hifuka_11 .inner>div .en::after, #nunder .nunder_mv.hifuka_10 .inner>div .en::before, #nunder .nunder_mv.hifuka_10 .inner>div .en::after, #nunder .nunder_mv.hifuka_09 .inner>div .en::before, #nunder .nunder_mv.hifuka_09 .inner>div .en::after, #nunder .nunder_mv.hifuka_07 .inner>div .en::before, #nunder .nunder_mv.hifuka_07 .inner>div .en::after, #nunder .nunder_mv.hifuka_06 .inner>div .en::before, #nunder .nunder_mv.hifuka_06 .inner>div .en::after, #nunder .nunder_mv.hifuka_05a .inner>div .en::before, #nunder .nunder_mv.hifuka_05a .inner>div .en::after, #nunder .nunder_mv.hifuka_04 .inner>div .en::before, #nunder .nunder_mv.hifuka_04 .inner>div .en::after, #nunder .nunder_mv.hifuka_03 .inner>div .en::before, #nunder .nunder_mv.hifuka_03 .inner>div .en::after, #nunder .nunder_mv.hifuka_02 .inner>div .en::before, #nunder .nunder_mv.hifuka_02 .inner>div .en::after, #nunder .nunder_mv.da-ma .inner>div .en::before, #nunder .nunder_mv.da-ma .inner>div .en::after, #nunder .nunder_mv.suikou .inner>div .en::before, #nunder .nunder_mv.suikou .inner>div .en::after { background-color: #000; } #nunder .nunder_mv.naika_01 { background: url("../img/naika_01_mv01.jpg?01") no-repeat top center / cover; height: 650px; } #nunder .nunder_mv.naika_02 { background: url("../img/naika_02_mv01.jpg?01") no-repeat top center / cover; height: 650px; } #nunder .nunder_mv.naika_08 { background: url("../img/saxenda_mv01.jpg") no-repeat top center; height: 650px; } #nunder .nunder_mv.hellas { background: url("../img/hellas_mv01.jpg") no-repeat top center; height: 650px; } #nunder .nunder_mv.baby_collagen { background: url("../img/nimg/baby_collagen_mv01.jpg") no-repeat top center; height: 650px; } #nunder .nunder_mv.naika_01 .inner, #nunder .nunder_mv.naika_02 .inner, #nunder .nunder_mv.hifuka_15 .inner, #nunder .nunder_mv.baby_collagen .inner, #nunder .nunder_mv.hellas .inner, #nunder .nunder_mv.naika_08 .inner { display: none; } @media (max-width:767px) { #nunder .nunder_mv.naika_01 { background: url("../img/naika_01_mv01_sp.jpg?01") no-repeat top center; height: 860px;} #nunder .nunder_mv.naika_02 { background: url("../img/naika_02_mv01_sp.jpg?01") no-repeat top center; height: 860px;} #nunder .nunder_mv.naika_08 { background: url("../img/saxenda_mv01_sp.jpg") no-repeat top center; height: 940px;} #nunder .nunder_mv.hellas { background: url("../img/hellas_mv01_sp.jpg") no-repeat top center; height: 940px;} #nunder .nunder_mv.baby_collagen { background: url("../img/nimg/baby_collagen_mv01_sp.jpg") no-repeat top center; height: 940px; } #nunder .nunder_mv.recruit { padding-bottom: 80px; height: auto;} } #nunder .h4_ver01 { border-left: 5px solid #333; margin-bottom: 15px; padding: 8px 0; font-size: 16px; font-family: singo; } #nunder .h4_ver01 span { /* padding-left: 1em; */ margin-left: 1em; line-height: 1.5; display: inline-block; } #nunder .txt { line-height: 2.2; } #nunder .box01 { margin-bottom: 80px; } #nunder .box01--mt100 { margin-top: 100px; } #nunder .box01--mt150 { margin-top: 150px; } #nunder .hifuka_01_flex01>div:first-child::before { right: -50px; } #nunder .hifuka_01_flex01--type02>div:first-child::before { right: -75px; } #nunder .hifuka_01_flex01 { margin-top: 40px; } .price_note_list li { position: relative; padding-left: 1.5em; line-height: 1.8; font-size: 16px; } .price_note_list li:before { content: '※'; position: absolute; top: 0; left: 0; } #nunder .kome_p { display: inline-block !important; color: #f75391 !important; } .price_note_list li, .price_box ul li { padding-left: 2em !important;} .price_note_list li.a02::before, .price_box ul li.a02::before { content: "※2";} @media (max-width: 767px) { #nunder .hifuka_01_flex01>div:first-child::before { right: 50%; transform: translateX(-50%); } #nunder .txt { font-size: 22px; } #nunder .h4_ver01 span { line-height: 1.4; display: inline-block; padding-left: 1em; } #nunder .h4_ver01 { font-size: 24px; } .price_note_list { padding: 0 30px; } .price_note_list li { font-size: 18px; } } /* 左の画像が小さい用flexbox */ /* hifuka_20 */ #nunder .nunder_detaile .flex--type02 > figure {margin-right: 2%;width: auto;} #nunder .nunder_detaile .flex--type02 > div {flex-grow: 1;display: flex;align-items: center;} @media (max-width: 767px) { #nunder .nunder_detaile .flex--type02 > figure {text-align: center;margin-bottom: 40px;} } /* 汎用 */ #nunder .nunder_detaile .flex--type03 > *:first-child {margin-right: 2%;width: auto;} #nunder .nunder_detaile .flex--type03 > *:last-child {flex-grow: 1;display: flex;align-items: flex-start;flex-direction: column;} #nunder .nunder_detaile .flex--type03 > *:last-child > *+* {margin-top: 15px;} /* 施術ページ料金表 */ .nunder_price td {position: relative;} .nunder_price .tuujou::before, .nunder_price .syokai::before { /* position: absolute; */ /* top: 0; */ /* left: 0; */ /* width: 100%; */ /* text-align: center; */ margin-right: 10px; padding: 10px; color: #fff; background: #b4a390; font-size: 18px; font-weight: normal; } .nunder_price .syokai::before {content: "初回";} .nunder_price .tuujou::before { content: "通常"; color: rgb(0, 0, 0); background: rgb(232, 232, 232); } .nunder_price .otoku::after { content: 'とってもお得！'; display: inline-block; margin-left: 20px; padding: 5px 15px 7px; background: #f75391; border-radius: 60px; color: #fff; line-height: 1.0; font-size: 14px; font-weight: bold; width: 150px; text-align: center; } .otoku--70000::after {content: '\0a5 70,000 OFF' !important;} .otoku--50000::after {content: '\0a5 50,000 OFF' !important;} .otoku--30000::after {content: '\0a5 30,000 OFF' !important;} .otoku--kikangentei::after {content: '期間限定！' !important;} #nunder .nunder_price table td:last-child {display: flex;width: auto;align-items: center;justify-content: center;} #nunder .nunder_price table td:last-child {display: table-cell;} @media (max-width: 767px) { .nunder_price .otoku::after {width: auto;content: "お得！";} #nunder .nunder_price table td:last-child {display: table-cell;} } /* BA */ @media (max-width: 767px) { .nunder_case_more01_buttonbox01, #nunder .nunder_case figure+figure, .nunder_case_more01_box01 {margin-top: 20px;} .risktxt {margin-top: 50px;padding: 40px 30px 30px;font-size: 22px;} } /* 各ページ用個別 */ #nunder .nunder_mv.hifuka_03 {background: url("../img/nimg/hifuka_03_mv.jpg?01") no-repeat top center / cover!important;height: 650px;} #nunder .nunder_mv.hifuka_03 .inner {display: none;} /* .page-hifuka_24test #nunder .nunder_detaile .box {margin-bottom: 80px;} */ .under_mainv.hifuka_05a {background: url("../img/nimg/hifuka_05a_mv_bg01.jpg01") no-repeat top center !important;} #nunder .flexbox02 {justify-content: space-between;align-items: flex-start;flex-wrap: wrap;display: flex;} #nunder .flexbox02>* {width: 48%;} #nunder .flexbox02>*:nth-child(n+3) {margin-top: 40px;} #nunder .flexbox01 {display: flex;align-items: flex-start;} #nunder .flexbox01>*:last-child {margin-left: 20px;} #nunder .flexbox01 > div { position: relative; } #nunder .flexbox01.flexbox01--y_bottom > div { position: relative; } #nunder .flexbox01.flexbox01--y_bottom > div p.step_text { font-size: 12px; position: absolute; right: 0; bottom: -30px; } @media (max-width: 767px) { #nunder .nunder_mv.hifuka_03 {background: url("../img/nimg/hifuka_03_mv_sp.jpg") no-repeat top center !important;height: 860px;} .page-hifuka_04test .nunder_detaile figure {text-align: center;width: 100%;} #nunder .flexbox02>* {width: 100%;} #nunder .flexbox02>*:nth-child(n+2) {margin-top: 40px;} #nunder .flexbox01.flexbox01--y_bottom > div p.step_text { position: static; text-align: right; bottom: auto; margin-top: 20px; font-size: 18px; } } /* hifuka_18 */ .hifuka_18_box01::after {content: ".";display: block;height: 0;font-size: 0;clear: both;visibility: hidden;} .hifuka_18_box01 figure {float: right;margin-left: 20px;} @media (max-width: 767px) { .hifuka_18_box01 figure {float: initial;margin-left: 0;margin-bottom: 40px;} } /* hifuka_22 */ .hifuka_22.table_ver03 {width: 100%;line-height: 1.6;margin-bottom: 40px;} .hifuka_22.table_ver03 th {white-space: nowrap;padding: 15px 20px;background: #eee;text-align: left;border-bottom: 1px solid #fff;font-weight: normal;vertical-align: top;} .hifuka_22.table_ver03 td {text-align: left;padding: 15px 20px;border-bottom: 1px solid #eee;} .hifuka_22_img02 {text-align: center;} @media (max-width: 767px) { .hifuka_22.table_ver03 {font-size: 22px;} .hifuka_22.table_ver03 th, .hifuka_22.table_ver03 td {display: block;} .hifuka_22_img02 img {width: 100%;} #nunder .jp .mini01 {font-size: 32px;} } /* hifuka_23 */ @media (max-width: 767px) { #nunder .jp .mini01 {font-size: 32px;} } /* hifuka_31 */ .bnr_notebox01 {margin-top: 15px;} .bnr_note01 {text-align: right;line-height: 1.4;} .price_notelist01 {margin-top: 20px;} .price_notelist01 li {position: relative;padding-left: 1.5em;line-height: 1.8;font-size: 14px;} .price_notelist01 li:before {content: '※';position: absolute;top: 0;left: 0;} .price_notelist01+.stitle {margin-top: 20px;} @media (max-width: 767px) { .price_notelist01 {padding: 0 30px;} .price_notelist01 li {font-size: 18px;} } #nunder .nunder_first.naika_01 {background-image: url('../img/nimg/naika_01_bg.jpg');} #nunder .nunder_first.naika_02 {background-image: url('../img/nimg/naika_02_bg.jpg');} #nunder .nunder_first.naika_03 {background-image: url('../img/nimg/naika_03_bg.jpg');} #nunder .nunder_first.naika_04 {background-image: url('../img/nimg/naika_04_bg.jpg');} #nunder .nunder_first.naika_05 {background-image: url('../img/nimg/naika_05_bg.jpg');} #nunder .nunder_first.naika_06 {background-image: url('../img/nimg/naika_06_bg.jpg');} #nunder .nunder_first.naika_01 .flex, #nunder .nunder_first.naika_02 .flex, #nunder .nunder_first.naika_03 .flex, #nunder .nunder_first.naika_04 .flex, #nunder .nunder_first.naika_05 .flex, #nunder .nunder_first.naika_06 .flex {background-color: #29756d;color: #fff;} /* naika_03 */ .naika_03_flex_02 > div .stitle { padding: 15px; border-radius: 4px 4px 0 0; font-weight: bold; font-size: 16px; background: #000; color: #fff;} .naika_03_flex_02 > div .stitle.mt { margin-top: 30px; color: #e1455b;} .naika_03_flex_02 > div .stitle.sp { color: #905da2;} .naika_03_flex_02 > div .stitle.he { color: #1ba9d7;} .naika_03_flex_02 > div .stitle.be { color: #f58e32;} body.page-doctor { height: auto; } body.page-doctor #wrapper { background-color: #ffffff; } .doctor_mv { height: 350px; margin-bottom: 70px; background: url("../img/nimg/doctor_mv.jpg") no-repeat center; background-size: cover; } .doctor_content { overflow: hidden; background: #ffffff; } .doctor_content { position: relative; z-index: 1; } .doctor_content .inner { padding: 30px 100px 150px; } .doctor_content .inner::after { display: block; width: 100%; clear: both; content: ""; font-size: 0; line-height: 0; } .doctor_content .doctor_img { margin-bottom: 55px; position: relative; z-index: 2; float: right; } .doctor_content .doctor_name { width: 450px; padding: 30px 0; margin: 40px 0 70px; position: relative; z-index: 1; text-align: center; } .doctor_content .doctor_name::after { content: ""; width: 2000px; background: url("../img/nimg/nunder_mv_bg01.jpg") no-repeat center / cover; position: absolute; top: 0; bottom: 0; left: -500px; z-index: -1; } .doctor_content .doctor_name h3 { font-family: "singo"; font-size: 34px; margin-bottom: 45px; } .doctor_content .doctor_name > span { font-size: 15px; font-weight: bold; } .doctor_content .doctor_name p.d_name { margin-top: 10px; font-family: "singo"; font-size: 26px; } .doctor_content .doctor_name ul { margin-top: 20px; display: flex; justify-content: center; } .doctor_content .doctor_name ul li { width: 30px; margin: 0 5px; } .doctor_content div[class^="doctor_prof"] { width: 450px; } .doctor_content div[class^="doctor_prof"] dl + dl { margin-top: 55px; } .doctor_content div[class^="doctor_prof"] dl dt { margin-bottom: 20px; padding-bottom: 10px; font-size: 16px; border-bottom: solid 1px #000000; font-family: "singo"; } .doctor_content div[class^="doctor_prof"] dl dd { line-height: 2; font-size: 14px; } .doctor_content .doctor_prof01 { float: left; } .doctor_content .doctor_prof02 { float: right; } @media (max-width: 767px) { .doctor_mv { background-image: url("../img/nimg/doctor_mv_sp.jpg"); } .doctor_content .inner { padding: 30px 40px 150px; } .doctor_content .doctor_img { margin-bottom: 40px; float: none; text-align: center; } .doctor_content .doctor_name { width: auto; float: none; } .doctor_content .doctor_name::after { top: -230px; } .doctor_content .doctor_name h3 { font-size: 38px; } .doctor_content .doctor_name > span { font-size: 20px; } .doctor_content .doctor_name p.d_name { font-size: 36px; margin-top: 15px; } .doctor_content .doctor_name ul { margin-top: 40px; } .doctor_content .doctor_name ul li { width: auto; margin: 0 13px; } .doctor_content div[class^="doctor_prof"] { width: auto; float: none !important; } .doctor_content div[class^="doctor_prof"] dl + dl { margin-top: 70px; } .doctor_content div[class^="doctor_prof"] dl dt { font-size: 24px; } .doctor_content div[class^="doctor_prof"] dl dd { font-size: 20px; } .doctor_content .doctor_prof02 { margin-top: 70px; } } /* treatment page */ #nunder .nunder_first.treatment { background-image: url("../img/nimg/treatment_bg01.jpg"); padding: 0; padding-top: 300px; } .treatment_nav_list01 { display: flex; justify-content: space-between; margin-bottom: 40px; } .treatment_nav_list01>li { background: #797979; display: flex; align-items: center; padding: 10px; width: 390px; cursor: pointer; height: 72px; transition: .2s; position: relative; } .treatment_nav_list01>li.active::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 9px 8px 0 8px; border-color: #000000 transparent transparent transparent; left: 50%; transform: translateX(-50%); bottom: -8px; position: absolute; } .treatment_nav_list01>li>p { font-family: singo; /* color: #b4a390; */ color: #fff; letter-spacing: 0.2em; padding: 0 30px; height: 100%; display: flex; align-items: center; transition: .2s; } .treatment_nav_list01>li>p:nth-child(1) { font-size: 12px; } .treatment_nav_list01>li>p:nth-child(2) { font-size: 16px; display: flex !important; align-items: center; } .treatment_nav_list01>li>p+p { border-left: 1px dashed #fff; } .treatment_nav_list01>li:hover, .treatment_nav_list01>li.active { background: #000000; } .treatment_nav_list01>li:hover>p, .treatment_nav_list01>li.active>p { color: #b4a390; } .treatment_nav_list01>li:hover>p+p, .treatment_nav_list01>li.active>p+p { border-color: #b4a390; } .treatment_menu_list01 { display: flex; flex-wrap: wrap; } .treatment_menu_list01>li { width: 285px; /* border: 1px solid #000; */ outline: 1px solid #000; position: relative; margin-left: 20px; } .treatment_menu_list01>li:nth-child(4n+1) { margin-left: 0; } .treatment_menu_list01>li:nth-child(n+5) { margin-top: 40px; } .treatment_menu_list01 img { width: 100%; } .treatment_menu_list01 div { background: #000; position: relative; flex-shrink: 0; } .treatment_menu_list01 div:nth-child(2) { flex-grow: 1; } .treatment_menu_list01 a { display: flex; flex-direction: column; height: 100%; } .treatment_menu_list01 a p { padding: 10px 15px; color: #fff; font-size: 14px; letter-spacing: 0.1em; position: relative; transition: .2s; display: flex; flex-direction: column; justify-content: center; height: 100%; } .treatment_menu_list01 a p::after { transition: .2s; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #ffffff transparent; position: absolute; right: 7px; bottom: 7px; } .treatment_menu_list01 a p span { font-size: 12px; } .treatment_menu_list01 a:hover p::after { border-color: transparent transparent #b4a390 transparent; } .treatment_menu_list01 a:hover p { color: #b4a390; } .treatment_menu_list01 i { position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, .7); font-size: 14px; color: #000; padding: 30px; opacity: 0; transition: .2s; font-style: normal; line-height: 2; height: 100%; display: flex; align-items: center; } .treatment_menu_list01 i span { max-height: 80px; overflow: hidden; } .treatment_menu_list01 a:hover i { opacity: 1; } .treatment_menu_list01 a:hover img { opacity: 1; } .treatment_menu_wrapper>* { display: none; } .treatment_menu_wrapper>*.active { display: block; } .treatment_menu_list02 { display: flex; flex-wrap: wrap; margin-bottom: 40px; } .treatment_menu_list02>li { width: 285px; /* border: 1px solid #000; */ outline: 1px solid #000; position: relative; margin-left: 20px; } .treatment_menu_list02>li:nth-child(4n+1) { margin-left: 0; } .treatment_menu_list02>li:nth-child(n+5) { margin-top: 20px; } .treatment_menu_list02>li a { /* display: inline-block; */ display: flex; align-items: center; line-height: 1.3; height: 100%; padding: 20px; padding-right: 40px; font-size: 14px; letter-spacing: 0.1em; color: #000; width: 100%; transition: .2s; background: url("../img/nimg/treatment_menu_list02_icon01.png") no-repeat center right 20px; } .treatment_menu_list02>li.reverse a { color: #fff; background: url("../img/nimg/treatment_menu_list02_icon01_on.png") no-repeat center right 20px, #000; } .treatment_menu_list02>li a:hover { color: #fff; background: url("../img/nimg/treatment_menu_list02_icon01_on.png") no-repeat center right 20px, #000; } .treatment_menu_list02>li.reverse a:hover { color: #000; background: url("../img/nimg/treatment_menu_list02_icon01.png") no-repeat center right 20px; } .treatment_menu_ttl01 { font-family: singo; color: #fff; font-size: 24px; letter-spacing: 0.2em; background: #000; padding: 20px 40px; margin-bottom: 40px; } .treatment_menu_ttl02 { font-family: singo; font-size: 20px; letter-spacing: 0.2em; color: #fff; background: #797979; padding: 20px 30px; margin-bottom: 40px; } .treatment_menu_ttl01+.treatment_menu_ttl02 { margin-top: -40px; } .treatment_nav_list01>li>p.pcnone { display: none; } .nunder_treatmen_list_box02 { padding: 100px 0; background: #f6f6f6 !important; } @media (max-width: 767px) { .treatment_nav_list01>li:nth-child(1)>p+p { border: none; } #nunder .nunder_first.treatment { background-image: url("../img/nimg/treatment_bg01_sp.jpg"); padding-top: 270px; } .nunder_treatmen_list_box01 { padding-bottom: 140px; } .nunder_treatmen_list_box02 .inner { padding: 0 30px; } .treatment_nav_list01 { margin-left: -30px; margin-right: -30px; } .treatment_nav_list01>li { padding-left: 0; border-bottom: 3px solid #000; } .treatment_nav_list01>li.active::after { bottom: -11px; } .treatment_nav_list01>li>p:nth-child(1), .treatment_nav_list01>li>p:nth-child(2) { display: none !important; } .treatment_nav_list01>li.active>p:nth-child(3)::after { content: "に関する治療一覧"; } .treatment_nav_list01>li>p:nth-child(3) { padding: 0; /* padding-left: 20px; */ padding-left: 10px; display: flex !important; justify-content: center; width: 100%; white-space: nowrap; } .treatment_nav_list01>li.active { flex-shrink: 0; width: 240px; } .treatment_menu_list01 { justify-content: space-between; } .treatment_menu_list01>li { width: 275px; margin-left: 0 !important; } .treatment_menu_list01>li:nth-child(n+3) { margin-top: 30px; } .treatment_menu_list01 a p { font-size: 16px; height: 40px; } .treatment_menu_list02 { justify-content: space-between; } .treatment_menu_list02>li { margin-left: 0; width: 275px; } .treatment_menu_list02>li:nth-child(n+5) { margin-top: 0; } .treatment_menu_list02>li:nth-child(n+3) { margin-top: 40px; } .treatment_menu_list02>li a { /* font-size: 16px; */ font-size: 20px; } } .cancel_sec .txt { line-height: 1.8;} .cancel_sec a { display: inline-block; margin-top: 20px;} @media (max-width: 767px) { .cancel_sec .txt { text-align: left; font-size: 24px; line-height: 1.6;} .cancel_sec a { display: block; padding: 20px 0!important; margin-top: 20px; border: 1px solid #eee; border-radius: 6px; line-height: 1.0; font-size: 24px!important; font-weight: bold;} } /* ------------------------------------------------------- Hellas（ヘラス） ------------------------------------------------------- */ #nunder .nunder_first.hellas { background-image: url('../img/nimg/bg_hellas.jpg');} #nunder .nunder_first.hellas .flex { background-color: #29756d; color: #fff;} #nunder .nunder_detaile .flex + .title { margin-top: 100px; } .nunder_risk .riskbox { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; margin-top: 100px; padding: 40px 50px 50px; background: #e5e5e5; } .nunder_risk .riskbox .stitle { margin-bottom: 35px; padding: 12px 60px 15px; background: #000; border-radius: 60px; color: #fff; } .nunder_risk .riskbox .txt { line-height: 2.0;} @media (max-width:767px) { .nunder_risk .riskbox { display: block; } .nunder_risk .riskbox .stitle { text-align: center; padding: 15px 40px; font-size: 24px; line-height: 1.4; } } .treatment15_table01 { border-collapse: separate; border-spacing: 2px; line-height: 2; width: 100%; } .treatment15_table01 th { font-size: 18px; font-weight: bold; background: #000000; color: #fff; } .treatment15_table01 th>p { width: 155px; } .treatment15_table01 td { vertical-align: top; background: #f6f6f6; padding: 10px 20px; } .treatment15_table01 tr:nth-child(1) td>div { display: flex; align-items: center; justify-content: center; flex-direction: column; flex-wrap: wrap; padding-top: 40px; } .treatment15_table01 .kanpou_type_title01 { margin-top: -15px; width: 200px; } .treatment15_table01 .kanpou_type_title01>span { display: inline-block; width: 100%; text-align: center; } .treatment15_table01 tr:nth-child(1) td figure { height: 140px; width: 140px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .treatment15_note01 { width: 100%; text-align: right; margin-top: 10px; line-height: 1.4; } @media (max-width:767px) { .treatment15_table01 tr:nth-child(1) td figure { height: 200px; width: 200px; } .treatment15_table01 tr:nth-child(1) td figure img { width: 50%; } .treatment15_table01 .kanpou_type_title01 { width: 250px; } .treatment15_table01+.treatment15_table01 { margin-top: 40px; } .treatment15_table01 th { font-size: 20px; } .treatment15_table01 td { font-size: 18px; padding: 20px; } .treatment15_table01 tr:nth-child(1) td>div { padding-top: 25px; } .treatment15_note01 { font-size: 20px; } } /*韓方薬ダイエット*/ .kanpou_type_img01, .kanpou_type_title01 { display: flex; justify-content: center; align-items: center; } .kanpou_type_title01 { margin: 30px 0; } .kanpou_type_title01 span { background: #000000; color: #fff; font-size: 18px; font-weight: bold; border-radius: 18px; line-height: 1.5; padding: 5px 30px; } .kanpou_type_text01 { line-height: 1.8; } .kanpou_seibun_box01 { margin-top: 90px; padding: 20px; background: #f6f6f6; } .kanpou_seibun_title01 { color: #b4a390; font-weight: bold; line-height: 1.8; margin: 10px 0; } .kanpou_seibun_text01 { line-height: 1.8; } .kanpou_seibun_open01 { display: inline-block; cursor: pointer; transition: all 0.2s ease; } .kanpou_seibun_open01:hover { opacity: .6; } .kanpou_seibun_box01_innerbox01 { display: flex; flex-wrap: wrap; } .kanpou_seibun_box01_innerbox01 > div { width: 25%; text-align: center; padding: 0 20px; } .kanpou_seibun_box01_innerbox01 > div:nth-child(n+5) { margin-top: 35px; } .kanpou_seibun_box01_title01 { background-color: #000000; color: #fff; font-weight: bold; font-size: 20px; padding: 10px 0; text-align: center; margin-bottom: 40px; } .kanpou_seibun_table01 { display: none; margin-top: 30px; width: 100%; } .kanpou_seibun_table01 tr+tr { border-top: 1px dotted #22282c; } .kanpou_seibun_table01 th { width: 30%; color: #b4a390; font-weight: bold; padding: 20px; padding-left: 25px; text-align: left; line-height: 1.5; } .kanpou_seibun_table01 td { line-height: 1.5; } @media screen and (max-width: 767px) { .kanpou_type_img01 img { width: 50% !important; } .kanpou_type_title01 span { font-size: 24px; border-radius: 50px; } .kanpou_type_text01 { font-size: 24px; } .kanpou_seibun_box01_innerbox01 > div { width: 50%; } .kanpou_seibun_box01_innerbox01 > div:nth-child(n+3) { margin-top: 35px; } .kanpou_seibun_box01_title01 { font-size: 24px; } .kanpou_seibun_title01 { font-size: 24px; } .kanpou_seibun_text01 { font-size: 22px; text-align: left; } .kanpou_seibun_table01 th { display: block; font-size: 24px; width: 100%; padding-bottom: 0; } .kanpou_seibun_table01 td { display: block; font-size: 22px; padding: 0 0 20px 25px; } } .nunder_qa_box { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: -90px; } .nunder_qa_box dl { width: 560px; margin-top: 90px; } .nunder_qa_box dl dt { margin-bottom: 25px; background-color: #000000; color: #ffffff; font-size: 18px; font-weight: bold; padding: 15px 20px 15px 50px; position: relative; line-height: 1.4; } .nunder_qa_box dl dt::before { content: "Q"; font-size: 20px; position: absolute; left: 20px; top: 12px; } .nunder_qa_box dl dd { font-size: 16px; line-height: 1.8; } @media screen and (max-width: 767px) { .nunder_qa_box dl dt { font-size: 24px; } .nunder_qa_box dl dt::before { font-size: 26px; } .nunder_qa_box dl dd { font-size: 22px; } } /* ------------------------------------------------------- サクセンダ ------------------------------------------------------- */ #nunder .nunder_first.saxenda { background-image: url('../img/nimg/saxenda_bg.jpg');} #nunder .nunder_first.saxenda .flex { background-color: #29756d; color: #fff;} /* ------------------------------------------------------- メディカルダイエット ------------------------------------------------------- */ #nunder .nunder_first.medical_diet .flex > div .price { display: flex; justify-content: center; line-height: 1.5; } .naika_09_table01 { border-collapse: collapse; } .naika_09_table01 th { background: #000000; color: #fff; min-width: 240px; text-align: center; border: 2px solid #fff; padding: 30px; line-height: 2; } .naika_09_table01 td { background: #e5e5e5; vertical-align: middle; border: 2px solid #fff; padding: 30px; line-height: 2; width: 40%; } .naika_09_table01 td.th { font-weight: bold; vertical-align: middle; text-align: center; min-width: 240px; width: 20%; background: #595959; color: #fff; } .naika_09_box01 { margin-top: 50px; } @media (max-width: 767px) { #nunder .nunder_first .flex>figure { display: none; } .naika_09_table01 { width: 100%; white-space: initial; } .naika_09_table01 th, .naika_09_table01 td { font-size: 22px; } .naika_09_table01 td.th, .naika_09_table01 th { width: 30%; min-width: initial; } .naika_09_table01 td { width: 70%; } .naika_09_table01+.naika_09_table01 { margin-top: 30px; } } /* 20200605メンズ医療脱毛キャンペーン追加 */ .nunder_recommend03 { margin: 60px 0; } .nunder_recommend03_wrapper { max-width: 1220px; display: flex; justify-content: center; } .nunder_recommend03_wrapper>div { width: 560px; } .nunder_recommend03_txt01 { background: #8c785a; color: #fff; font-family: "Noto Serif JP", serif; font-size: 40px; letter-spacing: 0.1em; text-align: center; padding: 20px; margin-bottom: 30px; } .nunder_recommend03_txt01--ladies01 { background: #b4a390; } .nunder_recommend03_txt02 { font-family: "Noto Sans JP", sans-serif; font-size: 24px; letter-spacing: 0.1em; text-align: center; margin-bottom: 30px; line-height: 1.5; } .nunder_recommend03_txt03 { font-family: "Noto Serif JP", serif; font-size: 36px; letter-spacing: 0.1em; margin-bottom: 20px; } .nunder_recommend03_txt04 { font-family: "Noto Sans JP", sans-serif; font-size: 18px; letter-spacing: 0.1em; margin-bottom: 10px; } .nunder_recommend03_price01 { font-family: toppan-bunkyu-midashi-min-st, serif; font-style: normal; font-weight: 900; font-size: 70px; color: #030406; text-align: right; } .nunder_recommend03_price01 small { font-size: 52px; } .nunder_recommend03_box01 { display: flex; /* justify-content: space-between; */ justify-content: space-around; width: 560px; margin: 0 auto; } .nunder_recommend03_box02 { display: flex; flex-direction: column; justify-content: center; } .nunder_recommend03_flexbox01 { display: flex; } .nunder_recommend03_flexbox01>div+div { margin-left: 70px; } .nunder_recommend03_wrapper>div.w1200px { width: 1200px; } .nunder_recommend03_price01--left { text-align: left; } @media (max-width: 767px) { .nunder_recommend03_flexbox01 { display: block; } .nunder_recommend03_flexbox01>div+div { margin-left: 0; margin-top: 50px; } .nunder_recommend03_wrapper>div.w1200px { width: 100%; } .nunder_recommend03_price01--left { text-align: right; } .nunder_recommend03_box01 { width: auto; } } /* /20200605メンズ医療脱毛キャンペーン追加 */ /* SP用の古い固定フッターを非表示20200611 */ @media (max-width: 767px) { .fix_footer {display: none;} } /* 施術ページMV画像20200612 */ #nunder .nunder_mv.hifuka_31 .inner, #nunder .nunder_mv.hifuka_20 .inner, #nunder .nunder_mv.suikou .inner, #nunder .nunder_mv.da-ma .inner { display: none; } #nunder .nunder_mv.hifuka_31 { background: url('../img/nimg/hifuka_31_mv01.jpg?02') no-repeat top center / cover; height: 650px; } #nunder .nunder_mv.hifuka_20 { background: url('../img/nimg/hifuka_20_mv02.jpg') no-repeat top center; height: 650px; } #nunder .nunder_mv.suikou { background: url('../img/nimg/suikou_mv01.jpg?05') no-repeat top center / cover; height: 650px; } #nunder .nunder_mv.da-ma { background: url('../img/nimg/da-ma_mv02.jpg') no-repeat top center / cover; height: 650px; } @media (max-width: 767px) { #nunder .nunder_mv.hifuka_31 { background: url('../img/nimg/hifuka_31_mv01_sp.jpg?02') no-repeat top center; height: 860px; } #nunder .nunder_mv.hifuka_20 { background: url('../img/nimg/hifuka_20_mv02_sp.jpg') no-repeat top center; height: 860px; } #nunder .nunder_mv.suikou { background: url('../img/nimg/suikou_mv01_sp.jpg?05') no-repeat top center; height: 860px; } #nunder .nunder_mv.da-ma { background: url('../img/nimg/da-ma_mv02_sp.jpg') no-repeat top center; height: 860px; } } /* 施術ページMV下CPバナー20200612 */ .nunder_cp_bnr.hifuka_31, .nunder_cp_bnr.suikou, .nunder_cp_bnr.da-ma { /* background: url('../img/cam/202006_5type.jpg') no-repeat top center; */ /* height: 520px; */ margin-bottom: 80px; } .nunder_cp_bnr.hifu { background: url('https://christina-clinic.com/wp/wp-content/themes/cc/img/cam/202006_hifu.jpg') no-repeat top center; height: 520px; } @media (max-width: 767px) { .nunder_cp_bnr.hifuka_31, .nunder_cp_bnr.suikou, .nunder_cp_bnr.da-ma { /* background: url('../img/cam/202006_5type_sp.jpg') no-repeat top center; */ /* height: 940px; */ } .nunder_cp_bnr.suikou { margin-bottom: 0; } .nunder_cp_bnr.hifu { background: url('https://christina-clinic.com/wp/wp-content/themes/cc/img/cam/202006_hifu_sp.jpg') no-repeat top center; height: 940px; } } /* /施術ページMV下CPバナー20200612 */ /* トップページコンテンツバナーリスト20200616 */ .top_contents_list01 {display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 60px;} .top_contents_list01>li {width: 580px;} .top_contents_list01>li.w100per_pc {width: 100%;} .top_contents_list01>li:nth-child(n+3) {margin-top: 40px;} .top_contents_list01>li img {width: 100%;} @media (max-width: 767px) { .top_contents_list_sec {padding: 0 30px;} .top_contents_list01>li:nth-child(n+2) {margin-top: 30px;} .top_contents_list01>li.w100per_pc {margin-left: -30px;margin-right: -30px;width: 640px;} } /* /トップページコンテンツバナーリスト20200616 */ /* トップページランキング＆ピックアップ20200616 */ #ncontainer > .top_two_contents {margin-top: 100px;} .top_two_contents .common_title {font-size: 38px;margin-bottom: 60px;} .top_two_contents_flexbox { display: flex; justify-content: space-between;} .top_two_contents_flexbox>div { width: 580px;} .top_diet_list01>li+li { margin-top: 32px;} .top_two_contents_list01_box02{ display: flex;} .top_two_contents_list01>li+li { padding-top: 30px; margin-top: 30px; border-top: 2px solid #fff;} .top_two_contents_list01 figure { width: 180px; margin-right: 30px; position: relative;} .top_two_contents_list01 li figure::before { content: ""; height: 48px; width: 48px; top: 0; left: 0; position: absolute;} .top_two_contents_list01 li:nth-child(1) figure::before { background: url("../img/nimg/top_ranking_ico01.png") no-repeat;} .top_two_contents_list01 li:nth-child(2) figure::before { background: url("../img/nimg/top_ranking_ico02.png") no-repeat;} .top_two_contents_list01 li:nth-child(3) figure::before { background: url("../img/nimg/top_ranking_ico03.png") no-repeat;} .top_two_contents_list01_box01 { display: flex; flex-direction: column; justify-content: center; width: 100%;} .top_two_contents_list01_ttl01 { line-height: 1.8; color: #fff; font-family: "singo"; font-size: 20px; letter-spacing: 0.05em; margin: 10px 0 5px;} .top_two_contents_list01_txt01 { color: #fff; line-height: 1.8;} .top_two_contents_list01_type01 span { display: inline-block; margin-right: 10px; color: #fff; background: #b6a476; font-family: "singo"; letter-spacing: 0.1em; padding: 5px 15px;} .top_two_contents_list01--ico_none li figure::before { content: none;} .top_two_contents_list01--ico_none li+li { margin-top: 20px;} .top_two_contents_list01_note01 { color: #fff; line-height: 1.8;} .top_two_contents_list02 { margin-top: 20px;} .top_two_contents_list02 li { color: #fff; line-height: 1.6; position: relative; padding-left: 24px;} .top_two_contents_list02 li+li { margin-top: 5px;} .top_two_contents_list02 li::before { content: ""; background: url("../img/nimg/top_two_contents_list01_check01.png") no-repeat top left; position: absolute; top: 6px; left: 0; height: 16px; width: 16px; } .top_two_contents_list02_show_button { cursor: pointer;} .top_two_contents_list01_note01 a { color: #fff; text-decoration: underline;} .top_two_contents_list01_type01 i {color: #fff;} @media (max-width: 767px) { .top_two_contents { padding: 0 30px; } .top_two_contents_flexbox { display: block; } .top_two_contents_flexbox>*+* { margin-top: 100px; } .top_diet_list01>li+li { margin-top: 30px; } .top_two_contents_list01_ttl01 { /* font-size: 28px; */ font-size: 20px; line-height: 1.4; margin-top: 15px; } .top_two_contents_list01_txt01, .top_two_contents_list01_note01 { font-size: 20px; } .top_two_contents_list01_type01 span { font-size: 18px; } .top_two_contents .common_title span { margin-left: 0; display: inline-block; } .top_two_contents_list02 li { font-size: 20px; } .top_two_contents_list02 li::before { top: 8px; } .top_two_contents_list02 { display: none; } .top_two_contents_list02_show_button { position: absolute; top: 0; left: 0; } .top_two_contents_list01_box03 { margin-top: 35px; position: relative; min-height: 100px; } } /* /トップページランキング＆ピックアップ20200616 */ /* 施術ページおすすめクリスティーナ化粧品追加20200617 */ #nunder .nunder_recommended_product01 {margin-bottom: 140px;} #nunder .nunder_recommended_product01_flexbox { display: flex; box-shadow:20px 20px 0px 0px #727171; border:1px solid #000; width: 1180px; position: relative; color: inherit;} #nunder a.nunder_recommended_product01_flexbox:hover { opacity: .8; } #nunder .nunder_recommended_product01_flexbox--1000px {margin-left: -100px;}/*横幅1000px用*/ #nunder .nunder_recommended_product01_flexbox::after { content: ""; background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/recommended_product_logo01.png") no-repeat bottom center; position: absolute; left: 0; bottom: 30px; height: 42px; width: 100%;} #nunder .nunder_recommended_product01_flexbox .title { font-size: 24px; font-weight: bold; border-bottom: 1px solid #000; padding-bottom: 30px; margin-bottom: 20px;} #nunder .nunder_recommended_product01_flexbox .title--probright01 { color: #488a9b; border-color: #488a9b;} #nunder .nunder_recommended_product01_flexbox .title--prolift01 { color: #c09554; border-color: #c09554;} #nunder .nunder_recommended_product01_flexbox .title--prosculpt01 { color: #58498e; border-color: #58498e;} #nunder .nunder_recommended_product01_flexbox .title--proclear01 { color: #ab485d; border-color: #ab485d;} #nunder .nunder_recommended_product01_flexbox .title--procare01 { color: #8a8285; border-color: #8a8285;} #nunder .nunder_recommended_product01_flexbox .txt { font-size: 18px; font-weight: bold; line-height: 2;} #nunder .nunder_recommended_product01_flexbox .note { font-size: 14px;} #nunder .nunder_recommended_product01_flexbox>div:last-child { display: flex; align-items: center; padding-bottom: 50px; padding-right: 110px; flex-grow: 1; position: relative;} #nunder .nunder_recommended_product01_flexbox>div:last-child>div { width: 100%;} #nunder .nunder_recommended_product01_ttl01 { text-align: center; margin-bottom: 50px;} #nunder .nunder_recommended_product01_ttl01 .stitle span { font-family: singo; font-size: 18px; color: #fff; background: #000; letter-spacing: 0.2em; display: inline-block; padding: 5px 10px; margin-bottom: 30px;} #nunder .nunder_recommended_product01_ttl01 .title { font-family: singo; font-size: 36px; letter-spacing: 0.2em; margin-bottom: 30px;} @media (max-width: 767px) { #nunder .nunder_recommended_product01_ttl01 .title {font-size: 32px;} #nunder .nunder_recommended_product01 .inner {padding: 0 20px;} #nunder .nunder_recommended_product01_flexbox {width: calc(100% - 20px);flex-direction: column;} #nunder .nunder_recommended_product01_flexbox--1000px {margin-left: 0px;}/*横幅1000px用*/ #nunder .nunder_recommended_product01_ttl01 .txt {line-height: 1.5;} #nunder .nunder_recommended_product01_flexbox>div:last-child {padding-right: 0;padding: 0 40px 100px 40px;} #nunder .nunder_recommended_product01_flexbox .title {font-size: 22px;padding-bottom: 20px;margin-bottom: 10px;} #nunder .nunder_recommended_product01_flexbox .txt {font-size: 20px;line-height: 1.8;} #nunder .nunder_recommended_product01_flexbox .note {font-size: 16px;} #nunder .nunder_recommended_product01_flexbox>div:first-child {text-align: center;margin-bottom: -40px;} #nunder .nunder_recommended_product01_flexbox::after {background-image: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/recommended_product_logo01_sp.png");} #nunder .nunder_recommended_product01_ttl01 .stitle span {padding: 10px 15px;} } /* /施術ページおすすめクリスティーナ化粧品追加20200617 */ /* christina_clinical page */ #nunder .nunder_first.clinical { background-image: url("../img/nimg/clinical_bg01.jpg"); padding: 300px 0 0; } #nunder .clinical_ul01 { margin: 60px 0 100px; display: flex; justify-content: space-between; } #nunder .clinical_ul01 li { width: 380px; border: solid 2px #000000; } #nunder .clinical_ul01 li h4 { color: #ffffff; background-color: #000000; font-size: 18px; padding: 14px 0 16px; text-align: center; } #nunder .clinical_ul01 li p { padding: 25px 35px; line-height: 2.2; } #nunder .clinical_menu01 { display: flex; justify-content: center; flex-wrap: wrap; margin: -55px 0 0; } #nunder .clinical_menu01 li { width: 380px; margin: 55px 0 0 30px; } @media (min-width: 768px) { #nunder .clinical_menu01 li:nth-child(3n+1) { margin-left: 0; } } #nunder .clinical_menu01 li.clinical_menu01_li01 { color: #488a9b; } #nunder .clinical_menu01 li.clinical_menu01_li02 { color: #c09554; } #nunder .clinical_menu01 li.clinical_menu01_li03 { color: #58498e; } #nunder .clinical_menu01 li.clinical_menu01_li04 { color: #ab485d; } #nunder .clinical_menu01 li.clinical_menu01_li05 { color: #8a8285; } #nunder .clinical_menu01 li p { margin-top: 15px; line-height: 2.2; font-weight: bold; } #nunder .clinical_lineup { padding-top: 20px; } #nunder .clinical_lineup + .clinical_lineup { margin-top: 60px; } #nunder .clinical_lineup h4 { margin-bottom: 35px; padding: 20px 25px; display: flex; align-items: flex-end; color: #ffffff; background-color: #000000; font-size: 16px; font-weight: normal; } #nunder .clinical_lineup h4 strong { font-size: 30px; margin-right: 7px; } #nunder .clinical_lineup h4 span { margin-bottom: 2px; } #nunder .clinical_lineup .lineup_txt01 { margin-bottom: 30px; font-size: 18px; font-weight: bold; } #nunder .clinical_lineup .lineup_txt02 { line-height: 2.2; margin-bottom: 35px; } #nunder .clinical_lineup .c_lineup_tokucho { display: flex; padding: 30px 0; background-color: #f3f3f3; display: flex; align-items: center; } #nunder .clinical_lineup .c_lineup_tokucho dt { width: 440px; text-align: center; font-weight: bold; } #nunder .clinical_lineup .c_lineup_tokucho dd { padding-left: 55px; border-left: solid 1px #cecece; } #nunder .clinical_lineup .c_lineup_tokucho dd table { width: 100%; } #nunder .clinical_lineup .c_lineup_tokucho dd table td { padding: 10px 25px; } #nunder .clinical_lineup .c_lineup_list { margin-top: 65px; } #nunder .clinical_lineup .c_lineup_list ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -35px; } #nunder .clinical_lineup .c_lineup_list ul li { width: 585px; margin-top: 35px; display: flex; justify-content: space-between; } #nunder .clinical_lineup .c_lineup_list ul li > div { width: 360px; } #nunder .clinical_lineup .c_lineup_list h5 { line-height: 1.4; font-size: 20px; margin-bottom: 15px; } #nunder .clinical_lineup .c_lineup_list .c_lineup_en { margin-bottom: 20px; position: relative; z-index: 1; } #nunder .clinical_lineup .c_lineup_list .c_lineup_en::after { content: ""; border-top: solid 1px #000000; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; } #nunder .clinical_lineup .c_lineup_list .c_lineup_en span { background-color: #ffffff; padding-right: 20px; } #nunder .clinical_lineup .c_lineup_list .c_lineup_txt { line-height: 2.2; } #nunder .clinical_lineup .c_lineup_list .c_lineup_pri { text-align: right; margin-top: 25px; font-size: 16px; position: relative; z-index: 1; } #nunder .clinical_lineup .c_lineup_list .c_lineup_pri::after { content: ""; border-top: dotted 1px #716f70; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; } #nunder .clinical_lineup .c_lineup_list .c_lineup_pri span { background-color: #ffffff; padding-left: 20px; } #nunder .clinical_lineup#clinical_lineup01 h4 { background-color: #488a9b; } #nunder .clinical_lineup#clinical_lineup01 .lineup_txt01, #nunder .clinical_lineup#clinical_lineup01 .c_lineup_tokucho dt, #nunder .clinical_lineup#clinical_lineup01 .c_lineup_list .c_lineup_en { color: #488a9b; } #nunder .clinical_lineup#clinical_lineup01 .c_lineup_list .c_lineup_en::after { border-color: #488a9b; } #nunder .clinical_lineup#clinical_lineup02 h4 { background-color: #c09554; } #nunder .clinical_lineup#clinical_lineup02 .lineup_txt01, #nunder .clinical_lineup#clinical_lineup02 .c_lineup_tokucho dt, #nunder .clinical_lineup#clinical_lineup02 .c_lineup_list .c_lineup_en { color: #c09554; } #nunder .clinical_lineup#clinical_lineup02 .c_lineup_list .c_lineup_en::after { border-color: #c09554; } #nunder .clinical_lineup#clinical_lineup03 h4 { background-color: #58498e; } #nunder .clinical_lineup#clinical_lineup03 .lineup_txt01, #nunder .clinical_lineup#clinical_lineup03 .c_lineup_tokucho dt, #nunder .clinical_lineup#clinical_lineup03 .c_lineup_list .c_lineup_en { color: #58498e; } #nunder .clinical_lineup#clinical_lineup03 .c_lineup_list .c_lineup_en::after { border-color: #58498e; } #nunder .clinical_lineup#clinical_lineup04 h4 { background-color: #ab485d; } #nunder .clinical_lineup#clinical_lineup04 .lineup_txt01, #nunder .clinical_lineup#clinical_lineup04 .c_lineup_tokucho dt, #nunder .clinical_lineup#clinical_lineup04 .c_lineup_list .c_lineup_en { color: #ab485d; } #nunder .clinical_lineup#clinical_lineup04 .c_lineup_list .c_lineup_en::after { border-color: #ab485d; } #nunder .clinical_lineup#clinical_lineup05 h4 { background-color: #8a8285; } #nunder .clinical_lineup#clinical_lineup05 .lineup_txt01, #nunder .clinical_lineup#clinical_lineup05 .c_lineup_tokucho dt, #nunder .clinical_lineup#clinical_lineup05 .c_lineup_list .c_lineup_en { color: #8a8285; } #nunder .clinical_lineup#clinical_lineup05 .c_lineup_list .c_lineup_en::after { border-color: #8a8285; } @media (max-width: 767px) { #nunder .clinical_ul01 { display: block; } #nunder .clinical_ul01 li { width: auto; font-size: 22px; } #nunder .clinical_ul01 li + li { margin-top: 40px; } #nunder .clinical_ul01 li h4 { font-size: 24px; padding: 15px 0; } #nunder .clinical_menu01 { justify-content: space-between; margin: -40px 0 0; } #nunder .clinical_menu01 li { width: 48%; margin: 40px 0 0; } #nunder .clinical_menu01 li p { font-size: 20px; } #nunder .clinical_lineup { font-size: 22px; } #nunder .clinical_lineup h4 { font-size: 22px; } #nunder .clinical_lineup .lineup_txt01 { font-size: 24px; line-height: 1.4; } #nunder .clinical_lineup .c_lineup_tokucho { display: block; padding: 30px; } #nunder .clinical_lineup .c_lineup_tokucho dt { width: auto; text-align: left; padding-bottom: 15px; } #nunder .clinical_lineup .c_lineup_tokucho dd { border-left: none; padding-left: 0; } #nunder .clinical_lineup .c_lineup_tokucho dd table, #nunder .clinical_lineup .c_lineup_tokucho dd table tbody, #nunder .clinical_lineup .c_lineup_tokucho dd table tr, #nunder .clinical_lineup .c_lineup_tokucho dd table td { display: block; width: 100%; } #nunder .clinical_lineup .c_lineup_tokucho dd table td { line-height: 1.4; text-indent: -1em; padding: 10px 0 10px 1em; } #nunder .clinical_lineup .c_lineup_list ul li { margin-top: 50px; width: 100%; } #nunder .clinical_lineup .c_lineup_list ul li > div { width: 380px; } #nunder .clinical_lineup .c_lineup_list h5 { font-size: 24px; } #nunder .clinical_lineup .c_lineup_list .c_lineup_pri { font-size: 22px; } } /* 料金表ページ・カテゴリーヘッダー */ .price_menu { background: #f8f8f8; padding: 40px 0; margin-bottom: 60px; } .price_menu_list01 { display: flex; justify-content: space-between; margin-bottom: 20px; } .price_menu_list01>li { display: flex; justify-content: space-between; width: 285px; } .price_menu_list01>li p { display: flex; align-items: center; justify-content: center; background: #797979; min-height: 72px; position: relative; width: 100%; cursor: pointer; color: #fff; font-family: "singo"; letter-spacing: 0.2em; } .price_menu_list01>li p::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #fff transparent; position: absolute; right: 10px; bottom: 10px; } .price_menu_list01>li:hover { opacity: 0.8; } .price_menu_list01>li.show p { background: #000; } .price_menu_list01>li.show p::after { width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #000 transparent transparent transparent; right: calc(50% - 16px); transform: translateX(-50%); bottom: -8px; } .price_list01_box01>div { display: none; } .price_list01_box01>div.show { display: block; } .price_list01 { display: flex; flex-wrap: wrap; } .price_list01>li { width: 20%; margin-top: 20px; } .price_list01>li a { line-height: 1.5; border-right: 1px solid #000; border-bottom: 1px solid #000; display: flex; align-items: center; min-height: 58px; padding: 0 40px 0 20px; font-size: 14px; color: #000; height: 100%; background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/icon_arrow01.png") no-repeat center right 20px; } .price_list01>li a:hover { background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/icon_arrow01.png") no-repeat center right 20px, #c6c6c6; } .price_note_box01 { margin-top: 20px; } .price_note_box01 p { font-size: 12px; letter-spacing: 0.1em; line-height: 2; } .price_list01_box01_ttl01 { display: none; } @media (max-width:767px) { .price_list01>li { width: 50%; margin-top: 0; } .price_list01>li a { font-size: 24px; padding: 30px 40px 30px 20px; } .price_list01_box01>div { display: block; } .price_list01_box01>div+div { margin-top: 20px; } .price_list01_box01_ttl01 { cursor: pointer; height: 90px; display: flex; justify-content: center; align-items: center; background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/icon_plus01.png") no-repeat center right 60px, #000; color: #fff; font-family: "singo"; font-size: 24px; letter-spacing: 0.2em; } .price_list01_box01_ttl01.show { background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/icon_minus01.png") no-repeat center right 60px, #797979; } .price_list01_box01_content01 { display: none; } .price_note_box01 p { font-size: 18px; letter-spacing: 0; } } /* /料金表ページ・カテゴリーヘッダー */ /* 料金表ページ・ページ上部へ戻る */ .price_page_top_box01 {display: flex;justify-content: flex-end;margin-top: 20px;} .price_page_top_link01 {font-size: 14px;font-weight: bold;letter-spacing: 0.1em;color: #000;border-bottom: 1px solid #000;line-height: 2;} @media(max-width:767px) {.price_page_top_link01 {font-size: 22px};} /* /料金表ページ・ページ上部へ戻る */ /* contourkit page */ #nunder .nunder_first.contourkit { background-image: url("../img/nimg/contourkit_bg01.jpg"); padding: 300px 0 0; } #nunder .contourkit_txt01 { background-color: #000000; color: #ffffff; text-align: center; padding: 21px 10px; margin-top: 65px; font-size: 18px; font-weight: bold; } #nunder .contourkit_lineup .c_lineup_list { padding-top: 20px; } #nunder .contourkit_lineup .c_lineup_list ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: -35px; } #nunder .contourkit_lineup .c_lineup_list ul li { width: 585px; margin-top: 35px; display: flex; justify-content: space-between; } #nunder .contourkit_lineup .c_lineup_list ul li > div { width: 360px; } #nunder .contourkit_lineup .c_lineup_list h5 { line-height: 1.4; font-size: 20px; margin-bottom: 15px; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_en { margin-bottom: 20px; position: relative; z-index: 1; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_en::after { content: ""; border-top: solid 1px #000000; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_en span { background-color: #ffffff; padding-right: 20px; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_txt { line-height: 2.2; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_pri { text-align: right; margin-top: 25px; font-size: 16px; position: relative; z-index: 1; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_pri::after { content: ""; border-top: dotted 1px #716f70; position: absolute; top: 50%; left: 0; right: 0; z-index: -1; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_pri span { background-color: #ffffff; padding-left: 20px; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_en { color: #f6af46; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_en::after { border-color: #f6af46; } #nunder .contourkit_flex { display: flex; justify-content: space-between; align-items: center; position: relative; background-color: #f3f3f3; } #nunder .contourkit_flex div { width: 580px; padding: 30px 80px 0 0; } #nunder .contourkit_flex div h4 { width: 230px; padding: 11px; background: #000000; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; position: absolute; left: 50%; top: 0; transform: translate( -50%, -50%); } #nunder .contourkit_flex div p { font-size: 16px; line-height: 2.2; } #nunder .contourkit_flex div ol { margin-top: 20px; font-size: 14px; counter-reset: item; } #nunder .contourkit_flex div ol li + li { margin-top: 20px; } #nunder .contourkit_flex div ol li::before { counter-increment: item; content: counter(item); /* 以下は自由に装飾... */ width: 18px; box-sizing: border-box; display: inline-block; margin: 0 8px 0 0; font: inherit; padding: 3px; font-size: 12px; line-height: 1; font-weight: bold; text-align: center; color: #ffffff; background-color: #000000; border-radius: 100px; text-indent: 0; } @media (max-width: 767px) { #nunder .contourkit_lineup { font-size: 22px; } #nunder .contourkit_lineup .c_lineup_list ul li { margin-top: 50px; width: 100%; } #nunder .contourkit_lineup .c_lineup_list ul li > div { width: 380px; } #nunder .contourkit_lineup .c_lineup_list h5 { font-size: 24px; } #nunder .contourkit_lineup .c_lineup_list .c_lineup_pri { font-size: 22px; } #nunder .contourkit_txt01 { font-size: 20px; text-align: left; line-height: 1.6; padding: 15px 25px; } #nunder .contourkit_flex { display: block; background-image: url("../img/nimg/contourkit_bg02.jpg"); background-repeat: no-repeat; } #nunder .contourkit_flex figure { opacity: 0; } #nunder .contourkit_flex div { padding: 20px 30px 60px; } #nunder .contourkit_flex div h4 { width: 310px; margin: 0 auto 30px; position: static; font-size: 24px; transform: translate(0); } #nunder .contourkit_flex div p { font-size: 22px; line-height: 1.6; } #nunder .contourkit_flex div ol li { line-height: 2; font-size: 20px; text-indent: -37px; padding-left: 37px; } #nunder .contourkit_flex div ol li + li { margin-top: 0; } #nunder .contourkit_flex div ol li::before { font-size: 16px; width: 22px; margin: 0 15px 0 0; } } /* ハイフリニア */ #nunder .nunder_mv.hifu_linear { background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_34_mv02.jpg") no-repeat top center; height: 650px; } #nunder .nunder_mv.hifu_linear .inner { display: none; } .mt0 { margin-top: 0 !important; } .mt100px { margin-top: 100px; } .nowrap { white-space: nowrap; } .price_txt01 { font-size: 16px; } .page-hifuka_34 #nunder .nunder_price table { table-layout: initial; } .page-hifuka_34 #nunder .nunder_price table .bbn { border-bottom: none; } .hifuka_34_point_wrapper>div { display: flex; align-items: center; } .hifuka_34_point_wrapper>div+div { margin-top: 60px; } .hifuka_34_point_wrapper figure { margin-right: 60px; width: 380px; flex-shrink: 0; } .hifuka_34_point_ttl01 { font-size: 18px; font-weight: bold; line-height: 2; border-bottom: 1px dotted #000; margin-bottom: 15px; padding-bottom: 10px; } .hifuka_34_txt01 { text-align: center; margin-bottom: 30px; } .hifuka_34_link_wrapper { display: flex; justify-content: center; } .hifuka_34_link_wrapper a { background: #000; display: flex; align-items: center; justify-content: center; padding: 30px 60px; margin-top: 60px; line-height: 1.5; } .hifuka_34_link_wrapper a span { background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_34_arrow01.png") no-repeat center right 0; padding-right: 50px; color: #fff; } @media (max-width: 767px) { #nunder .nunder_mv.hifu_linear { background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_34_mv01_sp.jpg") no-repeat top center; height: 940px; } .hifuka_34_point_wrapper>div { flex-direction: column; } .hifuka_34_point_wrapper figure { width: 100%; margin-right: 0; margin-bottom: 30px; } .hifuka_34_point_wrapper figure img { width: 100%; } .hifuka_34_point_ttl01 { line-height: 1.5; font-size: 26px; padding-bottom: 0.5em; } .hifuka_34_link_wrapper a span { font-size: 22px; } .page-hifuka_34 #nunder .nunder_price { padding-top: 80px; } .mt40px_sp { margin-top: 40px !important; } } /* /ハイフリニア */ /* トップページキャンペーンスライダー */ .cam_slide--type02 .slide-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer; } .cam_slide--type02 .prev-arrow { left: -50px; } .cam_slide--type02 .next-arrow { right: -50px; } .cam_slide--type02 .slick-dots { bottom: -42px; } .cam_slide--type02 .slick-dots li { margin: 0 5px; } .cam_slide--type02 .slick-dots li button::before { color: #fff; font-size: 10px; opacity: 1; } .cam_slide--type02 .slick-dots li.slick-active button::before { color: #b4a390; } @media (max-width:767px) { #ncontainer .campaign .cam_slide--type02 ul li img { width: 500px; } #ncontainer .campaign { background: linear-gradient(#000 0%, #000 80px, #262626 80px, #262626 100%); padding-top: 60px!important; margin-top: 0!important; } .cam_slide--type02 .slick-slide { margin: 0 15px 0; } .cam_slide--type02 .slide-arrow { transform: translateY(-50%) scale(1.5); } .cam_slide--type02 .prev-arrow { left: 30px; } .cam_slide--type02 .next-arrow { right: 30px; } } /* /トップページキャンペーンスライダー */ /* NMN点滴ページ */ #nunder .nunder_mv.nmn { background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/naika_10_mv01.jpg?05") no-repeat top center / cover; height: 650px; } .naika_10_table01 { border: 1px solid #000000; width: 100%; line-height: 1.8; } .naika_10_table01 tr { border-bottom: 1px dashed #000000; } .naika_10_table01 th { background: #727171; color: #ffffff; font-weight: bold; padding: 20px; } .naika_10_table01 td { padding: 20px 50px; } .naika_10_list01 { margin-bottom: 30px; display: flex; flex-wrap: wrap; } .naika_10_list01_100per { width: 100% !important; } .naika_10_list01>li { width: 40%; line-height: 1.8; } .naika_10_list01>li::before { content: "■"; color: #b6a476; font-size: 20px; padding-right: 5px; } @media (max-width: 767px) { #nunder .nunder_mv.nmn { background: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/naika_10_mv01_sp.jpg?05") no-repeat top center; height: 860px; } .naika_10_list01>li { width: 48%; line-height: 1.8; } .naika_10_table01 th, .naika_10_table01 td { font-size: 20px; padding: 20px; } .naika_10_table01 th { white-space: nowrap; } .page-naika_10 #nunder .nunder_price { padding: 80px 0 80px 0; } } /* https://christina-clinic.com/hifuka_25/ */ #hifuka_25_link01 .hifuka_25_box03_flex { margin-top: 40px; padding: 60px 10px 20px; border-top: dashed 2px #fde5e9; } .hifuka_25_box03 .hifuka_25_box03_content > a { margin-bottom: 50px; } .under_mainv.strong.hifuka_25 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/bg_main_hifuka_25a.jpg) no-repeat top center / cover; height: 650px; } .title_ripo_fukidashi.hifuka_05_onayami_title { margin-bottom: 20px; } .hifuka_05_nagare_list01 { margin-top: 50px; } .hifuka_05_nagare_list01>li { display: flex; } .hifuka_05_nagare_list01>li+li { margin-top: 50px; } .hifuka_05_nagare_list01>li>figure { flex-shrink: 0; margin-right: 30px; width: 280px; } .hifuka_05_nagare_list01>li>div { flex-grow: 1; } .hifuka_05_nagare_list01_flexbox01 { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } .hifuka_05_nagare_list01_title01 { border-bottom: 1px solid #afafaf; line-height: 1.8; margin-bottom: 10px; } .hifuka_05_nagare_list01_title01 span { /* color: #e74d4d; */ color: #f47c93; font-family: 'TsukuMinPr6-D'; letter-spacing: 0.1em; font-size: 29px; margin-right: 35px; } .hifuka_05_nagare_list01_title01 i { font-style: normal; font-weight: bold; font-size: 28px; } .hifuka_05_nagare_list01_txt01 { line-height: 1.8; } .hifuka_05_yoyaku_arrow01 { margin-top: 55px; text-align: center; } .hifuka_05b--none span { background: none !important; } .faq_list--hifuka_25 ul { justify-content: space-between; } .faq_list--hifuka_25 ul li dl dt { background: #fffafb; color: #f47c93; line-height: 1.5; } .faq_list--hifuka_25 ul li dl dt:before { content: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/bg_faq_q02.png); } .faq_list--hifuka_25 ul li dl dd:before { content: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/bg_faq_a02.png); } h2.h2_txt_type.hifuka_25 span { border-bottom: 2px solid #f47c93; color: #f47c93; } @media (max-width: 767px) { .under_mainv.strong.hifuka_25 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/bg_main_hifuka_25a_sp.jpg) no-repeat top center; height: 860px; } .hifuka_05_nagare_list01>li { display: block; } .hifuka_05_nagare_list01>li>figure { margin-bottom: 10px; margin-right: 0; width: 100%; } .hifuka_05_nagare_list01>li>figure>img { width: 100%; } .hifuka_05_nagare_list01_title01 { text-align: center; line-height: 2; } .hifuka_05_nagare_list01_title01 span, .hifuka_05_nagare_list01_title01 i { font-size: 34px; } .hifuka_05_nagare_list01_txt01 { font-size: 22px; } .hifuka_05_nagare_list01_flexbox01 { flex-direction: column; justify-content: center; align-items: center; margin-top: 40px; } .hifuka_05_nagare_list01_flexbox01>*+* { margin-top: 40px; } .hifuka_05_yoyaku_arrow01 img { transform: scale(1.5); } .hifuka_25_box01 p { font-size: 22px !important; } } .hifuka_25_box04 { margin-top: 60px; margin-bottom: -20px; } .title_txt_type.hifuka_25 { font-family: 'TsukuMinPr6-D'; font-size: 42px; } .title_txt_type.hifuka_25 i { color: #ff78ad; } .hifuka25_flexbbox01 { display: flex; justify-content: space-between; align-items: center; margin-top: 10px; } .hifuka25_flexbbox01>div { width: 470px; } .hifuka25_flexbbox01>figure { width: 700px; flex-shrink: 0; } .hifuka25_flexbbox01 p { line-height: 2; color: #555555; } .hifuka25_link03 { display: flex; height: 70px; justify-content: center; align-items: center; position: relative; margin: 0 10px 0 0; /* padding: 45px 39px; */ color: #000; letter-spacing: 0.1em; border: solid 1px #000000; box-shadow: 10px 10px 0 #999999; margin-top: 20px; } .hifuka25_link03::after { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; right: 30px; width: 10px; height: 10px; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 767px) { .hifuka_25_box04 { margin-bottom: 0; } .hifuka25_flexbbox01 { flex-direction: column-reverse; margin-top: 30px; } .hifuka25_flexbbox01 p { font-size: 22px; } .hifuka25_flexbbox01>div { width: 100%; } .hifuka25_flexbbox01>figure { width: 640px; flex-shrink: 0; margin-left: -30px; margin-right: -30px; margin-bottom: 30px; } .hifuka25_link03 { margin-top: 30px; height: 100px; font-size: 24px; } .hifuka25_link03::after { right: 30px; width: 15px; height: 15px; } } /* ------------------------------------------------------- 人中短縮ボトックス ------------------------------------------------------- */ #nunder .nunder_mv.hifuka_37 { height: 650px; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_37_mv01.jpg) no-repeat top center / cover #fff; } .from_director_box01 { border: 10px solid #e0d2e9; border-radius: 10px; background: #e0d2e9; margin-top: 120px; } .from_director_box01 .inbox01 { border-radius: 10px; background: #fff; display: flex; justify-content: space-between; padding: 60px 60px 0 80px; } .from_director_box01 .inbox01>div { width: 690px; } .from_director_box01 .inbox01>figure { margin-top: -120px; } .from_director_box01 .title01 { font-weight: bold; font-size: 20px; line-height: 2; margin-bottom: 10px; } .from_director_box01 .txt01 { line-height: 3; margin-bottom: 10px; } .from_director_box01 .name01 { text-align: right; font-size: 18px; font-weight: bold; line-height: 2; } @media (max-width: 767px) { #nunder .nunder_mv.hifuka_37 { height: 860px; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_37_mv01_sp.jpg) no-repeat top center / cover #fff; } .from_director_box01 { } .from_director_box01 .inbox01 { padding: 40px 40px 0 40px; flex-direction: column; position: relative; } .from_director_box01 .inbox01>div { width: 100%; } .from_director_box01 .title01 { font-size: 26px; } .from_director_box01 .txt01 { font-size: 22px; line-height: 2; } .from_director_box01 .name01 { font-size: 22px; text-align: left; } .from_director_box01 .inbox01>figure { text-align: right; margin-top: -80px; } .from_director_box01 .inbox01>figure img { width: 50%; } } /* クリスティーナ製品 */ /* クリスティーナ製品 */ /* MV */ .nunder_mv02 { min-height: 500px; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/nunder_mv02_logo01.png) no-repeat top 140px center, url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/theraskin_bg01.png) no-repeat top center / cover; } .nunder_mv02_box01 { text-align: center; padding-top: 220px; position: relative; } .nunder_mv02_box01 .title { font-family: singo; font-size: 40px; letter-spacing: 0.2em; color: #fff; line-height: 1.8; } .nunder_mv02_box01 .en { font-family: singo; font-size: 14px; color: #00a8bd; letter-spacing: 0.2em; line-height: 1.8; } .nunder_mv02_box01 .txt { color: #fff; margin-top: 0.5em; } /* MV */ .nunder_mv03 { height: 300px; } .nunder_mv03.theraskin { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/theraskin_mv01.jpg) no-repeat top center / cover } @media (max-width: 767px) { .nunder_mv02 { min-height: 600px; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/nunder_mv02_logo01.png) no-repeat top 130px center, url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/theraskin_bg01_sp.png) no-repeat top center / cover; } .nunder_mv03.theraskin { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/theraskin_mv01_sp.png) no-repeat top center / cover } .nunder_mv02_box01 { padding-top: 210px; } .nunder_mv02_box01 .en, .nunder_mv02_box01 .txt { margin-top: 1em; } } /* 色付きテキスト */ .chtxt01 { color: #00a8bd; font-size: 20px; } @media (max-width: 767px) { .chtxt01 { font-size: 24px; } } /* 特徴 */ .feature_list01_wrapper { border: 6px solid #e7e7e7; padding: 60px 100px; width: 900px; } .feature_list01 { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: -20px; } .feature_list01>li { width: 48%; font-size: 18px; font-weight: bold; padding-left: 40px; position: relative; line-height: 1.8; margin-bottom: 20px; display: flex; align-items: center; } .feature_list01--theraskin>li { width: 60%; } .feature_list01--theraskin>li:nth-child(even) { width: 260px; } .feature_list01>li::before { content: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/feature_list01_check01.png); position: absolute; height: 22px; left: 0; top: 50%; transform: translateY(-50%); } .note01_wrapper { display: flex; justify-content: center; margin-top: 20px; line-height: 2; } .feature_list01_wrapper .note01 { font-size: 14px; } @media (max-width: 767px) { .feature_list01_wrapper { width: 100%; padding: 40px; } .feature_list01--theraskin>li:nth-child(even), .feature_list01>li { width: 100%; font-size: 22px; } .feature_list01_wrapper .note01 { font-size: 16px; } .note01_wrapper { margin-top: 30px; } } #nunder .nunder_detaile .flex01 { display: flex; justify-content: space-between; align-items: center; } #nunder .nunder_detaile .flex01>figure { flex-shrink: 0; padding: 0 20px 0 80px; } @media (max-width: 767px) { #nunder .nunder_detaile .flex01 { flex-wrap: wrap; } #nunder .nunder_detaile .flex01>figure { padding: 0; margin-top: 30px; width: 100%; text-align: center; } } /* 症例写真 */ .nunder_case .title02 { font-size: 18px; font-weight: bold; letter-spacing: 0.05em; line-height: 1.8; margin-bottom: 10px; } /* 成分 */ .theraskin_flex01 { display: flex; justify-content: space-between; } .theraskin_flex01>* { width: 30%; } .theraskin_flex01>*>figure { margin-bottom: 30px; text-align: center; } .theraskin_flex01 .title01 { color: #00a8bd; font-weight: bold; font-size: 20px; line-height: 1.8; text-align: center; margin-bottom: 20px; } .theraskin_flex01 .txt01 { line-height: 2; } @media (max-width: 767px) { .theraskin_flex01 { flex-wrap: wrap; margin-bottom: -60px; } .theraskin_flex01>* { width: 50%; margin-bottom: 60px; padding: 0 2%; } .theraskin_flex01 .title01 { font-size: 26px; } .theraskin_flex01 .txt01 { font-size: 22px; } .theraskin_flex01 .width100per_sp { width: 100%; } } /* 効果的な使用方法 */ .koukateki_box01 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/theraskin_img06.png) no-repeat top center / cover; height: 380px; display: flex; align-items: center; } .koukateki_box01>div { padding-left: 50%; } .koukateki_box01 .title01 { margin-bottom: 20px; line-height: 2; color: #fff; font-weight: bold; background: #000; padding: 0 20px; display: inline-block; } .koukateki_box01 .txt01 { line-height: 2; } @media (max-width: 767px) { .koukateki_box01 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/theraskin_img06_sp.png) no-repeat top center; height: auto; flex-wrap: wrap; margin: 0 -30px; } .koukateki_box01>div { padding: 400px 40px 0 40px; } .koukateki_box01 .title01 { font-size: 24px; margin-bottom: 40px; } .koukateki_box01 .txt01 { font-size: 22px; } } /* リピーターの声 */ .repeater_list01 { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -40px; } .repeater_list01>li { background: #e5f6f8; display: flex; width: 580px; padding: 30px 40px; border-radius: 10px; margin-bottom: 40px; } .repeater_list01 p { line-height: 2; } .repeater_list01 em { line-height: 2; text-align: right; display: block; } .repeater_list01 figure { flex-shrink: 0; margin-right: 40px; margin-top: 0.5em; } @media (max-width: 767px) { .repeater_list01 em, .repeater_list01 p { font-size: 22px; } } /* 製品詳細 */ .seihin_box01 { display: flex; justify-content: space-between; } .seihin_box01 .title01 { font-size: 22px; line-height: 1.8; margin-bottom: 20px; font-weight: 500; } .seihin_box01 .en01 { position: relative; margin-bottom: 30px; } .seihin_box01 .en01 span { font-weight: bold; color: #00a8bd; background: #fff; padding-right: 15px; display: inline-block; position: relative; z-index: 2; } .seihin_box01 .en01::after { content: ""; background: #00a8bd; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; } .seihin_box01 .txt01 { letter-spacing: 0.05em; line-height: 1.8; } .seihin_box01>div { width: 700px; } @media (max-width: 767px) { .seihin_box01 { flex-direction: column; align-items: center; } .seihin_box01>div { width: 100%; margin-top: 40px; } .seihin_box01 .title01 { font-size: 26px; } .seihin_box01 .en01 span, .seihin_box01 .txt01 { font-size: 22px; line-height: 2; } } /* よくあるご質問 */ .faq_list01>dt>p { font-size: 18px; font-weight: bold; line-height: 2; padding-left: 50px; position: relative; } .faq_list01>dt>p::before { line-height: 1; content: "Q"; font-family: singo; font-size: 20px; color: #00a8bd; /* padding-right: 30px; */ position: absolute; left: 0; top: 7px; } .faq_list01>dd>p { line-height: 2; padding-left: 50px; position: relative; } .faq_list01>dd>p::before { line-height: 1; content: "A"; font-family: singo; font-size: 20px; color: #00a8bd; /* padding-right: 30px; */ position: absolute; left: 1px; top: 7px; } .faq_list01>dd+dt { border-top: 1px solid #e7e7e7; margin-top: 20px; } .faq_list01>*+* { padding-top: 20px; } @media (max-width: 767px) { .faq_list01>dt>p { font-size: 24px; } .faq_list01>dd>p { font-size: 22px; } .faq_list01>dt>p::before, .faq_list01>dd>p::before { font-size: 22px; top: 12px; } } /* 店舗のみテキスト */ .tenpo_only_txt01 { background: #000; color: #fff; display: flex; justify-content: center; font-weight: bold; font-size: 18px; line-height: 1.8; padding: 20px; } @media (max-width: 767px) { .tenpo_only_txt01 { padding: 20px 40px; } } /* オンラインショップ */ .nunder_onlineshop { display: none; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/onlineshop_bg01.png) no-repeat top center / cover; padding: 90px 0; margin-bottom: 200px; } .nunder_onlineshop .inbox01 { background: rgba(255, 255, 255, 0.8); display: flex; justify-content: center; text-align: center; padding: 40px 0; color: #000; transition: .3s; } .nunder_onlineshop .inbox01:hover { opacity: .8; } .nunder_onlineshop .inbox01:hover figure img { opacity: 1; } .nunder_onlineshop .inbox01>* { display: flex; flex-direction: column; align-items: center; } .nunder_onlineshop .inbox01 .txt01 { font-size: 18px; line-height: 1.5; font-weight: 500; margin-bottom: 20px; } .nunder_onlineshop .inbox01 figure { margin-bottom: 20px; } .nunder_onlineshop .inbox01 .link01 { background: #000; border-radius: 6px; color: #fff; font-weight: 500; padding: 25px 100px 25px 30px; position: relative; } .nunder_onlineshop .inbox01 .link01::after { content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 40px; width: 6px; height: 6px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); } @media (max-width: 767px) { .nunder_onlineshop { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/onlineshop_bg01_sp.png) no-repeat top center / cover; padding: 60px 0; } .nunder_onlineshop .inbox01 .txt01 { font-size: 20px; margin-bottom: 25px; } .nunder_onlineshop .inbox01 figure { margin-bottom: 30px; } .nunder_onlineshop .inbox01 .link01 { font-size: 18px; padding: 30px 110px 30px 70px; } .nunder_onlineshop .inbox01 .link01::after { right: 60px; } } .nunder_mv02.illustrious .nunder_mv02_box01 .en { color: #bebebe; } .christina_seibun_txt01 { line-height: 2; text-align: center; } @media (max-width: 767px) { .christina_seibun_txt01 {font-size: 22px;text-align: left;} } .chtxt01--illustrious { color: #535458; } .nunder_mv03.illustrious { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/illustrious_mv01.jpg) no-repeat top center / cover } .repeater_list01--illustrious>li { background: #f8f8f8; } .seihin_box01--illustrious .en01 span { color: #535458; } .seihin_box01--illustrious .en01::after { background: #535353; } .seihin_box01>figure { width: 450px; height: 450px; border: 1px solid #e7e7e7; display: flex; justify-content: center; align-items: center; } .seihin_box01+.seihin_box01 { margin-top: 80px; } .faq_list01--illustrious>dt>p::before, .faq_list01--illustrious>dd>p::before { color: #535353; } .feature_list01_wrapper--illustrious { width: 100%; display: flex; justify-content: center; } .feature_list01_wrapper--illustrious .feature_list01 { width: 60%; } .feature_list01>li::before { content: ""; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/feature_list01_check01.png) no-repeat; height: 22px; width: 22px; } .feature_list01>li>p { line-height: 1.8; } .feature_list01--illustrious>li { width: 40%; } @media (max-width: 767px) { .feature_list01--illustrious>li { width: 100%; } } .theraskin_flex01 { flex-wrap: wrap; margin-bottom: -40px; } .theraskin_flex01>* { margin-bottom: 40px; } .theraskin_flex01 .width48per { width: 48%; } .theraskin_flex01--illustrious { padding: 0 170px; } .theraskin_flex01--illustrious .title01 { color: #535458; } @media (max-width: 767px) { .theraskin_flex01--illustrious {padding: 0;} .theraskin_flex01 .width100per_sp {width: 100% !important;} } /* for unstress */ .nunder_mv02.unstress .nunder_mv02_box01 .en { color: #84beb6; } .nunder_mv03.unstress { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/unstress_mv01.jpg) no-repeat top center / cover; } .chtxt01--unstress { color: #84beb6; } .feature_list01_wrapper--unstress { width: 100%; } .theraskin_flex01--unstress { justify-content: space-around; padding: 0 100px; } .theraskin_flex01--unstress .title01 { color: #84beb6; } .theraskin_flex01--unstress>* { width: 380px; } .repeater_list01--unstress>li { background: #e5f6f8; } .seihin_box01--unstress .en01 span { color: #84beb6; } .seihin_box01--unstress .en01::after { background: #84beb6; } .faq_list01--unstress>dt>p::before, .faq_list01--unstress>dd>p::before { color: #84beb6; } @media (max-width: 767px) { .nunder_mv02.unstress { min-height: auto; padding-bottom: 90px; } .nunder_mv03.unstress { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/unstress_mv01_sp.jpg) no-repeat top center / cover; } .theraskin_flex01--unstress { justify-content: space-around; padding: 0; } } /* for muse */ .nunder_mv02.muse .nunder_mv02_box01 .en { color: #ef5ba1; } .nunder_mv03.muse { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/muse_mv01.jpg) no-repeat top center / cover; } .chtxt01--muse { color: #ef5ba1; } .feature_list01_wrapper--muse { width: 100%; } .feature_list01_wrapper--muse .feature_list01 { padding-left: 300px; } .feature_list01_wrapper--muse .feature_list01 li { width: 100%; } .theraskin_flex01--muse { justify-content: space-between; /* padding: 0 100px; */ } .theraskin_flex01--muse .title01 { color: #ef5ba1; } .repeater_list01--muse>li { background: #fdeef5; } .seihin_box01--muse .en01 span { color: #ef5ba1; } .seihin_box01--muse .en01::after { background: #ef5ba1; } .faq_list01--muse>dt>p::before, .faq_list01--muse>dd>p::before { color: #ef5ba1; } @media (max-width: 767px) { .nunder_mv02.muse { min-height: auto; padding-bottom: 90px; } .nunder_mv03.muse { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/muse_mv01_sp.jpg) no-repeat top center / cover; } .theraskin_flex01--muse { justify-content: space-around; padding: 0; } .feature_list01_wrapper--muse .feature_list01 { padding-left: 0; } } /* for biophyto */ .nunder_mv02.biophyto .nunder_mv02_box01 .en { color: #698b38; } .nunder_mv03.biophyto { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/biophyto_mv01.jpg) no-repeat top center / cover; } .chtxt01--biophyto { color: #698b38; } .feature_list01_wrapper--biophyto { width: 100%; } .feature_list01_wrapper--biophyto .feature_list01 { padding-left: 300px; } .feature_list01_wrapper--biophyto .feature_list01 li { width: 100%; } .theraskin_flex01--biophyto { justify-content: space-between; /* padding: 0 100px; */ } .theraskin_flex01--biophyto .title01 { color: #698b38; } .repeater_list01--biophyto>li { background: #f0f3eb; } .seihin_box01--biophyto .en01 span { color: #698b38; } .seihin_box01--biophyto .en01::after { background: #698b38; } .faq_list01--biophyto>dt>p::before, .faq_list01--biophyto>dd>p::before { color: #698b38; } @media (max-width: 767px) { .nunder_mv02.biophyto { min-height: auto; padding-bottom: 90px; } .nunder_mv03.biophyto { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/biophyto_mv01_sp.jpg) no-repeat top center / cover; } .theraskin_flex01--biophyto { justify-content: space-around; padding: 0; } .feature_list01_wrapper--biophyto .feature_list01 { padding-left: 0; } } /* for rose de mer */ .nunder_mv02.rose_de_mer .nunder_mv02_box01 .en { color: #8190c1; } .nunder_mv03.rose_de_mer { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/rose_de_mer_mv01.jpg) no-repeat top center / cover; } .chtxt01--rose_de_mer { color: #2a348a; } .feature_list01_wrapper--rose_de_mer { width: 100%; } .feature_list01_wrapper--rose_de_mer .feature_list01 { padding-left: 300px; } .feature_list01_wrapper--rose_de_mer .feature_list01 li { width: 100%; } .theraskin_flex01--rose_de_mer { justify-content: space-evenly; /* padding: 0 100px; */ } .theraskin_flex01--rose_de_mer .title01 { color: #2a348a; } .repeater_list01--rose_de_mer>li { background: #f0f3eb; } .seihin_box01--rose_de_mer .en01 span { color: #2a348a; } .seihin_box01--rose_de_mer .en01::after { background: #2a348a; } .faq_list01--rose_de_mer>dt>p::before, .faq_list01--rose_de_mer>dd>p::before { color: #2a348a; } @media (max-width: 767px) { .nunder_mv02.rose_de_mer { min-height: auto; padding-bottom: 90px; } .nunder_mv03.rose_de_mer { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/rose_de_mer_mv01_sp.jpg) no-repeat top center / cover; } .theraskin_flex01--rose_de_mer { justify-content: space-around; padding: 0; } .feature_list01_wrapper--rose_de_mer .feature_list01 { padding-left: 0; } } /* for chateau de beaute */ .nunder_mv02.chateau_de_beaute .nunder_mv02_box01 .en { color: #753250; } .nunder_mv03.chateau_de_beaute { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/chateau_de_beaute_mv01.jpg) no-repeat top center / cover; } .chtxt01--chateau_de_beaute { color: #753250; } .feature_list01_wrapper--chateau_de_beaute { width: 100%; } .feature_list01_wrapper--chateau_de_beaute .feature_list01 { padding-left: 300px; } .feature_list01_wrapper--chateau_de_beaute .feature_list01 li { width: 100%; } .theraskin_flex01--chateau_de_beaute { justify-content: space-evenly; padding: 0 100px; } .theraskin_flex01--chateau_de_beaute>* { width: 40%; } .theraskin_flex01--chateau_de_beaute .title01 { color: #753250; } .repeater_list01--chateau_de_beaute>li { background: #f0f3eb; } .seihin_box01--chateau_de_beaute .en01 span { color: #753250; } .seihin_box01--chateau_de_beaute .en01::after { background: #753250; } .faq_list01--chateau_de_beaute>dt>p::before, .faq_list01--chateau_de_beaute>dd>p::before { color: #753250; } @media (max-width: 767px) { .nunder_mv02.chateau_de_beaute { min-height: auto; padding-bottom: 90px; } .nunder_mv03.chateau_de_beaute { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/chateau_de_beaute_mv01_sp.jpg) no-repeat top center / cover; } .theraskin_flex01--chateau_de_beaute { justify-content: space-around; padding: 0; } .feature_list01_wrapper--chateau_de_beaute .feature_list01 { padding-left: 0; } } /* for comodex */ .nunder_mv02.comodex .nunder_mv02_box01 .en { color: #892332; } .nunder_mv03.comodex { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/comodex_mv01.jpg) no-repeat top center / cover; } .chtxt01--comodex { color: #892332; } .feature_list01_wrapper--comodex { width: 100%; } .feature_list01_wrapper--comodex .feature_list01 { padding-left: 300px; } .feature_list01_wrapper--comodex .feature_list01 li { width: 100%; } .theraskin_flex01--comodex { justify-content: space-evenly; padding: 0 100px; } .theraskin_flex01--comodex>* { width: 40%; } .theraskin_flex01--comodex .title01 { color: #892332; } .repeater_list01--comodex>li { background: #f0f3eb; } .seihin_box01--comodex .en01 span { color: #892332; } .seihin_box01--comodex .en01::after { background: #892332; } .faq_list01--comodex>dt>p::before, .faq_list01--comodex>dd>p::before { color: #892332; } @media (max-width: 767px) { .nunder_mv02.comodex { min-height: auto; padding-bottom: 90px; } .nunder_mv03.comodex { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/comodex_mv01_sp.jpg) no-repeat top center / cover; } .theraskin_flex01--comodex { justify-content: space-around; padding: 0; } .feature_list01_wrapper--comodex .feature_list01 { padding-left: 0; } } /* 施術動画 */ #nunder .nunder_first.treatment_movie { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/treatment_movie_bg01.jpg); padding: 0; padding-top: 300px; background-size: cover; } .treatment_movie .passster-form h4 { display: none; } .treatment_movie .passster-form { background: #fff; padding: 100px 0; } .treatment_movie .passster-form .password-form { position: relative; width: 1200px; margin: 0 auto; background: #f8f8f8; padding: 20px 190px; display: flex; justify-content: space-between; /* padding: 20px 300px; */ } .treatment_movie .passster-form p { display: flex; align-items: center; font-size: 16px; letter-spacing: 0.1em; white-space: nowrap; /* margin-bottom: 20px; */ /* text-align: center; */ } .treatment_movie .passster-form fieldset { display: flex; min-width: auto; width: 520px; flex-wrap: wrap; } .treatment_movie .passster-form input[type=password] { width: 400px; margin-bottom: 0; } .treatment_movie .passster-form button[type=submit] { width: 120px; background: #000 !important; color: #fff; margin-bottom: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; font-size: 16px; letter-spacing: 0.1em; position: relative; padding-right: 20px; /* margin-top: 10px; */ /* border-radius: 4px; */ /* width: 120px; */ } .treatment_movie .passster-form button[type=submit]::after { content: ""; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/treatment_movie_arrow01.png) no-repeat; height: 14px; width: 14px; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); } @media (max-width: 767px) { .treatment_movie .passster-form .password-form { padding: 20px; width: 100%; display: block; } .treatment_movie .passster-form p { margin-bottom: 20px; font-size: 18px; } .treatment_movie .passster-form fieldset { width: 100%; } .treatment_movie .passster-form input[type=password] { width: 480px; } .treatment_movie .passster-form button[type=submit] { font-size: 18px; } } .treatment_movie .treatment_menu_list03 { margin-bottom: 40px; display: flex; flex-wrap: wrap; } .treatment_movie .treatment_menu_list03>li { width: 30%; margin-right: 5%; margin-bottom: 5%; display: flex; flex-direction: column; } .treatment_movie .treatment_menu_list03>li:nth-child(3) { margin-right: 0; } .treatment_movie .treatment_menu_list03>li .movie-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .treatment_movie .treatment_menu_list03>li .movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .treatment_movie .treatment_menu_list03>li .movie-txt { background: #000; color: #fff; font-size: 14px; letter-spacing: 0.1em; line-height: 1.8; padding: 10px 30px; position: relative; flex-grow: 1; } .treatment_movie .treatment_menu_list03>li .movie-txt strong { font-size: 16px; } .treatment_movie .treatment_menu_list03>li .movie-txt::after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 0 8px 8px; border-color: transparent transparent #ffffff transparent; position: absolute; bottom: 8px; right: 8px; } .treatment_movie .treatment_menu_list02 { display: none !important; } @media (max-width: 767px) { .treatment_movie .treatment_menu_list03 { justify-content: space-between; } .treatment_movie .treatment_menu_list03>li { /* width: 48%; */ margin-right: 0; width: 100%; } .treatment_movie .treatment_menu_list03>li .movie-txt strong { font-size: 20px; } .treatment_movie .treatment_menu_list03>li .movie-txt { font-size: 18px; } } /* 水光注射ページ写真 */ .suikou_after_box .photo { display: flex; gap: 45px; padding: 0 30px 0 40px; margin-bottom: -210px; } .suikou_after_box .photo>p { padding: 0 0 0 80px; font-size: 30px; margin-top: 50px; flex-grow: 1; letter-spacing: 0.1em; color: #000000; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/fukidashi_bg01.png) no-repeat; } .suikou_after_box .txt { padding: 35px 40px; border-radius: 10px; background: #ededed; display: flex; justify-content: flex-end; } .suikou_after_box .txt>p { width: 480px; } @media (max-width: 767px) { .suikou_after_box .photo { flex-direction: column-reverse; padding: 0; margin-bottom: -170px; /* gap: 35px; */ gap: 0; } .suikou_after_box .photo figure { padding: 0 30px; } .suikou_after_box .photo>p { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/fukidashi_bg01_sp.png) no-repeat; padding: 0 100px 60px 0px; text-align: center; margin-top: 0; margin-bottom: 35px; } .suikou_after_box .txt { line-height: 1.8 !important; padding: 30px; padding-top: 190px; } .suikou_after_box .txt>p { width: 100%; } } /* トップページカスタマーレビュースライダー */ #ncontainer .review { background-size: 50% 170px; } #ncontainer .review .common_title { text-align: left; } .review_slide .slick-slide { width: 345px; margin: 0 10px 0; aspect-ratio: 16 / 9; } .review_slide .slick-slide iframe { height: 100%; width: 100%; } .review_slide .slick-dots li button::before { color: #fff; font-size: 10px; opacity: 1; } .review_slide .slick-dots li.slick-active button::before { color: #b4a390; } .review_slide .next-arrow { right: -50px; } .review_slide .prev-arrow { left: -50px; } .review_slide .slide-arrow { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer; } .review_slide .slick-dots { bottom: -42px; } .review_slide>ul { display: none; } .review_slide>ul.slick-initialized { display: block; } @media (max-width: 767px) { .review_slide { margin: 0 -30px; } .review_slide .slick-slide { width: 430px; } #ncontainer .review { background: linear-gradient(#000 0%, #000 250px, #2a2a2a 250px, #2a2a2a 100%); } .review_slide .slide-arrow { transform: translateY(-50%) scale(1.5); padding: 60px 15px; } .review_slide .next-arrow { right: 15px; } .review_slide .prev-arrow { left: 15px; } } /* 施術ページMV下　症例数・ポイント */ .nunder_point { padding: 40px 0 65px; background-size: cover; background-position: top center; background-repeat: no-repeat; } .nunder_point.suikou { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/suikou_point_bg01_pc.png); } .nunder_point.hifu { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifu_point_bg01_pc.png); } .nunder_point.botox { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_04_point_bg01_pc.png); } .nunder_point.hyaluronic { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_20_point_bg01_pc.png); } @media (max-width: 767px) { .nunder_point { padding: 60px 0 100px; } .nunder_point.suikou { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/suikou_point_bg01_sp.png); } .nunder_point.hifu { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifu_point_bg01_sp.png); } .nunder_point.botox { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_04_point_bg01_sp.png); } .nunder_point.hyaluronic { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_20_point_bg01_sp.png); } } .nunder_point_title01 { margin: 0 0 30px; display: flex; align-items: flex-end; gap: 40px; } .nunder_point_title01>div:nth-child(1) { position: relative; background: #998f63; color: #fff; display: flex; align-items: center; padding: 10px 20px; height: 100px; gap: 5px; margin: 0 30px 0 0; } .nunder_point_title01>div:nth-child(1)::before { content: ""; background: #998f63; height: 100px; width: 400px; position: absolute; left: -400px; top: 0; } .nunder_point_title01>div:nth-child(1)::after { content: ""; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/suikou_point_obi01_pc.png) no-repeat top center; position: absolute; top: 0; right: -30px; height: 100px; width: 30px; } .nunder_point_title01>div:nth-child(1)>div { display: flex; flex-direction: column; } .nunder_point_title01>div:nth-child(1) .txt01 { font-size: 18px; line-height: 1.3; text-align: center; letter-spacing: .05em; } .nunder_point_title01>div:nth-child(1) .txt02 { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 18px; line-height: 1; text-align: center; } .nunder_point_title01>div:nth-child(1) .txt03 { display: flex; gap: 5px; align-items: center; justify-content: center; } .nunder_point_title01>div:nth-child(1) .txt03 strong { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 50px; line-height: 1; display: flex; align-items: center; /* letter-spacing: .05em; */ } .nunder_point_title01>div:nth-child(1) .txt03 strong::after { content: "件"; font-size: 35px; } .nunder_point_title01>div:nth-child(1) .txt03 span { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 18px; writing-mode: vertical-rl; } .nunder_point_title01>div:nth-child(1) .txt04 { font-size: 12px; text-align: right; } .nunder_point_title01>div:nth-child(2) { display: flex; align-items: center; gap: 10px; } .nunder_point_title01>div:nth-child(2) i { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; color: #998f63; font-size: 50px; font-style: italic; margin: 0 0.5rem 0 0; } .nunder_point_title01>div:nth-child(2) strong { font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; font-size: 30px; font-weight: bold; } @media (max-width: 767px) { .nunder_point_title01 { flex-direction: column; align-items: flex-start; margin: 0 0 20px; gap: 60px; } .nunder_point_title01>div:nth-child(1) { height: 120px; margin-left: -30px; /* gap: 10px; */ gap: 0; } .nunder_point_title01>div:nth-child(1)::before { height: 120px; } .nunder_point_title01>div:nth-child(1)::after { content: ""; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/suikou_point_obi01_sp.png) no-repeat top center; position: absolute; top: 0; right: -32px; height: 120px; width: 33px; } .nunder_point_title01>div:nth-child(1)>figure>img { height: 96px; } .nunder_point_title01>div:nth-child(1) .txt01 { font-size: 20px; margin-right: 10px; } .nunder_point_title01>div:nth-child(1) .txt02 { font-size: 20px; } .nunder_point_title01>div:nth-child(1) .txt03 strong { font-size: 62px; } .nunder_point_title01>div:nth-child(1) .txt03 strong::after { font-size: 46px; } .nunder_point_title01>div:nth-child(1) .txt03 span { font-size: 22px; } .nunder_point_title01>div:nth-child(1) .txt04 { font-size: 14px; margin-right: 1em; } .nunder_point_title01>div:nth-child(2) i { font-size: 60px; margin: 0 1.5rem 0 0; } } .nunder_point_list01 { display: flex; background: rgba(255, 255, 255, .5); border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding: 15px 15px 20px 15px; gap: 15px; } .nunder_point_list01>li { display: flex; flex-direction: column; gap: 20px; align-items: center; width: 280px; } .nunder_point_list01>li>div { display: flex; flex-direction: column; gap: 10px; align-items: center; flex-grow: 1; } .nunder_point_list01 .title { text-align: center; font-weight: bold; font-size: 30px; color: #0786d5; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif; line-height: 1.2; } .nunder_point_list01.col3, .nunder_point_list01.hifu { justify-content: center; gap: 50px; } .nunder_point_list01.hifu .title { color: #06535d; } .nunder_point.botox .nunder_point_list01 .title { color: #70208f; } .nunder_point.hyaluronic .nunder_point_list01 .title { color: #748486; } .nunder_point_list01 .txt01 { text-align: center; font-size: 18px; line-height: 1.5 !important; display: flex; align-items: center; flex-grow: 1; flex-direction: column; } .nunder_point_list01 .txt01.ta-left { text-align: left; } /* .nunder_point_list01.hifu .txt01 { flex-direction: column; } */ @media (max-width: 767px) { .nunder_point_list01 { border: 0; flex-direction: column; padding: 0; gap: 0; } .nunder_point_list01.col3, .nunder_point_list01.hifu { gap: 0; } .nunder_point_list01>li { border-top: 2px solid #000000; flex-direction: row; width: 100%; } .nunder_point_list01>li:last-of-type { border-bottom: 2px solid #000000; } .nunder_point_list01>li>figure { flex-shrink: 0; } .nunder_point_list01>li>div { align-items: flex-start; padding-right: 20px; } .nunder_point_list01 .title { /* font-size: 44px; */ /* font-size: 40px; */ font-size: 38px; text-align: left; } .nunder_point_list01 .txt01 { /* font-size: 24px; */ font-size: 22px; text-align: left; align-items: flex-start; } .nunder_point.hyaluronic .nunder_point_list01 .txt01 { display: block; } } /* クリニックインフォメーション（コンセプトページ・トップページ） */ .nunder_concept03 { padding: 80px 0 70px; background: #fff; color: #000; } .nunder_concept03 h3 { font-family: singo; font-size: 36px; text-align: center; margin: 0 0 30px; } .table_clinicinfo { font-size: 16px; line-height: 2.5; width: 100%; height: 100%; } .table_clinicinfo th { border-bottom: 1px solid #b4a390; padding: 20px 0; width: 280px; } .table_clinicinfo td { border-bottom: 1px dashed #000; padding: 20px 60px; } .table_clinicinfo a:hover { opacity: .5; } .table_clinicinfo a.schedule { text-decoration: underline; color: #000; } .table_clinicinfo a.line { text-decoration: underline; font-weight: bold; color: #06c755; } .table_clinicinfo a.reserve { text-decoration: underline; font-weight: bold; color: #aa9f6e; } .table_clinicinfo a.tel { pointer-events: none; color: #000; } .table_clinicinfo .yoyaku_wrapper { display: flex; gap: 30px; } @media (max-width: 767px) { .table_clinicinfo { font-size: 20px; } .table_clinicinfo th { width: 180px; } .table_clinicinfo td { padding: 20px 30px; } .table_clinicinfo .yoyaku_wrapper { flex-direction: column; gap: 0; } .table_clinicinfo a.tel { pointer-events: all; text-decoration: underline; } } /* ------------------------------------------------------- ポテンツァ20230801w ------------------------------------------------------- */ @font-face { font-family: 'Antro_Vectra'; src: url(https://christina-clinic.com/wp/wp-content/themes/cc/fonts/Antro_Vectra.otf); } .ta-c {text-align: center !important;} .ta-l {text-align: left !important;} .ta-r {text-align: right !important;} @media (max-width: 767px) { .ta-c_sp {text-align: center !important;} .ta-l_sp {text-align: left !important;} .ta-r_sp {text-align: right !important;} } .hifuka_05_yoyaku_sec { background: #ddd1b9; padding-top: 60px; padding-bottom: 60px; margin-bottom: 80px; } .hifuka_05_yoyaku_sec_link01 { background: #c0ab86; display: inline-block; margin-top: 30px; margin-bottom: 35px; } .hifuka_05_yoyaku_sec_link01 img { margin-top: -10px; margin-left: -10px; margin-right: 10px; margin-bottom: 10px; } .hifuka_05_yoyaku_sec_box01 { text-align: center; } .hifuka_05_yoyaku_sec_box02 { display: flex; justify-content: center; } .hifuka_05_yoyaku_sec_box02 a { font-size: 18px; color: #555555; border: 1px solid #555555; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_05_yoyaku_sec_arrow01.png) no-repeat center right 30px, #ffffff; padding: 20px 100px 20px 80px; display: flex; justify-content: center; align-items: center; } @media (max-width: 767px) { .hifuka_05_yoyaku_sec_box02 a { /* font-size: 24px; */ font-size: 18px; } } .cta02 { background: #000; padding: 40px 0; text-align: center; } .potenza_nayami01 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_nayami01_bg01_pc.png) no-repeat top 35px center / cover !important; height: 645px; margin-top: 80px; } .potenza_nayami_list01 { } .potenza_nayami_list01 > li + li { margin-top: 25px; } .potenza_nayami_list01 > li:nth-child(1) { margin-left: 80px; } .potenza_nayami_list01 > li:nth-child(2) { } .potenza_nayami_list01 > li:nth-child(3) { margin-left: 60px; } .potenza_nayami_list01 > li:nth-child(4) { margin-left: 110px; } .potenza_nayami_list01 > li:nth-child(5) { margin-left: 80px; } @media (max-width: 767px) { .potenza_nayami01 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_nayami01_bg01_sp.png) no-repeat top center / cover !important; height: 1001px; } .potenza_nayami_list01 { padding-top: 90px; } .potenza_nayami_list01 > li { margin-left: 0 !important; } .potenza_nayami_list01 > li + li { margin-top: 30px; } } .potenza_osusume01 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_osusume_bg01_pc.png) no-repeat bottom center !important; height: 1160px; margin-top: 80px; position: relative; } .potenza_osusume_img01 { margin-left: 60px; } .potenza_osusume_img02 { margin-top: 40px; margin-left: 540px; } .potenza_osusume_img03 { margin-top: 75px; margin-left: 440px; } .potenza_osusume_img04 { margin-top: 70px; margin-left: 110px; } @media (max-width: 767px) { .potenza_osusume01 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_osusume_bg01_sp.png) no-repeat bottom center !important; height: 1324px; } .potenza_osusume_img01 { margin-left: 0; } .potenza_osusume_img02 { margin-top: 40px; margin-left: 0px; display: flex; justify-content: flex-end; } .potenza_osusume_img03 { margin-top: 75px; margin-left: 0px; display: flex; justify-content: center; } .potenza_osusume_img04 { margin-top: 70px; margin-left: 0px; display: flex; justify-content: center; } } .under_mainv.potenza { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_mv01_pc.jpg) no-repeat top center / cover !important; /* height: 860px; */ height: 650px; } .nunder_point.potenza { background-image: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_point_bg01_pc.png); } .nunder_point_list01.potenza .title { color: #27b7ba; } .nunder_point_list01.potenza { justify-content: center; gap: 50px; } .nunder_point_list01.potenza .txt01 { font-size: 16px; } .txt_blue01 { color: #27b7ba !important; } @media (max-width: 767px) { .under_mainv.potenza { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_mv01_sp.jpg) no-repeat top center / cover !important; height: 860px; } .nunder_point_list01.potenza { gap: 0; } .nunder_point_list01.potenza .txt01 { font-size: 20px; } } .hifuka_05_yoyaku_sec_box01.potenza .hifuka_05_yoyaku_sec_box01txt { font-size: 44px; } .hifuka_05_yoyaku_sec_box01.potenza .hifuka_05_yoyaku_sec_box01txt span { font-size: 60px; background: linear-gradient(transparent 85%, #c8b285 15%); } .hifuka_05_yoyaku_sec_box01.potenza .hifuka_05_yoyaku_sec_box01txt span em::after { top: 0; background-color: #27b7ba !important; } @media (max-width: 767px) { .hifuka_05_yoyaku_sec_box01.potenza .hifuka_05_yoyaku_sec_box01txt { font-size: 38px; } /* .hifuka_05_yoyaku_sec_box01.potenza .hifuka_05_yoyaku_sec_box01txt span { line-height: 2; } */ .hifuka_05_yoyaku_sec_box01.potenza .hifuka_05_yoyaku_sec_box01txt span em::after { top: -15px; } .hifuka_05_yoyaku_sec_box02 a { /* width: 100%; */ /* padding: 30px 90px 30px 70px; */ } } @media (max-width: 767px) { } .potenza_box01 { display: flex; align-items: flex-end; gap: 120px; flex-wrap: wrap; } .potenza_box01 > div { width: 540px; } .potenza_box01 > div > div { padding: 25px; } .potenza_box01 > div:nth-child(1) > div { background: #e5e5e5; } .potenza_box01 > div:nth-child(2) > div { background: #e9f8f8; } .potenza_box01 .title01 { font-size: 24px; text-align: center; margin-bottom: 1em; } .potenza_box01 .txt { font-size: 16px; } .potenza_indexlist01 { display: flex; gap: 55px; flex-wrap: wrap; } .potenza_indexlist01 > li { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 20px; } .potenza_indexlist01 > li p { text-align: center; line-height: 1.8; flex-grow: 1; display: flex; align-items: center; font-weight: bold; font-size: 16px; } .potenza_titlenote01 { text-align: center; font-size: 24px; color: rgb(39, 183, 186); line-height: 1.5; margin-top: -10px; margin-bottom: 40px; } .potenza_pointlist01 { display: flex; gap: 60px; flex-direction: column; } .potenza_pointlist01 > li { display: flex; align-items: center; gap: 50px; } .potenza_pointlist01 > li > figure { flex-shrink: 0; } .potenza_pointlist01 > li .title01 { font-size: 18px; color: rgb(39, 183, 186); font-weight: bold; line-height: 1.8; border-bottom: 1px dashed #1f1f1f; margin-bottom: 1em; padding-bottom: 0.5em; } .potenza_pointlist01 > li .txt01 { line-height: 2; font-size: 16px; } .potenza_pointlist01 > li .link01 { display: flex; justify-content: flex-end; margin-top: 30px; } @media (max-width: 767px) { .potenza_titlenote01 { font-size: 30px; } .potenza_indexlist01 { justify-content: center; } .potenza_indexlist01 > li p { font-size: 22px; } .potenza_box01 { gap: 60px; } .potenza_box01 > div { width: 100%; } .potenza_box01 .title01 { font-size: 28px; margin-top: 10px; } .potenza_box01 .txt { font-size: 22px; } .potenza_box01 figure, .potenza_box01 figure img { width: 100%; } .potenza_pointlist01 > li { flex-direction: column; gap: 30px; } .potenza_pointlist01 > li .title01 { font-size: 24px; } .potenza_pointlist01 > li .txt01 { font-size: 22px; } .potenza_pointlist01 > li > figure, .potenza_pointlist01 > li > figure img { width: 100%; } } .potenza_link01 { display: flex; border-radius: 100px; border: 1px solid #1f1f1f; padding: 20px 50px; gap: 30px; } .potenza_link01::after { content: ""; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_link01_btn.png); height: 18px; width: 18px; } .potenza_link01 span { color: #1f1f1f; font-size: 16px; } .potenza_link01:hover { opacity: 0.6; } @media (max-width: 767px) { .potenza_link01 span { font-size: 22px; } } .potenza_txt01 { line-height: 2; font-size: 16px; margin-bottom: 50px; } @media (max-width: 767px) { .potenza_txt01 { font-size: 22px; } } .hifuka_05_table--potenza thead td { background: none; } .hifuka_05_table--potenza thead th { font-size: 22px; height: 150px; background: none; padding: 0; } .hifuka_05_table--potenza thead th div { position: relative; display: flex; align-items: flex-end; height: 100%; } .hifuka_05_table--potenza thead th figure { position: absolute; left: 30px; } .hifuka_05_table--potenza thead th:nth-of-type(1) p { background: #27b7ba; width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; border-top-left-radius: 10px; } .hifuka_05_table--potenza thead th:nth-of-type(2) p { background: #1b439a; width: 100%; height: 80px; display: flex; align-items: center; justify-content: center; border-top-right-radius: 10px; } .hifuka_05_table--potenza tbody th { background: #eeeeee !important; color: #1f1f1f !important; font-size: 18px; } .hifuka_05_table--potenza tbody td { text-align: center; font-size: 18px; font-weight: bold; padding: 40px 20px; } .hifuka_05_table--potenza tbody td:nth-of-type(1) { background: #e9f8f8; } .hifuka_05_table--potenza tbody td:nth-of-type(2) { background: #e8ecf5; } .hifuka_05_table--potenza tbody td:nth-of-type(1) strong { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 60px; color: #27b7ba; } .hifuka_05_table--potenza tbody td:nth-of-type(2) strong { font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; font-size: 60px; color: #1b439a; } .potenza_sylfirm_x { border: 1px solid #000; display: flex; align-items: center; gap: 50px; padding: 40px; } .potenza_sylfirm_x figure { flex-shrink: 0; } .potenza_sylfirm_x .title01 { font-family: kozuka-gothic-pr6n, sans-serif; font-style: normal; font-weight: 200; font-size: 24px; margin-bottom: 10px; letter-spacing: 0.2em; line-height: 2; } .potenza_sylfirm_x .txt01 { font-size: 16px; line-height: 2; } @media (max-width: 767px) { .hifuka_05_table--potenza { height: 100%; } .hifuka_05_table--potenza thead th figure { display: none; } .hifuka_05_table--potenza tbody td { vertical-align: top; } .hifuka_05_table--potenza tbody td.sp { vertical-align: middle; } .potenza_sylfirm_x { flex-wrap: wrap; justify-content: center; gap: 30px; } .potenza_sylfirm_x .title01 { font-size: 30px; text-align: center; } .potenza_sylfirm_x .txt01 { font-size: 22px; } } .potenza_shikumi_list01 { display: flex; justify-content: space-between; margin-bottom: 30px; padding: 0 50px; } .potenza_shikumi_list01 > li .txt01 { width: 155px; font-size: 16px; line-height: 2; margin-top: 1em; } @media (max-width: 767px) { .potenza_shikumi_list01 { padding: 0; flex-wrap: wrap; gap: 30px; justify-content: flex-start; } .potenza_shikumi_list01 > li { width: 275px; } .potenza_shikumi_list01 > li .txt01 { font-size: 22px; width: 100%; } .potenza_shikumi_list01 > li figure img { width: 100%; } .potenza_shikumi_list01 > li:last-of-type figure { padding-right: 25px; } } .movie_box01 .innerbox01 { width: 640px; margin: 0 auto; } .movie_box01 .title01 { font-size: 20px; font-family: kozuka-gothic-pr6n, sans-serif; color: rgb(255, 255, 255); line-height: 1.8; background: #27b7ba; padding: 10px; } .movie_box01 .note01 { color: rgb(125, 125, 125); text-align: right; line-height: 2; font-style: italic; } @media (max-width: 767px) { .movie_box01 .title01 { font-size: 26px; } .movie_box01 .innerbox01 { width: 528px; } .movie_box01 .note01 { font-size: 16px; line-height: 2; } } .potenza_sec01 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_bg01.png) no-repeat top center / cover !important; } .flex.potenza p { font-size: 16px; } @media (max-width: 767px) { .flex.potenza p { font-size: 22px; } } .potenza_kouka_box01 { /* display: flex; */ border: 1px solid #27b7ba; position: relative; /* padding: 70px 80px 110px; */ padding: 70px 40px 110px; /* align-items: center; */ /* gap: 60px; */ } .potenza_kouka_box01 h3 { position: absolute; top: -40px; left: 0; width: 100%; display: flex; justify-content: center; } .potenza_kouka_box01 h3 span { background: #27b7ba; font-family: kozuka-gothic-pr6n, sans-serif; font-style: normal; font-weight: 200; color: #fff; font-size: 24px; height: 80px; display: flex; align-items: center; justify-content: center; padding: 0 80px; min-width: 800px; } .potenza_kouka_box01 h3 span::before { content: ""; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_kouka_ico01.png) no-repeat; height: 30px; width: 29px; display: inline-block; margin-right: 30px; } .potenza_kouka_box01 h3 span em { font-weight: normal; color: #f2ff28; } .potenza_kouka_box01 h3 span i { font-style: normal; } .potenza_kouka_box01 > figure { flex-shrink: 0; } .potenza_kouka_box01 .title01 { line-height: 1.5; font-size: 24px; background: #ffc000; color: #fff; text-align: center; padding: 20px 0; position: relative; } .potenza_kouka_box01 .title01::after { content: ""; width: 0; height: 0; border-style: solid; border-right: 55px solid transparent; border-left: 55px solid transparent; border-top: 35px solid #ffc000; border-bottom: 0; position: absolute; bottom: -34px; left: 50%; transform: translateX(-50%); } .potenza_kouka_box01 .txt01 { line-height: 2; font-size: 18px; background: #fff2cc; padding: 60px 50px 50px; } .potenza_kouka_box01 .txt02 { line-height: 2; font-size: 18px; text-align: center; } .potenza_kouka_box01 .box01 { display: flex; align-items: center; justify-content: space-between; margin-top: 30px; margin-bottom: 60px !important; } .potenza_kouka_box01 .box01 > figure { width: 360px; flex-shrink: 0; } .potenza_kouka_box01 .box01 .title02 { font-size: 24px; color: rgb(39, 183, 186); font-weight: bold; line-height: 2; background: #e9f8f8; border-radius: 100px; padding: 5px 60px; } .potenza_kouka_box01 .box01 .title02_wrapper { display: flex; justify-content: center; margin-bottom: 50px; } .potenza_kouka_box01 .box02 { width: 1000px; margin: 0 auto; } .potenza_kouka_list01 { display: flex; /* flex-direction: column; */ flex-wrap: wrap; /* gap: 20px; */ gap: 25px 4%; /* margin-bottom: 100px; */ } .potenza_kouka_list01 > li { font-size: 18px; font-weight: bold; line-height: 2; display: flex; align-items: center; /* gap: 30px; */ gap: 20px; width: 48%; } .potenza_kouka_list01 > li::before { content: ""; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_kouka_list01_ico01.png); width: 31px; height: 24px; display: inline-block; } @media (max-width: 767px) { .potenza_kouka_box01 h3 { position: static; margin: -100px 0 0; margin-left: -40px; width: 580px; } .potenza_kouka_box01 h3 span { min-width: auto; height: auto; line-height: 1.5; padding: 20px 30px; font-size: 28px; width: 100%; } .potenza_kouka_box01 h3 span::before { flex-shrink: 0; } .potenza_kouka_box01 { flex-direction: column; padding: 100px 40px 50px; } .potenza_kouka_box01 .title01 { font-size: 24px; line-height: 1.8; } .potenza_kouka_box01 .txt01 { font-size: 22px; padding-left: 40px; padding-right: 40px; } .potenza_kouka_box01 .txt02 { font-size: 22px; text-align: left; margin-top: 40px; } .potenza_kouka_list01 { /* margin-bottom: 50px; */ } .potenza_kouka_list01 > li { font-size: 24px; width: 100%; } .potenza_kouka_box01 .box01 { flex-direction: column; gap: 70px; } .potenza_kouka_box01 .box01 > figure { width: auto; } .potenza_kouka_box01 .box01 .title02_wrapper { margin-bottom: 40px; } .potenza_kouka_box01 .box02 { width: 100%; } } .potenza_yakuzai_list01 { display: flex; gap: 80px; padding: 0 100px; } .potenza_yakuzai_list01 > li { width: 300px; } .potenza_yakuzai_list01 .title01 { font-size: 28px; font-family: kozuka-gothic-pr6n, sans-serif; color: rgb(39, 183, 186); line-height: 1.5; text-align: center; letter-spacing: 0.1em; margin: 30px 0 20px; } .potenza_yakuzai_list01 .txt01 { font-size: 16px; line-height: 2; } .potenza_yakuzai_tag_list01 { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; margin-bottom: 20px; } .potenza_yakuzai_tag_list01 > li { border-radius: 100px; background: #dedede; text-align: center; padding: 10px; width: 48%; } .potenza_yakuzai_tag_list01 > li::before { content: "#"; } @media (max-width: 767px) { .potenza_yakuzai_list01 { padding: 0; flex-wrap: wrap; } .potenza_yakuzai_list01 > li { width: 100%; } .potenza_yakuzai_list01 figure { text-align: center; } .potenza_yakuzai_list01 .title01 { font-size: 34px; margin: 40px 0 30px; } .potenza_yakuzai_list01 .txt01 { font-size: 22px; } .potenza_yakuzai_tag_list01 > li { /* width: 100%; */ font-size: 20px; } } .potenza_keika_list01 { display: flex; flex-wrap: wrap; gap: 30px; } .potenza_keika_list01 > li { max-width: 340px; } .potenza_keika_list01 .title01, .potenza_keika_list01 .title02, .potenza_keika_list01 .title03 { font-family: kozuka-gothic-pr6n, sans-serif; letter-spacing: 0.1em; text-align: center; font-size: 24px; padding: 10px; margin-bottom: 10px; } .potenza_keika_list01 .title01 { background: #c7c7c7; } .potenza_keika_list01 .title02 { background: #7d7d7d; color: #fff; } .potenza_keika_list01 .title03 { background: #27b7ba; color: #fff; } .potenza_keika_list01 .txt01 { line-height: 2; font-size: 16px; } .potenza_keika_list01 > li > figure:only-child { margin-top: 100px; } @media (max-width: 767px) { } .potenza_kodawari_list01 { display: flex; flex-direction: column; gap: 80px; } .potenza_kodawari_list01 > li { display: flex; align-items: center; gap: 50px; } .potenza_kodawari_list01 > li:nth-child(2) { flex-direction: row-reverse; } .potenza_kodawari_list01 figure { flex-shrink: 0; } .potenza_kodawari_list01 .title01 { font-size: 40px; font-family: "Antro_Vectra"; color: rgb(39, 183, 186); transform: rotate(-3deg); display: inline-block; margin-bottom: 10px; font-weight: bold; } .potenza_kodawari_list01 .title02 { font-size: 26px; font-weight: bold; line-height: 2; } .potenza_kodawari_list01 .txt01 { font-size: 16px; line-height: 2; } @media (max-width: 767px) { .potenza_kodawari_list01 > li { flex-direction: column; } .potenza_kodawari_list01 .title02 { margin-bottom: 10px; } .potenza_kodawari_list01 .txt01 { font-size: 22px; } .potenza_kodawari_list01 > li:nth-child(2) { flex-direction: column; } } .faq_list.faq_list--potenza ul li dl dt { background: #27b7ba; border-radius: 0; text-align: center; color: #ffffff; display: flex; align-items: center; padding: 20px; gap: 30px; margin-bottom: 0; } .faq_list.faq_list--potenza ul li dl dt::before { content: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_faq_ico01.png); position: static; } .faq_list.faq_list--potenza ul li dl dd { background: none; display: flex; gap: 20px; } .faq_list.faq_list--potenza ul li dl dd::before { content: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_faq_ico02.png); position: static; } .faq_list.faq_list--potenza ul li { width: 100%; margin-top: 40px !important; } .faq_list.faq_list--potenza ul li dl { /* padding-left: 60px; */ } @media (max-width: 767px) { .faq_list.faq_list--potenza ul li dl { padding-left: 0; } } .hifuka_05_nagare_list01--potenza { } .hifuka_05_nagare_list01--potenza .hifuka_05_nagare_list01_title01 span { font-size: 30px; font-family: "游明朝体", "Yu Mincho", YuMincho, serif; color: rgb(39, 183, 186); line-height: 2; letter-spacing: 0; } .hifuka_05_nagare_list01--potenza .link01 { display: flex; justify-content: flex-end; margin-top: 30px; } .hifuka_05_nagare_list01--potenza .potenza_link01 { display: flex; border-radius: 100px; border: none; padding: 20px 50px; gap: 30px; background: #27b7ba; } .hifuka_05_nagare_list01--potenza .potenza_link01 span { color: #fff; } .hifuka_05_nagare_list01--potenza .potenza_link01::after { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_link01_btn02.png); } .hifuka_05_nagare_list01--potenza > li { position: relative; } .hifuka_05_nagare_list01--potenza > li + li { margin-top: 100px; } .hifuka_05_nagare_list01--potenza > li + li::before { content: ""; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_nagare_ico01.png); width: 45px; height: 25px; position: absolute; top: -60px; left: 50%; transform: translateX(-50%); } @media (max-width: 767px) { } /* コンセプト */ .nunder_concept01 { height: 640px; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/concept_bg01.png?) no-repeat top center / cover; padding: 70px 0; margin-top: 50px; } .nunder_concept01 .inner { height: 100%; } .nunder_concept01 .box02 { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } .nunder_concept01 h3 { margin-bottom: 50px; } .nunder_concept01 h3 img { width: 70%; } .nunder_concept01 .txt01 { color: #555555; font-size: 24px; letter-spacing: 0.05em; line-height: 2; } .nunder_concept01 .txt02 { font-family: "Noto Serif JP", serif; letter-spacing: 0.05em; font-weight: bold; } .nunder_concept01 .txt02 i { font-size: 30px; display: block; line-height: 2; } .nunder_concept01 .txt02 span { font-size: 40px; display: block; } .nunder_concept02 { margin: 50px 0; } @media (max-width: 767px) { .nunder_concept01 { height: 1000px; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/concept_bg01_sp.png?) no-repeat bottom center / contain; margin-top: 0; padding-top: 110px; padding-top: 90px; } .nunder_concept01 h3 { margin-bottom: 40px; } .nunder_concept01 h3 img { width: 100%; } .nunder_concept01 .txt01 { font-size: 22px; font-size: 26px; margin-bottom: 100px; } .nunder_concept01 .txt02 i { font-size: 22px; margin-bottom: 10px; } .nunder_concept01 .txt02 span { font-size: 42px; } .nunder_concept01 .box02 { justify-content: flex-start; } .nunder_concept02 { margin: 70px 0; } } @keyframes shiny { 0% { left: -20%; } 10% { left: 120%; } 100% { left: 120%; } } .shiny-btn { position: relative; overflow: hidden; } .shiny-btn::after { content: ""; position: absolute; top: -10%; left: -20%; width: 40px; height: 100%; transform: scale(2) rotate(20deg); background-image: linear-gradient( 100deg, rgba(255, 255, 255, 0) 10%, rgba(255, 255, 255, 0.5) 100%, rgba(255, 255, 255, 0) 0% ); animation-name: shiny; animation-duration: 4s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; } .hifuka_05_yoyaku_sec_link01.shiny-btn { background: #de4979; width: 580px; border-radius: 8px; color: #fff; height: 120px; display: flex; align-items: center; gap: 30px; justify-content: center; box-shadow: 0 10px #cf3365; font-size: 22px; font-weight: bold; letter-spacing: 0.05em; margin-left: auto; margin-right: auto; margin-bottom: 40px; } .hifuka_05_yoyaku_sec_link01.shiny-btn img { margin: 0; } .hifuka_05_yoyaku_sec_link01:hover { opacity: 0.6; } /* ------------------------------------------------------- 施術詳細インスタグラム抜粋掲載 ------------------------------------------------------- */ .tr-insta { background: #fbf8f2; padding: 130px 0 150px; margin-bottom: 60px; } .tr-insta+.tr-insta { margin-top: -60px; padding-top: 0; } .tr-insta_box01 { position: relative; border-radius: 10px; background-color: rgb(255, 253, 250); box-shadow: 0px 3px 30px 0px rgba(166, 149, 107, 0.3); padding: 90px 80px 80px; } .tr-insta_list01 { display: flex; gap: 40px; flex-wrap: wrap; } .tr-insta_list01>li { width: 500px; } .tr-insta_list01>li.tr-insta_list01--1col { width: 100%; } .tr-insta_list01 .img01 { display: flex; gap: 40px; flex-wrap: wrap; margin-bottom: 1em; } .tr-insta_list01 .img01 figure { width: 500px; } .tr-insta_list01 .txt01 { font-size: 16px; color: rgb(59, 56, 53); line-height: 1.6; } .tr-insta_link01 { margin: 40px 0 0; display: flex; justify-content: center; } .tr-insta_link01 a { transition: .2s; } .tr-insta_link01 a:hover { opacity: .8; } .tr-insta_fukidashi01 { position: absolute; top: -60px; left: 140px; } @media (max-width: 767px) { .tr-insta+.tr-insta { padding-top: 90px; } .tr-insta_box01 { padding: 90px 40px 170px; } .tr-insta_list01 figure { margin-bottom: 2em; } .tr-insta_list01 .txt01 { font-size: 24px; line-height: 1.6; } } /* インスタグラム2 */ .tr-insta_list01{margin-bottom: 4em;} .tr-insta_list01 h2 { text-align: center; margin-bottom: 40px; font-family: minion-3, serif; font-weight: 400; font-style: normal; font-size: 32px; letter-spacing: .06em; color: #c9bc9c; } .tr-insta_list01 h3 { text-align: center; width: 100%; line-height: 1.5; font-size: 32px; font-family: singo; letter-spacing: 0.1em; } .tr-insta_list01>li.tr-insta_list01--1col.iflex { display: inline-flex; } .tr-insta .h2-box-01 h2 { text-align: center; margin-bottom: 40px; font-weight: 400; font-style: normal; font-size: 32px; letter-spacing: .06em; color: #c9bc9c; } .tr-insta .h2-box-01 h2 span { position: relative; display: inline-block; } .tr-insta .h2-box-01 h2 span:before { content: ''; position: absolute; left: 50%; bottom: -20px; width: 82px; height: 2px; margin-left: -41px; background: #c9bc9c; } .tr-insta_list01 .txt01 { font-size: 14px; color: rgb(59, 56, 53); line-height: 2.4; padding: 1em 0 1em 2em; } @media (max-width: 767px) { .tr-insta .h2-box-01 { margin-bottom: 20px; } .tr-insta+.tr-insta { padding-top: 90px; } .tr-insta_box01 { padding: 90px 40px 20px; } .tr-insta_list01>li.tr-insta_list01--1col.iflex { display: block; } .tr-insta_list01{margin-bottom: 5em;} .tr-insta_list01 figure { margin-bottom: 2em; } .tr-insta_list01 .txt01 { font-size: 24px; line-height: 1.6; padding: 0; } .tr-insta_fukidashi01 { top: -115px; left: 50px; } .tr-insta_link01{ margin: 2em 0 1em ;} } /* ------------------------------------------------------- 20230901wヘッダーフッター更新 ------------------------------------------------------- */ #header2308 { display: flex; position: fixed; top: 0; left: 0; width: 100%; /* z-index: 5; */ z-index: 12; height: 90px; /* border-bottom: 2px solid #fff; */ transition: .3s; } #header2308>.inner { max-width: 2000px; width: 100%; } #header2308>.inner .box03 .logo01 .black { display: none; } #header2308>.inner .box02 { display: flex; align-items: center; flex-grow: 1; border-bottom: 2px solid #fff; padding-left: 50px; padding-right: 50px; } #header2308>.inner .box02 .title01 { font-size: 14px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; color: rgb(255, 255, 255); font-weight: bold; line-height: 2; } #header2308>.inner .wrapper01 { display: flex; justify-content: space-between; } #header2308>.inner .box01 { display: flex; gap: 30px; border-bottom: 2px solid #fff; } #header2308 .list01 { display: flex; } #header2308 .list01 a { transition: .3s; } #header2308 .list01 a:hover { opacity: .6; } #header2308 .list01 a:hover img { opacity: 1; } #header2308 .list01>li>* { height: 90px; width: 60px; display: flex; align-items: center; justify-content: center; } #header2308 .list01>li>* .black { display: none; } #header2308.scrolled .list01>li>* .white { display: none; } #header2308.scrolled .list01>li>* .black { display: block; } #header2308 .list02 { display: flex; } #header2308 .list02>li>* { width: 90px; height: 90px; display: flex; align-items: center; justify-content: center; } #header2308 .list02 a { transition: .3s; } #header2308 .list02 a:hover { opacity: .6; } #header2308 .list02 a:hover img { opacity: 1; } #header2308 .list02 .line { background: #13bf4d; } #header2308 .list02 .contact { background: #b4a390; } #header2308 .list02 .menu { background: #000; cursor: pointer; } #header2308>.inner .box03 { width: 350px; position: relative; transition: .3s; } #header2308>.inner .box03:hover img { opacity: 1; } #header2308>.inner .box03:hover { opacity: .6; } #header2308>.inner .box03 .logo01 { position: absolute; top: 71px; right: -1px; flex-shrink: 0; width: 350px; } #header2308.scrolled >.inner .box03 { height: 92px; padding: 10px 0; border-bottom: 2px solid #000; width: auto; } #header2308.scrolled >.inner .box03 .logo01 { position: relative; top: 0; height: 100%; /* width: auto; */ width: 236px; } #header2308.scrolled >.inner .box03 .logo01 img { height: 100%; } #header2308.scrolled { background: #fff; /* box-shadow: 0px 2px 10px 0px rgba(32, 32, 32, 0.2); */ } #header2308.scrolled .wrapper01 { box-shadow: 0px 2px 10px 0px rgba(32, 32, 32, 0.2); } #header2308.scrolled>.inner .box02 .title01, #header2308.scrolled .title01 { color: #000; } #header2308.scrolled .box01, #header2308.scrolled .box02 { border-color: #000; } #header2308.scrolled .box03 .logo01 .white { display: none; } #header2308.scrolled .box03 .logo01 .black { display: block; } @media (max-width: 1400px) { #header2308>.inner .title01 { display: none; } } @media (max-width: 767px) { #header2308 { height: 110px; } #header2308>.inner { padding: 0; } #header2308>.inner .box01 { border-bottom: none; } #header2308>.inner .box02 { display: none; } #header2308 .list01 .instagram, #header2308 .list01 .ec, #header2308 .list02 .contact, #header2308 .list02 .line { display: none; } #header2308 .list02>li>* { height: 110px; width: 110px; } #header2308 .list01>li>* { height: 110px; width: 80px; } #header2308 .list01>li>* img { width: 32px; } #header2308>.inner .box03 { width: auto; padding-top: 25px; } #header2308>.inner .box03 .logo01 { position: initial; width: auto; } #header2308>.inner .box03 .logo01 img { width: 226px; } #header2308.scrolled >.inner .box03 { border: none; padding: 25px 0 0; } } /* バーガーメニュー */ body.fixed { overflow: hidden; /* -ms-overflow-style: none; */ /* scrollbar-width: none; */ } body.fixed::-webkit-scrollbar { /* display: none; */ } #bm2308 { display: none; position: fixed; top: 0; left: 0; z-index: 101; width: 100%; height: 100vh; } #bm2308 .inner { background: #000; position: relative; max-width: 2000px; width: 100%; padding: 40px 0 80px; height: 100%; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; } #bm2308 .inner::-webkit-scrollbar { display: none; } #bm2308 .menu2308 { width: 1200px; margin: 0 auto; } #bm2308 .menu2308 .wrapper01 .logo01 { display: none; } #bm2308 .close_wrapper { position: fixed; top: 0; right: 0; width: 100%; height: 90px; z-index: 102; } #bm2308 .close_wrapper .inner { display: flex; justify-content: flex-end; padding: 0; background: none; pointer-events: none; } #bm2308 .close_wrapper #close { /* position: absolute; */ /* top: 0; */ /* right: 0; */ height: 90px; width: 90px; background: #313131; display: flex; align-items: center; justify-content: center; cursor: pointer; user-select: none; pointer-events: fill; /* z-index: 102; */ position: relative; /* color: #fff; */ /* font-size: 30px; */ } #bm2308 .close_wrapper #close span { background: #fff; width: 50%; height: 2px; position: absolute; } #bm2308 .close_wrapper #close span:nth-of-type(1) { top: 50%; transform: translateY(-50%) rotate(-45deg); } #bm2308 .close_wrapper #close span:nth-of-type(2) { top: 50%; transform: translateY(-50%) rotate(45deg); } @media (max-width: 767px) { #bm2308 .close_wrapper { height: 110px; } #bm2308 .close_wrapper #close { height: 110px; width: 110px; /* position: fixed; top: 0; right: 0; */ } #bm2308 { height: 100%; } #bm2308 .inner { padding: 90px 30px 60px; /* padding: 90px 30px 120px; */ } #bm2308 .menu2308 { width: 100%; } } /* 20230822w */ #footer2308 { background: #000000; padding-top: 70px; } #footer2308 .copyright { text-align: center; font-size: 12px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; color: rgb(255, 255, 255); font-weight: bold; letter-spacing: .05em; margin-top: 90px; padding: 0 0 40px; } @media (max-width: 767px) { #footer2308 { padding-bottom: 120px; } #footer2308 .copyright { font-size: 18px; } } .menu2308 .wrapper01 { /* display: grid; grid-template-columns: 750px 1fr; grid-template-rows: max-content 1fr; grid-column-gap: 80px; grid-row-gap: 0px; */ display: grid; grid-template-columns: 750px 1fr; /* grid-template-rows: max-content repeat(2, 1fr); */ grid-template-rows: max-content max-content max-content 1fr; /* grid-column-gap: 80px; */ grid-column-gap: 70px; /* grid-row-gap: 0px; */ grid-row-gap: 40px; } .menu2308 .wrapper01 .logo01 { text-align: center; /* grid-column-start: 1; grid-column-end: 3; grid-row-start: 1; grid-column-end: 3; */ grid-area: 1 / 1 / 2 / 3; } .menu2308 .wrapper01 .box01 { /* grid-area: 2 / 1 / 4 / 2; */ grid-area: 2 / 1 / 5 / 2; } .menu2308 .wrapper01 .box02 { grid-area: 2 / 2 / 3 / 3; } .menu2308 .wrapper01 .box03 { grid-area: 3 / 2 / 4 / 3; } .menu2308 .wrapper01 .box04 { grid-area: 4 / 2 / 5 / 3; } @media (max-width: 767px) { .menu2308 .wrapper01 { grid-template-columns: 1fr; grid-template-rows: max-content max-content 1fr; grid-column-gap: 70px; grid-row-gap: 40px; } .menu2308 .wrapper01 .logo01 { margin-top: 50px; grid-area: 5 / 1 / 6 / 2; } .menu2308 .wrapper01 .box01 { grid-area: 1 / 1 / 2 / 2; } .menu2308 .wrapper01 .box02 { grid-area: 3 / 1 / 4 / 2; } .menu2308 .wrapper01 .box03 { grid-area: 2 / 1 / 3 / 2; } .menu2308 .wrapper01 .box04 { grid-area: 4 / 1 / 5 / 2; } } .menu2308 .wrapper01 .title01 { font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; font-size: 15px; color: rgb(255, 255, 255); font-weight: bold; border-bottom: 1px solid #fff; line-height: 2; min-height: 50px; display: flex; align-items: center; letter-spacing: .025em; } .menu2308 .wrapper01 .title02 { font-size: 14px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; color: rgb(255, 255, 255); font-weight: bold; line-height: 2; background: #313131; letter-spacing: .025em; min-height: 35px; display: flex; align-items: center; /* padding: 0 20px; */ /* margin: 25px 0 20px; */ } .menu2308 .wrapper01 .title03 { font-size: 14px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; color: rgb(180, 163, 144); font-weight: bold; line-height: 2; letter-spacing: .025em; margin-top: 10px; margin-left: 20px; } @media (max-width: 767px) { .menu2308 .wrapper01 .title01 { font-size: 30px; padding: 0 10px; } .menu2308 .wrapper01 .title02 { font-size: 24px; min-height: 80px; /* padding-left: 40px; */ margin-top: 0; margin-bottom: 0; } .menu2308 .wrapper01 .title03 { font-size: 22px; margin-left: 40px; margin-top: 20px; } } .menu2308 .wrapper01 .innerbox01 .txt01 { font-size: 12px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; color: rgb(255, 255, 255); font-weight: bold; line-height: 3; margin-top: 20px; } .menu2308 .wrapper01 .innerbox01 a { color: #fff; text-decoration: underline; transition: .3s; } .menu2308 .wrapper01 .innerbox01 a:hover { opacity: .6; } @media (max-width: 767px) { .menu2308 .wrapper01 .innerbox01 .txt01 { font-size: 17px; padding: 0 10px; } } .menu2308 .wrapper01 .list01 { display: flex; flex-wrap: wrap; gap: 0 25px; margin-left: 20px; } .menu2308 .wrapper01 .list01 a { font-size: 12px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; color: rgb(255, 255, 255); font-weight: bold; letter-spacing: .025em; line-height: 2; display: flex; align-items: center; transition: .3s; min-height: 40px; } .menu2308 .wrapper01 .list01 a:hover { opacity: .6; } .menu2308 .wrapper01 .list01 a::before { content: "-"; margin-right: 10px; } .menu2308 .wrapper01 .dl01 dt { padding: 0 20px; margin: 25px 0 20px; background: #313131; } .menu2308 .wrapper01 .dl01 dt .circle-plus { display: none; } @media (max-width: 767px) { .menu2308 .wrapper01 .list01 { margin-left: 40px; gap: 20px; margin-top: 30px; } .menu2308 .wrapper01 .list01>li { width: calc(50% - 20px); } .menu2308 .wrapper01 .list01 a { font-size: 22px; line-height: 1.8; } .menu2308 .wrapper01 .dl01 { margin-top: 35px; } .menu2308 .wrapper01 .dl01 dt { margin-top: 0; margin-bottom: 2px; display: flex; align-items: center; padding: 0 40px; justify-content: space-between; } .menu2308 .wrapper01 .dl01 dt .circle-plus { display: block; } .menu2308 .wrapper01 .dl01 dd { display: none; } .menu2308 .wrapper01 .dl01 dd:not(:last-of-type) { padding-bottom: 30px; } } .menu2308 .wrapper01 .list02 { display: flex; flex-wrap: wrap; margin-top: 20px; gap: 10px 0; padding: 0 30px; } .menu2308 .wrapper01 .list02>li { width: 50%; } .menu2308 .wrapper01 .list02 a { font-size: 12px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; color: rgb(255, 255, 255); font-weight: bold; line-height: 2; text-decoration: none; display: flex; align-items: center; min-height: 40px; transition: .3s; } .menu2308 .wrapper01 .list02 a:hover { opacity: .6; } .menu2308 .wrapper01 .list02 a::before { content: "-"; margin-right: 10px; } @media (max-width: 767px) { .menu2308 .wrapper01 .list02 { gap: 20px 0; } .menu2308 .wrapper01 .list02 a { font-size: 22px; } } .menu2308 .wrapper01 .list03 { display: flex; justify-content: center; gap: 20px; /* margin-top: 30px; */ } .menu2308 .wrapper01 .list03 a { display: flex; align-items: center; justify-content: center; gap: 10px; font-size: 12px; font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif; color: rgb(255, 255, 255); font-weight: bold; border-radius: 100px; min-height: 40px; width: 175px; text-decoration: none; transition: .3s; } .menu2308 .wrapper01 .list03 a img { width: 15px; } .menu2308 .wrapper01 .list03 a:hover img { opacity: 1; } .menu2308 .wrapper01 .list03 a:hover { opacity: .6; } .menu2308 .wrapper01 .list03 a.line { background: #13bf4d; } .menu2308 .wrapper01 .list03 a.contact { background: #b4a390; } @media (max-width: 767px) { .menu2308 .wrapper01 .list03 { justify-content: space-between; } .menu2308 .wrapper01 .list03 a { font-size: 18px; width: 275px; min-height: 65px; gap: 20px; } .menu2308 .wrapper01 .list03 a img { width: auto; } } .menu2308 .wrapper01 .list04 { display: flex; justify-content: center; gap: 30px; margin-top: 40px; } .menu2308 .wrapper01 .list04 a { background: #313131; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; } .menu2308 .wrapper01 .list04 a img { width: 18px; } .menu2308 .wrapper01 .list04 a:hover img { opacity: 1; } @media (max-width: 767px) { .menu2308 .wrapper01 .list04 { gap: 40px; margin-top: 60px; } .menu2308 .wrapper01 .list04 a { width: 100px; height: 100px; } .menu2308 .wrapper01 .list04 a img { width: auto; } } .menu2308 .closed .vertical { transition: all 0.5s ease-in-out; transform: rotate(-90deg); } .menu2308 .closed .horizontal { transition: all 0.5s ease-in-out; transform: rotate(-90deg); opacity: 1; } .menu2308 .opened .vertical { transition: all 0.5s ease-in-out; transform: rotate(90deg); } .menu2308 .opened .horizontal { transition: all 0.5s ease-in-out; transform: rotate(90deg); opacity: 0; } .menu2308 .circle-plus { height: 20px; width: 20px; /* font-size: 1em; */ /* opacity: 0.7; */ } .menu2308 .circle-plus .circle { position: relative; /* width: 2.55em; */ /* height: 2.5em; */ width: 100%; height: 100%; /* border-radius: 100%; */ /* border: solid 0.5em #DFDAD7; */ } .menu2308 .circle-plus .circle .horizontal { position: absolute; background-color: #fff; width: 20px; height: 4px; top: 8px; /* left: 50%; */ /* margin-left: -15px; */ /* top: 50%; */ /* margin-top: -2.5px; */ } .menu2308 .circle-plus .circle .vertical { position: absolute; background-color: #fff; width: 4px; height: 20px; left: 8px; /* left: 50%; */ /* margin-left: -2.5px; */ /* top: 50%; */ /* margin-top: -15px; */ } /* ボトックス20230802w */ .under_mainv.botox_mejiri { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/botox_mejiri_mv01_pc.jpg) no-repeat top center / cover !important; height: 650px; } @media (max-width: 767px) { .under_mainv.botox_mejiri { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/botox_mejiri_mv01_sp.jpg) no-repeat top center / cover !important; height: 860px; } } .hifuka_05_yoyaku_sec_box01txt { margin: 20px 0 10px; text-align: center; /* font-family: 'TsukuMinPr6-D'; */ font-family: fot-tsukumin-pr6n, sans-serif; font-weight: 300; font-style: normal; font-size: 44px; line-height: 1.4; } .hifuka_05_yoyaku_sec_box01txt span { display: inline; padding: 0 5px; background: linear-gradient(transparent 75%, #c8b285 0%); /* background-size: 1em 1em; */ color: #055e6a; font-size: 60px; } .hifuka_05_yoyaku_sec_box01txt span em { position: relative; } .hifuka_05_yoyaku_sec_box01txt span em::after { content: ""; position: absolute; top: -15px; left: 50%; margin-left: -3px; width: 6px; height: 6px; background-color: #055e6a; border-radius: 100px; } @media (max-width: 767px) { .hifuka_05_yoyaku_sec_box01txt { margin-left: -30px; margin-right: -30px; font-size: 40px; } .hifuka_05_yoyaku_sec_box01txt span { font-size: 56px; } } .hifuka_05_yoyaku_sec_box01.potenza.botox .hifuka_05_yoyaku_sec_box01txt span em::after { /* top: 0; */ background-color: #9f46a4 !important; } .txt_purple01 { color: #9f46a4 !important; } .hifuka_05_yoyaku_sec_box01txt--line { font-size: 40px !important; } .hifuka_05_yoyaku_sec_box01txt--line i { position: relative; } .hifuka_05_yoyaku_sec_box01txt--line i::after, .hifuka_05_yoyaku_sec_box01txt--line i::before { content: ""; width: 1px; height: 60px; background: #000; display: inline-block; position: absolute; } .hifuka_05_yoyaku_sec_box01txt--line i::before { left: -30px; transform: rotateZ(-30deg); } .hifuka_05_yoyaku_sec_box01txt--line i::after { right: -30px; transform: rotateZ(30deg); } .bg_purple01 { background: #f5ecf6 !important; } @media (max-width: 767px) { .hifuka_05_yoyaku_sec_box01txt--line { font-size: 36px !important; } .hifuka_05_yoyaku_sec_box01txt--line i::after, .hifuka_05_yoyaku_sec_box01txt--line i::before { height: 100%; top: 0; } .hifuka_05_yoyaku_sec_box01txt--line i::before { left: -70px; transform: rotateZ(-20deg); } .hifuka_05_yoyaku_sec_box01txt--line i::after { right: -45px; transform: rotateZ(20deg); } } .botox_mejiri_box01 { background: #fff; padding: 50px 100px; margin-top: 120px; } .botox_mejiri_box01 > .title01 { display: flex; justify-content: center; position: relative; margin-bottom: 40px; margin-top: -100px; } .botox_mejiri_box01 > .title01::after { content: ""; width: 0; height: 0; border-style: solid; border-right: 8px solid transparent; border-left: 8px solid transparent; border-top: 16px solid #9f46a4; border-bottom: 0; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); } .botox_mejiri_box01 > .title01 p { font-size: 30px; color: rgb(255, 255, 255); font-weight: bold; line-height: 1.2; background: #9f46a4; text-align: center; max-width: 768px; width: 100%; letter-spacing: 0.2em; min-height: 90px; display: flex; justify-content: center; align-items: center; } .botox_mejiri_box01.fontsize20px { padding: 0; } .botox_mejiri_box01.fontsize20px > .title01 { margin: 0; } .botox_mejiri_box01.fontsize20px > .title01 p { font-size: 20px; min-height: 70px; max-width: 600px; } .botox_mejiri_box01 > .txt01 { font-size: 16px; color: rgb(0, 0, 0); line-height: 2.2; } @media (max-width: 767px) { .botox_mejiri_box01 { padding: 50px 30px; } .botox_mejiri_box01 > .title01 p { font-size: 26px; } .botox_mejiri_box01 > .txt01 { font-size: 22px; } .botox_mejiri_box01.fontsize20px > .title01 p { font-size: 26px; padding: 20px; line-height: 1.8; max-width: 520px; } } .potenza_pointlist01 > li > .innerbox01 { flex-grow: 1; } .potenza_pointlist01.potenza_pointlist01--botox > li .title01 { color: #9f46a4; } @media (max-width: 767px) { } .botox_items { display: flex; flex-wrap: wrap; justify-content: space-between; } .botox_items .item { width: 30%; } .botox_items .item-img { text-align: center; margin: 0 0 1.2rem 0; } .botox_items .item-title-merit:before { content: ""; display: inline-block; width: 35px; height: 32px; background-image: url("https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hifuka_37_icon-check.png"); background-size: contain; vertical-align: text-bottom; background-repeat: no-repeat; margin: 0 0.6rem 0 0; } .botox_items .item-title-merit { text-align: center; font-size: 1.2em; font-weight: bold; margin: 0 0 1.2rem 0; } .botox_items .item-title-merit span { color: #a6115e; font-size: 1.4em; } .botox_items .item-body p { line-height: 2.2; } @media screen and (max-width: 767px) { .botox_items { flex-direction: column; } .botox_items .item { width: 100%; font-size: 22px; line-height: 2; margin: 0 0 2rem 0; } } .botox_items02.demerit p { line-height: 2.2; margin: 0 0 1rem 0; } .botox_items02.demerit h3 { font-size: 1.2em; margin: 1rem 0 0.8rem 0; } .botox_items02.demerit h3:before { content: "■"; display: inline-block; margin: 0 0.2rem 0 0; padding-bottom: 8px; font-size: 1.4em; vertical-align: middle; } @media screen and (max-width: 767px) { .botox_items02.demerit { font-size: 22px; } } figure.pf-img.botox_items03 { text-align: center; } @media screen and (min-width: 768px) { div.pf-text.botox_items03 { width: 77% !important; } figure.pf-img.botox_items03 { width: 20% !important; } } .hifuka_05_nagare_list01--potenza.botox .hifuka_05_nagare_list01_title01 span { color: #9f46a4; } .hifuka_05_nagare_list01--potenza.botox > li + li::before { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_nagare_ico01_botox.png); } .hifuka_05_nagare_list01--potenza.botox .potenza_link01 { background: #9f46a4; } .hifuka_05_nagare_list01--potenza.botox .potenza_link01::after { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_link01_btn02_botox.png); } @media (max-width: 767px) { } .faq_list.faq_list--potenza.faq_list--botox ul li dl dt { background: #9f46a4; } .faq_list.faq_list--potenza.faq_list--botox ul li dl dt::before { content: "Q."; color: #fff; font-size: 30px; font-family: "Kozuka Gothic Pr6N", sans-serif; } .faq_list.faq_list--potenza.faq_list--botox ul li dl dd::before { content: "A."; color: #9f46a4; font-size: 30px; font-family: "Kozuka Gothic Pr6N", sans-serif; } .faq_list.faq_list--potenza ul li dl dt { text-align: left; line-height: 1.8; } @media (max-width: 767px) { } /* 額ボトックス */ .under_mainv.botox_hitai { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/botox_hitai_mv01_pc.jpg) no-repeat top center / cover !important; height: 650px; } @media (max-width: 767px) { .under_mainv.botox_hitai { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/botox_hitai_mv01_sp.jpg) no-repeat top center / cover !important; height: 860px; } } .txt_red01 { color: #ac1f5f !important; } .hifuka_05_yoyaku_sec_box01.potenza.botox_hitai .hifuka_05_yoyaku_sec_box01txt span em::after { background-color: #ac1f5f !important; } .hifuka_05_nagare_list01--potenza.botox_hitai .hifuka_05_nagare_list01_title01 span { color: #ac1f5f; } .hifuka_05_nagare_list01--potenza.botox_hitai > li + li::before { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_nagare_ico01_botox_hitai.png); } .hifuka_05_nagare_list01--potenza.botox_hitai .potenza_link01 { background: #ac1f5f; } .hifuka_05_nagare_list01--potenza.botox_hitai .potenza_link01::after { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/potenza_link01_btn02_botox_hitai.png); } .faq_list.faq_list--potenza.faq_list--botox_hitai ul li dl dt { background: #ac1f5f; } .faq_list.faq_list--potenza.faq_list--botox_hitai ul li dl dt::before { content: "Q."; color: #fff; font-size: 30px; font-family: "Kozuka Gothic Pr6N", sans-serif; } .faq_list.faq_list--potenza.faq_list--botox_hitai ul li dl dd::before { content: "A."; color: #ac1f5f; font-size: 30px; font-family: "Kozuka Gothic Pr6N", sans-serif; } .potenza_pointlist01.potenza_pointlist01--botox_hitai > li .title01 { color: #ac1f5f; } .botox_mejiri_box01.botox_hitai > .title01 p { background: #ac1f5f; } .botox_mejiri_box01.botox_hitai > .title01::after { border-top: 16px solid #ac1f5f; } @media (max-width: 767px) { .hifuka_05_nagare_list01--potenza .link01 { justify-content: center; } .faq_list.faq_list--potenza ul li dl dt::before, .faq_list.faq_list--potenza ul li dl dd::before { flex-shrink: 0; } } .price_zeikomi_note { text-align: right; margin-bottom: 1em; font-size: 20px; } @media (max-width: 767px) { .price_zeikomi_note { padding-right: 30px; } } .price_box .syokai--pink01::before { background-color: #de4979 !important; color: #fff !important; } .txt_pink01 { color: #de4979 !important; } @media (max-width: 767px) { .price_baby { position: relative; left: 0; top: 0; margin-left: 0; } } /* ヒアルロン酸注入20230914w */ #nunder .nunder_detaile.bg_ha01 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_bg01_pc.png) no-repeat bottom center; } .botox_mejiri_box01.ha01.ha02 { background: #f1f2f3; } .botox_mejiri_box01.ha01 > .title01 p { background: #307ba2; } .botox_mejiri_box01.ha01 > .title01::after { border-top: 16px solid #307ba2; } .hifuka_05_nagare_list01--potenza.ha01 .hifuka_05_nagare_list01_title01 span, .potenza_pointlist01.ha01 > li .title01 { color: #307ba2; } .hifuka_05_nagare_list01--potenza.ha01 > li + li::before { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_arrow01.png); } .hifuka_05_nagare_list01--potenza.ha01 .potenza_link01 { background: #307ba2; } .hyaluronic-acid_arrow02 { display: flex; justify-content: center; margin-top: 20px; } .hyaluronic-acid_arrow02>* { width: 300px; } .hyaluronic-acid_txt01 p { text-align: center; font-family: fot-tsukumin-pr6n, sans-serif; font-weight: 300; font-style: normal; font-size: 44px; line-height: 1.4; } .hyaluronic-acid_txt01 p em { color: #307ba2; font-size: 60px; } .bg_none01 { background: none; } .faq_list.faq_list--potenza.faq_list--botox_hitai.ha01 ul li dl dt { background: #307ba2; } .faq_list.faq_list--potenza.faq_list--botox_hitai.ha01 ul li dl dd::before { color: #307ba2; } .hyaluronic-acid_list01 { display: flex; flex-wrap: wrap; gap: 25px 30px; } .hyaluronic-acid_list01>li { width: 380px; } .hyaluronic-acid_list01 a { color: #000; border: 1px solid #000; display: flex; align-items: center; font-size: 14px; min-height: 80px; padding: 10px 60px 10px 20px; line-height: 1.8; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/npage_index01.png) no-repeat center right 20px; height: 100%; } .hyaluronic-acid_list01>li.reverse { background-color: #000; } .hyaluronic-acid_list01>li.reverse a { color: #fff; background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/npage_index01-reverse.png) no-repeat center right 20px; } .hyaluronic-acid_list01 a:hover { opacity: .6; } .hyaluronic-acid_txt02 { font-size: 18px; letter-spacing: .05em; text-align: center; margin-top: -10px; margin-bottom: 30px; line-height: 2; } .hifuka_05_yoyaku_sec_box01.potenza.ha01 .hifuka_05_yoyaku_sec_box01txt span em::after { background-color: #055e6a !important; } @media (max-width: 767px) { #nunder .nunder_detaile.bg_ha01 { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_bg01_sp.png) no-repeat bottom center; } .hyaluronic-acid_arrow02 { margin-bottom: 10px; } .hyaluronic-acid_txt01 p { font-size: 38px; } .hyaluronic-acid_list01 { gap: 20px; } .hyaluronic-acid_list01>li { /* width: 275px; */ width: 100%; } .hyaluronic-acid_list01 a { font-size: 22px; } } .under_mainv.hyaluronic-acid_ago { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_ago_mv01_pc.jpg?01) no-repeat top center / cover !important; height: 650px; } .under_mainv.hyaluronic-acid_hana{ background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_hana_mv01_pc.jpg?01) no-repeat top center / cover !important; height: 650px; } .under_mainv.hyaluronic-acid_hitai { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_hitai_mv01_pc.jpg?01) no-repeat top center / cover !important; height: 650px; } .under_mainv.hyaluronic-acid_hourei { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_hourei_mv01_pc.jpg?03) no-repeat top center / cover !important; height: 650px; } .under_mainv.hyaluronic-acid_kuchibiru { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_kuchibiru_mv01_pc.jpg?01) no-repeat top center / cover !important; height: 650px; } .under_mainv.hyaluronic-acid_kuma { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_kuma_mv01_pc.jpg?01) no-repeat top center / cover !important; height: 650px; } .under_mainv.hyaluronic-acid_menoshita { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_menoshita_mv01_pc.jpg?01) no-repeat top center / cover !important; height: 650px; } .under_mainv.hyaluronic-acid_miken { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_miken_mv01_pc.jpg?01) no-repeat top center / cover !important; height: 650px; } .under_mainv.hyaluronic-acid_ml { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_ml_mv01_pc.jpg?01) no-repeat top center / cover !important; height: 650px; } .under_mainv.hyaluronic-acid_namidabukuro { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_namidabukuro_mv01_pc.jpg?01) no-repeat top center / cover !important; height: 650px; } @media (max-width: 767px) { .under_mainv.hyaluronic-acid_ago { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_ago_mv01_sp.jpg?01) no-repeat top center / cover !important; height: 860px; } .under_mainv.hyaluronic-acid_hana{ background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_hana_mv01_sp.jpg?01) no-repeat top center / cover !important; height: 860px; } .under_mainv.hyaluronic-acid_hitai { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_hitai_mv01_sp.jpg?01) no-repeat top center / cover !important; height: 860px; } .under_mainv.hyaluronic-acid_hourei { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_hourei_mv01_sp.jpg?03) no-repeat top center / cover !important; height: 860px; } .under_mainv.hyaluronic-acid_kuchibiru { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_kuchibiru_mv01_sp.jpg?01) no-repeat top center / cover !important; height: 860px; } .under_mainv.hyaluronic-acid_kuma { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_kuma_mv01_sp.jpg?01) no-repeat top center / cover !important; height: 860px; } .under_mainv.hyaluronic-acid_menoshita { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_menoshita_mv01_sp.jpg?01) no-repeat top center / cover !important; height: 860px; } .under_mainv.hyaluronic-acid_miken { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_miken_mv01_sp.jpg?01) no-repeat top center / cover !important; height: 860px; } .under_mainv.hyaluronic-acid_ml { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_ml_mv01_sp.jpg?01) no-repeat top center / cover !important; height: 860px; } .under_mainv.hyaluronic-acid_namidabukuro { background: url(https://christina-clinic.com/wp/wp-content/themes/cc/img/nimg/hyaluronic-acid_namidabukuro_mv01_sp.jpg?01) no-repeat top center / cover !important; height: 860px; } } @media (max-width: 767px) { .hyaluronic-acid_list01--main>li { width: 280px; } } /* /ヒアルロン酸注入20230914w */ /* twentytwenty症例写真20231128w */ .tt-slide-main>li { display: none; } .tt-slide-main>li.show { display: block; } .tt-slide-main .txt { margin-top: 20px; } .tt-slide-nav { margin-top: 20px; display: flex; justify-content: center; gap: 30px; flex-wrap: wrap; } .tt-slide-nav>li { opacity: 0.5; transition: 0.5s; cursor: pointer; width: 100px; } .tt-slide-nav .show { opacity: 1; } .tt-slide-main .twentytwenty-horizontal .twentytwenty-handle:before, .tt-slide-main .twentytwenty-horizontal .twentytwenty-handle:after { width: 0; } @media screen and (max-width: 480px) { .tt-slide-main .inner02 { align-items: flex-start; } .tt-slide-nav { margin: 40px -30px 0; } .tt-slide-nav>li { padding: 0 10px; } .tt-slide-nav img { width: 80px; } } .tt-slide-main .twentytwenty-container img, .tt-slide-main .twentytwenty-container, .tt-slide-main .twentytwenty-wrapper { width: 495px !important; height: 495px !important; } @media (max-width: 767px) { .tt-slide-main .twentytwenty-container img, .tt-slide-main .twentytwenty-container, .tt-slide-main .twentytwenty-wrapper { width: 535px !important; height: 535px !important; } } /* /twentytwenty症例写真20231128w */ /* ヒアルロン酸20240122w */ .hyaluron_bui_list01 { display: flex; flex-wrap: wrap; border-radius: 10px; border: 1px solid #b2b2b2; padding: 30px 90px; gap: 10px 0; width: 820px; margin: 0 auto; line-height: 2; } .hyaluron_bui_list01>li { margin: 0 !important; padding: 0 !important; width: 33.3%; } .hyaluron_bui_list01>li::before { content: none !important; } @media (max-width: 767px) { .hyaluron_bui_box01 { font-size: 22px; } .hyaluron_bui_list01 { width: 100%; font-size: 18px; gap: 10px 2%; padding: 30px; } .hyaluron_bui_list01>li { width: 48%; } } .hyaluron_price_box02 { display: flex; background: #fcecf1; padding: 0 100px 20px; gap: 50px; border-radius: 10px; margin-top: 30px; } .hyaluron_price_box02 figure { margin-top: -15px; } .hyaluron_price_box02 .cont { display: flex; align-items: flex-start; justify-content: center; flex-direction: column; line-height: 2; padding-top: 15px; } .hyaluron_price_box02 .cont .hyaluron_price_box02_title { color: #de4979; font-size: 24px; font-weight: bold; } .hyaluron_price_box02 .cont em { font-weight: bold; color: #de4979; font-size: 20px; } @media (max-width: 767px) { .hyaluron_price_box02 { padding: 20px 30px; align-items: center; margin-left: 30px; margin-right: 30px; } .hyaluron_price_box02 figure { margin-top: 0; } .hyaluron_price_box02 .cont { padding: 0; } } .hyaluron_price_box01 { display: flex; width: 100%; margin-bottom: 30px; line-height: 2; } .hyaluron_price_box01 .title { display: flex; align-items: center; justify-content: center; background: #de4979; color: #fff; font-size: 24px; font-weight: bold; height: 100px; border-top-left-radius: 10px; border-bottom-left-radius: 10px; width: 180px; white-space: nowrap; padding: 0 40px; } .hyaluron_price_box01 .cont { padding: 0 30px; display: flex; align-items: center; justify-content: center; background: #fcecf1; font-size: 16px; height: 100px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; flex-grow: 1; } .hyaluron_price_box01 .cont em { font-weight: bold; color: #de4979; font-size: 20px; } @media (max-width: 767px) { .hyaluron_price_box01 .title { height: auto; } .hyaluron_price_box01 .cont { padding: 20px 30px; height: auto; } } @media (max-width: 767px) { .npage_index h2, .npage_index h4 { font-weight: 400; } }