@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #3a3939!important;}/*濃いグレー*/
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #9fa8a3} /* メインカラー */
.txt_color2{color: #3a3a3a;} /*濃いグレー */
.txt_color3{color: #8fccc5} /* アクセントカラー1 */
.txt_color4{color: #6b6a6a;} /*濃いグレー */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color:/*#a5dde8*/white;} /*水色*/ 
.bg_color1{background-color: white} 
.bg_color2{background-color: #ffffff} /* サブカラー */
.bg_color3{background-color: /*#a5dde8*/white;} 
.bg_color4{background-color: #e3e0cf} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #fde55e;} /* 黄色*/
.border_color2{border-color: #ffffff}
.border_color3{border-color: white;} /* 白*/
.border_color4{border-color: #fde55e;} /* 黄色*/


/* 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: #9fa8a3} /* メインカラー */
.hvr_txt_color2:hover{color: #ffffff} /* サブカラー */
.hvr_txt_color3:hover{color: #8fccc5} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #e3e0cf} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: white}
.hvr_bg_color2:hover{background-color: #ffffff} /* サブカラー */
.hvr_bg_color3:hover{background-color: #8fccc5} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #e3e0cf} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: white}
.hvr_border_color2:hover{border-color: #ffffff}
.hvr_border_color3:hover{border-color: #8fccc5}
.hvr_border_color4:hover{border-color: #e3e0cf}


/* 全ページ ---------------------------------------------------------------------------------------------*/
#header {
background: -moz-linear-gradient(top, rgba(164, 217, 232, 0.8), transparent);
background: -ms-linear-gradient(top, rgba(164, 217, 232, 0.8), transparent);
background: -webkit-linear-gradient(top, rgba(164, 217, 232, 0.8), transparent);
}
#sp_nav .tel_bt {
display: block;
margin-bottom: 20px;
}
#page_title .page_title_box p{color:#fdf69f;} /* 明るい黄色*/
.under_box::before{
content:'';
position:absolute;
background-image:url(dup/img/item2.png);
display:block;
width:525px;
height:60px;
right: 0;
top: 50px;
background-size: 80%;
background-repeat: no-repeat;
}
#under_page{
background-color: white;
    background-image: radial-gradient(#e2dada 10%, transparent 20%), radial-gradient(#e2dada 10%, transparent 20%);
    background-size: 10px 10px;
    background-position: 0 0, 5px 5px;
}

/* 01トップページ ---------------------------------------------------------------------------------------------*/
#contents1{position:relative;}
#contents1::before{
position:absolute;
content:'';
background-image:url(dup/img/item.png);
background-repeat:no-repeat;
display:block;
width:525px;
height:60px;
top: 70px;
}
#contents1 .con_box::before {
content:'';
position:absolute;
display:block;
transform:none;
background-color: white;
background-image: radial-gradient(#e2dada 10%, transparent 20%), radial-gradient(#e2dada 10%, transparent 20%);
background-size: 10px 10px;
background-position: 0 0, 5px 5px;
width:100%;
height:100%;
z-index:-1;
top: -40px;
}
.txt_shadow_h{
text-shadow: 0 0 5px rgba(255, 253, 253, 1);
}
#contents2 .con_box,#contents3 .con_box{
background:none;
z-index:2;
}
.con_box::before{background-color: #fde55e;} /* 黄色*/
#contents2::before{
content:'';
display:block;
position:absolute;
background:linear-gradient(to left,rgba(164, 217, 232, 0.8),transparent);
width:100%;
height:100%;
top:0;
left:0;
z-index:1;
}
#contents3::before{
content:'';
position:absolute;
display:block;
background:linear-gradient(to right,rgba(164, 217, 232, 0.8),transparent);
width:100%;
height:100%;
top:0;
left:0;
z-index:1;
}
#contents4 .txt_color2,#top_cms .txt_color2{color: #eeefac!important;}/* 黄色*/
.bnr_box{
display: flex;
max-width: 1000px;
margin: 0 auto;
}
#top_cms{position:relative;}
#top_cms::before{
position:absolute;
content:'';
background-image:url(dup/img/item2.png);
background-repeat:no-repeat;
display:block;
width:525px;
height:60px;
right:0;
}
#top_cms .txt_shadow_h {text-shadow:none;}
#top_info{position:relative;}
#top_info::before{
position:absolute;
content:'';
background-image:url(dup/img/item.png);
background-repeat:no-repeat;
display:block;
width:525px;
height:60px;
right: 0;
top: 70px;
}
#copyright .txt_white{color: #3a3939!important;}/*濃いグレー*/
#top_info .con_box::before{
content:'';
position:absolute;
display:block;
transform:none;
background-color: white;
background-image: radial-gradient(#e2dada 10%, transparent 20%), radial-gradient(#e2dada 10%, transparent 20%);
background-size: 10px 10px;
background-position: 0 0, 5px 5px;
width:100%;
height:100%;
z-index:-1;
top: 40px;
}


/* 02 ごあいさつ---------------------------------------------------------------------------------------------*/
#under_page .txt_white {
color: #3a3939!important;}/*濃いグレー*/
.box_wrap .border_so10-l, {
    border-left: 0;}
.box_wrap .border_so2 {
border: 0;
}
#cms_2-b .cate_img1 .border_so2-b{border-bottom:0;}
#cms_2-b .border_so10-r{border-right:0;}

/* 03メニュー---------------------------------------------------------------------------------------------*/
#cms_3-c .cate_title{
/*background-color: white;*/
border-bottom:0;
}
#cms_3-c .pd_5px {padding: 10px;}
#cms_3-c .box_item{justify-content: flex-start;}
#cms_3-c #cate5 .cate_title {position:relative;}
#cms_3-c #cate5 .cate_title::after{
content:'';
position:absolute;
background-image:url(dup/img/pop1.jpg);
width:500px;
height:300px;
background-size: 60%;
background-repeat: no-repeat;
right: -200px;
top: 100px;
z-index: 1;
}
#cms_3-c #cate6 .cate_title{position:relative;}
#cms_3-c #cate6 .cate_title::after{
content:'';
position:absolute;
background-image:url(dup/img/pop2.jpg);
width:500px;
height:300px;
background-size: 60%;
background-repeat: no-repeat;
right: -200px;
top: 100px;
z-index: 1;
}

#cms_3-c .cate .cate_box .box_title3{
font-size: 20px;
background-color: rgba(255,255,255,0.5);
padding: 10px;
}

/* 06 ブログ---------------------------------------------------------------------------------------------*/
#cms_1-c .cate_box{
background-color: white;
padding: 50px 30px;
border-bottom: 0;
border: 3px solid #FFD700;
}



/* 07 店舗情報---------------------------------------------------------------------------------------------*/
#under_page .info_box .d_flex:first-of-type {
    border-top: 0;
}

/* 08お問い合わせ---------------------------------------------------------------------------------------------*/
#form_area .border_color1 {
border-color: white;
}
#form_area .hvr_bg_color4:hover {
background-color: rgba(255,255,255,0.1);
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
/*#main_img{padding-top: 80px;}*/
.height80vh_sp {
height: 100%;
}
header .scroll_d {display:none;}
#pc_nav{display:none;}
#contents1::before,#top_cms::before,#top_info::before {
background-image:none;}
.con_box::before{display:none;}
.bnr_box{display:block;}
.banner{margin-top:0;}
#top_info::before,.under_box::before,#top_info .con_box::before{background-image:none;}
#under_page{background:none;}
#under_page .mg_b-100px {
margin-bottom: 0px; 
}
#cms_3-c #cate5 .cate_title::after,#cms_3-c #cate6 .cate_title::after {
background-size: 50%;
background-repeat: no-repeat;
right: -250px;
top: 100px;}
}


/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.height80vh_sp {
height: 100%;
}
#under_page .pd_30px {
 padding: 0; 
}
.font_6up_sp {
font-size: calc(1rem + 4px);
}
#contents1 .pd_t-100px_tb {padding-top: 40px;}
#cms_3-c .cate_title{text-align:left;}
#cms_3-c #cate5 .cate_title,#cms_3-c #cate6 .cate_title{margin-bottom:150px;}
#cms_3-c #cate5 .cate_title::after,#cms_3-c #cate6 .cate_title::after {
background-size:40%;
left: 0;
top: 95px;
}
#cms_1-c .cate_box{padding:30px 10px;}

/*----------------------------- 公開後修正　写真とテキストを分離------------------------------ */
#contents2 .con_bg img,#contents3 .con_bg img{
    width: 100%!important;
    height: auto!important;
    top: 0;
    transform: translate(-50%,0);
}
#contents2 .con_box, #contents3 .con_box{padding-top: 300px;}
.con_box h2{margin-bottom:0;}
/*-------------------------------------------------------------------------------------------------------------- */

}

/* ---------- IE ---------- */
@media all and (-ms-high-contrast: none) {
#cms_3-e .sub_cate_box .pd_5px,#cms_3-e .cate .pd_5px{padding:18px 10px 10px;}
.tel_bt{padding-top:14px}
}

/*-----------------------------公開後修正　水色から白に-----------------------------*/
#header{background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8), transparent);}
#contents2::before{background: linear-gradient(to left,rgba(255, 255, 255, 0.8),transparent);}
#contents3::before{background: linear-gradient(to right,rgba(255, 255, 255, 0.8),transparent);}
#top_cms::before{background-image:url(dup/img/item.png);}
.cms_title::before{background-color: #ccc;}
#top_cms .more a{color:#333;}
#top_cms .more a::before{
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
}
#top_cms .more a::after{
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
}
.con_bg_img {background-color:white;}
.con_txt p{color: #333;}
#contents4 .txt_color2, #top_cms .txt_color2{color: #333!important;}
#page-top .scroll_u span{background-color: rgb(112 110 110 / 40%);}
#sns_link li a{color:#333;}
.under_box::before{background-image: url(dup/img/item.png);}


#sp_nav .tel_bt{color:#8f8f8f;}
.tel_bt:hover {
    background-color: rgb(254 255 228 / 87%);
    border: solid 1px rgba(255,255,255,0.2);
}
#page_title .page_title_box p{color: #727272;}
.cate_list li a{color:#333;}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before{background-color:#8f8f8f;}
.cate_list{border-bottom: solid 1px #8f8f8f;}
.cate_title {background-color: #fafaf8;}
#cms_3-c .box_title1,#cms_3-c .box_title2{border-bottom: 1px solid #ececea;}
 #cms_1-c .cate_box{border: 1px solid #FFD700;}
.pager li a{color: #a9a9a9;}
.info_box >div{border-bottom: 1px solid #e8e7e7;}
/*.under_box p{border-bottom: 1px solid #e8e7e7;}*/
#form_box dl input, #form_box dl textarea{
    background-color: rgb(197 197 197 / 10%);
    color: #cecece;
}
#form_area .border_color1{border-color:#e8e7e7;}
#form_area .hvr_bg_color4:hover{background-color: rgb(217 217 217 / 40%);}
.page9 p a{margin-bottom:5px;}
.sitemap_box .more a::before{
    border-top: solid 1px #ccc;
    border-right: solid 1px #ccc;
}
.sitemap_box .more a::after{
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#contents1::before, #top_cms::before, #top_info::before{background-image:none;}
}
/*-------------------------------------------------------------------------------------------------------------- */