@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500&display=swap');

/* color-----------------------------------------------------------------------*/

section,.bg_white,.hvr_bg_white:hover{background:#fffdfa;}
.txt_white,.hvr_txt_white:hover{color:#fffdfa;}

.txt_color1,.hvr_txt_color1:hover{color: #228922;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #fff5e3;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #ffa300;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #eee48a;} /* アクセントカラー2 */
/* background-color */
.bg_color1,.hvr_bg_color1:hover{background-color: #228922;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #fff5e3;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #ffa300;;} /* アクセントカラー1 */
.bg_color4,.hvr_bg_color4:hover{background-color: #eee48a;} /* アクセントカラー2 */
/* border-color ※!important */
.border_color1,.hvr_border_color1:hover{border-color: #228922;}
.border_color2,.hvr_border_color2:hover{border-color: #fff5e3;}
.border_color3,.hvr_border_color3:hover{border-color: #ffa300;}
.border_color4,.hvr_border_color4:hover{border-color: #eee48a;}
/* hover ----------------------*/


.arrow img { background: #fff5e3;;}
#header li a {
    border-color: #228922;
    color: #228922}
.button_container span {background: #228922;}
.intro_img div {
    top: -11.8%;
    -webkit-text-stroke: 0.7px #228922;}
.intro_img a::before {border: solid 1px rgb(34 137 34 / 0.7);}
.overlay {background: rgb(255 253 250 / 98%);}
.overlay_l::before {border: solid 1px rgba(255 253 250,0.7);}
.cms_5-b .cate_box .open_bt .box_title1::before,#cms_5-b .cate_box .open_bt .box_title1::before { color: #94adda !important;}

.hvr_txt_color3:hover{color: #5b5856 !important;} /* アクセントカラー1 */
#page_title::before {background: rgb(139 126 117 / 50%);}
#main_img .swiper-wrapper::before { background-image: radial-gradient(rgb(139 126 117 / 0.5) 40%, transparent 40%);}
div#header {    background: #f9f3ba;}
/*linkStyle*/
a.linkStyle {
    color: #ffa300;
    transition: 0.5s;
    border-bottom: solid 1px;
}
a.linkStyle:hover {
    color: #228922;
}

/* color-----------------------------------------------------------------------*/

/* font -----------------------------------------------------------------------*/
body,.intro_box .font_un,.font_un,.font_san,h4,h5,h6.intro_box .font_un,.font_un,.intro_box .font_un,#cms_5-c .box_title1 {font-family: 'Zen Maru Gothic','Zen Kaku Gothic Antique', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif !important;}
.font_bold {font-weight: 500;}

h2,h3 {font-family:'Shippori Mincho B1',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}

html {font-size: 15px;}
.opacity08,.opacity07 { opacity: 1;}
.intro_item p {transform: rotate(0.05deg);}


.font_hand{font-family: 'Ms Madi', cursive;}
/* font -----------------------------------------------------------------------*/

/*【控え目】5～10px*/
/*border-radius-------------------------------------------------------------------------*/
.con_img, .cate_img1, .box_img1, .box_img2, .box_img3, .box_img4, #cms_3-c .cate_box .box_title3 span,#contents3 .con_box,#intro_wrap,#page_title .page_title_box,.pd_l-r10per.pd_t-5per.pd_b-5per.pd_5per_tb.pd_t-50px_sp .con_box,.box_img1 img{border-radius: 5px;}
.nav_menu_more a,.cate_list li a,.pager li a,.intro_img a::before,.intro_img a img,#page_title .title_box{border-radius: 5px;}
#cms_2-b h3.cate_title,.sf_contact_box,.shop_bnr a img,#s_content2 .c2_box .c2_box_txt > div,.phone_wrap,.phone_txt  {border-radius: 5px;}

.sf_contact_mail a,.more_box,.more_btn a,.pager li a,.cate_list li a,.c2_box_bg::before,#header li a,.overlay_l::before,.s_footer_info_l::before{border-radius: 3px;}
/*border-radius-------------------------------------------------------------------------*/


/*■■■■■■■■■■■■■■■■■■■■■■■■■■ top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
#main_img .swiper-wrapper::before {background-image: radial-gradient(rgb(139 126 117 / 0%) 40%, transparent 40%);}
.fa-angle-down{font-weight:600;}

.catch {
    z-index: 2;
    height: auto;
    width: 28vw;
    top: 50%;
    right: 50%;
    transform: translate(135%, -60%);}

.intro_box {max-width: 1550px;}    

.intro_img a span {
    top: -32%;
    left: -23%;
    width: 34vw;
    height: 69vh;
    background-color: #f3eee8;
    background: url(dup/img/item01.png);
    z-index: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

    
.intro_img a img {
    position: relative;
    z-index: 0;}
    
.intro_box .font_un {z-index: 2;}



/*------------------------------------------------------------------------------*/
/* contents */

.rec_txt{font-size:20px;
        padding-top: 60px;}
    
.rec_txt span {background:linear-gradient(transparent 60%, #fff8b9 60%);}

#s_content3 .font_20{font-size:20px;}
#contents .txt_wrap .con_box {
    width: calc(20% - 16px);
    margin-right: 20px;
    box-sizing: border-box;
}
#contents .txt_wrap .con_box:last-of-type {
    margin-right: 0;
}

#contents .con_img {
    border-radius: 30px;
}




#contents .con_txt.font_20 {
    font-size: 23px;
    padding-top: 10px;
    text-align: center;
    margin: 0 auto;
}

@media screen and (max-width: 768px){
#contents .txt_wrap .con_box {
    width: calc(33% - 12px);
}
}
@media screen and (max-width: 667px){
#contents .txt_wrap .con_box {
    width: 80%;
    margin-right: 0;
    margin-bottom: 30px;
}
#contents .con_title h3:before {
    bottom: -15px;
}
}

/*------------------------------------------------------------------------------*/
.cms_box .top_cms_title {
    padding: 70px 0 100px;
    margin-bottom: 50px;
    background-color: #fff5e3;
    background-image: url(./Dup/img/bg_img2.png);
    background-position: left 0 bottom -1px;
    background-repeat: no-repeat;
    background-size: 100% 100px;
}

section.scrollpage_box {padding: 0;}

.rec_txt_tb{display:none;}

li.sf_contact_mail a {
    color: #06c755;
    font-size: 20px;
    padding: 20px 0px;
    border: solid 1px #06c755;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■ top ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.loading {
    background: url(dup/img/lo_bg.jpg);
    background-size: cover;
}

/*■■■■■■■■■■■■■■■■■■■■■■■■■■ sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
section#page2,section#page3,section#page4,section#page5,section#page6,section#page7,section#page8,section#page9,section#page10
{    background: #fff;
    border-radius: 10px;
    padding: 50px;}
    
div#wrap {background: #fff5e3;}
footer {background: #fffdfa;}
ul#footer_nav {
    background: #fffdfa;
    border-bottom: solid 2px #fff5e3;}

#cms_3-a .cate_title{position: relative;
                    z-index: 1;}
    
#cms_3-a .cate_title::before {
    content: '';
    background: url(dup/img/item01.png) !important;
    position: absolute;
    width: 70px;
    height: 70px;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    z-index: -1;
    top: 50%;
    transform: translate(-21%, -45%);
}

section#cms_6-c {background: transparent;}

div#header {
    background: #f9f3ba;
    padding: 8px 20px;
}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■ sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*■■■■■■■■■■■■■■■■■■■■■■■■■■ all ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
.res_m{transform: translate(0px, 3px);}
.res {padding-bottom: 4px;}
/*■■■■■■■■■■■■■■■■■■■■■■■■■■ sub ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

/*タブレット*/
@media screen and (max-width: 768px){
.rec_txt_tb{display:inline-block;}    
h1#logo {max-width: 180px;}
div#header {
    background: #f9f3ba;
    padding: 8px 10px;}

.cms_box .top_cms_title {background-size: 100%;}
.intro_img a span {
    top: -19%;
    left: -23%;
    width: 44vw;
    height: 31vh;}

.intro_item h2 {
    font-size: -webkit-calc(1rem + 8px) !important;
    font-size: calc(1rem + 8px) !important;
}
    
.modal_txt_wrap {padding-left: 20px;}
    
#s_content3 .font_20 {
    font-size: 17px;
    padding-top:10px;
}
#contents .txt_wrap .con_box {
    width: calc(40% - 12px);}
    
#s_content3 .con_wrap {
    margin-bottom: 60px;
}

.pp-scrollable .qa_type4 {
    padding: 0 50px;}
    

#contents .con_txt.font_20 {
    font-size: 21px;
    padding-top: 13px;
    padding-bottom: 40px;}

.rec_txt_tb {
    font-size: 23px;
    margin-top: 22px;
    background: #fff8b9;
    padding: 10px;
    border-radius: 7px;}
    
footer.section.pp-scrollable {
    background: #fff5e3;}

footer.section.pp-scrollable {
    background: #fffdfa;
    border-top: dashed 3px #fff5e3;}
    
section#page2, section#page3, section#page4, section#page5, section#page6, section#page7, section#page8, section#page9, section#page10 {
    background: #fff;
    border-radius: 40px;
    padding: 40px;
    border: solid 20px #fff5e3;}
    
ul#footer_nav li {padding: 20px;}
}


/*スマホ*/
@media screen and (max-width: 667px){
.modal_txt_wrap {padding-left: 0px;}

.catch {
    z-index: 2;
    height: auto;
    width: 41vw;
    top: 50%;
    right: 50%;
    transform: translate(104%, -52%);}
    
.intro_img a span {
    top: -22%;
    left: -19%;
    width: 60vw;
    height: 34vh;}
    
.intro_item h2 {
    font-size: -webkit-calc(1rem + 6px) !important;
    font-size: calc(1rem + 6px) !important;}
    
.more_btn h2 {
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
    margin-bottom: 20px;
    padding-top: 20px;}


#contents .con_txt.font_20 {
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    letter-spacing: 0px;}

#contents .txt_wrap .con_box {width: calc(50% - 12px);}

.rec_txt_tb {
    font-size: 14px;
    letter-spacing: 1px;
    margin-top: 10px;
    background: #fff8b9;
    padding: 10px;
    border-radius: 7px;
    width: 90% !important;}

.cms_box .top_cms_title{padding: 50px 0 50px;}


.sf_contact_box h3 {
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);}

.cms_box .cms_wrap {
    padding-left: 20px;
    padding-right: 20px;}
    
.overlay {top: 58px;}
.button_container span {background: #228922 !important;}

section#page2, section#page3, section#page4, section#page5, section#page6, section#page7, section#page8, section#page9, section#page10 {
    background: #fff;
    border-radius: 40px;
    padding: 20px;
    border: solid 20px #fff5e3;}
    
#cms_6-c .cate_box {padding: 20px;}
div#phone a {padding: 10px;}

#cms_3-a .cate_title::before {
    width: 60px;
    height: 60px;
    transform: translate(-21%, -50%);}
    
a.h_tel_btn{
    margin-right: -15px;}

h1#logo {max-width: 140px;}



#bottom_tel a {
    height: 46px;
    background-color: #fff5e3;
}
#bottom_tel {
    right: 0;
    bottom: 0;
    z-index: 12;
    width: 100%;
    max-width: inherit !important;    
}

#page_top {
    bottom: 84px;
    z-index: 13;}
    
p.s_footer_copy {padding-bottom: 50px;}
p.s_footer_copy_08 {padding-bottom: 0px !important;}
}












/* フォントサイズ */
.font_10{font-size: 11px;}.font_11{font-size: 12px;}.font_12{font-size: 13px;}.font_13{font-size: 14px;}
.font_14{font-size: 15px;}.font_15{font-size: 16px;}.font_16{font-size: 17px;}.font_17{font-size: 18px;}
.font_18{font-size: 19px;}.font_19{font-size: 20px;}.font_20{font-size: 21px;}.font_21{font-size: 22px;}
.font_22{font-size: 23px;}.font_23{font-size: 24px;}.font_24{font-size: 25px;}.font_25{font-size: 26px;}
.font_26{font-size: 27px;}.font_27{font-size: 28px;}.font_28{font-size: 29px;}.font_29{font-size: 30px;}
.font_30{font-size: 31px;}.font_31{font-size: 32px;}.font_32{font-size: 33px;}.font_33{font-size: 34px;}
.font_34{font-size: 35px;}.font_35{font-size: 36px;}.font_36{font-size: 37px;}.font_37{font-size: 38px;}
.font_38{font-size: 39px;}.font_39{font-size: 40px;}.font_40{font-size: 41px;}.font_41{font-size: 42px;}
.font_42{font-size: 43px;}.font_43{font-size: 44px;}.font_44{font-size: 45px;}.font_45{font-size: 46px;}
.font_46{font-size: 47px;}.font_47{font-size: 48px;}.font_48{font-size: 49px;}.font_49{font-size: 50px;}
.font_50{font-size: 51px;}

/* フォントサイズ 基準値から+- */
.font_100per{font-size:-webkit-calc(1rem + 1px);font-size : calc(1rem + 1px);}
.font_200per{font-size:-webkit-calc(2rem + 1px);font-size : calc(2rem + 1px);}
.font_2up{font-size:-webkit-calc(1rem + 3px);font-size : calc(1rem + 3px);}
.font_4up{font-size:-webkit-calc(1rem + 5px);font-size : calc(1rem + 5px);}
.font_6up{font-size:-webkit-calc(1rem + 7px);font-size : calc(1rem + 7px);}
.font_8up{font-size:-webkit-calc(1rem + 9px);font-size : calc(1rem + 9px);}
.font_10up{font-size:-webkit-calc(1rem + 11px);font-size : calc(1rem + 11px);}
.font_12up{font-size:-webkit-calc(1rem + 13px);font-size : calc(1rem + 13px);}
.font_14up{font-size:-webkit-calc(1rem + 15px);font-size : calc(1rem + 15px);}
.font_2dw{font-size:-webkit-calc(1rem - 1px);font-size : calc(1rem - 1px);}
.font_4dw{font-size:-webkit-calc(1rem - 3px);font-size : calc(1rem - 3px);}
.font_6dw{font-size:-webkit-calc(1rem - 5px);font-size : calc(1rem - 5px);}
.font_8dw{font-size:-webkit-calc(1rem - 7px);font-size : calc(1rem - 7px);}

/*タブレット*/
@media screen and (max-width: 768px){
/* フォントサイズ　タブレット */
.font_10_tb{font-size: 11px;}.font_11_tb{font-size: 12px;}.font_12_tb{font-size: 13px;}.font_13_tb{font-size: 14px;}
.font_14_tb{font-size: 15px;}.font_15_tb{font-size: 16px;}.font_16_tb{font-size: 17px;}.font_17_tb{font-size: 18px;}
.font_18_tb{font-size: 19px;}.font_19_tb{font-size: 20px;}.font_20_tb{font-size: 21px;}.font_21_tb{font-size: 22px;}
.font_22_tb{font-size: 23px;}.font_23_tb{font-size: 24px;}.font_24_tb{font-size: 25px;}.font_25_tb{font-size: 26px;}
.font_26_tb{font-size: 27px;}.font_27_tb{font-size: 28px;}.font_28_tb{font-size: 29px;}.font_29_tb{font-size: 30px;}
.font_30_tb{font-size: 31px;}.font_31_tb{font-size: 32px;}.font_32_tb{font-size: 33px;}.font_33_tb{font-size: 34px;}
.font_34_tb{font-size: 35px;}.font_35_tb{font-size: 36px;}.font_36_tb{font-size: 37px;}.font_37_tb{font-size: 38px;}
.font_38_tb{font-size: 39px;}.font_39_tb{font-size: 40px;}.font_40_tb{font-size: 41px;}.font_41_tb{font-size: 42px;}
.font_42_tb{font-size: 43px;}.font_43_tb{font-size: 44px;}.font_44_tb{font-size: 45px;}.font_45_tb{font-size: 46px;}
.font_46_tb{font-size: 47px;}.font_47_tb{font-size: 48px;}.font_48_tb{font-size: 49px;}.font_49_tb{font-size: 50px;}
.font_50_tb{font-size: 51px;}

/* フォントサイズ 基準値から+- */
.font_100per_tb{font-size:-webkit-calc(1rem + 1px);font-size : calc(1rem + 1px);}
.font_200per_tb{font-size:-webkit-calc(2rem + 1px);font-size : calc(2rem + 1px);}
.font_2up_tb{font-size:-webkit-calc(1rem + 3px);font-size : calc(1rem + 3px);}
.font_4up_tb{font-size:-webkit-calc(1rem + 5px);font-size : calc(1rem + 5px);}
.font_6up_tb{font-size:-webkit-calc(1rem + 7px);font-size : calc(1rem + 7px);}
.font_8up_tb{font-size:-webkit-calc(1rem + 9px);font-size : calc(1rem + 9px);}
.font_10up_tb{font-size:-webkit-calc(1rem + 11px);font-size : calc(1rem + 11px);}
.font_12up_tb{font-size:-webkit-calc(1rem + 13px);font-size : calc(1rem + 13px);}
.font_14up_tb{font-size:-webkit-calc(1rem + 15px);font-size : calc(1rem + 15px);}
.font_2dw_tb{font-size:-webkit-calc(1rem - 1px);font-size : calc(1rem - 1px);}
}


/*スマホ*/
@media screen and (max-width: 667px){
/* フォントサイズ　スマホ */
.font_10_sp{font-size: 11px;}.font_11_sp{font-size: 12px;}.font_12_sp{font-size: 13px;}.font_13_sp{font-size: 14px;}
.font_14_sp{font-size: 14px;}.font_15_sp{font-size: 16px;}.font_16_sp{font-size: 17px;}.font_17_sp{font-size: 18px;}
.font_18_sp{font-size: 19px;}.font_19_sp{font-size: 20px;}.font_20_sp{font-size: 21px;}.font_21_sp{font-size: 22px;}
.font_22_sp{font-size: 23px;}.font_23_sp{font-size: 24px;}.font_24_sp{font-size: 25px;}.font_25_sp{font-size: 26px;}
.font_26_sp{font-size: 27px;}.font_27_sp{font-size: 28px;}.font_28_sp{font-size: 29px;}.font_29_sp{font-size: 30px;}
.font_30_sp{font-size: 31px;}.font_31_sp{font-size: 32px;}.font_32_sp{font-size: 33px;}.font_33_sp{font-size: 34px;}
.font_34_sp{font-size: 35px;}.font_35_sp{font-size: 36px;}.font_36_sp{font-size: 37px;}.font_37_sp{font-size: 38px;}
.font_38_sp{font-size: 39px;}.font_39_sp{font-size: 40px;}.font_40_sp{font-size: 41px;}.font_41_sp{font-size: 42px;}
.font_42_sp{font-size: 43px;}.font_43_sp{font-size: 44px;}.font_44_sp{font-size: 45px;}.font_45_sp{font-size: 46px;}
.font_46_sp{font-size: 47px;}.font_47_sp{font-size: 48px;}.font_48_sp{font-size: 49px;}.font_49_sp{font-size: 50px;}
.font_50_sp{font-size: 51px;}

/* フォントサイズ 基準値から+- */
.font_100per_sp{font-size:-webkit-calc(1rem + 1px);font-size : calc(1rem + 1px);}
.font_200per_sp{font-size:-webkit-calc(2rem + 1px);font-size : calc(2rem + 1px);}
.font_2up_sp{font-size:-webkit-calc(1rem + 3px);font-size : calc(1rem + 3px);}
.font_4up_sp{font-size:-webkit-calc(1rem + 5px);font-size : calc(1rem + 5px);}
.font_6up_sp{font-size:-webkit-calc(1rem + 7px);font-size : calc(1rem + 7px);}
.font_8up_sp{font-size:-webkit-calc(1rem + 9px);font-size : calc(1rem + 9px);}
.font_10up_sp{font-size:-webkit-calc(1rem + 11px);font-size : calc(1rem + 11px);}
.font_12up_sp{font-size:-webkit-calc(1rem + 13px);font-size : calc(1rem + 13px);}
.font_14up_sp{font-size:-webkit-calc(1rem + 15px);font-size : calc(1rem + 15px);}
.font_2dw_sp{font-size:-webkit-calc(1rem - 1px);font-size : calc(1rem - 1px);}

}



/*20200606*/
#main_img .swiper-wrapper::before {
    background: rgb(255 246 233 / 90%);
    mix-blend-mode: soft-light;
}

.catch {
    z-index: 2;
    height: auto;
    width: 25vw;
    top: auto;
    left: 0%;
    bottom: 0%;
    transform: translate(13%, -12%);
}



/*20220614*/
/*スマホ*/
@media screen and (max-width: 667px){
.con_txt span{font-size:98% !important;}
}