/*メニュー固定*/
aside.grid_3 {
    position: sticky;
    top: 110px;
    left: 0;
}
#side_info{margin-top: 20px;}
.sns.mg_t-50px{margin-top: 20px;}

/*丸くする*/
#side_contact, #side_info,#contents .box img, #cms_2-b .cate_box, .v_type3 .cate_box{
    border-radius: 15px;
}
.box_img1,#cms_2-b .box_img1 a img, .cate_img1 img{
    border-radius: 5px;
}
.more a,.mail_bt a,.cate_list li a{
    border-radius: 30px;
}
.pager li a{border-radius: 5px;}
#cms_1-a .box_img1 img{border-radius: 5px;}

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

/* タブレット */
@media screen and (max-width: 768px){
    #cms_3-c .box_title1{border-bottom: none;}
    .tel_wrap{padding: 0px;}
}
/* スマホ */
@media screen and (max-width: 667px){
    #cms_2-b .cate_box{padding: 30px 10px;}
    #cms_2-b .box_wrap{padding: 0px;}
    .v_type3 .cate_wrap{margin-bottom: 0px;}
    .v_type3 .cate_box{ margin-bottom: 30px;}
    
    #page9 h3{letter-spacing: 0.04em;}
}

/* メインイメージ -----------------------------------*/
#main_img{position: relative;}
.catch {
    z-index: 3;
    position: absolute;
    top: 50%;
    right: 5%;
    transform: translate(0%, -50%);/* X横 Y縦 始点が要素の中心になる */
    width: 30%;
}

.slick-dots li button{
    z-index: 2;
    position: relative;
}
.slick-dots{
    background-color: rgba(255,255,255,0.3);
    z-index: 2;
    width: 190px;
    border-radius: 30px;
    left: 50%;
    transform: translate(-50%, 0px);
}


/*文字がループ  ------*/
.loop_t{
    display: none;
    /*パターン２
    position: absolute;
    top: 10px;
    z-index: 1;
    display: flex;
    width: 100vw;
    height: 70px;
    overflow: hidden;
    */
    /* パターン１*/
    /*position: absolute;*/
	/*left: 0;*/
	/*top: 10px;*/
	/*width: 100%;*/
	/*height: 70px;*/
	/*z-index: 1;*/
	/*background-image: url("../dup/img/dec01.png");*/
	/*background-size: auto 100%;*/
	/*background-position-y: 0;*/
	/*background-position-x: 0;*/
	/*background-repeat: repeat-x;*/
	/*animation: loopt 60s linear infinite both;*/
	
}
/* パターン１*/
@keyframes loopt {
	0% {background-position-x: 0;}
	100% {background-position-x: -100%;}
}
/*パターン２
.loop_t img{
    width: auto;
    height: 100%;
}
.loop_t img:first-child {
        animation: slide1 60s -30s linear infinite;
        }
.loop_t img:first-child{
    animation: slide2 60s linear infinite;
}

@keyframes slide1 {
  0% {transform: translateX(100%);}
  to {transform: translateX(-100%);}
}
 
@keyframes slide2 {
  0% {transform: translateX(0);}
  to {transform: translateX(-200%);}
}
*/
.loop_b{
    /*パターン２
    position: absolute;
    bottom: 10px;
    z-index: 1;
    display: flex;
    width: 100vw;
    height: 70px;
    overflow: hidden;
    */
    /* パターン１*/
    display: none;
 /*   position: absolute;*/
	/*left: 0;*/
	/*bottom: 10px;*/
	/*width: 100%;*/
	/*height: 70px;*/
	/*z-index: 1;*/
	/*background-image: url("../dup/img/dec02.png");*/
	/*background-size: auto 100%;*/
	/*background-position-y: 0;*/
	/*background-position-x: 0;*/
	/*background-repeat: repeat-x;*/
	/*animation: loopb 60s linear infinite both;*/
	
}
/* パターン１ */
@keyframes loopb {
	0% {background-position-x: -100%;}
	100% {background-position-x: 0px;}
}

/*パターン２
.loop_b img{
    width: auto;
    height: 100%;
}
.loop_b img:first-child {
        animation: slide3 60s -30s linear infinite;
        }
.loop_b img:first-child{
    animation: slide4 60s linear infinite;
}

@keyframes slide3 {
  0% {transform: translateX(100%);}
  to {transform: translateX(200%);}
}
 
@keyframes slide4 {
  0% {transform: translateX(0%);}
  to {transform: translateX(100%);}
}
*/
/* タブレット */
@media screen and (max-width: 768px){
    #main_img{padding-top: 93px;}
    .loop_t{top: 110px; height: 45px;}
    .loop_b{bottom: 10px; height: 45px;}
    .catch{top: calc(15px + 50%);}
}
/* スマホ */
@media screen and (max-width: 667px){
    .catch{top: calc(35px + 50%); width: 43%;}
    .loop_t{top: 100px; height: 35px;}
    .loop_b{bottom: 10px; height: 35px;}
}

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

main article.grid_8{
    width: 70%!important;
    background-color: #fff;
    padding: 50px 4%;
    border-radius: 20px;
    margin-bottom: 50px;
}
.cms_title h2{color: #300C00;}

/* タブレット */
@media screen and (max-width: 768px){
    main article.grid_8{width: 100%!important;}
}
/* スマホ */
@media screen and (max-width: 667px){
    .cms_title h2{font-size: 22px; }
    #contents h2{font-size: 22px; }
}

/* 全体 ---------------------------------------------*/
header #logo{max-width: 230px;}
#side_info .logo{
    margin: 10px auto;
    width: 50%!important;
}
#side_info figure{
    margin-top: 0px;
    border-radius: 10px;
}

#page_title h2{color: #300C00;}

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

.footer_box .logo{
    max-width: 170px;
    /*margin-right: 0;*/
    margin-bottom: 20px;
}

/* タブレット */
@media screen and (max-width: 768px){
    .hamburger{top: 10px;}
    header #logo{max-width: 110px;}
    #side_info .logo{
        margin: 20px auto;
        width: 50%!important;
    }
    
    #page_title{padding-top: 130px;}
    #page_title h2{font-size: 24px;}
    
    
    .cate_list li{width: 50%!important;}
    
    #side_info p{text-align: center;}
}
/* スマホ */
@media screen and (max-width: 667px){
    .fat-nav li{padding: 10px 0;}
    .cate_list li{width: 100%!important;}
}

/* 配色 ----------------------------------------------*/

body{background-color: #FFFBF1;}
#header,header.shadow-b_tb{box-shadow: 0 5px 10px rgba(145, 107, 12, 0.2);}
header.shadow-b_tb{}
#side_contact, #side_info,#side_contact h2 span{background-color: #FFFBF1;}
#side_contact h2 span{color: #99c764;}

#contents h2{color: #300C00;}
#cms_2-b .cate_box{
    border:none;
    background-color: #f1ffe1;
}

footer, .footer_box{background-color: #FFFBF1;}

.txt_color1,.hvr_txt_color1:hover{color: #608b2e;} 
/*.txt_color2,.hvr_txt_color2:hover{color: #f4f3f2;} */
/*.txt_color3,.hvr_txt_color3:hover{color: #60513c;} */
/*.txt_color4,.hvr_txt_color4:hover{color: #eae4df;} */
/*.txt_color5,.hvr_txt_color5:hover{color: #f2ede7;}*/ 

.bg_color1,.hvr_bg_color1:hover{background-color: #99C764;}
/*.bg_color2,.hvr_bg_color2:hover{background-color: #f4f3f2;}*/
.bg_color3,.hvr_bg_color3:hover{background-color: #99c764;} 
.bg_color4,.hvr_bg_color4:hover{background-color: #f1ffe1;} 
/*.bg_color5,.hvr_bg_color5:hover{background-color: #f2ede7;}*/ 

.border_color1,.hvr_border_color1:hover{border-color: #99C764;}
.border_color2,.hvr_border_color2:hover{border-color: #608b2e;}
.border_color3,.hvr_border_color3:hover{border-color: #6a9935;}
/*.border_color4,.hvr_border_color4:hover{border-color: #eae4df;}*/
/*.border_color5,.hvr_border_color5:hover{border-color: #f2ede7;}*/

/*テンプレート  -------------------------------------*/
#cms_6-c .circle,#cms_6-c .arrow{z-index: 1;}
.fa-envelope:before{content: "\f086"!important;}
header{z-index: 5;}

@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
html,body{font-size: 18px;
    font-family: 'Kosugi Maru', sans-serif;
    letter-spacing: 0.07em;
    line-height: 1.7;
}
/* スマホ */
@media screen and (max-width: 667px){
    html,body{line-height: 1.9;}
}