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

.pager li a{background-color: #f09087; color: #fff; font-size: 18px;transform: translateY(0px);}
.pager li a:hover{background-color: #44bbac;transform: translateY(-5px);}

.more_bt a{color: #fff;background-color: #44bbac;transform: translateY(0px);}
.more_bt a:hover{background-color: #f09087;transform: translateY(-5px);}

#cms_2-g .cate_title{border-color: #ffa69d; color: #ff8073;}
#cms_2-g .cate_title_wrap::before{width: 2px; background-color: #ffdec4; opacity: 0.9;}

#page10 .more_bt2 a span.before{background-color: #44bbac;}
#page10 .more_bt2 span.after{background-color: #ffc8c3;}
/* cms_5-f -----------------------------------*/
#cms_5-f .cate_box .box_txt1::before, .cms_5-f .cate_box .box_txt1::before{
    content: "A.";
    position: absolute;
    left: 20px;
}
#cms_5-f .cate_box .box_txt1, .cms_5-f .cate_box .box_txt1{
    padding-left: 40px;
    position: relative;
}
#page5 a .entre,#page8 a .entre{
    display: block;
    width: 70%;
    background-color: #44bbac;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
    font-size: 22px;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.5s;
}
#page5 a .entre:hover,#page8 a .entre:hover{
    background-color: #f09087;
}
#page7 .shop,#page8 #tel_txt{padding: 2%;}
#page8 #form_box .box input, #page8 #form_box .box textarea, #page8 .mail_contact_tel, #page8 .contact_tel{background-color: transparent;}
/* タブレット */
@media screen and (max-width: 768px){
    #page10 h2 span{display: none;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #page5 a .entre, #page8 a .entre{width: 90%;margin-top: 30px;}
    
    .pager li a{width: 60px; height: 45px;}
    #page9 .box_wrap h3{letter-spacing: 0em;}
    #page7 .d_table:last-child{border-bottom:none;}
    #page8 #tel_txt p{border-left:none;}
}
@media screen and (max-width: 340px){#page9{padding: 0 2% 50px;}}

/* メインイメージ -----------------------------------*/

#main_img::before{opacity:0;}
#main_img .txt{
    top: 49%;
    left: 2%;
}
#main_img h2{width: 50%;}
#main_img .txt.animStart h2{
    animation: heroText 1500ms ease-out 800ms both;
}
@keyframes heroText {
0% {
	opacity: 0;
	filter: blur(10px);
	-webkit-transform: translate(0, 10px);
	transform: translate(0, 10px)
}
100% {
	opacity: 1;
	filter: blur(0px);
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0)
}
}

/* 動画位置調整 */
#video{height: 100vh!important; height: auto;}
#video video{
    /*width: 100%!important;*/
	width: auto!important;
	height: 100%;
	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,#main_img {
		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%);
	}
}
/* タブレット */
@media screen and (max-width: 768px){
    #main_img{padding-top: 90px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #main_img{padding-top: 65px;}
    #main_img h2{width: 62%;}
}

/* トップページ -------------------------------------*/
#intro{padding-bottom: 60px;}
#intro .intro_bg, #intro .bg_box{z-index: 1;}
#intro .bg_box{opacity: 0.25;}
#intro .intro_title,#intro .intro_txt{z-index: 2; position: relative; text-shadow: 0px 0px 10px #128f7f;}
#intro figure{z-index: 3;}

#contents1{padding-top: 120px;}
#contents1 span.bg_color2{background-color: #fff8f7; z-index: 0;}
#contents1 .img_box{z-index: 0;}
#contents1 .img_box .contents1_img{box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);}
#contents1 .contents_txt{z-index: 2; position: relative;}

#contents2 .contents2_bg::before,#page_title::before{background-color: #00850a; opacity:0.25;}
#f_contact::before{background-color: #00850a;}

.more_bt a{color: #fff;}
.more_bt a:hover{
    background-color: #f09087;
}
/* タブレット */
@media screen and (max-width: 768px){}
/* スマホ */
@media screen and (max-width: 667px){
    #contents1{padding-top: 0px;}
}

/* 全体 ---------------------------------------------*/

#page_title h2, #page_title h2 span{text-shadow: 0px 0px 10px #00850a;}

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

#copyright{padding-bottom: 70px;}

#entre_btn{
    position: fixed;
    right: 100px;
    z-index: 99;
}
#entre_btn a{
    display: block;
    width: 200px;
    /*height: 50px;*/
    position: relative;
    box-shadow: 0 2px 4px rgb(0 0 0 / 50%);
    padding: 9px;
    font-weight: bold;
    text-align: center;
    transition: all 0.3s;
    transform: translateY(0px);
}
#entre_btn a:hover{
    background-color: #f09087;
    transform: translateY(-5px);
}
#page-top a{transform: translateY(0px); transition: all 0.3s;}
#page-top a:hover{
    background-color: #f09087;
    transform: translateY(-5px);
}

#sp_nav a.active{border-bottom: 1px solid #fff5ed;}

/* タブレット */
@media screen and (max-width: 768px){
    #top_info .info_txt{letter-spacing: 0em;}
    footer.pd_t-20px_tb{padding-top: 0;}
}
/* スマホ */
@media screen and (max-width: 667px){
    
    #sp_nav nav .border_so1{letter-spacing: 0.1em; text-align: center;}
    
    footer.pd_t-20px_sp{padding-top: 0;}
    #copyright{padding-bottom: 70px;}
    
    #entre_btn{right: 85px;}
}

/* 配色 ----------------------------------------------*/
body, .txt_color_nomal{color: #1e1e1e;}
.txt_color1,.hvr_txt_color1:hover{color: #44bbac;} 
.txt_color2,.hvr_txt_color2:hover{color: #fcf1e8;} 
.txt_color3,.hvr_txt_color3:hover{color: #f09087;} 
.txt_color4,.hvr_txt_color4:hover{color: #b9dbd6;} 
/*.txt_color5,.hvr_txt_color5:hover{color: #f2ede7;}*/ 

.bg_color1,.hvr_bg_color1:hover{background-color: #44bbac;}
main,.bg_color2,.hvr_bg_color2:hover{background-color: #fff5ed;}
.bg_color3,.hvr_bg_color3:hover{background-color: #f09087;} 
.bg_color4,.hvr_bg_color4:hover{background-color: #b9dbd6;} 
/*.bg_color5,.hvr_bg_color5:hover{background-color: #f2ede7;}*/ 

.border_color1,.hvr_border_color1:hover{border-color: #44bbac;}
.border_color2,.hvr_border_color2:hover{border-color: #fcf1e8;}
.border_color3,.hvr_border_color3:hover{border-color: #f09087;}
.border_color4,.hvr_border_color4:hover{border-color: #b9dbd6;}
/*.border_color5,.hvr_border_color5:hover{border-color: #f2ede7;}*/

/*テンプレート  -------------------------------------*/
body,.font_14,.font_12,.font_13,.font_100per,.font_2dw,.font_2dw_tb,.font_2dw_sp,.font_14_sp,.width_100per_sp{
    font-size: 17px;
}
.font_2up{font-size: 18px;}
.font_4up{font-size: 20px;}



/* topcms_news_type2 ----------------------------*/
.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: 5em
}
.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: 3em}
}