﻿@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@600&family=Noto+Sans+JP:wght@300&family=Shippori+Mincho:wght@600&display=swap');
/*#main_img img, #intro img, #top_contents1 img, #top_contents2 img, #page_title {
    filter: none;
}*/
#page_title, #main_nav, .sc_nav, .shop_link, #footer_links, #page10, a[href^="tel:"], #intro .intro_title, #top_cms .top_cms_title, .more, #menu_wrap, .tel_contact a{font-family: 'EB Garamond', 'Shippori Mincho', "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif"}
h3.font_serif, .intro_txt h2 span, .sub_cate_title, h3, h2, .contents2_txt h3 span:before, .contents1_txt p:before{
	font-family: 'Shippori Mincho', serif;
}
.contents1_txt p:before {
	content: "POINT1";
    display: block;
    position: absolute;
    top: -64px;
    font-size: 3vw;
    right: 7px;
    color: #ff7744
}
.contents2_txt h3 span:before {
    content: "POINT2";
    display: block;
    position: absolute;
    top: -104px;
    font-size: 3vw;
    right: 7px;
    color: #8a3319;
}
.page_titleWrap {
	position: relative;
}
.page_titleWrap::before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 88px);
    left: 0;
    bottom: 0;
    z-index: -1;
	background-color: #8a3319;
    background-image: url(Dup/img/xv.png);
}
#main_nav li a:hover, .sc_nav li a:hover {
    text-shadow: 0 3px 2px rgba(255, 177, 148,1);
}

body {
	background: #ffffff
}
#header {
    border-bottom: double 4px #b5a29b;
    margin-bottom: 51px;
    border-top: 9px solid #8a3319;

}
.slick-dots.txt_color_nomal {
	color: #ff4500;
}
.shop_link {
	border-right: 1px solid #b5a29b;
    padding: 30px 0;
}
.sns_links {
	border-left: 1px solid #b5a29b;
    padding: 30px 0;
}
.fadein, .fadein2, .fadein3, .fadein4, .fadein5, .fadein6{
     opacity: 0;
     transform: translateY(20px);
     transition: 1.5s;
     transition-property: opacity,transform
}
.fadein.fadetrans, .fadein2.fadetrans, .fadein3.fadetrans, .fadein4.fadetrans, .fadein5.fadetrans, .fadein6.fadetrans{
     opacity: 1;
     transform: none
}

.introWrap {
	position: relative;
	padding-bottom: 75px;
}
.introWrap:before {
	display: block;
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 100px);
    left: 0;
    bottom: 0;
    z-index: -1;
	background-color: #E3CDBF;
background-image: url("Dup/img/fake-luxury.png");
}
footer.bg_color2 {
background-color: #E3CDBF;
background-image: url("Dup/img/fake-luxury.png");
}
.intro_txtWrap {
    padding: 50px 0;
    background: url(Dup/img/tl.png), url(Dup/img/tr.png), url(Dup/img/bl.png), url(Dup/img/br.png);
    background-size: 80px, 73px, 36px, 41px;
    background-position: 12% 7px, 89% 0%, 11.5% 64%, 89% 68%;
    background-repeat: no-repeat;
}
.intro_txt {
	border: 1px solid #8a3319;
	position: relative;
}
.intro_txt .text_box::before {
    content: '';
    position: absolute;
    border-top: 1px solid #e3cdbf;
    top: -1px;
    left: 180px;
    width: 80px;
    right: 70px;
}
.intro_txt .text_box .text::before {
    content: '';
    position: absolute;
    border-top: 1px solid #e3cdbf;
    top: -1px;
    right: 35px;
    width: 80px;
}
.intro_txt .text_box .text::after {
    content: '';
    position: absolute;
    right: 180px;
    width: 80px;
    border-bottom: 1px solid #e3cdbf;
    bottom: -1px;
}
.intro_txt .text_box::after {
    content: '';
    position: absolute;
    left: 70px;
    width: 80px;
    border-bottom: 1px solid #e3cdbf;
    bottom: -1px;
}

#main_nav ul {
    justify-content: center;
    letter-spacing: 3px;
    font-size: 18px;
}
#main_nav ul li {
    padding-left: 10px;
    padding-right: 10px;
}
.page_titleWrap li a {
	color: #fff;
}
#main_nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
}
/* ---------------------TOP CONTENTS------------------------------- */
.main_imgWrap {
	margin-bottom: 72px;
}
.catch {
	z-index: 10;
	bottom: -53px;
	width: 37%;
	right: 12%;filter: drop-shadow(0px 0px 5px rgba(255,255,255,0.9));
}
#intro h3 {
	color: #8a3319
}
#top_contents1 h3 {
    position: relative;
    padding: 1.5rem 1rem;
}
#top_contents1 h3 {
margin-bottom: 61px;
    text-align: center;
    margin-top: 38px;
}
.contents2_txt h3 span {
	background-color: #fff7f4;
}
#top_contents2 .d_flex {
	background: #fdede7;position: relative;
	padding-bottom: 100px;
}
#top_contents2 .d_flex:after {
    content: "";
    display: block;
    height: 31px;
    bottom: -15px;
    width: 100%;
    position: absolute;
    background-image: url(Dup/img/skulls.png);
}
#page_title h2 {
	font-size: 30px;
    text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff;
}
#page_title p {
	font-size: 18px;
    text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff;
}
.cate_wrap > .txt_center {
	text-align: left;
}
.cate_list li {
    position: relative;
    padding-left: 40px;
}
.cate_list li::before {
    position: absolute;
    content: "";
    width: 30px;
    height: 1px;
    background-color: #ccc;
    top: 19px;
    left: 0;
}
#page08 .tel a {
    background: #fff;
    padding: 20px 0;
    width: 340px;
    border-radius: 16px;
    box-shadow: 0px 5px 16px -6px rgb(0 0 0 / 9%);
}
@media(max-width: 768px) {
#top_contents2 .d_flex {
	padding-bottom: 130px;
}
.intro_txt > p {
	margin-top: -10px;
}
.contents1_txt p:before {
    top: -61px;
    font-size: 6vw;
    right: 22px;
}
.catch {
    bottom: -27px;
    width: 46%;
    right: 5%;
}
.intro_txtWrap {
    background-size: 80px, 73px, 36px, 41px;
    background-position: 9% 5px, 91% 0%, 8.5% 61%, 92% 69%;
}
#top_contents1 h3 {
margin-bottom: 44px;
}
.point1 {
    font-size: 6vw;
    font-weight: bold;
    top: 53%;
    right: 12px;
    color: #ea8059;
}
#top_contents1 .contents1_txt {
    width: 100%!important;
    margin-left: 0%;
    margin-top: 25px;
}
.contents2_txt h3 span:before {
    top: -104px;
    font-size: 6vw;
    right: 17px;
}
}
@media(max-width: 667px) {
#top_contents1 h3 {
margin-bottom: 2px;
}
.contents2_txt h3 span:before {
    top: -46px;
    font-size: 6vw;
    right: -1px;
}
.contents1_txt p:before {
    top: -19px;
}
.catch {
    bottom: -29px;
    width: 60%;
}
.intro_txtWrap {
    padding: 65px 0 50px;
    background-size: 63px, 45px, 32px, 39px;
    background-position: 1% 0px, 99% 0%, 2.5% 100%, 96% 98%;
}
}

.cms_3-f .cate_box {
    width: 100%;
}


