body, .font_en{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Noto Serif JP", "serif"!important;}

@font-face {
font-family: "Playball";
	src: url("./Dup/default/Playball.ttf") format("ttf"),url("./Dup/img/Playball.eot") format("eot"),url("./Dup/img/Playball.woff") format("woff"),url("./Dup/img/Playball.woff2") format("woff2");
}
.cms_title h2,#page_title h2,a[href^="tel:"]{font-family: "Playball","游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;}


@font-face {
    font-family: 'NotoSerif';
    font-style: normal;
    font-weight: 400;
    src: url('../Dup/img/NotoSerif_r.woff') format('woff'),
        url('../Dup/img/NotoSerif_r.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSerif';
    font-style: normal;
    font-weight: 700;
    src: url('../Dup/img/NotoSerif_bold.woff') format('woff'),
        url('../Dup/img/NotoSerif_bold.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'NotoSerif';
    font-style: normal;
    font-weight: 900;
    src: url('../Dup/img/NotoSerif-Blackk.woff') format('woff'),
        url('../Dup/img/NotoSerif-Black.eot')  format('eot');
    font-display: swap;
}



/* ---------- color ---------- */
.linkStyle{color: #f5ca9a;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
body,.txt_color_nomal{color: #fbf0e3;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #f5ca9a} /* メインカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color2{color: #e6e6e6} /* サブカラー */
.txt_color3{color: #ead4ba} /* アクセントカラー1 */
.txt_color4{color: #c9baa9} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: #46321b} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #412608} /* メインカラー */
.bg_color2{background-color: #e6e6e6} /* サブカラー */
.bg_color3{background-color: #ead4ba} /* アクセントカラー1 */
.bg_color4{background-color: #c9baa9} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #f5ca9a}
.border_color2{border-color: #e6e6e6}
.border_color3{border-color: #ead4ba}
.border_color4{border-color: #c9baa9}

/* hover_color */
.hvr_txt_color_nomal:hover{color: #fbf0e3;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #f5ca9a} /* メインカラー */
.hvr_txt_color2:hover{color: #e6e6e6} /* サブカラー */
.hvr_txt_color3:hover{color: #ead4ba} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #c9baa9} /* アクセントカラー2 */

.hvr_bg_white:hover{background-color: #46321b} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #412608} /* メインカラー */
.hvr_bg_color2:hover{background-color: #e6e6e6} /* サブカラー */
.hvr_bg_color3:hover{background-color: #ead4ba} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #c9baa9} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

.hvr_border_color1:hover{border-color: #f5ca9a}
.hvr_border_color2:hover{border-color: #e6e6e6}
.hvr_border_color3:hover{border-color: #ead4ba}
.hvr_border_color4:hover{border-color: #c9baa9}

#fakeloader{background-color: #1e170e;}
body{background-color: #1e170e;}
#main_menu ul li a{color: #f5ca9a;}
#main_menu ul li a::before,#page_title .page_box::before,.cms_title::before{background-color: #f5ca9a;}
.button, .foot_tel_bt a {border-color: rgba(255,255,255,0.38);color: #fff;}
.more a {background-color: rgba(77,41,109,0.87); border-color: rgba(255,255,255,0.38);color: #fff;}
.button:hover::after {box-shadow: inset 0 0 0 15em rgba(77,41,109,0.87);}
.more .button:hover::after{box-shadow: inset 0 0 0 15em #fff}
.hamburger__icon, .hamburger__icon:before, .hamburger__icon:after{background-color: #ffffff!important;}
.hamburger.active .hamburger__icon{background-color: transparent!important}


/* design ---------------------------------------------------------------------------------------------*/
/* ---------- all ---------- */
.width_1280-max {width: 100%;max-width: 100%;}
#contents1,#contents2,#contents3,.width_1280-max{padding-left: 50px;padding-right: 50px;}

.font_14,.main_box {font-size: 16px;}
#logo{max-width: 255px;}
header {
    background-image: url(./Dup/img/bg1.jpg);
    background-size: 75%;
    padding-top: 28px!important;
}
header:before {
    content: "";
    background-image: url(./dup/img/h_item.png);
    width: 100%;
    height: 100%;
    background-size: 100% 93%;
    top: 0;
    left: 0;
    display: block;
    background-repeat: no-repeat;
    position: absolute;
    z-index: -1;
}
.head_box{
	max-width: 450px;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
.pc_box {
    padding: 40px 20px;
    position: relative;
    max-height: 89%;
}
.pc_box::before {
    content: '';
    position: absolute;
    display: block;
    width: 95%;
    height: 98%;
    background-color: rgba(64,34,6,0.81);
    border: 3px solid #ad864c;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: -1;
}
#main_menu{width: 80%;margin: 40px auto 30px;}
#main_menu ul li a{margin-bottom: 20px;}
.contact_bt{width: 80%;margin: auto;}
.tel_bt{width: 80%;margin: 20px auto 0;}
.contact_bt i{display: none}
header .head_box .link_box{margin-top: 28px;}
.link_box ul{justify-content: center;}
.link_box li.grid_1 {width: 9%!important;margin: 0 10px;}
footer{position: relative;background: url( "../dup/img/f_bg.jpg" ) center / 1000px repeat;background-attachment: fixed;margin-top: 100px!important;}
footer::before{
	display: inline-block;
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.4);
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	pointer-events: none;
}
footer .flex_top.flex_space-between, #footer_menu{
	z-index: 2;
    position: relative;
}


/* ---------- top ---------- */
#main_img::before, #page_title .title_img::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 86px;
    left: 0;
    bottom: -10px;
    background-image: url(./Dup/img/nami.png);
    background-size: 100% 100%;
    z-index: 3;
}
#main_img::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background-image: url(../dup/img/main_txt.png);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: right 55px top 22%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 10;
    pointer-events: none;
}
.txt2{font-size: 24px;position: relative;padding-top: 37px;text-align: center;margin-bottom: 43px;}
.txt2::before {
    content: '';
    display: inline-block;
    width: 83px;
    height: 21px;
    background-image: url(../dup/img/item1.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
}
.txt3{margin-bottom: 25px;}

#contents2, #contents3, #contents3 .grid_6 {position: relative;}
#contents2::after, #contents3 .grid_6::before {
    display: inline-block;
    content: "01";
    position: absolute;
    top: -36px;
    left: 43px;
    font-size: 52px;
    font-weight: 200;
    color: #d0bba6;
    z-index: 1;
    font-style: italic;
}
#contents3 .grid_6::before {
    content: "02";
    top: -60px;
    left: 1px;
}
#contents3 .grid_6.pd_l-20px::before {
    content: "03";
    left: 15px;
}
#contents3 .d_flex .grid_6:nth-child(2) {margin-top: 130px;}


/* ---------- under ---------- */
.cate_title {background-color: #55386f;}
#cms_6-c .circle, #cms_6-c .arrow{display: none}
#cms_6-c {counter-reset: number 0;}
#cms_6-c .cate_box {
    position: relative;
    padding-top: 50px;
	padding-bottom: 30px;
    padding-left: 20px;
}
#cms_6-c .cate_box:before {
    counter-increment: number 1;
    content: "0" counter(number);
    display: inline-block;
    position: absolute;
    top: -78px;
    left: -5px;
    z-index: 1;
    font-size: 62px;
    font-weight: 100;
    font-style: italic;
    color: #ffe291;
}



/* animation ---------------------------------------------------------------------------------------------*/
.txt_anim span{
	position: relative;
    right: 20px;
    opacity: 0;
	transition: all .8s;
	filter: blur(10px);
}
.txt_anim span.start{
	right: 0;
	opacity: 1;
	animation: blur 1.5s ease-in-out forwards;
}
@keyframes blur {
	0% {filter: blur(10px);}
	100% {filter: blur(0);}
}
.fadein{
	transform: translateY(30px);
	transition: transform 2s ease, opacity 2s;
	opacity: 0;
}
.fadein.start{transform: translateY(0);opacity: 1;}


/* IE */
@media all and (-ms-high-contrast: none){
#cms_6-c .cate_box::before{top: -69px;}
.more a{padding-bottom: 5px}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.link_box li.grid_1 {margin: 0 15px;max-width: 40px;}
	
header{padding-top: 15px!important;padding-bottom: 15px;}
#logo{text-align: center;}
.pc_box {padding: 0;position: static;max-height: 100%;}
.pc_box::before{width: 100%;height: 100%;border: none;}
#contents3 .d_flex .grid_6:nth-child(2) {margin-top: 88px;}
footer {background: url(../dup/img/f_bg.jpg) center / 800px repeat;background-attachment: scroll;margin-top: 30px!important;}
#page_title .title_img{height: 196px;}

.txt_anim span{opacity: 1;filter: none;right: 0;}
.txt_anim span.start{animation: none}
}


/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
body, .font_en{
	font-family: "NotoSerif", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"!important;
	font-weight: 100;
}
.link_box li.grid_1 {max-width: 30px;}

.font_14, .main_box{font-size: 14px}
#logo{max-width: 168px;}
header{padding-top: 9px!important}
#main_img::after{background-size: 64%;background-position: right 9px top 17%;}
#main_img::before, #page_title .title_img::before {height: 47px;bottom: -3px;}
.txt2{font-size: 18px}
.font_14, .main_box{top: -46px;left: 17px;}
#contents3 .d_flex .grid_6:nth-child(1){margin-top: 32px;}
#contents2::after, #contents3 .grid_6::before{top: -46px;left: 13px;}
#contents3 .grid_6::before,#contents3 .grid_6.pd_l-20px::before{top: -54px;left: 0;}
.cms_title h2{font-size: 22px;}
#contents1, #contents2, #contents3, .width_1280-max {padding-left: 20px;padding-right: 20px;}
#page_title .title_img{height: 144px;}

#cms_3-b .box_wrap{padding: 0;}
#cms_3-b .cate_box{padding: 15px 20px;border-left: 6px solid #f5ca9a}
#cms_6-c .box_wrap{margin-top: 25px;}
#cms_6-c .cate_box{padding: 25px;}
#cms_6-c .cate_box:before{top: -66px;font-size: 48px;}
}



/* 2021/06/24 */
.cate a,.cate_box a{color: #b286d6;}