@charset "UTF-8";
@import url("../Standard/style.css");

/*
Theme Name: Standard child
Template: Standard
*/

/* 
Main Color: F096B1;
Sub Color: 
Link Color(normal): 2882e6;
Link Color(hover): 1370d8;

Standard子テーマ用のスタイルを書く
*/

/* =========================================================
* メニュー
========================================================= */

/* メニューの色を反転させる場合に利用（背景が薄い色の場合）*/
#menu {
    background: #ffffff;
    padding-bottom: 10px;
    /*font-weight: bold;*/
    border-bottom: 1px solid #efefef;
}
.menu-secondary li {
    background: rgba(0, 0, 0, 0) url("https://kimi-dental.com/wp/wp-content/uploads/bg-nav-li.png") no-repeat scroll left center !important;
    /*width: 16.6%;*/
}
.menu-secondary li:first-child {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
.menu-secondary li a {
    color: #ec779a;
    /*min-width: 16.6%;*/
    min-width: 128px; /* メニュー数6つ  (20+128+20)x6=1008 */
    min-width: 104px; /* メニュー数7つ  (20+104+20)x7=1008 */
    min-width: 95px; /* メニュー数7つ */
}
.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus,
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
    color: #e85380;
    background-color:rgba(0, 0, 0, 0);
}

.menu-secondary li li a {
    /*font-weight: bold;*/
    color: #fff;
    background: #eb8aa7; /* サブメニューの背景色 */
    text-shadow: 1px 1px 1px #e85380;
}
.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus, 
.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
    color: #fff;
    background: #e85380; /* サブメニューの背景色：オンクリック時 */
}
.menu-secondary a.sf-with-ul {
    min-width: 128px; /* メニュー数6つ  (20+128+20)x5=1008 */
}
li#menu-item-3095 a {
    letter-spacing: -1px;
}

/* =========================================================
* ベースカラー設定
========================================================= */

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active, .wp-pagenavi a:focus {
    color: #ec779a;
}

.wp-pagenavi span.current {
    background: #ec779a;
    border: 1px solid #ec779a;
}

.wp-pagenavi a:hover {
    color: #fff;
    background: #ec779a;
    border: 1px solid #ec779a;
}

.wp-pagenavi span.pages {
    color: #ec779a;
}

.wp-pagenavi span.extend {
    color: #ec779a;
}

#footer-container {
    background: #F096B1;
}

.info1column li a .cat {
    background: #F096B1;
}
.info1column li a .news {
    background: #fc4277;
}

.info2column .info-meta .info-cat {
    background: #f096b1;
}
.info2column .info-meta .news {
    background: #ff1557;
}
.info2column .info-meta .doctorblog {
    background: #ec6d81;
}
.info2column .info-meta .v-doctorblog {
    background: #ec6d81;
}
.info2column .info-meta .d-hygienist {
    font-size: 10px;
    background: #f096b1;
}
.info2column .info-meta .d-technician {
    background: #f096b1;
}
.info2column .info-meta .c-nurse {
    background: #f096b1;
}
.info2column .info-meta .front {
    background: #f096b1;
}
.info2column .info-meta .d-assistant {
    background: #f096b1;
}

.show-thumbnail-title .info-meta .news {
    background: #0066cc;
}

i {
    color: #ec779a;
}

.subtitle, .subtitle0 {
    border-left: 5px solid #f096b1;
    font-size: 23px;
    line-height: 28px;
    margin: 30px 0 20px;
    padding: 0 0 0 13px;
}

.header-right ul li:before {
    color: #0066cc;
}

.header-right ul li::before {
    content: url("https://kimi-dental.com/wp/wp-content/uploads/arrow.png");
    margin: 1px -20px;
}

.header-right .textwidget .header-tel {
    font-size: 32px;
    letter-spacing: -0.005em;
    white-space: nowrap;
}

.header-right .textwidget .header-tel a {
    vertical-align: 2px;
}

.header-right .su-button-style-flat span {
    font-size: 15px !important;
    line-height: 15px !important;
    padding: 9px 18px !important;
}

.side-title {
    background: #0066cc;
}


/* =========================================================
* リンクカラー設定
========================================================= */
/*--- Link Color変更（TODO:管理画面で変更できるようにする） ---*/

a {
    color: #ec779a;
}

a:hover, a:focus {
    color: #e85380;
}

.menu-footer li a {
    color: #333;
}

.menu-footer li a:hover, .menu-footer li a:active, .menu-footer li a:focus, 
.menu-footer li:hover > a, .menu-footer li.current-cat > a, .menu-footer li.current_page_item > a, .menu-footer li.current-menu-item > a {
    color: #666;
}

.title a,
.title-home a {
    color: #ec779a;
}

.title a:hover,
.title-home a:hover {
    color: #e85380;
}

.title-container .link li a {
    color: #333;
}

.title-container .link li a:hover,
.title-container .link li a:focus {
    color: #1370d8;
}

h2.service-title a {
    color: #000000;
}

h2.service-title a:hover,
h2.service-title a:focus {
    color: #1370d8;
}

.header-right a,
.header-right ul li a {
    color: #333;
}
.header-right ul li a:hover,
.header-right ul li a:focus {
    color: #e85380;
}

#copyrights {
    color: #fff;
}

#copyrights a:hover {
    color: #eee;
}

#copyrights a {
    color: #fff;
}

#copyrights a:hover {
    color: #eee;
}

#credits {
    color: #fff;
}

#credits a {
    color: #fff;
}

#credits a:hover {
    color: #eee;
}

.widget-container a {
    color: #333;
}

.widget-container a:hover {
    color: #666;
}

.widgettitle,
.widgettitle a,
.widgettitle a:hover {
    color: #333;
}

.footer-widget-menu li a {
    color: #333;
}
.footer-widget-menu li a:hover,
.footer-widget-menu li a:focus {
    color: #1370d8;
}

.info1column li a {
    color: #2882e6;
}

.info1column li a:hover,
.info1column li a:focus,
.info1column li a:active {
    color: #1370d8;
}

.info1column li a:hover,
.info1column li a:focus,
.info1column li a:active {
    background-color: #fafafa;
}

.navigation-post a {
    color: #2882e6;
}

.navigation-post a:hover,
.navigation-post a:focus,
.navigation-post a:active {
    color: #1370d8;
    background: #eee;
}

.navigation-post a i {
    color:#ddd;
}

/* =========================================================
* 見出し装飾
========================================================= */
/* グラデーションと角丸を使った見出し */
.heading1 {
}

.heading1:before {
    border-left:5px #F096B1 solid;
}

/* グラデーションと角丸を使った見出し下線付き */
.heading2 {
    border-bottom: 2px solid #F096B1;
}

.heading2:before {
    border-left:5px #F096B1 solid;
}

/* ボーダーを利用した見出し */
.heading3 {
    background-color: #F096B1;
}

/* 右端リボンの帯 */
.heading4 {
    color: #fff;
    background: #760D0D;
    font-size: 16px;
    margin: 0 20px 10px 0;
    padding: 10px 5px 10px 10px;
}

.heading4:after {
    right: -18px;
    border: 18px solid #760D0D;
}

/* チェックマークの見出し */
.heading5{
}

.heading5:after, .heading5:before{
    background:#F096B1; 
}

/* 四角2つのワンポイントを付ける */
.heading6{
}

.heading6:before{
    background:#F096B1; 
}

.heading6:after{
    background:#F096B1; 
}

/* 円を重ね合わせた見出し */
.heading7{
}

.heading7:before{
    background-color:#F096B1;
}

.heading7:after{
    background-color:#F096B1;
}

.heading8 {
    background: #F096B1;
}

.widgettitle {
    border-bottom: 2px solid #F096B1;
}

.widgettitle:before {
    border-left:5px #F096B1 solid;
}

/* =========================================================
* ボタン
========================================================= */
a.link_key {background-color:#F096B1;color:#fff;}
a.link_key i {background-color:#005cb7;}
a.link_pink {background-color:#F15D5D;color:#fff;}
a.link_pink i {background-color:#e24e4e;}
a.link_red {background-color:#c81932;color:#fff;}
a.link_red i {background-color:#b4172d;}
a.link_grey{background-color:#999;color:#fff;}
a.link_grey i {background-color:#898989;}
a.link_grey2 {background-color:#bbb;color:#fff;}
a.link_grey2 i {background-color:#a8a8a8;}
a.link_black {background-color:#333;color:#fff;}
a.link_black i {background-color:#222;}
a.link_green {background-color:#0a7e8c;color:#fff;}
a.link_green i {background-color:#08717e;}
a.link_green2 {background-color:#11A06A;color:#fff;}
a.link_green2 i {background-color:#0E905F;}
a.link_orange {background-color:#dc652f;color:#fff;}
a.link_orange i {background-color:#c55b2a;}
a.link_blue {background-color:#385C9E;color:#fff;}
a.link_blue i {background-color:#32538E;}

/*--- その他変更は下記へ ---*/


/* =========================================================
* 共通
========================================================= */

h4 {
    color: #ec779a;
    font-size: 19px;
    font-weight: bold !important;
    padding: 10px 0 15px;
}

strong {
    color: #ec779a;
}

.a_eb {
    text-align: center;
}

.a_eb .su-button {
    font-weight: bold;
    margin: 25px 0;
    min-width: 220px;
}

.a_eb .su-button .fa-angle-right {
    font-size: 17px !important;
    margin-right: -1px !important;
}

.bgstripe {
    background: #ffffff url("https://kimi-dental.com/wp/wp-content/uploads/bg.png") repeat scroll left top;
}

#k_container {
    width: 1200px;
    margin: 0 auto;
}

#k_container #container {
    width: 100%;
}

.bggray {
    background: #f6f5f5 none repeat scroll 0 0;
}
.bgpink {
    background: #ffeff4;
}
.txtgreeting {
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: 22px;
    color: #ec779a;
}
.su-column p {
    /*padding: 0 0 20px;*/
}

/* =========================================================
* ヘッダー
========================================================= */
/* ヘッダーの色を変更する場合*/
#header-seo {
    color: #fff;
    background: #F096B1;
}

#header {
    padding: 15px 0;
}

.menu-header-menu-container ul li a {
    z-index: 2;
    position: relative;
}

.textwidget .su-row .su-column .su-column-inner .header-tel a {
    z-index: 1;
    position: relative;
}

/* =========================================================
* サイドバー
========================================================= */

.widget ul {
    margin: 0 0 20px;
}

.widget ul li {
    background: rgba(0, 0, 0, 0) url("https://kimi-dental.com/wp/wp-content/uploads/c_arrow.png") no-repeat scroll left center;
    padding: 0 0 0 22px;
    font-weight: bold;
}

.widget-container .widgettitle {
    background: rgba(0, 0, 0, 0) url("https://kimi-dental.com/wp/wp-content/uploads/bo_da.png") repeat-x scroll center bottom;
    border: medium none;
    margin: 0 0 3px;
    padding: 15px 0;
    text-align: center;
    color: #ec779a;
    font-size: 23px;
}

/* =========================================================
* トップページ
========================================================= */
.slidearea {
    border-bottom: 1px solid #efefef;
}
.newsbox {
    border: 2px solid #F096B1;
    padding: 10px 5px;
    background: #fff;

    border-radius: 10px;
    -moz-border-radius: 10px; /* for Firefox, Mozilla */
    -webkit-border-radius: 10px; /* for Safari, Chrome */
    -khtml-border-radius: 10px; /* for Old Safari, KHTML */
}
.title, .title-home {
    border: medium none !important;
    padding: 0 !important;
}
.title-home {
    text-align: center;
}
.title-home .et {
    font-size: 16px;
}

.info-title a, .info-title a:hover, .info-title a:active, .info-title a:focus {
    color: #333333;
} 

.info2column {
    height: 380px;
    overflow: auto;
    font-size: 90%;
}
.info2column .info-date {
    font-size: 12px;
    letter-spacing: 0;
}

.b_list .su-column {
    border: 2px dashed #f096b1;
    border-radius: 8px;
    margin-left: 0;
    padding: 10px;
}

.b_list .su-column a {
    color: #ec779a;
    font-weight: bold;
    text-decoration: none;
}
.b_list .su-column a:hover {
    color: #e85380;
    text-decoration: underline;
}

.t_guidance {
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #ec779a;
    font-size: 24px;
    padding: 40px 0 0;
    text-align: center;
    letter-spacing: 2px;
}

.t_guidance .et {
    font-size: 16px;
    font-weight: normal;
}

/* 2016.3.28追加 */
.t_info {
    font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    color: #f65d88;
    font-size: 24px;
    line-height: 1.4;
    padding: 40px 0 0;
    text-align: center;
    letter-spacing: 2px;
}
ul.info1column {
    margin: 0 0 40px 0;
}

/* =========================================================
* コンテンツ
========================================================= */

.bgbreadcrumbs {
    background: #fff1f5 none repeat scroll 0 0;
    border-bottom: 1px solid #efefef;
}

#main {
    background: #fafafa none repeat scroll 0 0;
    margin: 0;
    padding: 25px 0;
}

.k_tb {
    border: medium none;
    border-collapse: collapse;
    font-size: 1em;
    margin: 0 0 1.5em;
    width: 100% !important;
}
.k_tb.border_top {
    border-top: 1px dashed #ec7196;
}
.k_tb th {
    background: none;
    border-bottom: 1px dashed #ec7196;
    text-align: left;
    vertical-align: middle;
    padding: 1em;
}

.k_tb td {
    background: none;
    border-bottom: 1px dashed #ec7196;
    vertical-align: middle;
    padding: 1em;
}

.entry .li_ifpainful {
    /*line-height: 35px;*/
    list-style-type: decimal;
}

.entry .li_ifpainful li {
    border-bottom: 1px dashed #ec779a;
    color: #ec779a;
    font-weight: bold;
    padding: 8px 4px;
}

.entry .li_ifpainful span {
    color: #222222;
}

.entry .li_ifpainful em {
    font-style:normal;
    font-weight:normal;
}

.a_ifpainful {
    text-align: center;
}

.a_treatmentpolicy {
    background-color: #ffffff;
    border: 1px solid #e4e4e4;
    border-radius: 10px;
    padding: 35px 28px;
}

/* 2017.4.25追加 */
.gmap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}
.gmap iframe, .gmap object, .gmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* =========================================================
* フッター
========================================================= */
#footer-widgets-container {
    background: #f3f3f3;
    padding-bottom: 25px;
}


/* =========================================================
* メディアクエリ
========================================================= */

/*==========  モバイル・ファーストの場合  ==========*/

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (min-width : 320px) {

}

/* XSサイズ : Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}


/*==========  非モバイル・ファーストの場合  ==========*/

/* Lサイズ、ワイドスクリーン : Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    #header-seo {
        display: none;
    }
    #menu {
        background: none;
    }

    .header-right {
        margin-top: 10px;
        width: 100%;
    }

    #k_container {
        width: 100%;
    }

    .a_eb {
        padding: 8%;
    }

    .a_eb .su-button {
        margin: 0 10%;
        padding: 0.8% 0;
        width: 80%;
    }

    /* 2016.3.28追加 */
    .infobox {
        margin: 40px 0 0 0;
        border: 2px solid #fc4277;
        padding: 10px 5px;
        background: #fff;

        border-radius: 10px;
        -moz-border-radius: 10px; /* for Firefox, Mozilla */
        -webkit-border-radius: 10px; /* for Safari, Chrome */
        -khtml-border-radius: 10px; /* for Old Safari, KHTML */
    }
    .t_info {
        padding: 10px 0 0;
    }
    ul.info1column {
        margin: 0 0 10px 0;
    }
}

/* XSサイズ : Extra Small Devices, Phones */  
@media only screen and (max-width : 480px) {

}

/* カスタム, iPhone Retinaディスプレイ */ 
@media only screen and (max-width : 320px) {

}


/* =========================================================
* テキスト関連
========================================================= */
.font50  { font-size: 50% !important; }
.font55  { font-size: 55% !important; }
.font60  { font-size: 60% !important; }
.font65  { font-size: 65% !important; }
.font70  { font-size: 70% !important; }
.font75  { font-size: 75% !important; }
.font80  { font-size: 80% !important; }
.font85  { font-size: 85% !important; }
.font90  { font-size: 90% !important; }
.font95  { font-size: 95% !important; }
.font100 { font-size: 100% !important; }
.font105 { font-size: 105% !important; }
.font110 { font-size: 110% !important; }
.font115 { font-size: 115% !important; }
.font120 { font-size: 120% !important; }
.font125 { font-size: 125% !important; }
.font130 { font-size: 130% !important; }
.font135 { font-size: 135% !important; }
.font140 { font-size: 140% !important; }
.font145 { font-size: 145% !important; }
.font150 { font-size: 150% !important; }
.font160 { font-size: 160% !important; }
.font170 { font-size: 170% !important; }
.font180 { font-size: 180% !important; }
.font190 { font-size: 190% !important; }
.font200 { font-size: 200% !important; }
.font300 { font-size: 300% !important; }
.font400 { font-size: 400% !important; }
.font500 { font-size: 500% !important; }
/* Sサイズ、タブレット : Small Devices, Tablets */
@media only screen and (max-width: 768px) {
    .mob-font50  { font-size: 50% !important; }
    .mob-font55  { font-size: 55% !important; }
    .mob-font60  { font-size: 60% !important; }
    .mob-font65  { font-size: 65% !important; }
    .mob-font70  { font-size: 70% !important; }
    .mob-font75  { font-size: 75% !important; }
    .mob-font80  { font-size: 80% !important; }
    .mob-font85  { font-size: 85% !important; }
    .mob-font90  { font-size: 90% !important; }
    .mob-font95  { font-size: 95% !important; }
    .mob-font100 { font-size: 100% !important; }
}

/* =========================================================
* テーブル 2019.5.31
* .tableクラスを付与するとレスポンシブ対応
* .table-color：色付きのthに変更
========================================================= */
/* テーブル：標準 */
.table-style1 {
    padding: 0 15px;
}
.table-style1 table {
    margin: 0;
    background: #ffffff;
}
.table-style1 table th {
    font-weight: 400;
    background-color: #f3f3f3;
    width: 150px; /* 適宜変更 */
    text-align: left;
}
.table-style1 table th,
.table-style1 table td {
    padding: 20px;
    vertical-align: middle;
}

/* テーブル：キーカラーバージョン */
.table-style1 .table-color ,
.table-style1 .table-color th,
.table-style1 .table-color td {
    border: none;
}
.table-style1 .table-color th,
.table-style1 .table-color td {
    padding: 20px;
    border-bottom: 1px solid #fff;
}
/* tdの奇数行に適応 */
.table-style1 .table-color tr:nth-of-type(odd) th {
    background: #fde8ee; /* キーカラーに合わせて変更 */
}
.table-style1 .table-color tr:nth-of-type(even) th {
    background: #FFF1F5; /* キーカラーに合わせて変更 */
}
/* tdの奇数行に適応 */
.table-style1 .table-color tr:nth-of-type(odd) td {
    background: #f3f3f3; /* 背景色に合わせて微調整 */
}
/* tdの偶数行に適応 */
.table-style1 .table-color tr:nth-of-type(even) td {
    background: #f9f9f9; /* 背景色に合わせて微調整 */
}

@media (max-width: 768px){
    .table-style1 table th,
    .table-style1 table td,
    .table-style1 table.table-color th,
    .table-style1 table.table-color td {
        padding: 10px;
    }
    /* table-mobile指定でレスポンシブ対応（単純なテーブルに利用） */
    .table-style1 table.table-mobile tr,
    .table-style1 table.table-mobile th,
    .table-style1 table.table-mobile td {
        display: block;
        width: auto !important;
    }
}

/* フォームの質問・連番表示 */
.table-style1 h4 {
    counter-increment: section;
    color: #333;
    font-size: 18px !important;
    font-weight: normal !important;
    line-height: 1.5 !important;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 0.5em;
}
.table-style1 h4::before {
    content: counter(section);
    color: #fff;
    background-color: #F096B1;
    padding: 0 10px;
    margin-right: 10px;
}
@media (max-width: 768px) {
    .table-style1 h4 {
        font-size: 16px !important;
    }
}

/* フォームの回答 */
.q-box {
    border: 1px solid #eee;
    padding: 15px;
    background-color: #fff;
    margin-bottom: 1.5em;
}
.q-box p:last-of-type {
    margin-bottom: 0;
}
.q-box br {
    display: none;
}
.q-box br.hide-on-mobile,
.q-box br.hide-on-tablet,
.q-box br.hide-on-desktop {
    display: inline;
}
/* 非表示オプション */
@media (max-width: 767px) {
	.hide-on-mobile {
		display: none !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	.hide-on-tablet {
		display: none !important;
	}
}
@media (min-width: 1025px) {
	.hide-on-desktop {
		display: none !important;
	}
}

/* =========================================================
* コンタクトフォーム
========================================================= */
/* チェックボックス縦並び */
span.wpcf7-list-item {
    display: block !important;
}

/* 入力フォーム装飾 */
input[type=text], input[type=email], input[type=url], input[type=tel], input[type=number], textarea, select {
    background: #fafafa;
    color: #666;
    border: 1px solid #aaa;
    border-radius: 0;
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100% !important;
}

/* プレイスホルダーの色指定（その他の色はカスタマイザーで設定） */
input::-webkit-input-placeholder { color: #aaa; }
input:-ms-input-placeholder      { color: #aaa; }
input::-ms-input-placeholder     { color: #aaa; }
input::placeholder               { color: #aaa; }
::-webkit-input-placeholder      { color: #aaa; }
:-ms-input-placeholder           { color: #aaa; }
::-ms-input-placeholder          { color: #aaa; }
::placeholder                    { color: #aaa; }

/* 必須項目 */
.form-required {
	color: #fff;
    background: #EC6D81;
	font-size: 12px;
	padding: 1px 5px;
	margin-right: 7px;
}

/* 2021.2.2追加 */
.img-rounded {
    border-radius: 15px;
}
.width20p {
	width: 20%;
}
h4.ttl {
	font-size: 20px;
	border-bottom: 1px dotted #E96A90;
}