.logo img{
    opacity:0.5;
    transition:all 0.3s;
}
h1 img{
    transition:all 0.3s;
    opacity:0.5;
}
h1 img:hover,.logo img:hover{
    opacity:1;
}
@media screen and (min-width:769px) and (max-width:1340px){
    header #header{
        width:90%;
        margin:auto;
    }
    .shop_link.grid_4.txt_center.flex_order1.tb_hide{
        display:flex;
    }
    .sns_links.grid_4.flex_order3.tb_hide ul{
        justify-content: flex-end;
    }
}


@media screen and (min-width:769px) and (max-width:1920px){
#intro h3 {
    white-space: nowrap;
}
}

h1 img {
    width: 300px;
}
.font_14 {
    font-size: 16px;
}

h2.pd_10px.txt_center.font_14.font_12_sp.width_1280-max{
    font-size:14px;
}
@media all and (-ms-high-contrast: none){
    .sc_nav .logo img{
        max-width:160px !important;
    }
    #page10 ul li a{
        padding-bottom:10px;
    }
    #cms_2-b h3.cate_title{
        padding-bottom: 0;
    }
    span.bg{
        background: linear-gradient(0deg, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.2) 95%, rgba(255,255,255,0) 100%) !important;
}
#top_cms .top_cms_box .more a{
    padding:20px 5px 13px;
}

}

#intro .intro_img {
    margin-top: 50px;
}
.linkStyle{
    color:#222222;
    transition:all 0.3s;
   border-bottom: 1px solid #3c3c3c;
    line-height: 14px;
}
.linkStyle:hover{
    opacity:0.7;
}
.top_cms_title h4{
    margin:auto;
}
.cms_2-c .box_txt2{
        font-size: calc(0.9rem);
}
span.bg {
    width: 110%;
    height: 500px;
    display: block;
    position: absolute;
    left: -210px;
    bottom: -320px;
    z-index: 2;
    background: rgba(22,22,22,0.3);
    transform: rotate(18deg);
    filter: blur(8px);
}

    p.n_text {
    font-size: 12px;

}
/*
section#top_contents1:hover img{
    filter:none;
}

section#top_contents1::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    background: url(Dup/img/kage.png) no-repeat;
     z-index: 3;
    left: 0;
    bottom: 0;
    background-position: left -40px bottom -50px;
}*/
section#top_contents1{
    overflow:hidden;
    position:relative;
    padding-top: 80px;
    padding-bottom: 80px;
}
#top_contents1 figure{
    height: 400px;
    box-shadow: 20px 20px 5px rgba(141,141,141,0.7);
    bottom: 70px;
    float:left;
}
#top_contents1 gaku{
    position: absolute;
    bottom: 20px;
    left: 0;
    z-index: 1;
}

.sc_nav{
    padding:5px 20px;
}
.sc_nav .logo img {
    max-width: 150px;
}

body{
    font-family:"游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";
}
#top_contents1{
    background: #141414;
    background: url(Dup/img/bg.png);
    padding: 50px;
}
.contents1_txt h3,.contents1_txt p{
    color:white;
    color:black;
}
#top_contents1 .contents1_txt h3{
    transform:none;
    font-size: 20px;
}
.intro_title h3 {
    font-size: 24px !important;
}
.intro_txt h2{
    font-size:22px;
    transform:none;
    
}
.intro_txt{
    background:transparent;
}
#intro .intro_txt h2 {
    transform: none;
}

/*--------------------------------------カーソル-------------------------------------------*/
@media screen and (min-width:769px){
body{
  position: relative;
  cursor: none;/*もともとあるカーソルは非表示に*/
}
a{
  display:inline-block;
}
/*カーソル要素*/
#cursor{
  position: fixed;
  /*丸の大きさと色の指定*/
  background: rgba(0,0,0,0.7);
  border-radius:10px;
  width: 10px;
  height: 10px;
  margin: -10px 0 0 -10px;/*真ん中にくるようにマイナスマージンで調整*/
  z-index: 300;/*一番手前に来るように*/
  pointer-events: none;/*クリックできなくなるのを防ぐため。noneで対応*/
  opacity: 0;
  transition: transform 0.1s;/*アニメーションの秒数指定*/
}
/*ちょっと遅れてついてくるストーカー要素*/
#stalker{
  position: fixed;
  /*丸の大きさと色の指定*/
  background:  rgba(155,155,155,0.5);
  width: 50px;
  height: 50px;
  border-radius:30px;
  margin: -30px 0 0 -30px;/*真ん中にくるようにマイナスマージンで調整*/
  z-index: 209;/*カーソルの後ろに来るように*/
  pointer-events: none;/*クリックできなくなるのを防ぐため。noneで対応*/
  opacity: 0;
  transition: transform 0.5s;/*アニメーションの秒数指定*/
}
#cursor.active,
#stalker.active{
  transform: scale(1.4);
}

.lightboxOverlay{
    z-index:200;
}
}
/*--------------------------------------ここまで-------------------------------------------*/
@media screen and (max-width: 1281px){
#top_contents1 .contents1_txt {
    width: 50%!important;
    margin-left: 50%;
    padding-top: 30px;
    padding-right: 20px;
}
#top_contents1 figure{
    bottom:-30px;
}
}
/*------------------------------------タブレット-------------------*/
@media screen and (max-width:768px){
    #top_contents1 figure{
        float:none;
    }
    #top_contents1 .contents1_txt {
    width: 100%!important;
    margin-left: 0;
    padding-top: 80px;
    padding-right: 0;
}
span.bg {
    width: 140%;
    height: 500px;
    display: block;
    position: absolute;
    left: -210px;
    bottom: -320px;
    z-index: 2;
    background: rgba(22,22,22,0.15);
    transform: rotate(18deg);
    filter: blur(8px);
}
.cms_2-c .cate_box{
    flex-direction:column;
}
.cms_2-c .box_item {
    width: 100% !important;
    order: 2;
}
h1 img{
    max-width:500px;
}
header #header{
    padding:10px;
}
}
/*------------------------------------ここまで-------------------*/

/*------------------------------------スマホ-------------------*/
@media screen and (max-width:667px){
#page08 .opacity07 {
   
    opacity: 1;

}
    h1 img {
    max-width: 150px !important;
}
.intro_title h3 {
    font-size: 20px !important;
    text-align: center;
}
#intro .intro_txt h2{
    padding: 0;
    margin: auto;
    width: 90% !important;
    font-size: 20px;
}
#intro .intro_img{
    margin-bottom:50px;
}
section#top_contents1{
    padding:20px;
    padding-bottom:50px;
}
#top_contents1 .contents1_txt{
    padding:0;
    margin-top:60px;
}
#top_contents1 figure {
    box-shadow: 10px 10px 5px #8d8d8dc2;
}
span.bg {
    bottom: -400px;
}
#page_title h2{
    font-size:26px;
}
#loader .logo{
    max-width:150px;
}
.tel.mg_b-50px a {
    font-size: 18px;
}
}
/*------------------------------------ここまで-------------------*/