﻿@import url('https://fonts.googleapis.com/css2?family=Vollkorn+SC:wght@400;600&display=swap');
.font1,
.cms_title .pop400,
#top_cms .more_btn,
#info_contact_wrap a .pop400,
.return a,
#page_title p,
#page10 .con_box .more_btn .en{
    font-family: 'Vollkorn SC', serif;
}

.linkStyle{
    color:#381A3B;
}
.linkStyle:hover{
    transition:all 0.3s;
    opacity:0.7;
    text-decoration:underline;
}

.font_14{
    font-size:20px;
}

/*
#return_top,
.bnr{
    position:absolute;
}
*/


/*--all page---------------------------
-------------------------------------*/
#pc_nav li, #top_pc_nav li, #footer_nav li{
    max-width:100%;
}
#pc_nav li a{
    color:#fff;
    /*text-shadow: 0 0 3px white;*/
}
header.scr_header{
    background-color:rgba(244,225,218,0.8)!important;
}
.back1::before,.back2::before{
    width:70%;
}
.back1::before{
    background-color:transparent;
    background-image:url(./Dup/img/bg.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    z-index:-1;
}
.back1::after,
.back2::after{
    content: "";
    display: block;
    width: 70%;
    position: absolute;    
}
.back1::after{
    height: 80%;    
    top: 0;
    left: 0;
    background: linear-gradient(77deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 80%);
    z-index:0;
}
.back2::after{
    height: 100%;
    top: 200px;
    right: 0;
    background: linear-gradient(77deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0) 100%);
    z-index:0;
}
.back2::before{
    background-color:transparent;
    background-image:url(./Dup/img/bg2.jpg);
    background-repeat:no-repeat;
    background-size:cover;
    z-index:-1;
}
#intro_wrap,
#contents1_wrap,
#contents2_wrap,
#contents3_wrap,
#top_cms .top_cms_box,
#map{
    position:relative;
    z-index:1;
}
#footer_nav{
    position:relative;
    z-index:2;
}
.bnr{
    right:65px;
    z-index:5;
}
.overlay{
    background: linear-gradient(135deg, rgba(255,238 ,238,0.9) , rgba(220,200,181,0.9) )!important;
}
.overlay ul li a,
#overlay .left li:before,
#overlay .right,
#overlay .right a{
    color:#555;
}
.nav_menu_more:first-of-type a .icon:before{
    display:none;
}


/*--top page---------------------------
-------------------------------------*/
#top_pc_nav li a{
    color: #381A3B;
    background-color: rgba(255,255,255,0.9);
    padding: 5px;
}
.catch{
    z-index:3;
    bottom:32%;
    text-shadow: 0 0 5px white;
}
.kumo{
    z-index:2;
    width:45vw;
    max-width:800px;
    bottom:28%;
}
.fuwafuwa{
    animation: fuwafuwa 3s infinite ease-in-out .8s alternate;
    display: inline-block;
    transition: 2s ease-in-out;
}
@keyframes fuwafuwa{
    0% {
    transform: translate(0, -3px);
    }
    100% {
    transform: translate(0, 3px);
    }
}
.topcms_info{
    background:url(./Dup/img/bg2_2.jpg) no-repeat;
    background-size:auto;
    background-position:bottom right;
}
#top_cms.back1::before,
#top_cms.back1::after{
    height:40%;
}
.inner5{
    padding-top:1%!important;
}
.cms_box_inner{
    background-color:rgba(255,255,255,0.9);
    padding:5%;
}
.topcms_news_type2 .cate_box {
	width: 46.33333%!important;
	margin-right: 1.5%;
	margin-left: 1.5%;
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	margin-bottom: 30px;
	box-shadow: 0 6px 12px rgb(0 0 0 / 0);
	/* padding: 20px; */
	/* border-radius: 20px; */
	/* background-color: #f5f5f5; */
}
.topcms_news_type2 .cate_box:hover {
	transform: translateY(-5px);
}
.topcms_news_type2 .cate_box .box_item {
	cursor: pointer;
}
.topcms_news_type2 .txt_height {
	height: 5em
}
.topcms_news_type2 .box_img1 {
	border-radius: 10px;
}


.v_type3 .cate_box{border: 1px solid #c9baa9;}
.v_type3 .box_title1{color: #a67c52;}


/*下からフェードイン*/
 .fadein {
  opacity: 0;
  transform : translate(0, 50px);
  transition : all 1500ms;
}
.fadein.scrollin{
  opacity: 1;
  transform: translate(0, 0);
}

/*--under page---------------------------
-------------------------------------*/
header.scr_header #pc_nav li a{
    color: #381A3B;
}
.page .back1 .con_box{
    z-index:2;
    background-color:rgba(255,255,255,0.9);
}
.page .back1::before,
.page .back1::after{
    height:70%;
}

#page_title:before{
    background-color: rgba(140,140,140,0.3);
}
#page_title .page_title_box{
    background-color: #F4E1DA;
}
#page_title h2,
#page_title p{
    color:#555;    
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
.catch {
    bottom: 18%;
}
.kumo{
    width:73vw;
    bottom:14%;
}
.back1::after{
    background: linear-gradient(131deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,1) 80%);
}
.back2::after{
    background: linear-gradient(120deg, rgba(255,255,255,1) 15%, rgba(255,255,255,0.2) 100%);
}
.topcms_news_type2 .cate_box {width: 100%!important;}
.topcms_news_type2 .txt_height {height: 3em}
#copyright{
    padding-bottom:150px;
}
.bnr{
    right:50px;
}
#overlay .left li {
    max-width: 190px;
}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.catch {
    bottom: 30%;
}
.kumo {
    width: 95vw;
    bottom: 28%;
}
#intro h3{
    letter-spacing: 1px;
}
#contents1 .num{
    text-shadow: 0 0 5px #fff;
}
#contents1 h3,
#contents2 h3,
#contents3 h3{
    font-size:23px;
}
.bnr {
    right: 35px;
}
#overlay .left li {
    max-width: 100%;
}
#copyright {
    padding-bottom: 100px;
}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{
    padding-top:35px;
}
}


