@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus+SC&display=swap');
.font1,
body{
    font-family: 'Zen Old Mincho',"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
.font2,
.top_cms_title .font_14,
.more a,
#page_title .font_14,
#page10 ul li a .title2{
    font-family: 'Marcellus SC', serif;
}


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



/*--all page---------------------------
-------------------------------------*/
#map{
    display:none;
}
.shop_link{
    display:none;
}
.sns_links li img {
    width: 25px;
}
footer{
    background-color:#111!important;
}
footer #footer #footer_links li a,
#copyright{
    color:#fff;
}
footer #footer #footer_links li a:hover{
    transform:translateY(-3px);
}
footer #footer #footer_links li::after{
    color:#fff;
}
#page-top{
    color:#888;
}

/*cursor*/
body{
    position:relative;
    cursor:none;
}
a{
    /*display:inline-block;*/
    /*margin:20px;*/
}
/*カーソル要素*/
#cursor{
  position: fixed;
  /*丸の大きさと色の指定*/
  background: #fff;
  border-radius:5px;
  width: 10px;
  height: 10px;
  margin: -10px 0 0 -10px;/*真ん中にくるようにマイナスマージンで調整*/
  z-index: 101;/*一番手前に来るように*/
  pointer-events: none;/*クリックできなくなるのを防ぐため。noneで対応*/
  opacity: 0;
  transition: transform 0.1s;/*アニメーションの秒数指定*/
}
/*ちょっと遅れてついてくるストーカー要素*/
#stalker{
  position: fixed;
  /*丸の大きさと色の指定*/
  background-color: #DCD9D4;
  background-image: linear-gradient(to bottom, rgba(255,255,255,0.50) 0%, rgba(0,0,0,0.50) 100%), radial-gradient(at 50% 0%, rgba(255,255,255,0.10) 0%, rgba(0,0,0,0.50) 50%);
  background-blend-mode: soft-light,screen;
  
  width: 60px;
  height: 60px;
  border-radius:30px;
  margin: -30px 0 0 -30px;/*真ん中にくるようにマイナスマージンで調整*/
  z-index: 100;/*カーソルの後ろに来るように*/
  pointer-events: none;/*クリックできなくなるのを防ぐため。noneで対応*/
  opacity: 0;
  transition: transform 0.5s;/*アニメーションの秒数指定*/
}
#cursor.active,
#stalker.active{
  transform: scale(1.6);
}
#stalker.active{
    background-image: linear-gradient(to top, #48c6ef 0%, #6f86d6 100%);
    opacity:0.9;
}



/*--top page---------------------------
-------------------------------------*/
#top_contents1 .contents1_txt h3{
    transform:none;
}
#top_contents1 .contents1_txt h3{
    text-shadow:none;
}

.catch{
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:1;
    font-size: 1.2rem;
    letter-spacing: 10px;
}
.intro_title h3{
    font-size:30px;
}

.intro_img .slick-slider figure::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.2);
    top:0;
    left:0;
    z-index:2;
    pointer-events:none;
}
#intro .slick-dots li{
    width:6px;
    border-radius: 3px;
}
#intro .intro_txt h2{
    transform:none;
}
.top_cms_title .font_24{
    font-size:1.2rem;
}
#top_cms .more a{
    font-size:1rem;
}

.cms_4-c .cate_box img{
    transition: ease 0.3s;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}
.cms_4-c .cate_box img:hover{
        -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: grayscale(0%);
}



/*--under page---------------------------
-------------------------------------*/
#page_title{
    color:white;
}
#page10 ul li a .title1{
    font-size:16px;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#header h1 img{
    width:50%!important;
    max-width: 500px;
}
#menu_bt{
    top:35px;
}
#menu_bt > div span{
    height:1px;
}
#menu_bt.active > div span:nth-of-type(3){
    transform: translateY(-12px) rotate(-45deg);
}
#menu_wrap ul li{
    text-align:center;
}
#top_contents1 .contents1_txt {
    width: 90%!important;
    margin-left: auto;
    margin-right: auto;
}
.page10_wrap .main_wrap{
    padding-left:30px;
    padding-right:30px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#menu_bt {
    top: 27px;
}
#menu_bt.active > div span:nth-of-type(3) {
    transform: translateY(-16px) rotate(-45deg);
}
.catch{
    font-size:1rem;
    width: 100%;
    text-align: center;
}
#intro h3 {
    font-size: 22px;
    text-align: center;
    margin-bottom: 10px;
}
.intro_sub_title{
    width: 86%;
    margin: 0 auto 30px;
}
.con1_sub_title{
    text-align:center;
}
.top_cms_title .font_24 {
    font-size: 1.1rem;
}
#loader .logo {
    max-width: 200px;
}
#page_title {
    padding: 30px 30px 70px;
    min-height: 100px;
}
#top_cms .top_cms_box .more a span:first-child:active{
    color: #fff;
    z-index:2;
}

}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){
#contact_tel a{
    padding-top:35px;
}
}