@charset "UTF-8";
/* ---------------------------------------

第二階層ページ

--------------------------------------- */

/* ---------------------------------------
ヘッダータイトルエリア
--------------------------------------- */
#page_2nd .head_titArea {
background: #ec6400;
position: relative;
text-align: center;
}
#page_2nd .head_titArea h2 {
width: 960px;
font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
font-size: 163%;
color: #fff;
padding: 30px 0;
background: #f3981c;
display: inline-block;
line-height: 2.2rem;
}
#page_2nd .head_titArea h2.h_img {
padding: 0;
}
#page_2nd .contents_inner {
width: 960px;
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
margin: 40px auto 20px;
}
#main_cont {
width: 660px;
margin-bottom: 80px;
}
#sidebar {
width: 260px;
}
/* ---------------------------------------
パンくずナビ
--------------------------------------- */
#breadcrumb {
position: relative;
width: 100%;
max-width: 960px;
margin: 50px auto 80px;
font-size: 88%;
color: #353535;
}
#breadcrumb ul {
width: calc(100% - 15px);
text-align: left;
overflow: hidden;
white-space: nowrap;
}
#breadcrumb li {
display: inline-block;
}
#breadcrumb li a {
color: #ec6400;
padding-right: 10px;
text-decoration: none;
}
#breadcrumb li a:hover {
color: #f8b82d;
opacity: 1;
}
#breadcrumb li + li::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f105';
padding-right: 10px;
}
#breadcrumb i {
font-size: 100%;
padding-right: 4px;
}
/* ---------------------------------------
ヘッダー
--------------------------------------- */
#page_2nd #header-info .infoArea {
-webkit-justify-content: space-between;
justify-content: space-between;
}
#page_2nd #header-info .logoBlock {
width: 214px;
}
/* ---------------------------------------

初めての方へ

--------------------------------------- */
/* リードコンテンツ
-------------------------------------- */
.leadArea {
margin-top: 0;
}
.leadArea p {
line-height: 1.8rem;
}
/* 施術費用は病院などに比べて安くはありません
-------------------------------------- */
.hiyou_reasonBlock {
border-bottom: #f3981c 1px dotted;
-js-display: flex;
display: flex;
-js-justify-content: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
/*○囲み数字（オレンジ２）*/
.hiyou_reasonBlock .maru02 {
display: inline-flex;
top: 1px;
}
.hiyou_reasonBlock .maru02.maru_size {
width: 22px;
height: 22px;
}
.hiyou_reasonBlock .maru02 .letter_size {
font-size: 0.7em;
line-height: 1em;
}
.hiyou_reasonBlock h3 {
padding-bottom: 10px;
padding-left: 6px;
display: inline-block;
flex: 1;
}
/* １回で治ることはありません。よくなるまでに通院が必要です
-------------------------------------- */
.exBlock {
margin-bottom: 40px;
}
.exBlock .titBlock p {
background: #000;
color: #fff;
padding: 16px 24px;
}
.shosaiBlock {
border: #323232 1px dotted;
border-radius: 4px;
margin: 10px auto 20px;
}
.shosaiBlock .shosai_wrapper {
padding: 26px;
}
.shosaiBlock p.tit {
color: #d26000;
font-size: 113%;
font-weight: bold;
line-height: 1.6rem;
}
.shosaiBlock p.tit::before {
content: "来院時の状態：";
display: block;
color: #000;
padding-bottom: 6px;
}
.kai {
padding: 0 0 16px;
}
.kai p.koumoku {
font-weight: bold;
padding: 24px 0 14px;
}
.kai p.setsu {
font-size: 88%;
line-height: 1.2rem;
}
/* こんな方にぴったりの整体院です
-------------------------------------- */
.fit {
position: relative;
}
.fit img {
position: absolute;
width: 152px;
top: 80px;
right: 0;
z-index: -1;
}
/* こんな方は当院では満足のいく対応ができません
-------------------------------------- */
.nonfit {
position: relative;
}
.nonfit img {
position: absolute;
width: 152px;
top: 80px;
right: 0;
z-index: -1;
}
/* 整体が初めてで不安なあなたへ
-------------------------------------- */
.last_greeting img {
width: 240px;
}
/* ---------------------------------------

営業案内

--------------------------------------- */
.pageLinkBlock {
margin: 60px auto;
}
.pageLinkBlock .sitemapBlock {
width: 100%;
}
.pageLinkBlock h2.wsp-pages-title, .pageLinkBlock h2.wsp-shojo-types-title, .pageLinkBlock h2.wsp-voices-title, .pageLinkBlock h2.wsp-newss-title {
color: #1B1B1B;
font-size: 113%;
font-weight: bold;
background: #fff;
border: #1B1B1B 1px solid;
border-radius: 40px;
padding: 20px 0 20px 30px;
margin-bottom: 6px;
}
.pageLinkBlock ul {
margin-left: 20px;
}
.pageLinkBlock ul li {
border-bottom: #ccc 1px dotted;
padding-top: 20px;
padding-bottom: 20px;
}
/* ---------------------------------------

施術の特徴

--------------------------------------- */
/* ３つの理由
-------------------------------------- */
.kaizen_reasonBlock {
margin: 40px auto;
}
.reasonWrapper {
border-bottom: #f3981c 1px dotted;
-js-display: flex;
display: flex;
-js-justify-content: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
/*○囲み数字（オレンジ２）*/
.reasonWrapper .maru02 {
display: inline-flex;
top: 1px;
}
.reasonWrapper .maru02.maru_size {
width: 24px;
height: 24px;
}
.reasonWrapper .maru02 .letter_size {
font-size: 0.7em;
line-height: 1em;
}
.reasonWrapper h3 {
padding-bottom: 10px;
padding-left: 6px;
display: inline-block;
flex: 1;
}
.kaizen_reasonBlock .txtBlock p {
line-height: 1.6rem;
}
.flowBlock {
margin: 20px auto 60px;
position: relative;
}
/*▼アイコン*/
.flowBlock::after {
color: #EC6400;
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f0d7";
left: 50%;
margin-left: -12px;
display: inline-block;
bottom: -50px;
font-size: 250%;
}
.flowBlock:last-child::after {
content: none;
}
.flowBlock .koumoku {
position: relative;
}
/*○囲み数字（オレンジ２）*/
.flowBlock .koumoku .maru02 {
display: inline-flex;
position: absolute;
top: 2px;
}
.flowBlock .koumoku .maru02.maru_size {
width: 24px;
height: 24px;
}
.flowBlock .koumoku .maru02 .letter_size {
font-size: 1.1em;
line-height: 1em;
}
.flowBlock .koumoku p {
font-size: 125%;
text-align: left;
font-weight: bold;
line-height: 1.8rem;
padding-left: 30px;
}
/* 施術に関してよくある質問
-------------------------------------- */
.faqBlock {
margin: 20px auto;
background: #fcfaf3;
}
.faq_wrapper {
padding: 26px 32px;
;
}
.faq_element {
margin: 30px auto;
border-bottom: #ec6400 1px dotted;
padding-bottom: 24px;
}
.faqBlock p.que {
color: #ec6400;
font-weight: bold;
padding-bottom: 12px;
font-size: 113%;
line-height: 1.4rem;
position: relative;
margin-left: 30px;
}
.faqBlock p.que::before {
content: "Q";
position: absolute;
width: 25px;
height: 24px;
top: -1px;
left: -30px;
font-size: 0.8em;
line-height: 1em;
color: #ffffff;
background: #ec6400;
border-radius: 2px;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column wrap;
vertical-align: top;
font-weight: normal;
}
.faqBlock p.ans {
font-size: 88%;
line-height: 1.6rem;
}
.faqBlock p a {text-decoration: underline;}
.faqBlock p a:hover {text-decoration: none;}
/* ---------------------------------------

料金ページ

--------------------------------------- */
/* 料金表
-------------------------------------- */
.feeArea {
margin-top: 0;
}
.feeBlock {
width: 100%;
border: #ec6400 1px solid;
background: #fcfaf3;
margin: 20px auto;
}
.feeBlock .tit {
background: #ec6400;
margin: 20px auto;
padding: 26px 0 26px 40px;
font-weight: bold;
}
.feeBlock .tit p {
color: #fff;
font-size: 175%;
}
.fee_shosaiBlock {
padding: 16px 40px 40px;
}
.fee_shosaiBlock p.uchiwake {
margin-bottom: 12px;
display: inline-block;
background: #fff;
padding: 9px 32px 8px 32px;
border: #b5b5b6 1px solid;
border-radius: 20px;
}
.fee_shosaiBlock p.setsumei {
padding-bottom: 20px;
line-height: 1.6rem;
}
/* 予約の取り方
-------------------------------------- */
.howto_yoyakuBlock {
margin: 40px auto 0;
}
.howto_yoyaku h3.pt002 {
margin: 20px auto;
border-bottom: #f3981c 2px dotted;
padding-bottom: 10px;
}
.howto_yoyaku .yoyaku_wrapper {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
align-items: flex-start;
margin: 0 auto 40px;
border-bottom: #ccc 1px solid;
padding-bottom: 30px;
}
.howto_yoyaku .yoyaku_wrapper:last-child {
border-bottom: none;
padding-bottom: 0;
}
.howto_yoyaku .yoyaku_wrapper p.setsumei {
padding: 0 10px;
line-height: 1.8rem;
flex: 1;
}
.howto_yoyaku .yoyaku_wrapper p.setsumei img {
width: 90px;
}
.yoyaku_wrapper p a {
color: #ff4928;
text-decoration: underline;
}
.yoyaku_wrapper p a:hover {
text-decoration: none;
opacity: 1;
}
/*オンライン予約バナー*/
.onlineBlock {
margin: 60px auto;
}
.onlineBlock a {
display: block;
}
/*LINE予約*/
.yoyaku_line {
margin: 10px auto 40px;
}
.yoyaku_line p.tit {
color: #d26000;
font-size: 113%;
border: #d26000 1px solid;
border-radius: 40px;
padding: 20px 0 20px 20px;
margin-bottom: 20px;
}
.yoyaku_line p.setsumei {
background: #fcfaf3;
padding: 20px 0 20px 20px;
line-height: 1.4rem;
}
.yoyaku_line p.setsumei span.small {
font-size: 75%;
color: #333333;
text-indent: 3em;
display: inline-block;
}
/* 院内の様子
-------------------------------------- */
.appearBlock {
width: 100%;
margin: 20px auto;
}
.appearBlock ul {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
flex-wrap: wrap;
}
.appearBlock ul li {
padding: 10px 0;
width: 30%;
line-height: 1.6rem;
}
.appearBlock ul li img {
width: 100%;
}
/* ---------------------------------------

症状別メニュー

--------------------------------------- */
.shojoArea {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
flex-wrap: wrap;
margin: 20px auto 40px;
}
.shojoArea .shojoBlock {
width: 31%;
border: #ec6400 1px solid;
margin-bottom: 40px;
}
.shojoBlock_wrapper {
padding: 20px;
}
.shojo_titBlock {
background: #ec6400;
}
.shojo_titBlock p {
color: #fff;
text-align: center;
padding: 16px 0 16px 0;
position: relative;
}
/*症状アイコン*/
.shojo_titBlock p::before {
content: '';
width: 80px;
height: 80px;
display: inline-block;
position: absolute;
top: -20px;
left: 50%;
margin-left: -40px;
background-size: contain;
}
/**.shojo_titBlock p.youtsu::before {
background-image: url(../images/shojo/shojo_icon_yotsu.png);
}
.shojo_titBlock p.zakotsu::before {
background-image: url(../images/shojo/shojo_icon_zakotsu.png);
}
.shojo_titBlock p.sekichu::before {
background-image: url(../images/shojo/shojo_icon_sekichu.png);
}
.shojo_titBlock p.katakori::before {
background-image: url(../images/shojo/shojo_icon_katakori.png);
}
.shojo_titBlock p.zutsu::before {
background-image: url(../images/shojo/shojo_icon_zutsu.png);
}
.shojo_titBlock p.jiritsu::before {
background-image: url(../images/shojo/shojo_icon_jiritsu.png);
}
.shojo_titBlock p.gojukata::before {
background-image: url(../images/shojo/shojo_icon_gojukata.png);
}
**/
.shojo_titBlock p span.small {
font-size: 60%;
}
.shojo_meyasu p.koumoku {
color: #000;
font-weight: bold;
line-height: 1.4rem;
padding-bottom: 20px;
}
.shojo_meyasu p.kaisu {
font-size: 88%;
line-height: 1.4rem;
padding-bottom: 20px;
}
/*「詳細はこちら」ボタン*/
.shojoBlock .btnBlock {
text-align: center;
}
.shojoBlock .btnBlock a {
display: inline-block;
color: #fff;
font-size: 88%;
background: #f3981c;
border-radius: 4px;
padding: 16px 0;
width: 100%;
}
.shojoBlock .btnBlock a::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f144';
padding-left: 4px;
vertical-align: baseline;
}
/* ---------------------------------------
アクセス
--------------------------------------- */
.gmapArea {
margin-top: 0;
}
.access_infoBlock ul {
margin: 30px auto;
}
.access_infoBlock ul li {
padding: 4px 0;
font-weight: bold;
}
.access_infoBlock ul li span.koumoku {
background: #F3981C;
color: #fff;
padding: 14px 0;
display: inline-block;
width: 160px;
text-align: center;
margin-right: 20px;
}
/* 電車でお越しの場合
-------------------------------------- */
.accBlock {
position: relative;
margin: 40px auto 66px;
}
.accBlock::after {
position: absolute;
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f0d7";
left: 50%;
margin-left: -12px;
display: inline-block;
bottom: -50px;
font-size: 250%;
color: #EC6400;
}
.accBlock:last-child::after {
content: none;
}
.accBlock p {
line-height: 1.4rem;
}
/* ---------------------------------------
よくある質問
--------------------------------------- */
.faqArea {
margin-top: 0;
}
.faqBlock_2nd {
margin: 28px auto 40px;
}
.faqBlock_2nd p.que {
color: #000;
font-weight: bold;
font-size: 125%;
padding-bottom: 16px;
line-height: 1.6rem;
position: relative;
padding-left: 1.6em;
}
.faqBlock_2nd p.que::before {
position: absolute;
content: "Q.";
left: 0;
}
.faqBlock_2nd p.answer {
line-height: 1.6rem;
padding: 36px 30px;
background: #FCFAF3;
}
.faqBlock_2nd a {
color: #ff4928;
text-decoration: underline;
}
.faqBlock_2nd a:hover {text-decoration: none;}
/* ---------------------------------------

プライバシーポリシー

--------------------------------------- */
.privacyArea {
margin-top: 0;
}
.privacyArea p {
margin: 10px auto 20px;
line-height: 1.8rem;
}
.privacyArea h3 {
margin-top: 40px;
margin-bottom: 10px;
padding-left: inherit;
text-indent: inherit;
}
.renrakuBlock {
border: #ccc 1px solid;
border-radius: 4px;
padding: 20px 40px;
margin: 46px auto;
}
.renrakuBlock p {
margin: 0 0 1em 0;
}
.renrakuBlock a {
color: #ff4928;
text-decoration: underline;
}
.renrakuBlock span {
font-weight: bold;
font-size: 113%;
}
/* ---------------------------------------
来院者の声ページ
--------------------------------------- */
#page_2nd #voiceArea {
margin: 0 auto 40px;
}
#page_2nd .voiceBlock {
margin: 0 auto 40px;
}
h3.voice {
font-size: 125%;
}
/*ページ送りリンク*/
.pagination a {
border: #ec6400 1px solid;
border-radius: 4px;
margin: 0 4px;
padding: 10px 16px;
font-size: 100%;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
color: #ec6400;
}
.pagination a:hover {
opacity: 1;
border-color: #ec6400;
background: #ec6400;
color: #fff;
}
span.current {
border-color: #ec6400;
border: #ec6400 1px solid;
border-radius: 4px;
background: #ec6400;
padding: 10px 16px;
font-size: 100%;
color: #fff;
}
.pagination a.next, .pagination a.prev {
padding: 10px 12px;
border: none;
}
#pagenav {
display: flex;
justify-content: center;
}
/* ---------------------------------------
子連れ整体ページ
--------------------------------------- */
.anshinBlock {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
margin: 20px auto 32px;
}
.anshinBlock .imgBlock img {
width: 120px;
}
.anshinBlock .setsumeiBlock {
flex: 1;
padding-left: 18px;
}
.anshinBlock .setsumeiBlock p.koumoku_tit {
font-size: 113%;
font-weight: bold;
border-bottom: #002 2px dotted;
padding-bottom: 10px;
margin-bottom: 14px;
line-height: 1.4rem;
}
.anshinBlock .setsumeiBlock p.shosai {
line-height: 1.8rem;
}
.osusumeBlock {
margin: 40px auto;
}
.osusumeBlock p.tit {
color: #d26000;
font-size: 113%;
font-weight: bold;
border: #d26000 1px solid;
border-radius: 40px;
padding: 20px 0 20px 20px;
margin-bottom: 6px;
position: relative;
}
img.yubi {
position: absolute;
width: 160px;
top: -10px;
right: 40px;
}
.osusumeBlock ul {
padding: 12px 10px;
}
/* ---------------------------------------

プロフィール

--------------------------------------- */
.profArea {
margin-top: 0;
}
.leadBlock .txtBlock {
margin: 0 auto 40px;
line-height: 1.8rem;
}
.leadBlock img {
width: 240px;
}
.profBlock {
margin: 40px auto;
}
.profBlock img {
padding-top: 8px;
}
/* ---------------------------------------

各症状ページ共通

--------------------------------------- */
.nayamiArea.shojo_p ul {
margin: 40px auto;
}
.howmanyArea.shojo_p .shosaiBlock p.tit::before {
content: "症状：";
display: block;
padding-bottom: 8px;
}
.howmanyArea.shojo_p .shosaiBlock .kai {
margin: 40px auto 0;
}
.howmanyArea.shojo_p .shosaiBlock .kai p.kou {
padding-bottom: 6px;
font-size: 113%;
font-weight: bold;
}
.faqArea.shojo_p .faqBlock {
background: #fff;
}
/* ---------------------------------------

フッター上　一覧エリア＜第２回層のみ＞

--------------------------------------- */
#page_2nd #infoArea {
margin: 40px auto 0;
background: #FCFAF3;
padding: 40px 0;
}
/**--------------------------------------------

お問い合わせ

--------------------------------------------**/
/***** コンタクトフォーム *****/
.table-contactform7 {
overflow: hidden;
table-layout: fixed;
background: #fff;
width: 100%;
border: #eceeef 1px solid;
border-collapse: inherit;
}
.required-contactform7 {
padding: 5px 6px 5px 8px;
background: #f14545;
color: #fff;
border-radius: 4px;
margin-right: 3px;
font-weight: normal;
font-size: 75%;
}
.unrequired-contactform7 {
padding: 5px;
background: #BDBDBD;
color: #fff;
border-radius: 3px;
margin-right: 3px;
}
.title-contactform7 {
padding-left: 4px;
font-size: 88%;
}
.table-contactform7 tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-contactform7 th {
font-weight: bold;
padding: .75rem;
line-height: 1.5;
vertical-align: top;
}
.table-contactform7 td {
padding: .75rem;
line-height: 1.5;
vertical-align: top;
}
.table-contactform7 input, .table-contactform7 textarea {
max-width: 96% !important;
margin: 5px 10px 10px 5px;
}
.address-100 input {
max-width: 96% !important;
margin: 5px 10px 10px 5px;
}
.message-100 textarea {
width: 100%;
margin: 5px 10px 10px 5px;
}
/*エラー表示*/
div.wpcf7-validation-errors {
border: 2px solid #e64646;
background: #e64646;
color: #fff;
padding: 10px 0;
text-align: center;
}
@media screen and (min-width: 900px) {
.table-contactform7 th {
width: 28%;
border: 1px solid #eceeef;
}
.table-contactform7 td {
border: 1px solid #eceeef;
}
}
.text-xs-center {
text-align: center;
margin: 20px auto;
}
.text-xs-center .btn {
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
}
/*確認するボタン*/
.text-xs-center .btn-confirm {
color: #fff;
background-color: #F3981C;
border-color: #F3981C;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.333333;
border-radius: .3rem;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
}
/*確認ボタン後メッセージ*/
.wpcf7c-elm-step2 {
color: #F3981C;
font-weight: bold;
text-align: center;
padding: 30px 0 0;
font-size: 88%;
}
/*送信後メッセージ*/
div.wpcf7-mail-sent-ok {
border: 2px solid #F3981C;
color: #fff;
background: #F3981C;
padding: 20px 0;
text-align: center;
}
/*戻って修正ボタン*/
.text-xs-center .btn-back {
color: #fff;
background-color: #b0bbc1;
border-color: #b0bbc1;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.333333;
border-radius: .3rem;
display: inline-block;
font-weight: 400;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid transparent;
}
/*送信するボタン*/
.text-xs-center .btn-success {
color: #fff;
background-color: #F3981C;
border-color: #F3981C;
}
.text-xs-center .btn-lg {
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.333333;
border-radius: .3rem;
}
.table-contactform7 input[type=text], .table-contactform7 textarea, .table-contactform7 input[type=email], .table-contactform7 input[type=tel] {
max-width: 92% !important;
margin: 10px 6px;
padding: 14px 5px;
font-size: 100%;
}
.text-xs-center input[type=submit], .text-xs-center input[type=button] {
-webkit-appearance: button;
cursor: pointer;
margin: 0 10px;
}
@media screen and (max-width: 900px) {
.table-contactform7 {
display: block;
}
.table-contactform7 tbody, .table-contactform7 tr {
display: block;
width: 100%;
}
.table-contactform7 th {
width: 100%;
display: block;
margin: 0 auto;
border: none;
}
.table-contactform7 td {
display: list-item;
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
border-top: none !important;
}
}
/* ---------------------------------------

ブログページ

--------------------------------------- */
/* ブログタイトル
-------------------------------------- */
.page-blog h3.pt003 {
border-bottom: #F3981C 1px solid;
}
.page-blog h3.pt003 a {
color: #F3981C;
}
.page-blog h3.pt003 a::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f24a";
padding-right: 6px;
}
/* メタ情報
-------------------------------------- */
ul.post_meta {
text-align: right;
font-size: 88%;
}
/*投稿日時*/
ul.post_meta li.date {
margin: 16px auto;
}
ul.post_meta li.date::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f073";
padding-right: 6px;
}
/*カテゴリー名*/
ul.post_meta li.cat_name {
margin: 10px auto;
}
ul.post_meta li.cat_name a {
font-size: 88%;
display: inline-block;
color: #FF4928;
padding: 6px 14px;
border: #F3981C 1px solid;
}
ul.post_meta li.cat_name a:hover {
opacity: 1;
color: #fff;
border: #F3981C 1px solid;
background: #F3981C;
}
/* アイキャッチ画像
-------------------------------------- */
span.catch {
margin-top: 20px;
display: block;
}
span.catch img.no-img {
border: #d8d8d8 1px solid;
}
/* ブログ本文
-------------------------------------- */
.blog_txt p {
line-height: 1.6rem;
}
.blog_linkmore a {
display: inline-block;
background: #F3981C;
color: #fff;
padding: 4px 20px;
margin: 9px auto 0;
font-size: 88%;
}
/*続きを読むリンク*/
.blog_linkmore a::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f105";
padding-left: 6px;
}
.blog_linkmore a:hover {
opacity: 1;
background: #fff;
color: #F3981C;
border: #F3981C 1px solid;
}
/* ---------------------------------------

シングルページ

--------------------------------------- */
.single h3.pt003 {
border-bottom: #F3981C 1px solid;
}
.single h3.pt003 a {
color: #F3981C;
}
.single h3.pt003 a::before {
font-family: "Font Awesome 5 Free";
font-weight: 100;
content: "\f15c";
padding-right: 6px;
}
.single-post .txtBlock h3 {
color: #F3981C;
font-size: 125%;
font-weight: bold;
line-height: 1.6rem;
border-bottom: #F3981C 1px solid;
margin: 20px 0;
padding-bottom: 8px;
clear: both;
}
/* ---------------------------------------

カテゴリー別一覧ページ

--------------------------------------- */
.category h3.pt003 {
border-bottom: #F3981C 1px solid;
}
.category h3.pt003 a {
color: #F3981C;
}
.category h3.pt003 a::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f24a";
padding-right: 6px;
}
/* 次へ・前へリンク表示
-------------------------------------- */
ul.post_link_nav {
-js-display: flex;
display: flex;
flex-direction: row-reverse;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
margin-top: 40px;
}
ul.post_link_nav li {
background: #f5f5f5;
display: block;
width: 49%;
}
ul.post_link_nav li a {
color: #717171;
padding: 40px 0;
display: inline-block;
width: 100%;
text-align: center;
}
ul.post_link_nav li a:hover {
background: #9c9c9c;
color: #fff;
}
ul.post_link_nav li.pre a::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f105';
padding-left: 16px;
}
ul.post_link_nav li.next a::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: '\f104';
padding-right: 16px;
}
/* ---------------------------------------

YouTube動画のレスポンシブ設定

--------------------------------------- */
.youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* ---------------------------------------

blockquote設定

--------------------------------------- */
blockquote {
position: relative;
padding: 40px 15px 26px 15px;
box-sizing: border-box;
font-style: italic;
background: #efefef;
color: #555;
}
blockquote:before {
display: inline-block;
position: absolute;
top: 6px;
left: 15px;
vertical-align: middle;
content: "\f10d";
font-family: "Font Awesome 5 Free";
font-weight: 600;
color: #cfcfcf;
font-size: 28px;
line-height: 1;
}
blockquote cite {
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
}
/**--------------------------------------------

コメント欄

--------------------------------------------**/
#comment-area {
margin: 60px auto 20px;
padding: 30px 18px 18px;
line-height: 1.6rem;
clear: both;
background: #fff;
border: #cacaca 1px dotted;
}
h2#comments {
padding: 10px 0;
font-size: 150%;
font-weight: normal;
text-align: center;
}
h2#comments::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f27b";
padding-right: 6px;
}
h3#reply-title {
padding: 20px 0;
}
ol.commets-list {
padding: 20px;
border: #0b346e 1px dotted;
}
#comment-area .comment_meta {
font-size: 88%;
background: #000;
color: #fff;
padding: 4px 0;
margin-bottom: 16px;
}
.comment-form-comment textarea {
font-size: 100%;
width: 100%;
}
.comment-form-author input[type="text"] {
font-size: 100%;
padding: 4px;
}
input#siteguard_captcha.input[type="text"] {
padding: 8px 24px;
margin: 13px 0;
font-size: 100%;
}
.form-submit input[type="submit"] {
padding: 12px 60px;
margin: 20px 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #F3981C;
font-size: 100%;
background: #fff;
border: none;
border: #F3981C 1px solid;
}
.form-submit input[type="submit"]:hover {
opacity: 1;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
color: #fff;
background: #F3981C;
}
/* ---------------------------------------

サイトマップ（プラグイン：WP Sitemap Page専用）

--------------------------------------- */
.sitemapArea {
margin-top: 0;
-js-display: flex;
display: flex;
-webkit-justify-content: space-around; /* Safari */
justify-content: space-between;
margin-bottom: 40px;
flex-wrap: wrap;
}
.sitemapBlock {
width: 48%;
}
/*タイトル*/
h2.wsp-pages-title, h2.wsp-shojo-types-title, h2.wsp-voices-title, h2.wsp-newss-title {
padding: 10px 20px;
background: #000;
display: block;
color: #fff;
margin-bottom: 10px;
}
/*リスト*/
.wsp-pages-list, .wsp-shojo-types-list, .wsp-voices-list, .wsp-newss-list {
margin-bottom: 20px;
line-height: 1.2rem;
}
.wsp-pages-list li, .wsp-shojo-types-list li, .wsp-voices-list li, .wsp-newss-list li {
padding: 10px 0;
}
.wsp-pages-list li a, .wsp-shojo-types-list li a, .wsp-voices-list li a, .wsp-newss-list li a {
color: #FF4928;
text-decoration: underline;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-decoration: none;
display: block;
}
.wsp-voices-list li a, .wsp-newss-list li a {
font-size: 88%;
display: block;
}
.wsp-pages-list li a:hover, .wsp-shojo-types-list li a:hover, .wsp-voices-list li a:hover, .wsp-newss-list li a:hover {
opacity: .7;
}
.wsp-pages-list li:hover, .wsp-shojo-types-list li:hover, .wsp-voices-list li:hover, .wsp-newss-list li:hover {
opacity: .5;
padding-left: 6px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/* ---------------------------------------

サイドバー

--------------------------------------- */
/* 院情報エリア
-------------------------------------- */
#sidebar .infoArea, #sidebar .infoArea_follow {
margin: 0 auto 40px;
}
/*ロゴ（サイドバー）*/
#sidebar .infoArea img.logo, #sidebar .infoArea_follow img.logo {
padding-bottom: 10px;
}
/*ロゴ（サイドバー）画像がない場合*/
#sidebar .infoArea a.no_logo {
padding: 30px 0 0 0;
display: inline-block;
font-weight: bold;
}
/*院の外観写真*/
img.gaikan_img {
margin-bottom: 10px;
}
/*住所など*/
#sidebar .infoArea p.add, #sidebar .infoArea_follow p.add {
font-size: 88%;
line-height: 1.4rem;
padding: 6px 0;
}
#sidebar .infoArea p.eigyo_time, #sidebar .infoArea_follow p.eigyo_time {
font-size: 113%;
font-weight: bold;
padding: 0 0 16px;
}
/*施術表＜サイドバー用＞*/
.sejutsu_hyo.small {
width: 100%;
background: #f3981c;
color: #fff;
padding: 10px 0;
}
.sejutsu_hyo.small {
flex-direction: column;
}
.sejutsu_hyo.small .hyo_tit {
background: #Fff;
color: #f3981c;
text-align: center;
font-size: 88%;
padding: 6px 0;
width: 94%;
margin: 0 auto 6px;
}
.sejutsu_hyo.small table {
width: 94%;
margin: 0 auto;
}
.sejutsu_hyo.small table th {
font-weight: normal;
font-size: 63%;
text-align: center;
padding: 6px 5px;
}
.sejutsu_hyo.small table tr {
border-bottom: 1px solid #fff;
}
.sejutsu_hyo.small table td {
padding: 3px 0;
font-weight: bold;
text-align: center;
font-size: 63%;
}
.sejutsu_hyo.small table tr:last-child {
border-bottom: none;
}
.sejutsu_hyo.small table td.koumoku {
font-weight: normal;
}
.sejutsu_hyo.small span.uke {
background: #fff;
color: #f3981c;
font-size: 63%;
padding: 2px 0;
display: block;
text-align: center;
margin-top: 2px;
}
.sejutsu_hyo.small span.s_time {
font-size: 63%;
letter-spacing: 1px;
}
#sidebar .infoArea p.chu, #sidebar .infoArea_follow p.chu {
color: #989898;
font-size: 75%;
padding: 6px 0;
text-indent: 0;
}
/*お問い合わせボタン*/
#sidebar .inquiry_btn {
width: 100%;
text-align: center;
margin: 20px auto;
}
#sidebar .inquiry_btn a {
width: 100%;
display: inline-block;
font-size: 125%;
color: #fff;
background: #ff4928;
padding: 20px 0;
border-radius: 4px;
}
#sidebar .inquiry_btn a::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f144";
padding-left: 26px;
}
/*お問い合わせボタン（htmlの場合）*/
.btn_orderBlock {
width: 100%;
text-align: center;
margin: 0 auto 10px;
}
.btn_orderBlock a {
width: 100%;
background: #ec6400;
display: inline-block;
border-radius: 6px;
padding: 20px 0 18px 0;
}
.btn_orderBlock p.copy {
color: #ec6400;
background: #fff;
border-radius: 4px;
width: 226px;
margin: 0 auto 12px;
padding: 10px 16px 8px;
font-size: 78%;
line-height: 1.2rem;
text-align: left;
}
.btn_orderBlock p.tel {
color: #fff;
font-size: 138%;
line-height: 1.4rem;
font-weight: bold;
}
/* ウィジェットエリア
-------------------------------------- */
#sidebar .widget {
margin: 0 auto;
}
h2.widgettitle {
color: #ec6400;
font-size: 100%;
font-weight: bold;
border-bottom: #ec6400 1px solid;
padding-bottom: 10px;
margin-bottom: 10px;
margin-top: 36px;
}
.infoArea .widget:first-child h2 {
margin-top: 0;
}
h2.widgettitle::before {
content: "●";
display: inline-block;
width: 11px;
height: 18px;
vertical-align: middle;
margin-right: 8px;
}
/*サイド用メニューウィジェット*/
ul#menu-sidemenu {
margin-bottom: 40px;
}
ul#menu-sidemenu li {
font-size: 88%;
padding: 14px 0;
}
ul#menu-sidemenu li a {
color: #000;
letter-spacing: 1px;
}
ul#menu-sidemenu li a:hover {
text-decoration: underline;
}
ul#menu-sidemenu li::before {
font-family: "Font Awesome 5 Free";
content: '\f105';
color: #ec6400;
font-size: 125%;
font-weight: 600;
padding-right: 6px;
}
/*サイド用メニューウィジェット＜症状メニュー＞*/
.menu-shojomenu-container ul {
margin: 20px auto;
}
.menu-shojomenu-container ul li {
margin-bottom: 24px;
}
.menu-shojomenu-container ul li a {
background: #f3981c;
border-radius: 6px;
color: #fff;
padding: 20px 0 20px 90px;
display: block;
position: relative;
letter-spacing: 1px;
margin: 0 auto;
}
.menu-shojomenu-container ul li a::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f144";
position: absolute;
right: 10px;
font-size: 125%;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-shojomenu-container ul li a span {
display: inline-block;
text-align: left;
}
.menu-shojomenu-container ul li a::before {
position: absolute;
content: "";
width: 60px;
height: 60px;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 6px;
}
/* ---------------------------------------

お知らせ一覧アーカイブページ

--------------------------------------- */
.post-type-archive-news #main_cont #newsArea {
background: #fff;
margin-bottom: 60px;
margin-top: 0;
}
.post-type-archive-news #main_cont .news_inner {
width: 100%;
padding: 0;
}
.post-type-archive-news #main_cont .news_inner ul {
margin: 0;
}
.post-type-archive-news #main_cont .news_inner ul li {
padding: 20px 0 20px 14px;
border-bottom: #525252 1px dotted;
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
}
.post-type-archive-news #main_cont .news_inner ul li a {
color: #000;
vertical-align: middle;
}
.post-type-archive-news #main_cont .news_inner ul li span.date {
color: #fff;
display: inline-block;
background: #000;
font-size: 63%;
padding: 8px 10px;
}
.post-type-archive-news #main_cont .news_inner ul li span.title {
display: inline-block;
flex: 1;
padding-left: 12px;
padding-top: 3px;
}
/* ---------------------------------------

アーカイブページ（年別・月別）

--------------------------------------- */
#archiveArea {
margin-top: 0;
}
.archiveBlock {
margin-bottom: 40px;
}
h2.archive_tit {
padding: 16px 0 16px 20px;
font-weight: bold;
margin-bottom: 40px;
background: #ececec;
color: #6b6b6b;
border-bottom: #6b6b6b 2px solid;
}
#archiveArea h3.pt003 a {
color: #000;
}
#archiveArea h3.pt003 a::before {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f24a";
padding-right: 6px;
}
/* ---------------------------------------
各症状ページの最後尾「症例一覧リスト」
--------------------------------------- */
.shoreiBlock {
margin: 20px auto;
}
.shoreiBlock .shorei_wrapper {
padding: 40px 32px;
background: #FCFAF3;
}
.shoreiBlock ul.catList li {
border-bottom: #000 1px dotted;
padding-bottom: 20px;
margin-bottom: 20px;
}
.shoreiBlock ul.catList li a {
margin: 0 0 0.3em 0;
font-weight: bold;
color: #FF4928;
}
.shoreiBlock ul.catList li a::after {
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f35d";
padding-left: 8px;
color: #FF4928;
}