@charset "utf-8";
/* CSS Document */
/* color */
body,.txt_color_nomal{color: #333333;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #560626} /* メインカラー */
.txt_color2{color: #ccbeb8} /* サブカラー */
.txt_color3{color: #542b10} /* アクセントカラー1 */
.txt_color4{color: #f9f9f2} /* アクセントカラー2 */

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

/* border-color ※!important */
.border_color1{border-color: #560626}
.border_color2{border-color: #ccbeb8}
.border_color3{border-color: #542b10}
.border_color4{border-color: #f9f9f2}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #560626} /* メインカラー */
.hvr_txt_color2:hover{color: #ccbeb8} /* サブカラー */
.hvr_txt_color3:hover{color: #542b10} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #f9f9f2} /* アクセントカラー2 */

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

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #560626}
.hvr_border_color2:hover{border-color: #ccbeb8}
.hvr_border_color3:hover{border-color: #542b10}
.hvr_border_color4:hover{border-color: #f9f9f2}

.linkStyle { color:#212121;
}
.linkStyle:hover { opacity:0.7;transition: all 0.3s;
}
#fakeloader {
    background-image: url("./Dup/img/bg.jpg");
	background-size: 300px;
}

.back1:before,.back2:before,footer {
    background-image: url("./Dup/img/bg.jpg");
	background-size: 240px;
	z-index: -1;
}
header.scr_header #logo {
    max-width: 160px;
}
#main_img .menu .square_box {
	height: auto!important;
	background-color: transparent;
}
#top_pc_nav {
	margin-top: 30px;
}
/*ホバーで日本語・英語切り替え*/
#top_pc_nav li,#pc_nav li {
     height: 1.5em;
    text-align: center;
     font-size: 16px;
     letter-spacing: 2px;
}     
#top_pc_nav li span,#pc_nav li span{
      transition: 0.3s;
	text-align: center;
}
#top_pc_nav li span:nth-child(1),#pc_nav li span:nth-child(1)  {
	display: block;
}
#top_pc_nav li span:nth-child(2),#pc_nav li span:nth-child(2)  {
     opacity:0;
     position: relative;
     top: -1.5em;
	display: block;
}
#top_pc_nav li:hover span:nth-child(1),#pc_nav li:hover span:nth-child(1)  {opacity: 0;}
#top_pc_nav li:hover span:nth-child(2) ,#pc_nav li:hover span:nth-child(2) {opacity: 1;}
#pc_nav li a::after, #top_pc_nav li a::after,

/*メニュー下にアイコン（画像）*/
#top_pc_nav li a {
	 position: relative;
}
#top_pc_nav li a::before {
  content: '';
	background-image: url("./Dup/img/icon1.png");
	background-size: contain;
	background-repeat: no-repeat;
	display: block;
	width: 45px;
	height: 50px;
  position: absolute;
  left: 50%;
  top: 32px;
	transform: translate(-50%,0);
}
#top_pc_nav li:nth-of-type(2) a::before {
	background-image: url("./Dup/img/icon2.png");
	width: 24px;
}
#top_pc_nav li:nth-of-type(3) a::before {
	background-image: url("./Dup/img/icon3.png");
	width: 32px;
}
#top_pc_nav li:nth-of-type(4) a::before {
	background-image: url("./Dup/img/icon4.png");
}
#top_pc_nav li:nth-of-type(5) a::before {
	background-image: url("./Dup/img/icon5.png");
}

.page #logo { max-width:200px;
}
#cms_4-b .cate_box {
    margin: 50px 0;
}

.nav_menu_more:first-of-type a .icon:before {
content:'';
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img .menu .square_box a {
	max-width: 200px;
}

}



/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header.scr_header #logo {
    max-width: 130px;
}
.page #logo { max-width:150px;
}
.page_title_box h2 { font-size:20px!important;
}
}


@media all and (-ms-high-contrast:none){
}
@supports (-ms-ime-align:auto) {}

/* ---------- 2024/03/22 ---------- */
#footer .tel_bt,
#overlay .nav_menu_more.mg_t-10px {
    display: none;
}