/* all page */
/*fonts*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;500;600;700;900&display=swap');
.patrima, .liana, .modal_title1, .overlay .overlay-nav .top .en, .overlay .overlay-nav .en, #page_title .en, #page10 ul li a{
    font-family: 'Zen Old Mincho',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}

/* color ---------------------------------------------------------------------------------------------*/
.linkStyle{color: #e6e6e6;text-decoration: underline;transition: opacity .3s;}
.linkStyle:hover{opacity: 0.7}
.txt_color1, .hvr_txt_color1:hover{color: #460055;}
.txt_color2, .hvr_txt_color2:hover{color: #a477af;}
.txt_color3, .hvr_txt_color3:hover{color: #A477AF;}
.txt_color4, .hvr_txt_color4:hover{color: #7c763e;}

/* background-color */
.bg_color1, .hvr_bg_color1:hover{background: #460055;}
.bg_color2, .hvr_bg_color2:hover{background-color: #a477af;}
.bg_color3, .hvr_bg_color3:hover{background-color: #A477AF;}
.bg_color4, .hvr_bg_color4:hover{background-color: #7c763e;}

/* border-color ※!important */
.border_color1, .hvr_border_color1:hover{border-color: #460055;}
.border_color2, .hvr_border_color2:hover{border-color: #a477af;}
.border_color3, .hvr_border_color3:hover{border-color: #A477AF;}
.border_color4, .hvr_border_color4:hover{border-color: #7c763e;}

.blur{
    background-image: url('./Dup/img/backb1.jpg');
    background-repeat: repeat-y;
    background-size: 100%;
    background-position: top center;
}

.overlay {
    background-color: rgba(0,0,0,0.5);
}

/* header */


/* top ----------------*/
.top_title {
    filter: grayscale(1);
}

/* main img */
#main_img .main_txt {
    bottom: 12%;
    right: 12%;
    width: 30%;
    max-width: 550px;
}

/* main */
/*bg circle*/
.circle{
    border-radius: 100%;
	opacity: 0.8;
	z-index: -1;
}
.cir01{
	border: 3px solid #7c763e;
    width: 450px;
    height: 450px;
    top: 10vh;
    right: -5vw;
}
.cir02 {
    border: 1px solid #7c763e;
    width: 380px;
    height: 380px;
    top: 15vh;
    right: 5vw;
}
.cir03 {
    border: 2px solid #7c763e;
    width: 450px;
    height: 450px;
    top: 110vh;
    left: -2vw;
}
.cir04 {
    border: 1px solid #7c763e;
    width: 350px;
    height: 350px;
    top: 110vh;
    left: -5vh;
}
.cir05{
	border: 3px solid #7c763e;
    width: 450px;
    height: 450px;
    top: 10vh;
    left: -5vw;
}
.cir06 {
    border: 1px solid #7c763e;
    width: 380px;
    height: 380px;
    top: 15vh;
    left: 5vw;
}
.cir07 {
    border: 2px solid #7c763e;
    width: 450px;
    height: 450px;
    top: 110vh;
    right: -2vw;
}
.cir08 {
    border: 1px solid #7c763e;
    width: 350px;
    height: 350px;
    top: 110vh;
    right: -5vh;
}
.cir09 {
    border: 3px solid #7c763e;
    width: 450px;
    height: 450px;
    bottom: 3vh;
    left: -5vw;
}
.cir10 {
    border: 2px solid #7c763e;
    width: 400px;
    height: 400px;
    bottom: 10vh;
    left: -2vh;
}
.animate {
  opacity: 0;
  transform: scale(0.6);
  transition: all 3s;
}
.animate.show {
  opacity: 0.8;
  transform: scale(1);
}
.animate.show:nth-of-type(1) {
  transition-delay: 0s;
}
.animate.show:nth-of-type(2) {
  transition-delay: 0.1s;
}
.animate.show:nth-of-type(3) {
  transition-delay: 0.2s;
}
.animate.show:nth-of-type(4) {
  transition-delay: 0.3s;
}
.animate.show:nth-of-type(5) {
  transition-delay: 0.4s;
}
.animate.show:nth-of-type(6) {
  transition-delay: 0.5s;
}

/* intro */


/* contents */
#contents .con_title {
    font-size: 33px;
}
/*#contents .con_photo figure, #contents .con_photo .filter {*/
/*        border-radius: 100%*/
/*}*/

/* topcms */
.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:not(:nth-of-type(1)){
    transition: filter 0.3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.topcms_gallery_type2 .cate_box:hover{
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}
.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;}

@media screen and (max-width: 667px){
.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;}
}

/* footer */



/* under page */
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.g_type6 .cate_box{width: 49%!important;}
}
/* ---------- スマホ ---------- */
@media screen and (max-width: 667px){
.g_type6 .box_wrap{	width: 100%!important;margin-left: 8px;}
.g_type6 .cate_box{width: 48%!important;}
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#loading_logo {
    max-width: 150px;
}
#main_img .main_txt {
    width: 55%;
}
.cir01 {
    width: 200px;
    height: 200px;
    top: 10vh;
    right: -5vw;
}
.cir02 {
    width: 160px;
    height: 160px;
    top: 15vh;
    right: 5vw;
}
.cir03 {
    width: 200px;
    height: 200px;
    bottom: -5vh;
    left: -2vw;
}
.cir04 {
    width: 270px;
    height: 270px;
    bottom: -5vh;
    left: -5vh;
}
.cir05 {
    width: 250px;
    height: 250px;
    top: 0vh;
    left: -5vw;
}
.cir06 {
    width: 330px;
    height: 330px;
    top: 6vh;
    left: 5vw;
}
.cir07 {
    width: 280px;
    height: 280px;
    top: 50%;
    right: -2vw;
}
.cir08 {
    width: 190px;
    height: 190px;
    top: 50%;
    right: -5vh;
}
.cir09 {
    width: 270px;
    height: 270px;
    bottom: 2vh;
    left: -5vw;
}
.cir10 {
    width: 160px;
    height: 160px;
    bottom: 10vh;
    left: -2vh;
}
.map {height: 500px;}
#page_title .en {
    font-size: 55px;
}

}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#loading_logo {max-width: 130px;}
#main_img .main_txt {
    width: 69%;
}
#contents .con_title {font-size: 22px;}
.cir05 {
    width: 180px;
    height: 180px;
}
.cir06 {
    width: 210px;
    height: 210px;
}
.cir07 {
    width: 250px;
    height: 250px;
}
.cir08 {
    width: 140px;
    height: 140px;
}
.cir09 {
    width: 220px;
    height: 220px;
}
.cir10 {
    width: 110px;
    height: 110px;
}
.map {height: 300px;}
#logo2 img{max-width: 250px;}
#page_title .en {
    font-size: 31px;
}

}