*{
margin:0;
padding:0;
font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
color:#333;
}
a{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a img{
border:none;
}
img{
vertical-align:bottom;
}
li{
list-style-type: none;
}
.responsive{
max-width:100%;
height:auto;
}

/*iPhone用*/
html {
 -webkit-text-size-adjust: 100%;
}

#container{
width:100%;
min-width:1180px;
background:url(images_pc/container_bg.jpg) no-repeat 50% 630px;
overflow:hidden;
}
#menuArea{
position:fixed;
width:100%;
background-color:rgba(0,0,0,0.7);
z-index:999;
}
#menuArea > .content{
margin:0 auto;
width:1180px;
height:43px;
}
#menuArea > div.content.pc > ul{
display:table;
width:100%;
height:100%;
}
#menuArea > div.content.pc > ul > li{
display:table-cell;
vertical-align:middle;
}
#menuArea > div.content.pc > ul > li:nth-child(n+2){
padding-left:20px;
}
#menuArea > div.content.pc > ul > li:nth-child(1){
padding-right:50px;
}
#menuArea > div.content.pc > ul > li > a{
font-size:14px;
line-height:1;
color:#fff;
}
#menuArea > div.content.pc > ul > li > a:hover{
text-decoration:none;
border-bottom:solid 3px #b3d23e;
padding-bottom:1px;
}
#menuArea > div.content.pc > ul > li:nth-of-type(1) > a:hover,
#menuArea > div.content.pc > ul > li:nth-of-type(n+8) > a:hover{
border-bottom:none;
padding-bottom:0;
}

#header{
margin-top:43px;
/*opacity:0;*/
}
#header .slick-slide{
opacity:0.2;
}
#header div.slick-slide.slick-current.slick-active.slick-center{
opacity:1;
}
.slick-dots {
bottom: -30px;
z-index:803;
}
.slick-dots li button::before {
font-size: 12px;
}

#notice{
margin: 60px auto 0 auto;
border:3px inset #999;
padding:15px 0px;
width: 930px;
text-align:center;
font-size:14px;
line-height: 1.4;
color:#666;
}

#notice_2{
margin: 30px auto 0 auto;
text-align:center;
font-size:16px;
line-height: 1.4;
}
#notice_2 a{
color:#4570BF;
}

#tvcm{
margin-top:60px;
text-align: center;
font-size:12px;
line-height: 20px;
}
#tvcm > .content {
margin: 0 auto;
width: 1180px;
}
#tvcm .title{
margin-top:2px;
line-height: 1.4;
}
#tvcm > .content > .lineup > div{
margin-top:10px;
padding: 0 0.5%;
display: inline-block;
vertical-align:top;
text-align:center;
/*width:18.5%;*/
/*width:23.5%;*/
width:32%;
/*width:48%;*/
}

#marquee{
white-space: nowrap;
}
#voice{
position:relative;
margin-top: 40px;
padding-top:13px;
font-size:14px;
line-height: 1.2;
opacity:0;
}
#voice .midashi{
position:absolute;
left:0;
top:-12px;
width:283px;
}

#neoSeries{
}
#neoSeries .midashi{
position:relative;
margin-top:70px;
padding:30px 0 0 100px;
width:640px;
height:72px;
font-weight:bold;
font-size:24px;
color:#fff;
background:url(images_pc/neo_series_midashi_bg.png) no-repeat;
z-index:1;
}
#neoSeries .bg{
position:relative;
margin-top:-40px;
padding:30px 0 45px 0;
background-color:rgba(250,158,0,0.7);/*faaf3b*/
z-index:0;
}
#neoSeries_bg{
position:absolute;
top:-80px;
right:10%;
}
#neoSeries .content, #pocketSeries .content, #madoakeSeries .content, #relatedSeries .content{
margin:30px auto 0 auto;
/*width:1080px;*/
}
#preneoSeries .content{
margin:30px auto 0 auto;
width:1080px;
}
#neoSeries a .responsive, #pocketSeries a .responsive, #madoakeSeries a .responsive, #relatedSeries a .responsive, #preneoSeries a .responsive{
margin: 0 auto 5px auto;
height:238px;
}
.sotei{
position:relative;
text-align: center;
opacity:0;
}
.soteiText{
position:absolute;
top:0;
left:0;
opacity:0;
}
.new img{
display:block;/*上下の位置調整用*/
}
#neoSeries .new, #pocketSeries .new, #madoakeSeries .new, #relatedSeries .new, #preneoSeries .new{
position:absolute;
width:76px;
top: -8.5%;
}
#neoSeries .new{
left: 0%;
}
#pocket .new{
left: 17%;
}
#madoake .new{
left: 5.5%;
}
#relatedSeries .art .new{
left: 8%;
top:-7.5%
}
#relatedSeries .honmono .new {
left: 11%;
top:-7.5%
}
#relatedSeries .plus .new{
left: 5%;
top:-7.5%
}
#relatedSeries .craft .new{
left: 8%;
top:-7.5%
}
#relatedSeries .kagaku .new{
left: 0;
top: 8%;
}
#relatedSeries .seal .new{
left: 9%;
top: 9%;
}
#relatedSeries .plus_pocket .new {
left: 11%;
top:-8.5%
}
#preneoSeries .chitchana_pre .new{
left: 9%;
top: 9%;
}
#preneoSeries .pre .new{
left: 5%;
top:-7%
}
#preneoSeries .pre_kyogu .new{
left: 9.5%;
top:-7%
}
#preneoSeries .pre_books .new {
left: 5.5%;
top:-7%
}
#preneoSeries .ohanashi_pre .new {
left: 7%;
top:-7%
}
.catalog{
margin:20px auto 0 auto;
border-radius:10px;
padding:5px 0;
width:450px;
text-align:center;
}
.catalog a{
font-weight:bold;
font-size:16px;
color:#fff;
}
#catalog_1{
background-color:#C05723;
}
#catalog_2{
background-color:#a15fa1;
}
#catalog_3{
background-color:#664da8;
}
#catalog_4{
background-color:#4A579E;
}

#pocketSeries{
}
#pocketSeries .midashi{
position:relative;
margin-top:60px;
padding:30px 0 0 100px;
width:640px;
height:72px;
font-weight:bold;
font-size:24px;
color:#fff;
background:url(images_pc/neo_pocket_series_midashi_bg.png) no-repeat;
z-index:11;
}
#pocketSeries .bg{
position:relative;
margin-top:-40px;
padding:30px 0 45px 0;
background-color:rgba(255,204,255,0.7);
z-index:10;
}
#pocketSeries_bg{
position:absolute;
top:-80px;
right:10%;
}

#madoakeSeries{
}
#madoakeSeries .midashi{
position:relative;
margin-top:60px;
padding:30px 0 0 100px;
width:640px;
height:72px;
font-weight:bold;
font-size:24px;
color:#fff;
background:url(images_pc/neo_madoake_series_midashi_bg.png) no-repeat;
z-index:11;
}
#madoakeSeries .bg{
position:relative;
margin-top:-40px;
padding:30px 0 45px 0;
background-color:rgba(220,207,255,0.7);
z-index:10;
}
#madoakeSeries_bg{
position:absolute;
top:-80px;
right:5%;
}

#relatedSeries{
}
#relatedSeries .midashi{
position:relative;
margin-top:60px;
padding:30px 0 0 100px;
width:640px;
height:72px;
font-weight:bold;
font-size:24px;
color:#fff;
background:url(images_pc/neo_related_series_midashi_bg.png) no-repeat;
z-index:11;
}
#relatedSeries .bg{
position:relative;
margin-top:-40px;
padding:30px 0 45px 0;
background-color:rgba(159,191,0,0.7);/*b3d23e*/
z-index:10;
}
#relatedSeries_bg{
position:absolute;
top:-80px;
right:0;
}
#relatedSeries div.slick-slide{
margin-top:30px;
text-align:center;
font-size:16px;
line-height:1.4;
z-index:12;
}

#preneoSeries{
}
#preneoSeries .midashi{
position:relative;
margin-top:60px;
padding:30px 0 0 100px;
width:640px;
height:72px;
font-weight:bold;
font-size:24px;
color:#fff;
background:url(images_pc/preneo_series_midashi_bg.png) no-repeat;
z-index:21;
}
#preneoSeries .bg{
position:relative;
margin-top:-40px;
padding:30px 0 45px 0;
background-color:rgba(122,159,214,0.7);/*92bce2*/
z-index:20;
}
#preneoSeries_bg{
position:absolute;
top:-80px;
right:10%;
}

.apology{
margin:40px auto 0 auto;
border:1px solid #E60012;
padding:10px 40px;
width:1030px;
text-align:center;
background-color:#fff;
}
.apology a{
font-size:18px;
color:#E60012;
}

#timeline{
margin:60px auto 0 auto;
text-align:center;
}
#timeline ul{
margin:0 auto;
display:table;
table-layout:fixed;
width:700px;
}
#timeline li{
display:table-cell;
padding:0 18px;
vertical-align:top;
}
#timeline .fb_iframe_widget iframe{
border-radius:16px;
}
#timeline .tiktok-embed {
margin: 0 auto;
}

#banner_license{
margin:60px auto 0 auto;
border:3px solid #1953a2;
border-radius:10px;
padding:5px 0;
text-align:center;
width:660px;
background-color:#f2f2f2;
}
#banner_license a{
font-size:18px;
line-height:1.4;
color:#1953a2;
}
#banner_license .midashi{
font-weight:bold;
font-size:22px;
color:#1953a2;
}

#bannerPr{
position:relative;
margin:60px 0 0 0;
padding:35px 0;
text-align:center;
background-color:#E6E6CF;
}
#bannerPr .content{
margin:0 auto;
width:96%;
}
#bannerPr ul{
display:table;
table-layout:fixed;
margin: 0 auto;
width: 80%;
}
#bannerPr li{
/*padding:0 300px;*//*1つのとき*/
padding:0 70px;/*2つのとき*/
/*padding:0 16px;*//*3つのとき*/
display:table-cell;
text-align:center;
}

#link{
margin-top:30px;
text-align:center;
}
#link > ul > li{
display:inline-block;
font-size:12px;
line-height:1.4;
}
#link > ul > li > a{
border-right: 1px solid #000;
padding:0 10px 0 5px;
}
#link > ul > li:nth-child(1) > a{
border-left: 1px solid #000;
padding-left: 10px;
}

#footer .content{
margin:0 auto;
padding-bottom:20px;
width:1180px;
}
#footer ul{
margin:40px 0 0 0;
display:table;
width:100%;
}
#footer li{
padding:0 10px;
display:table-cell;
vertical-align:middle;
font-size:10px;
line-height:1.4;
}
#footer ul > li:nth-child(2){
text-align:right;
}
.sp{
display:none !important;
}
.sp_inline{
display:none !important;
}

/*swiper*/
.swiper{
overflow:visible;
}
.swiper-wrapper{
transition-timing-function:linear;
}
.swiper-slide {
width: auto;
}


@media (max-width: 1280px) {
#header .slick-slide{
opacity:1;
}
}


@media (max-width: 639px) {
#container{
min-width:100%;
background:url();
}
#menuArea {
background-color: rgba(0,0,0,0);
}
#menuArea > .content {
width:100%;
}
#menuAreaBg{
position:fixed;
top:0;
height:43px;
width:100%;
background-color:rgba(0,0,0,0.7);
z-index:902;
display:none;
}
#menuAreaBg > ul{
display:table;
width:100%;
}
#menuAreaBg > ul > li{
display:table-cell;
vertical-align:middle;
}
#menuAreaBg > ul > li:nth-child(2){
padding-right:2%;
text-align:right
}
#menuOpenBtn{
position:fixed;
top:0;
right:2%;
z-index:903;
}
#menuList{
position:fixed;
top:43px;
width:100%;
display:none;
z-index:901;
}
#menuList > ul{
margin:0 auto;
width:84%;
}
#menuList > ul > li{
margin-bottom:1px;
padding:0 15px;
background:url(images_sp/menu_arrow.png) no-repeat 95% 50% #8fa831;
background-size:20px;
}
#menuList > ul > li > a{
display:block;
width:100%;
height:40px;
font-size:16px;
line-height:40px;
color:#fff;
}
#menuBg{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(255,255,255,0.9);
z-index:900;
display:none;
}

#header{
margin-top:0;
}

.slick-dots {
bottom: -25px;
}
.slick-dots li button::before {
font-size: 10px;
}

#sns{
position:relative;
z-index:804;
}
#sns ul{
display:table;
table-layout:fixed;
margin: -6% 0 0 auto;
/*width: 30%;*//*3つ*/
width: 20%;/*2つ*/
}
#sns li{
display:table-cell;
vertical-align:top;
}

.logo.sp {
margin-top: 3%;
}

#notice{
margin: 6% auto 0 auto;
border:3px inset #999;
padding:3% 1%;
width: 90%;
font-size:3.2vw;
line-height: 1.4;
color:#666;
}

#notice_2{
margin: 3% auto 0 auto;
font-size:3.6vw;
line-height: 1.4;
}


#tvcm{
margin-top:6%;
padding:10px 0 10px 0;
font-size:3vw;
line-height:1.4;
}
#tvcm > .content {
width:96%;
}
#tvcm .title{
font-size:2.5vw;
}
#tvcm > .content > .lineup > div{
width:48%;
}

#voice{
margin-top:20px;
padding-top:0;
}

#voice .midashi{
top:-10px;
width:35%;
}

#neoSeries{
margin-top:0;
padding-top:0;
padding-bottom:20px;
background-color:#faaf3b;
}
#neoSeries .midashi{
margin-top:70px;
padding:0;
width:auto;
height:50px;
text-align:center;
font-size:16px;
line-height: 50px;
background:url() #DD7100;
}
#neoSeries .bg{
margin-top:0;
padding:0;
background-color:transparent;
}
#neoSeries .content, #pocketSeries .content, #madoakeSeries .content, #relatedSeries .content, #preneoSeries .content{
margin:6vw auto 0 auto;
width:100%;
}
#neoSeries a .responsive, #pocketSeries a .responsive, #madoakeSeries a .responsive, #relatedSeries a .responsive, #preneoSeries a .responsive{
height: 42vw;
}
#relatedSeries .sotei, #preneoSeries .sotei{
font-size:12px;
}
#neoSeries .new, #pocketSeries .new, #madoakeSeries .new, #relatedSeries .new, #preneoSeries .new{
width:15vw;
top: -10%;
}

#neoSeries_bg{
display:none;
}
.catalog{
margin:10px auto 0 auto;
width:90%;
}
.catalog a{
font-weight:normal;
font-size:13px;
}

#pocketSeries{
margin-top:0;
padding-top:0;
padding-bottom:20px;
background-color:#FFCCFF;
}
#pocketSeries .midashi{
margin-top:20px;
padding:0;
width:auto;
height:50px;
text-align:center;
font-size:16px;
line-height: 50px;
background:url() #d980d9;
}
#pocketSeries .bg{
margin-top:0;
padding:0;
background-color:transparent;
}
#pocketSeries_bg{
display:none;
}

#madoakeSeries{
margin-top:0;
padding-top:0;
padding-bottom:20px;
background-color:#DCCFFF;
}
#madoakeSeries .midashi{
margin-top:20px;
padding:0;
width:auto;
height:50px;
text-align:center;
font-size:16px;
line-height: 50px;
background:url() #946ff2;
}
#madoakeSeries .bg{
margin-top:0;
padding:0;
background-color:transparent;
}
#madoakeSeries_bg{
display:none;
}

#relatedSeries{
margin-top:0;
padding-top:0;
padding-bottom:20px;
background-color:#b3d23e;
}
#relatedSeries .midashi{
margin-top:20px;
padding:0;
width:auto;
height:50px;
text-align:center;
font-size:16px;
line-height: 50px;
background:url() #5e963c;
}
#relatedSeries .bg{
margin-top:0;
padding:0;
background-color:transparent;
}
#relatedSeries_bg{
display:none;
}

#preneoSeries{
margin-top:-0;
padding-top:0;
padding-bottom:20px;
background-color:#92bce2;
}
#preneoSeries .midashi{
margin-top:20px;
padding:0;
width:auto;
height:50px;
text-align:center;
font-weight:bold;
font-size:16px;
line-height: 50px;
background:url() #0071bc;
}
#preneoSeries .bg{
margin-top:0;
padding:0;
background-color:transparent;
}
#preneoSeries_bg{
display:none;
}

.apology{
padding:5px 4%;
width:70%;
line-height: 1.2;
}
.apology a{
font-size:14px;
}

#timeline {
margin: 0 auto 0 auto;
}
#timeline ul{
display:block;
width:94%;
}
#timeline li{
margin-top:40px;
padding:0 0;
display:block;
}
#timeline li:nth-child(2){
display:none;
}

#banner_license{
margin:20px auto 0 auto;
width:80%;
}
#banner_license a{
line-height:1.2;
font-size:14px;
}
#banner_license .midashi{
font-size:20px;
}

#bannerPr{
margin:20px 0 0 0;
border-top:1px solid #99995C;
border-bottom:1px solid #99995C;
padding:15px 0 25px 0;
}
#bannerPr .content{
width:100%;
}
#bannerPr ul{
margin:0 auto;
display:block;
width:80%;
}
#bannerPr li{
margin-top:10px;
padding:0;
display:block;
}

#footer .content{
width:100%;
}
#footer ul{
margin:20px auto 0 auto;
display:block;
width:96%;
}
#footer li{
padding:0;
display:block;
}
#footer ul > li:nth-child(2){
margin-top:20px;
text-align:center;
}
#shogakukan{
margin:10px auto 0 auto;
width:63px;
}

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