/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2025
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2025
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:# f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


.Gradation_1 {
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
      position: fixed;
    top: 0;
    left: 23.5vw;
    width: 3px;
    height: 33px;
  background-color: hsla(197, 92%, 60%, 1);
    background-image: radial-gradient(circle at 96% 96%, hsla(55.36363636363636, 93%, 54%, 0.85) 5%, transparent 86%), radial-gradient(circle at 5% 90%, hsla(229, 71%, 68%, 1) 13%, transparent 65%), radial-gradient(circle at 57% 73%, hsla(308, 93%, 51%, 1) 3%, transparent 89%), radial-gradient(circle at 20% 4%, hsla(318, 60%, 76%, 1) 22%, transparent 56%), radial-gradient(circle at 74% 15%, hsla(324, 92%, 59%, 1) 13%, transparent 57%);
    background-blend-mode: normal, normal, normal, normal, normal;
  opacity: 1;
  animation: Grad1 16s infinite alternate;
}
@keyframes Grad1 {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }

  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

.Gradation_2 {
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
      position: fixed;
      top: 0;
    left: -0.5vw;
    width: 131px;
    height: 4px;
  background-color: hsla(197, 92%, 60%, 1);
    background-image: radial-gradient(circle at 96% 96%, hsla(55.36363636363636, 93%, 54%, 0.85) 5%, transparent 86%), radial-gradient(circle at 5% 90%, hsla(229, 71%, 68%, 1) 13%, transparent 65%), radial-gradient(circle at 57% 73%, hsla(308, 93%, 51%, 1) 3%, transparent 89%), radial-gradient(circle at 20% 4%, hsla(318, 60%, 76%, 1) 22%, transparent 56%), radial-gradient(circle at 74% 15%, hsla(324, 92%, 59%, 1) 13%, transparent 57%);
    background-blend-mode: normal, normal, normal, normal, normal;
  opacity: 1;
  animation: Grad2 3s infinite alternate;
}
@keyframes Grad2 {
  0% {
    -webkit-filter: hue-rotate(0deg);
    filter: hue-rotate(0deg);
  }

  100% {
    -webkit-filter: hue-rotate(360deg);
    filter: hue-rotate(360deg);
  }
}

:root {
  --gradient: conic-gradient(
    from 90deg at 50% 50%,
   
    rgba(255, 220, 0, 1),
    rgba(27, 206, 255, 1),
    rgba(42, 107, 255, 1),
    rgba(217, 41, 255, 1),
    rgba(255, 10, 92, 1)
  );
}

.cursor,
.follower {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0; 
  pointer-events: none;
}

.cursor {
  width: 8px;
  height: 8px;
  background-color: #000;
  z-index: 1001;
}

.follower {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
      opacity: 0.1;
	background: linear-gradient(150deg, #00ddfd 00%, #711ec6 33%, #ff33c6 66%, #fff530 100%);
  z-index: 1000;
  transition: transform ease .1s;
  text-align: center;
	
}
.follower span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    transform: scale(0);
  }
.follower.is-active{
    transform: scale(2.5);
	opacity: 0.4;
	animation: uneune 5s linear infinite;
  }
@keyframes uneune {

  0% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; 
  }

  25% {
    border-radius: 70% 60% 20% 90% / 70% 80% 40% 90%; 
  }

  50% {
    border-radius: 60% 40% 70% 60% / 40% 60% 50% 60%; 
	  transform: scale(2);
  }

  75% {
    border-radius: 90% 60% 40% 70% / 70% 50% 80% 40%; 
  }

  100% {
    border-radius: 60% 50% 70% 80% / 50% 60% 50% 70%; 
  }
}

header .menu nav a{
	position:relative;
	display: block;
}
header .menu nav a.active::after {
	content:" ";
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
      position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 3px;
	border-radius:3px;
  background-color: hsla(197, 92%, 60%, 1);
    background-image: radial-gradient(circle at 96% 96%, hsla(55.36363636363636, 93%, 54%, 0.85) 5%, transparent 86%), radial-gradient(circle at 5% 90%, hsla(229, 71%, 68%, 1) 13%, transparent 65%), radial-gradient(circle at 57% 73%, hsla(308, 93%, 51%, 1) 3%, transparent 89%), radial-gradient(circle at 20% 4%, hsla(318, 60%, 76%, 1) 22%, transparent 56%), radial-gradient(circle at 74% 15%, hsla(324, 92%, 59%, 1) 13%, transparent 57%);
    background-blend-mode: normal, normal, normal, normal, normal;
  opacity: 1;
  animation: Grad1 8s infinite alternate;
}


body{
	font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
	line-height:1.6;
	font-size: 16px;
}
body{
 overflow-x: hidden;
}
img{
	width:100%;
	height:auto;
	vertical-align: bottom;
}
a{
	text-decoration:none;
	color:#000;
}
.cour{
	font-family: "Courier Prime", monospace, sans-serif;
}

.swiper .swiper-slide {
  width: 440px!important;
	    border: 1px solid #000;
}

#header{
	display: flex;
	justify-content: space-between;
	margin-bottom:0px;
	position: relative;
    z-index: 100;
}
#header #logo{
	display: flex;
	align-items: center;
    gap: 2vw;
}
#header #logo a{
	    width: 162px;
    display: block;
    margin: 15px;
}
#header #logo .bland{
	    font-size: 1vw;
    font-weight: 600;
    letter-spacing: 0.1vw;
}

header .menus{
	font-family: "Courier Prime", monospace, sans-serif;
	margin: 15px 20px 0 0;
}
header .menus .top{
	font-size:14px;
	margin-bottom:24px;
}
header .menus .top a{
	margin:0 0 0 16px;
}
header .menus nav{
	display: flex;
	align-items: center;
	justify-content: right;
    gap: 26px;
}
header .menus nav a{
	font-size:18px;
	padding-bottom:6px;

}
header .menus nav a.active{

}
header .menus nav a span{
	display: inline-block;
    margin-right: 3px;
    letter-spacing: -3px;
}
header .menus nav .sns{
	display: flex;
	align-items: center;
    gap: 16px;
	margin-left: 28px;
}
header .menus nav .sns a{
	display:block;
	width:20px;
}


#head2{display: none;}
#head2{}



.message{
	display: flex;
	    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
	margin-top: 0px;
	align-items: center;
}
.message div{
	display: flex;
	flex-flow: column;
	flex-basis: 50%;
	padding: 75px 5vw;
	align-items: center;
	    text-align: center;
}
.message .left{
	border-right: 1px solid #eee;
}
.message div h3{
	font-size: 1.15vw;
    font-weight: 400;
    letter-spacing: 0.1em;
    margin-bottom: 32px;
}
.message div p{
	font-size: 0.9vw;
    line-height: 1.8;
    letter-spacing: 0.07vw;
	margin-bottom: 32px;
}
.message div a{
	font-size: 1.1vw;
    font-weight: 500;
    color: #EC2564;
    letter-spacing: 0.1vw;
    border-bottom: 1px solid #EC2564;
    padding-bottom: 5px;
}


#footer{
	    background-color: #fff;
    padding: 28px;
}
#footer .inner{display: flex;
    justify-content: space-between;
}
#footer .inner .no9{   width: 100px;margin-right:35px;}
#footer .inner .links{ }
#footer .inner .links ul{
}
#footer .inner .links ul li{
	    display: inline-block;
    margin-right: 15px;
}
#footer .inner .links ul li a{
	    font-size: 12px;
    text-decoration: none;
    color: #666;
}
#footer .inner .links ul li a:hover{
	text-decoration:underline;
}
#footer .inner #copyright{
	font-size: 11px;
    text-decoration: none;
    color: #666;
}

/* =========================================================

ホーム

========================================================= */

.home{}

#homemv{
	margin: 60px 0 0;
    padding-bottom: 0px;
	position:relative;
}
#homemv .gradient{
	top: 143px;
    height: 460px;
	animation: rotate 12s cubic-bezier(1, 0.2, 0.6, 0.8) alternate infinite;
	opacity:0.4;
}
.kv{
	width: 96%;
	max-width:1240px;
    margin: 0px auto;
}
.home .brand{
	position: relative;
}
.home .brand .wrap{
	    font-size: 13px;
    letter-spacing: 0.1rem;
    text-align: center;
	position: relative;
}
.home .brand .gradient{
	opacity:0.2;
	z-index:0;
}

.info{
	display: flex;
    width: 96%;
    margin: 60px auto;
	gap: 5vw;
}

.topics{
	    display: flex;
    gap: 40px;
	flex: 1;
}
.topics h2{
	font-family: "Courier Prime", monospace, sans-serif;
}
.topics .wrap{
	width:100%;
}
.topics ul{
	 display: flex;
    gap: 20px;
}
.topics ul li{
	flex: 1;
}
.topics ul li a{}
.topics ul li a:hover{
	opacity:0.7;
}
.topics .more{
	    font-size: 14px;
    text-decoration: underline;
    float: right;
}


.news{
	display: flex;
    gap: 40px;
	flex: 1;
}
.news h2{
	font-family: "Courier Prime", monospace, sans-serif;
}
.news ul{}
.news ul li{
	padding-bottom: 14px;
}
.news ul li a{
	font-size: 14px;
    line-height: 1.4;
    display: block;
}
.news ul li span{
	color:#aaa;
	padding-left:8px;
}
.news ul li a:hover{
	color:#EC2564;
}
.news .more{
	    font-size: 14px;
    text-decoration: underline;
    float: right;
}


.sechead{
	display: flex;
    justify-content: space-between;
	margin-bottom: 32px;
	    flex-flow: column;
    text-align: center;
}
.sechead h2{
	    font-size: 1.6vw;
    margin-bottom: 24px;
    font-weight: 300;
}
.sechead h2 span{
	    font-size: 13px;
    padding-left: 0px;
    letter-spacing: 0.2rem;
    display: block;
}
.sechead a{
	    position: relative;
    font-size: 13px;
    padding-bottom: 6px;
	display: inline-block;
}
.sechead a::after {
	content:" ";
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
    margin: 6px auto 0;
    width: 32px;
    height: 2px;
	border-radius:3px;
  background: linear-gradient(150deg, #00ddfd 0%, #711ec6 33%, #ff33c6 66%, #fff530 100%);
  opacity: 1;
  animation: Grad1 8s infinite alternate;
	transition: 0.6s all;
}
.sechead a:hover::after {
	width: 100%;
	animation: Grad1 1s infinite alternate;
}
.sechead p{
	    font-size: 12px;
    font-feature-settings: "palt";
    letter-spacing: 0.1rem;
	margin-bottom:24px
}



.nblend {
    width: 100%;
    margin: 60px auto;
    padding: 0%;
   
}


.nblend ul{
	    display: flex;
    justify-content: space-between;
	gap:0px;
	    margin: 24px 0;
}
.nblend ul li{
	font-size: 13px;
    flex: 1;
		display: flex;
    flex-direction: column;
	padding: 3vw 3.5vw;
    border-radius: 0px;
    transition: 0.5s all;
    position: relative;
    background-color: hsla(0, 0%, 100%, 1);
    background-image: radial-gradient(at 40% 20%, hsl(205deg 100% 74% / 53%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(181.56deg 100% 56% / 19%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(353deg 100% 93%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(54.81deg 24.24% 49.67% / 24%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsl(221deg 78% 35% / 0%) 0px, #00000000 50%), radial-gradient(at 80% 100%, hsl(240deg 100% 70% / 0%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(331deg 22% 23% / 10%) 0px, transparent 50%);
}
.nblend ul li a{
	text-align: center;
    

    letter-spacing: 0.1rem;
	transition: 0.6s all;
}
.nblend ul li a:hover{
	opacity:0.7;
}
.nblend ul li .cover{
	
}
.nblend ul li .cover a{
	display:block;
	box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    overflow: hidden;
	flex-grow: 1;
    transition: 0.5s all;
    position: relative;
    background-color: hsla(0, 0%, 100%, 1);
    background-image: radial-gradient(at 40% 20%, hsl(205deg 100% 74% / 53%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(181.56deg 100% 56% / 19%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(353deg 100% 93%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(54.81deg 24.24% 49.67% / 24%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsl(221deg 78% 35% / 0%) 0px, #00000000 50%), radial-gradient(at 80% 100%, hsl(240deg 100% 70% / 0%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(331deg 22% 23% / 10%) 0px, transparent 50%);
}
.nblend ul li a img{}
.nblend ul li .txtbox{
	    text-align: center;
    margin-top: 24px;
}
.nblend ul li .txtbox .text-wrap{}
.nblend ul li .txtbox .sakusya{
	font-size: 11px;
}
.nblend ul li .cover a:hover {
	box-shadow: 0 12px 70px rgba(0, 0, 0, 0.7);
  transform:scale(1.1,1.1);
}



.blendcomics {
    width: 100%;
    margin: 0px auto;

}

.blendcomics .swipercomic{
	border-top: 1px solid #D9DCE0;
	border-bottom: 1px solid #D9DCE0;
	position: relative;
}
.blendcomics .swiper-slide{
	height: auto;
}
.blendcomics .swiper-slide li{
	display: flex;
    width: 100%;
	height: 100%;
    margin: 0px auto;
}
.blendcomics .swiper-slide li .left{
	flex:1;
	display: flex;
    align-items: center;
    justify-content: center;
	flex-flow: column;
	position: relative;
	border-right: 1px solid #D9DCE0;
	background-color:#fff;
	
}
.blendcomics .swiper-slide li .left .arasuji{
	    width: 60%;
	font-size: 0.85vw;
    line-height: 1.8;
    letter-spacing: 0.2rem;
}
.blendcomics .swiper-slide li .left .txtbox{
	    position: absolute;
    left: 50px;
    bottom: 32px;
}
.blendcomics .swiper-slide li .left .txtbox .text-wrap{}
.blendcomics .swiper-slide li .left .txtbox .sakusya{}
.blendcomics .swiper-slide li .cover{
	flex: 1;
    display: flex;
	position:relative;
    align-items: center;
    justify-content: center;
	    padding: 60px 0;
	background-color:hsla(0,0%,100%,1);
background-image:
radial-gradient(at 62% 48%, hsla(314,0%,100%,1) 0px, transparent 50%),
radial-gradient(at 45% 18%, hsla(304,100%,74%,0.19) 0px, transparent 50%),
radial-gradient(at 80% 0%, hsla(24,100%,50%,0.3) 0px, transparent 50%),
radial-gradient(at 0% 50%, hsla(271,100%,93%,0) 0px, transparent 50%),
radial-gradient(at 51% 52%, hsla(296,0%,100%,1) 0px, transparent 50%),
radial-gradient(at 0% 100%, hsla(298,100%,77%,0.24) 0px, transparent 50%),
radial-gradient(at 80% 100%, hsla(198,100%,70%,0.63) 0px, transparent 50%),
radial-gradient(at 0% 0%, hsla(258,25%,63%,1) 0px, transparent 50%);
	background-size: 200% 200%;
    animation: animateGlow 12.25s linear infinite;
}
@keyframes animateGlow {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 100%;
  }
	100% {
    background-position: 0% 50%;
  }
}

.blendcomics .swiper-slide li .cover::after{
	content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 0.5s all;
    opacity: 0;
    z-index: 0;
background-color:hsla(0,0%,100%,1);
background-image:radial-gradient(at 40% 20%, hsl(249deg 100% 74% / 72%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(0deg 100% 56%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(3deg 0% 100%) 0px, #6858587a 50%), radial-gradient(at 80% 50%, hsl(349deg 100% 24.87% / 28%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsl(282deg 69.76% 37.79%) 0px, #00000000 50%), radial-gradient(at 80% 100%, hsl(240deg 51.89% 17.93%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(197.77deg 22% 23%) 0px, transparent 50%);
}
.blendcomics .swiper-slide li .cover:hover::after{
	opacity: 0.2;
}
.blendcomics .swiper-slide li .cover a{
	width: 40%;
	position: relative;
    z-index: 1;
}
.blendcomics .swiper-slide li .cover a img{
	box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
	transition:0.5s all;
}
.blendcomics .swiper-slide li .cover a:hover img{
	box-shadow: 0 12px 70px rgba(0, 0, 0, 0.7);
  transform:scale(1.1,1.1);
}

.blendcomics .slideparts{
	position: absolute;
    top: 32px;
    left: 32px;
    display: flex;
    align-items: start;
    justify-content: start;
    z-index: 100;
	
}
.blendcomics .slideparts .clogo{
	    width: 147px;
}
.blendcomics .slideparts .swiper-pagination{
	display: flex;
    gap: 10px;
    margin-left: 24px;
	position: relative;
	bottom: 0;
}
.blendcomics .slideparts .swiper-pagination span{
	width: 12px;
    height: 12px;
    display: block;
    background: #fff;
    border: 1px solid #000;
	border-radius: 0%;
	margin: 0;
}
.blendcomics .slideparts .swiper-pagination span.swiper-pagination-bullet-active{
	background: #000;
}


.recomennded{}


.recomennded {
    width: 100%;
    margin: 100px auto 180px;
}



.recomennded ul{
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto;
}
.recomennded ul li{
	    display: flex;
    flex: 1;
    padding: 3vw 3.5vw;
	transition: 0.5s all;
	position:relative;
	background-color:hsla(0,0%,100%,1);
background-image:
radial-gradient(at 40% 20%, hsl(205deg 100% 74% / 53%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(181.56deg 100% 56% / 19%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(353deg 100% 93%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(54.81deg 24.24% 49.67% / 24%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(221, 78%, 35%, 0.23) 0px, #00000000 50%), radial-gradient(at 80% 100%, hsla(240, 100%, 70%, 0.1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(331deg 22% 23% / 10%) 0px, transparent 50%);
}
.recomennded ul li::after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition: 0.5s all;
	opacity:0;
	z-index: 0;
	background-image: radial-gradient(at 40% 20%, hsl(271deg 100% 74% / 53%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(313deg 100% 56% / 19%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(230deg 100% 93%) 0px, #8369690f 50%), radial-gradient(at 80% 50%, hsl(349deg 24.24% 49.67% / 24%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(221, 78%, 35%, 0.23) 0px, #00000000 50%), radial-gradient(at 80% 100%, hsl(240deg 55.55% 24.98% / 52%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(91deg 22% 23% / 27%) 0px, transparent 50%);
	
}
.recomennded ul li:hover::after{
	opacity:0.4;
}
.recomennded ul li a{
	position:relative;
	z-index: 1;
	font-size: 13px;
	letter-spacing: 0.1rem;
	text-align:center;
}

.recomennded ul li .cover{
	box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
	overflow:hidden;
	transition: 0.5s all;
	    margin-bottom: 19px;
}
.recomennded ul li a:hover .cover{
	box-shadow: 0 12px 70px rgba(0, 0, 0, 0.7);
  transform:scale(1.1,1.1);
}
.recomennded ul li .text-wrap{}
.recomennded ul li .sakusya{font-size: 11px;}

/* =========================================================

N.Blend

========================================================= */

#nblend{
	    padding-top: 60px;
	    position: relative;
}
#nblend .nlogo{
	width: 400px;
    margin: 0 auto;
}
#nblend h2{
	    font-size: 22px;
    font-weight: 200;
    text-align: center;
    margin: 14px 0 24px;
    letter-spacing: 0.2rem;
}
#nblend .readtxt{
	text-align: center;
    font-size: 14px;
    max-width: 980px;
    margin: 0 auto 46px;
    width: 85%;
}
#nblend h3{
	    font-size: 18px;
    font-weight: 200;
    text-align: center;
    margin: 14px 16px;
    letter-spacing: 0.2rem;
}
#nblend ul{
	display: flex;
    padding: 0 2%;
}
#nblend ul li{
	flex: 1;
        padding: 10px 30px;
    font-size: 12px;
    letter-spacing: 0.1rem;
	text-align: center;
}
#nblend ul li h3{
	    font-size: 15px;
    margin-bottom: 21px;
}
#nblend ul li h3 span{color:#999;}
#nblend .contnb{
	position:relative;
	z-index:1;
}

.rerleese{
	border-top: 1px solid #eee;
    padding: 28px 0 16px;
}
.rerleese h2{
	
    text-align: center;
    font-size: 20px;
    font-weight: 100;
}
.rerleese h2 span{
	display:block;
	font-size:14px;
	margin-top:6px;
}

/* -------------------- */
/* BACKGROUND ANIMATION */

.gradient {
	position: absolute;
    left: 50%;
	    top: -144px;
    margin-left: -450px;
  width: 900px;
  height: 500px;
	z-index:0;
  filter: blur(100px);
  background-image: linear-gradient(#00b4ff, #864ddc, #f1307e, #dcd84d);
  animation: rotate 10s cubic-bezier(1, 0.2, 0.6, 0.8) alternate infinite;
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70%;
}

@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
	50% {
    width: 500px;
  }
	75% {
    width: 400px;
		margin-left: 250px;
  }
  100% {
    transform: rotate(360deg);
	  filter: blur(140px);
  }
}

.tabs{
	display: flex;
    align-items: center;
	justify-content: center;
}
.tabs div{
	width: 240px;
    text-align: center;
	
}
.tabs div span{
	font-size: 16px;
    display: inline-block;
    width: 50%;
        height: 50px;
    line-height: 40px;
    position: relative;
    margin-bottom: 40px;
}
.tabs div a{
	font-size: 16px;
    display: inline-block;
    width: 70%;
	color:#888;
        height: 50px;
    line-height: 40px;
    position: relative;
    margin-bottom: 40px;
}
.tabs div a:hover{
	color:#000;
}

.tabs div span::after,
.tabs div a::after{
    content: " ";
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 3px;
	background-color:#fff;
}
.tabs div span.active::after {
    background-color: hsla(197, 92%, 60%, 1);
    background-image: radial-gradient(circle at 96% 96%, hsla(55.36363636363636, 93%, 54%, 0.85) 5%, transparent 86%), radial-gradient(circle at 5% 90%, hsla(229, 71%, 68%, 1) 13%, transparent 65%), radial-gradient(circle at 57% 73%, hsla(308, 93%, 51%, 1) 3%, transparent 89%), radial-gradient(circle at 20% 4%, hsla(318, 60%, 76%, 1) 22%, transparent 56%), radial-gradient(circle at 74% 15%, hsla(324, 92%, 59%, 1) 13%, transparent 57%);
    background-blend-mode: normal, normal, normal, normal, normal;
    opacity: 1;
    animation: Grad1 8s infinite alternate;
}


/* =========================================================

Blend Comics

========================================================= */


.archive .header{
	    text-align: center;
    width: 50%;
    margin: 60px auto 0px;
}
.archive .header h1{
    font-size: 24px;
    font-weight: 200;
	margin-bottom: 18px;
}

.page-template-default .header{
	    text-align: center;
    width: 50%;
    margin: 60px auto 0px;
}
.page-template-default .header h1{
    font-size: 24px;
    font-weight: 200;
	margin-bottom: 18px;
}

/* =========================================================

作品一覧

========================================================= */

.category .content{}
.category .header{
	    text-align: center;
    width: 50%;
    margin: 60px auto 0px;
}
.category .header h1{
    font-size: 24px;
    font-weight: 200;
	margin-bottom: 18px;
}
.category .header .archive-meta{
	    font-size: 12px;
    font-feature-settings: "palt";
    letter-spacing: 0.1rem;
    margin-bottom: 24px;
}

.list {
    width: 100%;
    margin: 60px auto;
	
}
.list h4{
	font-size: 20px;
    text-align: center;
    margin-bottom: 32px;
    font-weight: 200;
}
.list .sechead{
	display: flex;
    justify-content: space-between;
	margin-bottom: 12px;
	padding: 2%;
}
.list .sechead h2{
	font-size: 1.4vw;
}
.list .sechead h2 span{
	    font-size: 0.9vw;
    padding-left: 16px;
    letter-spacing: 0.1rem;
}
.list .sechead a{
	    position: relative;
    font-size: 1vw;
    padding-bottom: 6px;
}
.list p{
	    font-size: 12px;
    font-feature-settings: "palt";
    letter-spacing: 0.1rem;
}
.list .sechead a::after {
	content:" ";
  display: flex;
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
      position: absolute;
    bottom:0;
    right: 0;
    width: 32px;
    height: 2px;
	border-radius:3px;
  background: linear-gradient(150deg, #00ddfd 0%, #711ec6 33%, #ff33c6 66%, #fff530 100%);
  opacity: 1;
  animation: Grad1 8s infinite alternate;
	transition: 0.6s all;
}
.list .sechead a:hover::after {
	width: 100%;
	animation: Grad1 1s infinite alternate;
}
.list ul{
	display: flex;
    align-items: flex-start;
        justify-content: flex-start;
    gap: 0;
    width: 100%;
    margin: 0 auto;
	    flex-wrap: wrap;
	border-bottom: 1px solid #eee;
}
.list ul li{
	    display: flex;
	width:20%;
    padding: 3vw 3.5vw;
	border-radius: 0px;
	transition: 0.5s all;
	position:relative;
	background-color:hsla(0,0%,100%,1);
    background-image: radial-gradient(at 40% 20%, hsl(205deg 100% 74% / 53%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(181.56deg 100% 56% / 19%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(353deg 100% 93%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(54.81deg 24.24% 49.67% / 24%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsl(221deg 78% 35% / 0%) 0px, #00000000 50%), radial-gradient(at 80% 100%, hsl(240deg 100% 70% / 0%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(331deg 22% 23% / 10%) 0px, transparent 50%);
}
.list.comic ul li{
	    display: flex;
	width:33.333333%;
	padding: 3vw 8.5vw;
	min-height: 32vh;
    align-items: center;
    justify-content: center;
}
.list ul li::after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transition: 0.5s all;
	opacity:0;
	z-index: 0;
	border-radius: 0px;
	background-image: radial-gradient(at 40% 20%, hsl(271deg 100% 74% / 53%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(313deg 100% 56% / 19%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(230deg 100% 93%) 0px, #8369690f 50%), radial-gradient(at 80% 50%, hsl(349deg 24.24% 49.67% / 24%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(221, 78%, 35%, 0.23) 0px, #00000000 50%), radial-gradient(at 80% 100%, hsl(240deg 55.55% 24.98% / 52%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(91deg 22% 23% / 27%) 0px, transparent 50%);
	
}
.list ul li:hover::after{
	opacity:0.4;
}
.list ul li a{
	position:relative;
	z-index: 1;
	font-size: 13px;
	letter-spacing: 0.1rem;
	text-align:center;
}

.list ul li .cover{

    border-radius: 6px;
	overflow: visible;
	transition: 0.5s all;
	    margin-bottom: 19px;
}
.list ul li a:hover .cover{

  transform:scale(1.1,1.1);
}
.list ul li .cover img{
	box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
	overflow:hidden;
	transition: 0.5s all;
}
.list ul li .cover img .cover{
	box-shadow: 0 12px 70px rgba(0, 0, 0, 0.7);
}
.list ul li .text-wrap{}
.list ul li .sakusya{font-size: 11px;}



.pagination {
  display: flex;
  justify-content: center;
	font-family: "Courier Prime", monospace, sans-serif;
}


.nav-links{
   display:flex;
}
.page-numbers{
   display:inline-block;
   padding:10px 8px;
   color:#999;
   background:#ffffff;
	text-decoration:none;
	    font-size: 26px;
}
.page-numbers.current{
   color:#000;
}
.page-numbers.prev,
.page-numbers.next{
   background:transparent;
   box-shadow:none;
     border:none;
   color:#666666; 
	text-decoration:none;
}
.page-numbers.dots{
   background:transparent;
   box-shadow:none;
     border:none;
   color:#666666; 
}


/* レスポンシブデザインのためのメディアクエリ */
@media (max-width: 600px) {
.page-numbers,
.page-numbers.current    {
     padding: 5px 10px;
        font-size: 8.5vw;
  }
}




/* =========================================================

作品詳細

========================================================= */

.bookinfo{
	border-bottom: 1px solid #eee;
}
.bookinfo .wrap{
	display: flex;
}
.bookinfo .cover{
	display: flex;
    flex: 1;
	flex-flow: column;
	align-items: center;
    padding: 3vw 0;
    transition: 0.5s all;
    position: relative;
    background-color: hsla(0, 0%, 100%, 1);
    background-image: radial-gradient(at 40% 20%, hsl(205deg 100% 74% / 53%) 0px, transparent 50%), radial-gradient(at 80% 0%, hsl(181.56deg 100% 56% / 19%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(353deg 100% 93%) 0px, transparent 50%), radial-gradient(at 80% 50%, hsl(54.81deg 24.24% 49.67% / 24%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsla(221, 78%, 35%, 0.23) 0px, #00000000 50%), radial-gradient(at 80% 100%, hsla(240, 100%, 70%, 0.1) 0px, transparent 50%), radial-gradient(at 0% 0%, hsl(331deg 22% 23% / 10%) 0px, transparent 50%);
}
.bookinfo .cover .cimg{
	width:50%;
	
	display:block;
	    margin: 0 auto 16px;
	height: auto;
	border: 1px solid #ddd;
}
.bookinfo .cover .cimgx img{
	object-fit: scale-down;
	height:70vh;
}
.bookinfo .cover .btnarea{
	    display: flex;
    gap: 20px;
}
.bookinfo .cover .btnarea a{
	width: 180px;
    height: 42px;
    display: block;
	text-align:center;
	font-size:14px;
    background-color: #fff;
    line-height: 42px;
    border-radius: 21px;
    border: 1px solid #ddd;
    box-shadow: 0 9px 32px rgba(0, 0, 0, 0.1);
}
.bookinfo .cover .btnarea a.buylink{}
.bookinfo .cover .btnarea a.singkeb{}


.bookinfo .info{
	flex: 1;
	flex-flow: column;
}
.bookinfo .info .wraps{
	    width: 60%;
    margin: 0 auto;
}
.bookinfo .info .cat{
	font-size: 13px;
    margin-bottom: 24px;
}
.bookinfo .info h1{
	font-size: 20px;
    margin-bottom: 16px;
}
.bookinfo .info .creator{
	margin-bottom: 16px;
}
.bookinfo .info .creator a{
	display: flex;
    align-items: center;
	    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 8px 0;
}
.bookinfo .info .creator a img{
	width:32px;
	border: 1px solid #dbdbdb;
    border-radius: 16px;
}
.bookinfo .info .creator a p{
	flex:1;
	    margin: 0;
    margin-left: 8px;
}
.bookinfo .info .creator a:hover{
	background-color:#f7f7f7;
}
.bookinfo .info .sakusya{
	font-size: 13px;
    margin-bottom: 24px;
}

.bookinfo .info .btnarea{
	margin: 16px 0;
	    display: flex;
	gap:10px;
}
.bookinfo .info .btnarea a{
	font-size: 14px;
	display: block;
    color: #fff;
    background-color: #111;
    text-align: center;
    height: 42px;
    line-height: 42px;
    flex: 1;
}
.bookinfo .info .btnarea a.singkeb{
	color: #111;
    background-color: #fff;
	border:1px solid #111;
}
.bookinfo .info .btnarea span{
	    font-size: 14px;
    display: block;
    color: #333;
    background-color: #eee;
    text-align: center;
    height: auto;
    line-height: 1.7;
    flex: 1;
    padding: 8px;
}
.bookinfo .info .btnarea span span{
	font-size: 11px;
	display: block;
	line-height: 1;
}
.bookinfo .info .btnarea a:hover{
	opacity:0.7;
}

.bookinfo .info .arasuji{
	font-size: 14px;
    margin-bottom: 24px;
}
.bookinfo .info .tameshi{}

.preread{
	    border-top: 1px solid #ddd;
}
.preread h3{
	font-size: 16px;
    font-weight: 600;
    padding: 16px 0;
}
.preread ul{}
.preread ul li{
    position: relative;
    border-bottom: 1px solid #eee;
    padding: 8px 0 12px;
}
.preread ul li .text-wrap{
		display: flex;
    align-items: flex-start;
}
.preread ul li .text-wrap .no{
	    width: 31px;
    font-size: 14px;
}
.preread ul li .text-wrap .tit{
	font-size: 14px;
}
.preread ul li .open{font-size: 11px;
    display: block;
    bottom: 4px;
    color: #999;
}
.preread ul li .text-wrap .read{
	padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 42px;
    font-size: 14px;
    letter-spacing: 0.15rem;
    margin-left: auto;
	cursor: pointer;
}
.preread ul li .text-wrap .read:hover{
	background-color:#000;
	color:#fff;
}

.preread .swiper-container{
	display: none;
	    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
	    background-color: #000;
}
.preread .swiper-container .prereadswiper{}
.preread .swiper-container .prereadswiper .swiper-slide{}
.preread .swiper-container .prereadswiper .swiper-slide img{
	height: 100vh;
    width: auto;
}
.preread .swiper-container .prereadswiper .swiper-slide:nth-child(odd) {
    text-align: left;
}
.preread .swiper-container .prereadswiper .swiper-slide:nth-child(even) {
    text-align: right;
}
@media screen and (max-width:1300px) {
	.preread .swiper-container .prereadswiper .swiper-slide:nth-child(even) {
    text-align: center;
}
	.preread .swiper-container .prereadswiper .swiper-slide:nth-child(odd) {
    text-align: center;
}
}

.preread .swiper-container .prereadswiper .swiper-slide:nth-child(2){
	overflow: visible;
    position: relative;
}
.preread .swiper-container .prereadswiper .swiper-slide:nth-child(2) img{
	display: block;
    position: absolute;
    left: 25vw;
}
.preread .swiper-container .prereadswiper .swiper-slide.last{}
.preread .swiper-container .close{
	    position: fixed;
    top: 5px;
    right: 5px;
    color: #fff;
    font-size: 28px;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    border-radius: 8px;
	cursor: pointer;
}


/*モーダルを開くボタン*/
.modal-open{
	
}
/*モーダル本体の指定 + モーダル外側の背景の指定*/
.modal-container{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
    box-sizing: border-box;
	z-index: 1300;
}
/*モーダル本体の擬似要素の指定*/
.modal-container:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
/*モーダル本体に「active」クラス付与した時のスタイル*/
.modal-container.active{
	opacity: 1;
	visibility: visible;
}
/*モーダル枠の指定*/
.modal-body{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 500px;
	width: 90%;
}
.modal-body .link{
	border-top: 1px solid #ddd;
}
.modal-body .link a{
	display: block;
    border-bottom: 1px solid #ddd;
    font-size: 15px;
    padding: 12px 10px;
}
.modal-body .link a:hover{
	background-color:#eee;
}
/*モーダルを閉じるボタンの指定*/
.modal-close{
	position: absolute;
	display: flex;
    align-items: center;
    justify-content: center;
	top: -40px;
	right: -40px;
	width: 40px;
	height: 40px;
	font-size: 40px;
	color: #fff;
	cursor: pointer;
}
/*モーダル内のコンテンツの指定*/
.modal-content{
	background: #fff;
	text-align: left;
	padding: 30px;
}
/* =========================================================

ニュース

========================================================= */

.post-type-archive-news{}

.post-type-archive-news .header{
	    text-align: center;
    width: 50%;
    margin: 60px auto 0px;
}
.post-type-archive-news .header h1{
    font-size: 24px;
    font-weight: 200;
	margin-bottom: 18px;
}
.post-type-archive-news .header .archive-meta{
	    font-size: 12px;
    font-feature-settings: "palt";
    letter-spacing: 0.1rem;
    margin-bottom: 24px;
}

.post-type-archive-news ul{
	width: 90%;
    max-width: 720px;
    padding: 2%;
    margin: 24px auto;
}
.post-type-archive-news ul li{
	width:100%;
	    border-bottom: 1px solid #eee;
}
.post-type-archive-news ul li a{
	padding: 12px 16px;
    display: block;
}
.post-type-archive-news ul li a:hover{
	background-color: #f4f8ff;
}
.post-type-archive-news ul li header{}
.post-type-archive-news ul li header h2{
	font-size:16px;
	margin-bottom:8px
}
.post-type-archive-news ul li header p{
	font-size:12px;
}



/* =========================================================

トピックス

========================================================= */

.post-type-archive-topics{}
.post-type-archive-topics ul{
	width: 100%;
    margin: 60px auto;
    padding: 2%;
	display: flex;
        justify-content:space-between; 
        column-gap: 2vw;
    margin: 24px 0;
	    flex-wrap: wrap;
}
.post-type-archive-topics ul li{
	width:calc(33.3333% - 2vw );
	text-align: center;
    margin-bottom: 32px;
}
.post-type-archive-topics ul li a .cover{
	margin-bottom:16px;
	transition: 0.5s all;
}
.post-type-archive-topics ul li a:hover .cover{
	box-shadow: 0 12px 70px rgba(0, 0, 0, 0.2);
  transform:scale(1.03,1.03);
}
.post-type-archive-topics ul li .cover img{}
.post-type-archive-topics ul li header{}
.post-type-archive-topics ul li header h2{
	font-size:16px;
}
.post-type-archive-topics ul li header p{
	font-size:12px;
}

/* =========================================================

作者詳細

========================================================= */
.tax-creator{}
.tax-creator .creator{
	text-align: center;
}
.tax-creator .creator .profimg{
	width: 80px;
    border-radius: 40px;
    margin-bottom: 16px;
}
.tax-creator .creator .sakusya{
	font-size: 24px;
    font-weight: 200;
    margin-bottom: 16px;
}
.tax-creator .creator .prof{
	font-size: 13px;
    width: 50%;
    margin: 0 auto 10px;
}
.tax-creator .creator .xlink{
	    width: 32px;
    height: 32px;
    display: block;
    margin: 0 auto 40px;
    border: 1px solid #ddd;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.tax-creator .creator .xlink img{width: 16px;}

/* =========================================================

ニュース

========================================================= */
.singlenews{
	width:90%;
	max-width:720px;
	margin:80px auto;
}

.singlenews h1{
	    font-size: 32px;
    font-weight: 600;
	line-height:1.4;
	    margin-bottom: 32px;
}
.singlenews h2{
	font-size: 26px;
    font-weight: 600;
	line-height:1.4;
	    margin-bottom: 24px;
	margin-top:48px;
	padding-top:16px;
	position:relative;
}
.singlenews h2::after{
	content: " ";
    display: flex;
    width: 100%;
    height: 100vh;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    width:200px;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(150deg, #00ddfd 0%, #711ec6 33%, #ff33c6 66%, #fff530 100%);
    opacity: 1;
    animation: Grad1 8s infinite alternate;
}
.singlenews h3{
	font-size: 20px;
    font-weight: 600;
	line-height:1.4;
	    margin-bottom: 20px;
}
.singlenews h4{
	font-size: 18px;
    font-weight: 600;
	line-height:1.4;
	    margin-bottom: 16px;
}
.singlenews h5{
	font-size: 16px;
    font-weight: 600;
	line-height:1.4;
	    margin-bottom: 16px;
}

.singlenews .time{font-size: 14px; color:#666;}
.singlenews p{    margin-bottom: 24px;}
.singlenews figure{margin-bottom: 24px;}
.singlenews b{font-weight: 600;}
.singlenews blockquote{
	background-color: #eff2f5;
    margin: 15px 0 24px;
    padding: 16px;
    font-style: italic;
    color: #34538a;
    border-left: 2px solid #34538a;
}
.singlenews a{
	text-decoration:underline;
	color: #EC2564;
}
.singlenews ul{
	    list-style: disc;
    list-style-position: inside;
    margin: 16px 0 24px;
}
.singlenews ul li{
	    padding: 8px 0;
    border-bottom: 1px solid #ddd;
}
.singlenews a{}


/* =========================================================

フォーム

========================================================= */
.sakkamess{
	text-align: center;
    font-size: 14px;
	margin:40px 0;
}
.sakkamess span{
	    font-size: 12px;
    color: #666;
    margin-top: 16px;
    display: block;
}

.mw_wp_form{
	width: 85%;
	max-width: 720px;
    margin: 0 auto 80px;
}
.mw_wp_form li{
	margin-bottom:24px;
}
.mw_wp_form .title{
	font-size: 15px;
    margin-bottom: 5px;
}
.mw_wp_form .title span{
	    color: #f00101;
    font-size: 17px;
}

.mw_wp_form .fparts{}
.mw_wp_form .fparts input[type="text"],
.mw_wp_form .fparts input[type="email"]{
	    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0 12px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f2f5fe;
}
.mw_wp_form .fparts textarea{
	    width: 100%;
    height: 240px;
    line-height: 50px;
    padding: 0 12px;
    font-size: 14px;
    border: 1px solid #ddd;
    border-radius: 4px;
    background-color: #f2f5fe;
}

.mwform-radio-field-text{font-size: 14px;}

.mw_wp_form .privacy{
	margin: 24px 0;
    font-size: 14px;
}
.mw_wp_form .sendarea{}

.mw_wp_form input[type="submit"]{
	    width: 200px;
    height: 50px;
    line-height: 50px;
    background-color: #000;
    color: #fff;
    font-size: 16px;
    border: none;
}
.mw_wp_form input[type="submit"].back{
	background-color: #999;
}
.mw_wp_form input[type="submit"]:hover{
	opacity:0.7;
}

.mw_wp_form h3{
	text-align: center;
    font-size: 24px;
    margin: 40px 0;
}
.semdtxt{
	text-align: center;
    font-size: 14px;
	margin-bottom:40px;
}
.mw_wp_form .totop{}
.mw_wp_form .totop a{
	    display: block;
    width: 220px;
    margin: 0 auto;
    text-align: center;
    color: #3e3e3e;
    border: 1px solid #333;
    line-height: 30px;
    height: 32px;
    border-radius: 2px;
}
.mw_wp_form .totop a:hover{
	opacity:0.7;
}

/* =========================================================

ドロワー

========================================================= */

.drawer {
    position: fixed;
    right: 20px;
    top: -60px;width: 45px;z-index: 1001;
    cursor: pointer;
}
.drawer.fixed{
	 top: 20px;
}
.navbar_toggle_icon {
    position: relative;
    display: block;
    height: 2px;
    width: 45px;
    background: #333;
    transition: ease .5s;
}
.navbar_toggle_icon:nth-child(1) {
    top: 0;
}
.navbar_toggle_icon:nth-child(2) {
    margin: 8px 0;
}
.navbar_toggle_icon:nth-child(3) {
    top: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
    top: 10px;
    transform: rotate(45deg);
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
    opacity: 0;
}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
    top: -10px;
    transform: rotate(-45deg);
}
.menu {
    transition: ease .5s;
    z-index: 1000;
    background: rgb(255 255 255 / 96%);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-y: auto;
    flex-flow: column;
}
.menu .inner{
	width: 280px;
}
.menu .iconlogo{
	    width: 50px;
    margin: 0 0 40px;
}
.menu.open {
    opacity: 1;
    visibility: visible;
}
.menu li {
    margin: 25% 0;
    font-size: 24px;
    line-height: 1.4;
}
.menu a {
    color: #333;
    text-decoration: none;
    display: block;
    font-size: 22px;
    font-weight: 200;
    margin-bottom: 16px;
}
.menu a.sm {
    color: #333;
    text-decoration: none;
    display: block;
        font-size: 14px;
    font-weight: 200;
    margin-bottom: 0px;
    line-height: 32px;
}
.menu .sns {
        display: flex;
    align-items: center;
    gap: 24px;
    margin-left: 0;
    margin-top: 40px;
}
.menu .sns a {
    display: block;
    width: 32px;
}
@media screen and (max-width:1399px) {
.w1440{display:none;}
}

.sp{display:none;}


/* =========================================================
┏━━┓┏━━┓
┃┏━┛┃┏┓┃
┃┗━┓┃┗┛┃
┗━┓┃┃┏━┛
┏━┛┃┃┃　　
┗━━┛┗┛　　
========================================================= */
@media screen and (max-width: 979px) {

.pc {display: none!important;}
.sp {display: block;}

.splogo{
	position: fixed;
	left: 20px;
	top: 20px;
    width: 82px;
    z-index: 200;
		top: 20px;
	}
.menu a {
    font-size: 18px;
    margin-bottom: 12px;
}
.menu a.sm {
        font-size: 13px;
    margin-bottom: 0px;
    line-height: 32px;
}		
.drawer {
	position: fixed;
	top:20px;
	right: 20px;
    width: 45px;

    cursor: pointer;
}
.drawer.fixed{
		top: 20px;
	}	
.gradient {
    position: absolute;
    left: 50%;
    top: -144px;
    margin-left: -250px;
    width: 500px;
    height: 300px;
}
.kv {
    padding-top: 46px;
}	
#header {
    display: none;
	}

	#container{
		overflow: hidden;
	}	
	
.home .brand .wrap {
    font-size: 3.2vw;

    text-align: left;

    width: 85%;
    margin: 0 auto 70px;
    font-weight: 500;
}
.swiper .swiper-slide {
    width: 270px !important;
    border: 1px solid #000;
}
.info {
    display: block;
	width: 85%;align-content
	}	
.topics {
    margin-bottom: 40px;
	gap: 10px;
        flex-flow: column;
}	
.topics h2 {
    width: 64px;
}	
.topics .wrap {
    width: 100%;
    flex: 1;
}	
.topics ul {
    gap: 10px;
}	
.news {
    gap: 10px;	
	flex-flow: column;
	}	
.news h2 {
    width: 64px;
}	
.news .wrap {
    width: 100%;
    flex: 1;
}
.news ul li a {
    font-size: 12px;
}
.sechead h2 {
    font-size: 6vw;
}	
.sechead p {
    font-size: 3vw;
    width: 85%;
    margin: 0px auto 24px;
}	
.nblend ul {
    gap: 0%;
    margin: 24px 0;
    flex-wrap: wrap;
    /* flex-shrink: 0; */
}	
.nblend ul li {
    width: 48%;
	flex: auto;
        margin-bottom:0px;
	    padding: 5vw 5.5vw;
}	
.blendcomics .swiper-slide li {
    flex-flow: column;
	        flex-direction: column-reverse;
}	
.blendcomics .swiper-slide li .left {
    padding: 4vw 0 24px;
	flex-direction: column-reverse;
}	
.blendcomics .swiper-slide li .left .arasuji {
    width: 80%;
    font-size: 3vw;
    line-height: 1.8;
    letter-spacing: 0.1rem;
}	
.blendcomics .swiper-slide li .left .txtbox {
    position: relative;
    left: auto;
    bottom: auto;
    width: 80%;
    margin-top: 16px;
	margin-bottom:16px;
}	
.blendcomics .swiper-slide li .left .txtbox .text-wrap {
    font-size: 4vw;
}	
	.blendcomics .swiper-slide li .left .txtbox .sakusya {
    font-size: 2.5vw;
}
.blendcomics .swiper-slide li .cover {
    padding: 64px 0 16px;
	}
.blendcomics .slideparts {
    position: absolute;
    top: 16px;
    left: 16px;
}
.recomennded ul {
	align-items: stretch;
    flex-wrap: wrap;
}	
.recomennded ul li {
    flex: auto;
    width: calc(100% / 2);
    padding: 6vw 7.5vw;	
	}
.message {
    display: block;
	}
.message div {
    padding: 36px 9vw;
    text-align: left;
	    align-items: start;
}
.message div h3 {
    font-size: 4vw;
    font-weight: 300;
	}
.message div p {
    font-size: 2.7vw;
    line-height: 1.8;
    letter-spacing: 0.07vw;
    margin-bottom: 32px;
    text-align: left;
}
.message .left {
    border-right: 0px solid #eee;
    border-bottom: 1px solid #eee;
}	
.message div a {
	font-size: 2.7vw;
	}
#footer .inner {
    display: block;
	}
#footer .inner .links ul {
    border-top: 1px solid #eee;
	margin-bottom: 25px;
}
#footer .inner .links ul li {
    display: block;
    margin-right: 0;
    padding: 12px 0;
    border-bottom: 1px solid #eee;
}	
	
	
	
#nblend .nlogo {
    width: 60vw;
	}
#nblend h2 {
    font-size: 3.2vw;
    font-weight: 400;
    margin: 19px 0 38px;
    letter-spacing: 0.2rem;
}	
#nblend h3 {
    font-size: 3vw;
	}
#nblend ul {
    flex-flow: column;
}	
#nblend ul li {
    padding: 10px 30px;
    font-size: 11px;
    text-align: left;
}	
#nblend ul li h3 {
    font-size: 4vw;
    font-weight: 200;
    text-align: left;
    margin: 14px 0 12px;
    letter-spacing: 0.2rem;
}	
.tabs div a {
    font-size: 4vw;
    width: 80%;
    height: 50px;
    line-height: 40px;
}		
.tabs div span {
    font-size: 4vw;
    width: 80%;
    height: 50px;
    line-height: 40px;
}	
.list ul li {
    width: 50%;
    padding: 6vw 7.5vw;
	}
.list ul li .text-wrap {
    font-size: 3vw;
}	
.list ul li .sakusya {
    font-size: 2vw;
}
.list.comic ul li {
    width: 100%;
    padding: 7vw 29.5vw;
    min-height: 32vh;
    align-items: center;
    justify-content: center;
}
.bookinfo .wrap{
    display: flex;
    flex-flow: column;
}
.bookinfo .cover {
    padding: 20vw 0 10px;
	}
.bookinfo .cover .cimg img {
    height: auto;
}
.bookinfo .cover .btnarea {
    display: none;
}
	.bookinfo .info .arasuji{
    font-size: 12px;
    margin-bottom: 24px;
    text-align: justify;
}

single .info {
    width: 85%;
    margin: 40px auto;
	}
.bookinfo .info .wraps {
    width: 88%;
    margin: 0 auto;
}	
.preread ul li .text-wrap .read {
    padding: 8px 0;
    font-size: 12px;
    width: 62px;
    text-align: center;
}	
	
	
	
.tax-creator .creator .prof {
    font-size: 12px;
    width: 70%;
    margin: 0 auto 20px;
}	
	
.preread .swiper-container .prereadswiper {
    height: 100%;
}
.preread .swiper-container .prereadswiper .swiper-slide:nth-child(2) img{
    display: block;
    position: relative;
    left: auto;
}
.preread .swiper-container .prereadswiper .swiper-slide {
    display: flex;
    align-items: center;
    height: 100%;
}	
.preread .swiper-container .prereadswiper .swiper-slide img {
    height: auto;
    width: auto;
}
	.preread .swiper-container .prereadswiper .swiper-slide.w1440{
		display:none;
	}
.swiper-button{
		display:none!important;
	}
	
	.post-type-archive-topics ul li {
    width: calc(100% );
    text-align: center;
    margin-bottom: 32px;
}
.post-type-archive-topics ul li header h2 {
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}
	
.post-type-archive-topics ul li header p {
    font-size: 10px;
    text-align: left;
    margin-top: 5px;
}	
	
.singlenews h1 {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 32px;
}	
	
.singlenews p {
    margin-bottom: 24px;
    font-size: 14px;
}	
	
	
#nblend {
    padding-top: 90px;

}	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}