@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600&display=swap');
.hannari, .cate_title{font-family: 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
body, .pop400{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}
.hannari, #cms_2-a .box_title1, .cms_2-a .box_title1{font-family: dnp-shuei-ymincho-std, sans-serif;font-weight: 500;font-style: normal!important;}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #c79840;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body, .txt_color_nomal {color: #383331;}
.cate_list li a{background: url("../dup/img/bg1.jpg");background-size: 800px}
.cate_list li a:hover{opacity: 0.7}
.txt_color1{color: #551155;}
.txt_color3{color: #c79840;}
.bg_color3{background-color: #c79840;}
.bg_color1{background-color: #52212f}
.back1:before{background-color: rgba(216,197,173,0.11);}
.back1:before{background-color: rgba(216,197,173,0.11);}
header.scr_header{background-color: rgba(82,33,47,0.5)!important;}
#info_contact .con_img:before{background-color: rgba(134,134,134,0.70)!important;}
.overlay{background: linear-gradient(135deg, rgba(99,59,70,0.90) , #cdb6bc )!important;}
#contents3_wrap:after{background-color: rgba(206,184,143,0.50)!important}
#page_title:before{background-color: rgba(148,148,148,0.60)!important;}
.more_btn{background-color: rgba(199,152,64,0.10);}
#footer_nav li a::after{background: #cdb6bc;}


/* design ---------------------------------------------------------------------------------------------*/
.opacity08{opacity: 1}
.back1:before, .back2:before, .num, .nav_menu_more:first-of-type a .icon:before{display: none}

#main_img .bg_white{background-color: transparent}
#main_img .bg_white a{max-width: 179px;}
#pc_nav li, #top_pc_nav li, #footer_nav li{max-width: 100%;}
.font_14{font-size: 15px;}
#pc_nav li a, #top_pc_nav li a, #footer_nav li a{font-size: 14px;}
header.scr_header #logo{max-width: 111px;}
#logo{max-width: 167px;}
#logo2 a{max-width: 115px;}
#fakeloader:before{display: none}
#fakeloader .fl{max-width: 179px;top: 46%!important;}
#fakeloader,#footer{background: url("../dup/img/bg1.jpg");background-size: 800px}
#intro_wrap{box-shadow: 0 6px 42px rgba(0,0,0,0.03);}

.back1:before{z-index: -1}
#contents3 .con_box{box-shadow: 0 -13px 46px rgba(0,0,0,0.02);}
.line-l:before{display: none}
.cms_title {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    margin: 0 auto 50px;
    border-right: 2px solid #cdb6bc;
    border-left: 2px solid #cdb6bc;
    padding: 11px 15px;
    height: 169px;
    text-align: center;
}
.cms_title h2{font-size: 27px;}
.cms_title p{display: none}
#page10 .more_btn{background-color: transparent}


/* contents4 ---------------------------------------------------------------------------------------------*/
#contents4 .line:before{left: 0;}
#contents4 .num{
	top: 0px;
	left: 43.5%;
	-ms-transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
	font-size: 70px;
	z-index: 1;
}
#contents4 .con_box{margin-top: 20%;}
.back2:before{height: 60%;}
.con4.back2:before{left: 0;right: auto;height: 150%;}


/* cms ---------------------------------------------------------------------------------------------*/
.cate_title {
    background-color: transparent;
    padding: 0;
    margin: 0;
    display: block;
    border: none;
    width: 100%!important;
    font-size: 24px;
    text-align: left;
    padding-bottom: 10px;
    margin-bottom: 50px;
    border-bottom: solid 2px #e8e1dc;
    color: #551155;
    font-weight: bold;
    position: relative;
}
.cate_title::before {
    position: absolute;
    content: "";
    width: 65px;
    height: 2px;
    left: 0;
    bottom: -1px;
    background-color: #551155;
}
#cms_3-a .box_title1{color: #b58326;}

#contents2 .num, #contents4 .num{color: #906b76;}


/* IE */
@media all and (-ms-high-contrast: none){
	.cms_title.fadein_up{position: relative;left: 50%;transform: translateY(0px) translateX(-50%);}
	.cms_title.fadein_up.scrollin{transform: translateY(0px) translateX(-50%);}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	#main_img .bg_white a{max-width: 94px;}
	#overlay .left li{max-width: 136px;}
	.back2:before{height: calc(100%);}
	#contents1 .con_box{margin-top: 12%;}
	.cms_title{height: 144px;}

	/* contents4 */
	#contents4 .num{font-size: 50px;left: 42.5%;}
	#contents4 .portrait_img{height: 600px!important;}
	#contents4 .con_box{margin-top: 12%}

}

/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
	#fakeloader .fl {max-width: 134px;top: 48%!important;}
	#logo{max-width: 120px;}
	header.scr_header #logo{max-width: 68px;}
	#overlay .left li{max-width: none;}
	#intro_wrap{padding-top: 14%;}
	.intro_title, #contents3 .con_title{margin-bottom: 53px;}
	.line:before{bottom: -22px;}
	#contents1 .con_box, #contents2 .con_box, #contents4 .con_box{margin-top: 6%;}
	#logo2 a{max-width: 90px;}
	#logo{max-width: 86px;}
	main.back1{padding-bottom: 50px;}
	.cms_title{height: 122px;}
	.page_title_box{top: 57%;width: 85%;box-sizing: border-box;    padding-left: 20px;padding-right: 20px;}
	.page_title_box h2{font-size: 18px;}
	
	/* contents4 */
	#contents4 .con_img{margin-bottom: 20px;}
	#contents4 .num{top: -50px;left: 50%;-ms-transform: translate(-50%,0);-webkit-transform: translate(-50%,0);transform: translate(-50%,0);}
	
	.cate_title{font-size: 20px;letter-spacing: 2px;}
	.cms_3-a .cate_title{font-size: 18px;}
}