﻿@charset "utf-8";
/* CSS Document */

/* color */
.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #FF9E03} /* メインカラー */
.txt_color2{color: #976003} /* サブカラー */
.txt_color3{color: #999999} /* アクセントカラー1 */
.txt_color4{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: #fef5e7} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #f7b64f} /* メインカラー */
.bg_color2{background-color: #FFD18F} /* サブカラー */
.bg_color3{background-color: #d4881f} /* アクセントカラー1 */
.bg_color4{background-color: #eeeeee} /* アクセントカラー2 */
.bg_color5{background-color: #a84803} /* ページ切り替え */

/* border-color ※!important */
.border_color1{border-color: #f7b64f}
.border_color2{border-color: #fef5e7}
.border_color3{border-color: #999999}
.border_color4{border-color: #ffecc4}

/* 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: #feb43d} /* メインカラー */
.hvr_txt_color2:hover{color:#976003} /* サブカラー */
.hvr_txt_color3:hover{color: #999999} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #eeeeee} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #f7b64f} /* メインカラー */
.hvr_bg_color2:hover{background-color: #FFD18F} /* サブカラー */
.hvr_bg_color3:hover{background-color: #999999} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #eeeeee} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #f7b64f}
.hvr_border_color2:hover{border-color: #f0b416}
.hvr_border_color3:hover{border-color: #999999}
.hvr_border_color4:hover{border-color: #ffecc4}

/*全ページ*/
body{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
#footer_txt .tel a{color:#37543f;}
#footer_txt h3{
font-size:25px;
font-weight: bold;
}
#top_return{background-color:#37543f;}
#link_bt.links_bt{margin-bottom:5px;}

/*トップページ*/
#top_header img{width:80%;}
#top_header {
background-color: rgba(255, 255, 255, 0)!important;
text-align:center;
}
#main_right header {text-align:center;}
#contents{margin-bottom:0;}
#contents::after {background-color: rgba(153, 153, 153, 0.1)!important;}
#contents .fs_wrap{padding-top: 50px!important;}
/*#contents .box_txt{background-color: rgba(255, 238, 213, 0.8);}*/
#pc_news{padding-top:100px;}
#pc_news h3{
color:#37543f;
font-weight: bold;
}
/*
#pc_news figure{display: none;}
*/
#main_right header{padding-right:0;}
#top_link img{width:60%;}
#pc_tel .fs_wrap a{
color:#90430d;
text-shadow:none;
}
#pc_tel img {width: 55px;}
#pc_intro{
background-color: #ffdd7c;
background-image: url(dup/welcome_bg2.png);
background-repeat: no-repeat;
background-position: top left;
background-size: contain;
}
#pc_intro h2{
font-size: 25px;
color:#741806;
font-weight: bold;
text-align: center;
}
#pc_intro p{color:#741806;}
/*#pc_intro .pd_5per {background-color:rgba(254, 245, 231, 0.5);}*/
#left_bar div{border-radius: 0px;}
#main_left #footer_txt{border-radius: 0px;}
#footer_txt{
background-color: #fef5e7!important;
color:#333!important;
}
#footer_txt h3,#footer_txt p{color:#741806;}
#contents h3{margin-bottom: 5vh!important;}
#pc_news{background-color:rgb(255, 221, 124);}

#page_container{background-color: rgba(255, 255, 254, 0.85);}


/*下層ページ*/
#main_right header{background-color:#fef5e7;}
#page_title{background-color: rgb(55, 84, 63)!important;}
#page_title figure{margin-bottom:0;}
#page_title figure img{max-width: 110px;}
#page_title h2 span{font-size:25px;}
.cate_list li{border-color:transparent;}
.cate_list li a{color:#741806;}

/*メニュー*/
#cms_3-e .cate_title{background-color:#37543f;}
#cms_3-e .sub_cate_title {border-top:0;}

/*ギャラリー*/
#cms_4-b .cate_title{
border-bottom:1px solid #feb43d;
padding:0 0 5px 0;
text-align:left;
}

/*お客様のお声など*/
#cms_5-a .cate_title{background-color:#37543f;}


/*店舗情報*/
#info_box dt{color:#37543f!important;}

/*お問い合わせ*/
#submit .bt_input {
font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
#submit .bt_input:hover{
opacity:0.5;
transition:all 0.3s;
}

/*プライバシーポリシー*/
#page9 a:hover{
opacity:0.5;
transition:all 0.3s;
}

/*サイトマップ*/
#page10 .box_wrap {background-color: transparent;}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#top_header {background-color: rgb(254, 245, 231)!important;}
#top_header img {width: 90%;}
#top_link img{width: 80%;}
#main_right header{background-color:transparent;}
header #top_header .tel_bt a, header #top_header .intro_bt a{background-color:transparent;}
#page_container {background-color: rgb(255, 255, 255)!important;}
#page_title {background-color:rgb(55, 84, 63)!important;}
#page_title figure img {max-width: 90px;}

/* 公開後修正：welcome画像をtouchボタンの上に表示 */
header #top_link{
    background-color: #ffdd7c;
    background-image: url(dup/welcome_bg2.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-size: contain;
    height: 68vh!important;
    padding-bottom: 50px;
    margin-bottom: 0;
}
header #top_link .links_bt {
    top: 85%!important;
}
header #top_link .links_bt_wel {
    position: absolute;
    top: 37%;
    left: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding: 3%;
    width:100%!important;
}
#top_link .links_bt_wel img {
  width: 80%!important;
  height: auto!important;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header #top_link .links_bt{op: 83%!important;}
#top_link .links_bt_wel img{width: 100%!important;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
}


