﻿#main_img {
    height: auto !important;
}
video{
    vertical-align:bottom;
}
#main_b{
    display:none;
}
#main_img::before{
    display:none;
}
#main_img {
    position: relative;
  /*  background: url(Dup/img/main_img.jpg);
    background-size: cover;
    background-position:center;*/
}
.cate_wrap{
    margin-top:-90px;
    padding-top:90px;
}
.main_img1{
    margin-bottom:20px;
}

video{
    vertical-align: bottom;
}
.linkStyle{
    color:#ac754b;
}
.page4 .cate:before {
    width: 100%;
    height: 100%;
    background: #fffffff2;
    content: "";
    position: absolute;
    backdrop-filter: blur(3px);
    left: 0;
 
    top: 0;
}
.page4 .cate_title, .cate_txt1, .box_wrap {
    z-index: 2;
    position: relative;
}
.page4 .cate {
    background-size: cover;
    padding: 50px;
    position: relative;
    box-shadow: 2px 2px 10px #00000014;
    margin-bottom: 160px;
   
}
.cms_3-c .cate:hover:before{
    backdrop-filter: blur(0px);
    background:#ffffff8f;
}

#main_b2{
    display:none;
}


.cms_3-c .cate::before {
    width: 100%;
    height: 100%;
    background: #ffffffb8;
    content: "";
    position: absolute;
    backdrop-filter: blur(3px);
    left: 0;
    top: 0;
       transition:all 0.5s;
}

.cms_3-c .cate {
    border: 1px solid #c5af9e;
    padding: 5px;
    position:relative;
    background-size:cover;
}
.cms_3-c .cate_txt1 {
    text-align: center;
    padding: 15px;
    z-index: 1;
    border-top: 1px dashed #c5af9e;
    position: relative;
}

.cms_3-c .cate_title {
    background: none !important;
    border: 0 !important;
    text-align: center;
    position: relative;
    margin: 0;
    padding: 15px;
    position: relative;
    z-index: 2;
    color: #4a4a4a;
}

.page4 .cate_txt1 {
    text-align:center;
}
.page4 .cate_title {
    border-width: 1px;
    position: relative;
    border: 0;
    font-size: 26px;
    text-align: center;
}
/*
.page4 .cate_title::before {
    width: 100%;
    height: 25px;
    content: "";
    position: absolute;
    background: url(Dup/img/con1_2.png) no-repeat;
    left: 0;
    top: -25px;
    background-position: center;
    background-size: contain;
}
*/

header .trans_header{
    z-index:100;
}
#logo2 img.width_200-max{
    max-width:300px;
}
.cate_title{
    border-width:1px;
}
.under_page #logo img{
    width:250px;
}
.under_page #logo {
    padding:30px;
    padding-left: 30px;
}
.page_title_box p, .page_title_box h2 {
    color: #ffffff;
}
.top nav#pc_nav li a{
    padding:15px;
}
.info_left{
    background: url(Dup/img/con2_bg.png);
}
#contents2 .con2_wrap{
    background: url(Dup/img/con2_bg.png);
}

#private{
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 30px;
    width: 60vw;
}
header .trans_header {
    height: 95px;
}
.trans_logo img{
    max-width: 250px;
}
/*
.con1_title p:before {
    width: 100%;
    height: 27px;
    background: url(Dup/img/con1.png) no-repeat;
    position: absolute;
    content: "";
    left: 0;
    top: -30px;
    background-position: center;
    background-size: contain;
}*/

.con1_title p{
    position: relative;
    font-size: 16px;
}
#main_img::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: url(Dup/img/main_txt2.png) no-repeat;
    background-size: contain;
    bottom: 0;
    background-position: 10px 103%;
}
/*
#main_b {
    position: absolute;
    top: 16vw;
    left: 4.5vw;
    width: 34vw;
    z-index: 1;
}
#main_img{
    position:relative;
}
*/
nav#pc_nav{
    text-align:center;
    padding:0;
}
#logo {
    z-index: 2;
    background: transparent;
    text-align: center;
    padding: 50px;
}
#logo img{
    max-width:350px;
}
#header{
    padding-top:0;
    padding-left:0;
    
}
header{
    align-items: flex-start;
}
.bg_color1 {
    background-color: #C5AF9E;
    background-color: #D0C1C2;
    background-color: #ccb6b7;
}
.bg_color2{
    background:#C5AF9E;
}

body {
    background: #F5F3F1;
    font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.top nav#pc_nav li a {
    font-size: 18px;
    letter-spacing: 3px;
}
.con3_title span{
    background-color: #ffeddc;
}
h1,h2,h3,h4,.page_title_box p,.more a,#pc_nav li a,.con1_title p,.con2_title p,.con3_title p{
     font-family: 'Cinzel', serif;
}

/*2023/10/13　修正*/
.cate_list li{width: 50%!important;}
.cate_list li a{font-size: 26px;}
@media screen and (max-width:667px){
    .cate_list li a{font-size: 20px;}
    #page03,#page04{padding-right: 20px;    padding-left: 20px;}
    .cate_list li{width: 100%!important;}
}
/*---------------------------------------------タブレット-------------------------------------*/
@media screen and (max-width:768px){

.page4 .cate_txt1 {
    text-align: left;
}

#contents2 .con2_wrap {
    flex-direction: column;
    padding:80px;
}
    header .trans_header {
    height: 80px;
}
.trans_logo img {
    max-width: 200px;
}
#main_b {
    position: absolute;
    top: 30vw;
    left: 4.5vw;
    width: 50vw;
    z-index: 1;
}
.con2_left,.con3_left{
    width:100% !important;
     padding: 0;
}
.con2_right,.con3_right{
    width: 100% !important;
    margin-top: 30px;
    padding: 0;
}
#contents3 p,#contents3 h2{
    color:#333333;
}
#private {
    position: absolute;
    bottom: 0;
    z-index: 3;
    left: 20px;
    width: 70vw;
}
.con3_title span {
    background-color: #ccb6b7;
}
}
/*---------------------------------------------ここまで-------------------------------------*/

/*---------------------------------------------スマホ-------------------------------------*/
@media screen and (max-width:667px){
    #main_b {
    position: absolute;
    top: 47vw;
    left: 4.5vw;
    width: 50vw;
    z-index: 1;
}
   /* #contents1 h2{
        font-size:18px;
    }*/
    #contents2 .con2_wrap {
    padding: 50px 40px;
    }
    .con2_right, .con3_right{
        padding-top:0;
    }
    #main_img::before {
    background-position: 10px 100%;
}
.con3_wrap{
    background: url(Dup/img/con2_bg.png);
    margin-top: 50px;
}
.con3_title span {
    background-color: #ac754b;
}
.con3_title p{
    color:#AC754B !important;
}
#private{
    display:none;
}
#contents3{
    padding-bottom: 50px
}
.page4 .cate{
    background:none !important;
    padding:0;
    box-shadow:none !important;
     margin-bottom: 80px;
}
.page4 .cate:before{
    display:none;
}
.page4 .cate_title::before {
    width: 100%;
    height: 20px;
    content: "";
    position: absolute;
    background: url(Dup/img/con1_2.png) no-repeat;
    left: 0;
    top: -20px;
    background-position: center;
    background-size: contain;
}
#main_b2{
    display:block;
    padding:20px;
}
#contents1 .fade_box {
    padding-top: 10px;
}
div#main_img::before{
    background-size:90%;
}
.page4 .cate_title{
    font-size:20px;
}
#page_title .page_title_bg {
    top: 0;
    opacity: 0.5;
    background: #959595;
}


}
/*---------------------------------------------ここまで-------------------------------------*/