@charset "UTF-8";


/*印刷系*/
@media print {
.np{ display: none !important;}
}

.np{ pointer-events: none;}

/*リセット系*/
*{
margin:0;
padding:0;
border:none;
-webkit-tap-highlight-color:rgba(0,0,0,0);
box-sizing:border-box;
/*font-feature-settings: "palt" 1;*/
/*letter-spacing: 0.075em;*/
}
img{
vertical-align:bottom;
height: auto;
}
html,body {
/*height: 100%;*/
}
a{
cursor: pointer;
position: relative;
}
li{
display:inline;
}
.SPhover{
opacity: 0.7;
}

.pc{
display: none;
}

body{
font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
background: #fff;
}

::selection {
background: rgba(255, 255, 255, 0.4);
}

#loader{
position:fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 20vw;
height: 20vw;
z-index:15;
animation: loader 4s linear infinite;
}
#loader img{
width: 100%;
height: auto;
animation: loaderFlicker 0.15s ease-in-out infinite;
}
@keyframes loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes loaderFlicker {
  0% {
    opacity: 0.65;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 0.65;
  }
}

/*hm*/
#menuSPwrap{
width: 100vw;
height: 120vh;
position: fixed;
background: rgba(25, 139, 225, 0.85);
background: linear-gradient(to right, rgba(25, 139, 225, 0.85), #rgba(43, 72, 203, 0.85));
background: linear-gradient(to right, #198be1, #2b48cb);
top:0;
left: 0;
z-index: 2;
display: none;
}
#spMenu{
font-size: 0;
transition: .5s;
}
#spMenu.close{
margin: 40vh 0 0 35vw;
margin: 28vh 0 0 35vw;
margin: 32vh 0 0 35vw;
margin: 20vh 0 0 25vw;
margin: 18vh 0 0 25vw;
}
#spMenu.open{
margin: 40vh 0 0 30vw;
margin: 28vh 0 0 30vw;
margin: 32vh 0 0 30vw;
margin: 20vh 0 0 20vw;
margin: 18vh 0 0 20vw;
}
#spMenu li{
display: block;
margin: 2vw 0 0 auto;
}
#spMenu li a{
display: block;
width: 70vw;
width: 80vw;
background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1.0) 30%);
padding: 1vw 0 1vw 10vw;
text-align: right;
}

#menuSPwrap .shareWrap{
transition: .5s;
margin-top: 5vw;
}
#menuSPwrap .shareWrap.close{
margin-right: 10vw;
margin-right: 10vw;
}
#menuSPwrap .shareWrap.open{
margin-right: 5vw;
margin-right: 5vw;
}

#menuSPhm{
width: 12vw;
height: 12vw;
background: rgba(13, 40, 154, 0.7);
position: fixed;
top:0vw;
left: 0vw;
cursor: pointer;
z-index: 2;
}
.hm{
background: #fff;
width: 6vw;
height: 0.4vw;
position: absolute;
transition: .5s ;
}
.close .hm:nth-of-type(1){
transform: rotate( 0deg ) ;
top:4.6vw;
left: 3vw;
}
.close .hm:nth-of-type(2){
transform: rotate( 0deg ) ;
top:6.6vw;
left: 3vw;
}
.open .hm:nth-of-type(1){
transform: rotate( 395deg ) ;
top:5.6vw;
left: 3vw;
}
.open .hm:nth-of-type(2){
transform: rotate( -395deg ) ;
top:5.6vw;
left: 3vw;
}


footer p{
font-weight: bold;
font-size: 2.4vw;
color: #3366de;
color: #c99a3f;
color: #b97c19;
font-feature-settings: "palt" 1;
letter-spacing: 0.075em;
line-height: 1;
}

.gotop{
display: block;
position: fixed;
width: 12vw;
height: 12vw;
/*border-radius: 6%;*/
background: url("../../eximages/2023/images_new/arrow_top.png") center center no-repeat rgba(255, 255, 255, 1.0);
background-size: 40%;
bottom: 4vw;
right: 4vw;
z-index: 2;
display:none;

cursor: pointer;
transition: .5s;
  
/*デフォルトで非表示にする*/
opacity: 0;
visibility: hidden;

border-radius: 1vw;
}
/*このクラスが付与されると表示する*/
.active{
opacity: 1;
visibility: visible;
}

/*PC*/
@media screen and (min-width:835px){
.sp{
display: none;
}
.pc{
display: block;
}
#loader{
width: 100px;
height: 100px;
}

footer p{
clear: both;
color: #c99a3f;
font-size: 10px;
padding: 15px 0 20px 0;
}

.gotop{
display:block;
bottom: 20px;
right: 20px;
width: 48px;
height: 48px;
border-radius: 3px;
}
}