@import url('https://fonts.googleapis.com/css2?family=Hina+Mincho&display=swap');

.font1,
#page_title,
#main_nav li a,
#top_cms .top_cms_box .more a span,
.top_cms_title{
    font-family: 'Hina Mincho',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

/*
.shop_link_kobetsu,
#page-top{
    position:absolute;
}
*/


/*--all page---------------------------
-------------------------------------*/

.linkStyle{
    color:#c7a43b;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

body{
    overflow:hidden;
    background-image:url(./Dup/img/bg2.jpg);
    background-attachment:fixed;
    background-size:100% auto;
    color:#fff;
}


#loader::after{
    background-color: transparent;
    background:url(./Dup/img/wood.jpg) repeat-y;
    background-size:100% 600px;
}

#main_nav li a,
.sc_nav li a,
footer #footer #footer_links li a{
    color:#fff!important;
    opacity:1;
}
.shop_link{
    display:none;
}

.more a{
    color:#fff;
    border-color:#fff;
}
#page-top{
    color:#fff;
}

footer {
    background-image: url(./Dup/img/wood.jpg);
    background-repeat: repeat-y;
    background-size: 100% 600px;
    padding-bottom: 100px;
}

/*--top page---------------------------
-------------------------------------*/
.catch{
    z-index:2;
    filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.7));
}
.sc_nav .shop_link{
    display:none;
}
.shop_link_kobetsu {
    bottom:10px;
    right: 70px;
    z-index: 3;
    width: 350px;
}
.shop_link_kobetsu i{
    position:relative;
}
.shop_link_kobetsu span {
    position: absolute;
    top: 35px;
    left: -10px;
    letter-spacing: 5px;
}
.shop_link_kobetsu:hover{
    transform:translateY(-3px);
    transition:all 0.3s;
}

#intro .slick-dots li{
    border-color:#fff;
}

#top_contents1{
    position:relative;
}
#top_contents1:before{
content:'';
    position:absolute;
    display:block;
    pointer-events:none;    
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.6);
    top:0;
    left:0;
}
#top_contents1 .contents1_txt{
    padding: 100px 0 90px;
    z-index:2;
}
#top_contents1 .about{
    top: -5%;
    left: -32%;
    transform: rotate(-8deg);
    width: 400px;
}

#top_contents2 .con2 {
    top: -13%;
    left: -8%;
    width: 500px;
    transform: rotate(-4deg);
}



/*--under page---------------------------
-------------------------------------*/
#page_title{
    margin-bottom:100px;
    text-shadow: 0 0 7px rgb(0 0 0 / 90%);
}
/*menu page*/
#cms_3-e .sub_cate_img1{
    height:350px;
}

#page08 .tel_txt{
    padding: 50px 0 45px;
}




/* ---------- PC 1366px~ ---------- */
@media screen and (max-width: 1367px){
    
#top_contents2 .con2 {
    top: -8%;
    left: 23%;
}
#top_contents2 .img2 {
    transform: translateY(30px);
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#loader .logo {
    max-width: 200px;
}
body{
    background-image: url(./Dup/img/bg_tb.jpg);
    background-size:cover;
}
#intro .intro_title {
    width: 60%;
    top: -18%;
}
#top_contents1 .about {
    top: -5%;
    left: -18%;
    width: 350px
}
#top_contents2 .con2{
    top: -2%;
    width:400px;
}
#menu_wrap ul li{
    text-align: center;
}

footer .d_flex{
    padding:30px;
}
#copyright{
    padding-right:30px;
}
#page_title h2{
    font-size: 2.2rem;
}
#page_title p{
    font-size:1.2rem;
}
#cms_3-e .sub_cate_img1 {
    height: 300px;
}
#cms_2-g .cate_title {
    font-size: 2em;
}
#page10 ul li .title1{
    letter-spacing: 1px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#loader::after{
    background-size: 100% 400px;
}
#loader .logo {
    max-width: 120px;
}
.shop_link_kobetsu {
    right: 45px;
    width: 250px;
}
h1 img {
    max-width: 90px;
}
.catch{
    width:65%;
}
#intro .intro_title {
    z-index: 1;
    width: 90%;
    top: -21%;
    left: 4%;
}
#top_contents1 .about {
    left: -4%;
    width: 250px;
}
#top_contents2 .con2 {
    left:4%;
    width: 300px;
}
.shop_link_kobetsu_sp{
    left:20px;
    z-index:2;    
}

footer .d_flex{
    padding:0;
}
#copyright{
    padding-right:0;
}
#page_title h2 {
    font-size: 1.8rem;
}
#page_title p {
    font-size: 1rem;
}
#cms_3-e .sub_cate_img1 {
    height: 250px;
}
#page08 .tel_txt {
    padding: 50px 10px 45px;
}
}