★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ================================================================================ Site origin 不要設定解除 ※案件によって使い分けてください。 ※価格表のcssと一緒に使うとバグりますので、その時は個別に設定すると吉です。 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .panel-grid{ margin:0 auto !important; } .panel-grid-cell{ margin:0 auto !important; } .so-panel{ margin:0 auto !important; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .panel-grid{ margin:0 auto !important; } .panel-grid-cell{ margin:0 auto !important; } .so-panel{ margin:0 auto !important; } } /* ================================================================================ レイアウト ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { #wrapper{ background:url(../img/) center top no-repeat; } main.outer_wrap{ max-width:1920px; width:100%; min-height:50vh; background:url(../img/bg_pattern.jpg) center top repeat; display:block; padding-top:40px; padding-bottom:80px; } .inner_wrap{ padding-top:40px; max-width:1000px; width:100%; margin:0 auto; } main{ min-height:500px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { #wrapper{ background:url(../img/) center top no-repeat; } main.outer_wrap{ width:100%; background:url(../img/bg_pattern.jpg) center top repeat; background-size:40px; } .inner_wrap{ width:100%; padding:30px 16px 48px; } main{ min-height:300px; } } /* ================================================================================ メイン画像 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .m-cate { max-width:1920px; width:100%; height:340px; margin:0 auto; background:url(../img/main_cate.png) center top no-repeat; } .page-title { text-align:center; padding-top:122px; } .page-title h2 { font-size:40px; color:#ffffff; text-shadow:3px 2px 2px #ec6882; font-family: "ヒラギノ明朝 W2 JIS2004"; } /* よもぎ蒸し */ .m-cate_yomogi { max-width:1920px; width:100%; height:500px; margin:0 auto; background:url(../img/main_cate_yomogi.jpg) center top no-repeat; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .m-cate { position: relative; height:240px; background:url(../img/main_cate.png) center top no-repeat; background-size:auto 240px; } .page-title { padding: 10px 20px; height: 120px; } .page-title h2 { margin: 0; margin-top:63px; font-size:30px; font-weight:bold; line-height:2; color:#ffffff; text-shadow:3px 4px 2px #ec6882; font-family: "ヒラギノ明朝 W2 JIS2004"; text-align:center; } /* よもぎ蒸し */ .m-cate_yomogi { width:100%; height:75vw; margin:0 auto; background:url(../img/main_cate_yomogi_sp.jpg) center top no-repeat; background-size:cover; } } /* ================================================================================ 共通見出し ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { /* ページタイトル ----------------------------------------------- */ .title_big{ background:url(../img/title_cate.png) center top no-repeat; height:272px; padding-top:96px; } .title_big h2{ font-size:40px; line-height:1.3 !important; font-weight:300; font-family: "ヒラギノ明朝 W2 JIS2004"; color:#4f2e2e; } .title_big h3{ font-size:18px; font-weight:300; font-family: "ヒラギノ明朝 W2 JIS2004"; color:#93c9ee; } /* h2見出し ----------------------------------------------- */ .title_h2{ background:url(../img/title_h2.png) center top no-repeat; height:86px; padding-top:16px; margin-bottom:24px; } .title_h2 h2{ font-size:30px; color:#ffffff; font-family: "ヒラギノ明朝 W2 JIS2004"; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { /* ページタイトル ----------------------------------------------- */ .title_big{ background:url(../img/title_cate.png) center top no-repeat; background-size:auto 180px; height:180px; padding-top:64px; } .title_big h2{ font-size:22px; line-height:1.3 !important; font-weight:300; font-family: "ヒラギノ明朝 W2 JIS2004"; color:#4f2e2e; } .title_big h3{ font-size:13px; font-weight:300; font-family: "ヒラギノ明朝 W2 JIS2004"; color:#93c9ee; } /* h2見出し ----------------------------------------------- */ .title_h2{ background:#ecacc4; padding:16px 8px; margin-bottom:24px; } .title_h2 h2{ font-size:18px; color:#ffffff; line-height:1.3 !important; } } /* ================================================================================ 【価格表一式】 == 使用ウィジェット == ウィジェット：[SiteOrigin エディター]を使用してください。 == クラス指定 == 1.行の編集 ⇒ 属性 ⇒ 行のclass price_wrap を入力してください。 2.SiteOrigin エディター編集 ⇒ 属性 ⇒ ウィジェットclass price_inner を入力してください。 == 使用方法 == 一つのウィジェットに一つのメニューとし、ウィジェットをコピーして使ってください。 [SiteOrigin エディター] タイトルにメニュー名、内容に値段を入力してください。 ※サイズ、色、ボーダーの種類などデザインは適宜変更してください。 ================================================================================ */ /* 共通設定 ----------------------------------------------- */ .price_wrap{ } .price_wrap > div{ padding:8px; } .price_wrap .so-panel{ margin-bottom:2px !important; } .price_inner:after { display: block; clear: both; height: 0px; line-height: 0px; visibility: hidden; content: "."; overflow: hidden; float: none; }/* フロート回り込み解除 */ .price_inner{ border-bottom:1px dashed #222222; padding:8px; display: block; /* for IE8 */ } .price_inner .widget-title{ font-size:16px; font-weight:normal; line-height:1.7; float:left; } .price_inner .textwidget{ font-size:16px; line-height:1.7; float:right; } .price_inner .textwidget p{ margin:0; } /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .price_wrap{ overflow:hidden; } .price_wrap > div{ } .wormwood-row07 .price_inner { border-bottom: 1px dashed #222222; padding: 15px; display: block; } .wormwood-row07 .price_inner .widget-title{ font-size:27px; } .wormwood-row07 .price_inner .textwidget p{ margin:0; font-size:27px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .price_wrap > div{ padding:8px !important; } } /* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ ここから各固定ページ ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */ /* ================================================================================ 初めての方へページ ================================================================================ */ span.text-pink{color: #ec6882;} span.text-blue{color: #00479d;} /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .about-text-box{ padding:30px 0 0 0; } .about-row01 .about-text01, .about-row01 .about-text03{ text-align: center; padding: 0 0 30px; } .about-row01 .about-text01 span.text-blue { margin: 22px 0 0; display: block; font-size: 28px; } .about-text02{ width: 277px; margin: 0 auto; padding: 0 0 30px; } .about-text02 i{ color: #d81e30; } /* --------------- */ .about-row02{ padding: 80px 500% 50px; margin:50px -500% 30px; background-image:url(../img/orange-bg.png); background-repeat: no-repeat; background-position: center top; } .about-text04{ padding: 50px 0; text-align:center; } /* --------------- */ .about-gallely .widget_media_image img{ width:310px !important; height:250px !important; object-fit: cover; font-family: 'object-fit: cover;'; /* IE対策 */ margin-bottom: 15px; } .about-gallery-text{ text-align: center; padding:30px 0; } /* --------------- */ .about-row03{ background-image:url(../img/about-com-bg.png); background-position: center top; background-repeat: no-repeat; height: 537px; } .about-row03 .about-comming-box h3{ text-align: center; font-size: 31px; padding: 55px 0 79px 0; } .about-row03 .about-left-box{ float:left; width:450px; margin-left: 92px; } .about-row03 .about-right-box{ float:left; width:450px; } .about-row03 .about-left-box h4, .about-row03 .about-right-box h4{ font-weight:bold; font-size: 20px; padding-bottom: 10px; } .about-row03 .about-right-box p{ padding-top: 28px; } /* --------------- */ .about-counseling-box .execphpwidget{ overflow: auto; background-color: rgba(255,255,255,0.7); padding: 15px; } .about-row04 .about-counseling-box h3{ text-align: center; font-size: 23px; padding: 27px 0 39px 27px; background: url(../img/kazari-bg.png)no-repeat center top, url(../img/kazari-02bg.png)no-repeat center bottom; margin: 55px 0 25px 0; } .about-row04 .about-counseling-box .about-left-box{ float:left; width: 475px; } .about-row04 .about-counseling-box .about-right-box{ float: right; width: 475px; } .about-row04 .about-counseling-box .about-left-box h4, .about-row04 .about-counseling-box .about-right-box h4{ font-weight:bold; font-size: 20px; padding-bottom: 10px; color:#00479d; border-bottom: dashed 1px; padding: 0 0 5px 7px; margin-bottom: 10px; } .about-counseling-text01{ text-align:center; padding: 65px 0 40px; } .about-counseling-text01 h3.widget-title{ font-weight: bold; font-size: 24px; padding-bottom: 20px; color: #00479d; padding: 0 0 5px 7px; margin-bottom: 10px; } .about-row04 .about-counseling-text02 { padding: 52px 500% 0; margin: 0 -500% 0; background-image: url(../img/blue-bg.png); background-repeat: no-repeat; background-position: center top; height: 290px; color:#123973; } .about-row04 .about-counseling-text02 .about-left-box{ float:left; margin-left: 220px; } .about-row04 .about-counseling-text02 .about-right-box{ float:left; margin-left: 57px; } .about-counseling-text03{ text-align:center; padding: 80px 0 30px 0; } .about-counseling-text03 h3.widget-title{ font-weight: bold; font-size: 24px; padding-bottom: 20px; color: #00479d; padding: 0 0 5px 7px; margin-bottom: 10px; } /* ---------------- */ .about-row05{ padding: 80px 500% 50px; margin:100px -500% 30px; background-image:url(../img/yellow-bg.png); background-repeat: no-repeat; background-position: center top; text-align: center; } .about-row05 .title_big{ margin-bottom: 50px } .about-kokoro-text02{ padding: 50px 0; background-position: center bottom; background-repeat: no-repeat; } .about-kokoro-text03 { padding: 0 0 80px; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .about-text-box{ padding:30px 0 0 0; } .about-row01 .about-text01{ text-align: center; padding: 0 0 30px; } .about-row01 .about-text03{ padding: 0 0 30px; } .about-row01 .about-text01 span.text-blue { margin: 22px 0 0; display: block; font-size: 18px; } .about-text02{ padding: 0 0 30px; } .about-text02 i{ color: #d81e30; } /* --------------- */ .about-row02{ padding: 30px 500%; margin: 0 -500%; background-image: url(../img/orange-bg.png); background-repeat: no-repeat; background-position: center top; background-size: contain; } .about-text04{ padding: 50px 0; text-align:center; } /* --------------- */ .about-gallely .widget_media_image img{ width:90% !important; height:30vw !important; object-fit: cover; font-family: 'object-fit: cover;'; /* IE対策 */ margin-bottom: 15px; } .about-gallery-text{ padding:30px 0; } /* --------------- */ .about-comming-box{ background-color:rgba(255,255,255,0.8); border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ padding: 24px 0; } .about-comming-box h3{ background-image:url(../img/about-sp-title.png); background-position: center top; background-repeat: no-repeat; background-size: auto 74px; width: auto; height: 80px; text-align: center; padding: 10px 0 0; } .about-row03 .about-left-box h4, .about-row03 .about-right-box h4{ font-weight:bold; font-size: 15px; padding-bottom: 5px; color: #ec6882; } .about-row03 .about-left-box, .about-row03 .about-right-box { padding: 15px; } .about-row03 .about-left-box ul li, .about-row03 .about-right-box ul li{ margin-left: 1em; text-indent: -1em; } .about-row03 .about-right-box p{ padding-top: 15px; text-align: center; } /* ----------------- */ .about-row04{ padding:50px 0; } .about-row04 .about-counseling-box h3{ text-align: center; font-size: 19px; padding: 27px 0 27px 0; background: url(../img/kazari-bg.png)no-repeat center top, url(../img/kazari-02bg.png)no-repeat center bottom; margin: 55px 0 25px 0; } .about-row04 .about-counseling-box .about-left-box h4, .about-row04 .about-counseling-box .about-right-box h4{ font-weight:bold; font-size: 4.5vw; line-height:1.3; padding-bottom: 10px; color:#00479d; border-bottom: dashed 1px; padding: 0 0 5px 7px; margin-bottom: 10px; } .about-row04 .about-counseling-box .about-left-box p, .about-row04 .about-counseling-box .about-right-box p{ } .about-counseling-box .execphpwidget{ overflow: auto; background-color: rgba(255,255,255,0.7); padding: 15px; } .about-row04 .about-counseling-box .about-left-box{ margin-bottom: 22px; } .about-counseling-text01{ padding: 30px 0; } .about-counseling-text01 h3.widget-title{ font-weight:bold; font-size: 18px; padding-bottom: 20px; color:#00479d; padding: 0 0 5px 7px; margin-bottom: 10px; } .about-row04 .about-counseling-text02 { padding: 30px 500% 30px; margin: 0 -500% 30px; background-image: url(../img/blue-bg.png); background-repeat: repeat; background-position: center top; color: #123973; background-size: contain; } .about-counseling-text03{ padding: 0 0 31px !important; } .about-counseling-text03 p{ } .about-counseling-text03 h3.widget-title{ font-weight:bold; font-size: 18px; padding-bottom: 20px; color:#00479d; padding: 0 0 5px 7px; margin-bottom: 10px; } /* ----------------- */ .about-row05{ padding: 30px 500% 0; margin: 0 -500% 0; background-image:url(../img/yellow-bg.png); background-repeat: no-repeat; background-position: center top; background-size: contain; } .about-row05 .title_big{ margin-bottom: 50px } .about-kokoro-text02{ padding: 50px 0 5vw; background-position: center bottom; background-repeat: no-repeat; background-size: auto 308px; } .about-kokoro-text02 p{ } .about-kokoro-text03 { padding: 10px 0 50px; } } /* ================================================================================ 料金ページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .price-row02{ position: relative; margin-bottom:50px; margin-top:30px; background-color: rgba(255,255,255,0.5); border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .price-row02 .price-bg{ background: url(../img/hana-bg.png) no-repeat right bottom, url(../img/kazari-bg.png)no-repeat center 30px; border: 1px solid #af9b9b; padding: 20px; margin: 20px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .price-row02 .price-title h3{ font-size:30px; padding: 50px 0 15px 0; } .price-row02 .price-text{ text-align: center; } .price-row02 .price-text h3{ font-size:27px; color:#ec6882; } .price-row02 .price-text p{ padding: 4px 0 35px; } .plice-botan{ padding-bottom: 15px; } /* ---------------------------- */ .price-row03{ position: relative; margin-bottom:50px; margin-top:30px; background-color: rgba(255,235,246,0.5); border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .price-row03 .price-bg{ background: url(../img/hana-bg.png) no-repeat right bottom, url(../img/kazari-bg.png)no-repeat center 30px;; border: 1px solid #af9b9b; padding: 20px; margin: 20px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .price-row03 .price-title02{ color:#ec6882; text-align: center; font-size:30px; line-height: 1.3; } .price-row03 .price-title h3{ font-size:30px; padding: 50px 0 15px 0; } .price-row03 .price-text{ text-align: center; } .price-row03 .price-text h3{ font-size:27px; color:#ec6882; } .price-row03 .price-text p{ padding: 10px 0 35px; } .warning-txt01{ text-align: center; margin-top: 60px; } /*ボックス全体*/ .accbox { margin: 30px 0 70px; padding: 0; max-width: 1000px;/*最大幅*/ font-size: 18px; } /*ラベル*/ .accbox label { display: block; margin: 1.5px 0; padding : 11px 40px; color :#28569b; font-weight: bold; background :#a2ccec; cursor :pointer; transition: all 0.5s; } /*アイコンを表示*/ .accbox label:before { content: '\f105'; font-family: 'Font Awesome 5 Free'; padding-right: 8px; } .accbox p { font-size: 16px; padding: 40px; } /*ラベルホバー時*/ .accbox label:hover { background :#cdd8ee; } /*チェックは隠す*/ .accbox input { display: none; } /*中身を非表示にしておく*/ .accbox .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; } /*クリックで中身表示*/ .cssacc:checked + .accshow { height: auto; padding: 0px; background: #eaeaea; opacity: 1; } /*アイコンを入れ替える*/ .cssacc:checked + label:before { content: '\f107' ; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .price-row02{ position: relative; margin-bottom:50px; margin-top:30px; background-color: rgba(255,255,255,0.8); border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .price-row02 .price-bg{ background: url(../img/hana-bg.png) no-repeat right bottom ; background-size:auto 110px; border: 1px solid #af9b9b; padding: 10px; margin: 10px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .price-row02 .price-title h3{ padding: 10px 0; } .price-row02 .price-text{ text-align: center; } .price-row02 .price-text h3{ color:#ec6882; } .price-row02 .price-text p{ padding: 4px 0 35px; } .plice-botan{ padding-bottom: 15px; } /* -------------- */ .price-row03{ position: relative; margin-bottom:50px; margin-top:30px; background-color: rgba(255,235,246,0.5); border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .price-row03 .price-bg{ background: url(../img/hana-bg.png) no-repeat right bottom ; background-size:auto 110px; border: 1px solid #af9b9b; padding: 10px; margin: 10px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .price-row03 .price-title h3{ padding: 10px 0; } .price-row03 .price-title02{ color:#ec6882; text-align: center; line-height: 1.3; } .price-row03 .price-text{ text-align: center; } .price-row03 .price-text h3{ color:#ec6882; } .price-row03 .price-text p{ padding: 4px 0 35px; } /*ボックス全体*/ .accbox { margin: 30px 0 70px; padding: 0; max-width: 1000px;/*最大幅*/ font-size: 13px; } /*ラベル*/ .accbox label { display: block; margin: 1.5px 0; padding : 11px 13px; color :#28569b; font-weight: bold; background :#a2ccec; cursor :pointer; transition: all 0.5s; } /*アイコンを表示*/ .accbox label:before { content: '\f105'; font-family: 'Font Awesome 5 Free'; padding-right: 8px; } .accbox p { font-size: 12px; padding: 20px; line-height: 1.3; } /*ラベルホバー時*/ .accbox label:hover { background :#cdd8ee; } /*チェックは隠す*/ .accbox input { display: none; } /*中身を非表示にしておく*/ .accbox .accshow { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s; } /*クリックで中身表示*/ .cssacc:checked + .accshow { height: auto; padding: 0px; background: #eaeaea; opacity: 1; } /*アイコンを入れ替える*/ .cssacc:checked + label:before { content: '\f107' ; } .warning-txt01{ text-align: center; margin-top: 30px; font-size: 12px; } } /* ================================================================================ カウンセリング事例 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .button a { display: block; text-align: center; color: #4f2e2e; background:url(../img/orange-bg.png) left top repeat; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px; margin: 0 0 15px 0; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .button a { display: block; text-align: center; color: #4f2e2e; background:url(../img/orange-bg.png) left top repeat; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px; margin: 0 0 10px 0; } } /* ================================================================================ Q＆Aページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .q-bg h3, .a-bg h3{ display:none; } .qa-row02{ position: relative; margin:30px 0 100px; } .q-bg{ background-image:url(../img/q-bg.png); background-position: center top; background-repeat: no-repeat; width:1000px; height:119px; } .q-bg p{ color: #1c308e; padding: 27px 0 0 144px; font-size: 24px; } .a-bg{ background: url(../img/a-bg.png) no-repeat 10px 10px; background-color: rgba(255,255,255,0.5); padding: 41px 40px 41px 125px; width: 800px; margin:0 auto; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ color:#ef5e93; } /* 予約受付 */ .qa-row03{ margin-top:50px; position: relative; } .qa-row03 .qa-reservation-bg .panel-grid-cell:nth-of-type(1){ position: relative; background: url(../img/bg_top_pink.jpg) center top repeat; padding: 24px; box-shadow: 0px 0px 6px 3px #ffffff inset; width: 340px; height: 515px !important; border-radius: 16px; /* CSS3草案 */ -webkit-border-radius: 16px; /* Safari,Google Chrome用 */ -moz-border-radius: 16px; /* Firefox用 */ } .qa-row03 .qa-reservation-bg .panel-grid-cell:nth-of-type(2){ position: relative; background: url(../img/bg_top_blue.jpg) center top repeat; padding: 24px; box-shadow: 0px 0px 6px 3px #ffffff inset; width: 340px; height: 515px !important; border-radius: 16px; /* CSS3草案 */ -webkit-border-radius: 16px; /* Safari,Google Chrome用 */ -moz-border-radius: 16px; /* Firefox用 */ } .qa-reservation-title{ background: url(../img/qa-profile-title_bg.png) center top no-repeat; height: 223px; } .qa-reservation-title h3{ font-size: 30px; padding: 77px 0 0; } .qa-tel-text, .qa-tel-mail{ text-align: center; padding: 30px 0; } .qa-tel-text02{ padding: 0 30px; } .reservation-botan{ margin-top:30px; } /* ---- */ .qa-row04{ position: relative; margin-top:50px; } .qa-profile_bg{ background-image: url(../img/qa-profile_bg02.png); background-repeat: no-repeat; background-position: center top; text-align: center; padding: 55px 0 30px 0; height: 225px; } .katou-text{ padding: 10px 0 0; text-align: center; } .qa-kaunselingu-botan a{ text-indent: -9999px; display: block; background-image:url(../img/qa-kaunselingu-botan.png); background-repeat: no-repeat; background-position: center top; width:220px; height:170px; position: absolute; left:50%; transform: translate(161px,-204px); -webkit-transform:translate(161px,-204px); -ms-transform:translate(161px,-204px); } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .q-bg h3 { position: relative; display: inline-block; margin: 18px 0; padding: 0 5px; width: 45px; height: 45px; line-height: 50px; vertical-align: middle; text-align: center; color: #FFF; font-size: 20px; font-weight: bold; background: #70a6ff; border-radius: 50%; box-sizing: border-box; } .q-bg h3:before{ content: ""; position: absolute; bottom: -18px; left: 50%; margin-left: -8px; border: 8px solid transparent; border-top: 15px solid #70a6ff; z-index: 0; } .q-bg .textwidget{ background-color: #fff; margin-bottom: 16px; padding:15px; border-radius: 16px; /* CSS3草案 */ -webkit-border-radius: 16px; /* Safari,Google Chrome用 */ -moz-border-radius: 16px; /* Firefox用 */ } .q-bg .textwidget p{ font-size: 17px; color: #1c308e; } .a-bg h3 { position: relative; display: inline-block; margin: 18px 0; padding: 0 5px; width: 45px; height: 45px; line-height: 50px; vertical-align: middle; text-align: center; color: #FFF; font-size: 20px; font-weight: bold; background: #f1b5c9; border-radius: 50%; box-sizing: border-box; } .a-bg h3:before{ content: ""; position: absolute; bottom: -18px; left: 50%; margin-left: -8px; border: 8px solid transparent; border-top: 15px solid #f1b5c9; z-index: 0; } .a-bg .textwidget{ padding: 2px 15px 57px; } /* 予約受付 */ .qa-row03{ margin-top:50px; position: relative; } .qa-row03 .qa-reservation-bg .panel-grid-cell:nth-of-type(1){ position: relative; background: url(../img/bg_top_pink.jpg) center top repeat; padding: 15px !important; box-shadow: 0px 0px 6px 3px #ffffff inset; border-radius: 16px; /* CSS3草案 */ -webkit-border-radius: 16px; /* Safari,Google Chrome用 */ -moz-border-radius: 16px; /* Firefox用 */ margin-bottom: 30px !important; } .qa-row03 .qa-reservation-bg .panel-grid-cell:nth-of-type(2){ position: relative; background: url(../img/bg_top_blue.jpg) center top repeat; padding: 15px !important; box-shadow: 0px 0px 6px 3px #ffffff inset; border-radius: 16px; /* CSS3草案 */ -webkit-border-radius: 16px; /* Safari,Google Chrome用 */ -moz-border-radius: 16px; /* Firefox用 */ } .qa-reservation-title{ background: url(../img/qa-profile-title_bg.png) center 15px no-repeat; height: 223px; } .qa-reservation-title h3{ font-size: 30px; padding: 98px 0 0; } .qa-tel-text, .qa-tel-mail{ text-align: center; padding: 12px 0; } .qa-tel-text p, .qa-tel-mail p{ font-size: 15px; } .qa-tel-text02{ padding: 0 30px; } .reservation-botan{ margin-top:30px; } /* ---- */ .qa-row04{ position: relative; margin-top:50px; } .qa-profile_bg{ text-align: center; padding: 55px 0 30px 0; } .katou-text{ padding: 10px 0 0; text-align: center; } .qa-kaunselingu-botan a{ text-indent: -9999px; display: block; background-image:url(../img/qa-kaunselingu-botan.png); background-repeat: no-repeat; background-position: center top; width:220px; height:170px; margin-left: 32vw; } } /* ================================================================================ お問い合わせページ ================================================================================ */ span.r-warning{ color:red; } /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .contact-row01 td.course span.last{ display: block; } span.r-warning{ color:red; } .warning-box01{ text-align:center; margin: 60px 0 30px; } .warning-box02 h3 { font-size: 20px; color: #28569b; border-bottom: dashed 1px; padding: 0 0 0 21px; margin-bottom: 30px; } .warning-box03 h3 { font-size: 20px; color: #28569b; border-bottom: dashed 1px; padding: 0 0 0 21px; margin:50px 0 30px !important; } .warning-box04 h3 { font-size: 20px; color: #28569b; border-bottom: dashed 1px; padding: 0 0 0 21px; margin:50px 0 30px !important; } .warning-box05 h3 { font-size: 20px; color: #28569b; border-bottom: dashed 1px; padding: 0 0 0 21px; margin:50px 0 30px !important; } .warning-box06{ width: 740px; margin: 0 auto 70px; } .warning-box06 p.c-tel a{ font-size: 30px; pointer-events: none; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .warning-box01{ text-align:center; margin: 60px 0 30px; } .warning-box01 p{ font-size: 15px; } .warning-box02{ margin-top:30px; } .warning-box02 h3 { font-size: 17px; color: #28569b; border-bottom: dashed 1px; padding: 0 0 0 10px; margin-bottom: 17px; margin-left:1em; text-indent:-1em; } .warning-box02 p { font-size: 15px; } .warning-box03{ margin-top:30px; } .warning-box03 h3 { font-size: 17px; color: #28569b; border-bottom: dashed 1px; padding: 0 0 0 10px; margin-bottom: 17px; margin-left:1em; text-indent:-1em; } .warning-box03 p { font-size: 15px; } .warning-box04{ margin-top:30px; } .warning-box04 h3 { font-size: 17px; color: #28569b; border-bottom: dashed 1px; padding: 0 0 0 10px; margin-bottom: 17px; margin-left:1em; text-indent:-1em; } .warning-box04 p { font-size: 15px; } .warning-box05{ margin-top:30px; } .warning-box05 h3 { font-size: 17px; color: #28569b; border-bottom: dashed 1px; padding: 0 0 0 10px; margin-bottom: 17px; margin-left:1em; text-indent:-1em; } .warning-box05 p { font-size: 15px; } .warning-box05 ul{ margin-left:1em; text-indent:-1em; } .warning-box05 ul li{ font-size: 13px } .warning-box06{ margin: 30px auto 70px; } .warning-box06 p{ font-size: 15px; } .warning-box06 p.c-tel a{ font-size: 20px; } } /* ================================================================================ アクセスページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .acc-row01{ margin-bottom:50px; } .acc-table{ padding-right: 30px; } .ac-kokoro-title h3{ background-image:url(../img/access-title-bg.png); background-position: center top; background-repeat: no-repeat; width: 422px; height: 120px; text-align: center; padding: 44px 0 0 72px; margin: 0 auto 20px; font-size: 32px; } .acc-table table , td, th { border-collapse: collapse; } .acc-table td.a-title{ background-color: #eebbd1; width: 100px; text-align: center; } .acc-table td.a-warning{ text-align: center; color:#ad4273; } .acc-table td{ background-color:rgba(249,226,231,0.5); padding: 15px; border-bottom: 1px solid #fff; } /* ---- */ .acc-row03{ padding-top:30px; } .map_box{ position:relative; } .map a{ width:100%; height:450px; display:block; z-index:100; position:absolute; } /* ------ */ .ac-kokoro-title02{ margin: 30px 0 0; } .ac-kokoro-title02 h3{ background-image:url(../img/access-title02-bg.png); background-position: center top; background-repeat: no-repeat; width: 567px; height: 120px; text-align: center; padding: 44px 0 0 72px; margin: 0 auto; font-size: 32px; } .direction-acc-box{ margin-top:80px; } .direction-acc-box .panel-grid{ padding-bottom:50px; } .direction-acc .textwidget{ text-align: center; padding: 15px 0 0; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .ac-kokoro-title h3{ background-image:url(../img/access-title-bg.png); background-position: center top; background-repeat: no-repeat; background-size:contain; height: 120px; text-align: center; padding: 11% 0 0 29px; margin: 0 auto 20px; font-size: 25px; } .acc-table table , td, th { border-collapse: collapse; } .acc-table td.a-title{ background-color: #eebbd1; text-align: center; } .acc-table td.a-warning{ text-align: center; color:#ad4273; } .acc-table td{ background-color:rgba(249,226,231,0.5); padding: 15px; border-bottom: 1px solid #fff; } .acc-img{ margin-bottom: 20px; } .acc-row02{ margin:50px 0 30px; } .ac-kokoro-title02 h3{ background-image:url(../img/access-title02-bg.png); background-position: center top; background-repeat: no-repeat; background-size:contain; height: 80px; text-align: center; padding: 8% 0 0 13%; margin: 0 auto; font-size: 17px; } .direction-acc .panel-grid-cell{ margin: 5px !important; } } /* ================================================================================ プロフィールページ ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .profile_base{ background:url(../img/profile_base_bg.jpg)center top no-repeat; } .profile_name{ background:url(../img/profile_name_bg.png)center bottom no-repeat; padding: 0 0 60px 0; margin: 50px 0 0 0; text-align:center; } .profile_name .execphpwidget{ padding:0 0 0 0; margin: 0 0 0 0; font-size:30px; color:#5b4638; } .profile_photo{ padding: 0 0 0 0; margin: 15px 0 0 0; } .pink{ color:#df5a96; } .profile_message{ padding: 80px 0 88px 0; margin: -72px auto; text-align: center; width: 1000px; font-size: 21px; color: #5b4638; line-height: 42px; } .green{ color:#468db5; font-size:30px; } .blue{ color:#468db5; } .kimidori{ color:#63892d; } .profile_message_2clm{ width:1000px; margin: 32px auto; } .profile_message_2{ font-size:17px; color:#1c5957; padding: 25px 0px 0 0; } .profile_message_2_title{ width:1000px; text-align:center; color:#; font-size:20px; padding:0 0 0 0; margin:0 auto; } .profile_area{ background: url(../img/profile_area_bg.jpg)center top no-repeat; padding: 93px 0 137px 47px; margin: -46px 0 0 0; } .profile_base2{ background-color:#FFFFFF; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ border:solid 6px #e2c0d7; padding:30px; margin: 42px 0 0 0; } .kaiten_left{ transform: rotate(-7deg); margin: -5px 0 0 -15px; } .profile_kereki_text{ font-size:16px; color:#756c65; line-height:auto; padding:0 0 0 0; margin:0 0 0 0; } .profile_kereki_text_left{ font-size:16px; color:#756c65; line-height:auto; padding:56px 0 0 0; margin:0 0 0 0; } .profile_kereki_text_left2{ font-size:16px; color:#756c65; line-height:auto; padding:0px 0 0 0; margin:0 0 0 0; } .keireki_01{ padding: 56px 0 62px 0; } .keireki_02{ padding: 5px 26px 0 57px; } p.title { margin: 0px 0px 5px 0px; padding: 3px 0px; border-bottom: 1px dotted #9f9893; font-weight: bold; color: #8A7234; } .keireki_03{ padding: 56px 62px 0 64px; text-align:left; } .keireki_color01{ color:#e7864b; text-align:center; font-size:20px; } .keireki_mini_midashi{ padding: 77px 0 29px 0; } .keireki_mini_midashi h4 { position: relative; text-align: center; color:#6699ae; font-size:25px; } .keireki_mini_midashi h4 span { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 1em; background-color: #fff; text-align: left; } .keireki_mini_midashi h4::before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 1px; background-color: #6699ae; } .keireki_husband{ text-align:center; padding: 0 136px 0 136px; } .title_big_middle h2{ font-size: 25px; padding: 0px 0 0 0; color:#534040; } .keireki_husband2{ text-align:center; padding: 22px 120px 0 107px; } .keireki_06{ border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ padding:30px; background-color:#e8a1c6; margin: 32px 0 0 0; color:#FFFFFF; text-align:center; } .keireki_07{ border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ padding:30px; background-color:#d2efef; margin: 32px 0 0 0; color:#109799; text-align:center; } .keireki_08{ padding: 30px 0 0 0; } .profile_cs_01{ font-size: 35px; line-height: 49px; color: #1b9c9e; padding: 105px 0 105px 0; text-align: center; background: url(../img/profile_cs_midashi_bara.png)center bottom no-repeat; margin: 0 0 25px 0; } .profile_cs_02{ font-size:26px; line-height: 55px; color:#3a4949; } .profile_cs_02 i{ color:#d96e63; } .profile_cs_base{ padding: 0px 88px 0 106px; } .profile_cs_mini{ font-size:16px; line-height:20px; } .profile_cs_03{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 54px; background-color: #dbe7ce; margin: 32px 100px 0 100px; color: #207433; text-align: center; } .profile_cs_04{ margin: 78px 100px 0 100px; text-align:center; } .profile_cs_img{ padding: 49px 0px 49px 0; width: 37%; margin: 0 auto; } .profile_cs_img2{ padding: 49px 0px 49px 0; width: 55%; margin: 0 auto; } .box14{ padding: 0.2em 0.5em; margin: 2em 0; background: #d6ebff; box-shadow: 0px 0px 0px 10px #d6ebff; border: dashed 2px white; } .box14 h3{ font-size: 28px; color: #2a72ce; padding: 21px 0 13px 0; } .box14 p { margin: 0; padding: 0 0 0 0; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .profile_name{ background: url(../img/profile_name_bg.png)center bottom no-repeat; padding: 0 0 19vw 0; margin: 3vw 0 0 0; text-align: center; } .profile_name .execphpwidget{ padding: 0 0 0 0; margin: 0 0 0 0; font-size: 6vw; color: #5b4638; } .profile_photo{ padding: 0 0 0 0; margin: 3vw 0 0 0; } .pink{ color:#df5a96; } .profile_message{ padding: 26vw 10vw 26vw 11vw; margin: -24vw auto; text-align: center; font-size: 4vw; color: #5b4638; line-height: 7vw; } .green{ color:#468db5; font-size:30px; } .profile_message_2clm{ margin: 2vw auto; } .profile_message_2{ font-size: 4vw; color: #1c5957; padding: 0vw 8vw 0 8vw; } .profile_message_2_title{ text-align:center; color:#; font-size:20px; padding:0 0 0 0; margin:0 auto; } .profile_area{ background: url(../img/profile_area_bg.jpg)center top no-repeat; padding: 26vw 0 8vw 3vw; margin: -14vw 0 8vw 0; } .profile_base2{ background-color:#FFFFFF; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ border:solid 6px #e2c0d7; padding:30px; margin: 42px 0 0 0; } .kaiten_left{ transform: rotate(-7deg); margin: -5px 0 0 -15px; } .profile_kereki_text{ font-size:16px; color:#756c65; line-height:auto; padding:0 0 0 0; margin:0 0 0 0; } .keireki_01{ padding:60px 0 0 0; } .keireki_02{ padding: 0vw 0 0 0; } .profile_area{ background: url(../img/profile_area_bg.jpg)center top no-repeat; padding: 93px 0 137px 47px; margin: -46px 0 0 0; } .profile_base2{ background-color:#FFFFFF; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ border:solid 6px #e2c0d7; padding:30px; margin: 42px 0 0 0; } .kaiten_left{ transform: rotate(-7deg); margin: -5px 0 0 -15px; } .profile_kereki_text{ font-size:16px; color:#756c65; line-height:auto; padding:0 0 0 0; margin:0 0 0 0; } .profile_kereki_text_left{ font-size:16px; color:#756c65; line-height:auto; padding:56px 0 0 0; margin:0 0 0 0; } .profile_kereki_text_left2{ font-size:16px; color:#756c65; line-height:auto; padding:0px 0 0 0; margin:0 0 0 0; } .keireki_01{ padding: 56px 0 62px 0; } .keireki_02{ margin: 0vw 4vw 0 4vw; } p.title { margin: 0px 0px 5px 0px; padding: 3px 0px; border-bottom: 1px dotted #9f9893; font-weight: bold; color: #8A7234; } .keireki_03{ margin: 4vw 4vw 0 4vw; text-align:left; } .keireki_color01{ color:#e7864b; text-align:center; font-size: 4vw; } .keireki_mini_midashi{ padding: 14vw 0 2vw 0; } .keireki_mini_midashi h4 { position: relative; text-align: center; color:#6699ae; font-size: 5vw; } .keireki_mini_midashi h4 span { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 1em; background-color: #fff; text-align: left; } .keireki_mini_midashi h4::before { position: absolute; top: 50%; z-index: 1; content: ''; display: block; width: 100%; height: 1px; background-color: #6699ae; } .keireki_husband{ text-align:center; margin: 4vw 4vw 0 4vw; } .title_big_middle h2{ font-size: 6vw; padding: 0px 0 0 0; color:#534040; } .keireki_husband2{ text-align:center; margin: 4vw 4vw 0 4vw; } .keireki_06{ border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ padding:30px; background-color:#e8a1c6; margin: 32px 0 0 0; color:#FFFFFF; text-align:center; } .keireki_07{ border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ padding:30px; background-color:#d2efef; margin: 32px 0 0 0; color:#109799; text-align:center; } .keireki_08{ padding: 30px 0 0 0; } .profile_cs_01{ font-size: 4vw; color: #1b9c9e; padding: 15vw 0 25vw 0; text-align: center; background: url(../img/profile_cs_midashi_bara.png)center bottom no-repeat; margin: 0 0 2vw 0; } .profile_cs_02{ font-size: 5vw; line-height: 10vw; color: #3a4949; padding: 0 0 9vw 0; } .profile_cs_02 i{ color:#d96e63; } .profile_cs_base{ margin: 4vw 4vw 0 4vw; } .profile_cs_mini{ font-size:16px; line-height:20px; } .profile_cs_03{ border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; padding: 12vw; background-color: #dbe7ce; margin: 32px 2vw 0 2vw; color: #207433; text-align: center; } .profile_cs_04{ margin: 4vw 4vw 0 4vw; text-align:center; } .profile_cs_img{ padding: 4vw 0px 4vw 0; width: 37%; margin: 0 auto; } .profile_cs_img2{ margin: 4vw 4vw 0 4vw; width: 55%; margin: 0 auto; padding: 4vw 0 6vw 0; } .box14{ padding: 0.2em 0.5em; margin: 2em 0; background: #d6ebff; box-shadow: 0px 0px 0px 10px #d6ebff; border: dashed 2px white; } .box14 h3{ font-size: 6.3vw; line-height: 8vw; color: #2a72ce; padding: 21px 0 13px 0; } .box14 p { margin: 0; padding: 0 0 0 0; } } /* ================================================================================ よもぎ蒸しページ ================================================================================ */ span.color-01{ color:#fa84e2; display:block; margin-left:1em; } span.color-02{ color:#f39233; display:block; margin-left:1em; } span.color-03{ color:#65ab36; display:block; margin-left:1em; } span.color-04{ color:#b633f3; display:block; margin-left:1em; } /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .sp-wormwood-box, .care-box02{ display:none !important; } .wormwood-row01{ width:100%; max-width: 1920px; position: relative; padding-bottom:80px; } .wormwood-link ul{ text-align: center; } .wormwood-link ul li{ display: inline-block; margin: 0 5px 20px; } .wormwood-row02{ width:100%; max-width: 1920px; position: relative; padding-bottom:80px; } .female-popularity ul{ padding-top:50px; } .female-popularity ul li{ text-indent: -1em; margin-bottom: 30px; background-color: rgba(255,255,255,0.6); padding: 21px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .wormwood-row03{ width:100%; max-width: 1920px; position: relative; padding-bottom:80px; } .wormwood-text-box01{ margin-bottom:50px; } .wormwood-text-title01 h3, .wormwood-text-title02 h3{ font-size:30px; text-align: center; background-image:url(../img/yomogi-title-bg.png); background-position: center bottom; background-repeat: no-repeat; width:500px; height: 94px; } .wormwood-text-box01 img{ margin-left:90px; position: relative; } .wormwood-text-img02 img{ margin-left:40px; position: relative; z-index: 1; } img.yomogi-hana-img{ position: absolute; left: 50%; margin-left: 338px; margin-top: -538px; } img.yomogi-hana-img02{ position: absolute; left: 50%; margin-left:-612px; margin-top: -329px; } .wormwood-row04{ position: relative; padding-bottom:150px; } .like-this-box{ margin-top:50px; } .like-this-box ul{ float: left; margin: 0 0 0 113px; } .like-this-box ul li{ font-size: 30px; } .like-this-box ul li i{ font-size: 35px; color: #d6194f; } /* ケア */ .wormwood-row05{ position: relative; padding-bottom:80px; } .care-h3 h3{ font-size:25px; margin-left:1em; text-indent:-1em; } .care-h3 h3:first-letter{ font-size: 30px; color:#ee9b83; } .care-box01 .care-h01 h3{ padding: 0 0 31px 91px; } .care-box01 .care-h02 h3{ padding: 175px 0 31px 42px; } .care-box01 .care-h03 h3{ padding: 128px 0 15px 122px; } .care-box01 .care-h03 p{ text-align: center; padding: 0 0 31px 49px; } .care-box01 .care-h04 h3{ padding: 189px 0 31px 65px; } .care-box01 .care-img02 img{ margin:0 0 0 12px; } .care-box01 .care-img03 img{ margin: 0 0 0 38px !important; } .care-box01 .panel-grid-cell:nth-of-type(2){ } /* こだわり */ .wormwood-row06{ position: relative; padding-bottom:80px; } .commitment-box{ margin-top: 50px; } .commitment-box h3{ font-size:20px; } .commitment-text01, .commitment-text02, .commitment-text03, .commitment-text04, .commitment-text05 { position: relative; background: url(../img/bg_dot_pink.jpg) center top repeat; padding: 45px 35px; height: 188px; border-radius: 10px; margin-bottom: 24px; text-align: center; box-shadow: 0px 0px 6px 3px #ffffff inset; } .commitment-text01 p{ padding-top:15px; } .typeh3 h3{ text-align: center; font-size: 23px; padding: 27px 0 39px 27px; background: url(../img/kazari-bg.png)no-repeat center top, url(../img/kazari-02bg.png)no-repeat center bottom; margin: 55px 0 50px 0; } .typeh-01 h3, .typeh-02 h3, .typeh-03 h3{ text-align:center; } .typeh-01 p:nth-of-type(1), .typeh-02 p:nth-of-type(1), .typeh-03 p:nth-of-type(1){ text-align:center; } .typeh-02{ padding: 0 30px; margin: 0 15px; border-right: solid 1px; border-left: solid 1px; } /* 料金 */ .wormwood-row07{ position: relative; padding-bottom:80px; } .wormwood-price-title{ text-align:center; font-size:25px; padding: 10px 0; } .wormwood-price-text p:nth-of-type(1){ padding-top:20px; text-align:center; } .wormwood-price-text p:nth-of-type(2){ font-size: 25px; text-align:center; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .wormwood-link, .yomogi-hana-img, .yomogi-hana-img02, .care-box01{ display:none !important; } .wormwood-row01{ position: relative; padding-bottom:50px; } span.sp-w-link_text{ font-size: 10px; padding-right: 5px; } .sp-wormwood-link ul{ text-align: center; } .sp-wormwood-link ul li{ display: inline-block; background-color:#ffe8e1; padding: 4px 16px; color:#a74380; margin: 3px; } .wormwood-row02{ position: relative; padding-bottom:50px; } .female-popularity ul{ padding-top:50px; } .female-popularity ul li{ text-indent: -1em; margin-bottom: 15px; background-color: rgba(255,255,255,0.8); padding: 21px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } .wormwood-row03{ position: relative; padding-bottom:50px; } .wormwood-text-box01, .wormwood-text-box02{ margin-top:50px; } .wormwood-text-title01 h3, .wormwood-text-title02 h3{ font-size: 22px; text-align: center; background-image:url(../img/yomogi-title-bg.png); background-position: center bottom; background-repeat: no-repeat; height: 83px; } .wormwood-row04{ position: relative; padding-bottom:50px; } .like-this-box{ margin-top:30px; padding-left: 8%; } .like-this-box ul{ font-size: 20px; } .like-this-box ul li i{ color: #d6194f; } /* ケア */ .wormwood-row05{ position: relative; padding-bottom:50px; } .care-h3 h3{ font-size:18px; text-align: center; padding: 0 0 15px 0; margin-left:1em; text-indent:-1em; line-height: 1.3; } .care-h3 h3:first-letter{ font-size: 30px; color:#ee9b83; } .care-box02 .care-img01 img, .care-box02 .care-img02 img, .care-box02 .care-img03 img{ margin-bottom: 30px !important; } /* こだわり */ .wormwood-row06{ position: relative; padding-bottom:50px; } .commitment-box{ margin-top: 50px; } .commitment-box h3{ font-size:17px; } .commitment-text01, .commitment-text02, .commitment-text03, .commitment-text04, .commitment-text05 { position: relative; background: url(../img/bg_dot_pink.jpg) center top repeat; padding: 45px 35px; border-radius: 10px; margin-bottom: 24px; text-align: center; box-shadow: 0px 0px 6px 3px #ffffff inset; } .commitment-text01 p{ padding-top:15px; } .typeh3 h3{ text-align: center; font-size: 23px; padding: 27px 0 39px 27px; background: url(../img/kazari-bg.png)no-repeat center top, url(../img/kazari-02bg.png)no-repeat center bottom; margin: 55px 0 50px 0; } .typeh-01 h3, .typeh-02 h3, .typeh-03 h3{ text-align:center; } .typeh-01 p:nth-of-type(1), .typeh-02 p:nth-of-type(1), .typeh-03 p:nth-of-type(1){ text-align:center; font-size:15px; } .typeh-02{ padding: 15px 0; margin: 15px 0; border-top: solid 1px; border-bottom: solid 1px; } /* 料金 */ .wormwood-row07{ position: relative; padding-bottom:50px; } .wormwood-price-title{ text-align:center; font-size:20px; padding: 10px 0; } .wormwood-price-text p:nth-of-type(1){ padding-top:15px; text-align:center; } .wormwood-price-text p:nth-of-type(2){ font-size: 20px; text-align:center; } /* ボタン */ .wormwood-row08{ position: relative; padding-bottom:50px; } .wormwood-row08 .yomogi-taiken-botan img{ margin-bottom: 15px; } } /* ================================================================================ メルマガ登録 ================================================================================ */ /* PC設定 ----------------------------------------------- */ @media (min-width: 768px) { .merumaga01{ margin-bottom:20px; } .merumaga_text{ margin-bottom:16px; } .merumaga_text p{ font-size:18px; text-align:center; } .merumagabox{ background-color:#e9f0f9; border:4px solid #dce5f2; border-radius:8px; padding:40px; } .merumagabox h3{ font-size:19px; margin-bottom:16px; } .mailpoet_submit{ margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width:140px; background-color:#3f88b6; color:#ffffff; font-size:18px; padding:8px 20px; font-family:"ヒラギノ明朝 W2 JIS2004","游明朝",YuMincho,"ヒラギノ明朝 ProN W2","Hiragino Mincho ProN","HG明朝B","Sawarabi Mincho","メイリオ",Meiryo,serif; opacity:1; transition-property:color,opacity; transition-duration:0.3s; transition-timing-function:ease-in-out; transition-delay:0s; cursor: pointer; } .mailpoet_submit:hover{ opacity:0.6; } #grief{ padding-top:100px; } #grief .merumagabox{ background-color:#fedde7; border:4px solid #f7d2dd; } #grief .mailpoet_submit{ background-color:#dc5b7a; } } /* SP設定 ----------------------------------------------- */ @media (max-width: 767px) { .merumaga01{ margin-bottom:80px; } .merumaga_text{ margin-bottom:16px; } .merumaga_text p{ font-size:16px; } .merumagabox{ background-color:#e9f0f9; border:4px solid #dce5f2; border-radius:8px; padding:24px; } .merumagabox h3{ font-size:16px; margin-bottom:16px; } .mailpoet_submit{ margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; width:140px; background-color:#3f88b6; color:#ffffff; font-size:18px; padding:8px 20px; font-family:"ヒラギノ明朝 W2 JIS2004","游明朝",YuMincho,"ヒラギノ明朝 ProN W2","Hiragino Mincho ProN","HG明朝B","Sawarabi Mincho","メイリオ",Meiryo,serif; opacity:1; transition-property:color,opacity; transition-duration:0.3s; transition-timing-function:ease-in-out; transition-delay:0s; cursor: pointer; } .mailpoet_submit:hover{ opacity:0.6; } #grief{ padding-top:40px; } #grief .merumagabox{ background-color:#fedde7; border:4px solid #f7d2dd; } #grief .mailpoet_submit{ background-color:#dc5b7a; } }