#contents .t_cms_txt2, #contents .t_cms_txt5, #contents .t_cms_txt8, .loader .nav2, .top_cms_wrap .font_2up, .more .txt_color_nomal, .other .box_title2, .page_title_box .font_25  {
font-family: 'Charm', cursive !important;
}
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #000;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #000000;} /* メインカラー */
.txt_color2{color: #000000;} /* サブカラー */
.txt_color3{color: #bfbebe;} /* アクセントカラー1 */
.txt_color4{color: #f6f5ee;} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white;} /* 白背景 */
.bg_black{background-color: black;} /* 黒背景 */
.bg_color1{background-color: #decbad;} /* メインカラー */
.bg_color2{background-color: #bad2d5;} /* サブカラー */
.bg_color3{background-color: #bfbebe;} /* アクセントカラー1 */
.bg_color4{background-color: #f6f5ee;} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important;}


/* border-color ※!important */
.border_color1{border-color: #bfbebe;}
.border_color2{border-color: #bad2d5;}
.border_color3{border-color: #bfbebe;}
.border_color4{border-color: #f6f5ee;}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #000;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #decbad;} /* メインカラー */
.hvr_txt_color2:hover{color: #bad2d5;} /* サブカラー */
.hvr_txt_color3:hover{color: #bfbebe;} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f6f5ee;} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white;} /* 白背景 */
.hvr_bg_black:hover{background-color: black;} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #decbad;} /* メインカラー */
.hvr_bg_color2:hover{background-color: #bad2d5;} /* サブカラー */
.hvr_bg_color3:hover{background-color: #bfbebe;} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #f6f5ee;} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important;}

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


.top_nav ul li {
    background-color: rgba(202,79,46,0.6);
}
.linkStyle {
  color: #decbad;
}
.bg_color4 {
    background-color: #ffffff;
}
.bg_color2 {
    background-color: #bfbebe;
}
.nav .logo {
   width: 20% !important;
}
#footer .logo {
    width: 70%!important;
}
#loading_logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
    max-width: 300px;
    z-index: 3;
}
.img-container:before {
    background: #decbad;
}
.t_cms_img2 .img-container:before {
    background: #bfbebe;
}
#page-top .bg_color1 {
    background-color: #000000;
}
/*#cms_1-f .cate_box .date {
  display: none;
}*/

.toplogo {
    bottom: 0;
    left: 0;
}
.page_title:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/top_logo3.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    width: 30%;
    height: 100%;
    z-index: 1;
    bottom: -3px;
    left: -17px;
}
.center {
    display: none;
}
.main_img_wrap .catch {
    bottom: 100px;
    left: 60px;
}
.cms_3-d .box_txt2, #cms_3-d .box_txt2 {
    color: #000000;
}
.cate_list .txt_color_nomal {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#page8 .border_color2 {
    border-color: #decbad;
}
#cms_5-a .cate_title {
    background-color: #000000;
}
.banner {
    width: 40%!important;
}
.sp_bt {
  display: none;
}
#page8 .width_70per {
  text-align: left;
}
.big_cate {
    width: 90%;
    text-align: center;
    background-color: #000000;
    color: #ffffff;
    border: none;
    border-left: 10px solid #bfbebe;
}

#contact_tel .pd_30px {
    padding: 30px 10px;
}
#cms_3-d .box_txt1 {
    text-align: right;
}
.img-container.active:before {
    transform: translateX(101%);
}
/*************タブレット*************************/
@media screen and (max-width: 1000px) {
header .logo {
    width: 30%;
    position: relative;
    margin-right: auto;
}
.center {
    display: block;
    width: 15%;
    position: relative;
    top: -45px;
}
.main_img_wrap .catch {
    bottom: 160px;
    left: 15px;
}
.banner {
    width: 47%!important;
}
#footer .grid_6 {
    width: 63%!important;
}
#cms_3-d .box_title {
    text-align: left;
}
}
/*************スマホ************************/
@media screen and (max-width: 667px) {
header .logo {
    width: 45%;
    position: relative;
    margin-right: auto;
}
.page_title:before {
   display: none;
   /* background-image: url(./Dup/img/top_logo.png);
    bottom: 0px;
    left: 0px;*/
}
#page_title .img-container::after {
    background-color: rgba(0, 0, 0,0.4);
}
.main_img_wrap .catch {
    bottom: 170px;
    left: 26px;
    width: 300px;
}
.banner {
    width: 96%!important;
    margin-top: 10px;
}
#page8 .mg_t-30px {
    margin-top: 10px;
}
#footer .grid_6 {
    width: 93%!important;
}
.sp_bt {
  display: block;
    width: 60%!important;
}
}
@media all and (-ms-high-contrast: none) {
.banner {
    margin: 0 10px !important;
}
.top_nav ul li a {
    padding-top: 6px !important;
    padding-right: 3px !important;
}

}