body,.txt_color_nomal{color: #140D0D;}
.txt_white{color: #F7F5F5;}
.txt_red{color: red;}
.txt_color1{color: #140D0D;} /* メインカラー */
.txt_color2{color: #B53030;} /* サブカラー */
.txt_color3{color: #B53030;} /* アクセントカラー1 */
.txt_color4{color: #F7F5F5;} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: #F7F5F5;} /* 白背景 */
.bg_black{background-color: #B53030;} /* 黒背景 */
.bg_color1{background-color: #B53030;} /* メインカラー */
.bg_color2{background-color: #F7EDED} /* サブカラー */
.bg_color3{background-color: #bf9d74;} /* アクセントカラー1 */
.bg_color4{background-color: #F7EDED;
    background-image: url(dup/img/texture.jpg);
    background-size: contain;} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important;}


/* border-color ※!important */
.border_color1{border-color: #B53030;}
.border_color2{border-color: #B53030;}
.border_color3{border-color: #B53030;}
.border_color4{border-color: #F7F5F5;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */ 
.hvr_txt_color_nomal:hover{color: #F7F5F5 !important;}
.hvr_txt_white:hover{color: #F7F5F5;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #B53030;} /* メインカラー */
.hvr_txt_color2:hover{color: #bad2d5;} /* サブカラー */
.hvr_txt_color3:hover{color: #bf9d74;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #F7F5F5;} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: #F7F5F5;} /* 白背景 */
.hvr_bg_black:hover{background-color: #B53030;} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #B53030;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #bad2d5;} /* サブカラー */
.hvr_bg_color3:hover{background-color: #F7EDED} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #F7EDED;
    background-image: url(dup/img/texture.jpg);
    background-size: contain;}  /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #B53030;}
.hvr_border_color2:hover{border-color: #bad2d5;}
.hvr_border_color3:hover{border-color: #B53030}
.hvr_border_color4:hover{border-color: #F7F5F5;}


/*template memo-----------------------------------------------------------------------------------------------*/
/*背景色全体(外枠)*/
body{
    background: #F7F5F5;
}
/*写真の下の薄めの色部分*/
#contents .box:nth-child(odd) figure:after {
    color: #F7F5F5;
}
#contents .box:nth-child(even) figure:after {
    color: #F7F5F5;
}


/*写真表示前アニメーション①③*/
.img-container:before {
    background-color: #B53030;
} 
/*写真表示前アニメーション②*/
.t_cms_img2 .img-container:before {
    background: #140D0D;
}
/*top_cms　部分の黒い直線色*/
.top_cms_box:before {
    background-color: #B53030;
}
/*footer全体色*/
footer {
    background-color: #B53030;
}
/*下層ページタイトル下線*/
.page_title_box:before {
    background-color: #B53030;
}

/*下層ページタイトル画像*/

#page_title p:nth-child(2) span {
	font-size: 18px;
}
#page_title .page_title_box {
    margin-left: 80px;
    z-index: 1;
    padding: 20px 20px 0px 87px;
    position: absolute;
    left: 0;
    margin: 0;
}
#page_title .img-container::after {
    background-color: rgba(244,222,113,0.18);
}
/*画像表示前背景色*/
/*.img-container:before {*/
/*    background: #F4DE71; */
/*}*/
#title_img {
	width: 75%;
}
#page_title{
	padding-top: 0;
}
/*画像*/
#page_title:before {
    content: "";
    display: block;
    width: 75%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 25%;
    z-index: 1;
    background: rgba(245, 252, 255, 0.50);
}
/*-----------------------------------------------------------------------------------------------*/

body{
font-family: 'Shippori Mincho', serif;
}


.nocursor{cursor: default}

/*足跡*/
#dec14, #dec16, #dec18, #dec20 {
    left: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}
#dec13,#dec15, #dec17, #dec19{
    margin-left: auto;
    margin-top: 5px;
    margin-bottom: 5px;
}

#dec1, #dec3, #dec5, #dec7, #dec9, #dec11  {
    margin-left: 48.5%;
    margin-top: 5px;
    margin-bottom: 5px;
}
#dec2, #dec4, #dec6, #dec8, #dec10, #dec12 {
    margin-left: 51.5%;
    margin-top: 5px;
    margin-bottom: 5px;
}

/*linkStyle*/
a.linkStyle {
    color: #B53030;
    transition: 0.5s;
}
a.linkStyle:hover {
    color: #140D0D;
}

/*slide*/
.navi a {
    display: none;
}

#loading_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    max-width: 400px;
    z-index: 3;
}

.dec {
    width: 45px;
}

footer .dec {
    width: 99px;
    
}

.sns_links li a img{
    height: 96% !important;
}

/*mein_img動画処理*/
.main_img_wrap{max-height:initial;min-height:auto;}
.all_page{z-index: 6}

#page8 a:hover{background-color: #140D0D;}

.cate_list li a {
    /* display: block; */
    /* padding: 10px 1px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.logo{width: 18% !important;
}


.is-fixed .logo {
    width: 10%!important;
    transition: 0.3s;
}

footer .logo {
    width: 50% !important;
}

a.line_hover:hover{
    background-color: rgba(0,0,0,0.0) !important;
}


a.line_hover img{
    transition: 0.5s;
}
a.line_hover img:hover{
    opacity: 0.8;
}

@media all and (-ms-high-contrast: none){

   
.top_cms_box .more_box .more div{
    padding-top: 0px;
    padding-bottom: 1px;
}

#cms_2-a .cate_title{
    padding-top: 6px !important; 
}

#cms_3-e .sub_cate_title{
    padding-top: 5px !important;
}

.cate img, .cate_box img{
    box-shadow: 0px 2px 4px rgba(0,0,0,0);
}

footer .svg_box{
    transform:rotate(-40deg) translateY(-50%) translateX(-50%)
}

#cms_6-a .cate .cate_title{
    padding-top: 8px !important;
}

#page8 #tel_CONTACT p a{
    padding-top: 17px;
}


#page9 p a{
    padding-top: 2px;
}

.page10 .more_box .more div{
    padding-top: 0px;
    padding-bottom: 1px;
}

.pager li a span{
    padding-top: 10px;
    padding-bottom: 12px;
}
   
.video{width:100%;}    
}





/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.main_img_wrap{height: auto}
.main_wrap{margin-top: 50vh;}

.button_container span {
    height: 2px;
}
.overlay nav {
    top: 51%;
}

#dec2, #dec4, #dec6, #dec8, #dec10, #dec12 {
    margin-left: 52.5%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.cate_list li a {
    /* display: block; */
    /* padding: 10px 1px; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.overlay ul {
    width: 70%;
}



#contents .box figure {
    width: 88%;
    position: relative;
    z-index: 1;
    padding: 36px 0;
}


.box .d_flex{
    flex-direction: column;
}

.box .txt_wrap{
    padding: 10px;
    width: 88% !important;
}


.logo {
    width: 22% !important;
}

#loading_logo {
    max-width: 300px;

}

footer .logo {
    width: 60% !important;
}



}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.main_wrap{margin-top: 35vh;}
#video{height: 35vh;}


#dec1, #dec3, #dec5, #dec7, #dec9, #dec11 {
    margin-left: 38.5%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.dec {
    width: 34px;
}

    #page_title .page_title_box {
    padding: 0px 0px 0px 0px;
    background: rgba(181,48,48,0.4);
}

.page_title_box:before {
    background-color: rgba(0,0,0,0.0);
}

.font_4up_sp {
    font-size: calc(1rem + 2px);
}

.font_20_sp {
    font-size: 17px;
}

.letter_8 {
    letter-spacing: 5px;
}


.logo {
    width: 25% !important;
}

#loading_logo {
    max-width: 180px;
}

#page_title:before {
    background: rgba(245, 252, 255, 0.0);
}

}

/*修正20210623*/
.youtube {
    width: 100% !important;
    margin: 2% 0 0;
}
.youtube iframe{
  width: 95% !important;
}

.video_cms{
	padding-bottom: 55.25%;
	height: 0;
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
/* YouTube */
.video_cms {padding-bottom: 56.25%;}

.yt {
    margin: 0 0 4%;
}
.youtube iframe{
  width: 100% !important;
}
}

}