@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #3f734f} /* メインカラー */
.txt_color2{color: #E2D7BF} /* サブカラー */
.txt_color3{color: #b19c65} /* 黄土色*/
.txt_color4{color: #eae7d5} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #72a47f} /* メインカラー */
.bg_color2{background-color: #E2D7BF} /* サブカラー */
.bg_color3{background-color: #c9bf85} /* アクセントカラー1 */
.bg_color4{background-color: #eae7d5} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #739e80}
.border_color2{border-color: #E2D7BF}
.border_color3{border-color: #b9af72}
.border_color4{border-color: #eae7d5}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #3f734f} /* メインカラー */
.hvr_txt_color2:hover{color: #E2D7BF} /* サブカラー */
.hvr_txt_color3:hover{color: #c5c0a1} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eae7d5} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #72a47f} /* メインカラー */
.hvr_bg_color2:hover{background-color: #E2D7BF} /* サブカラー */
.hvr_bg_color3:hover{background-color: #c9bf85} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #eae3c4} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #3f734f}
.hvr_border_color2:hover{border-color: #E2D7BF}
.hvr_border_color3:hover{border-color: #c5c0a1}
.hvr_border_color4:hover{border-color: #eae7d5}


/*全ページ*/
body{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
overflow:hidden;
background-image:url(dup/img/bg4.jpg);
background-size: cover;
}
#wrap{
background-image: url(dup/img/item2.png);
background-repeat: no-repeat;
background-position: right bottom 400px;
background-size: 20%;
}
#contact_btn a{
box-shadow:none;
padding-bottom: 1px;
}
#aside_company,#aside_access{
background-color:rgba(255, 255, 255, 0.5)!important;
border:0!important;
}
#footer .logo img{width:50%!important;}
.fas{
color:white!important;
font-size: 25px;
}
#footer #info h3,#footer #info p{color:white!important;}
#page-top a{background-size: 35%;}

/*トップページ*/
header{
background-image:url(dup/img/bg4.jpg);
background-repeat: no-repeat;
background-size: cover;
}

#logo img{width:80%!important;}
#intro{
background-color:rgba(254,253,244,0.4);
color:#333;
}
#intro h2{font-weight:bold;}
#contents .box1,#contents .box2,#top_cms .top_cms_box{
background-color:white!important;
border:0!important;
}

#contents h3{
font-weight:bold;
font-size: calc(1rem + 6px);
border-bottom:0;
padding-bottom:12px;
background-repeat:no-repeat;
background-position:bottom left;
}
#contents .box1 h3{background-image:url(dup/img/br1.png);}
#contents .box2 h3{background-image:url(dup/img/br2.png);}
.bnr{width:200px;}
.bnr a{
display:block;
padding:20px;
background-color: #e19351;
margin-bottom: 30px;
color: white;
text-align: center;
}
.bnr a:hover{
opacity:0.5;
transition:all 0.3s;
}

 /*下層ページ*/
#page_title{
padding: 5px;
background-color: rgba(185, 175, 114, 0.6);
}

/*ブログ*/
#cms_1-a .cate_box {
background-color:white;
padding: 30px;
}
#cms_1-a .box_txt1{font-size: 17px;}
.pager{
padding-top: 5px;
border: 0;
}


 /*当店のこだわり*/
#cms_2-c .cate_list a{
border-left:0;
border-color:transparent!important;
background-color:rgba(252, 250, 241, 0.58)!important;
color:#333;
}
#cms_2-c .cate_list a:hover{
opacity:0.7;
transition:all 0.3s;
}
#cms_2-c .cate_box{
background-color:white;
padding: 30px;
}
#cms_2-c .box_txt1 {font-weight:bold;}
#cms_2-c .cate_title{
font-size: calc(1rem + 10px);
font-weight:bold;
}

/*よくあるご質問*/
#cms_5-c .cate_box{
background-color:white;
padding: 30px;
}

/*お客様の声*/
.circle,.arrow{display:none;}
#cms_6-c .cate_box{
border-radius:0;
margin-bottom: 50px;
}
#cms_6-c .box_title{border-bottom: 2px solid;}

/*店舗情報*/
#company,#page7 .box_wrap {
background-color:white;
border:0;
}
#company .cate_box{border-bottom: 1px solid #739e80;}
#company .fas{color: #f6ddcd!important;}
#company .box_txt2{
font-size: calc(1rem + 2px);
padding-left: 35px!important;
} 

/*サイトマップ*/
#sitemap{
background-color:white;
border:0;
}
#sitemap a{border: 1px solid #b9af72;}
#sitemap a:hover{transition:all 0.3s;}
#sitemap .fas{font-size: 18px;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.drawer-nav{color: #c18e27;}
.drawer-hamburger{background-color:transparent!important;}
main{padding-bottom: 250px!important;}
.drawer-overlay{background-color: rgba(231, 223, 210, 0.57);}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#header div{
padding-bottom: 5px;
padding-top: 5px;
}
#logo img {width: 100%!important;}
#footer .logo img {width: 60%!important;}
#contact_btn a{padding-bottom: 5px;}
.fas{font-size: 15px;}
#main_img{height: 100%!important;}
main {padding-bottom: 150px!important;}
.box1,.box2,.top_cms_box{
padding-left:20px;
padding-right:20px;
}
#aside_company,#aside_access{padding:20px;}
article{
padding-right: 20px!important;
padding-left: 20px!important;
}
#contents .box2 h3{letter-spacing: 0px;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
.bnr a{padding:25px 20px 20px;}
.more a{padding:15px 10px 10px;}
section h2{padding:10px 10px 0px;}
.pager a{padding:25px 20px 20px;}
}