/*
Theme Name: shimabarainoue
Description: 譬ｪ蠑丈ｼ夂､ｾ蟲ｶ蜴滉ｺ穂ｸ�
Theme URI: https://www.shimabarainoue.co.jp
Version: 1.0
License: shimabarainoue
License URI: https://www.shimabarainoue.co.jp
*/

@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');

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

繝ｪ繧ｻ繝�ヨCSS縺薙％縺九ｉ

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

*{
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size:62.5%; /*1em=10px */
    overflow-y: scroll; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    margin:0;
    padding:0;
    border:0;
    outline:0;
    vertical-align:baseline;
    background:transparent;
}


body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,main {
    display:block;
}

ol,ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

img{
    vertical-align: top;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


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

body險ｭ螳�(荳ｻ縺ｫ譖ｸ蠑�)

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

body{
    font-family: "繝｡繧､繝ｪ繧ｪ", "Meiryo", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN", "Hiragino Kaku Gothic ProN", "�ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け", "MS PGothic", sans-serif;
    color: #000;
    line-height: 2.0;
    background: #fff;
    letter-spacing: 0.06em;
    min-width: 1200px;
}
@media screen and (max-width: 767px) {
    body{
        min-width: initial;
    }
}

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

繝壹�繧ｸ蜈ｱ騾�

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

#wrapper{
    float: none;
    width: 100%;
    min-height: 100%;
    margin: 0 auto;
    overflow: hidden;
}


@media screen and (max-width: 767px) {
    #wrapper{
        float: none;
        width: 100%;
        min-width: 0;
        min-height: 100%;
        margin: 0 auto;
        overflow: hidden;
        background-size: contain;
    }

}


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

繝輔か繝ｳ繝域欠螳�

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

li,tt,tr,dt,dd,p{
    font-size: 1.6rem;
}

h1{
    color: #000;
    font-size: 3.4rem;
}
h2{
    color: #000;
    font-size: 2.6rem;
}
h3{
    color: #000;
    font-size: 1.6rem;
}

.gothic{
    font-family: 'Noto Sans JP', sans-serif;
}

@media screen and (max-width: 767px) {
    
    li,tt,tr,dt,dd,p{
        font-size: 1.4rem;
    }
    
    h1{
        font-size: 2.2rem;
        line-height: 1.5;
    }
    h2{
        font-size: 1.7rem;
        line-height: 1.5;
    }
    h3{
        font-size: 1.6rem;
        line-height: 1.4;
    }
}


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

繝ｪ繝ｳ繧ｯ謖�ｮ�

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

a:link,a:visited{
    font-weight: normal;
    color: #000;
    text-decoration: underline;
    -webkit-transition:0.2s linear;
    transition:0.2s linear;
}
a:hover,a:active {
    font-weight: normal;
    color: #304fa6;
    text-decoration: none;
    -webkit-transition:0.2s linear;
    transition:0.2s linear;
}

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

繧ｪ繝ｳ繝槭え繧ｹ譎ゅ�繧｢繧ｯ繧ｷ繝ｧ繝ｳ

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

a:hover img.img_opacity {
    opacity: 0.75;
    filter: alpha(opacity=75);
    -webkit-transition:0.2s linear;
    transition:0.2s linear;
}

a img.img_opacity {
    -webkit-transition:0.2s linear;
    transition:0.2s linear;
}


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

pc繝倥ャ繝€繝ｼ

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

@media print,screen and (min-width:768px) {

    header{
        width:100%;
        position: relative;
    }
    
    .header_top{
        height: 170px;
        max-width: 1900px;
        margin: auto;
    }
    
    .header_page{
        height: 170px;
        max-width: 1910px;
        margin: auto;
    }
    
    .header_toparea{
        display: flex;
        justify-content: space-between;
        /* align-items: center; */
        /* align-items: baseline; */
        align-items: flex-end;
        height: 170px;
        position: relative;
        padding: 0px 0px 0px 10px;
    }
    
    .logo{
        width: 290px;
        height: 105px;
        margin-bottom: 30px;
    }
    
    .header_ec{
        background-color: #000;
        height: 150px;
        width: 10.5%; /* 200px/1910px=10.4% */
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        padding: 10px;
        margin-top: 20px;
    }
    .header_ec a{
        color: #d7d7d7;
        text-decoration: none;
        font-size: 1.8rem;
    }
    .header_ec:hover{
        background: #061745;
        /* opacity: 0.75; */
        -webkit-transition:0.2s linear;
        transition:0.2s linear;
    }
    
}


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

sp繝倥ャ繝€繝ｼ繝ｻsp繝翫ン

*****************************************/
@media screen and (max-width:767px) {
    img {
        width: 100%;
        height: auto;
    }
    header {
        display: block;
        width: 100%;
    }
    
    .header_top_tit{
        font-size: 1.0rem;
        color: #bcbbbb;
        padding: 5px 5px 0px;
    }   
    .logo a {
        display: block;
        width: 60%;
        margin: 10px auto 20px;
    }
    .navi_box{
        display: none;
    }
    
    #toggle {
        position: absolute;
        right: 15px;
        top: 15px;
        width: 30px;
        height: 25px;
        cursor: pointer;
        z-index: 9999;
    }
    #toggle div {
        position: relative;
    }
    #toggle span {
        display: block;
        position: absolute;
        width: 100%;
        height: 4px;
        /* background: #061745; */
        background: #000;
        border-radius: 4px;
        -webkit-transition: 0.35s ease-in-out;
        -o-transition: 0.35s ease-in-out;
        transition: 0.35s ease-in-out;
    }
    #toggle span:first-child {
        top: 0;
    }
    #toggle span:nth-child(2) {
        top: 11px;
    }
    #toggle span:nth-child(3) {
        top: 22px;
    }
    .open_navi #toggle {
        position: fixed;
    }
    .open_navi #toggle span:first-of-type {
        -webkit-transform: translateY(11px) rotate(-315deg);
        -ms-transform: translateY(11px) rotate(-315deg);
        transform: translateY(11px) rotate(-315deg);
        background: #FFF;
    }
    .open_navi #toggle span:nth-of-type(2) {
        opacity: 0;
    }
    .open_navi #toggle span:nth-of-type(3) {
        -webkit-transform: translateY(-11px) rotate(315deg);
        -ms-transform: translateY(-11px) rotate(315deg);
        transform: translateY(-11px) rotate(315deg);
        background: #FFF;
    }
    #sp_navi {
        position: fixed;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        overflow-y: scroll;
        text-align: left;
        background-color: rgba(6, 23, 69, 0.85); /*sp繝翫ン閭梧勹*/
        z-index: 999;
        -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
        transform: translateY(-100%);
        -webkit-transition: 0.7s ease-in-out;
        -o-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }
    .open_navi #sp_navi {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: 0.7s ease-in-out;
        -o-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }
    .open_navi #wrapper {
        -webkit-transform-origin: left center;
        -ms-transform-origin: left center;
        transform-origin: left center;
        -webkit-filter:blur(3px);
        filter:blur(3px);
        -webkit-transition: 0.7s ease-in-out;
        -o-transition: 0.7s ease-in-out;
        transition: 0.7s ease-in-out;
    }
    #sp_navi .menu {
        padding-top: 80px;
        text-align: center;
    }
    #sp_navi .menu .menu-item {
        width: 100%;
        text-align: center;
        border-bottom: #fafafa 1px solid; /*sp繝翫ン荳狗ｷ�*/
        cursor: pointer;
        color: #FFF; /*sp繝翫ン譁�ｭ苓牡*/
        font-weight: bold;
        margin: 0 auto;
        font-size: 1.4rem;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    #sp_navi .menu .menu-item-home {
        border-top: #fafafa 1px solid; /*sp繝翫ン荳顔ｷ�(1逡ｪ荳�)*/
    }
    #sp_navi .menu-item a {
        display: block;
        padding: 15px 15px 14px;
        letter-spacing: 0.11em;
    }
    #sp_navi .menu-item span {
        display: inline-block;
        padding: 0px 17px;
        font-size: 1.0rem;
    }
    #sp_navi .menu-item a:active,
    #sp_navi .menu-item a:hover,
    #sp_navi .menu-item a:link,
    #sp_navi .menu-item a:visited {
        color: #FFF; /*sp繝翫ン譁�ｭ苓牡-繧ｫ繝�ざ繝ｪ*/
        font-weight: bold;
        text-decoration: none;
    }
    #sp_navi .sub-menu {
        width: 100%;
        text-align: center;
        display: none;
    }
    #sp_navi .sub-menu li {
        width: 100%;
        text-align: center;
        border-top: #fafafa 1px solid; /*繧ｪ繝ｫ繧ｬ繝ｳ荳顔ｷ�(1逡ｪ荳�)*/
    }
    #sp_navi .sub-menu li:first-child {
        width: 100%;
        text-align: center;
        /*border-top: #98d6fe 1px solid; /*繧ｪ繝ｫ繧ｬ繝ｳ荳顔ｷ�(1逡ｪ荳�)*/
    }
    /* #sp_navi .sub-menu .menu-item { */
        /*border-top: #98d6fe 1px solid; /*繧ｪ繝ｫ繧ｬ繝ｳ荳顔ｷ�*/
        /*border-bottom: #98d6fe 1px solid; /*繧ｪ繝ｫ繧ｬ繝ｳ荳狗ｷ�*/
    /* } */
    
    #sp_navi .sub-menu li a {
        display: block;
        padding: 11px 0 10px;
        color: #FFF;
        background-color: rgba(0, 0, 0, 0.8); /*繧ｪ繝ｫ繧ｬ繝ｳ閭梧勹*/
        /* background-color: rgba(176, 187, 194, 0.8); */
    }
    #sp_navi .sub-menu li a:active,
    #sp_navi .sub-menu li a:hover,
    #sp_navi .sub-menu li a:link,
    #sp_navi .sub-menu li a:visited {
        color: #FFF;
        text-decoration: none;
    }
    #sp_navi .sub-menu li a:hover {
        color: #FFF; /*繧ｪ繝ｫ繧ｬ繝ｳ譁�ｭ苓牡(繝槭え繧ｹ繧ｪ繝ｼ繝舌�)*/
        background: none; /*繧ｪ繝ｫ繧ｬ繝ｳ閭梧勹(繝槭え繧ｹ繧ｪ繝ｼ繝舌�)*/
        /*background-color: rgba(237, 148, 237,0.5); /*繧ｪ繝ｫ繧ｬ繝ｳ閭梧勹(繝槭え繧ｹ繧ｪ繝ｼ繝舌�)*/
    }
    #sp_navi .menu-item-has-children {
        position: relative;
    }
    #sp_navi .menu-item-has-children:before {
        content: '';
        width: 14px;
        height: 14px;
        border: 0;
        border-top: solid 3px #FFF; /*繧ｫ繝�ざ繝ｪ遏｢蜊ｰ*/
        border-right: solid 3px #FFF; /*繧ｫ繝�ざ繝ｪ遏｢蜊ｰ*/
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        position: absolute;
        top: 14px;
        right: 20px;
    }
    #sp_navi .menu-item-has-children.menu_open:before {
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: 0.2s ease-in-out;
        -o-transition: 0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        top: 22px;
    }
    
    #g_navi {
        display: none;
    }
    

    .header_top{
        position: relative;
    }
    
    .header_ec{
        background-color: #000;
        display: flex;
        align-items: center;
        text-align: center;
        justify-content: center;
        padding: 10px;
        margin: 10px;
    }
    .header_ec a{
        color: #d7d7d7;
        text-decoration: none;
        font-size: 1.8rem;
    }
    .header_ec:hover{
        background: #061745;
        -webkit-transition:0.2s linear;
        transition:0.2s linear;
    }


}



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

pc逕ｨ 讓ｪ繝翫ン

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

@media print, screen and (min-width: 768px) {

    #sp_navi,#toggle{display: none;}

}

#g_navi{
    /* width: 100%; */
    /* height: 25px; */
    padding: 0px 10px 35px 10px;
    width: calc(89.5% - 290px);
}
#g_navi .menu{
    *zoom: 1;
    width: 100%;
    list-style-type: none;
    margin: 0 auto;
    display: flex;
    /* justify-content: center; */
    justify-content: right;
    /* height: 25px; */
    align-items: center;
    /* align-items: flex-start; */
}
#g_navi .menu:before, #g_navi .menu:after{
    content: "";
    display: table;
}
#g_navi .menu:after{
    clear: both;
}
#g_navi .menu li{
    position: relative;
   width: 150px;
    text-align: center;
    line-height:0;
}

#g_navi .menu li:nth-child(2){
    width: 315px;
}
#g_navi .menu li:nth-child(3){
    width: 310px;
}
#g_navi .menu li:nth-child(4){
    width: 200px;
}

#g_navi .menu li a{
    display: block;
    padding: 4px;
    margin: 0;
    text-align: center;
    text-decoration: none;
    position: relative;
    color: #061745;
    font-size: 1.4rem;
    line-height: 2;
    font-family: 'Noto Sans JP', sans-serif;
}
#g_navi .menu li a span{
    color: #141414;
    font-size: 2.0rem;
    line-height: 1.4;
    display: block;
    padding-bottom: 5px;
    font-family: 'Noto Sans JP', sans-serif;
}

/* 繝槭え繧ｹ繧ｪ繝ｼ繝舌�縺ｧ繧｢繝ｳ繝€繝ｼ繝ｩ繧､繝ｳ */
#g_navi .menu li a:before{
	content: "";
	position: absolute;
	left: 0;
    /* right: 0;
    margin: 0 auto; */
	bottom: -6px;
	width: 100%;
	height: 2px;
	background: #061745;
	transform: scale(0, 1);
	transform-origin: left;
	transition: 0.7s;
}
#g_navi .menu li a:hover:before{
    transform: scale(1);
}
#g_navi .menu .sub-menu li a:before {
    position: initial; /*繝峨Ο繝��繝€繧ｦ繝ｳ縺ｮ陬�｣ｾ繧貞叙豸�*/
}


#g_navi .menu li ul{
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 128%;
    left: 0%;
    /* left: calc((50% - 65px) / 2); */
    margin: 0;
    visibility: hidden;
    opacity: 0;
    -webkit-transition:0.3s;
    transition: 0.3s;
    width: 130px;
    right: 0;
    margin: auto;
}

#g_navi .menu li:nth-child(5) ul{
    width: 100px;
}

/* #g_navi .menu li:nth-child(2) ul a{
    width: 315px;
}
#g_navi .menu li:nth-child(3) ul a{
    width: 310px;
}
#g_navi .menu li:nth-child(4) ul a{
    width: 200px;
} */
#g_navi .menu li:nth-child(5) ul a{
    width: 100px;
}

#g_navi .menu li ul li{
    width: 100%;
}
#g_navi .menu li ul li a{
    /* width: 150px; */
    width: 130px;
    padding: 13px 5px;
    border-top: 1px solid #FFF;
    font-size: 1.4rem;
    line-height: 1.2;
    background: #061745;
    color: #fff;
    font-weight: normal;
    text-align: center;
    opacity: 0.95;
    filter: alpha(opacity=95);
    visibility: hidden;
    opacity: 0;
    -webkit-transition:.5s;
    transition: .5s;
}

#g_navi .menu li ul li a:hover{
    background: rgba(6, 23, 69, 0.7);
    color: #fff;
    -webkit-transition: 0.2s linear;
    transition: 0.2s linear;
}

#g_navi .menu li:hover ul{
    visibility: visible;
    opacity: 0.95;
}

#g_navi .menu li:hover ul li a{
    visibility: visible;
    opacity: 1;
}


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

繝�ぅ繝ｼ繧ｶ繝ｼ

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

/* TOP繧ｹ繝ｩ繧､繝€繝ｼ蜈ｱ騾� */

@media print, screen and (min-width: 768px) {
    #slider {
        position: relative;
        width: 100%;
        height: 865px;
        /* overflow: hidden; */
        margin: 0 auto;
    }

    /* WP縺ｮ險ｭ螳� */
    .metaslider .slides img{
        position: absolute;
        width: 1900px !important;
        height: auto;
        top: 0;
        left: calc(50% - 950px);
    }
    #slider .metaslider{
        max-width: none !important; /* WP險ｭ螳壽ｶ医＠縺ｦ縲∽ｸｭ螟ｮ謠�∴ */
    }

    .slider_txt{
        position: absolute;
        top: calc(50% - 57px); /*譁�ｭ励�鬮倥＆114/2=57px*/
        left: 0;
        right: 0;
        margin: 0 auto;

    }
    .slider_txt p{
        color: #010101;
        font-size: 5.7rem;
        text-align: center;
        letter-spacing: 0.07em;
        text-shadow: #fff 3px 3px 50px, #fff -3px 3px 50px, #fff 3px -3px 50px, #fff -3px -3px 50px,#fff 0px 3px 50px, #fff -3px 0px 50px,#fff 3px 3px 50px, #fff -3px 3px 50px, #fff 3px -3px 50px, #fff -3px -3px 50px,#fff 0px 3px 50px, #fff -3px 0px 50px;
    }

    /*slider荳九リ繝難ｼ医ラ繝�ヨ��*/
    .metaslider .flex-control-nav{
        bottom: -200px !important;
     }
     /*slider讓ｪ繝翫ン�育泙蜊ｰ��*/
     .metaslider .flex-direction-nav{
         padding-top: 700px !important;
     }

     .teaser{
        width: 100%;
        height: 310px;
        text-align: center;
    }
    
    .teaser_about{
        height: 310px;
        background: url(images/teaser_about_bg.jpg) top center no-repeat;
        display: flex;
        align-items: center;
    }
    
    .teaser_fruit{
        height: 310px;
        background: url(images/teaser_fruit_bg.jpg) top center no-repeat;
        display: flex;
        align-items: center;
    }
    
    .teaser_ichigoichie{
        height: 310px;
        background: url(images/teaser_ichigoichie_bg.jpg) top center no-repeat;
        display: flex;
        align-items: center;
    }

    .teaser_info{
        height: 310px;
        background: url(images/teaser_info_bg.jpg) top center no-repeat;
        display: flex;
        align-items: center;
    }

    .teaser_txt{
        margin: 0 auto;
        text-align: center;
    }
    
    .teaser_txt p{
        color: #fff;
        font-size: 3.6rem;
        font-weight: bold;
        text-shadow: rgba(193, 187, 112, 0.25) 1px 1px 15px, rgba(193, 187, 112, 0.25) -1px 1px 15px, rgba(193, 187, 112, 0.25) 1px -1px 15px, rgba(193, 187, 112, 0.25) -1px -1px 15px,rgba(193, 187, 112, 0.25) 0px 1px 15px, rgba(193, 187, 112, 0.25) -1px 0px 15px;
    }
    .teaser_txt p span{
        display: block;
        font-size: 1.6rem;
        line-height: 1.2;
    }
    .teaser_about .teaser_txt p{
        text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 15px, rgba(0, 0, 0, 0.25) -1px 1px 15px, rgba(0, 0, 0, 0.25) 1px -1px 15px, rgba(0, 0, 0, 0.25) -1px -1px 15px,rgba(0, 0, 0, 0.25) 0px 1px 15px, rgba(0, 0, 0, 0.25) -1px 0px 15px;
    }
    
}


@media screen and (max-width: 767px) {
    
    #slider {
        margin: 0 0 0 -20%;
        overflow: hidden;
        position: relative;
    }
    #slider .metaslider .slides img{
        width: 110%;
    }
    
    .slider_txt{
        position: absolute;
        top: calc(50% - 57px); /*譁�ｭ励�鬮倥＆114/2=57px*/
        left: 0;
        right: 0;
        margin: 0 0 0 20%;

    }
    .slider_txt p{
        color: #010101;
        font-size: 2.6rem;
        text-align: center;
        letter-spacing: 0.07em;
        text-shadow: #fff 3px 3px 50px, #fff -3px 3px 50px, #fff 3px -3px 50px, #fff -3px -3px 50px,#fff 0px 3px 50px, #fff -3px 0px 50px,#fff 3px 3px 50px, #fff -3px 3px 50px, #fff 3px -3px 50px, #fff -3px -3px 50px,#fff 0px 3px 50px, #fff -3px 0px 50px;
    }
    
     /*slider荳九リ繝難ｼ医ラ繝�ヨ��*/
    .metaslider .flex-control-nav{
        margin: 0 0 0 10% !important;
    }


    .teaser{
        width: 100%;
        height: 250px;
        text-align: center;
    }

    .teaser_about{
        height: 250px;
        display: flex;
        align-items: center;
        background: url(images/teaser_about_bg.jpg) bottom left 47% no-repeat;
    }

    .teaser_fruit{
        height: 250px;
        display: flex;
        align-items: center;
        background: url(images/teaser_fruit_bg.jpg) top 0% left 13% no-repeat;
    }

    .teaser_ichigoichie{
        height: 250px;
        display: flex;
        align-items: center;
        background: url(images/teaser_ichigoichie_bg.jpg) top 30%  right 50% no-repeat;
    }

    .teaser_info{
        height: 250px;
        display: flex;
        align-items: center;
        background: url(images/teaser_info_bg.jpg) top 0% right 11% no-repeat;
    }

    .teaser_txt{
        margin: 0 auto;
        text-align: center;
    }

    .teaser_txt p{
        line-height: 1.4;
        color: #fff;
        font-size: 2.7rem;
        font-weight: bold;
        text-shadow: rgba(193, 187, 112, 0.25) 1px 1px 15px, rgba(193, 187, 112, 0.25) -1px 1px 15px, rgba(193, 187, 112, 0.25) 1px -1px 15px, rgba(193, 187, 112, 0.25) -1px -1px 15px,rgba(193, 187, 112, 0.25) 0px 1px 15px, rgba(193, 187, 112, 0.25) -1px 0px 15px;
    }
    .teaser_txt p span{
        display: block;
        font-size: 1.4rem;
        line-height: 2.0;
        padding-top: 7px;
    }
    .teaser_about .teaser_txt p{
        text-shadow: rgba(0, 0, 0, 0.25) 1px 1px 15px, rgba(0, 0, 0, 0.25) -1px 1px 15px, rgba(0, 0, 0, 0.25) 1px -1px 15px, rgba(0, 0, 0, 0.25) -1px -1px 15px,rgba(0, 0, 0, 0.25) 0px 1px 15px, rgba(0, 0, 0, 0.25) -1px 0px 15px;
    }
    
}


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

content 蜈ｱ騾夊ｨｭ螳�

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

main#top_main{
    width: 100%;
    margin: 0 auto 50px;
}
main#top_main p{
    font-size: 1.8rem;
}

main#page_main{
    width: 1100px;
    margin: 25px auto 120px;
}

.breadcrumb_area{
    width: 100%;
    padding: 10px 0 10px;
    text-align: center;
}

.breadcrumb{
    width: 1100px;
    margin: 0 auto;
    padding: 0px 0;
}

.breadcrumb p{
    color: #000;
    font-size: 1.6rem;
    line-height: 2;
}
.breadcrumb p a:link,
.breadcrumb p a:visited{
    color: #000;
    text-decoration: none;
}
.breadcrumb p a:hover,
.breadcrumb p a:active{
    color: #304fa6;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {
    
    .pc_none{
        display: none;
    }

}

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

    main#top_main{
        padding: 0 10px;
        margin: 0 auto 100px;
    }
    main#top_main p{
        font-size: 1.6rem;
    }
    
    main#page_main{
        width: 100%;
        padding: 0 10px;
        margin: 0px auto 60px;
    }
    
    .breadcrumb_area {
        padding: 0 10px;
        margin: 10px auto 30px;
    }

    .breadcrumb{
        width: 100%;
    }

    .breadcrumb p{
        font-size: 1.2rem;
    }
    
    .sp_none{
        display: none;
    }
    
}


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

content繝医ャ繝礼畑

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

/* 1繧ｫ繝ｩ繝�逶ｮ */

.top_box01{
    width: 100%;
    height: auto;
    padding: 55px calc((100% - 1190px) / 2) 95px;
    margin: 0 auto;
    text-align: center;
}
.top_box01_tit{
    font-size: 3.6rem;
    margin-bottom: 50px;
}
.top_box01_tit span{
    display: block;
    font-size: 1.4rem;
    color: #061745;
}

.top_box02,.top_box03,.top_box04{
    width: 100%;
    background: #fafafa;
}
.top_box_txt{
    width: 50%;
    padding: 10px 10px 20px 20px;
    background: #fafafa;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* min-width: 820px; */
}
.top_box_img{
    width: 50%;
}
.top_box_img img{
    height: 100%;
    width: auto;
}
.top_box_tit{
    font-size: 3.4rem;
    margin-bottom: 25px;
    color: #061745;
    line-height: 1.4;
}
.top_box_tit span{
    display: block;
    font-size: 3.0rem;
}
.top_box_subtit{
    font-size: 3.0rem;
    color: #061745;
    font-weight: normal;
    line-height: 1.8;
    text-align: left;
}

.top_box03 .top_box_txt{
    position: relative;
    z-index: 2;
    /* min-width: 505px; */
}

/* 蟷�1700px莉･荳九�譎ゅ€∫判蜒上�蟾ｦ遶ｯ隕句�繧後ｋ */
@media print, screen and (max-width: 1700px){
    .top_box03 .top_box_img{
        position: relative;
        z-index: 1;
        left: calc(50% - 850px);
        /* left: calc(100% - 1900px); */
    }
}

.top_box05{
    padding: 70px calc((100% - 1190px) / 2) 100px;
}
.top_box05_tit{
    font-size: 3.3rem;
    margin: 20px 0;
    color: #061745;
    position: relative;
}
.top_box05_tit span{
    display: block;
    font-size: 1.8rem;
    color: #6d6d6d;
}
.top_box05_tit:after{
    position: absolute;
    content: "";
    width: 90px;
    height: 1px;
    background: #061745;
    margin-top: 15px;
}

.top_box06{
    padding: 100px calc((100% - 1190px) / 2) 140px;
    background: #000 url(images/top_box06_bg.jpg) top right no-repeat;
}
.top_box06 p{
    color: #FFF;
}
.top_box06_tit{
    font-size: 3.3rem;
    color: #FFF;
    position: relative;
}
.top_box06_tit span{
    display: block;
    font-size: 1.8rem;
    color: #d7d7d7;
}
.top_box07{
    padding: 80px calc((100% - 935px) / 2) 140px;
    background: rgba(204, 204, 204, 0.1);
}
.top_box07_tit{
    font-size: 3.3rem;
    color: #061745;
    position: relative;
    text-align: center;
}
.top_box07_tit span{
    display: block;
    font-size: 1.8rem;
    color: #484848;
}
.top_box07_tit:after{
    position: absolute;
    content: "";
    width: 70px;
    height: 1px;
    background: #061745;
    left: 0;
    right: 0;
    margin: 15px auto 0;
}
.top_box07_content{
    align-items: center;
}

.top_box07_contact{
    text-align: center;
}
.top_box07_tel{
    display: flex;
    align-items: center;
}
main#top_main .top_box07_tel p{
    font-size: 3.6rem;
}
main#top_main .top_box07_tel p:first-child{
    font-size: 2.4rem;
    color: #061745;
    font-weight: bold;
    margin-right: 30px;
}
.top_box07 .btn01, .top_box08 .btn01{
    width: 270px;
}

.top_box08{
    padding: 80px calc((100% - 2000px) / 2) 0px;
}
.top_box08_tit{
    font-size: 3.3rem;
    color: #061745;
    position: relative;
    text-align: center;
    /* display: flex;
    flex-direction: column;
    align-items: center; */
}
.top_box08_tit span{
    display: block;
    font-size: 1.6rem;
    color: #757575;
}
.top_box08_tit:after{
    position: absolute;
    content: "";
    width: 70px;
    height: 1px;
    background: #707070;
    left: 0;
    right: 0;
    margin: 15px auto 0;
}



@media screen and (min-width: 768px) {


}

@media screen and (max-width: 767px) {
    
    .top_box01{
        padding: 45px 0px 50px;
        text-align: left;
    }
    .top_box01_tit{
        font-size: 2.8rem;
        margin-bottom: 40px;
        text-align: center;
    }
    
    .top_box02{
        /* margin-bottom: 40px; */
        padding: 20px 10px 20px;
        width: calc(100% + 20px);
        margin: 0 0 20px -10px;
    }
    .top_box_txt{
        width: 100%;
        padding: 0px 0px 10px ;
    }
    .top_box_img{
        width: 100%;
    }
    .top_box_img img{
        height: auto;
        width: 100%;
    }
    .top_box_tit{
        font-size: 2.6rem;
        margin-bottom: 20px;
    }
    .top_box_tit span{
        font-size: 2.5rem;
    }
    .top_box_subtit{
        font-size: 2.5rem;
    }
    

    .top_box03{
        /* margin-bottom: 40px; */
        padding: 0px 10px 20px;
        width: calc(100% + 20px);
        margin: 0 0 20px -10px;
    }
    .top_box03 .top_box_img{
        position: initial;
        /* left: 0; */
    }

    .top_box04{
        padding: 0px 10px 20px;
        width: calc(100% + 20px);
        margin: 0 0 20px -10px;
    }

    .top_box05{
        padding: 20px 0 40px;
    }

    .top_box05_tit{
        font-size: 2.6rem;
        margin: 0 0 40px;
    }
    .top_box05_tit span{
        font-size: 1.6rem;
    }
    .top_box05_tit:after{
        margin-top: 10px;
    }

    .top_box06{
        padding: 40px 10px 40px;
        width: calc(100% + 20px);
        margin: 0 0 0px -10px;
        background: url(images/top_box06_bg.jpg) top left 30% no-repeat;
        background-size: cover;
    }
    .top_box06_tit{
        font-size: 2.6rem;
    }
    .top_box06_tit span{
        font-size: 1.6rem;
    }
    
    .top_box07{
        padding: 40px 10px 40px;
        width: calc(100% + 20px);
        margin: 0 0 0px -10px;
    }
    .top_box07_content{
        align-items: initial;
    }
    
    .top_box07_tit{
        font-size: 2.6rem;
    }
    .top_box07_tit span{
        font-size: 1.6rem;
    }
    main#top_main .top_box07_tel p{
        font-size: 2.8rem;
    }
    main#top_main .top_box07_tel p:first-child{
        font-size: 2.0rem;
        margin-right: 10px;
    }
    .top_box07 .btn01, .top_box08 .btn01{
        width: 100%;
    }
    .top_box07_tel {
        justify-content: center;
    }
    
    .top_box08{
        padding: 40px 0 0px;
    }
    .top_box08_tit{
        font-size: 2.6rem;
    }
    .top_box08_tit span{
        font-size: 1.4rem;
    }


}

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

gallery,blog 繝医ャ繝礼畑

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

/* 譁ｰ逹€繝医ャ繝� */
#blog_top{
    width: 915px;
    height: auto;
    overflow-y: scroll;
    height: 200px;
    padding-right: 10px;
}

#blog_top_parts{
    width: 100%;
    padding: 13px 0px;
    border-bottom: 1px solid #dadada;
    color: #000;
    font-size: 1.8rem;
    font-weight: normal;
    display: flex;
    justify-content: left;
    align-items: center;
    /* align-items: flex-start; */
}
#blog_top_parts:first-child{
    padding: 0px 0px 13px;
}

#blog_top_parts time{
    color: #7b7b7b;
    padding: 0px 25px 0px 20px;
    font-size: 1.8rem;
    word-break: keep-all;
}
#blog_top_parts a{
    /* text-decoration: none; */
    font-size: 1.8rem;
    text-underline-offset: 0.1em;
}


@media screen and (min-width: 768px) {
    /* 繧ｮ繝｣繝ｩ繝ｪ繝ｼ繝医ャ繝� */
    #gallery_top{
        display: flex;
        /* justify-content: left; */
        justify-content: space-between;
    }
    
    #gallery_top_parts{
        width: 300px;
        height: auto;
        margin-right: 5px;
    }
    
    #gallery_top #gallery_top_parts:nth-child(1){
        margin-left: 5px;
    }
    
    .gallery_top_img{
        width: 300px;
        height: 225px;
    }
    
    .gallery_top_img{
        position: relative;
        display: block;
        width: 100%;
    }
        
    .gallery_top_img img{
        width: 100%;
        height: 225px;
        position: absolute;
        top: 0;
        left: 0;
        object-fit: cover;
        font-family: 'object-fit:cover;';
    }    
}

@media screen and (max-width: 767px) {
    #gallery_top{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 10px;
    }
    
    #gallery_top_parts{
        width: 48%;
        height: auto;
        margin-right: 4%;
    }
    
    #gallery_top #gallery_top_parts:nth-child(2n){
        margin-right: 0;
    }

    .gallery_top_img{
        /* height: auto; */
        margin-bottom: 10px;
        position: relative;
    }
    
    .gallery_top_img img{
        height: 170px;
        object-fit: cover;
        font-family: 'object-fit:cover;';
    }


    #blog_top{
       margin-bottom: 20px;
       height: 220px;
       width: 100%;
    }
    #blog_top_parts{
        /* flex-wrap: wrap; */
        flex-direction: column;
        align-items: flex-start;
        font-size: 1.4rem;
    }
    #blog_top_parts time {
        padding: 0px;
        font-size: 1.6rem;
    }
    #blog_top_parts a {
        font-size: 1.6rem;
    }


}


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

content荳句ｱ､逕ｨ

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

/* 蜈ｨ繝壹�繧ｸ蜈ｱ騾壹€€繝輔Ξ繝�け繧ｹ繝懊ャ繧ｯ繧ｹ*/
.flex{
    display: flex;
    justify-content: space-between;
}

.flex_r{
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.txt540{
    width: 540px;
}
.txt660{
    width: 660px;
}

.gray_bg{
    padding: 30px;
    background-color: #F4F4F4;
    text-align: left;
}
.gray_bg p{
    font-size: 1.4rem;
}
.brown_bg{
    padding: 30px;
    background-color: #F2F1EC;
    text-align: center;
}
.border_box{
    border: 1px dotted #000;
    padding: 30px 40px 30px;
    text-align: center;
}

@media screen and (max-width: 767px) {
    .flex,
    .flex_r{
        flex-direction: column;
    }
}



/* 繝輔Ο繝ｼ蜈ｱ騾夲ｼ域棧邱夲ｼ�*/
/* .flow_box{
    display: flex;
    justify-content: space-between;
} */

.flow_icon{
    width: 50px;
    height:50px;
    /* margin: 0 30px 0 0; */
}

/* 繝ｪ繧ｹ繝亥�騾夲ｼ域焚蟄玲怏�� */
.number_list li{
    list-style-type: decimal;
    list-style-position: inside;
    padding-left: 10px;
}

/* 繝ｪ繧ｹ繝亥�騾夲ｼ医�繝ｼ繧ｫ繝ｼ縺ゅｊ�� */
/* .marker_list ul{
    list-style-position: inside;
} */
.marker_list li{
    list-style-type: disc;
    list-style-position: inside;
    /* padding-left: 10px; */
}

/* 繝ｪ繧ｹ繝亥�騾夲ｼ育判蜒丈ｻ倥″繝槭�繧ｫ繝ｼ�� */
.icon_list li {
    font-size: 1.9rem;
    margin-bottom: 20px;
    width: 50%;
    display: flex;
}
.icon_list li::before {
    content: url(images/list_icon.png);
    margin-right: 20px;
}
.icon_list li:last-child,.icon_list li:nth-last-child(2) {
    margin-bottom: 0px;
}

/* 2蛻庸lex */
.two_column_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    height: auto;
}
.two_column_flex img{
    width: 485px;
}
.two_column_flex p, .two_column_flex ul{
    width: 485px;
}
.two_column_flex img:nth-child(2n){
    margin-right: 0;
}
.two_column_flex div:not(:nth-of-type(2n)){
    margin-right: 30px;
}

.two_column_flex div:not(:last-child):not(:nth-last-child(2)){
    margin-bottom: 40px;
}
.two_column_flex .subhead03{
    margin-bottom: 10px;
}

 /* 3蛻庸lex */
.three_column_flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    height: auto;
}
.three_column_flex img{
    width: 340px;
}
.three_column_flex dl, .three_column_flex ul{
    width: 340px;
    font-size: 1.4rem;
}


/* 謚慕ｨｿ_螳夂ｾｩ繝ｪ繧ｹ繝� */
.definition_list{
    display: flex;
}
/* .definition_list dt{
    color: #857459;
    font-weight: bold;
} */
.definition_list dt{
    word-break: keep-all;
}
/* .definition_list dd{
    word-break: break-all;
} */

/* 謚慕ｨｿ */

.position_relative{
    position: relative;
}
.post_banner p{
    position: absolute;
    height: auto;
    bottom: -10px;
    right: 0;
    width: 230px;
}

/* 2蛻玲兜遞ｿ 蜈ｨ*/

.two_column_post{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
}

.two_column_parts{
    width: 350px;
    height: auto;
    margin: 0 30px 30px 0;
}
.two_column_parts .subhead03{
    text-align: center;
    font-size: 1.8rem;
}

/* 3蛻玲兜遞ｿ 蜈ｨ*/

.three_column_post{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    text-align: center;
}

.three_column_parts{
    width: 340px;
    height: auto;
    margin: 0 40px 30px 0;
}
.three_column_post .subhead01{
    font-size: 2.2rem;
    margin-bottom: 10px;
}

@media screen and (min-width: 768px) {
        
    .brown_bg{
        width: 1100px;
        line-height: 2.0;
    }
    .brown_bg dt{
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .brown_bg dd{
        font-size: 1.5rem;
    }

    .border_box{
        height: 160px;
    }
    .border_box dt{
        font-size: 1.8rem;
        font-weight: bold;
        margin-bottom: 5px;
    }

    /* 04譯憺摩貉ｧ豌ｴ */
    .spring_box{
        text-align: center;
    }

    /* 06縺薙□繧上ｊ */
    .f-good_box01, .f-good_box02{
        text-align: center;
    }

    /* 07蠎苓�諠��ｱ */
    .store_box03 iframe{
        width: 36%;
    }

    /* 12縺雁撫縺�粋繧上○ */
    #mail_form{
        text-align: center;
        padding: 0 calc((100% - 1100px) / 2);
    }


    /* 3蛻庸lex PC*/
    .three_column_flex div:not(:nth-of-type(3n)){
        margin-right: 40px;
    }
    .three_column_flex img:nth-child(3n){
        margin-right: 0;
    }

    .three_column_flex div:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)){
        margin-bottom: 40px;
    } 

    /* 3蛻庸lex�医ユ繧ｭ繧ｹ繝茨ｼ英c*/
    .three_column_flex_txt .three_column_flex img{
        margin-bottom: 20px;
    }

    /* 謚慕ｨｿ pc*/
    .blog_post_parts figure{
        position: relative;
        width: 400px;
        height: 310px;
        overflow: hidden;

    }

    .blog_post_parts figure img{
        position: absolute;
        /* width: auto;
        height: 100%; */
        width: 400px;
        height: 310px;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    .blog_post_parts .subhead01{
        font-size: 2.2rem;
        text-align: left;
        margin-bottom: 20px;
        margin-top: 15px;
    }


    /* 2蛻玲兜遞ｿ pc*/
    .two_column_post .two_column_parts:nth-child(2n){
        margin-right: 0;
    }
    
    .two_column_img{
        width: 100%;
        height: 252px;
        margin-bottom: 15px;
        border: 1px solid #D9D7D1;    
    }

    .two_column_parts figure{
        position: relative;
        width: 100%;
        height: 250px;
        overflow: hidden;
    }
    .two_column_figure:after{
        display: block;
        content: '';
        padding-top: 100%;
    }

    .two_column_parts figure img{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        object-fit: cover;
        font-family: 'object-fit: cover;';
        }

    .two_column_parts img{
        width: 100%; /* 隧ｳ邏ｰ繝壹�繧ｸ辟｡縺励�蝣ｴ蜷医€∽ｸ€隕ｧ縺ｸ縺ｮ陦ｨ遉ｺ逕ｻ蜒上�蟷�ｒ譫�蜀�↓ */
        height: auto;
    }


    /* 3蛻玲兜遞ｿ pc*/
    .three_column_post .three_column_parts:nth-child(3n){
        margin-right: 0;
    }
    
    .three_column_img{
        width: 100%;
        height: 240px;
        margin-bottom: 10px;
    }

    .three_column_parts figure{
        position: relative;
        width: 100%;
        height: 240px;
        overflow: hidden;
    }
    .three_column_figure :after{
        display: block;
        content: '';
        padding-top: 100%;
    }

    .three_column_parts figure img{
        position: absolute;
        width: auto;
        height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }

    .three_column_parts img{
        width: 100%; /* 隧ｳ邏ｰ繝壹�繧ｸ辟｡縺励�蝣ｴ蜷医€∽ｸ€隕ｧ縺ｸ縺ｮ陦ｨ遉ｺ逕ｻ蜒上�蟷�ｒ譫�蜀�↓ */
        height: auto;
    }

}

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

    .txt540,.txt660{
        width: 100%;
    }
    
    .brown_bg{
        padding: 20px;
    }
    .brown_bg dd{
        text-align: left;
    }
    
    .border_box{
        padding: 20px 10px 0px;
    }
    .border_box dt{
        font-size: 1.4rem;
    }
    .border_box dd{
        text-align: left;
    }

    .mb20_sp{
        margin-bottom: 20px;
    }

    /* 蟷�100%蜈ｱ騾夲ｼ郁レ譎ｯ逕ｻ蜒乗怏逕ｨ�� */
    ._box01{
        width: calc(100% + 20px);
        margin: 0 0 0 -10px;
        padding: 0px 10px;
    }

    /* 08縺薙□繧上ｊ */
    .i-good_box01 img{
        width: auto;
    }

    /* 09縺雁撫縺�粋繧上○ */
    #mail_form{
        text-align: left;
    }
    #mail_form .blog{
        color: #000;
        font-size: 1.6rem;
        font-weight: bold;
    }

    /*繝輔Ο繝ｼ蜈ｱ騾嘖p*/
    .flow_icon {
        margin-bottom: 30px;
    }

    /* 繝ｪ繧ｹ繝亥�騾夲ｼ育判蜒丈ｻ倥″繝槭�繧ｫ繝ｼ�鋭p */
    .icon_list li {
        width: 100%;
        font-size: 1.5rem;
        /* padding: 10px 0px 10px 50px; */
        margin-bottom: 5px;
        align-items: center;
    }
    /* .icon_list li::before {
        top: 0.8em;
    } */
    .icon_list li:nth-last-child(2) {
        margin-bottom: 5px;
    }

    /* 謚慕ｨｿ_螳夂ｾｩ繝ｪ繧ｹ繝� */
    /* .definition_list{
        flex-direction: column;
    } */
    
    
    /* 謚慕ｨｿ sp */

    .position_relative{
        position: static;
    }

    .post_banner p{
        position: static;
        width: 100%;
        height: auto;
        bottom: 0;
        right: 0;
    }
    
    .blog_post_parts{
        padding: 20px;
        border: 1px solid #061745;
        background-color: #fafafa;
    }
    
    .blog_post_parts figure{
        position: relative;
        width: 100%;
        height: 200px;
        overflow: hidden;
        margin-bottom: 20px;
        border: 1px solid #141414;
    }

    .blog_post_parts figure img{
        position: absolute;
        width: 100%;
        height: 100%;
        top: 50%;
        left: 0;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
        
    .blog_post_parts .subhead02{
        font-size: 1.8rem;
    }

    /* 2蛻庸lex sp*/
    .two_column_flex div{
        width: 48%;
    }
    .two_column_flex img, .two_column_flex p, .two_column_flex ul{
        width: 100%;
    }
    .two_column_flex img:not(:last-child):not(:nth-last-child(2)){
        margin-bottom: 2%;
    }
    .two_column_flex img:nth-child(2n){
        margin-right: 0;
    }
    .two_column_flex div:not(:nth-of-type(2n)){
        margin-right: 2%;
    }
    .two_column_flex div:not(:last-child):not(:nth-last-child(2)){
        margin-bottom: 2%;
    }
     /* 2蛻庸lex 蟷�100%�医ユ繧ｭ繧ｹ繝茨ｼ�*/
    .two_column_flex_txt .two_column_flex div{
        width: 100%;
        margin-bottom: 30px;
    }
    .two_column_flex_txt .two_column_flex div:not(:last-child):not(:nth-last-child(2)){
        margin-bottom: 30px;
    }
    .two_column_flex_txt .two_column_flex div:not(:nth-of-type(2n)){
        margin-right: 0;
    }

    /* 3蛻庸lex sp*/
    .three_column_flex div{
        width: 49%;
    }
    .three_column_flex img,.three_column_flex dl{
        width: 100%;
        height: 100%;
    }

    .three_column_flex img:nth-child(2n){
        margin-right: 0;
    }

    .three_column_flex img:not(:last-child):not(:nth-last-child(2)){
        margin-bottom: 2%;
    }
    .three_column_flex img:nth-child(2n){
        margin-right: 0;
    }
    .three_column_flex div:not(:nth-of-type(2n)){
        margin-right: 2%;
    }
    /* .three_column_flex div:not(:last-child):not(:nth-last-child(2)):not(:nth-last-child(3)){
        margin-bottom: 2%;
    } */
    .three_column_flex div:not(:last-child){
        margin-bottom: 2%;
    }

    .three_column_flex div{
        margin-right: 0%;
    }

     /* 3蛻庸lex 譛€邨り｡御ｸｭ螟ｮ謠�∴�育判蜒乗焚縺悟･�焚縺ｮ蝣ｴ蜷茨ｼ�*/
     .three_column_flex div:last-child{
        margin: 0 auto;
    }

    /* 3蛻庸lex 蟷�100%�医ユ繧ｭ繧ｹ繝茨ｼ�*/
    .three_column_flex_txt .three_column_flex div{
        width: 100%;
        margin-bottom: 20px;
    }
    .three_column_flex_txt .three_column_flex img{
        margin-bottom: 2%;
    }

    /* 2蛻玲兜遞ｿ sp*/

    .two_column_post{
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }

    .two_column_parts{
        width: 48%;
        margin: 0 4% 30px 0;
    }
    
    .two_column_post .two_column_parts:nth-child(2n){
        margin-right: 0;
    }

    .two_column_img{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        border: 1px solid #CCC;
        background-color: #FFF;
    }

    .two_column_parts figure{
        position: relative;
        width: 100%;
        height: 220px;
        overflow: hidden;
    }

    .two_column_parts figure img{
        position: absolute;
        /* width: auto; */
        width: 100%;
        height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }

    /* 3蛻玲兜遞ｿ sp*/

    .three_column_post{
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }

    .three_column_parts{
        width: 48%;
        margin: 0 4% 30px 0;
    }
    
    .three_column_post .three_column_parts:nth-child(2n){
        margin-right: 0;
    }

    .three_column_img{
        width: 100%;
        height: 120px;
        margin-bottom: 10px;
    }

    .three_column_parts figure{
        position: relative;
        width: 100%;
        height: 120px;
        overflow: hidden;
    }

    .three_column_parts figure img{
        position: absolute;
        width: 100%;
        /* width: auto; */
        height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        object-fit: cover;
        font-family: 'object-fit: cover;';
    }
    /* 譛€邨り｡御ｸｭ螟ｮ謠�∴�育判蜒乗焚縺悟･�焚縺ｮ蝣ｴ蜷茨ｼ�*/
    .three_column_post :last-child{
        margin: 0 auto;
    }

    .three_column_post .subhead01{
        font-size: 1.6rem;
        /* margin-bottom: 20px; */
    }
    /* .three_column_post .subhead01:after{
        bottom: -8px;
    } */

    
}

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

single.php

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

#single_box{
    padding: 0 calc((100% - 1030px) / 2);
}

#single_box .headline{
    left: 0;
    font-size: 2.8rem;
    margin-top: 55px;
}

#single_box img{
    max-width: 1030px;
    padding: 10px 0;
    height: auto;
}

.nav-below{
    display: flex;
    justify-content: center;
    padding: 50px 0;
    font-size: 100%;
    text-align: center;
}

.nav-below p{
    padding: 0 10px;
}

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

    #single_box .headline{
        font-size: 2.0em;
    }

    #single_box img{
        max-width: 100%;
        padding: 10px 0;
    }
}



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

謚慕ｨｿ縲€pager險ｭ螳�

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

.pager{
    clear:both;
    text-align:center;
    padding: 0px 0 40px;
}

a.page-numbers,
.pager .current{
    background:rgba(0,0,0,0.02);
    border:solid 1px rgba(0,0,0,0.1);
    border-radius:5px;
    padding:5px 8px;
    margin:0 2px;
    font-size: 1.4rem;
}
.pager .current{
    background:rgba(0,0,0,1);
    border:solid 1px rgba(0,0,0,1);
    color:rgba(255,255,255,1);
}


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

    .pager{
        padding: 0px 0 30px;
    }
}



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

sp_footer

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

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

    #pc_footer{
        display: none;
    }

    .sp_bana{
        display: flex;
        justify-content: space-between;
        position: fixed;
        width: 100%;
        height: 60px;
        bottom: 0;
        left: 0;
        z-index: 4;
    }
    
    .sp_bana div{
        position: relative;
        width: 25%;
        background: #061745;
        border-top: 1px solid #FFF;
    }
    
    .sp_bana div:nth-child(4){
        background: #000;
    }
    
    .sp_bana div:not(:last-child){
        border-right: 1px solid #FFF;
    }
    
    .sp_bana div img{
        width: auto;
        margin-bottom: 7px;
        height: 30px;
    }
    .sp_bana div p{
        color: #FFF;
        font-size: 0.9rem;
        line-height: 0.9;
        text-align: center;
        /* word-break: keep-all; */
    }
        
    .sp_bana a{
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-decoration: none;
    }

    .pagetop{
        position: fixed;
        right: 2%;
        bottom: 70px;
        display: none;
        z-index: 4;
    }
    .pagetop img{
        width: 60px;
        height: 60px;
    }
    
    .copyright {
        padding: 15px 0 70px;
        text-align: center;
        /* background: #061745; */
        background: #000;
        color: #fff;
        font-size: 1.2rem;
    }

    .sp_footer_content{
        /* padding: 60px 10% 50px; */
        /* background-color: rgba(204, 204, 204, 0.1); */
        padding: 30px 10% 30px;
        background-color: #000;
        color: #FFF;
        /* text-align: center; */
        position: relative;
    }
    .sp_footer_content p{
        font-size: 1.6rem;
    }

    
    /* #sp_footer .logo a{
        width: 70%;
        margin: 0 auto 30px;
    }
    #sp_footer .logo img{
        filter: drop-shadow(0 0 10px #fff) drop-shadow(0 0 10px #fff) drop-shadow(0 0 10px #fff);
    } */

    .footer_contact .tel_txt{
        margin-right: 0px;
    }
    .tel_txt span{
        margin-right: 10px;
    }
    .footer_contact{
        margin-bottom: 30px;
    }

    .footer_sns{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .footer_sns p{
        line-height: 1.2;
        margin-right: 20px;
    }
    .footer_sns a{
        line-height: 1.2;
    }
    .footer_sns img{
        width: auto;
        margin-right: 15px;
    }
    .footer_sns:last-child img{
        margin-right: 0px;
    }


}


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

pc_footer

*****************************************/
@media print, screen and (min-width: 768px) {
    #sp_footer{
        display: none;
    }

    #pc_footer{
        position: relative;
        width: 100%;
        max-width: 2000px;
        margin: 0 auto;
    }

    .pagetop{
        position: fixed;
        z-index: 4;
        right: 30px;
        bottom: 30px;
    }

    .footer_box{
        margin: 0 auto;
        display: flex;
        justify-content: right;
        /* padding: 0 calc((100% - 1190px) / 2); */
        /* width: 1190px; */
    }

    .footer_logo{
        align-self: center;
    }
    
    .footer_content{
        height: 380px;
        background-color: #000;
        color: #FFF;
        width: 60%; /* 1200px/2000px=0.6 */
        margin-left: 2.5%; /* 50px/2000px=0.025 */
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        font-size: 1.8rem;
    }
    .footer_content p{
        font-size: 1.8rem;
    }
    /* .footer_txt{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: top;
    } */

    .footer_info{
        display: flex;
        /* justify-content: space-between; */
        /* align-items: center; */
        height: 330px;
        padding: 100px 0 100px 50px;
    }
    .footer_contact{
        margin-right: 7.5%; /* 90px/1200px=0.075 */
    }
    .tel_txt{
        margin-bottom: 5px;
    }
    .tel_txt span{
        margin-right: 40px;
    }

    .footer_sns{
        display: flex;
        justify-content: left;
        align-items: center;
    }
    .footer_sns p{
        width: 180px;
    }
    .footer_sns p, .footer_sns a{
        line-height: 1.2;
    }
    .footer_sns img{
        margin-right: 20px;
    }
    .footer_sns:last-child img{
        margin-right: 0px;
    }

    .copyright_area{
        text-align: center;
        background-color: #000;
        padding: 10px 0 10px;
    }
    
    .copyright_area p{
        color: #FFF;
        font-size: 1.6rem;
        font-weight: normal;
    }
    
}


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

sidebar/aside

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

@media print, screen and (min-width: 768px) {
    
    /* aside{
        height: auto;
        margin: 0 auto;
    } */
    /* .bottom_box{
        width: 100%;
        height: auto;
        padding: 0px calc((100% - 1320px) / 2) 40px;
        margin: 0 auto;
    } */
    
    
    .bottom_box{
        height: auto;
        margin: 0 auto;
        max-width: 1320px;
    }

    .bottom_box_bnr{
        display: flex;
        justify-content: space-between;
    }
    .bottom_box_bnr a{
        width: 46%;
        /* width: 620px; */
    }
    /* .bottom_box_bnr a:nth-child(2){
        margin-left: 6%;
        margin-left: 80px;
    } */
    .bottom_box img{
        width: 100%;
    }

    aside .bottom_box{
        margin-bottom: 90px;
    }
    
}

@media screen and (max-width: 767px) {
        
    .bottom_box{
        display: flex;
        flex-direction: column;
        /* padding: 0 0 50px; */
    }
    .bottom_box_bnr{
        display: flex;
        flex-direction: column;
        /* flex-wrap: wrap;
        justify-content: left; */
    }
    /* .bottom_box_bnr a{
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .bottom_box_bnr a:nth-child(2n){
        margin-right: 0;
    } */
    aside .bottom_box {
        margin-bottom: 35px;
        padding: 0 10px;
    }
}


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

繧ｿ繧､繝医Ν

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

/* 荳句ｱ､繝壹�繧ｸ蜈ｱ騾夊ｦ句�縺� */

/* 邵ｦ邱�(荳�) */

.headline{
    margin-bottom: 40px;
    color: #000;
    font-size: 3.6rem;
    letter-spacing: 0.15em;
    text-align: center;
    font-weight: normal;
    line-height: 1.8;
}
.headline span{
    display: block;
    font-size: 1.6rem;
    line-height: 1.2;
}

/*濶ｲ譁�ｭ�*/
.subhead01{
    /* text-align: left; */
    color: #09173C;
    font-size: 3.0rem;
    line-height: 1.4;
    font-weight: bold;
    margin-bottom: 20px;
}

/*濶ｲ譁�ｭ�*/
.subhead02{
    color: #141414;
    font-size: 2.3rem;
    font-weight: bold;
    /* display: inline-block; */
    line-height: 2;
    margin-bottom: 30px;
    text-align: center;
}



@media screen and (max-width: 767px) {
    
    .headline{
        font-size: 2.5rem;
        margin-bottom: 30px;
        line-height: 1.2;
    }
    .headline span{
        font-size: 1.6rem;
        line-height: 2.0;
    }

    .subhead01{
        font-size: 2.3rem;
    }
    
    .subhead02{
        font-size: 2.0rem;
        margin-bottom: 20px;
        /* line-height: 1.8; */
    }

    
}


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

蜈ｱ騾單iv

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

.mb10{
    margin-bottom: 10px;
}
.mb20{
    margin-bottom: 20px;
}
.mb30{
    margin-bottom: 30px;
}
.mb40{
    margin-bottom: 40px;
}
.mb50{
    margin-bottom: 50px;
}
.mb60{
    margin-bottom: 60px;
}
.mb70{
    margin-bottom: 70px;
}
.mb80{
    margin-bottom: 80px;
}
.mb90{
    margin-bottom: 90px;
}
.mb100{
    margin-bottom: 100px;
}
.mb110{
    margin-bottom: 110px;
}
.mb120{
    margin-bottom: 120px;
}
.mb130{
    margin-bottom: 130px;
}
.mb140{
    margin-bottom: 140px;
}
.mb200{
    margin-bottom: 200px;
}

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

    .mb40{
        margin-bottom: 30px;
    }
    .mb50{
        margin-bottom: 40px;
    }
    .mb60,.mb70,.mb80,.mb90,.mb100,.mb110,.mb120,.mb130,.mb140,.mb200{
        margin-bottom: 50px;
    }

}

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

繝��繝悶Ν

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

/* 蠎苓�諠��ｱ */

.store_table{
    width: 100%;
    border-collapse: collapse;
}

.store_table th{
    width: 29%;
    padding: 19px 19px;
    color: #07173A;
    font-weight: bold;
    border: 1px solid #CCC;
    text-align: left;
    vertical-align: text-top;
    background-color: #EEE;
    /* text-align: center; */
}

.store_table td{
    width: 71%;
    padding: 19px 19px;
    color: #000;
    border: 1px solid #CCC;
    text-align: left;
    vertical-align: text-top;
    background-color: #FFF;
}

/* 蠎苓�諠��ｱ�亥ｳｶ蜴滉ｺ穂ｸ� 縺ｾ繧九◆縺句ｺ暦ｼ� */

.m-store_table{
    width: 100%;
    border-collapse: collapse;
}

.m-store_table th{
    width: 31%;
    padding: 9px 19px;
    color: #08173B;
    font-weight: bold;
    border: 1px solid #CCC;
    text-align: left;
    vertical-align: text-top;
    background-color: #EEE;
    /* text-align: center; */
}

.m-store_table td{
    width: 69%;
    padding: 9px 19px;
    color: #000;
    border: 1px solid #CCC;
    text-align: left;
    vertical-align: text-top;
    background-color: #FFF;
}


@media screen and (max-width: 767px){
    
    .store_table th{
        display: block;
        width: 100%;
        padding: 10px 13px;
        border-bottom: none;
    }
    
    .store_table td{
        display: block;
        width: 100%;
        padding: 10px 13px;
    }
    
    .store_table tr:not(:last-child) td{
        margin-bottom: 15px;
    }
    .store_table a, .m-store_table a{
        word-break: break-all;
    }


    .m-store_table th{
        display: block;
        width: 100%;
        padding: 10px 13px;
        border-bottom: none;
    }
    
    .m-store_table td{
        display: block;
        width: 100%;
        padding: 10px 13px;
    }
    
    .m-store_table tr:not(:last-child) td{
        margin-bottom: 15px;
    }

}

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

P

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

/* 謾ｹ陦� */
.line_break{
    padding-top: 30px;
}

@media print, screen and (min-width: 768px){
    .br-pc { display:block; }
    .br-sp { display:none; }
}
@media screen and (max-width: 767px){
    .br-pc { display:none; }
    .br-sp { display:block; }
}

/* 蠑ｷ隱ｿ*/
.bold{
    font-weight: bold;
}

.txt_center{
    text-align: center;
}

.txt_right{
    text-align: right;
}

.red{
    color: #FF0000;
}

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

繝懊ち繝ｳ

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

/* 繝懊ち繝ｳ1(邏ｺ譫�) */
.btn01{
    position: relative;
    width: 230px;
    text-align: left;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.btn01 a{
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 11px 13px 11px;
    color: #061745;
    font-size: 1.8rem;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    border: 1px solid #061745;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
}

.btn01 a:hover{
    background: #061745;
    /* background: rgba(6, 23, 69, 0.7); */
    color: #FFF;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

/* 繝懊ち繝ｳ2(逋ｽ譫�) */
.btn02{
    position: relative;
    width: 250px;
    text-align: left;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    margin-left: 50px;
}

.btn02 a{
    display: inline-block;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 11px 13px 11px;
    color: #fff;
    font-size: 1.8rem;
    font-weight: normal;
    text-decoration: none;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
    border: 1px solid #fdfdfd;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
}

.btn02 a:hover{
    /* background: #061745; */
    background: rgba(6, 23, 69, 0.7);
    /* background: rgba(0, 0, 0, 0.7); */
    color: #FFF;
    -webkit-transition-delay: .2s;
    -o-transition-delay: .2s;
    transition-delay: .2s;
}

/* 繝医ャ繝励�繝ｼ繧ｸ縲€荳ｭ螟ｮ */
.btn_center p{
    margin: 0 auto;
}

/* 繝懊ち繝ｳ2縺､荳ｦ縺ｳ */
.two_column_btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    width: 100%;
    height: auto;
    max-width: 505px;
}
.two_column_btn p:nth-child(1),.two_column_btn p:nth-child(3){
    margin-right: 45px;
}
/* .two_column_btn p:nth-child(2n){
    margin-right: 0;
} */
.two_column_btn p{
    margin-bottom: 25px;
}

/* 繝懊ち繝ｳ3縺､荳ｦ縺ｳ */
.three_column_btn{
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    height: auto;
}
.three_column_btn p:nth-child(1),.three_column_btn p:nth-child(2){
    margin-right: 45px;
}
.three_column_btn p{
    margin-bottom: 25px;
}

.f-good_box01 .three_column_btn{
    justify-content: center;
}
.f-good_box01 .three_column_btn p:nth-child(1),.three_column_btn p:nth-child(2){
    margin-right: 30px;
}
.f-good_box01 .three_column_btn p{
    margin-bottom: 20px;
}

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

    .btn01,.btn02{
        width: 100%;
        margin-bottom: 10px;
        margin-left: 0px;
    }
    .btn01 a, .btn02 a{
        font-size: 1.5rem;
        padding: 13px 13px 11px;
        text-align: center;
    }

    .btn01{
        position: initial;
        transform: initial;
    }

    .two_column_btn .btn01, .three_column_btn .btn01{
        width: 230px;
    }
    .two_column_btn, .three_column_btn{
        justify-content: center;
    }
    .two_column_btn p:nth-child(1),.two_column_btn p:nth-child(3) {
        margin-right: 0px;
    }
    .two_column_btn p{
        margin-bottom: 20px;
    }
    
    .three_column_btn p:nth-child(1),.three_column_btn p:nth-child(2){
        margin-right: 0px;
    }
    .three_column_btn p{
        margin-bottom: 20px;
    }
    .f-good_box01 .three_column_btn p:nth-child(1),.three_column_btn p:nth-child(2){
        margin-right: 0px;
    }
    .f-good_box01 .three_column_btn p{
        margin-bottom: 15px;
    }
    

}

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

Contact Form7

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

.wpcf7{
    width: 100%;
    text-align: left;
}

.form_row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
    padding: 0 20px 30px 20px;
    border-bottom: 1px dotted #AAA;
}

.form_label{
    width: 300px;
    font-weight: bold;
}
.form_row_address_row .form_label{
    font-weight: normal;
}

.form_row .form_label .required{
    display: inline-block;
    color: #FFF;
    font-weight: normal;
    font-size: 1.2rem;
    padding: 0 4px;
    background: #CC0000;
    margin-right: 10px;
    border-radius: 3px;
}

.form_label .any{
    display: inline-block;
    color: #797979;
    font-weight: normal;
    font-size: 1.2rem;
    padding: 0 4px;
    background: #D7D7D7;
    margin-right: 10px;
    border-radius: 3px;
}

.form_input{
    width: calc(100% - 300px);
}

.wpcf7-form-control{
    width: 100%;
}

.wpcf7-form input{
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 3px;
}

.wpcf7-form input[type="radio"]{
    border-radius: 10px;
}

.wpcf7-list-item-label{
    vertical-align: text-top; /* 繝ｩ繧ｸ繧ｪ繝懊ち繝ｳ譁�ｭ嶺ｽ咲ｽｮ */
}

.wpcf7-form textarea{
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 3px;
}

.form_input_post{
    width: 180px;
}

.form_row .form_input_post_txt{
    color: #B20000;
    font-weight: normal;
    font-size: 1.4rem;
}

.form_row .last_row{
    padding-bottom: 0;
    border-bottom: none;
}

.tc{
    text-align: center;
}

.form_row_post{
    margin-bottom: 30px;
    padding: 0 20px 30px 20px;
    border-bottom: 1px dotted #AAA;
}
.form_row_address_row{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}

.tc input[type=submit]{
    cursor: pointer;
    width: 360px;
    max-width: 100%;
    padding: 18px;
    border: 1px solid #061745;
    background-color: #061745;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    margin: 10px auto 0;
}

.wpcf7 .tc input[type=submit]:hover{
    background-color: rgba(6, 23, 69, 0.4);
    color: #061745;
    -webkit-transition: all .25s;
    -o-transition: all .25s;
    transition: all .25s;
}

.wpcf7-response-output{
    font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
    
    .ajax-loader{
        width: auto;
        height: auto;
    }
    .form_row{
        flex-direction: column;
        padding: 0 0 20px 0;
    }

    .form_row .form_label{
        width: 100%;
        margin-bottom: 5px;
    }

    .form_input{
        width: 100%;
    }

    .form_row_address_row{
        flex-direction: column;
    }
    .form_row_post{
        padding: 0 0 20px 0;
    }


}


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

clearfix

*****************************************/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}

/* End Hack */



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

霑ｽ蜉�逕ｨ

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