/*------------all page---------------------------------*/
body,.Russo,.en,#top_contents1 h3::before, #top_contents2 h3::before{font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";}
#pc_nav li a .txt_color3{color:white;}
#pc_nav li a .txt_color1{color:#FF5F17;}
header span.before{left: -250px;}
/*header span.after{display:none;}*/
.linkStyle{color: #FF5F17;}
#footer_contact{position:relative;}
#footer_contact::before{
    content:'';
    position:absolute;
    display:block;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.25);
    top:0;
    left:0;
    z-index:0;
}
#footer_contact h3,#footer_contact p,#footer_contact .d_flex{position:relative;}
#footer_contact .Russo{color:white;}
#filter_white { background-color: rgba(165,165,165,0.35);}
#filter_white h2,#filter_white p{
    color:white!important;
    text-shadow: 0 0 5px #989898;
}

/*------------top page------------------------------*/
#vegas::before{
    content:'';
    position:absolute;
    display:block;
    width:20vw;
    height:20vh;
    background-image:url(./Dup/img/item_main.png);
    background-repeat:no-repeat;
    background-position:center center;
    z-index:5;
    background-size: contain;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.top_message_outer{
    background-image:url(./Dup/img/bg3.jpg);
    background-repeat:no-repeat;
    background-position:bottom;
    background-size:cover;
    padding-bottom: 200px;
    margin-bottom:100px;
}
#top_message{box-shadow:0px 0px 15px -5px white;}
#top_message p:first-of-type{line-height: 1.2;}
#top_message .item img{width:auto;}
#top_contents1 h3::before,#top_contents2 h3::before{z-index: -1;}
#top_contents1 .item img,#top_contents2 .item img{width:auto;}
#top_contents1 h3, #top_contents2 h3{margin-bottom:20px;}
.top_cms_sec{border-bottom:1px solid;}
.cms_6-b .cate_txt1:empty{display:none;}

/*マウスホバーで、イメージ画像にゆっくりズームアップ*/
.zoomup img {
	vertical-align: top;
	-webkit-transition: all 3s ease-out;
	transition: all 3s ease-out;
	overflow:hidden;
}

.zoomup .cate_img1 img{
	position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.zoomup:hover .cate_img1 img{
  transform:translate(-50%,-50%) scale(1.2,1.2);
  transition:1s all;
}


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

#top_cms .more a .c-btn__back,#footer_contact .more .c-btn__back {background: linear-gradient(90deg, rgba(255,95,23,1) 11%, rgba(249,145,99,1) 100%)!important;}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
body{cursor:auto;}
header span.before {left: -285px;}
header span.after{right: -100px;}
#vegas::before{width:35vw;}
.l-header__toggle{top: 15px;}
.top_message_outer{padding-bottom: 300px;}
#top_contents1 .item img,#top_contents2 .item img{display:none;}
#top_contents1 h3::before, #top_contents2 h3::before{
    top: -90%;
    font-size: 60px;
}
#top_contents1 h3, #top_contents2 h3{text-align:center;}
#top_contents1 .text, #top_contents2 .text{opacity:1;}
#footer p{text-align:center;}
.cate_list{
    justify-content: start;
    align-items: start;
}
.cate_list li{width:50%;}
#footer_contact p:last-of-type .c-btn {padding: 30px 20px;}
}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
header span.before {display:none;}
/*header span.after {right: -135px;}*/
#vegas::before {
    width: 60vw;
    top: 55%;
}
#top_message p:first-of-type {line-height: 1.5;}
#top_message .item img {width: 100%;}
#top_message h2 {font-size: 21px;}
#top_contents1 h3::before, #top_contents2 h3::before {
    top: -40%;
    font-size: 45px;
}
#footer p {text-align: left;}
.cate_list li{width:100%;}
}

/* ---------- IEの処理 ---------- */
@media all and (-ms-high-contrast: none){

}