/* トップページ -------------------------------------*/

/*#main_img .slick{margin-left: 15%;}*/
#main_img .slick-dots {padding-top: 20px;}
#main_img .slick-dots li{line-height: 1;}
#main_img .slick-dots li button{display: none;}
#main_img .slick-dots li{height:6px;width: 60px;box-sizing: border-box;border-style: solid;opacity: 0.3;margin: 0 10px;cursor: pointer;}
#main_img .slick-dots li.slick-active{opacity: 1;}

/*Googleカレンダー組み込み*/
#calendar iframe{
	display: block;
	margin: 0 auto;
}
#calendar div{
    padding: 50px 0;
}
#calendar .calendar_tb{
    padding: 50px;
}

@media screen and (max-width: 1367px){
    #calendar .top_cms_title{padding: 20px;}
    #calendar{margin-bottom: 80px;}
}
/* 動画位置調整 */
/*#video{height: 100vh!important; height: auto;}*/
#video video{
    width: 100%!important;
	/*width: auto!important;*/
	height: 100%;
	top: 0;
	left: 0;
	/*top: 50%;*/
	/*left: 50%;*/
	/*-ms-transform: translate(-50%,-50%);*/
	/*-webkit-transform: translate(-50%,-50%);*/
	/*transform: translate(-50%,-50%);*/
    vertical-align: bottom;
}
@media screen and (min-width: 1630px){
    #video video{width: 100%!important; height: auto!important;}
}
/* タブレット */
@media screen and (max-width: 768px){
    /* 動画位置調整 */
	#video {
		height: auto!important;
		width: 100%;
	}
	#video video {
		width: 100%!important;
		height: auto;
		position: relative;
		top: 0%;
		left: 0%;
		-ms-transform: translate(-50%,-50%);
		-webkit-transform: translate(-50%,-50%);
		transform: translate(0%,0%);
	}
}
/*その他トップページ*/
header #header .top{
    width: 100%!important;
    margin-top: 0px;
}
header #header .top .logo{padding: 25px;}

/*.top_sc_nav{*/
/*    transform: translateY(-100%);*/
/*}*/
header #header.top_header{padding: 50px 50px;}
#header h1 img{max-width: 210px;}
#main_img img, #intro img, #top_contents1 img, #top_contents2 img,#page_title{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}


.top_btn{
    border: 1px solid ;
    padding: 10px 20px;
    color: #4b4b4b;
    width: 200px;
    text-align: center;
    transition: all 0.3s;
}
.top_btn:hover{
    background-color: #4b4b4b;
    color: #fff;
}
#top_contents2 .top_btn{
    margin-left: 58%;
}

#intro{
    padding-top: 100px;
}

#intro .intro_txt{
    font-size:24px;
/*text-shadow: 0 0 5px rgb(0 0 0 / 20%);*/
}
/*#top_contents1 .contents1_txt h3{transform: translateX(0px);}*/

#top_contents1{
    background-color: #ededed;
    padding-top: 10px;
}
#calendar,.top_cms_box.bg{
    background-color: #ededed;
    padding-top: 50px;
    padding-bottom: 30px;
}
.top_cms_title{
    text-align: center;
    display: block;
}
.top_cms_title h4{font-weight: normal;}
.top_cms_title p{display: none;}
.top_cms_box .v_type3 .cate_box:last-child{margin-bottom:0;}

.gray{
    filter: grayscale(100%);
    
    transition: filter 4.5s ease;
}
.gray.start{
    filter: grayscale(0%);
}

.catch {
    font-size: 35px;
    /*color: #585858;*/
    color: #fff;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 3;
    position: absolute;
    top: 50px;
    right: 13%;
    /*transform: translate(-50%, -50%);*/
    /*width: 20%;*/
animation-name: fadeInAnime;
animation-duration:3.3s; /* アニメーション時間 */
animation-delay: 4.5s; /* 〇秒後に変化 */
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeInAnime{
  0% {
    opacity: 0;
    filter: blur(20px);
    transform: scale(1);
    
  }

  100% {
    opacity: 1;
    filter: blur(0px);
    transform: scale(1);
  }
}

.fadein{
	transform: translateY(20px);
	transition: transform 1.5s ease, opacity 2s;
	transition-property: opacity,transform;
	opacity: 0;
}
.fadein.start{transform: translateY(0);opacity: 1;}

/* 大きいタブレット */
@media screen and (max-width: 1367px){
    .top_head_box .sns_links li img{vertical-align: middle;}
    header #header.top_header{padding: 25px 30px 20px!important;}
    .catch{right: 10%;}
    
    
    #intro, #top_contents1, #top_contents2{
        padding: 50px 3%;
        margin: 0;
    }
    #intro{padding-top: 100px;padding-bottom: 80px;}
    #intro .intro_txt{
        width: 57%!important;
        padding-bottom: 0px;
    }
    #intro .intro_img{
        margin-bottom: 0px;
    }
    
    #top_contents1{
        margin-bottom: 80px;
    }
    
    #top_contents2{
        margin-bottom: 80px;
    }
    #top_contents2 .contents2_txt{
        width: 57%!important;
    }
}
/* タブレット */
@media screen and (max-width: 768px){
    .catch{
        /*font-size: 29px;line-height: 2;top: 30px;*/
        top: 65px;width: 13%;
    }
    header #header.top_header{padding: 50px 20px!important;}
    
    #intro .intro_img{margin-bottom: 50px;}
    #intro .intro_txt{width: 90%!important;}
    #intro .top_btn{margin-left: 63%;}
    
    #top_contents1{padding: 50px 7.5%;}
    
    #top_contents2 .img1{margin-bottom: 50px;}
    #top_contents2 .contents2_txt{width: 90%!important;}
    #top_contents2 .top_btn{margin-left: 63%;}
}
/* スマホ */
@media screen and (max-width: 667px){
    header #header.top_header{padding: 30px 20px 80px!important;}
    .catch{font-size: 17px;right:3.5%;top: 15px;width: 15%;right: 9%;}
    #intro{padding-top: 50px;}
    #intro .intro_img{margin-bottom: 10px;}
    #intro .intro_txt{width: 90%!important;}
    #intro .intro_txt h2{width: 280px;}
    #intro .top_btn{margin:0 auto;}
    #top_contents1{margin-bottom: 20px;}
    #top_contents1 .contents1_txt{margin-bottom: 30px;}
    #top_contents1 h3{font-size: 24px;letter-spacing: 0em;margin-top: 0px;}
    #top_contents1 .top_btn{margin:0 auto;}
    #top_contents2{margin-bottom: 20px;}
    #top_contents2 .img1{margin-bottom: 10px;}
    #top_contents2 .contents2_txt{width: 90%!important;}
    #top_contents2 .contents2_txt h3{margin-top: 30px;font-size: 24px;padding: 0;}
    #top_contents2 .top_btn{margin:0 auto;}
    
    .top_cms_title h4{font-size: 20px;}
    #calendar{margin-bottom: 50px;}
}

/* 下層ページ ---------------------------------------*/
#page08 .contact{
    max-width: 660px;
    margin: 0 auto 100px;
}
#page08 .txt_color3,#page09 h3{
    color: #857261;
}
#page09 .top_txt p{color: #ededed;}
#cms_3-c .box{
    width: 100%!important;
    padding: 0 3%!important;
}
#cms_3-c .box_txt1,#cms_3-c .box_txt1{
    padding: 0!important;
    width: 50%!important;
}
#cms_2-a .cate_txt1{width: 60%!important;}
#cms_2-a .box_img1{width: 38%!important;}

#cms_5-c .box_txt1::before,.cms_5-c .box_txt1::before{color: #d5c4b2;}
#cms_5-c .box_txt1,.cms_5-c .box_txt1{color: #676767;}
#cms_2-a .box_img1{
    /*height: 500px!important;*/
    /*width: 100%!important;*/
}
#cms_2-a .cate{margin-bottom: 80px;}
#cms_2-a .cate_wrap:nth-child(odd){
    background-color: #ededed;
}
/*#cms_2-a .cate_title{padding: 10px 3%;}*/
@media screen and (max-width: 1281px){
    .main_wrap.page3{padding: 0;}
    #cms_2-a .cate_wrap,#cms_2-a .cate_list{
        padding: 0 50px;
    }
}
/* タブレット */
@media screen and (max-width: 768px){
    /*#cms_2-a .box_img1{height: 300px!important;}*/
    #cms_2-a .cate_txt1{width: 100%!important;}
    #cms_2-a .box_img1{
        width: 80%!important;
        margin: 20px auto 50px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #cms_3-c .box_txt1,#cms_3-c .box_txt1{
        width: 100%!important;
    }
    #cms_2-a .cate_wrap,#cms_2-a .cate_list{
        padding: 0 3%;
    }
    #cms_2-a .cate_txt1{width: 100%!important;}
#cms_2-a .box_img1{width: 100%!important;}
}

/* 全体 ---------------------------------------------------------*/
.fa-angle-up:before{color: #8d8d8d;}
/*header #header{padding-top: 155px!important;}*/
/*.sc_nav{transform: translateY(0);}*/
.sc_nav .logo img{max-width: 120px;padding: 10px;}
.sc_nav .shop_link a{padding: 20px 15px;}
.fa-calendar:before{display: none;}

.sc_nav{
    /*transform: translateY(0);*/
}

#loader .logo{max-width: 250px;}

.cate_list a,#main_nav li a, .sc_nav li a{
    opacity: 1;
}

.intro_txt.bg_color2,#top_contents1.bg_color2,#page08 .tel_txt,#page09 .top_txt,.on.bg_color1,.qa_type1 .cate_box .box_txt1{
    background-color: #3a3a3a;
    /*background-image: url(Dup/img/bg.jpg);*/
    /*background-size: cover;*/
}
#top_cms .top_cms_box .more a:hover,#page10 ul li a:hover{
    /*color:#ad917f;*/
    color: #8d8d8d;
}
#top_cms .top_cms_box .more a:hover{border-color:#fff;}
.sc_nav{background: linear-gradient(90deg, rgba(255,255,255,1) 190px, rgba(255,255,255,0.9) 190px);}
/*#page_title h2,#page_title p{*/
/*    text-shadow: 0px 0px 4px rgba(255,255,255,0.9), 0px 0px 10px rgba(255, 255, 255, 0.7), 0px 0px 20px rgba(255, 255, 255, 0.5);*/
/*}*/

#page_title{position: relative;padding: 180px 50% 180px 50px;}
#page_title p{display:none;}
#page_title h2{position:relative;z-index:2;text-align: center;}
#page_title ::before{
    content: "";
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 60px;
    background-color: #fff;
    z-index: -1;
}

#main_nav li a:hover, .sc_nav li a:hover{
    opacity: 0.7;
    transform:translateY(-3px);
    text-shadow:0 3px 4px rgba(175, 145, 125, 0.7);
}
#cate_list_title{
    display: none;
}
.cate_list{
    margin: 0 auto 50px;
    padding-left: 0px;
    max-width: 1280px;
    /*width: 100%;*/

}
.cate_list li::before{
    content: "▶";
    font-size: 11px;
    padding-right: 5px;
}
.cate_list a{
    padding-left: 0px;
    border-bottom: 1px solid ;
    width: 300px;
}
.cate_list a:hover{
    transform: translateX(3px);
}

footer.bg_color2{
    background-color: #121212;
    padding: 0;
}

#footer_txt{
    width: 40%!important;
    color: #fff;
}
#footer_txt .f_logo{
    display: block;
    max-width: 120px;
    margin-bottom: 50px;
}

#footer_links{
    width: 52%!important;
    color: #fff;
}
footer #footer #footer_links li{
    width: 33%;
    margin-bottom: 0px;
}
footer #footer #footer_links li a{
    color: #fff;
    line-height: 1;
}
footer #footer #footer_links .sns_links{
    margin-bottom: 33px;
}
footer #footer #footer_links .sns_links li{
    width: 40px;
}
#map{
    padding: 0px;
}
#copyright{
    color: #959595;
}
@media screen and (max-width: 1367px){
    header #header{
        padding: 15px 30px;
    }
}
/* 大きいタブレット */
@media screen and (max-width: 1367px){
    .sc_nav{padding: 10px;justify-content: space-between;}
    .sc_nav .logo{width: 13%!important;}
    .sc_nav .menu{width:87%!important;}
    .sc_nav .sns_links li img{vertical-align: middle;}
    
    #page_title{position: relative;padding: 180px 60% 180px 50px;}
}
/* タブレット */
@media screen and (max-width: 768px){
    #footer_txt{
        width: 100%!important;
    }
    .shop_link_tb{
        /*position: fixed;*/
        position: absolute;
        top: 25px;
        right: 110px;
        z-index: 3;
    }
    .shop_link_tb a{
        font-size: 16px;
        padding: 20px 25px;
        opacity: 1;
    }
    .shop_link_tb a i{
        font-size: 20px;
    }
    #shop_link_fix.shop_link_tb{position: fixed;top: auto;right: 70px;}
    #header h1 img{max-width: 100px;}
    header #header{padding: 25px 30px;}
    #menu_bt{top: 30px;}
    #menu_wrap div ul.mg_b-50px{
        border-left: 1px solid #b3b3b3;
        padding-left: 20px;
    }
    #loader .logo{max-width: 130px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    .cate_list a{width: 260px;}
    .cate_list{padding: 0 3%;}
    #menu_bt{
        top: 30px;
        right: 10px;
        width: 50px;
        height: 50px;
    }
    #menu_wrap.active .posi_center{
        top: 30px;
        transform: translate(-50%,0%);
    }
    #menu_wrap.active .mg_b-50px{
        margin-bottom: 0px;
        width: 300px;
    }
    #menu_wrap.active ul li{
        margin-bottom: 15px;
    }
    #menu_wrap.active ul li a{
        font-size: 16px;
        width: 290px;
    }
    #menu_wrap .sns_links{
        width: 50px;
        position: absolute;
        bottom: 15px;
        right: 0px;
    }
    #menu_wrap .sns_links li{
        margin-bottom: 32px;
    }
    #menu_wrap .sns_links li a{
        width: auto!important;
    }
    #menu_wrap .sns_links li img{
            width: 45px;
    }
    #menu_wrap div ul.mg_b-50px{
        border-left:none;
    }
    header #header{
        padding: 110px 30px 30px;
    }
    #page_title{min-height: 225px;padding: 180px 30% 180px 20px;}
    /*#page_title h2,#page_title p{*/
    /*text-shadow: 0px 0px 4px rgba(255,255,255,0.9), 0px 0px 7px rgba(255, 255, 255, 0.9), 0px 0px 15px rgba(255, 255, 255, 0.7), 0px 0px 20px rgba(255, 255, 255, 0.5);*/
    /*}*/
    #page_title ::before{width: 250px;height: 60px;}
    
    #footer_txt{padding-bottom: 50px;}
    #shop_link_fix.shop_link_tb{right: 50px;}
}

/* 自動リンク設定  ----------------------------------*/
.linkStyle{
	color:#ad917f;
	text-decoration: underline;
	transition: all 0.5s;
}
.linkStyle:hover{
	color:#ad917f;
	opacity: 0.7;
	text-decoration: none;
}

/* 配色 ----------------------------------------------*/
body,.txt_color_nomal{color: #323232;}
.txt_color1,.hvr_txt_color1:hover{color: #141414;} /* メインカラー */
.txt_color2,.hvr_txt_color2:hover{color: #f4f4f4;} /* サブカラー */
.txt_color3,.hvr_txt_color3:hover{color: #b79c80;} /* アクセントカラー1 */
.txt_color4,.hvr_txt_color4:hover{color: #ffffff;} /* アクセントカラー2 */

.bg_color1,.hvr_bg_color1:hover{background-color: #141414;} /* メインカラー */
.bg_color2,.hvr_bg_color2:hover{background-color: #f4f4f4;} /* サブカラー */
.bg_color3,.hvr_bg_color3:hover{background-color: #757575;} /* アクセントカラー1#8d6245 */
.bg_color4,.hvr_bg_color4:hover{background-color: #ffffff;} /* アクセントカラー2 */

.border_color1,.hvr_border_color1:hover{border-color: #c3a38d;}
.border_color2,.hvr_border_color2:hover{border-color: #f4f4f4;}
.border_color3,.hvr_border_color3:hover{border-color: #e5ded7;}
.border_color4,.hvr_border_color4:hover{border-color: #ffffff;}

/* 文字・文字間・空間 --------------------------------*/
body,.linehight_2,.qa_type1 .cate_box .open_bt .box_title1,.qa_type1 .cate_box .box_txt1{
    line-height: 2.5!important;
    letter-spacing: 0.12rem;
}
/* タブレット */
@media screen and (max-width: 768px){
    #header h1 img{
        max-width: 110px;
    }
    #header h1{
        text-align: left;
    }
}
/* スマホ */
@media screen and (max-width: 667px){}

/*テンプレート  -------------------------------------*/
#page07 .box_wrap .box,#page08 .font_14,
#page09 .font_14{
    font-size: 16px;
}
#page08 .opacity07,#page09 .opacity07{opacity:1;}
/* タブレット */
@media screen and (max-width: 768px){
    #page10.main_wrap{padding:0 30px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #page08 .tel a{letter-spacing: 1.5px;}
    #page07 .box{letter-spacing: 0em;}
    #page09 .font_14_sp{font-size: 16px;letter-spacing: 0em;}
}

/*お知らせ*/
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 4em
}
.topcms_news_type2 .box_img1 {
	/*border-radius: 10px;*/
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 1.5em}
}

/*よくある質問*/
.qa_type1 .cate_box {
	/*border-radius: 10px;*/
	border: 1px solid #e5ded7;
}
.qa_type1 .cate_box .arrow {
	position: absolute;
	left: 2px;
	top: 50%;
	margin-top: 0px;
	transform: translateY(-50%);
}
.qa_type1 .cate_box .open_bt{
	position: relative;
	width: 100%;
	cursor: pointer;
	padding: 20px 0
}
.qa_type1 .cate_box .open_bt .arrow::before, .qa_type1 .cate_box .open_bt .arrow::after {
	position: absolute;
	content: '';
	width: 20px;
	height: 1px;
	background-color: #5c5c5c;
}
.qa_type1 .cate_box .open_bt .arrow::before {
	top: 48%;
	left: 15px;
	transform: rotate(0deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow::after {
	top: 48%;
	left: 15px;
	transform: rotate(90deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::before {
	transform: rotate(-135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .arrow.arrow_be::after {
	transform: rotate(135deg);
	transition: all 0.5s;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	display: inline-block;
	position: relative;
	letter-spacing: 1px;
	cursor: pointer;
	margin-left: 87px;
}
.qa_type1 .cate_box .open_bt .box_title1::before {
	content: "Q.";
	position: absolute;
	left: -32px;
	top: 0px;
	display: inline-block;
	vertical-align: baseline;
	color: #be9c80;
}
.qa_type1 .cate_box .box_item {
	display: none;
	padding: 0px 30px 0px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 1em;
	background-color: #f5f5f5;
	border-radius: 5px;
}

@media screen and (max-width: 768px){
.qa_type1 .cate_box .open_bt .box_title1 {
	padding-right: 20px;
}
}
@media screen and (max-width: 667px){
    .qa_type1 .box_wrap{margin-bottom: 0px;}
    .qa_type1 .cate_box .arrow{
        left: -5px;
    }
.qa_type1 .cate_box .open_bt {
	padding: 5px 0 7px;
}
.qa_type1 .cate_box .box_item{
    padding: 0px;
}
.qa_type1 .cate_box .open_bt .box_title1::before{
    left: -22px;
}
.qa_type1 .cate_box .open_bt .box_title1 {
	margin-left: 65px;
	padding-right: 5px;
}
.qa_type1 .cate_box .box_txt1 {
	padding: 0.8em 1.2em;
}
}