@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;500&display=swap');
.font1,.pop400{
    font-family: 'EB Garamond', serif;
}

/*
#fakeloader{
    display:none;
}
*/



/*--all page---------------------------
-------------------------------------*/
.linkStyle{
    color:#333;
    transition:all 0.3s;
    text-decoration:underline;
}
.linkStyle:hover{
    opacity:0.7;
}

body{
    overflow:hidden;
}
#wrap {
    background-color: #fcfcfc;
}
.fix_bnr{
    left:10px;
    z-index:2;
}
.box-shadow{
    box-shadow: 1px 0px 19px rgba(0,0,0,0.15);
}




/*--top page---------------------------
-------------------------------------*/
.catch{
    font-size:3.2rem;
    text-shadow: 0 0 10px rgba(0,0,0,0.5);
}
#top_pc_nav{
    width: 45%;
    margin: 30px auto;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 20px 0;
}

.back1{
    background-image:url(./Dup/img/item1r.png),url(./Dup/img/item2r.png);
    background-repeat:no-repeat,no-repeat;
    background-size:18%,20%;
    background-position:top left,top right;
}
.num{
    display:none;
}
#intro_wrap::before,
#contents3 .con_box::before{
    content:'';
    position:absolute;
    display:block;
    width:calc(100% - 30px);
    height:calc(100% - 30px);
    border:2px solid #56383A;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
}

.topcms_gallery_type2 .box_wrap{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    height: 800px;
}

.topcms_gallery_type2 .cate_box:nth-of-type(1){grid-area: 1 / 1 / 2 / 2;}
.topcms_gallery_type2 .cate_box:nth-of-type(2){grid-area: 1 / 2 / 2 / 4;}
.topcms_gallery_type2 .cate_box:nth-of-type(3){grid-area: 1 / 4 / 3 / 5;}
.topcms_gallery_type2 .cate_box:nth-of-type(4){grid-area: 2 / 3 / 3 / 4;}
.topcms_gallery_type2 .cate_box:nth-of-type(5){grid-area: 2 / 1 / 4 / 3;}
.topcms_gallery_type2 .cate_box:nth-of-type(6){grid-area: 3 / 3 / 4 / 5;}


.con_item1{
    width:70px;
    margin-bottom: 10px;
}
.con_item2{
    width:85px;
    margin-bottom: 10px;
}
#contents3 .con_box::after {
    content: '';
    position: absolute;
    display: block;
    width: 25vw;
    max-width:500px;
    height: 30vh;
    background: url(./Dup/img/item4.png) no-repeat top left/contain;
    top: -5px;
    left: -5px;
    z-index: 1;
}

/*loopslide*/
.loopSlide {
    position: relative;
    display: flex;
    width: 100vw;
    overflow: hidden;
    margin-top:-50px;
}

.loopSlide ul {
        padding: 0;
        width: 100vw;
        display: flex;
        flex-shrink: 0;
}
.loopSlide ul:first-child {
        animation: slide1 60s -30s linear infinite;
}
.loopSlide ul:last-child {
        animation: slide2 60s linear infinite;
}
 
.loopSlide ul li {
            display: inline-block;
            width: 100%;
            min-width: 150px;
            list-style: none;
            text-align: center;
}
.loopSlide ul img {
            display: block;
            width: 100%;
            height: auto;
}
 
@keyframes slide1 {
    0% {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}
 
@keyframes slide2 {
    0% {
        transform: translateX(0);
    }
 
    to {
        transform: translateX(-200%);
    }
}

#top_cms .more_btn{
    background-color: rgba(196,95,44,0.15);
    font-size: 1.5rem;
}

/*--under page---------------------------
-------------------------------------*/


.v_type3 .cate_box{border: 1px solid #c9baa9;}
.v_type3 .box_title1{color: #a67c52;}


/* ---------- responshive ---------- */
@media screen and (max-width: 1536px){

}


@media screen and (max-width: 1366px){

}
@media screen and (max-width: 1280px){
.top #logo{
    opacity:0;
}
.top .scr_header #logo{
    opacity:1;
}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#main_img:before{
    background-color: rgba(70,70,70,0.3);
}
.catch {
    font-size: 2.5rem;
}
.back1{
    background-size: 27%,30%;
}
.con_item1{
    margin-top: -70px;
}
.con_item2{
    margin-left: auto;
    margin-right: 50px;
}
.line:before{
    display:none;
}
#intro_wrap::before, #contents3 .con_box::before{
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    border: 1px solid #56383A;
}
.loopSlide{
    margin-top: -20px;
}
#cms_2-g .cate_title {
    line-height: 1.5;
    font-size: 2em;
}

#page_title .page_title_box{
    width: 58%;
    background-color: rgba(86,56,58,0.85);
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.catch {
    font-size: 1.7rem;
}
.back1 {
    background-size: 39%,36%;
}
#intro_wrap::before, #contents3 .con_box::before{
    width: calc(100% - 10px);
    height: calc(100% - 10px);
}
.con_item1 {
    width: 60px;
}
.con_item2 {
    width: 70px;
}
#contents3 .con_box::after{
    width:40vw;
}
#contents3 .con_title{
    margin-top: 30px;
}
#top_cms .more_btn{
    font-size: 1rem;
}
.topcms_gallery_type2 .box_wrap{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    height: 500px;
}
.topcms_gallery_type2 .cate_box:nth-of-type(1){grid-area: 1 / 1 / 2 / 3;}
.topcms_gallery_type2 .cate_box:nth-of-type(2){grid-area: 2 / 1 / 4 / 2;}
.topcms_gallery_type2 .cate_box:nth-of-type(3){grid-area: 2 / 2 / 3 / 3;}
.topcms_gallery_type2 .cate_box:nth-of-type(4){grid-area: 1 / 3 / 3 / 4;}
.topcms_gallery_type2 .cate_box:nth-of-type(5){grid-area: 3 / 2 / 5 / 4;}
.topcms_gallery_type2 .cate_box:nth-of-type(6){grid-area: 4 / 1 / 5 / 2;}

#page_title .page_title_box {
    width: 72%;
}
#cms_2-g .cate_title{
    font-size: 1.5em;
}
}