@charset "utf-8";

/*
 Theme Name:   wsc8
 Description:  いしかわレディースクリニック
 Author:
 Author URI:
 Template:     wsc8
*/

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

　端末用のスタイルまとめて下に書いてます。

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

/*------------------------------------
    ----------------------------------
  		Structure
  	----------------------------------

  	01.共通スタイル（全体・ヘッダー・ナビゲーション・フッター）
    02.[START] トップページ
    03.ブログページ共通
    04.single(記事ページ)
    05.error(404.php)
    06.[START] 下層ページ　固定ページ
        06-01.
    Media Query
    07.レスポンシブ　(max-width: 768px)
        07-01.レスポンシブ ヘッダー、フッター、ナビ　ページ
        07-02.レスポンシブ TOPページ

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

/************************************************************************

	01.共通スタイル（全体・ヘッダー・ナビゲーション・フッター）

************************************************************************/
/*パンくずリスト*/

.breadcrumbs{
    display: none!important;
}

.single .container {
    max-width: 920px;
}


body {
    /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;*/
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Sawarabi Mincho" , "ＭＳ Ｐ明朝", "ＭＳ 明朝","Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif!important;
    font-size: 16px;
    color: #333333;
}

* {
    line-height: 1.6em;
}

em {
    font-style: normal;
}

a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

ul,li {
    list-style: none;
    padding: 0;
    margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    line-height: 1.6em;
}
a{
    color: #0788da;
}

.mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "Sawarabi Mincho" , "ＭＳ Ｐ明朝", "ＭＳ 明朝","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif!important;
    transform: rotate(.03deg);
}
.noto_sans{
    font-family: 'Noto Sans Japanese', sans-serif;
    font-weight: normal;
}

.txt-blue {
    color: #026eb8;
}

.txt-cyan {
    color: #29A99C;
}

.txt-red {
    color: #ff0000;
}
.txt-black{
    color: #333;
}


.section {
    padding: 30px;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}
.align-left {
    text-align: left;
}

.bold {
    font-weight: bold;
}
.font-m {
    font-size: 1.3em;
}
.font-s{
    font-size: .95em;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.float-box >*{
}

.flex-box{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.circle {
    display: inline-block;
    width: 1.5rem;
    height: 1.5rem;
    border: solid 1px #333;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    vertical-align: middle;
}

.icon:before {
    position: relative;
    vertical-align: middle;
    margin-right: 10px;
}


.section{
    padding: 0;
}




/*ナビゲーション*/
#gnav {
    background-color: #f36e44;
    margin-bottom: 3%;
}

body.home #gnav {
    max-width: 1600px;
    margin: 0 auto;
}

.gnav-container li {
    font-size: 100%;
    text-align: center;
}
.gnav-container li:first-child{
}
.gnav-container li a {
    font-size: 1.1em;
    color: #fff;
    padding: 20px;
    background-color: #f36e44;
}
.gnav-container li a:hover, .gnav-container li.current-menu-item a{
    color: #fff;
    background-color: #f99372;
}

/*ヘッダー*/
.header{
    position: relative;
    padding: 20px 0;
}

.header_left{
    text-align: center;
   float: none;
}

/* フロントページ */
.header.front{
    position: relative;
    background-image: url(img/sunex-top_01.jpg);
    background-position: bottom;
    background-repeat: no-repeat;
    max-width: 1600px;
    height: 700px;
    margin: 0 auto;
}

.header.front *{
    color: #fff;
}
.header.front a{
    text-align: center;
    font-size: 4.375em;
}
.header.front .site-description{
    font-size: 1.25em;
}
.header.front .header_left{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 55%;
    transform: translateY(50%);
}

.header.front .since{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 20%;
    font-size: 20px;
    text-align: center;
    width: 300px;
    margin: 0 auto;
    padding: 10px;
    border: solid #fff;
    border-width: 1px 0;
}


@media (max-width: 768px) {
    .header.front a {
        text-align: center;
        font-size: 4em;
    }
    
    .header.front{
        background-position: center;
        height: 500px;
    }
    .header.front .header_left{
        bottom: 65%;
    }
}


@media (max-width: 500px) {
    .header.front a {
        text-align: center;
        font-size: 3.5em;
    }
    
    .header.front{
        background-position: center;
        height: 350px;
    }
    .header.front .header_left{
        bottom: 65%;
    }
}




.site-title{
    display: inline-block;
    margin:0;
    padding:0;
}
.site-title a{
    display: block;
    font-size: 1.8em;
    margin-top: 10px;
    font-weight: 700;
    color: #141211;
    letter-spacing: .4em;
}
.site-title p{
    font-size: .65em;
    margin-top: 5px;
}

.site-title img{
    max-width: 300px;
}
.site-title .clinic-name{
    margin-top: 20px;
    margin-left: 10px;
}
.site-title .name{
    font-size: 2.4em;
}
.site-title .name-eng {
    font-size: .9em;
}

#h_tel{
    float: left;
}
#h_tel .contact{
    color: #393939;
    font-weight: 700;
}
#h_tel .tel{
    font-size: .85em;
    font-weight: 700;
    color: #f6a000;
}
#h_tel .tel-number{
    font-size: 1.85em;
}
#h_tel .holiday{
    text-align: right;
    color: #949494;
    font-size: .85em;
}
.header_right img{
    margin-top: -10px;
    margin-left: 5px;
}

.drawer-btn{
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    color: #333;
    z-index: 100;
}

/*フッター*/
.footerTop{
    background: #fcebde;
    padding: 4% 0;
}
.footerTop .content{
    margin: 5% 0 0;
}
.footerTop h3{
    font-size: 1.75em;
    text-align: center;
}

.footerTop ul.info{
    padding: 2% 5%;
    background: #fff;
}
.footerTop ul.info li{
    padding: 3% 0;
    border-bottom: 1px solid #f1d6cd;
}
.footerTop ul.info li:last-child{
    border-bottom: none;
}
.footerTop ul.info li span{
    display: inline-block;
    font-weight: 700;
    color: #fa825c;
    width: 135px;
    text-align: center;
}

.footerBottom {
    margin-top: 4%;
    background-color: #fff;
}
#footer-menu .menu{
    float: right;
}
#footer-menu li{
    border-right: 1px solid #141312;
    margin: 5px 0;
}
#footer-menu li:last-child{
    border-right: none;
}
#footer-menu a{
    font-size: .85em;
    color: #141312;
    padding: 0 15px;
    line-height: 1em;
}

#copyright {
    float: none;
    font-size: 12px;
    color: #a0a0a0;
    text-align: right;
}

.page_top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    text-decoration: none;
    background: #0086db;
    border: 2px solid #ffffff;
    text-align: center;
    line-height: 44px;
}



/* 診察時間テーブル */
.table-container p{
    font-size: .875em;
    color: #f24545;
    margin: 10px 0;
}

table.consultation-hour {
    font-size: .93em;
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
    color: #fff;
    border-collapse: collapse;
}

table.consultation-hour td, table.consultation-hour th {
    border: 1px solid #f5ae98;
    font-weight: normal;

}
table.consultation-hour th{
    width: 10%;
    padding: 15px 0;
    text-align: center;
}

table.consultation-hour tr th{
    background: #fa825c;
}
table.consultation-hour th.time {
    width: 25%;
}
table.consultation-hour td{
    background: #fff;
    text-align: center;
}
table.consultation-hour td.closed{
    font-size: 15px;
    color: #f24545;
}
/* 診察時間テーブル */



/************************************************************************

  [終わり] 共通スタイル（全体・ヘッダー・ナビゲーション・フッター）

************************************************************************/



/************************************************************************

	02.[START] トップページ

************************************************************************/

#main.home .content{
    max-width: 1600px;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

#main.home .content-box1 {
    background-image: url(img/1004sunex-top_01.jpg);
    background-position: top;
    background-repeat: repeat-y;
}


#main.home .content-box1 section.info{
  border: 1px solid #7B7876;
  margin: 5% 0;
}

#main.home .content-box1 section.info h2{
  font-size: 2em;
  background-color: #888480;
}

#main.home .content-box1 section.info a{
  color: #fff;
}

#main.home .content-box1 section.info .info-list{
  background: #E6E6E3;
  padding: 4%;
}
#main.home .content-box1 section.info .info-list a {
  color: initial;
}

#main.home .content-box1 .name{
  margin: 2% 0 5%;
}

#main.home .content-box1 .garage-exterior{
  padding: 1.3%;
}
#main.home .content-box1 .garage-exterior-bd{
  border: 1px solid #D7D3D0
}

#main.home .content-box1 .wood-garage{
    width: 48%;
  margin-bottom: 5%;
}
#main.home .content-box1 .charging-stand{
    width: 48%;
  margin-bottom: 5%;
}

#main.home .content h2{
    font-size: 4.375em;
    font-weight: 500;
    text-align: center;
    color: #fff;
    
}
#main.home .content p.ja{
    font-family: 'Noto Sans JP';
    text-align: center;
    font-size: 1em;
    color: #fff;
}

#main.home .content-box2{
    display: block;
    background-image: url(img/sunex-top02.jpg);
    background-position: center;
    height: 340px;
}

#main.home .content-box3{
    display: block;
    background-image: url(img/sunex-top03.jpg);
    background-position: right;
    height: 340px;
    
}
#main.home .content-box3 .text-box{
    width: 38%;
    margin: 0 0 0 auto;
}

#main.home .content-box4{
    display: block;
    background-image: url(img/sunex-top04.jpg);
    background-position: left;
    height: 570px;
}

#main.home .content-box4 .text-box{
    width: 62%;
}

@media (max-width: 768px) {
    #main.home .content-box1{
        /*background-image: url(img/sunex-top02-02.jpg);*/
        min-height: auto;
        background-size: 200%;
        background-position: top;
    }
    #main.home .content h2{
      font-size: 8.5vw;
    }
    
    #main.home .content-box2{
        height: auto;
        min-height: auto;
        background-size: 250%;
        padding: 26.5%;
        background-position: top;
    }
    
    #main.home .content-box3{
        background-image: url(img/sunex-top03sp.jpg);
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 55.73%;
        background-size: contain;
        
    }
    
    #main.home .content-box4 {
        background-image: url(img/sunex-top04sp.jpg);
        height: 0;
        /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
        padding-top: 57.57%;
        background-size: contain;
    }
}



/************************************************************************

  [END] トップページ

************************************************************************/



/************************************************************************

	03.ブログページ共通

************************************************************************/

.main-blog{
  margin-top: 30px;
}

.main-column {
  width: 550px;
  float: left;
  padding-bottom: 30px;
}

.main-column .entry-title{
  display: block;
  font-size: 20px;
  border-top: none;
  border-bottom: 3px solid #46C5C8;
  line-height: 1.4em;
  padding: 10px 0;
  margin: 0 0 15px;
  font-weight: bold;
  text-align: left;
  color: #333;
}

.main-column .post {
  margin-bottom: 30px;
  overflow: hidden;
}


.side-column a {
  color: #333;
}

.side-widget ul{
  margin: 10px;
}

.widget-title {
  font-weight: 700;
  border-bottom: solid 3px #46C5C8;
  position: relative;
  margin-bottom:30px;
}

/* サイドバー検索ボックス */
.side-column form#searchform{
  display: block;
  background-color: #fff;
}
.side-column .searchform{
  margin: 0;
}

.side-column .searchform-txt {
  width: 150px;
}

.side-column #searchform #s {
  padding: 4px;
  font-size: 13px;
  line-height: 15px;
  width: 150px;
  float: left;
  margin: 0;
  border-radius: 0;
  border: 1px solid #999;
  box-shadow: inset 1px 2px 4px #ddd;
}

.side-column #searchform #searchsubmit {
  float: left;
  text-indent: -9090px;
  border-style: none;
  width: 35px;
  height: 31px;
  padding: 0;
  margin: 0;
  background: #999 url(img/search_btn.png) no-repeat center center;
  border-width: 0;
  border-radius: 0;
  cursor: pointer;
}

/* /サイドバー検索ボックス */


/************************************************************************

	04.single(記事ページ)　category(一覧ページ)

************************************************************************/



.blog-header {
  padding: 20px;
  margin: 40px 0;
  font-size: 22px;
  position: relative;
  background: #46C5C8;
  color: white;
}
.blog-header:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #46C5C8;
  opacity: .8;
}

/*.entry-header{
    border-bottom: 1px solid;
}*/

.blog-content{
  margin: 10px;
}



/************************************************************************

	05.error(404.php)

************************************************************************/

.error-page{
    width: 100%;
    padding: 4%;
}


/************************************************************************

	06.[START] 下層ページ　固定ページ

************************************************************************/

/*固定ページ共通*/

.page-template-page-full .container{
    max-width: 1020px;
}

h1 img{
    margin: 0 auto;
    display: block;
    height: 150px;
    width: auto;
    object-fit: cover;
    object-position: left;
}

.page-default{
    max-width: 1020px;
}

#main.page h1 {
    font-size: 3em;
    font-weight: 500;
    margin-bottom: 5%;
}
#main.page .contentHead.flex-box{
    align-items: center;
}

#main.page .contentHead .textBox {
    text-align: center;
    width: 50%;
    padding: 20px;
    min-height: 200px;
    background: #ceeaf6;
    align-self: stretch;
}
#main.page .contentHead .textBox .inner {
    position: relative;
    height: 100%;
    border: 1px solid #f0f9fc;
}
#main.page .contentHead .textBox .inner >div {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
}

#main.page .contentHead img{
    width: 50%;
}


#main.page .content{
    margin: 5% auto;
}

.page-template-page-full #main.page .content{
}




/*--------------------------------------
WOOD GARAGE
--------------------------------------*/

#main.wood-garage h1{
    font-size: 2.25em;
}

#main.wood-garage h2{
    font-family: helvetica;
    font-size: 47px;
    font-weight: 500;
    text-align: center;
    color: #00994a;
    margin-bottom: 5%;
    line-height: 1em;
}

#main.wood-garage p{
    font-family: helvetica;
    font-size: 14px;
    margin-bottom: 2%;
}
#main.wood-garage p.ja{
    font-weight: 700;
    text-align: center;
}

#main.wood-garage p.img-explain{
    font-size: 13px;
    line-height: 1.4em;
    margin: 8px 0;
}

#main.wood-garage .flex-box{
    justify-content: space-between;
    margin-bottom: 5%;
}

#main.wood-garage .content-box .flex-box{
    align-items: flex-start;
}

#main.wood-garage .sub-flex-box{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

#main.wood-garage .content-box .border{
    margin: 5% auto;
    border-bottom: 1px solid #616161;
}

#main.wood-garage .content.bottom{
    background: #B4B5B4;
}

/* Handrail */

#main.wood-garage .handrail h2{
    font-size: 42px;
    text-align: left;
    margin-bottom: 2%;
}
#main.wood-garage .handrail p.ja{
    text-align: left;
}
#main.wood-garage .handrail .left-box{
    width: 42%;
    margin: 2% 0;
}
#main.wood-garage .handrail .right-box{
    width: 53.5%;
    margin-top: 4%;
}
#main.wood-garage .handrail .image-box{
    margin-top: 5%;
}
#main.wood-garage .handrail .image-box >*{
    float: left;
    width: 48%;
    margin-right: 2%;
}



/* New Lifestyle */

#main.wood-garage .new-lifestyle{
    text-align: center;
}
#main.wood-garage .new-lifestyle h3{
    font-size: 20px;
    margin-bottom: 3%;
}
#main.wood-garage .new-lifestyle h4{
    font-size: 16px;
    margin-bottom: 4%;
}

#main.wood-garage .new-lifestyle p{
    color: #111;
    line-height: 2em;
}

#main.wood-garage .gardening img ,#main.wood-garage .home-party img{
    display: block;
}
#main.wood-garage .garden-cooking .flex-box >div{
    width: 32%;
    margin: 2% 0;
}

#main.wood-garage .gardening .main-image {
    width: 60%;
}

#main.wood-garage .gardening .sub-flex-box{
    width: 37.5%;
}

#main.wood-garage .home-party .main-image {
    width: 67.5%;
}
#main.wood-garage .home-party .sub-flex-box{
    width: 30%;
}

#main.wood-garage .playground .flex-box >*, #main.wood-garage .outdoor-living .flex-box >*{
    width: 49%;
}



#main.wood-garage .content-box.bottom{
    padding: 4%;
}
#main.wood-garage .content-box.bottom h2{
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    
    line-height: 1.4em;
}
#main.wood-garage .content-box.bottom h2 span{
    font-size: 1.36em;
}

#main.wood-garage .flex-box.space >div{
    width: 25%;
}
#main.wood-garage .flex-box.space p{
    width: 200px;
}
#main.wood-garage .flex-box.space p.name{
    font-size: 15px;
    color: #0a8746;
}
#main.wood-garage .flex-box.space p{
    font-size: 13px;
}
#main.wood-garage .flex-box.space .shutter{
    margin-top: -55px;
}

#main.wood-garage .flex-box.steel{
    align-items: center;
}
#main.wood-garage .flex-box.steel h3{
    font-size: 18px;
    color: #0a8746;
    font-weight: 700;
    margin-bottom: 2%;
}
#main.wood-garage .flex-box.steel p{
    font-size: 13px;
}
#main.wood-garage .flex-box.steel .text-box{
    align-self: start;
    width: 38%;
}

#main.wood-garage .links >a{
    position: relative;
    font-size: 20px;
    color: #00994a;
    text-align: center;
    width: 32.0%;
    height: 60px;
    line-height: 60px;
    border: 1px solid #00994a;
    margin-right: 2%;
    margin-bottom: 2%;
    
}
#main.wood-garage .links >a:nth-child(3n){
    margin-right: 0;
}
#main.wood-garage .links.flex-box{
    justify-content: center;
}
#main.wood-garage .links >a:before{
    content: "+";
    position: absolute;
    left: 30px;
}
#main.wood-garage .links >a:after{
    content: ">";
    position: absolute;
    right: 20px;
    font-size: 14px;
}

@media (max-width: 992px) {
    /* New Lifestyle */
    
    #main.wood-garage .new-lifestyle .flex-box .text-box{
        width: 100%;
        margin: 2% 0;
    }
    
    
    #main.wood-garage .flex-box.steel{
        justify-content: center;
    }
    #main.wood-garage .flex-box.steel .text-box{
        width: 100%;
        margin: 2% 0;
    }
    
    #main.wood-garage .flex-box.space >div{
        width: 48%;
        margin: 10px 0;
        text-align: center;
    }
    
    #main.wood-garage .flex-box.space .shutter{
        margin-top: 0;
    }
    #main.wood-garage .flex-box.space p{
        text-align: left;
        margin: 5px auto;
    }
}

@media (max-width: 768px) {
    #main.wood-garage .links >a{
        font-size: 3vw;
    }
    
    #main.wood-garage .links >a:before{
        left: 15px;
    }
}

@media (max-width: 500px) {
    
    
    #main.wood-garage .handrail.flex-box{
        flex-wrap: wrap-reverse;
    }
    #main.wood-garage .handrail.flex-box >*{
        width: 100% !important;
    }
    
    
    #main.wood-garage .links >a{
        font-size: 18px;
        width: 100%;
        margin: 1% 0;
        height: auto;
        line-height: 50px;
    }
    
    #main.wood-garage .links >a:nth-child(3n){
        margin-right: auto;
    }
    
    #main.wood-garage .flex-box.space >div{
        width: 100%;
        text-align: center;
    }
}




#main.ev h1{
    font-size: 1.85em;
}

#main.ev h2{
    font-size: 1.75em;
    text-align: center;
    margin: 5% 0;
}
#main.ev h3{
    font-size: 1.5em;
    color: #1e8ab9;
    margin: 0 0 2%;
}
#main.ev p{
    margin: 2% 0;
}

#main.ev .content-box2 .text-box{
    width: 60%;
    padding-right: 3%;
}
#main.ev .content-box2 .text-box.right{
    padding-left: 3%;
    padding-right: 0;
}

#main.ev .content-box2 img{
    width: 40%;
}

#main.ev .content-box2 .flex-box{
    align-items: start;
    margin: 2% 0;
}
#main.ev .content-box3{
    background-color: #e7f8ff;
    padding: 4%;
}

#main.ev .content-box4{
    background-color: #eeeff0;
    padding: 4%;
}
#main.ev .content-box4 h3{
    color: #e83142;
}

#main.ev .content-box3 h2, #main.ev .content-box4 h2{
    margin: 0 0 5%;
}
#main.ev .content-box3 h3, #main.ev .content-box4 h3{
    margin: 2% 0;
}



/* Brand Story */
#main.bs .contentHead{
    margin: 0 0 3%;
}

#main.bs .contentHead .textBox {
    color: #fff;
    background: #AB9E9B;
}
#main.bs .contentHead .textBox .inner {
    border: 1px solid #fff;
}


#main.bs .content-box.born{
    background-image: url("img/sunex-brand-story_05.jpg");
    background-position: bottom;
    height: 831px;
}

#main.bs .flex-box >div{
    width: 50%;
}

#main.bs .content-box .container{
    font-size: 16px;
    text-align: left;
}
#main.bs .content-box.last .container{
    padding-bottom: 0;
}

#main.bs .content-box .textBox{
    padding: 8% 2%;
}

#main.bs .content-box .container p{
    line-height: 2em;
}

#main.bs .content-box .container p.name{
    font-size: 18px;
    text-align: right;
    margin-top: 4%;
}

#main.bs .textBox{
    padding-left: 10px;
}
#main.bs .imageBox{
    padding-right: 50px;
}
#main.bs .lower-image{
    display: block;
    margin: 2% auto;
}



#main.bs .centerBorder{
    position: relative;
    z-index: 100;
    margin-top: 20px;
    text-align: center;
}

#main.bs .centerBorder:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(to top, #A3938A, #A3938A) repeat-y center/1px;
}

#main.bs .centerBorder.first:before{
    top: 5%;
}

#main.bs .centerBorder.last:before{
    top: -85%;
}


#main.bs .borderBottomText{
    position: relative;
    z-index: 100;
    text-align: center;
    margin: 0;
}
#main.bs .borderBottomText .fa-angle-double-down{
    color: #A3938A;
    display: inline-block;
    font-size: 28px;
}

#main.bs .since{
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4em;
}

#main.bs .triangle{
    font-size: 40px;
    color: #A3938A;
    line-height: 1em;
}

#main.bs .continued{
    font-size: 22px;
}


/* Gallery */
#main.gallery{
    background: linear-gradient(rgba(255, 255, 255, 1) 50px, rgba(255, 255, 255, 0.2) 250px, rgba(255, 255, 255, 0)), url(./img/sunex-gallery_0001.jpg) no-repeat;
    background-position: top center;
}

#main.gallery .contentHead .textBox{
    color: #fff;
    background-color: #B3A59D;
}

/* アクセス・お問い合わせ */
#main.ac .contentHead .textBox {
    color: #fff;
    background: #1A1311;
}
#main.ac .contentHead .textBox .inner {
    border: 1px solid #FFFFFF;
}

#main.ac .contentBox{
    padding: 4% 0 ;
}
#main.ac .contentBox h2{
    font-size: 2.5em;
    padding: 7px 14px;
    border: 1px solid #1A1311;
    line-height: 1em;
}
#main.ac .contentBox h2 span.ja{
    font-size: .5em;
    line-height: 1em;
    padding-left: 5%;
}

#main.ac .contentBox.access iframe{
    margin: 3% 0 ;
}
#main.ac .contentBox.access .tel{
    font-size: 1.8em;
}
#main.ac .contentBox.contact{
    background-color: #C9C0B9;
}
#main.ac .contentBox.contact .wpcf7-form >div{
    margin: 3% 0 0;
}

#main.ac .contentBox.contact .title{
    display: inline-block;
    font-size: 18px;
    font-weight: 100;
    width: 180px;
}
#main.ac .contentBox.contact .required{
    font-size: 17px;
    font-weight: 500;
    padding: 5px;
    color: #fff;
    background-color: #E65637;
    margin-right: 20px;
}
input, button, textarea{
    vertical-align: middle;
    width: calc(100% - 300px);
    padding: 5px;
}
.wpcf7-checkbox label{
    width: auto;
}
input[type=checkbox]{
    width: 30px;
    height: 30px;
    vertical-align: middle;
    margin: 0 5px 0 20px;
}
label{
    width: 100%;
}
.submitBtn{
    text-align: center;
}
.wpcf7-submit{
    font-size: 18px;
    background: #E65637;
    width: 300px;
    color: #fff;
    padding: 10px;
    margin: 0 auto;
    text-align: center;
}

/* yahoo地図用テスト */
/* iframe.iframe_190612 {
    width: 57%;
}

.txt-black_190612 {
    display: inline-block; margin: 3%; vertical-align: top;
} */



@media (max-width: 768px) {
    .wpcf7{
    
    }
    
    #main.ac .contentBox.contact .title{
        width: auto;
        margin-right: 2%;
    }
    .wpcf7-list-item{
        display: block;
    }
    
    input, button, textarea{
        width: 100%;
        margin: 2% 0;
    }
    input[type=checkbox]{
        margin: 5px 10px 5px 0;
    }
    /* yahoo地図用テスト*/    
    /* iframe.iframe_190612 {
        width: 100%;
    }

    .txt-black_190612 {
    margin: 0 0 3% 0;
    } */
}

/************************************************************************
	[END] 下層ページ　固定ページ
*************************** *********************************************/


/************************************************************************

	07.レスポンシブ　(max-width: 768px)

************************************************************************/

/*--------------------------------------
	07-01.レスポンシブ ヘッダー、フッター、ナビ　ページ
--------------------------------------*/
@media (max-width: 768px) {
    body{
        font-size: 15px;
    }
    h1 img {
        margin: 0 auto 30px;
        display: block;
        height: 85px;
        width: auto;
        object-fit: cover;
        object-position: left;
    }

    .float-box > * {
        float: none;
        display: block;
        width: auto;
        height: auto;
        max-width: 100%;
        max-height: 100%;
        margin-bottom: 20px;
    }

    .drawer-btn {
        left: auto;
        right: 0;
    }

    #gnav {
        margin: 0;
        padding: 0;
    }

    .gnav-container li {
        display: block;
        float: none;
        width: 100%;
        background: #2aa095;
        border: 1px solid #9ec3dd;
        font-size: 13px;
        list-style-type: none;
        color: #fff;
        margin-top: -1px;
    }
    .gnav-container li:first-child{
        border-top: 1px solid #9ec3dd;
    }

    .gnav-container li a {
        padding: 10px;
    }

    .gnav-container li a:hover, .gnav-container li.current-menu-item a {
        opacity: 0.8;
    }

    .gnav-container li .sub-menu li {
        border-bottom: 1px solid #fedb97;
    }

    .gnav-container li .sub-menu li:first-child {
        border-top: 1px solid #fedb97;
    }

    /* /ナビゲーション */
    /*ヘッダー*/
    .header {
        padding: 15px 0 10px 0;
        border-bottom: 1px solid #f0f0f0;
    }

    .header_left {
        float: none;
    }

    .site-title {
        display: block;
    }

    .site-title a {
        line-height: 1.4em;
        
    }


    .site-description {
        text-align: center;
    }

    #h_tel {
        margin-top: 5px;
        text-align: left;
    }
    .header_right img{
        margin-top: 0;
        margin-left: 5px;
        width: 60px;
    }


    .footerTop .content.info .consultation{
        margin: 30px auto;
    }

    .footerTop .content.info .clinic-info{
        max-width: 520px;
        margin: 0 auto;
    }
    .footerTop ul.info{
    
    }
    .footerTop ul.info li span{
        display: block;
        text-align: left;
        margin-bottom: 1%;
    }


    /*--------------------------------------
        07-02.レスポンシブ TOPページ
    --------------------------------------*/
    #main.page .content{
        margin: 4% auto;
    }
    
    
    
    /*固定ページ共通*/
    
    #main.page .contentHead .textBox, #main.page .contentHead img{
        width: 100%!important;
    }
    #main.page .contentHead img{
        align-self: center;
    }
    
    
    /*--------------------------------------
        07-02-01.レスポンシブ　
    --------------------------------------*/
    #main.page h1{
        padding-left: 0;
        margin-bottom: 10px;
        border-right: none;
    }
    #main.page .content-box1 .text-box{
        width: 100%;
    }
    #main.feature .head-bg{
        height: 175px;
    }
    
    #main.feature h1 {
        padding-right: 0;
    }
    
    #main.feature .head-bg p{
        padding-left: 0;
        width: 100%;
    }
    
    #main.feature .flex-box >*{
        max-width: 100%;
        width: auto;
        margin: 1% 0;
    }
    
    /*--------------------------------------
        07-02-02.レスポンシブ　
    --------------------------------------*/
    #main.about h1{
        padding-left: 0;
        margin-bottom: 10px;
        border-right: none;
        border-bottom: 1px solid #333;
    }
    #main.about .head-bg{
        height: 175px;
    }
    
    #main.about h1 {
        padding-right: 0;
    }
    
    #main.about .head-bg p{
        padding-left: 0;
        width: 100%;
    }
    
    #main.about .flex-box >*{
        max-width: 100%;
        width: auto;
        margin: 1% 0;
    }
    
    
}

@media (max-width: 992px)     {
    #main.about .flex-box.yoga-school >*{
        max-width: 100%;
        width: auto;
    }
}

@media (min-width: 992px)     {
    .container {
        width: 960px;
    }
}

@media (min-width: 1200px)     {
    .container {
        width: 1020px;
    }
}

/************************************************************************

	10.レスポンシブ　(max-width: 420px)

************************************************************************/

@media (max-width: 420px){
    body {
        font-size: 13px;
    }
    .site-title a{
        font-size: 2.2em;
    }
    #copyright{
        font-size: 10px;
    }
    
    table.consultation-hour {
        font-size: 11px;
    }
    table.consultation-hour th {
        width: 10%;
        padding: 5px;
        text-align: center;
    }
    .footerTop .content.info .time {
        padding: 7px 0;
    }
    table.consultation-hour td.closed {
        font-size: 12px;
        color: #f24545;
    }
    table.consultation-hour td .circle {
        width: 1.2rem;
        height: 1.2rem;
    }
    
    #main.page h1{
        font-size: 2.5em;
    }
    #main.ac .contentBox h2{
        font-size: 2.2em;
    }
    
    #main.ev h1{
        font-size: 8vw;
    }
}

/************************************************************************

	11.レスポンシブ　(min-width: 769px) PCサイズ

************************************************************************/


@media (min-width: 769px) {
    
    
    .gnav-container ul{
        display: block!important;
    }
}

/************************************************************************

	12.各 ブログページ共通

************************************************************************/
/*固定ページで基本出てくるのh1の非表示*/

.entry-title{
  display:none;
}

.sub-mainvisual {
  /*background-image: url(http://sudo-child.com/wp-content/uploads/2018/02/0693GRL_7497.jpg);*/
  background-repeat: no-repeat;
  background-size: cover;
  height: 180px;
  text-align: center;
  font-size: 2em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  /*background: -moz-linear-gradient(top, #fdf19e, #FFF);
  background: -webkit-linear-gradient(top, #fdf19e, #FFF);
  background: linear-gradient(to bottom, #fff, #fdf19e);*/
}
.blog-top {
  font-size: 1.5em;
}

.blog-top a{
  color: #B10000;
}

.blog-top a:hover{
  color: #D98286;
  text-decoration: none;
}

.blog-page {
  padding: 2%;
}

.main-column h1{
  border-bottom: solid 3px #61caa9;
  position: relative;
  font-size: 1.5em;
  padding: 0 0 1%;
  margin: 0 0 2%;
}

.main-column h1:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc08a;
  bottom: -3px;
  width: 30%;
}

.main-column .content{
  padding: 2%;
}

.main-column .content p{
  line-height: 30px;
  margin: 2%;
}

.main-column a {
  color: #333;
}

.main-column a:hover {
  text-decoration: none;
  color: #D98286;
}

.side-column a {
  color: #333;
}

.side-column a:hover {
  text-decoration: none;
  color: #ffc08a;
}


.entry-container{
  margin:0;
  padding:0 0 4%;
}

.entry-header{
  /*border-bottom: 1px solid;*/
}

.entry-header h2{
  font-size:1.5em;
}
.blog-category{
  float:right;
}
.blog-category a {
  color: #15a97a;
}
.blog-category a:hover {
  color: #5fcaa9;
}
/*ブログページタイトル*/

.blog-header:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #0C0B09;
}


.blog-header {
  padding: 1%;
  margin: 4% 0;
  font-size: 1.5em;
  position: relative;
  background: #0C0B09;
  color: white;
}


/*ブログのタイトル*/

.blog-title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}

.blog-title {
  border-bottom: solid 3px #f8e8c6;
  position: relative;
}


/*サイドバーのタイトル*/

.widget-title:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc08a;
  bottom: -3px;
  width: 30%;
}

.widget-title {
  border-bottom: solid 3px #60caa9;
  position: relative;
}


/*テキストウエッジ*/

.textwidget {
  padding: 0;
  margin: 0 0 20px 20px;
}