﻿@media all and (-ms-high-contrast: none){
#cms_2-a .cate .cate_title{
    padding-top:0 !important;
}
.intro_img div {
    text-stroke:0;
    color: white;
    z-index:2;
}
.h_tel_btn{
    line-height: 10px;
}
.more_btn a i, .more_btn > span i {
    top: calc(50% - 0.4em) !important;
   
}
}


#page3 #c_banner1{
    text-align:center;
}

#page3 #c_banner1 img{
    max-width:350px;
    transition:all 0.3s;
    box-shadow: 4px 4px 7px rgba(0,0 ,0,0.35);
}
#page3 #c_banner1 img:hover{
    opacity:0.8;
}
.cate_list li a {
    font-size: 14px;
}
#cms_2-a h4.box_title1 { padding-top: 20px;  padding-bottom: 10px;} 

ul.sns_link .width_20{
    width:30px;
}
.intro_img img {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    border: 10px solid #c0d0c0;
}
.c2_box_txt .more_btn {
    text-align:center;
}
.c2_box_txt h2::before {
    width: 90px;
    height: 90px;
    content: "";
    position: absolute;
    background: url(Dup/img/bg3.png) no-repeat;
    background-size: contain;
    right: -60px;
    top: -30px;
}
.c2_box_txt h2{
  
    display: inline-block;
    position: relative;

}
.cms_box{
    padding-bottom:50px;
}


#cms_3-c .box_title1,#cms_3-c .box_title2,.cms_3-c .box_title1,.cms_3-c .box_title2{
    border-style: dashed;

}
.linkStyle {
    color: #1c3b1c;
}
.sf_contact_box {
    background: #e4ece4;
}
.cms_5-c .cate_box{
    background: white;
    padding: 10px;
    border: 1px solid #d4a9a2;
     box-shadow: 0 2px 4px rgba(0,0,0,0.15);
    
}
.cms_5-c .box_title1{
    border-style: dotted;
}
.cms_2-a .box_item:nth-child(1){
    border-bottom:0;
}
#c_banner img{
    max-width: 350px;
    box-shadow: 4px 4px 7px rgba(0,0 ,0,0.35);
    transition: all 0.3s;
}
#c_banner img:hover{
    opacity:0.8;
}
#c_banner div{
    width:40%;
    text-align:center;
    font-size:16px;
}

#c_banner{
    justify-content:space-around;
    margin-bottom:30px;
}
#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before{
    color: rgba(212,169,162,0.65);
}
#page5 .cate_box{
    background: white url(Dup/img/voice.png) no-repeat;
    background-position: right bottom;
    background-size:contain;
}
#page4 .box_item:nth-child(1){
    border-bottom:0;
}
#page4 .box_item:nth-child(2){
    border-top:0;
}
#header .h_box_mail{
    background:#d4a9a2;
}
.title_box p{
    color: #d4a9a2;
    font-size: 14px;
}
.cate_title:before {
    width: 50px;
    height: 50px;
    content: "";
    background: url(Dup/img/title_b.png) no-repeat;
    position: absolute;
    background-size: contain;
    left: 0;
    top: -7px;
}
.cate_title{
    position: relative;
    border:0;
    padding: 0 0 0 55px;
}
.opacity08{
    opacity:1;
}
.s_footer_info_r {
    background: #e4ece4 url(Dup/img/footer_bg.png) no-repeat;
    background-position: bottom;
    background-size: contain;
}
#page_title .title_box{
    background:#fefef3;
}
#wrap{
    background:#fefef3;
}
.cms_2-a .cate_box{
    padding-bottom:10px;
}
.box_item {
    background: #ffffff;
    box-shadow: 0 3px 4px rgba(0,0,0,0.15);
    border: 1px solid #d4a9a2;
}
div.top_cms_title p{
    color: #d4a9a2;
}
.intro_img a::before{
        border: solid 1px #467846;
}
#header{
    padding:5px 10px;
}
.overlay .txt_color3 {
    color: #5a7c6d;
}
.overlay {
    background: #fefef3;
}
#banner2{
    margin-top:20px;
}
#banner2 img {
    max-width: 300px;
     transition:all 0.3s;
}
.swiper-wrapper {
    border-radius: 0;
}
#main_b {
    position: absolute;
    width: 45vw;
    z-index: 3;
    left: 8%;
    top: 10%;
}
#main_img .swiper-wrapper::before{
    background-image: radial-gradient(rgb(255 255 255 / 40%) 40%, transparent 40%);
}
.main_img_txt{
    display:none;
}
.intro_item {
    position:relative;
    z-index:2;
}
p#banner1 img{
    max-width: 350px;
    box-shadow: 4px 4px 7px rgba(0,0,0,0.35);
    transition:all 0.3s;
}
p#banner1 img:hover,p#banner2 img:hover{
    opacity:0.7;
}
p#banner1{
    margin-top:10px;
    z-index:2;
}

.cms_box .cms_box_bg{
    background-color: #ebf1e2;
     background-color:#f2f6e8;
    border-radius:0;
}
section.scrollpage_box{
     padding:0;
}
.section{
    background: #fefef3;
   
}
span.cms_box_bg::before {
    width: 100%;
    height: 130px;
    content: "";
    background: url(Dup/img/bg2.png) repeat-x;
    position: absolute;
    top: -110px;
    background-size: contain;
    z-index: -1;
    background-position: bottom;
}
.intro_img div {
    -webkit-text-stroke: 1px #467846;
}
.intro_item p.linehight_2.font_2up.font_100per_sp::before {
    width: 400px;
    height: 310px;
    background: url(Dup/img/bg1.png) no-repeat;
    position: absolute;
    content: "";
    background-size: contain;
    right: -150px;
    bottom: -170px;
    z-index: -1;
}
.intro_item p{
    position:relative;
}
.intro_img a::after {
    width: 15vw;
    height: 21vw;
    content: "";
    background: url(Dup/img/drink.png)no-repeat;
    position: absolute;
    background-size: contain;
    left: -60px;
    bottom: -80px;
    z-index: 2;
}
#s_content1{
    background: #fefef3;
}
figure.intro_img{
    z-index:2;
}
#page_title::before{
    display:none;
}
#s_content2 .bg_white{
    background: #fefef3;
    border: 1px solid #7a7e7a;
}

/*---------------------------タブレット---------------------------------*/
@media screen and (max-width:768px){
    #main_b {
    position: absolute;
    width: 50vw;
    }
    .intro_img a::after {
    width: 30vw;
    height: 35vw;
    content: "";
    background: url(Dup/img/drink.png)no-repeat;
    position: absolute;
    background-size: contain;
    left: -60px;
    bottom: -30px;
    z-index: 2;
}
#page5 .cate_box {

    background-size: 40%;
}
.c2_box_txt h2::before {
    width: 80px;
    height: 80px;
}

}
/*---------------------------ここまで---------------------------------*/


/*---------------------------スマホ---------------------------------*/
@media screen and (max-width:667px){

#main_b {
    position: absolute;
    width: 80vw;
    z-index: 3;
    left: 11%;
    top: 20%;
}
#main_img .swiper-wrapper::before {
    background-image: radial-gradient(rgba(255,255,255,0.4) 40%, transparent 100%);
}
.intro_img a::after {
    width: 40vw;
    height: 55vw;
    content: "";
    background: url(Dup/img/drink.png)no-repeat;
    position: absolute;
    background-size: contain;
    left: -20px;
    bottom: -30px;
    z-index: 2;
}
#page3 .box_item:nth-child(1){
    
        border:0;
    
}
#cms_3-c .cate_title {
    display: inline-block;
}
#page5 .cate_box {
    background-size: 80%;
}
#c_banner div {
    width: 100%;
    text-align: center;
    font-size: 16px;
    margin-bottom: 20px;
}
#c_banner {
    margin-bottom: 30px;
    flex-direction: column;
}
#cms_3-c .box_title1, #cms_3-c .box_title2, .cms_3-c .box_title1, .cms_3-c .box_title2{
    border:0;
}
#cms_3-c .box_txt1,.cms_3-c .box_txt1{
    padding: 10px 20px !important;
    border-top: 1px dashed #d4a9a2;
}

p#banner1 {
    text-align: center;
}

.c2_box_txt h2::before {
    width: 70px;
    height: 70px;
    content: "";
    position: absolute;
    background: url(Dup/img/bg3.png) no-repeat;
    background-size: contain;
    right: -50px;
    top: -25px;
}
li.h_box_mail a{
    padding: 5px 25px;

}
}
/*---------------------------ここまで---------------------------------*/