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

全デバイス共通

--------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
vertical-align: baseline;
}
html {line-height: 1;}
body {
font-family: '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'Yu Gothic Medium', 'メイリオ', Meiryo, sans-serif;
-ms-word-wrap: break-word;
word-wrap: break-word;
font-size: 16px;
color: #43484d;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-ms-font-smoothing: antialiased;
font-smoothing: antialiased;
/*-webkit-appearance: none;*/
}
body::before {
content: '';
display: block;
position: fixed;
z-index: -1;
top: 0;
left: 0;
width: 100%;
height: 0;
opacity: 0;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: opacity .6s, z-index 0s .6s, height 0s .6s;
-moz-transition: opacity .6s, z-index 0s .6s, height 0s .6s;
transition: opacity .6s, z-index 0s .6s, height 0s .6s;
}
ol, ul {list-style: none;}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
}
caption.pt001 {
font-family: 'Jun 501';
color: #fff;
font-size: 113%;
background: #11cbd7;
border-radius: 40px 0 40px 40px;
padding: 11px 0;
width: 200px;
text-align: center;
}
pre {white-space: pre-wrap;}
/* a 要素
-------------------------------------- */
a {
text-decoration: none;
color: #10c3dc;
}
a:hover, a:hover img {
opacity: .8;
-webkit-transition: .2s ease-in-out;
-moz-transition: .2s ease-in-out;
-o-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
a img {
border: none;
outline: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
/* clearfix 要素
-------------------------------------- */
.cf::after, .cf::before {
content: ".";
display: block;
clear: both;
height: 0;
font-size: 0.1em;
line-height: 0;
visibility: hidden;
overflow: hidden;
}
.cf {min-height: 1px;}

/* br要素
-------------------------------------- */
br.sp768 {display: none;}
br.sp640 {display: none;}
br.sp490 {display: none;}

/* img要素
-------------------------------------- */
img {
width: 100%;
vertical-align: bottom;
max-width: 100%;
height: auto;
}
img.aligncenter {
display: block;
margin: 16px auto
}
img.alignleft {
display: block;
float: left;
margin-right: 22px;
margin-bottom: 16px;
}
img.alignright {
display: block;
float: right;
margin-left: 22px;
margin-bottom: 16px;
}
img.cr {border-radius: 10px;}

/* margin要素
-------------------------------------- */
.mg_t10 {margin-top: 10px;}
.mg_t20 {margin-top: 20px;}
.mg_t30 {margin-top: 30px;}
.mg_t40 {margin-top: 40px;}
.mg_t50 {margin-top: 50px;}
.mg_t60 {margin-top: 60px;}

.mg_b10 {margin-bottom: 10px;}
.mg_b20 {margin-bottom: 20px;}
.mg_b30 {margin-bottom: 30px;}
.mg_b40 {margin-bottom: 40px;}
.mg_b50 {margin-bottom: 50px;}
.mg_b60 {margin-bottom: 60px;}

.mg_r10 {margin-right: 10px;}
.mg_r20 {margin-right: 20px;}
.mg_r30 {margin-right: 30px;}
.mg_r40 {margin-right: 40px;}
.mg_r50 {margin-right: 50px;}
.mg_r60 {margin-right: 60px;}

.mg_l10 {margin-left: 10px;}
.mg_l20 {margin-left: 20px;}
.mg_l30 {margin-left: 30px;}
.mg_l40 {margin-left: 40px;}
.mg_l50 {margin-left: 50px;}
.mg_l60 {margin-left: 60px;}

/* padding要素
-------------------------------------- */
.padd_t10 {padding-top: 10px;}
.padd_t20 {padding-top: 20px;}
.padd_t30 {padding-top: 30px;}
.padd_t40 {padding-top: 40px;}
.padd_t50 {padding-top: 50px;}
.padd_t60 {padding-top: 60px;}

.padd_b10 {padding-bottom: 10px;}
.padd_b20 {padding-bottom: 20px;}
.padd_b30 {padding-bottom: 30px;}
.padd_b40 {padding-bottom: 40px;}
.padd_b50 {padding-bottom: 50px;}
.padd_b60 {padding-bottom: 60px;}

.padd_r10 {padding-right: 10px;}
.padd_r20 {padding-right: 20px;}
.padd_r30 {padding-right: 30px;}
.padd_r40 {padding-right: 40px;}
.padd_r50 {padding-right: 50px;}
.padd_r60 {padding-right: 60px;}

.padd_l10 {padding-left: 10px;}
.padd_l20 {padding-left: 20px;}
.padd_l30 {padding-left: 30px;}
.padd_l40 {padding-left: 40px;}
.padd_l50 {padding-left: 50px;}
.padd_l60 {padding-left: 60px;}

/* figure 要素
-------------------------------------- */
figcaption {padding: 10px 0;}

/* width 要素
-------------------------------------- */
.w100 {width: 100%;}
.w50 {width: 50%;}
.w48 {width: 48%;}
.w33 {width: 33.333333333%;}
.max_w768 {max-width: 768px;}
.max_w860 {max-width: 860px;}

/* float 要素
-------------------------------------- */
.fl_r {float: right;}
.fl_l {float: left;}

.flexbox {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}

/*===============================
フォント
===============================*/
/*--------------------------------------
BaseSize 16px
10px	63%
11px	69%
12px	75%
13px	82%
14px	88%
15px	94%
16px	100%
17px	107%
18px	113%
19px	119%
20px	125%
21px	132%
22px	138%
23px	144%
24px	150%
25px	157%
26px	163%
27px	168.75%
30px    187.5%
33px    206.3%
34px    212.5%
36px    225%
38px	237.5%
40px    250%
42px    262.5%
46px    287.5%
48px    300%
50px    312.5%
----------------------------------------*/
/* フォント要素
-------------------------------------- */
.fw_b {font-weight: bold;}
.fw_n {font-weight: 400;}
.fc_red {color: #fa4659;}
.fc_mblue01 {color: #0fadb9;}
.fc_mblue02 {color: #11cbd7;}

.ff_tsuku_n {
font-family: 'Jun 201';
}
.ff_tsuku_b {
font-family: 'Jun 501';
}

.fs_12 {font-size: 12px;}
.fs_14 {font-size: 14px;}
.fs_16 {font-size: 16px;}
.fs_17 {font-size: 17%;}
.fs_18 {font-size: 18px;}
.fs_20 {font-size: 20px;}
.fs_22 {font-size: 22px;}
.fs_30 {font-size: 30px;}
.fs_40 {font-size: 40px;}

/* p要素
-------------------------------------- */
p {
line-height: 2.2rem;
letter-spacing: -0.001em;
padding: 12px 0;
}
strong {font-weight: bold;}

/* span要素
-------------------------------------- */
span.new-icon {
display: inline-block;
color: #fff;
background: #e24949;
padding: 4px 6px;
border-radius: 2px;
font-size: 88%;
line-height: 14px;
margin-left: 6px;
}

/* text-align要素
-------------------------------------- */
.text_align-c {text-align: center;}
.text_align-l {text-align: left;}
.text_align-r {text-align: right;}

/* h要素
-------------------------------------- */
h2, h3, h4, h5, h6 {
font-family: 'Jun 501';
padding-bottom: 60px;
}
/*	通常h2タイトル
-------------------------------------- */
h2 {
font-size: 150%;
letter-spacing: 0.2em;
line-height: 2.2rem;
margin: 20px 0;
padding: 0;
text-align: left;
}
/*	通常h3タイトル
-------------------------------------- */
h3 {
font-size: 125%;
letter-spacing: 0.2em;
line-height: 2.0rem;
text-align: left;
margin: 20px 0;
padding: 0;
border-left: #0fadb9 8px solid;
padding-left: 12px;
}
/*	通常h4タイトル
-------------------------------------- */
h4 {
font-size: 113%;
letter-spacing: 0.2em;
line-height: 1.8rem;
text-align: left;
margin: 20px 0;
padding: 0;
}

/*	トップページ　メインタイトル
-------------------------------------- */
h2.pt001 {
font-size: 187.5%;
text-align: center;
color: #10c3dc;
letter-spacing: 0.2em;
line-height: 2.4rem;
margin: 0;
padding-bottom: 60px;
}
h2.pt002 {
position: relative;
color: #0fadbc;
font-size: 225%;
text-align: center;
padding: 52px 0;
margin: 0;
}
h2.pt002::after {
content: "";
border-bottom: #0fadbc 5px solid;
width: 60px;
position: absolute;
bottom: 0;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}

/*	帯パーツ
-------------------------------------- */
/*帯 - All角丸　マリンブルー*/
.obi001 {
font-family: 'Jun 501';
text-align: center;
color: #fff;
font-size: 150%;
display: block;
width: 100%;
max-width: 720px;
margin: 40px auto;
background: #11cbd7;
border-radius: 40px;
padding: 23px 0;
}
/*帯 - 右上角丸なし　深い青*/
.obi002 {
font-family: 'Jun 501';
text-align: center;
color: #fff;
font-size: 150%;
display: block;
width: 100%;
max-width: 720px;
margin: 40px auto;
background: #0fadb9;
border-radius: 0 0 40px 40px;
padding: 23px 0;
}
/*帯 - All角丸（小）　薄い緑*/
.obi003 {
font-family: 'Jun 501';
text-align: center;
color: #0fadb9;
font-size: 150%;
display: block;
width: 100%;
margin: 40px auto;
background: #e7fffb;
border-radius: 20px;
padding: 23px 0;
}
/*帯 - 右上角丸なし　少し深い青*/
.obi004 {
font-family: 'Jun 501';
text-align: center;
color: #fff;
font-size: 150%;
display: block;
width: 100%;
max-width: 720px;
margin: 40px auto;
background: #11cbd7;
border-radius: 40px 0 40px 40px;
padding: 23px 0;
}

/* table 要素
-------------------------------------- */
/*料金表（大）*/
table.hyo_pri {width: 100%;}
table.hyo_pri , table.hyo_pri td, table.hyo_pri th {
border: 1px solid #e3e4e4;
border-collapse: collapse;
}
table.hyo_pri th {
font-family: 'Jun 201';
text-align: center;
padding: 0.8em 0.2em;
line-height: 1.35rem;
}
table.hyo_pri td {
text-align: center;
padding: 1.2em 0.2em;
line-height: 1.35rem;
}
table.hyo_pri th {
background: #e7fffb;
font-weight: bold;
font-size: 113%;
color: #0fadb9;
}
table.hyo_pri th.sub {background: #fff;}

/*診療時間表（大）*/
table.hyo_l {
width: 100%;
border: #e3e4e4 1px solid;
}
table.hyo_l tr {border-bottom: #e3e4e4 1px solid;}
table.hyo_l tr.yobi {background: #e7fffb;}
table.hyo_l th {
font-family: 'Jun 201';
color: #333333;
}
table.hyo_l tr.yobi td {
font-weight: bold;
font-size: 113%;
color: #0fadb9;
}
table.hyo_l tr th, table.hyo_l tr td {
padding: 1.7em 0.2em;
text-align: center;
border-right: #e3e4e4 1px solid;
}
table.hyo_l tr td.day {color: #11cbd7;}

/*料金表（シングル）*/
table.hyp_pri_sin {
margin: 30px 0;
width: 100%;
max-width: 660px;
height: 60px;
border: #0fadb9 1px solid;
}
table.hyp_pri_sin tr {}
table.hyp_pri_sin th, table.hyp_pri_sin td {
text-align: center;
font-weight: bold;
}
table.hyp_pri_sin th {
width: 53%;
background: #11cbd7;
color: #fff;
}
table.hyp_pri_sin td {
background: #fff;
}
/*ノーマル（左項目のみ）*/
table.normal {
width: 100%;
border: #e3e4e4 1px solid;
margin: 40px auto;
}
table.normal, table.normal td, table.normal th {
border-bottom: #e3e4e4 1px solid;
}
table.normal th {
width: 33.333%;
font-weight: bold;
font-size: 113%;
color: #0fadb9;
padding: 1.2em 0.2em;
text-align: center;
border-right: #e3e4e4 1px solid;
background: #e7fffb;
}
table.normal td {
background: #fff;
padding: 1.2em 2.2em;
line-height: 1.35rem;
}

/* ul 要素
-------------------------------------- */
ul.flow {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}
ul.flow li {
position: relative;
font-size: 113%;
font-family: 'Jun 501';
text-align: center;
color: #fff;
background: #11cbd7;
width: 155px;
height: 100px;
line-height: 1.6rem;
border-radius: 20px 0 20px 20px;
margin: 10px 0;
}
ul.flow li.again {
background: #e7fffb;
color: #11cbd7;
}
ul.flow li.flexb {
-js-display: flex;
display: flex;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
ul.flow li.cell.is-empty {
height: 0;
padding-top: 0;
padding-bottom: 0;
margin-top: 0;
margin-bottom: 0;
background: none;
}
ul.flow li::after {
content: "";
background: url("../images/common/icon-arrrow_f.png") no-repeat center;
background-size: contain;
width: 22px;
height: 40px;
position: absolute;
right: -12px;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
ul.flow li.is-empty::after {
content: none;
}
ul.flow li.last::after {
content: none;
background: none;
}

/* ol 要素
-------------------------------------- */
ol.pt001 {
list-style-type: decimal;
padding: 12px 0;
}
ol.pt001 li {
margin-left: 22px;
line-height: 1.6rem;
}
ol.pt001 li:not(:last-child) {padding: 10px 0;}

/* dl 要素
-------------------------------------- */
/*紹介*/
dl.intro {
display: block;
width: 100%;
max-width: 760px;
}
dl.intro dd {
padding: 14px 0;
border-bottom: #e3e4e4 1px solid;
line-height: 1.4rem;
}

/* boxパーツ
-------------------------------------- */
/*タイトル有りBOX（基本形）*/
.box001 {
background: #eff7fb;
border-radius: 20px;
padding: 20px 60px;
position: relative;
margin: 40px auto;
}
.box001 .box_wrapper {
padding: 74px 0 20px;
}
.box001 .boxTit {
font-family: 'Jun 201';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
}
.box001 .boxTit p {
color: #fff;
font-size: 187.5%;
font-weight: 700;
background: #0fadb9;
border-radius: 20px 20px 0 0;
padding: 17px 0 17px 60px;
position: relative;
}
.box001 img {width: 360px;}
.box001 p {
line-height: 1.6rem;
padding: 0;
}
/*認定医マーク*/
.box001 .boxTit span.nintei {
position: absolute;
right: 30px;
bottom: 13px;
font-size: 53%;
letter-spacing: -0.04em;
background: #f94659;
font-family: 'Jun 501';
color: #fff;
padding: 6px 16px;
display: inline-block;
border-radius: 26px 0 26px 26px;
text-align: center;
z-index: 1;
}
/*白背景wrapper*/
.box_wrapper_wh {
background: #fff;
margin: 40px auto;
padding: 20px 30px;
}
p.subTit {
font-family: 'Jun 501';
color: #0fadb9;
font-size: 125%;
}
/*タイトル無し（テキストのみ）BOX*/
.box002 {
background: #eff7fb;
border-radius: 20px;
padding: 20px 60px;
position: relative;
margin: 40px auto;
}
.box002 p {
padding: 0;
line-height: 1.6rem;
}
/*医師紹介BOX*/
.box001.introBox .imgBlock {width: 240px;}
.box001.introBox .shosaiBlock {
width: 100%;
flex: 1;
max-width: 760px;
}
/*お問い合わせ先BOX*/
.box003 {
background: #e7fffb;
border-radius: 20px;
padding: 20px 60px;
position: relative;
margin: 40px auto;
}
.box003 p {
color: #0fadb9;
line-height: 1.6rem;
}
.box003 p.koumoku {
font-family: 'Jun 501';
font-size: 113%;
}
/* ビフォーアフター パーツ
-------------------------------------- */
.hikakuBlock {
max-width: 720px;
margin: 0 auto;
-js-display: flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
}
.hikakuBlock img {
width: 300px;
position: relative;
}

/* 矢印パーツ
-------------------------------------- */
/*下向き↓*/
span.arrow_alone01 {
/**position: relative;
height: 10px;
width: 90px;
background-color: #eff7fb;
text-align: center;
display: block;
margin: 10px auto;**/
position: relative;
width: 90px;
text-align: center;
display: block;
margin: 0 auto;
}
span.arrow_alone01::before {
/**position: absolute;
content: "";
border: solid 60px transparent;
border-top: solid 20px #eff7fb;
top: 10px;
left: -15px;**/
position: absolute;
content: "";
border: solid 60px transparent;
border-top: solid 50px #eff7fb;
top: 0;
left: -15px;
}
/*右向き↓*/
span.arrow_alone02 {
position:relative;
height: 40px;
/**width: 10px;
background-color:#9ff1f7;**/
}
span.arrow_alone02::before {
/**position:absolute;
content:"";
border: solid 60px transparent;
border-left: solid 20px #9ff1f7;
top: -15px;
left: 10px;**/
position: absolute;
content: "";
border: solid 40px transparent;
border-left: solid 40px #9ff1f7;
top: -15px;
left: -20px;
}

/* ボタンパーツ
-------------------------------------- */
/*ボタン - 無料相談*/
.btn_soudan_l {
text-align: center;
margin: 20px auto;
}
.btn_soudan_l a {
font-family: 'Jun 501';
font-size: 150%;
background: #fa4659;
border-radius: 40px;
padding: 23px 0;
width: 960px;
margin: 0 auto;
color: #fff;
-js-display: flex;
display: flex;
-webkit-justify-content: center; /* Safari */
justify-content: center;
align-items: center;
}
.btn_soudan_l span.icon_mail {
content: "";
background: url("../images/common/icon-mail_wh.png") no-repeat center;
background-size: contain;
width: 40px;
height: 32px;
display: inline-block;
margin-right: 6px;
}
/*ボタン - Googleインドアビュー*/
.btn_g_indoorview {
text-align: center;
margin: 20px auto;
}
.btn_g_indoorview a {
font-family: 'Jun 501';
background: #0fadb9;
border-radius: 40px;
padding: 23px 0;
width: 100%;
max-width: 720px;
margin: 20px auto;
color: #fff;
-js-display: flex;
display: flex;
-webkit-justify-content: center; /* Safari */
justify-content: center;
align-items: center;
text-align: left;
}
span.mainTxt {font-size: 150%;}
.btn_g_indoorview span.mainTxt::before {
content: "360℃のパノラマ写真で院内を視察してみる";
font-size: 16px;
display: block;
}
/*アイコン - indoorview*/
.btn_g_indoorview span.icon_indoorview {
content: "";
background: url("../images/icon-indoorview.png") no-repeat center;
background-size: contain;
width: 50px;
height: 38px;
display: inline-block;
margin-right: 16px;
}
/*ボタン - 予約電話（大）*/
.btn_yoyaku_l {
text-align: center;
margin: 20px auto;
}
.btn_yoyaku_l a {
font-family: 'Jun 501';
background: #0fadb9;
border-radius: 40px;
padding: 23px 0;
width: 100%;
max-width: 720px;
margin: 20px auto;
color: #fff;
-js-display: flex;
display: flex;
-webkit-justify-content: center; /* Safari */
justify-content: center;
flex-direction: column;
align-items: center;
text-align: left;
}
.btn_yoyaku_l .telBlock {
-js-display: flex;
display: flex;
-webkit-justify-content: center; /* Safari */
justify-content: center;
align-items: center;
padding-bottom: 16px;
}
.btn_yoyaku_l span.mainTxt {font-size: 225%;}
.btn_yoyaku_l span.icon_tel_wh {
content: "";
background: url("../images/common/icon-tel_wh.png") no-repeat center;
background-size: contain;
width: 30px;
height: 26px;
display: inline-block;
margin: 0px 10px;
}
/*ボタン - ノーマル*/
.btn_n {
text-align: center;
margin: 20px auto;
}
.btn_n a {
font-family: 'Jun 501';
background: #0fadb9;
border-radius: 40px;
padding: 21px 0;
width: 100%;
max-width: 720px;
margin: 20px auto;
color: #fff;
-js-display: flex;
display: flex;
-webkit-justify-content: center; /* Safari */
justify-content: center;
align-items: center;
text-align: left;
}
.btn_n.pt002 a {
background: #11cbd7;
border-radius: 0 0 40px 40px;
padding: 23px 0;
}
.btn_n.pt003 a {
border-radius: 40px 0 40px 40px;
padding: 23px 0;
}
.btn_n span.mainTxt {padding: 0 16px;}
.btn_n span.icon_indoorview {
content: "";
background: url("../images/icon-indoorview.png") no-repeat center;
background-size: contain;
width: 50px;
height: 38px;
display: inline-block;
}
/*アイコン - FAX*/
.btn_n span.icon_fax {
content: "";
background: url("../images/icon-fax.png") no-repeat center;
background-size: contain;
width: 34px;
height: 34px;
display: inline-block;
margin-right: 6px;
}

/* 波々パーツ（上）
-------------------------------------- */
.wave_up {
background: #eff7fb;
position: relative;
margin-top: 100px;
}
.wave_up #svg-bg {
position: absolute;
width: 100%;
height: 500px;
top: -100px;
left: 0;
z-index: -1;
}

/* 画像並び
-------------------------------------- */
.col {
-js-display: flex;
display: flex;
-webkit-justify-content: space-between; /* Safari */
justify-content: space-between;
align-items: center;
margin: 20px auto;
}
/*キャプションなし*/
.col.col-2 img {width: 47.5%;}
.col.col-3 img {width: 30%;}
.col.col-4 img {width: 21.666667%;}

/*キャプションあり*/
.col.col-2 figure {width: 47.5%;}
.col.col-2 figure img {width: 100%;}
.col.col-3 figure {width: 30%;}
.col.col-3 figure img {width: 100%;}
.col.col-4 figure {width: 21.666667%;}
.col.col-4 figure img {width: 100%;}

.col figure figcaption {
background: #fff;
text-align: center;
padding: 20px 10px;
line-height: 1.4rem;
}
.col.col-4 figure figcaption {
font-size: 88%;
line-height: 1.4rem;
}




/* もっと見るリンク
-------------------------------------- */
.linkmore {
margin-top: 6px;
text-align: right;
}
.linkmore a {
font-size: 75%;
color: #0b346e;
-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: inline-block;
}
.linkmore a:hover {
text-decoration: none;
}
.linkmore a::before {
font-family: FontAwesome;
content: "\f08e";
padding-right: 3px;
vertical-align: middle;
color: #0b346e;
}
/* トップへ戻る
-------------------------------------- */
#page-top {
position: fixed;
bottom: 10px;
right: 10px;
padding: 0;
z-index: 99;
}
#page-top a {
width: 80px;
height: 80px;
display: block;
}
/* iframeレスポンシブ設定
-------------------------------------- */
.iframeBlock {
position: relative;
width: 100%;
padding-top: 66.6666%;
margin: 10px auto;
}
.iframeBlock iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
/* ---------------------------------------

blockquote設定

--------------------------------------- */
blockquote {
position: relative;
padding: 46px 30px;
box-sizing: border-box;
font-style: italic;
background: #fbfbfb;
color: #555;
line-height: 1.6rem;
font-size: 88%;
}
blockquote::before {
display: inline-block;
position: absolute;
top: 14px;
left: 14px;
vertical-align: middle;
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f10d";
color: #cfcfcf;
font-size: 163%;
}
blockquote::after {
display: inline-block;
position: absolute;
bottom: 14px;
right: 14px;
vertical-align: middle;
font-family: "Font Awesome 5 Free";
font-weight: 600;
content: "\f10e";
color: #cfcfcf;
font-size: 163%;
}
blockquote cite {
display: block;
text-align: right;
color: #888888;
font-size: 0.9em;
}
/**--------------------------------------------

コメント欄

--------------------------------------------**/
#comment-area {
margin: 60px auto 20px;
padding: 18px;
line-height: 1.6rem;
clear: both;
background: #fff;
}
h2#comments {
padding: 10px 0;
}
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: #ff6d00 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: #fff;
font-size: 100%;
background-color: #ff6d00;
border: none;
}
.form-submit input[type="submit"]:hover {
opacity: .8;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
cursor: pointer;
}
/**--------------------------------------------

404

--------------------------------------------**/
.notfoudBlock {margin: 100px auto;}
.notfoudBlock p {
font-family: 'Jun 501';
text-align: center;
font-size: 225%;
line-height: 2.8rem;
}

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

2022/11/04追加 

--------------------------------------------**/
h2.pt003 {
font-size: 187.5%;
text-align: left;
color: #10c3dc;
letter-spacing: 0.2em;
line-height: 1rem;
margin: 0;
padding: 40px 0 20px 0;
}
div.maplist {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 40px 6%;
}
div.maplist:after {
	content: "";
	width: 20%;
}
div.maplist div {
	width: 20%;
}
div.maplist div img {
	margin-bottom: 10px;
}

@media only screen and (max-width: 490px) {
	div.maplist {
		justify-content: center;
		gap: 40px 0px;
	}
	div.maplist:after {
		content: "";
		width: 90%;
	}
	div.maplist div {
		width: 90%;
	}
}
/**--------------------------------------------

2024/05/09追加 

--------------------------------------------**/
.my-calendar-today span {
	padding: 10px !important;
}