/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 07 2022 | 14:30:56 */
main{width:;verflow-x:hidden!important;
transition:.5s;}
body{overflow-x:hidden!important;-webkit-font-smoothing: antialiased;
  transition:.5s!important;}
time{font-family:poppins;letter-spacing:.15em;}
.wwrap{overflow-x:hidden;width:100vw;position:relative;left:0;top:0;
height:100%;}
.post-meta{max-width:800px;width:70%;padding:0 .5em;}



article img{max-width:800px!important;}
.post-content p{line-height:1.8em!important;color:#222!important;
letter-spacing:.1em;font-size:calc(14px + .2vw);font-weight:400;}


.another{position:absolute;top:0;left:0;width:100vw;height:auto;
z-index:15;background:white;z-index:9999999999;}

/*muta*/
#target{display:none;}
.numreal,.numreal2{opacity:0;font-size:10px;width:18px;
  height:18px;color:#fff;
  margin-top:-2em;margin-left:1.5em;text-align:center;
background:#333;#f0c0b4;border-radius:50%;display:block;
  border:2px solid #fff;position:absolute;}

.numreal2{isplay:none;}

/*ラインlogin*/
#wpg-login:before{position:absolute;text-align:center;top:25vh;line-height:1.9em;
  font-size:calc(.8em + .1vw);left:50%;transform:translateX(-50%);
  content:"ログインするとお気に入り記事の登録や\A限定コンテンツが閲覧できます。\A\AログインしてSPREYをもっと楽しもう！";
  white-space: pre;background:rgba(0,0,0,0)!important;color:#222!important;}
#wpg-login{margin-top:55%;display:block;}

#wpg-login,.wpg-button{text-align:center;width:100%;border-radius:40px;
  ackground:#1bb71f;color:white!important;border:none;box-shadow:none;
padding:3% 0;line-height:1;height:auto;font-weight:400;}
.wpg-button:first-child{background:linear-gradient(to left,#9d36bb,#fec55e)!important;color:#fff!important;margin-bottom:5%;}
.wpg-button:last-child{background:#1bb71f!important;color:#fff!important;}
.wpg-button i{text-align:left;color:white;margin-right:2%;}
.wpg-button text{color:white!important;}
.wpg-button:hover{opacity:1!important; background:#1bb71f;border-color:transparent;}
.wpg-button:focus{box-shadow:none!important;}
#wpg-login:hover{opacity:1!important;transition:.5s;}

/*login*/
.nazo3{font-family:noto sans jp!important;ackground:linear-gradient(to left,rgba(223,226,239,.7) ,rgba(249,215,223,.7));}
.post-313{margin-top:35%!important;}
.post-313 .post-header{display:none;}


.joinus{text-align:center;font-weight:bold;font-family:poppins;}
.logintext1{text-align:center;font-weight:400;margin-bottom:15%;
color:#222;font-size:calc(.8em + .1vw);}
legend{display:none;}
#wpmem_login label{font-size:calc(.8em + .1vw);!important;color:#777;}
#wpmem_reg label{font-size:calc(.8em + .1vw);!important;color:#777;}
::placeholder{font-size:calc(.8em + .1vw);!important;}

#wpmem_login_form,#wpmem_register_form{border-top:1px solid rgba(0,0,0,.2);
border-bottom:1px solid rgba(0,0,0,0);}

.buttons{width:100%!important;padding:3% 0;margin-top:10%!important;
  font-size:14px!important;font-weight:400;border-radius:40px;background:#f0c0b4;}

#wpmem_login:after{content:"アカウントがない場合\A新規作成";margin:1% 0 5%;
font-size:calc(12px + .3vw)!important;text-align:center;
display:block;position:relative;font-weight:;line-height:1.6em;
cursor:pointer;white-space: pre;}

#wpmem_msg h2{display:none;}
#wpmem_msg {padding:20px 0!important;
background:rgba(0,0,0,0)!important;border:none!important;
}

.req,.req-text{display:none;}
#wpmem_reg,#wpmem_login{font-family:noto sans jp;z-index:990!important;}

#wpmem_reg{display:none;}

.newreg-button{background:transparent;width:60%;left:20%;height:3em;margin-top:-8em;position:absolute;}

/*app*/

#main-wrapper,.main-wrapper{background:;top:0;left:0;transition:.5s;
  idth:500vw;overflow:hidden; transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1);}





.spreyheadgroup{transition:.5s;}

.notice1{position:absolute;position:fixed;z-index:9999999;
                           top:-10000000px;background:rgba(0,0,0,.5);width:100%;
             transition:.5s;              height:100vh;display:none;}

.notice-inner{background:#fff;text-align:center;position:absolute;top:50%;
			  transform:translateY(-50%);left:17.5%;width:67%;height:auto;55vh;
            padding:2%;font-size:10px;z-index:110;}

.addtohome{color:#fff!important;
  background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,.72)),url(/wp-content/uploads/45.jpg)no-repeat;
  background-size:cover;}

.addtohome .notice-title{color:#fff!important;}
.addtohome .notice-text{color:#fff!important;}


.spimgnotice{width:100px;height:85px;background:url(/wp-content/uploads/nb2.png)no-repeat;
  background-size:contain;margin-left:50%;margin-top:5px;
                transform:translateX(-50%);}



.spimgnotice2{width:200px;height:120px;background:url(/wp-content/uploads/hugi2.png)no-repeat;
  background-size:cover;margin-left:50%;margin-top:5px;
                transform:translateX(-50%);background-position:center;}

.notice-title{font-weight:bold;font-family:poppins;
letter-spacing:.2em;position:relative;margin-top:10%;left:50%;font-size:17px;
  transform:translateX(-50%);color:#fff;}

.notice-text{ font-size:13px;font-family:noto sans jp;color:#000;padding-top:43%;
margin:5% 0 19%!important;padding:4% 0;}


.notice-text-container{position:relative;font-size:13px;width:100%;
  padding:0 1.3%;line-height:2.5em;color:#444;}

.nazo{margin-bottom:2%;}
.nazo2,.nazo3,.nazo4,.nazo5{display:none;min-height:100vh;}

.nazo2{width:100vw;overflow:hidden;margin-top:16vh;55vh;opacity:1;
 padding:0% 2% 2% 2%;transition:.5s;}
.nazo2s{margin-top:;}

.nazo3,.nazo4,.nazo5{width:100vw;
  background:;overflow:hidden;opacity:1;padding:0% 0% 0% 2%;transition:.5s;} 


.nazo3{top:0;padding:0;overflow:hidden;
background:inear-gradient(to left,rgba(223,226,239,.9) ,rgba(249,215,223,.9));}
.nazo2,.nazo3,.nazo4,.nazo5{margin-top:14vh;padding:0% 2% 60px 2%;}
.nazo4{margin-left:00vw;}
.nazo5{margin-left:00vw;}

.spfootm{z-index:120;background:#fff;position:fixed;bottom:0%;height:auto;
  width:100vw;padding:3% 0 1%;display:none;left:0%;
justify-content:space-around;border-top:1px solid rgba(0,0,0,.08);}
.spfootm i{font-size:calc(8px + .8em);}

.spfoot div{opacity:.8;}

.foot-category1{text-align:center!important;line-height:.6em;
font-size:8px;display:block;}

.homesv{fill:none;stroke-width:1;stroke:#444;}
.sv{width:21px;height:21px;stroke-width:0;fill:#666;}
.home-s{width:2em;height:2em;}
.svt{width:24px;height:24px;stroke-width:0;fill:#666;}
.svl{width:19px;height:19px;stroke-width:0;fill:#444;}


/*bx用(finite)
.selec2{display:none;position:fixed!important;width:140%;
  height:5%;
background:#fff;top:8.5%;z-index:100;transition:1s;left:0;
  border-bottom:1px solid rgba(0,0,0,.1);overflow:hidden;}
.selec2 .sel{display:inline-block;width:100px;20%;text-align:center;
  padding:0!important;color:#767676;transform:scale(1);
border-left:0px solid rgba(0,0,0,.1);cursor:pointer;font-weight:400!important;
font-family:poppins;font-size:10px;calc(6px + .2vw);letter-spacing:.15em;}
*/

/*slick(infinite)*/

.slick-slide{position:relative;}
.slick-list{top:0;}
.slick-prev{display:none!important;} 

.slick-center{border-bottom:2px solid #333;
  background:;
    rgba(0,0,0,.08); color:#333!important;font-size:11px!important;}
.selec2 .slick-list{height:100%!important;}
.selec2 .slick-track{height:100%!important;}


.selec2hd{display:none;}

.selec2{display:none;position:fixed!important;width:100%;
  height:40px;padding-top:6px;opacity:.96;
background:#fff;top:8.5%;z-index:100;transition:1s;left:0;
  border-bottom:1px solid rgba(0,0,0,.1);overflow:hidden;}

.selec2:after{width:100%;height:100%;position:absolute;content:"";
display:lock;top:0;left:0;background:;}


.selec2 .slick-track{transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);}

.selec2 .sel{display:inline-block;width:100px;20%;text-align:center;
  padding:0% 0 0 0;padding:4px 0;adding-bottom:9px;
  color:rgba(0,0,0,.6);transform:scale(1);
border-left:0px solid rgba(0,0,0,.1);cursor:pointer;font-weight:bold!important;
font-family:poppins;font-size:10px;calc(6px + .2vw);letter-spacing:.15em;}





/*APPスライダimgサイズ戻り設定*/
div.post-thumbnail img{width:100%;eight:60vh;}
/*APP/PR・カテtop大きい用imgサイズ設定*/
div header{position:relative;margin:0 -2%;}
div header .post-thumbnail img{height:auto;180px;width:100%;auto;
padding:0 2%;border-top:3% solid #fff;}
div header .post-thumbnail img:after{content:"";background:rgba(0,0,0,.5);position:absolute;
top:0;left:0;width:100vw;height:100%;}
div header .post-author{display:none;}
div header .post-title{font-size: calc(.8em + .1vw);color:#111;font-weight:600;
text-align:right;padding: 0 1em 0 1em;position:absolute;bottom:9%;right:0;
text-shadow:0px 1px 1px rgba(255,255,255,0.17);background:white;
font-family:noto sans jp;}
div header time{color:#333;font-size:calc(11px + .1em)!important;position:absolute;
  bottom:0%;ight:1em;}
div header .post-categories-container a{background:rgba(0,0,0,0)!important;
  margin-left:1em;color:#666;font-size:10px;}
div header .post-categories-container{margin:0 0 0 0;padding:0 0;
position:absolute;top:3%;ight:1em;width:auto;}

/*カテ横長背景*/
.nazo4sss .post-thumbnail{height:150px;width:100%;auto;overflow:hidden;}

.rpg{width:99.5vw;padding:2%;position:relative;background:#111;margin:0 0 2% -2%;
color:#fff;font-family:poppins;display:none;}

.mainrpg{argin-top:5%;width:99.8vw;padding:2%;position:relative;ackground:#333;
  color:#333;border-bottom:1px solid rgba(0,0,0,.2);font-family:poppins;display:none;}
.rpgmargin{margin-left:-2%!important;}

/*カテ4割*/
.nazo4ss .section-content article {
    width: 40%;
    margin-bottom: 6%;
}


.nazo4ss .section-content article .post-content {
    width: 100%!important;
    border: none!important;
    padding: 1em .3em!important;
    margin: 0!important;
    text-align: left;
}


.nazo4ss article a .post-header figure.post-thumbnail {
    width: 100%!important;
    height: 20vh;
    min-height: 80px;
    max-height: 110px;
    overflow: hidden;
}


/*モバsearch*/
.mob-search{isplay:none;width:30px;height:30px;transform:translateY(-50%);margin-top:60%;
}
.mob-search-wrapper,.mob-news-wrapper{z-index:100000;display:none;
  background:#f7f7f7;
position:absolute;top:0;left:0;width:100vw;height:100vh;
position:fixed;}

.closebutton{position:fixed;top:7%;z-index:120;cursor:pointer;
  right:4.5%;ransform:translateX(-50%);color:#111;}

/*モバnews*/

.news-wrapper{padding-top:16vh;}
.news-wrapper .slick-slide{width:100vw!important;}

.news-wrapper .slick-list{overflow:visible!important;}


.newstext{position:relative!important;width:75%;left:12.5%!important;
top:auto!important;transform:translateY(0)!important;padding:4% 0 1%;}

/*スライダ*/
.main-wrapper li{idth:100vw!important;
  padding:;touch-action: pan-y;}

.bx-wrapper {
    -moz-box-shadow: 0 0 0px #ccc!important;
    -webkit-box-shadow: 0 0 0px #ccc!important; 
     box-shadow: 0 0 0px #ccc!important; 
     border: 0px solid #fff!important; 
     background:transparent!important; 
}

/*favorite*/
.favorites-list {
    list-style: none!important;}
.post-251 .post-header{display:none;}
.post-251{margin-top:18%!important;}
.no-favorites:before{text-align:center!important;display:block;
 padding:7% 0 5% 0;margin-left:-1em; 
font-weight:bold;color:;font-family:poppins;content:"BOOKMARK";}
.no-favorites{text-align:center!important;
font-weight:300;color:;padding:5% 0 7% 0;border:1px solid rgba(0,0,0,.2);}
.no-favorites:after{content:"";width:20%;min-height:60px;
  position:relative;display:block;text-align:center;
  left:60%;
  background:url()no-repeat;
  background-size:contain;}



.active{color:#222!important;transform:scale(1.2)translateX(.25em);}

.active2{color:#000!important;transform:scale(1.1);transition:.5s;}


.simplefavorite-button{opacity:.35;
  transform:scale(1)translateX(0);transform-origin:center;}

.implefavorite-button:before{width:100%;height:100%;
  position:absolute;background:white;content:"";
cursor:default!important;left:0;opacity:1;}

.simplefavorites-clear{background:rgba(0,0,0,0)!important;
margin-left:calc(100% - 1em)!important;display:block!important;
}

.favorites-list img{margin-right:3%!important;width:80px;
height:80px;}

.favorites-list a{font-size: calc(.8em + .1vw);
font-weight:bold;
}


.favorites-list {padding-left: 0px!important;}

.favorites-list:before {content:"お気に入り";
padding:3% 0;border-top:1px solid rgba(0,0,0,.2);
  color:#111;text-align:center;display:block;}

/*favorite追加ボタン*/
.simplefavorite-button{padding:12px 0 0!important;
color:transparent!important;background:transparent!important;
border:none!important;width:40px;height:40px;
position:absolute!important;left:4px;top:0;z-index:20;}

.simplefavorite-button i{left:.4em!important;
color:#111!important;adding:5px;opacity:1!important;}



#favwrap{position:fixed!important;display:none;
  bottom:11%!important;left:auto!important;right:4%;
  background:white;padding:5px;opacity:1!important;
width:45px;height:45px;z-index:20;border-radius:50%;
  box-shadow:1px 1px 1px 1.5px rgba(0,0,0,.1);}

/*favoriteリストクリアTOP用*/
.nazo3s .simplefavorites-clear{isplay:none!important;}


/*kote*/
.load-cover{z-index:999990;position:fixed;height:100vh;width:100%;
top:0;background:#fff;display:none;}
.osk{text-align:center;osition:absolute;top:10vh;margin-left:50%;transform:translate(-50%);
 font-size:11px;calc(.3em + .4vw);  z-index:10;color:#222;overflow:hidden;
height:1em;letter-spacing:.3em;line-height:1em;}

.osk2{position:absolute;top:10vh;left:50%;transform:translate(-50%);
 font-size:11px;calc(.3em + .4vw);  z-index:3;color:#222;overflow:hidden;
height:1em;letter-spacing:.3em;line-height:1em;}

.gosinki:after{content:"";background:linear-gradient(135deg,#FF0055,#F94CFF);
position:absolute;bottom:-2px;left:0;width:100%;height:0px;5px;opacity:.85;}

.td1,.search-form,.search-inner{z-index:120;}

.topsearch{position:absolute;top:9.5vh;right:calc(8% + 14px);
  cursor:pointer;z-index:130;width:20px;height:20px;}
.topsearch2{width:20px;height:20px;margin-top:-15px;cursor:pointer;
position:absolute;}


.menu{position:fixed;width:100%;height:100vh;top:0;content:"";
z-index:200;transform:translateY(-100%);transition:.9s;
  transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);
   background:#fff;linear-gradient(to right,#f0c0b4,#f0c0b4);}
  .menu-act{transform: translateY(0%);}
  
.menu-l-inner{font-family:poppins;}
  .menu-inner{width:50%;position:absolute;left:50%;height:100vh;
    transform: translateX(-50%);list-style-type:none;position:absolute;
    transition-delay:2s;transition:1s;text-align:center;}
  .menu-inner-act{left:50%;}
 .menu-inner-title{font-size:calc(.75em + 0vw);font-weight:400;opacity:.8;
  white-space:nowrap;color:#fff;position:relative;padding-bottom:3%;
  transition:.3s;left:50%;transform:translateX(-50%);
text-align:left;letter-spacing:.1em;} 
 .menu-inner-bottom{font-size:calc(.5em + 0vw);font-weight:400;opacity:.9;
  white-space:nowrap;color:#fff;position:absolute;
  transition:.3s;left:0%;bottom:3%;ransform:translateX(-50%);
text-align:left;letter-spacing:.1em;width:100vw;}  
.menu-inner li{font-size:calc(14px + .3vw);font-weight:bold;opacity:1;
  white-space:nowrap;color:#000;padding-bottom:.4em;cursor:pointer;
  transition:.3s;left:50%;op:30%;transform:translateX(-50%);
text-align:left;position:relative;display:block;letter-spacing:.1em;}
 .li-act{opacity:1;}

/*
  .menu1:before{content:"";display:block;border-bottom:10px solid white;position:absolute;
    transition:.5s;opacity:.4;font-size:calc(.3em + .3vw);font-weight:400;
    width:0%!important;top:1.2em;z-index:-1;}  
.menu1:hover:before{opacity:1;width:10%!important;}  
  .menu2:before{content:"";display:block;border-bottom:10px solid white;position:absolute;
    transition:.5s;opacity:.4;font-size:calc(.3em + .3vw);font-weight:400;
    width:0%!important;left:0%;top:1.2em; z-index:-1;}  
.menu2:hover:before{opacity:1;width:10%!important;}  
  .menu3:before{content:"";display:block;border-bottom:10px solid white;position:absolute;
    transition:.5s;opacity:.4;font-size:calc(.3em + .3vw);font-weight:400;
    width:0%!important;left:0%;top:1.2em;z-index:-1; }  
.menu3:hover:before{opacity:1;width:10%!important;}  
  .menu4:before{content:"";display:block;border-bottom:10px solid white;position:absolute;
    transition:.5s;opacity:.4;font-size:calc(.3em + .3vw);font-weight:400;
    width:0%!important;left:0%;top:1.2em;z-index:-1; }  
.menu4:hover:before{opacity:1;width:10%!important;}    
  */
  
  .menu1:after{content:"1";display:block;top:1em;color:#fff;
   font-size:calc(.3em + .3vw);font-weight:bold;}  
    .menu2:after{content:"2";top:1em;display:block;color:#fff;
   font-size:calc(.3em + .3vw);font-weight:bold;} 
.menu3:after{content:"3";top:1em;display:block;color:#fff;
   font-size:calc(.3em + .3vw);font-weight:bold;}
.menu4:after{content:"4";top:1em;display:block;color:#fff;
   font-size:calc(.3em + .3vw);font-weight:bold;}    
  
  
  .menu-button{position:fixed;right:5%;top:10%;width:33px;transition:.6s;
    height:33px;z-index:9999;cursor:pointer;transform:scale(1);}
  
.enu-button:before,  .enu-button:after {
  content: "";
  position: absolute;
  top: -15px;
  left: -5px;transition:1s;
  width: 40px;
  height: 40px;
  border: 4px solid rgba(0,0,0,0);
  border-radius: 50%;
          box-sizing: border-box;
}
 .menu-button:hover:before {
 transition:1s;
          animation: spread .8s 1 both;
}
 .menu-button:hover:after {
 transition:1s;
          animation: spread .8s  0.25s 1 both;
}
@keyframes spread {
  0% {opacity: 1;
            transform: scale(2);
  }
  90% {opacity: 0;
    
  }
  100% {
            transform: scale(1.3);border: 2px solid rgba(0,0,0,.2);
    opacity: .2;box-shadow: 2px 2px 3px rgba(0,0,0,.2);
  }  }
 
  
  .menu-button:hover{ nimation:tg .3s 1 both cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes tg {
0%{transform:scale(1);
		
	}
	100% {transform:scale(.9);
		}
} 
  
   .menu-button-hover2{ nimation:tg2 1s 1 both cubic-bezier(0.215, 0.61, 0.355, 1);
}
@keyframes tg2 {
0%{
		clip-path: inset(0 0 0 -100%);
	}
	100% {
		clip-path: inset(0);}
} 

  .bb {animation:top-text .7s 1 4.8s both cubic-bezier(0.77, 0, 0.175, 1);}
  .b1{position:absolute;top:0;border-top:2px solid #000;content:"";
  width:24px;transition:.6s;} 
  .b2{position:absolute;top:11px;border-top:2px solid #000;z-index:90;content:"";
  width:24px;transition:.6s;}
  .b1-act{transform:rotate(-45deg);}
  .b2-act{transform:rotate(45deg);top:-1px;}
  .bbb{border-top:2px solid #000;content:"";transition-delay:.3s;} 
  
.menu-r{width:50%;position:absolute;left:50%;height:100vh;
order-left:1px solid rgba(0,0,0,.1);padding:5% 0;}
  
.menu-r-inner{position:relative;top:50%;transform:translateY(-50%);}

.menu-l-inner{position:relative;top:50%;transform:translate(-50%,-50%);
margin-left:20%;}



.sphead{width:100vw;height:9%;background:#fff;
  border-bottom:0px solid rgba(0,0,0,.04);
    position:fixed;top:0;z-index:100;display:none;}

.spfoot{z-index:120;background:#fff;position:fixed;bottom:0%;height:auto;
  width:100vw;padding:3% 0 1%;display:none;left:0%;
justify-content:space-around;}
.spfoot i{font-size:calc(8px + .8em);}


.selec{isplay:none;position:sticky;relative;top:0;width:100%;
argin-bottom:5px;background:#fff;max-width: 900px ;
z-index:10;}

.selec .undb{position:absolute;border-bottom:4px solid #F94CFF;width:33%;margin-left:0;
transition:.5s;bottom:0;transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);}

.selec .sel{font-weight:600;color:#000;}

.sel{display:inline-block;width:33.3%;text-align:center;padding:2% 0;
border-left:1px solid rgba(0,0,0,.1);cursor:pointer;font-weight:bold;
font-family:poppins;font-size:calc(6px + .4vw);letter-spacing:.15em;}


.pop3{border-right:1px solid rgba(0,0,0,.1);}


.undb{position:absolute;border-bottom:4px solid #ff23a1;width:12%;left:0;
  margin-left:2.5%;
transition:.5s;bottom:0;transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);}

a:hover{opacity:1!important;}
a:active{background:transparent!important;}

#idebar{width:23%;height:auto;background:fff;
border-bottom:1px solid rgba(0,0,0,.1);
position:absolute;left:74%;top:calc(110vh + 600px);text-align:center
                     ;padding:3% 0 2% 0;right:0;}
.follow-line{display:block;padding:10% 0 18% 0;font-size:2.5vw;}
.follow-line2{display:block;padding:5% 0 15% 0;font-size:calc(10px + .8em);}

#idebar2{width:50%;height:auto;min-width:230px;
order-bottom:1px solid rgba(0,0,0,.1);left:50%;transform:translateX(-50%);
                       position:relative;text-align:center
                       ;padding:3% 0 2% 0;}

.followtxt{font-size:calc(1em + .2vw);font-weight:bold;line-height:2em;
border-bottom:1px solid rgba(0,0,0,.1);padding-bottom:3%;font-family:poppins;}
div.wpcf7-mail-sent-ok{border:none!important;} 
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing{
border:none!important;text-align:center;}

.gotop{cursor:pointer;font-size:calc(2em + .8vw);right:4%;
position:absolute;bottom:4%;color:#111;}

.articles{justify-content:space-between!important;}

.articles article {
    
    margin: 0 0 6%;
   
}

.wpcf7-submit{background:#f0c0b4;width:80%;padding:3% 0%;
  margin-left:50%;transform:translateX(-50%);
cursor:pointer;border:none!important;color:#000;margin-top:5%;}

.search-form{display:none;position:absolute!important;left:auto!important;
  width:35%!important;min-width:200px;top:calc(10vh - 16px)!important;}

.search-form input{line-height:2.5em;}

.search-submit{background:rgba(0,0,0,0)!important;color:#000!important;
border-bottom-right-radius:none!important;}


.search-form2{position:relative!important;  
  margin-left:50%!important;transform:translateX(-50%)!important;min-width:250px;
  padding:3% 0 10% 0;}
.search-form2 .search-inner{width:90%;}

@media screen and (max-width: 672px){
  .search-form2{width:320px!important;}  
}


.search-submit2{background:none!important;color:#000!important;
border-bottom-right-radius:none!important;}

.osk-logo{width:7%;height:13vh;transition:2s;
    max-width:100px;min-width:30px;z-index:9;position:fixed;
 left:2.5%;top:4%;
 background:url()no-repeat;
  background-size:contain;background-position:center;}

/*osk予備本来
.osk-logoyobi{width: 7%;
    height: 13vh;
    transition: 2s;
    max-width: 100px;
    min-width: 30px;
    z-index: 999999;
    position: fixed;
    left: 2.5%;
    top: 4%;
    background: url(/wp-content/uploads/sprpwa.png)no-repeat;
    background-size: contain;
    background-position: center;
}
*/

.osk-logo2{width:15%!important;max-width:none!important;
 height:13vh;transition:2s;
    min-width:30px;z-index:999999;position:fixed;
 left:5%;top:4%;ackground:red;order-radius:50%;}


.osk-logo-hover{animation:ol2 1s infinite both cubic-bezier(0.77, 0, 0.175, 1);
}
@keyframes ol2 {
	from {transform:rotate(0deg);}
  to{transform:rotate(360deg);}}

.osk-logo-end{animation:ol3 1s 1 both cubic-bezier(0.77, 0, 0.175, 1);
}
@keyframes ol3 {
	from {transform:rotate(0deg);}
  to{transform:rotate(360deg);}}


.osk-logo:hover{animation:ol2 1s infinite both cubic-bezier(0.77, 0, 0.175, 1);
}
@keyframes ol2 {
	from {transform:rotate(0deg);}
  to{transform:rotate(360deg);}}




.layerforheight2{position:absolute;top:0;width:100%!important;height:0vh!important;
  background:linear-gradient(to right,transparent 15%,white 15.1%,white 85%,transparent 85.1%)!important;
background-size:cover!important;ackground-attachment:fixed!important;}
::selection {
  background: #fff;}

main.main section.author-title{opacity:0;}
.author-title{transition:.5s;height:20vh;}

main.page-single-main article header.post-header .post-categories-container ul li
{transform:rotate(-40deg);transform-origin:center;}



.page-single-main .post-time{float:right!important;}

.page-single-main .post-meta{border-bottom:0px solid #333!important;}


#header{display:none;}

.layerforheight{height:100vh;width:100%;isplay:none;transition:.5s;}

article{width:65%;75%;margin-left:4%;}

.articles article{ox-shadow:none!important;}





main.main section.section .section-inner{padding:50px 30px 60px 20%;}

header.header.header-top .header-inner .header-background
{background-image:none;}

#comments{isplay:none;}

video{top:0;bottom:0;left:0;right:0;min-width:100%;min-height:100vh;
 width:auto;height:auto;background-size:cover;padding-left:-100px;}

.video-gen{animation: video 2s 1 both cubic-bezier(0.77, 0, 0.175, 1);
}
@keyframes video {
	from {transform:scale(2.2);opacity:0;filter:blur(10px);}
  to{transform:scale(1);opacity:.9;filter:blur(0)};}


.triangle{position:absolute;top:200px;display:none;
  left:50%;transform:translateX(-50%);
  width: 0px;
  height: 0px;
  border: 5px solid;
  border-color:white transparent transparent transparent ;
}
.triangle:before{content:"";width:1px;height:100%;position:absolute;
  border-bottom:100px solid white;top:-100px;}



blockquote{overflow-x:hidden!important;}

a{color:#222;}
#js-main-page-single.top-newest{opacity:0;overflow:hidden;}
.navigation .nav-links a{color:#767676;}
.nav-links:before{font-size:calc(.4em + .6vw);position:static;content:""}
.navigation .nav-links {float:right;argin-right:-2.5em;}

.navigation .nav-links > .page-numbers i{display:none;}

main.page-single-main nav.post-navigation .post-navigation-inner .prev-next a .post-thumbnail
{filter:blur(0px)!important;
  -webkit-filter:blur(0px)!important;}


#post-2 .post-header{display:none;opacity:0;}
#post-2 .post-meta{visibility:hidden;}
#post-882,#post-964 .post-header{display:none;opacity:0;}
#post-882,#post-964 .post-meta{visibility:hidden;}




.search-form .search-submit{background:grey;}

main{overflow:;}



main.page-single-main nav.post-navigation .post-navigation-inner .home {display:none;}
.post-navigation .post-navigation-inner .home a i{display:none;}




@keyframes wv {
	from {transform: scale(1, -1)translateY(0);opacity:1;}to
  {transform: scale(1, -1)translateY(-50%);opacity:1;}}


#js-menu{display:none;}

.menu-item{font-size:calc(2em + 1.1vw);color:#fff;text-align:center !important;
  overflow:hidden;line-height:.1em;left: 0%;transition:.1s !important;transition-delay:0 !important;}
.menu-container{position:absolute;transform:translate(-50%,-50%) !important;
left:50%;top:50%;}
#js-menu{width:100%;height:100vh;overflow:hidden;line-height:1em;margin:0 !important;}
#primary-menu{text-align:center;overflow:hidden;line-height:1em;}
header.header .menu-btn-container a.menu-btn
{fiter: brightness(100%) !important;color:#222 !important;position:fixed !important;}

header.header nav.menu .menu-container ul li a:after{height:.25em;transition:1s !important;}

.menu-mask.is-active{background:rgba(0,0,0,.94) !important;}


.name a{color:#767676 !important;}
main.main section.section .section-inner .section-title h2{display:none;}


.section .section-inner{background:transparent !important;}
.sidebar .sidebar-inner{background:transparent !important;}
.footer{display:none;}
.post-categories-container ul li a{background:linear-gradient(to left,#333,#333);}
main.page-single-main article header.post-header .post-categories-container ul li a:after{border-color:transparent transparent;}


.articles article a .post-header figure.post-thumbnail .post-category
{background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.2)) !important;}
.articles article a .post-header figure.post-thumbnail .post-category:after
{border-color:transparent transparent;}
.articles article a .post-header{z-index:0;}



main.main section.section .section-inner .section-title h2{border-bottom:0;}
figcaption{color:transparent !important;visibility:hidden;font-weight:400 !important;}

figcaption:before{visibility:hidden;visible;color:white !important;
  font-weight:400 !important;margin-left:.5em;margin-top:-.5em;
position:absolute;content:"⇀";font-size:calc(2.4em + .8vw);
  letter-spacing:.1em;}

main.page-single-main nav.post-navigation .post-navigation-inner .home a span
{color:transparent !important;visibility:hidden;}

main.page-single-main nav.post-navigation .post-navigation-inner .home a span:before
{color:#767676 !important;position:absolute;left:0;visibility:visible;
  right:0;content:"HOME"}

.scroll-down{visibility:hidden;opacity:1;}
header.header .scroll-down .line{visibility:;height:20px;width:0.5px;}

main.main section.section .section-inner .section-archives-title .title-container .title-description
{opacity:0;}
main.main section.section .section-inner .section-archives-title .title-container:after
{display:none;}

header.header .scroll-down .line{background:#222;}




@keyframes topforapp {
from {height:0;opacity:0;}to{height:36vh;opacity:1;}}

@keyframes topforappscreen {
  0% {width:0%;}50%{width:85%;}99.99999%{width:85%;}100%{width:0%;}}

main.main section.section .section-inner .section-content{
  margin-left:0!important;max-width:900px !important;}




.wpp-post-title{top:50%;transform:translateY(-50%);position:absolute;
line-height:1.8em;font-weight:500;color:#222;font-size:calc(.7em + .1vw);
padding-left:1em;font-family:noto sans jp;}
.wpp-views{position:absolute;font-size:calc(.3em + .5vw);color:#767676;
  text-align:right;bottom:1%;right:5%;}



#sidebar ul{
    counter-reset: li;
    list-style: none;
}
#sidebar ul li{border-bottom:1px solid rgba(0,0,0,.05);width:95%;
   position: relative;
   margin:0px;
  eft:.5em;
   padding: .6em .5em;
}
#sidebar ul li:before {
    counter-increment: li;font-weight:;
    content: counter(li);
    position: absolute;color:#111;
    font-size:calc(.7em + .3vw);
    top: 0;
    eft:-.7em;
    width: 1.1em;
    text-align: center;
background:rgba(255,255,255,.95);}
   


#sidebar{z-index:9;isplay:none;position:absolute;
  top:calc(100vh + 1em);
  ransform:translateY(-50%);width:24%;min-width:270px;
  right:2%;margin:0;padding:0;}
.sidebar .sidebar-inner {padding: 60px 0 30px;}
#wpp-2{width:100%;}

.sidebar .sidebar-inner .sidebar-content aside.widget h3.widget-title
{text-align:center;border-bottom:1px solid rgba(0,0,0,.2)!important;
  font-size:calc(1.6em + .2vw);
color:#333;line-height:1;}
.sidebar .sidebar-inner .sidebar-content aside.widget h3.widget-title:after
{ontent:"5";color:#f0c0b4;}

.sidebar .sidebar-inner .sidebar-content aside.widget h3.widget-title:before
{text-align:center;position:absolute;font-size:12px;calc(.1em + .01vw);transform:translateX(-50%);left:50%;
color:#767676;content:"RANKING";font-weight:400 !important;top:3.6em;letter-spacing:.3em;
  line-height:.1em;}

.wpp-thumbnail{width:85px;height:85px;}

span.wpp-category{visibility:hidden !important;}
span.wpp-category a{visibility:hidden !important;
position:absolute;font-size:calc(.3em + .5vw);color:#767676;text-align:right;top:1%;left:33%;}





.section{width:79%;padding:0px 60px 60px 0;}.section-inner{padding:60px 60px 60px 0;}
main.main section.section{margin:0px 60px 0px 0;}


.articles article a .post-content time{isibility:hidden !important;}

main.page-single-main article header.post-header
{padding:0;}


　




main.main section.author-title .section-inner{margin-top:14%;width:100% !important;}
main.main section.section .section-inner .section-archives-title .title-container h1, main.main section.section .section-inner .section-archives-title .title-container .title
{font-variant: small-caps;}
main.main section.author-title .section-inner{padding:60px 0;}


.articles article a .post-content h2.post-title{font-family:noto sans jp;
color:#222;font-size:calc(13px + .1vw);font-weight:bold!important;
  line-height:1.8em;}

.articles article a .post-content {
    padding:1em .5em 1.2em .6em;
}

.articles article{box-shadow: !important;}

.read-all-insta:before{ z-index:0;content: "";position:absolute;background:black;width:0%;
height:100%;top:0;left:0;transition:.5s cubic-bezier(0.075, 0.82, 0.165, 1);}




.influen:before {
  content: "";
  display: block;
  padding-top:100%; 
}


.person-influen:before {
  content: "";
  display: block;
  padding-top:100%; 
}

.person-photo-group{animation: infl-group 1.5s 1 .6s both cubic-bezier(0.77, 0, 0.175, 1);
}
@keyframes infl-group {
	from {transform:translateY(-120%);opacity:0;}
  to{transform:translateY(0);opacity:1;}}



main.page-single-main article header.post-header h1.post-title
{ont-size:calc(1em + .7vw);width:70% !important;text-align:left!important;padding:1em 0em 1.5em .5em;
margin-left:15%;;ax-width:750px !important;}

main.page-single-main article .post-content
{width:78% !important;ax-width:750px !important;border:0px solid #f3f3f3;
  padding:0em 1em 1em;
text-align:left; !important;margin-left:15%;}



main.page-single-main article header.post-header
{text-align:center; !important;max-width:none !important;}

main.page-single-main article header.post-header.has-thumbnail .post-thumbnail
{overflow:hidden;width:75%;margin-left:15%;max-height:50vh;}

@media screen and (max-width: 769px) {
main.page-single-main article header.post-header.has-thumbnail .post-thumbnail
{max-height:35vh;}}
  



main.page-single-main article header.post-header.has-thumbnail .post-thumbnail
{margin-top:3vh;padding:0;}

main.page-single-main article header.post-header.has-thumbnail .post-thumbnail img
{box-shadow:none!important;}

.articles article a:hover .post-header figure.post-thumbnail:after {
    background: rgba(0, 0, 0, 0);
}


main.page-single-main article header.post-header .post-meta 
{border-bottom:1px solid #f3f3f3;adding:0 2em;
  text-align:left!important;width:70% !important;ax-width:750px !important;
  margin-left:15%;ransform:translateX(-50%);}

.post-categories-container
{padding:0 2em;
  text-align:left!important;width:70% ;ax-width:750px !important;
  margin-left:15%;transform:ranslateX(-50%);}



#post-964 .post-content{margin-left:0 !important;
  width:100% !important;max-width:none !important;
  border:0px solid transparent !important;padding:0;
  text-align:center !important;transform:translateX(-50%);
top:0;left:50%;right:0;position:absolute;}

/*spr*/
.month{isplay:none;font-size:calc(18px + 2.5vw);font-family:poppins;
color:#111;line-height:1em;position:absolute;
bottom:0;text-fill-color: transparent;right:4%;top:50%;
  background-clip: text;font-weight:bold;z-index:99;letter-spacing:;}
.monthsub{position:absolute;transform:rotate(-92deg);
  font-size:calc(11px + .2vw);
color:#767676;top:-.03em;letter-spacing:.1em;
left:-1.6em;font-weight:400;}

.sns-group{position:fixed;left:2%; transition:1s;
bottom:4%;z-index:100;letter-spacing:.52em;
color:#222;}



.sp-logo{text-align:center;font-size:calc(2em + 2.5vw);
                           font-family:poppins;color:#222;line-height:1em;
position:absolute;left:50%;transform:translateX(-50%);
top:5%;text-fill-color: transparent;background-clip: text;
font-weight:bold;z-index:110;letter-spacing:.3em;margin-left:.2em;
isplay:none;}

.sp-logo2{min-width:92px;width:9%;font-size:calc(2em + 1vw);color:#000;line-height:1em;
transform-origin:center;transition:1s;position:fixed;left:2%;
  transform:translateY(0%)rotate(0deg);top:9.5%;font-family:poppins;
font-weight:bold;z-index:99999999;letter-spacing:.3em;argin-left:.2em;}

_:-ms-lang(x)::-ms-backdrop, 
  .sp-logo2{z-index:100!important;
height:50px!important;}


.screen1{transition:.5s;transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);
cursor:pointer;position:absolute;ackground:#333;
left:15%;transform:translateY(-50%);top:50%;z-index:9;width:70%;height:60vh;
z-index:99;overflow:hidden;}



.top-newest{transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1);
position:absolute;left:15%; ransform:translateX(-50%);transition:.5s;
top:20vh;z-index:5;width:70%;height:60vh;z-index:99;overflow:hidden;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 8px 16px 0px, rgba(0, 0, 0, 0.1) 0px 6px 12px 0px;
} 



allone:before{width:100%;height:6px;background:red;position:absolute;
  bottom:.1em;content:"";left:0;z-index:0;}

.top-tag-inner{transition:.5s;color:#333!important;}
.top-tag-inner2{transition:.5s;position:absolute;pacity:0;width:66vw;ight:-100vw;
  display:none;}
.top-tag-inner2 h1{font-size: calc(.8em + .5vw);}

 .top-newest2{top: 16vh;width: 85%;
    left: 0;height: 36vh!important;overflow:hidden;
animation: topforapp 1.5s 1 1.5s both cubic-bezier(1, 0, 0, 1);
   position: absolute;}

.newest{position:absolute;top:0;left:0;width:100%;height:60vh;
background:
linear-gradient(to bottom,rgba(255,255,255,.0), rgba(255,255,255,.02)),url()no-repeat;
background-position:center ;background-size:cover;}

.newest img{width:100%;height:auto;margin-top:0%;
min-height:100%;position:absolute;top:50%;transform:translateY(-50%);}

.newest{transform:scale(1);transition:6s;}
.newest-big{ransform:scale(1.2);}

.top-category{background:rgba(0,0,0,.75);position:absolute;
top:0;transform:transteX(-50%);left:0;font-size:calc(11px + .2vw); 
color:#fff;padding:.5em 2.5em;margin:0;letter-spacing:.3em;font-weight:500;
font-family:noto sans jp;}

.tag-wrap{isplay:none;cursor:pointer;position:absolute;right:20%;
bottom:4%;text-align:left;z-index:99;
  color:#111;background:rgba(255,255,255,.9);#fff;order:1px solid rgba(0,0,0,.4);                            
width:;font-weight:bold;padding:3% 4% 2% 2%;
ox-shadow: 0 0 30px rgba(51,55,68,0.15);}



.top-tag2{opacity:1;text-align:left;ackground:linear-gradient(135deg,#FF0055,#c34cff);
  overflow:visible;
 font-size:calc(12px + .2vw); line-height:2em;color:#333;display:inline-block;
letter-spacing:.15em;ext-indent:.2em;position:relative;left:-1%;z-index:90;
ransform:rotate(-40deg);  padding:0 2%;transform-origin:center;}

.top-tag2s{text-align:left;background:linear-gradient(135deg,#FF0055,#c34cff);
  overflow:visible;
font-size:calc(12px + .3vw); line-height:2em;color:#111;display:inline-block;
letter-spacing:.15em;text-indent:.2em;position:relative;left:-1%;z-index:90;
  padding:0 2%;transform-origin:center;}

.top-tag{font-size:calc(.8em + .5vw);color:;font-weight:bold;
line-height:1.6em;position:relative;text-shadow:2px 2px 2px rgba(255,255,255,.2);
font-family: noto sans jp;adding:8% 0 5% 0;}

.top-tag-after2{font-size:calc(1.5em + 1.5vw);transform:scaleX(0);transition-delay:15s;
  transition:.3s;transform-origin:left;width:100%;height:220%;
position:absolute;background:#fff;left:0;top:0;bottom:0;right:0;
transition-timing-function:cubic-bezier(1, 0, 0, 1);}

.top-tag3{opacity:1;text-align:left;font-size:12px;calc(8px + .1vw);line-height:3em;
letter-spacing:.3em;text-indent:.2em;white-space:nowrap;font-weight:400;position:relative;
padding-top:3%;}

.top-tag3-sub{font-size:12px;color:#999;font-weight:400;transition:.5s;
  margin-top:-.6em;position:absolute;ight:-100vw;3%;right:3%;}

.tag-link{text-align:left;font-size:calc(2em + 2vw);letter-spacing:.05em;text-align:right;
  line-height:1em;1em;position:relative;text-shadow:2px 2px 2px rgba(0,0,0,.05);
  margin:0 0 -20px;}

.top-tag-after{font-size:calc(2.5em + 2.4vw);transition:.3s;transform:scaleX(0);
position:absolute;right:0;top:0;background:#fff;width:inherit;transform-origin:left;
transition-timing-function:cubic-bezier(1, 0, 0, 1);}

.pickups{text-align:center;letter-spacing:.1em;                         
position:absolute;font-size:calc(1.5em + .4vw);top:calc(100% + 2.2em);
left:15%;color:transparent;text-decoration:none;font-weight:bold;}

.group-last{width:100%;position:relative;bottom:0;
background:#f3f3f3;linear-gradient(to left,#e2e2e2,#e2e2e2);height:30vh;
max-hight:300px;z-index:-1;}

.group-last-container{text-align:center;position:absolute;left:50%;
  transform:translate(-50%,-50%);top:50%;}

.group-last-inner{text-align:center;font-size:;12px;calc(.7em + .7vw);color:#111;
line-height:1.3em;letter-spacing:.12em;font-weight:bold;font-family:poppins;}

.group-last-copy{text-align:center;font-size:calc(10px + .03vw);
            line-height:5em;color:#767676;
letter-spacing:.3em;
text-indent:.7em;white-space:nowrap;font-weight:400;}


.back-home{display:none;font-size:calc(.6em + .8vw);color:#222;line-height:0;
                     visibility:hidden;
 position:fixed;left:0;top:50%;transform:translateY(-50%)rotate(-90deg);
font-weight:400;z-index:999;
letter-spacing:.1em;line-height:0;}
/*シングル下related*/

.post-footer{width:78% !important;max-width:800px !important;
  border:0px solid #f3f3f3;padding:1em;0;
text-align:left; !important;margin-left:15%!important;}

main.page-single-main .post-footer:before{
  ontent:" RELATED";content:"";
  padding-bottom:3%;font-family:poppins;
  position:relative;display:block;border-bottom:1px solid rgba(0,0,0,.1);
text-align:center;color:#111;font-weight:bold;margin-bottom:5%;}

main.page-single-main .post-footer2:before{
  ontent:" RECCOMEND";content:"";
  padding-bottom:3%;font-family:poppins;
  position:relative;display:block;border-bottom:1px solid rgba(0,0,0,.1);
text-align:center;color:#111;font-weight:bold;margin-bottom:5%;margin-top:3%;}

main.page-single-main .section-content article .post-content {
    width: 100% !important;
    ax-width: 750px !important;
    border: none!important;
    padding:1em .3em!important;margin:0!important;
    text-align: left;}
main.page-single-main .section-content article .post-content h2
{border-bottom:none!important;text-align: left!important;margin: 5px 0 0 0!important; }



/*シングル下related2*/

main.page-single-main article footer.post-footer2 {
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}
.post-footer2 {
    width: 78% !important;
    max-width: 800px !important;
    border: 0px solid #f3f3f3;
    padding: 0;
    text-align: left;
    !important: ;
    margin-left: 15%!important;
}

@media screen and (max-width: 840px){
main.page-single-main article footer.post-footer2 {
    padding: 0 10px; }
main.page-single-main article footer.post-footer {
    padding: 0 10px;}  

}

@media screen and (max-width: 769px){
    .top-newest{left:0;}
  .top-category{display:none;}
  .custin{top:3%!important;height:27px!important;width:27px!important;}
  .custin path{stroke-width:10px!important;}
.post-footer2 {
    width: 100% !important;
    margin-left: 0!important;
}}





_:-ms-lang(x)::-ms-backdrop, .post-title,.top-tag{font-family:meiryo!important;
   }

  



@media screen and (min-width: 1400px) {

 .wpp-thumbnail{width:100px;height:100px;}}



@media screen and (max-width: 1100px)
{
  /*main.main section.section {
  margin: 0 60px 0 0!important;}*/
  
main.main section.section .section-inner .section-title {
    margin: 0 0 60px!important;}
}
  
  
@media screen and (max-width: 900px)
{  
article{width:95%;margin-left:2.5%;padding:0;} 
 
 main.main section.section .section-inner {
    padding: 60px 100px 60px 100px;} 
}


@media screen and (min-width: 1100px) {
  .selec{isplay:none;}
  .articles article{width:46%;max-width:380px;}
  .section{padding:0 60px 0 0;}
main.page-single-main nav.post-navigation{max-width:100%;}
main.page-single-main nav.post-navigation .post-navigation-inner .prev-next
  {width:calc((100% - 0px) / 2);}
  
  
}

@media screen and (min-width: 769px) {
  #favwrap{eft:70vw!important;right:auto!important;bottom:4%!important;}
  
  .articles article {max-width:800px;width: 75%!important;44%!important;margin-bottom:6%;
box-shadow:none!important;}
   
  .articles article a .post-header figure.post-thumbnail{height:calc(20vw / 1);200px;}
  
main.page-single-main article header.post-header.has-thumbnail .post-thumbnail img
  {padding:0 1em;max-width:1000px;}
 
main.page-single-main .section-content article .post-thumbnail
  {height:calc(25vw / 2);}  
  

}



@media screen and (max-width: 769px) { 
    
  .wpp-thumbnail{width:120px;height:120px;}
   p {
     font-size: 15px;}
 #sidebar ul li{padding: 1.2em .5em;}
  .hyou{max-width:450px;}
  .post-footer{width:100% !important;margin-left:0!important;}
  .sns-group{position:absolute;}
  main.page-single-main .section-content article{width:40%;margin-bottom:6%;}
  
  main.page-single-main .section-content article .post-thumbnail
  {width:100%!important;}
  
  .selec{border-top:0px solid rgba(0,0,0,.1);isplay:none;
    border-bottom:0px solid rgba(0,0,0,.1);}
  
  .sel{padding:15px 0;}
  .wpp-post-title{font-size:calc(.8em + .1vw);font-weight:bold;}
  .sp-logo2{left:50%!important;
   top:2.5%!important;transform:translateX(-50%)rotate(0deg)!important;}
  .menu-button{top:4%;}
  .osk-logo{top:1.5%;-3%!important;left:1.5%;
    max-height:6%;}
  
  .sphead{display:block;}.spfoot{display:flex}
  
  .tag-wrap{  right:auto!important;left:60%;transform:translateX(-50%);
  bottom:10%!important;width:35%;}
  
 
  
main.page-single-main article header.post-header h1.post-title{
  width:100% !important;margin-left:5% !important;
  padding:0 1.5em 1.5em 0;}  
  
  main.page-single-main article .post-content
  {width:100% !important;max-width:none !important;ransform:translateX(0);
  margin-left:0 !important;}
main.page-single-main article header.post-header .post-meta 
  {text-align:left!important;width:95% !important;margin-left:5% !important;}
 .post-categories-container 
{text-align:left!important;width:100%;margin-left:0%;}  
main.page-single-main article header.post-header.has-thumbnail .post-thumbnail
{height:auto !important;width:90%;margin-left:5%;}  
  .pickups{top:100% !important;}
  .osk{visibility:hidden;}
.gen{margin-top:9% !important;width:93% !important;ext-align:center;
  position:relative !important;margin-bottom:4% !important;}
  .gen-descri{margin-top:4% !important;}  

  .influen{width:32% !important;min-width:140px;margin-bottom:7% !important;}   
  .infl2,.infl4{right:10% !important;} 
  .infl1,.infl3{left:10% !important;}
 .infl4{margin-bottom:12% !important;} 
.person-influen{width:32% !important;min-width:140px;}   
  .person-infl1{left:8% !important;} 
  .person-infl2{right:8% !important;} 
  
  .person-infl3{left:8% !important;}
  .person-infl4{right:8% !important;} 
  
  
.read-all-insta{ext-align:center !important;display:;
    eft:50%;ransform:translateX(-50%);bottom:3%;max-width:200px;margin-top:6%!important;}  
.gen-bottom-descri
{eft:50% !important;ransform:translateX(-50%)!important;bottom:9% !important;
  letter-spacing: .3em!important;width:auto !important;
  right:3% !important;text-align:right !important;
  border:none!important;text-decoration:underline; }    
  
main.main section.section .section-inner .section-content{padding-top:0;}
.osk{
    visibility: hidden;
  }
#sidebar{position:static;width:100%;max-width:650px;top:0;
  transform:translate(-50%,0);margin-left:50%;margin-bottom:-10%;}
.section{padding:0;}
main.main section.section{margin:0px 60px 0px 0px;} 

  

}


@media screen and (max-width: 769px) {  
 #sidebar ul li:before{font-weight:bold;font-family:poppins;
  font-size:23px;}
  .newest,.top-newest{eight:80vh;}
  #idebar{display:none!important;}
  
  .topsearch{top:3.5%!important;right:calc(38px + 5%);position:fixed;}
  .sp-logo2{z-index:110;}
  .sp-logo{position:fixed!important;top:2%!important;}
 
  .search-for{top:calc(4% - 16px)!important;right:calc(33px + 4%)!important;
  position:fixed!important;}  
  
  
  .tag-wrap{width:70%!important;max-width:400px;}
  #sidebar{margin-top:3%;}
  
.articles article{width:35%;}  
.articles article a .post-header figure.post-thumbnail .post-author:before {
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0) 100%)!important;}

  .articles article a .post-header figure.post-thumbnail .post-author .name  
{color:#767676;}   
  
.pickups,.join,.gen-side{visibility:hidden;}  
.post-category{visibility:hdden;background:font-family:poppins!important;
    linear-gradient(rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.2))!important;}

main.page-single-main article header.post-header.has-thumbnail.post-thumbnail
  {width:30%;height:auto;top:0;left:0;}

  
  
  .section{padding:0;}

  main.main section.section .section-inner .section-title{margin:0 !important;}

.main .articles article {margin:0% 5% 4% 5%;box-shadow:none!important;}
 .articles article {box-shadow:none!important;} 
  
.articles{justify-content:space-around!important;padding-top:5%;}
  
  
main.main section.section{margin:0px 0px 20px 0px;}  
  
main.main section.section .section-inner{padding:0px 20px 30px;} 
.page-single-main .post-title {
    margin-top: 5%;
}   
  
}


@media screen and (min-width: 672px)
{
  .articles article a .post-content h2.post-title{margin-bottom:3%;padding:5% 0;}
  .screen1{height:60vh!important;top:50vh!important;}
  .top-open{transform-origin:left;animation: aon 1s 1 .4s both cubic-bezier(0.77, 0, 0.175, 1)!important;}
  .selec2{display:none!important;} 
  .ob-search-wrapper,.mob-news-wrapper{top:-10000px;}
  .top-tag3-sub{display:none;}
  .nazo,.nz{height:auto;margin-left:0!important;}
  .nazo2,.nazo3{right:-100vw!important;}
  .spreyheadgroup{right:0!important;position:relative!important;
   margin-bottom:100vh;}
  .tag-wrap{top:auto;57vh;bottom:-90vh!important;
    auto!important;auto!important;max-height:40vh;}
  .layerforheight{height:0vh!important;}  
  .month{top:50vh;}
  
  body{background:white!important;}
 
   .smrank-first{display:none;}
}

@media screen and (max-width: 1920px){
 .search-form{width:300px!important;top:20vh!important;
  left:50%!important;transform:translateX(-50%);z-index:100010;}
}

@media screen and (max-width: 672px)
{ .custin{top:3%!important;height:21px!important;width:21px!important;}
   .smrank-first .sidebar{display:block!important;}
  .sp-logo2{font-size:calc(1.5em + 1vw);}
  .selec{display:none;}
   main.page-single-main article .post-content{padding:2em 3% 1em;}
  .main .articles article {margin:0% 5% 4% 3%;}
  .articles article a .post-header figure.post-thumbnail{width:30%;height:20vh;
    min-height:80px;max-height:110px;
    overflow:hidden;} 
  .post-content{height:;width:70%;float:right;margin-top:-83px;z-index:1;}
.articles article a .post-content{padding:0 5px 0 1em;}  
  
  .tag-wrap{border:none!important;bottom:5%!important;
    height:22vh!important;}
  article{width: 100%;
    margin-left: 0%;}
.articles article {
  width: 100%;}
.infl4{margin-bottom:18% !important;}   
 .gen-descri{margin-top:6% !important;}   
.read-all-insta{margin-top:10%!important;}  

  
.menu-r{ width:100%;position:absolute;left:0;height:50vh;
border-left:0px solid rgba(0,0,0,.1);padding:3% 0;bottom:0%;}
 
  .followtxt{font-size:calc(.8em + 0vw);font-weight:bold;line-height:1em;}
  
.menu-r-inner{position:absolute;bottom:0%;top:5%;
  left:50%;transform:translateX(-50%);}

.menu-l-inner{position:relative;
  top:15%;transform:translateY(0%);}
  
.search-form2{padding:1% 0 3% 0;margin-top:-1em;margin-bottom:1.5em;}   
  .follow-line2{padding:0% 0 8% 0;}
 
 
  .mob-search{display:block;}
  .tag-wrap{box-shadow:0px 0px 6px 3px rgba(0,0,0,.04);}
  
  .osk-logo{left:4.5%;}
  .tag-wrap{width:32%;}
   .top-tag-inner{}
.top-tag-inner2{display:block;}
  .group-last{display:none;}
  .b1,.b2,.bbb{border-top:1px solid #111;}
  div.post-thumbnail img{width:auto;height:40vh;}
  #sidebar {margin-top: 1%;}
  .sidebar .widget-title,..widget-title:before
  {padding-bottom:3%;margin-top:-4%;}
  .month{ight:2.5%;top:30vh;%;left:calc(86vw + 15px);}
 .wpp-thumbnail{width:90px;height:90px;} 
 .top-open2{animation:topforapp 1.5s 1 1.5s both cubic-bezier(1, 0, 0, 1);} 
  .top-open{animation:topforappscreen 2s 1 .4s both cubic-bezier(0.77, 0, 0.175, 1);
  }
  
  .top-newest,.newest{height:36vh!important;}
   .newest img{eight:36vh!important;idth:auto!important;}
  
  .top-newest{width:85%;ight:1px;left:1px;}
  .top-newest{top:14vh;14vh;}
  
  .screen1{left:0;top:16.2vh;height:35.8vh!important;transform:translateY(0);}
  .tag-wrap{top:36vh;bottom:auto!important;
    min-height:18vh;padding:2%;left:0;transform:translateX(0%);}
  .layerforheight{height:0vh;}
 
  .tag-link{margin:20px 0 0;}
  .top-tag3{line-height:1em;display:none;}
  main.main section.section {
    margin: 0px 0px 20px 0px!important;}
  .nazo2,.nazo3,.nazo4,.nazo5{display:block;}
.articles article {margin: 0 0 10px;background:transparent;}
  .spfootm{display:flex;}
  
  .selec2{display:block;}  
 
  .notice1{top:0;} 
  
  .sidebar,.sns-group{display:none;}
  .nazo2s .sidebar{display:block!important;}
  .widget-title:after{color:#f0c0b4;}
  #sidebar ul li:before{font-size:21px;background:transparent;
 background:url(https://sprey.info/wp-content/uploads/crown.png)
  no-repeat;
background-size:contain;  
 width:30px;height:30px; 
  }
  .favorites-list:before {border-top:1px solid rgba(0,0,0,0);}
  /*favoriteモバイルトップ*/
  .post-251{margin-top:14%!important;position:absolute;}

  
}