@charset "utf-8";

/*

theme Name: 宮桜会

Author: 宮桜会

Description: 宮桜会

version： 1.0.0

*/



@charset "utf-8";



* {

    -webkit-text-size-adjust: 100%;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -o-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box;



}



html {

    font-size: 10px;

}



html::-webkit-scrollbar {

    overflow: hidden;

    width: 5px;

    background: #eee;

    -webkit-border-radius: 3px;

    border-radius: 3px;

}



html::-webkit-scrollbar:horizontal {

    height: 5px;

}



html::-webkit-scrollbar-button {

    display: none;

}



html::-webkit-scrollbar-piece {

    background: #eee;

}



html::-webkit-scrollbar-piece:start {

    background: #eee;

}



html::-webkit-scrollbar-thumb {

    overflow: hidden;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    background: #715C57;

}



html::-webkit-scrollbar-corner {

    overflow: hidden;

    -webkit-border-radius: 3px;

    border-radius: 3px;

    background: #715C57;

}



body {

    background: #FFFFFF;

    font-size: 1.7rem;

    line-height: 1.7;

    /*font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;*/

    font-family: YakuHanJP, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", Meiryo, sans-serif;

    font-weight: 400;

    color: #333333;

    letter-spacing: 1px;

}



a {

    color: #333333;

    -webkit-transition-property: all;

    -webkit-transition-duration: 0.125s;

    -webkit-transition-timing-function: linear;

}



.anchor {

    display: block;

    padding: 199px 0 0;

    margin: -199px 0 0;

}



b,

strong {

    font-weight: 600;

}



img {

    vertical-align: bottom;

    max-width: 100%;

    height: auto;

    line-height: 1.0;

}



svg {

    vertical-align: bottom;

}



.aligncenter {

    display: block;

    margin: 20px auto;

}



.alignright {

    float: right;

    margin: 0 0 20px 20px;

}



.alignleft {

    float: left;

    margin: 0 20px 20px 0;

}



.alignnone {

    margin: 0 20px 20px 0;

}



img[class*="wp-image-"],

img[class*="attachment-"] {

    max-width: 100%;

    height: auto;

    width: auto;

}



.clearfix {

    overflow: hidden;

    zoom: 1;

}



.clearfix:after {

    content: "";

    display: block;

    clear: both;

}



.clear {

    clear: both;

}



.txt-right {

    text-align: right;

}



.txt-center {

    text-align: center;

}



#loading {

    position: absolute;

    left: 50%;

    top: 50%;

    margin-top: -26px;

    margin-left: -25.5px;

}



#loading img {

    width: 52px;

    height: 51px;

}



#loader-bg {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0px;

    left: 0px;

    background: #FFFFFF;

    z-index: 20000;

}



.inner {

    position: relative;

    width: 100%;

    max-width: 1280px;

    margin-top: 0;

    margin-bottom: 0;

    margin-left: auto;

    margin-right: auto;

    padding: 0 40px;

    /*overflow: hidden;*/

}



.btnBox ul {

    display: flex;

    flex-wrap: wrap;

    flex-direction: row;

    justify-content: center;

}



.btnBox ul li {

    width: 100%;

    max-width: 240px;

    text-align: center;

    list-style: none !important;

    padding: 0 !important;

}





.btnBox a {

    text-align: right;

    letter-spacing: 2px;

    display: block;

    position: relative;

    text-decoration: none;

}



.btnBox a:hover {

    /*background: #FFFFFF;*/

    color: #ff7bab;

}



.btnBox.back ul li {

    max-width: 120px;

}



.btnBox.back a {

    border: none !important;

    background: #FFFFFF !important;

    color: #333333 !important;

    padding: 15px 15px 15px 45px !important;

}



.btnBox.back a:hover {

    background: #FFFFFF !important;

    color: #333333 !important;

}



.btnBox.back a:after {

    content: '';

    position: absolute;

    left: 21px;

    right: inherit !important;

    top: 50% !important;

    width: 6px;

    height: 6px;

    border-top: 2px solid #333;

    border-right: 2px solid #333;

    transform: rotate(-135deg);

    margin-top: -3px;

}



.btnBox.back a:hover:after {

    border-top: 2px solid #FFFFFF;

    border-right: 2px solid #FFFFFF;

}



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

/* Wrapper

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

#wrapper {

    width: 100%;

}





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

/* Header

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

#header {
display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9990;
    background: #ffffff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    align-items: center;
}



#header h1 {

    display: flex;

    align-items: center;

    padding: 20px 0 20px 40px;

    line-height: 1;

}



#header h1 a {

    display: inline-block;

    line-height: 1;

}



#header h1 img,

#header h1 svg,
#footer h1 img {

    width: auto;

    height: 60px;

}





/*#header.fixed {

    background: rgba(255, 255, 255, 0.8);

}*/



#header.fixed h1 {

    padding: 7.5px 0 7.5px 40px;

}



#header.fixed #g_nav ul li a {

    padding: 20px 17.5px;

}



#header.fixed #g_nav ul li a:hover {

    background: #FFFFFF;

}



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

/* G_Nav

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

#g_nav {

    width: auto;

}



#g_nav ul {

    display: flex;

    flex-direction: row;

}



#g_nav ul li {

    width: auto;

    text-align: center;

    line-height: 1;

    letter-spacing: 0;

    font-size: 1.5rem;

}



#g_nav ul li a {

    text-decoration: none;

    display: block;

    padding: 32.5px 17.5px;

}



#g_nav ul li a:hover {

    font-weight: 500;

    /*background: #F2F2F2;*/

}





.openbtn {

    display: none;

}

.menu-logo,
.menu-image {
    display: none;
}



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

/* Contents

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

.page #contents,

.single #contents,

.archive #contents {

    background: #FFFFFF;

    padding: 120px 0 0;

}



.page #contents .section-area .section-foot,

.archive #contents .section-area .section-foot,

.single #contents .section-area .section-foot {

    padding: 100px 0 0;

}



.page #contents .section-area .article-area {

    margin: 0 0 120px;

}



.page #contents .section-area .article-area:last-of-type {

    margin: 0;

}



.page #contents .article-area .article-head h3 {

    text-align: center;

    font-weight: 500;

    font-size: 3rem;

}



.page #contents .article-area .article-body {

    padding: 100px 0;

}



.page #contents .article-area .article-box {

    margin: 0 0 80px;

}



.page #contents .article-area .article-box:last-of-type {

    margin: 0;

}



.page #contents .article-area .article-box .box-head {

    margin: 0 0 60px;

}



.page #contents .article-area .article-box .box-head h4 {

    font-size: 2.8rem;

    text-align: center;

}



.page #contents .article-area table {

    max-width: 1024px;

    width: 100%;

    margin: 0 auto;

    border-collapse: separate;

    border-spacing: 0 1px;

}



.page #contents .article-area table tr th,

.page #contents .article-area table tr td {

    padding: 30px 25px;

    border-bottom: 0.5px solid #DDDDDD;

}



.page #contents .article-area table tr th {

    font-weight: 600;

    min-width: 200px;

    background-color: #fffae5;

    text-align: left;

}



.page #contents .article-area table tr:first-of-type th,

.page #contents .article-area table tr:first-of-type td {

    border-top: 0.5px solid #DDDDDD;

}



#contents .article-area .description {

    margin: 0 auto 80px;

    text-align: center;

    letter-spacing: 1px;

    font-size: 1.8rem;

    line-height: 2;

}







#contents .cmn-contact .section-head h2,

.page #contents .cmn-contact .section-head h2,

.archive #contents .cmn-contact .section-head h2,

.single #contents .cmn-contact .section-head h2 {

    font-size: 2.5rem !important;

    font-weight: 400;

}


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



/* BreadThumbs

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



.breadclumb {

    padding: 10px 20px;

}



#breadcrumbs {

    font-size: 1.3rem;

    display: flex;

    flex-direction: row;

    justify-content: flex-end;

    max-width: 1200px;

    width: 100%;

    margin: 0 auto;

    letter-spacing: 0;

}



#breadcrumbs span a {

    position: relative;

    padding: 0 20px 0 0 !important;

}



#breadcrumbs span:last-child {

    padding: 0 !important;

}



#breadcrumbs .breadcrumb_last {

    font-weight: 500;

}



#breadcrumbs span a:after {

    position: absolute;

    top: 4px;

    right: 4px;

    content: "\f105";

    font-weight: 600;

    line-height: 1;

    font-family: 'Font Awesome\ 5 Free';

    color: #333333;

}



#breadcrumbs span:last-child:after {

    display: none;

}





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

/* Pagenation

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



.pagination {

    margin: 0 0 120px;

    text-align: center;

    text-shadow: none !important;

}



.pagination .page-of {

    display: none;

}



.pagination .pagination-box .current,

.pagination .pagination-box a {

    width: 46px;

    height: 46px;

    padding: 10px 15px;

    margin: 0 7.5px;

    display: inline-block;

    line-height: 1.5;

}



.pagination .pagination-box .current {

    background: #ff7bab;

    color: #FFFFFF;

   /* border: 0.5px solid #555555;*/

    font-weight: 400;

    padding: 10px 15px !important;

    margin: 0 7.5px !important;

}



.pagination .pagination-box a {

    font-weight: bold;

    /*border: 0.5px solid #000000;

    background: #FFFFFF;*/

    text-decoration: none;

}



.pagination .pagination-box a:hover {

    background: #ff7bab;

    color: #FFFFFF;

}



.pagination .pagination-box a:active {

    background: #ff7bab;

    color: #FFFFFF;

}





.pagination.postlink ul,

.pagination .pagination-box ul {

    display: flex;

    justify-content: center;

    width: 100%;

    max-width: 640px;

    margin: 0 auto;

}



.pagination.postlink ul li {

    width: 31.33%;

    margin: 0 3% 0 0;

    position: relative;

}



.pagination .pagination-box ul li {

    padding: 0 !important;

}



.pagination.postlink ul li:before,

.pagination .pagination-box ul li:before {

    display: none;

}



.pagination.postlink ul li:last-child,

.pagination .pagination-box ul li:last-child {

    margin: 0;

}



.pagination.postlink ul li a:before,

.pagination.postlink ul li a:after {

    position: absolute;

    top: 50%;

    font-weight: 900;

    line-height: 1;

    font-family: 'Font Awesome\ 5 Free';

    color: #ff7bab;

    margin-top: -7.5px;

}



.pagination.postlink ul li a:hover:before,

.pagination.postlink ul li a:hover:after {

    color: #FFFFFF;

}



.pagination.postlink ul li.prev a:before {

    content: "\f104";

    left: 10px;

}



.pagination.postlink ul li.list a:before {

    content: "\f03a";

    left: 10px;

}



.pagination.postlink ul li.next a:before {

    content: "\f105";

    right: 10px;

}


.pagination.postlink ul li a {
    color: #000000;
    border: 0.5px solid #ff7bab;
    background: #FFFFFF;
    display: block;
    position: relative;
    text-decoration: none;
    font-size: 1.5rem;
}



.pagination.postlink ul li.prev a,

.pagination.postlink ul li.list a {

    padding: 5px 5px 5px 35px;

}



.pagination.postlink ul li.next a {

    padding: 5px 35px 5px 5px;

}



.pagination.postlink ul li a:hover {

    background: #ff7bab;

    color: #FFFFFF;

}




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



/* GoogleMap

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



.ggmap {

    position: relative;

    height: 400px;

    overflow: hidden;

}



.ggmap iframe,

.ggmap object,

.ggmap embed {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

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

/* Contact

/*---------------------------------------------------------------*/
#contents .cmn-contact {
    background-image: linear-gradient(rgba(77, 77, 77, 0.6), rgba(77, 77, 77, 0.6)), url("images/common/footer/contact.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 100px 0 0;
    padding: 120px 0;
}
#contents .cmn-contact .section-head,
#contents .cmn-contact .section-head h2 span.en{
    color: #ffffff;
}
#contents .cmn-contact .section-body{
    background: #ffffff;
    padding: 40px;
    border-radius: 5px;
}
#contents .cmn-contact .section-body .section-box{
 display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    position: relative;
}
#contents .cmn-contact .section-body .section-box dl{
    text-align: center;
}
#contents .cmn-contact .section-body .section-box dl dd span{
    display: block;
    font-size: 1.6rem;
}
#contents .cmn-contact .section-body .section-box .box a{
 text-decoration: none;
}
#contents .cmn-contact .section-body .section-box .box:nth-child(2) a{
    background: #ff7bab;
    color: #fff;
    padding: 25px 60px;
    border-radius: 10px;
}
#contents .cmn-contact .section-body .section-box a:hover{
    opacity: 0.7;
}
#contents .cmn-contact .section-body .section-box dd span.phone{
    color: #ff7bab;
    font-weight: 600;
    font-size: 4rem;
    position: relative;
    background: none !important;
    -webkit-text-size-adjust: 100%;
}

#contents .cmn-contact .section-body .section-box a span {
    position: relative;
    padding-left: 10px;
}
#contents .cmn-contact .section-body .section-box dd span.phone::before,
#contents .cmn-contact .section-body .section-box a span::before {
    content: '';
    position: absolute;
    top: 50%;
    left: -40px;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
#contents .cmn-contact .section-body .section-box dd span.phone::before{
 background-image: url("images/common/footer/tel.svg");
}
#contents .cmn-contact .section-body .section-box a span::before{
    background-image: url("images/common/footer/mail.svg");
}
#contents .cmn-contact .section-body .section-box::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 80px;
    background-color: #ff7bab;
}
#contents .section-area.cmn-contact .section-head {
    padding: 0 0 100px;
    text-align: center;
    color: #FFFFFF;
}
#contents .section-area.cmn-contact .section-head h2 span.en {
    display: block;
    margin: 0 0 5px;
    line-height: 1;
    color: #ffffff !important;
}
#contents .section-area.cmn-contact-sp{
    display: none;
}
/*------------------------------------------------------------*/

/* Footer

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

#footer {
    padding: 80px 0 0;
    background: #ffeaee;
}
#footer .inner{
    text-align: center;
}


#footer #f_nav {

    width: 100%;

}


#footer #f_nav ul {
    display: flex;
    width: 100%;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 0 80px;
}


#footer #f_nav ul li {

    width: auto;

    text-align: center;

    line-height: 1;

    letter-spacing: 0;

    font-size: 1.5rem;

}



#footer #f_nav ul li a {
    text-decoration: none;
    display: block;
    padding: 30px 17.5px;
    font-size: 1.5rem;
}



#footer #f_nav ul li a:hover {

    font-weight: 500;

    /*background: #F2F2F2;*/

}


#footer a{
    text-decoration: none;
    font-size: 1.3rem;
}
#footer p.copyright {
    padding: 10px 40px 40px;
    text-align: center;
    letter-spacing: 0;
    font-size: 1.3rem;
}
#footer .add p {
    font-size: 1.3rem;
    margin: 5px 0 20px;
}
@media screen and (max-width: 1366px) {
#contents .cmn-contact .section-body .section-box dd span.phone {
        font-size: 3.8rem;
    }
}
@media screen and (max-width: 1280px) {



    #footer #f_nav ul li a {

        padding: 30px 12.5px;

    }
    .inner{
        max-width: 1024px;
    }

}



@media screen and (max-width: 1136px) {



    /*

   */

    #footer #f_nav ul li {

        font-size: 1.4rem;

        letter-spacing: 0;

    }



    #footer #f_nav ul li a {

        padding: 30px 10px;

    }

}



@media screen and (max-width: 1024px) {
 /* =========================
       ハンバーガーメニュー
    ========================= */
  .menu-logo,
    .menu-image {
        display: block;
    }
       #g_nav {
        position: fixed;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background: #f5f5f5;
        transition: all 0.3s;
        overflow-y: auto;
    }
#g_nav::after {
        content: "";
        position: fixed;
        left: 65%;
        bottom: 0;
        transform: translateX(-50%);
        width: 500px;
        height: 100px;
        background-image: url(./images/common/header/miyaoukai.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        pointer-events: none;
    }
    /* メニューを開いた状態 */
    #g_nav.panelactive {
        opacity: 1;
        visibility: visible;
        z-index: 999;
    }


    /* =========================
       メニュー内のロゴ
    ========================= */

    .menu-logo {
        position: absolute;
        top: 20px;
        left: 30px;
        z-index: 1000;
    }

    .menu-logo img {
        display: block;
        width: 180px;
        height: auto;
    }


    /* =========================
       メニュー
    ========================= */
    #g-nav-list {
        width: 100%;
        padding: 110px 30px 30px;
        box-sizing: border-box;
        background-color: #f5f5f5;
    }

    #g_nav ul {
        display: block;
        position: static;
        width: 100%;
        margin: 0;
        padding: 0;
        transform: none;
    }

    #g_nav ul li {
        text-align: center;
        line-height: 1;
        letter-spacing: 0;
        font-size: 1.5rem;
        max-width: 640px;
        font-weight: 600;
        background: #ff7bab;
        border-radius: 10px;
        margin: 15px auto 0;
        list-style: none;
    }

    #g_nav ul li:first-child {
        margin-top: 0;
    }

    #g_nav ul li a {
        display: block;
        padding: 25px !important;
        position: relative;
        color: #ffffff;
        text-align: left;
    }

    #g_nav ul li a::after {
        content: '';
        position: absolute;
        right: 19px;
        top: 35%;
        width: 20px;
        height: 20px;
        background-image: url(./images/common/menu-arrow.svg);
        background-size: contain;
        background-repeat: no-repeat;
    }


    /* =========================
       メニュー下の画像
    ========================= */

        .menu-image {
        width: 100%;
        padding: 10px 30px 40px;
        box-sizing: border-box;
        text-align: center;
        background-color: #f5f5f5;
    }

    .menu-image img {
        display: block;
        width: 100%;
        max-width: 640px;
        height: auto;
        margin: 0 auto;
    }


    /* =========================
       ハンバーガーボタン
    ========================= */

    .openbtn1 {
        display: flex;
        align-items: center;
        justify-content: center;
        position: fixed;
        z-index: 9999;
        top: 0;
        right: 0;
        cursor: pointer;
        width: 80px;
        height: 80px;
        background: #ffeaee;
        border-radius: 50%;
    }

    .openbtn1 .btnInner {
        width: 36px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    }

    .openbtn1 span {
        display: inline-block;
    transition: all .4s;
    height: 2px;
    border-radius: 2px;
    background-color: #ff7bab;
    width: 36px;
    margin: 0 0 5px;
    }

    .openbtn1 span:nth-of-type(3) {
        margin: 0;
    }

    /* ×に変化 */
    .openbtn1.active span:nth-of-type(1) {
    transform: translateY(5px) rotate(-45deg);
    width: 36px;
    margin: 0;
}

.openbtn1.active span:nth-of-type(2) {
    opacity: 0;
}

.openbtn1.active span:nth-of-type(3) {
    transform: translateY(-5px) rotate(45deg);
    width: 36px;
    margin: 0;
}




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

    /* Contents

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

    .page #contents .section-area .section-foot {

        padding: 80px 0 0;

    }



.page #contents, .single #contents, .archive #contents {
    padding: 100px 0 0;
}

#contents .cmn-contact{
    padding: 100px 0;
}

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

    /* Footer

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

    #footer {

        padding: 145px 0 0;

        background-size: auto 85px;

    }



    #footer .inner {

        flex-direction: column;

    }



    #footer .address-box {

        padding: 0;

    }



    #footer .address-box h1 {

        text-align: center;

        justify-content: center;

    }



    #footer .address-box .number {

        justify-content: center;

    }



    #footer #f_nav ul {

        width: 100%;

        justify-content: center;

    }



    #footer p.copyright {

        padding: 60px 30px 80px;

    }

}



@media screen and (max-width: 960px) {



    #header h1,

    #header.fixed h1 {

        padding: 15px 0 15px 30px;

    }


    /*========= ボタンのためのCSS ===============*/

    .openbtn1 {

        width: 70px;

        height: 70px;

    }





}



@media screen and (max-width: 835px) {



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

    /* Contents

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

    .page #contents .section-area .section-foot {

        padding: 60px 0 0;

    }

.page #contents, .single #contents, .archive #contents {
    padding: 80px 0 0;
}
    #contents .cmn-contact .section-body .section-box dd span.phone {
        font-size: 3.5rem;
    }


#contents .cmn-contact .section-body .section-box dd span.phone::before, #contents .cmn-contact .section-body .section-box a span::before{
    width: 30px;
    height: 30px;
}
#contents .cmn-contact{
    padding: 80px 0;
}
    /*------------------------------------------------------------*/

    /* Footer

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

    #footer {

        padding: 125px 0 0;

        background-size: auto 75px;

    }



    #footer #f_nav ul li a {

        padding: 25px 12.5px;

    }



    #footer p.copyright {

        padding: 50px 30px 60px;

    }

}

@media (min-width: 751px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

@media screen and (max-width: 750px) {



    #header h1,

    #header.fixed h1 {

        padding: 10px 0 10px 25px;

    }


    /*========= ボタンのためのCSS ===============*/

    .openbtn1 {

        width: 60px;

        height: 60px;

    }



    .inner {

        padding: 0 25px;

    }



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

    /* Contents

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

    .page #contents .section-area .section-foot {

        padding: 50px 0 0;

    }
    #contents .section-area.cmn-contact-sp {
        display: block;
        padding: 50px 0;
    }
#contents .section-area.cmn-contact-sp .box a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        box-sizing: border-box;
        text-decoration: none;
        background: #ff7bab;
        color: #fff;
        padding: 25px 20px;
        border-radius: 10px;
        font-size: 2.0rem;
    }
#contents .section-area.cmn-contact-sp .box a span{
   position: relative;
    display: inline-block;
    padding-left: 45px;
}
#contents .section-area.cmn-contact-sp .box a span::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("images/common/footer/mail.svg");
}
#contents .section-area.cmn-contact .section-box .box:nth-child(2),
#contents .cmn-contact .section-body .section-box::after{
    display: none;
}
.page #contents, .single #contents, .archive #contents {
    padding: 60px 0 0;
}
#contents .cmn-contact{
    padding: 60px 0;
}
    /*------------------------------------------------------------*/

    /* Footer

/*------------------------------------------------------------*/
    #footer {
        padding: 100px 0 0;
    }


    #footer .address-box {

        padding: 0 25px;

        margin: 0 auto 25px 0;

    }



    #footer .address-box h1 {

        text-align: left;

        justify-content: flex-start;

    }



    #footer .address-box .number {

        justify-content: flex-start;

    }



    #footer #f_nav ul {

        width: 100%;

        justify-content: center;

        flex-wrap: wrap;

    }



    #footer #f_nav ul li {

        width: 50%;

        text-align: left;

    }



    #footer #f_nav ul li:first-of-type {

        width: 100%;

    }



    #footer #f_nav ul li a {

        position: relative;

        padding: 20px 15px 20px 50px;

    }



    #footer #f_nav ul li a:after {

        content: '';

        position: absolute;

        left: 14px !important;

        top: 50% !important;

        width: 6px;

        height: 6px;

        border-top: 1px solid #333;

        border-right: 1px solid #333;

        transform: rotate(45deg);

        margin-top: -3px;

    }



    #footer p.copyright {

        padding: 50px 25px;

    }

}



@media screen and (max-width: 640px) {

    body {

        font-size: 1.5rem;

    }



    #header h1,

    #header.fixed h1 {

        padding: 10px 0 10px 15px;

    }
    #g_nav ul li {
        max-width: 90%;
    }

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

    /* Contents

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

    .page #contents .section-area .section-foot {

        padding: 40px 0 0;

    }
.page #contents, .single #contents, .archive #contents {
    padding: 50px 0 0;
}


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

    /* Footer

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

    #footer #f_nav ul li {

        font-size: 1.4rem;

    }
    #footer {
        padding: 80px 0 0;
    }


    #footer p.copyright {

        font-size: 1.1rem;

    }
    #contents .section-area.cmn-contact-sp .box a{
        font-size: 1.8rem;
    }
#header h1 img, #header h1 svg,
#footer h1 img {
    width: auto;
    height: 50px;
}
    #contents .cmn-contact {
        background-image: linear-gradient(rgba(77, 77, 77, 0.6), rgba(77, 77, 77, 0.6)), url(images/common/footer/contact_sp.jpg);
        padding: 50px 0;
    }
#contents .cmn-contact .section-head h2,
.page #contents .cmn-contact .section-head h2{
    font-size: 2.25rem!important;
}
#contents .section-area.cmn-contact-sp .box a{
    padding: 20px;
}
}



@media screen and (max-width: 480px) {

    #footer .address-box {

        font-size: 1.1rem;

    }



    #footer .address-box .number dl dd {

        padding: 0 0 0 35px;

    }



    #footer .address-box .number dl dd:before {

        left: 25.5px;

    }



    #footer #f_nav ul li a {

        padding: 15px 5px 15px 30px;

    }
#contents .cmn-contact .section-body .section-box dd span.phone{
    font-size: 2.8rem;
}
#contents .cmn-contact .section-body{
    padding: 20px;
}
    #contents .cmn-contact .section-body .section-box dd span.phone::before{
left: -30px;
 width: 25px;
        height: 25px;
    }
}



@media screen and (max-width: 350px) {}



/*

@import url("css/reset.css");

@import url("css/common.css");

@import url("css/nav.css");

@import url("css/property.css");

@import url("css/yakuhanjp.min.css");

@import url("css/yakuhanmp.min.css");

*/



/*---------- WordPress CSS ----------*/

@import url("css/wp-css/editor-style.css");

/*@import url("css/wp-css/ie.css");

@import url("css/wp-css/ie7.css");*/





/*==================================================

ふわっ

===================================*/



/* その場で */

.fadeIn {

    animation-name: fadeInAnime;

    animation-duration: 1s;

    animation-fill-mode: forwards;

    opacity: 0;

}



@keyframes fadeInAnime {

    from {

        opacity: 0;

    }



    to {

        opacity: 1;

    }

}



/* 下から */



.fadeUp {

    animation-name: fadeUpAnime;

    animation-duration: 1s;

    animation-fill-mode: forwards;

    opacity: 0;

}



@keyframes fadeUpAnime {

    from {

        opacity: 0;

        transform: translateY(75px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}







/* 上から */



.fadeDown {

    animation-name: fadeDownAnime;

    animation-duration: 1s;

    animation-fill-mode: forwards;

    opacity: 0;

}



@keyframes fadeDownAnime {

    from {

        opacity: 0;

        transform: translateY(-75px);

    }



    to {

        opacity: 1;

        transform: translateY(0);

    }

}



/* 左から */



.fadeLeft {

    animation-name: fadeLeftAnime;

    animation-duration: 1s;

    animation-fill-mode: forwards;

    opacity: 0;

}



@keyframes fadeLeftAnime {

    from {

        opacity: 0;

        transform: translateX(-75px);

    }



    to {

        opacity: 1;

        transform: translateX(0);

    }

}



/* 右から */



.fadeRight {

    animation-name: fadeRightAnime;

    animation-duration: 1s;

    animation-fill-mode: forwards;

    opacity: 0;

}



@keyframes fadeRightAnime {

    from {

        opacity: 0;

        transform: translateX(75px);

    }



    to {

        opacity: 1;

        transform: translateX(0);

    }

}



/*==================================================

ボンッ

===================================*/



/* 拡大 */

.zoomIn {

    animation-name: zoomInAnime;

    animation-duration: 1s;

    animation-fill-mode: forwards;

}



@keyframes zoomInAnime {

    from {

        transform: scale(0.6);

    }



    to {

        transform: scale(1);

    }

}



/* スクロールをしたら出現する要素にはじめに透過0を指定　*/



.fadeUpTrigger,

.fadeDownTrigger,

.fadeLeftTrigger,

.fadeRightTrigger {

    opacity: 0;

}