@charset "utf-8";

* {
box-sizing: border-box;
margin: 0;
padding: 0;
}

html{
display: initial!important;
flex-direction: initial!important;
overflow-x: hidden;
scroll-behavior: smooth;
}

body{
display: initial!important;
flex-direction: initial!important;
margin: 0px;
min-width: fit-content;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

section{
font-family: "Kaisei Opti", sans-serif;
}

h1{
margin: 0;
}

h2{
font-family: "Kaisei Opti", sans-serif;
font-size: 32px;
}

.fa-bars:before{
color: #16A6B8;
}

.sp {
display: block !important;
}

.head_logo img{
width:50px;
height:50px;
}

header {
width: 100%;
background: #ffffff;
z-index: 1000;
padding: 0;
font-weight:bold;
}

a {
text-decoration: none;
transition: opacity 0.3s ease;
}

a:hover {
opacity: 0.7;
}

header .container {
position: relative;
}

header .container-small {
display: flex;
align-items: center;
justify-content: flex-start;
}

.headA {
padding-left: 10px;
padding-right: 10px;
}

.headA h1 {
margin: 0;
color: #434343;
padding: 0;
}

.headA p {
font-size: 20px;
color: #636363;
}

.headB ul {
margin: 0;
padding: 0;
list-style: none;
font-weight: medium;
}

.headB a,.headB a:link,.headB a:visited{
display: block;
padding: 8px;
color: #FC4D97;
font-size: 16px;
text-decoration: none;
border-bottom: 3px solid none;
}

.headB a:hover {
margin-top: -3px;
border-bottom: 2px solid #FC4D97;
}

.headD img{
height: 30px;
}

/* PC */
@media(min-width: 1024px) {
.headA {
padding-left: 12%;
}

.headB {
position: absolute;
right: 12%;
top: 5px;
}

.headB ul {
display: flex
}

.headC {
display: none;
}
}

/* SP */
@media(max-width:1023px) {
.headC {
position: absolute;
right: 10px;
padding: 0;
border: none;
outline: none;
background: none;
font-size: 28px;
opacity: 0.8;
cursor: pointer;
color: #636363;
}

.headC:hover {
opacity: 0.3;
}

.headB {
display: none;
}
}

/* PC */
@media (min-width:1024px) {

.sp { display: none !important; }
}

.top_wrapper{
max-width: 100%;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.top_inner{
max-width: 100%;
background-image: url(../img/fv_bg.svg);
background-size: cover;
}

.top_inner picture img{
margin: 0 auto;
padding: 0;
width: 100%;
max-width: 2560px;
}

.fv_lead {
margin: 0 auto;
width: 100%;
padding: 50px 0;
background: url(../img/lead_bg.jpg);
background-size: cover;
background-position: center center;
}

.fv_lead-content{
font-weight: 500;
font-style: normal;
text-align: center;
font-size: 16px;
line-height: 30px;
color: #5E5689;
max-width: 760px;
margin: auto;
padding: 30px 0;
background: url(../img/lead_bg-deco.png);
background-size: cover;
background-position: top;
background-repeat: no-repeat;

}

.fv_lead-content span{
color: #FC4D97;
}

.content_category {
background-image: url(../img/category-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
padding: 100px 0;
text-align: center;
background-position: center;
}

/* category */
.category_ttl{
position: relative;
display: block;
text-align: center;
margin: auto;
color: #FC4D97;
font-family: "Kaisei Decol";
font-size: 38px;
font-style: normal;
font-weight: 700;
line-height: 55px;
letter-spacing: 8px;
text-shadow: 2px 2px 0 white, -2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 0 0 4px rgb(188 188 188);
}
.category_ttl img{
display: inline-block;
}

/* course */
.course_list{
margin: 0px auto 120px auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
width: 100%;
max-width: 1000px;
overflow: auto;
flex-direction: row;
color: #4B4B4B;
font-weight: 500;
}

.course_container{
width: 49%;
margin: 50px 5px 0 5px;
background-color: #fff;
padding: 5px;
position: relative;
}

.yomikiri{
border: solid 5px #15B6A6;
border-radius: 16px;}

.rensai{
border: solid 5px #E40570;
border-radius: 16px;}

.course_frame{
padding: 25px 15px 15px 15px;
}

.course_frame-txt span{
font-size: 16px;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: medium;
}

.cou_one{
border: solid 2px #ABE5DF;
border-radius: 10px;
}

.course_name{
    font-size: 32px;
    letter-spacing: 10px;
    padding: 10px 0;
}

.cou_one .course_name {
color: #15B6A6;
}

.cou_two{
border: solid 2px #F5A5CB;
border-radius: 10px;
}

.cou_two .course_name {
color: #E40570;
}

.course_btn {
color: #FFF!important;
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 14px 58px;
width: 100%;
margin: 20px auto 10px auto;
border-radius: 999px;
background: linear-gradient(180deg, #1fe0cc 0%, #00b2a0 100%);
color: #fff;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 700;
font-size: 24px;
letter-spacing: 0.04em;
line-height: 1.4;
text-decoration: none;
text-align: center;
box-sizing: border-box;
}

.course_btn::before {
content: "";
position: absolute;
inset: 4px;
border: 2px solid #fff;
border-radius: inherit;
pointer-events: none;
}

.course_btn-icon {
position: absolute;
top: 50%;
right: 22px;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: #fff;
flex-shrink: 0;
}

.course_btn-icon::after {
content: "";
width: 7px;
height: 7px;
border-top: 2.5px solid #00b2a0;
border-right: 2.5px solid #00b2a0;
transform: rotate(45deg);
margin-left: -2px;
}

.course_btn-rensai{
background: linear-gradient(180deg, #FF82BE 0%, #E40570 100%);
}

.course_point{
    margin-top: 35px;
    padding: 25px 10px 10px 10px;
    border: solid 2px #15B6A6;
    border-radius: 10px;
    position: relative;
}

.course_point p{
    color: #00b2a0;
}

.course_point-deco{
    color: #fff;
    background-color: #00b2a0;
    display: inline-block;
    position: absolute;
    letter-spacing: 2px;
    top: -18px;
    padding: 3px 30px;
    border-radius: 20px;
    font-weight: 300;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.course_point-deco::after {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 40%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 0px solid transparent;
    border-top: 8px solid #00b2a0;
}

.point-rensai{
    border: solid 2px #E40570;
}

.point-rensai > .course_point-deco{
    background-color: #E40570;
}

.point-rensai > .course_point-deco::after {
    border-top-color: #E40570;
}

    
.point-rensai p{
    color: #E40570;}

.prize_course_name{
    --r: .5em;
    padding-inline: calc(var(--r) + .3em);
    line-height: 1.8;
    clip-path: polygon(0 0, 100% 0, calc(100% - var(--r)) 50%, 100% 100%, 0 100%, var(--r) 50%);
    width: 300px;
    text-align: center;
    margin: auto;
    font-weight: 700;
    letter-spacing: 3px;
    margin-top: -62px;
    color: #fff;
    font-size: 30px;
    background: linear-gradient(180deg, #1fe0cc 0%, #00b2a0 100%);
}

.prize_rensai{
background: linear-gradient(180deg, #FF82BE 0%, #E40570 100%);
}

.content_apply{
background-image: url(../img/apply_bg.jpg);
background-size: contain;
padding: 100px 0 0 0;
margin-top: -2px;
}

.time-wrap{
margin: 25px auto;
max-width: 1000px;
width: 100%;
}
.time-block{
position: relative;
width:100%;
border:solid 3px #FC4D97;
border-radius: 20px;
background-color: #fff;
padding: 0;
text-align: center;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
margin: 20px auto 30px auto;
}

.time_ttl {
left: 0;
right: 0;
margin: auto;
top: -25px;
font-size: 24px;
font-weight: 300;
letter-spacing: 10px;
color: #fff;
padding: 10px 0;
background: #FC4D97;
border-radius: 17px 17px 0 0;
}

.time-start{
font-size: 30px;
color: #FC4D97;
letter-spacing: 3px;
margin: 10px auto 15px auto !important;
}

.time-start img{
display: inline;
margin: 0 20px;
}

.day{
font-size:50px;
}

.week{
color: #fff;
background-color: #FC4D97;
border-radius: 20px;
padding: 2px 6px;
font-size: 20px;
margin-bottom: 10px;
vertical-align: middle;
display: inline-block;
}

.apply-wrap{
margin: 70px auto;
max-width: 1000px;
width: 100%;
background-color: #FDF8F3;
}

.apply-block{
position: relative;
border-radius: 10px;
background: #FFF;
box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
padding: 0 40px 10px 40px;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: medium;
}

.apply-cont{
border-bottom: solid 1px #FC4D97;
padding: 30px 0;
}

.apply-block > div:last-child{
border-bottom:none;
}

.apply-ttl{
color: #fff;
background-color: #FC4D97;
display: inline-block;
margin-bottom: 20px;
padding: 5px 10px;
text-align: center;
border-radius: 10px;
font-weight: 600;
letter-spacing: 2px;
}

.apply-txt{
color: #4E4E4E;
font-weight: 500;
}

.apply-note-list {
list-style: none;
margin: 0;
padding: 0;
color: #4E4E4E;
font-weight: 500;
}

.apply-note-list li {
position: relative;
padding-left: 1.2em;
}

.apply-note-list li::before {
content: "※";
position: absolute;
left: 0;
}

.marker{
color: #FC4D97;
font-weight: 700;
font-size: 18px;
display: inline-block;
margin-bottom: 15px;}

.entry-wrap{
max-width: 1000px;
width: 100%;
margin: 0 auto 100px auto;
text-align: center;
display: flex;
flex-wrap: wrap;
justify-items: center;
justify-content: center;
padding: 30px 0;
}

.entry_btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 14px 58px;
width: 49%;
margin: 0 auto;
border-radius:10px;
background: linear-gradient(180deg, #1fe0cc 0%, #00b2a0 100%);
color: #fff!important;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 700;
font-size: 24px;
letter-spacing: 0.04em;
line-height: 1.4;
text-decoration: none;
text-align: center;
box-sizing: border-box;
}

.entry_btn::before {
content: "";
position: absolute;
inset: 4px;
border: 2px solid #fff;
border-radius: inherit;
pointer-events: none;
}

.entry_btn-icon {
position: absolute;
top: 50%;
right: 22px;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: #fff;
flex-shrink: 0;
}

.entry_btn-icon::after {
content: "";
width: 7px;
height: 7px;
border-top: 2.5px solid #00b2a0;
border-right: 2.5px solid #00b2a0;
transform: rotate(45deg);
margin-left: -2px;
}

.entry_btn-rensai{
background: linear-gradient(180deg, #FF82BE 0%, #E40570 100%);
}

.icon-rensai:after {
border-top: 2.5px solid #E40570;
border-right: 2.5px solid #E40570;
}

.content_border {
width: 100%;
}

.content_border img{
max-width: 100%;
width: 100%;
    margin: auto;
}

.border-ttl{
    margin-bottom: -2px;
    width: 100%;
}

.border-ttl img{
    text-align: center;
    margin: auto;
    width: 100%;
    max-width: 1440px;
}

.content_mee{
    max-width: 1000px;
    margin:0 auto 100px auto;
}

.mee_contents-wrap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    max-width: 1000px;
    margin: 0 auto 30px auto;
    background: #fff;
}

.mee_contents-item{
    width: 49%;
    font-size: 32px;
    margin-bottom: 10px;
}

.gakuen{
    color: #E40570;
}
.furin{
    color: #A65BB8;
}
.otona{
    color: #04A288;
}
.bl{
    color: #112BAE;
}

.mee_btn {
position: relative;
display: flex;
align-items: center;
justify-content: center;
padding: 14px 58px;
width: 100%;
max-width: 550px;
margin: 20px auto 10px auto;
border-radius: 999px;
background: #fff;
color: #FF6E99!important;
font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
font-weight: 700;
font-size: 24px;
letter-spacing: 0.04em;
line-height: 1.4;
text-decoration: none;
text-align: center;
box-sizing: border-box;
border: solid 2px #FF6E99;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
}

.mee_btn-icon {
position: absolute;
top: 50%;
right: 22px;
transform: translateY(-50%);
display: inline-flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: 50%;
background: #FF6E99;
flex-shrink: 0;
}

.mee_btn-icon::after {
content: "";
width: 7px;
height: 7px;
border-top: 2.5px solid #fff;
border-right: 2.5px solid #fff;
transform: rotate(45deg);
margin-left: -2px;
}

.content_note{
    padding: 100px 0;
    background: url(../img/note_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.note_contents-wrap{
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
}

.note_contents-wrap a{
    color: #000;
    text-align: center;
}

.note_contents-item{
    width: 32%;
    line-height: 50px;
}

.note_contents-item > a{
    color: #000!important;
}

.content_share{
    padding: 100px 0;
}

.share_wrap{
    background-color: #F4F4F4;
    width: 90%;
    margin: auto;
    position: relative;
    border-radius: 30px;
    max-width: 600px;
}

.share_ttl{    
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    position: absolute;
    text-align: center;
    font-size: 24px;
    color: #474747;
    top:-20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.share_item{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.share_item a{
    display: block;
    margin: 30px 20px;
}

.copy_message {
    padding: 0 20px 20px;
    color: #474747;
    font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 700;
    text-align: center;
}

/* PC */
@media(min-width: 1024px) {
.headA {
padding-left: 12%;
}

.headB {
position: absolute;
right: 12%;
top: 5px;
}

.headB ul {
display: flex
}

}

/* SP */
@media(max-width:1023px) {
.headB {
display: none;
}
}

@media (max-width:820px) {
.fv_lead p {
font-size: 18px;
line-height: 35px;
background-size: contain;
}

.course_frame {
    padding: 25px 10px 10px 10px;
}

.course_container{
width: 48%;
}

.course_frame-txt{
min-height: 235px;
}

.course_frame-txt span {
    font-size: 15px;
}

.course_btn{
font-size: 17px;
}

.time-wrap{
width: 98%;
}

.content_category {
background-image: url(../img/category-bg.jpg);
background-repeat: repeat-y;
background-size: contain;
padding: 100px 0;
text-align: center;
}

.apply-wrap{
width: 98%;
}

.entry_btn{
font-size: 20px;
}

.mee_btn{
font-size: 20px;
}

.note_contents-wrap a {
    font-size: 14px;
}

.apply-ttl{
width: 100%;
}

.apply-txt {
margin-top: 20px;
margin-left: 10px;}

}

@media (max-width:767px) {
.fv_lead {
padding: 35px 10px;
}
.fv_lead p {
font-size: 16px;
line-height: 26px;
}

.content_category{
padding: 60px 0;
}

.category_ttl{
font-size: 32px;
line-height: 47px;
}

.category_ttl img {
max-height: 100px;
}

.course_container {
    width: 95%;
}

.course_btn {
    font-size: 20px;
}

.time-start {
    font-size: 22px;}

.day {
    font-size: 30px;
}

.time-start img {
    display: inline;
    margin: 0 5px;
}

.time-wrap {
margin: 50px auto;}

.apply-wrap {
width: 95%;
margin: 60px auto;}

.entry_btn{
    width: 98%;
    margin-bottom: 10px;
}

.mee_contents-item{
    width: 100%;
    max-width: 500px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.note_contents-item {
    width: 32%;
    line-height: 20px;
}

.note_contents-wrap a {
    font-size: 12px;
}

}

@media(max-width:540px) {

header .container-small{
padding: 5px 0;
}

.top_inner picture img{
max-width: 100%;	
}

.headB {
display: none;
}

.fv_lead p{
font-size: 13px;
line-height: 22px;
}

.fv_lead {
margin: 0 auto;
padding: 20px 0;
}

.content_category {
padding: 60px 0 30px 0;
}

.category_ttl {
font-size: 25px;
line-height: 40px;
text-shadow: 1px 1px 0 white, -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 0 0 4px rgb(97, 97, 97);
}

.course_container {
width: 100%;
margin: 10px; 
}

.toprbn{
margin-top: 50px;
}

.course_list{
margin: 0px auto 70px auto;
}

.course_frame-txt{
font-size: 15px;
}
.course_btn {
font-size: 14px;
padding: 12px 48px;
}
.course_btn-icon {
width: 24px;
height: 24px;
right: 18px;
}

.content_apply {
margin-top: -2px;
background-repeat: repeat;
background-size: contain;
padding:100px 0 0 0;
}

.content_border {
    margin-top: -80px;}

.category_ttl img {
    max-height: 105px;
}

.apply-block{
padding: 0 15px 10px 15px;
}

.note_contents-item{
    width: 98%;
    margin-bottom: 20px;
    line-height: 40px;
}

.mee_contents-item > a > img{
text-align: center;
width: 100%;
}

    .mee_btn {
    padding: 14px 45px;
    font-size: 17px;
    width: 98%;
    }

    .mee_btn-icon {
    right: 14px;}

.share_ttl{
    font-size: 18px;
    top: -14px; 
}

.note_contents-wrap a{
    font-size: 15px;
}

.apply-block{
padding: 0 10px 10px 10px;
}

.time-wrap {
margin: 55px auto;
padding-bottom: 10px;
}
.apply-wrap {
margin: 40px auto;
}

.entry-wrap{
padding: 40px 0;
}

.time-start {
font-size: 25px;}
.day{
font-size: 38px;
}
.time-start img {
margin: 0 10px;
width: 20px;
}

.week {
padding: 2px 5px;
font-size: 14px;}

.apply-txt{
font-size: 14px;
margin-top: 0;
margin-left: 0;
}

.content_note {
    background-repeat: repeat;
    background-size: auto;
}

.apply-note-list li{
font-size: 14px;
}
}

a.pagetop {
font-family: "Kaisei Opti", sans-serif;
height: 150px;
width: 150px;
position: fixed;
right: 30px;
bottom: 100px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 2;
text-align: center;
color: #fff!important;
padding-bottom: 10px;
font-size: 16px;
font-weight: 500;
text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
background: url(../img/pagetop_bg.png);
background-size: cover;
}

@media (max-width: 540px) {
a.pagetop {
right: 10px;
bottom: 10px;
width: 100px;
height: 100px;
font-size: 13px;
}

}

/* あとで消す　フッター整形 */

.footer {
background: #f5f5f5;
border-top: 1px solid #e6e6eb;
padding: 32px 4vw 12px
}

@media (min-width: 480px) {
.footer {
padding:40px 4vw 24px
}
}

@media (min-width: 1080px) {
.footer {
padding-bottom:32px
}
}

@media (min-width: 1280px) {
.footer {
padding:40px 0 32px
}
}

.footer__inner {
max-width: 1280px;
margin: 0 auto
}

@media (min-width: 768px) {
.footer__description {
display:flex;
align-items: center;
border-bottom: 1px solid #e6e6eb;
padding-bottom: 40px
}
}

.footer__description .logo {
width: 150px;
margin: 0 auto
}

@media (min-width: 768px) {
.footer__description .logo {
width:170px
}
}

@media (min-width: 1080px) {
.footer__description .logo {
width:220px
}
}

.footer__description-text {
margin-top: 16px;
font-size: 10px;
text-align: center
}

@media (min-width: 321px) {
.footer__description-text {
font-size:11px
}
}

@media (min-width: 480px) {
.footer__description-text {
font-size:12px;
}
}

@media (min-width: 768px) {
.footer__description-text {
margin-top:12px;
text-align: left;
padding-left: 16px;
width: calc(100% - 170px)
}
}

@media (min-width: 1080px) {
.footer__description-text {
width:calc(100% - 220px);
padding-left: 32px
}
}

.footer__nav-area {
padding: 24px 0 0
}

@media (min-width: 480px) {
.footer__nav-area {
padding:32px 0 0
}
}

@media (min-width: 1280px) {
.footer__nav-area {
display:flex;
align-items: center;
justify-content: space-between
}
}

.footer .footer-nav {
margin-bottom: 16px
}

@media (min-width: 480px) {
.footer .footer-nav {
margin-bottom:24px
}
}

@media (min-width: 1280px) {
.footer .footer-nav {
margin-bottom:0
}
}

.footer .footer-nav__list {
border-bottom: 1px solid #e6e6eb;
display: flex;
flex-wrap: wrap
}

@media (min-width: 768px) {
.footer .footer-nav__list {
border-bottom:none;
justify-content: center
}
}

.footer .footer-nav__item {
border-top: 1px solid #e6e6eb;
width: 50%;
padding: 6px 0
}

@media (min-width: 768px) {
.footer .footer-nav__item {
width:auto;
border-top: none;
padding: 0
}
}

.footer .footer-nav__item a {
display: block;
text-align: center;
color: #4a4a4a;
font-size: 12px;;
padding: 6px 0
}

@media (min-width: 480px) {
.footer .footer-nav__item a {
font-size:14px
}
}

@media (min-width: 768px) {
.footer .footer-nav__item a {
padding:0;
text-align: left;
display: flex;
align-items: center
}

.footer .footer-nav__item a:before {
content: "";
display: block;
width: 1px;
height: 12px;
background: #d2d2d6;
margin-left: 20px;
margin-right: 20px
}
}

@media (min-width: 768px) {
.footer .footer-nav__item:first-child a:before {
content:none
}
}

.footer .footer-nav__item:nth-child(odd) a {
border-right: 1px solid #e6e6eb
}

@media (min-width: 768px) {
.footer .footer-nav__item:nth-child(odd) a {
border-right:none
}
}

@media (min-width: 768px) {
.footer .footer-sub-nav {
display:flex;
justify-content: center
}
}

.footer .footer-sub-nav__list {
display: flex;
flex-wrap: wrap;
justify-content: center
}

.footer .footer-sub-nav__list:first-of-type .footer-sub-nav__item:first-child a:before {
content: none
}

.footer .footer-sub-nav__item a {
font-size: 11px;
color: #4a4a4a;
padding: 4px 0;
display: flex;
align-items: center
}

@media (min-width: 480px) {
.footer .footer-sub-nav__item a {
font-size:12px;
}
}

@media (min-width: 768px) {
.footer .footer-sub-nav__item a {
padding:0
}
}

.footer .footer-sub-nav__item a:before {
content: "";
display: block;
width: 1px;
height: 12px;
background: #d2d2d6;
margin-left: 16px;
margin-right: 16px
}

.footer .footer-sub-nav__item:first-child a:before {
content: none
}

@media (min-width: 768px) {
.footer .footer-sub-nav__item:first-child a:before {
content:"";
display: block;
width: 1px;
height: 12px;
background: #d2d2d6;
margin-left: 16px;
margin-right: 16px
}
}

.footer__bottom-area {
border-top: 1px solid #e6e6eb;
margin-top: 20px;
padding-top: 24px
}

@media (min-width: 480px) {
.footer__bottom-area {
margin-top:24px;
padding-top: 20px
}
}

@media (min-width: 768px) {
.footer__bottom-area {
margin-top:32px;
padding-top: 24px
}
}

@media (min-width: 1080px) {
.footer__bottom-area {
display:flex;
align-items: center;
justify-content: space-between
}
}

.footer .editor-dep {
width: 280px;
margin: 0 auto
}

@media (min-width: 480px) {
.footer .editor-dep {
width:auto;
display: flex;
justify-content: center
}
}

@media (min-width: 1080px) {
.footer .editor-dep {
display:block;
margin: 0
}
}

.footer .editor-dep__list {
display: flex;
flex-wrap: wrap;
align-items: center
}

@media (min-width: 480px) {
.footer .editor-dep__list {
justify-content:center
}
}

@media (min-width: 1080px) {
.footer .editor-dep__list {
justify-content:flex-start
}
}

.footer .editor-dep__item {
width: 33.3%;
margin-top: 24px
}

.footer .editor-dep__item:first-child,.footer .editor-dep__item:nth-child(2),.footer .editor-dep__item:nth-child(3) {
margin-top: 0
}

@media (min-width: 480px) {
.footer .editor-dep__item {
width:auto;
margin-right: 24px;
margin-top: 8px;
margin-bottom: 8px
}

.footer .editor-dep__item:first-child,.footer .editor-dep__item:nth-child(2),.footer .editor-dep__item:nth-child(3) {
margin-top: 8px
}

.footer .editor-dep__item:last-child {
margin-right: 0
}
}

.footer .editor-dep__item a {
display: block
}

.footer .editor-dep__item a img {
margin: 0 auto;
display: block
}

.footer .editor-dep__item--ribon a img {
height: 18px
}

@media (min-width: 768px) {
.footer .editor-dep__item--ribon a img {
height:20px
}
}

.footer .editor-dep__item--margaret a img {
height: 18px
}

@media (min-width: 768px) {
.footer .editor-dep__item--margaret a img {
height:20px
}
}

.footer .editor-dep__item--betsuma a img {
height: 18px
}

@media (min-width: 768px) {
.footer .editor-dep__item--betsuma a img {
height:20px
}
}

.footer .editor-dep__item--cookie a img {
height: 16px
}

@media (min-width: 768px) {
.footer .editor-dep__item--cookie a img {
height:18px
}
}

.footer .editor-dep__item--cocohana a img {
height: 20px
}

@media (min-width: 768px) {
.footer .editor-dep__item--cocohana a img {
height:22px
}
}

.footer .editor-dep__item--mangamee a img {
height: 20px
}

@media (min-width: 768px) {
.footer .editor-dep__item--mangamee a img {
height:22px
}
}

.footer .editor-dep__item--degima a img {
height: 18px
}

@media (min-width: 768px) {
.footer .editor-dep__item--degima a img {
height:20px
}
}

.footer .editor-dep__item--kimikoi a img {
height: 18px
}

@media (min-width: 768px) {
.footer .editor-dep__item--kimikoi a img {
height:20px
}
}

@media (min-width: 480px) and (min-width:768px) {
.footer .editor-dep__item {
margin-right:32px
}

.footer .editor-dep__item:last-child {
margin-right: 0
}
}

@media (min-width: 480px) and (min-width:1080px) {
.footer .editor-dep__item {
margin-right:40px
}

.footer .editor-dep__item:last-child {
margin-right: 0
}
}

.footer .copyright {
text-align: center;
margin-top: 20px;
line-height: 1
}

@media (min-width: 480px) {
.footer .copyright {
margin-top:16px
}
}

@media (min-width: 768px) {
.footer .copyright {
margin-top:22px
}
}

@media (min-width: 1080px) {
.footer .copyright {
text-align:right;
margin-top: 0;
flex-shrink: 0;
padding-left: 40px
}
}

.footer .copyright small {
font-size: 10px;
color: #9b9b9b
}

@media (min-width: 480px) {
.footer .copyright small {
font-size:11px
}
}

.l_content-bottom {
    margin-top: 0;
}

@media (min-width: 768px) {
    .l_content-bottom {
        margin-top: 0;
    }

a.pagetop {
    height: 120px;
    width: 120px;}
}

.category_ttl img{
    max-height: 112px;
}

/* meeborder */

.pcborder{display: block;}
.tabletborder{display: none;}
.spborder{display: none;}

@media (max-width: 1024px) {
.pcborder{display: none;}
.tabletborder{display: block;}
.spborder{display: none;}
}

@media (max-width: 540px) {
.pcborder{display: none;}
.tabletborder{display: none;}
.spborder{display: block;}
}