/* ▼お問い合わせボタン準備中▼ */
/*
#foot_banner a:after,#contact_app a:after{
    content: "※ 現在準備中です";
    display: block;
    font-size: 14px;
}
#foot_banner a{padding: 13px 50px 13px 80px;}
@media screen and (max-width: 667px){
    #foot_banner a{padding: 10px 10px 10px 60px; line-height: 1.5;}
}
*/
/* ▲お問い合わせボタン準備中▲ */

/* CMS・下層ページ ----------------------------------*/

.pager li{width: 110px; margin: 0 5px;}
.cate_list li a{color: #fff;
    font-size: 16px;
    border-radius: 25px;
    padding: 8px 20px;
    background-color: #ffa17d;
}
.cate_list li a:hover{}

#cms_3-f #cate2 .cate_title{margin-bottom: 30px;}
#cms_3-f #cate2 .sub_cate_txt1{
    padding: 3%;
    background-color: #fff;
    border-radius: 15px;}
#cms_3-f .cate_img1{
    /*height: 350px!important;*/
    margin: 0 auto 30px;
    width: 80%!important;
}
#cms_3-f .cate_img1 img{
    width: 100%!important;
    height: auto!important;
    border-radius: 15px;
}
#cms_3-f .sub_cate_txt1{
    background-color: #fffefe;
    padding: 10px;
    border-radius: 10px;
}
#contact_app a{
    border-radius: 15px;
    color: #fff;
}

/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){
    .pager li{width: 60px; margin: 0 5px;}
    #cms_2-f .box_title1{padding-left: 0px;}
    #cms_2-f .box_title1::after{display: none;}
    #cms_3-f .cate_img1{width: 100%!important;}
    #cms_3-f #cate2 .sub_cate_txt1{line-height: 1.8;}
    #page9 .box_wrap h3{letter-spacing: 0.03em;}
}

/* メインイメージ -----------------------------------*/
#main_img .main_img_wrap{height: 700px;}
#main_img .main_img_wrap:before{background-color:rgba(255, 242, 237, 0.3);}
.catch {
    z-index: 3;
    position: absolute;
    top: 60%;
    left: 24%;
    transform: translate(-50%, -50%);/* X横 Y縦 始点が要素の中心になる */
    width: 45%;
    max-width: 580px;
animation-name: fadeInAnime;
animation-duration:2.3s; /* アニメーション時間 */
animation-delay: 2.3s; /* 〇秒後に変化 */
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeInAnime{
  0% {
    opacity: 0;
    
  }

  100% {
    opacity: 1;
  }
}
/* タブレット */
@media screen and (max-width: 768px){
    #main_img .main_img_wrap{height: 40vh;}
    .catch{
        top: calc(65% + 60px);
        left: 2%;
        transform: translate(0%, -50%);
    }
}
/* スマホ */
@media screen and (max-width: 667px){
    /*2画面の場合*/
    /*#main_img .main_img_wrap{height: calc(90vh - 96px)!important;}*/
    /*#main_img #left, #main_img #right{height: calc(45vh - 48px)!important;}*/
    /*.catch{*/
    /*    top: calc(50% + 45px);*/
    /*    width: 60%;*/
    /*}*/
    
    /*1画面の場合*/
    #main_img .main_img_wrap{height: calc(50vh - 96px)!important;}
    #main_img #left{height: 100%!important;}
    .catch{
        top: calc(65% + 45px);
        width: 50%;
    }
}

/* トップページ -------------------------------------*/
#main_img{padding-top: 120px;}
#intro{padding-bottom: 0px;}
#intro_bg.bg_color4{background-color: #fff8f5;}
.intro_txt_wrap p{letter-spacing: 0em;}

#intro .dec1{
    bottom: 160px;
    right: 5%;
    width: 30%;
    max-width: 270px;
    z-index: 2;
}

#contents .dec3{
    width: 70%;
    max-width: 1000px;
    top: 0;
    left: 0;
}
#contents .pd_t-100px{padding-top: 200px;}

#contents .con_box{box-shadow: 0px 10px 20px rgb(255 244 237);}


#top_cms .dec2{
    top: -60px;
    left: 18%;
    width: 30%;
    max-width: 270px;
}

#info_title_box{padding: 80px 0;background-color: #fff7ed;}
#info_title_box .info_title span{
    color: #fff;
    font-size: 40px;
    text-shadow: 0px 0px 10px #70b130;}
#info{padding-top: 20px;}

/* タブレット */
@media screen and (max-width: 768px){
    #main_img{padding-top: 170px;}
    #intro .dec1{bottom: -100px; width: 35%;}
    
    .top_cms_box.pd_b-100px{padding-bottom: 50px;}
    
    #top_cms .dec2{top: -40px;left: 5%;width: 30%;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #main_img{padding-top: 95px;}
    #intro .dec1{bottom: -40px;width: 50%;}
    
    .top_cms_box.pd_b-100px{padding-bottom: 30px;}
    
    #contents{background: linear-gradient(180deg, #ffead9 0%, #fff9f6 10%);}
    #contents .dec3{width: 90%;}
    #contents .pd_t-100px{padding-top: 100px;}
    #contents .con_box{margin-bottom: 50px;}
    
    #top_cms .dec2{left: 3%;width: 45%;}
    
    #info_title_box .info_title span{font-size: 30px;}
}
/* アニメーション -------------------------------------*/
.in1{
    transform: translate(80%,-30%)rotate(-10deg);
	transition: transform 2s ease, opacity 2.5s ease-out;
	transition-property: opacity,transform;
	opacity: 1;
}
.in1.start1{transform: translate(0,0)rotate(10deg);opacity: 1;}

.in2{
    transform: translate(-80%,-30%)rotate(10deg);
	transition: transform 2.5s ease, opacity 3s ease-out;
	transition-property: opacity,transform;
	opacity: 1;
}
.in2.start2{transform: translate(0,0)rotate(-20deg);opacity: 1;}
/* 全体 ---------------------------------------------*/
#intro h2, .cms_title h2, .con_title,#page_title span,#info_title_box .info_title,.cate_title{font-family: 'Kiwi Maru', serif;}
.topcms_news_type4 .box_title1{font-family: 'Kiwi Maru', serif; font-weight: 400;}
#info .info_txt h3,a[href^="tel:"]{font-family: 'Kiwi Maru', serif;}
#page_title span{font-weight: 500; color: #976b45;}
#page_title p{color: #bf5600;}


#fakeloader{
    overflow: hidden;
    background: #ffa17d;
    background: linear-gradient(-75deg, #ffc8b3 20%, #ffa17d 80%);
    background-size: 250% 250%!important;
    animation: bggradient1 4s ease infinite;
}
@keyframes bggradient1{
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

header{
    background-color: #ffffff;
    background: linear-gradient(235deg, #ffe2d4 0%, #fff9f6 30%,#fff 90%);
    box-shadow: 0px 5px 20px rgba(255, 187, 144, 0.1);
    padding-bottom: 10px;
}
#logo .logo{
    width: 95px;
    margin: 0;
}

#page_title{margin-bottom: 90px;}

#page_title .dec1{
    right: 20%;
    bottom: -50px;
    width: 20%;
    max-width: 270px;
}

.linkStyle{
	color:#ffa558;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color:#ffa558;
	opacity: 0.7;
	text-decoration: none;
}


footer .bg_color2{background-color: #fff;}
#footer #logo2{
    text-align: center;
    width: 305px;
    margin: 0 auto 40px;
}
#footer .sns_links{
    margin: 0 auto;
}

#foot_banner{width: 310px;}
#foot_banner a{padding: 23px 50px 23px 80px;}
/* タブレット */
@media screen and (max-width: 768px){
    header{background:linear-gradient(225deg, #ffeee6 0%, #fff9f6 17%,#fff 40%);}
    #logo .logo{margin: 0 auto;}
    
    #page_title #filter_white{padding-top: 210px;}
    #page_title .dec1{right: 7%; bottom: -20px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    body{letter-spacing: 0.04em; line-height: 1.8;}
    #logo .logo{margin: 0; width: 75px;}
    .menu_bt{padding-top: 18px;}
    .drawer-hamburger-icon::after, .drawer-hamburger-icon::before{background-color: #ffa17d!important;}
    
    #page_title{margin-bottom: 60px;}
    #page_title #filter_white{padding:120px 0 35px;}
    #page_title #filter_white h2{letter-spacing: 0em;}
    #page_title .dec1{width: 35%;bottom: -30px;}
    
    #page-top{right: 5px;}
    #foot_banner{width: 250px; right: 70px;}
    #foot_banner a{padding: 20px 10px 20px 60px; line-height: 1.5;}
}

/* 配色 ----------------------------------------------*/
body, .txt_color_nomal{color: #2e2018;}
.txt_color1,.hvr_txt_color1:hover{color: #ffa558;} 
/*.txt_color2,.hvr_txt_color2:hover{color: #fffcfa;} */
.txt_color3,.hvr_txt_color3:hover{color: #dd7538;} 
/*.txt_color4,.hvr_txt_color4:hover{color: #efefef;} */
/*.txt_color5,.hvr_txt_color5:hover{color: #fffaf4;}*/ 

.bg_color1,.hvr_bg_color1:hover{background-color: #ffa17d;}
.bg_color2,.hvr_bg_color2:hover{background-color: #fffcfa;}
.bg_color3,.hvr_bg_color3:hover{background-color: #ffe18c;} 
.bg_color4,.hvr_bg_color4:hover{background-color: #efefef;} 
.bg_color5,.hvr_bg_color5:hover{background-color: #fffaf4;}

.border_color1,.hvr_border_color1:hover{border-color: #ffa17d;}
.border_color2,.hvr_border_color2:hover{border-color: #ffe1ce;}
.border_color3,.hvr_border_color3:hover{border-color: #ffe18c;}
/*.border_color4,.hvr_border_color4:hover{border-color: #efefef;}*/
.border_color5,.hvr_border_color5:hover{border-color: #ccc;}

/*テンプレート  -------------------------------------*/
.font_2dw{font-size: 16px;}

/* news type4 -------------------------------*/
.topcms_news_type4 .cate_box{
	width: 30.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	border-radius: 15px;
	background-color: #fff;
	padding: 0;
	box-shadow: 0px 10px 20px rgb(255 244 237);
}
.topcms_news_type4 .cate_box .box_img1{
    border-radius: 15px 15px 0 0;
}
.topcms_news_type4 .txt_height{
	height: 3em
}
.topcms_news_type4 .box_title1:empty{
	display: block!important;
}
/* タブレット */
@media screen and (max-width: 768px){
}
/* スマートフォン */
@media screen and (max-width: 667px){
.topcms_news_type4 .cate_box {
    width: 100%!important;
    margin-bottom: 30px;
}
}