@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body.logged-in .header-in {margin-top: 0;}
.nav2{display:none;}
.header-bx{display:flex;flex-direction:column;}
.h1-header{font-size:55%;padding:0 1em;font-weight:normal;}
header .sp_nav {text-align: center;}
.sidemenu {height: 100vh;padding-top: 100px;position: fixed;right: -30%;transition: all 0.6s;top: 0;width: 30%;z-index: 2;background-color: #fff;}
.sidemenu nav ul{padding-left:0;}
.sidemenu nav ul li {padding:5px 0;list-style:none;}
.hamburger {cursor: pointer;height: 60px;position: absolute;right:20px;top:20px;width: 60px;z-index: 3;}
.hamburger span {background-color: #000;height:3px;left: 15px;position: absolute; transition: all 0.6s;width: 30px;}
.hamburger_linetop {top: 20px;}
.hamburger_linecenter { top: 29px;}
.hamburger_linebottom {top: 38px;}
.nav_open .sidemenu {right: 0;}
.nav_open .hamburger_linetop {top: 26px;transform: rotate(45deg);}
.nav_open .hamburger_linecenter {left: 50%;width: 0;}
.nav_open .hamburger_linebottom { top: 26px;transform: rotate(-45deg);}
.nav_open .overlay {opacity: 0.8;visibility: visible;}
.overlay {background-color: #000; cursor: pointer;height: 100vh;left: 0;opacity: 0; position: fixed; top: 0;transition: all 0.6s;visibility: hidden;width: 100vw; z-index: 1;}
.sidemenu nav ul li a {position: relative;display:inline-block;text-decoration: none;color:#000;transition:0.7s;}
.sp_nav ul li a:hover {opacity:0.7;}
.slide-arrow .prev-arrow .slick-arrow{display:none;}
.sp-br{display:none;}
.menu-btn a{text-decoration:none;color:#fff;transition:0.7s;background:#e95388;border-radius:30px;padding:15px 40px;border:solid 1px #e95388;}
.menu-btn a:hover{background:#fff;color:#e95388;border:solid 1px #e95388;}
.menu-btn{text-align:center;margin-top:50px;}

.login-btn a{text-decoration:none;color:#27acd9;transition:0.7s}
.login-btn a:hover{opacity:0.7;}
.login-btn{text-align:center;margin-top:50px;}

.header-in{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin:auto;position:fixed;z-index:10;top:0;background:#fff;height:100px;}
.logo-area{display:flex;flex-direction:row;align-items:center;width:100%;color:#e95388;}
.logo-text a{color:#e95388;}
.logo-text{padding:0;}
.contact-area{display:flex;flex-direction:row;justify-content:flex-end;width:60%;align-items:center;}
.sns-btn img {width:50%;}
.sns-btn a{transition:0.7s;}
.sns-btn a:hover{opacity:0.5;}
.contact-btn a{text-decoration:none;color:#fff;transition:0.7s;background:#e95388;border-radius:30px;padding:15px 40px;border:solid 1px #e95388;}
.contact-btn a:hover{background:#fff;color:#e95388;border:solid 1px #e95388;}
body{background:#fff;}
main#main.main{padding:0;border:0;}
.content{margin-top:0;}
.content-in{width:100%;margin-top:100px;}
.fv{justify-content:flex-end;display:flex;}
.logo-tp{position:absolute;left:0;top:50px;z-index:2;}
.logo-tp img{width:30%;}
.fv-img{position:relative;text-align:right;}
.fv-img img{width:90%;}
.fv-img-m{display:none;}
#news{background:#e95388;padding:150px 0;position:relative;top:-100px;z-index:-1;}
.inner-blog{width:60%;margin:auto;}
.blog-bx{display:flex;flex-direction:row;justify-content:space-between;}
.h2-news{font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;color:#fff;font-size:200%;}
.blog-list{color:#fff;width:80%;}
.t-list a{color:#fff;}
.t-list {border-bottom:solid 1px #fff;padding:10px 0;}
.t-list:first-child {border-top:solid 1px #fff;}
.more-btn{text-align:right;margin-top:100px;}
.more-btn a{text-decoration:none;color:#fff;border:solid 1px #fff;border-radius:30px;padding:10px 40px;transition:0.7s;}
.more-btn a:hover{background:#fff;color:#e95388;}
.right{padding-left:20px;}
#about{padding:100px 0;position:relative;}
.about-bx{display:flex;}
.inner{width:80%;margin:auto;}
.about-img{width:50%;}
.about-txt{width:40%;padding:0 20px;}
.h2-about{color:#e95388;writing-mode: vertical-rl;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;font-size:200%;}
.h2-about-ttl{color:#e95388;margin-bottom:30px;}
.about-btn{text-align:center;margin-top:50px;}
.about-btn a{text-decoration:none;color:#e95388;border:solid 1px #e95388;;border-radius:30px;padding:10px 40px;transition:0.7s;}
.about-btn a:hover{background:#e95388;color:#fff;}
#course{background:#e95388;padding:100px 0;position:relative;}
.course-bx{display:flex;flex-direction:row;justify-content:space-between;}
.h2-course{color:#fff;writing-mode: vertical-rl;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;font-size:200%;}
.course-img{width:85%;}
.course-ctt{margin-top:50px;}
.h3-course{text-align:center;color:#fff;font-weight:normal;}
.course-txt{margin:50px 0;display:flex;flex-direction:row;justify-content:space-between;}
.three-bx{width:30%;color:#fff;}
.h4-bx{text-align:center;margin-bottom:30px;}
.h4-course{color:#fff;border-bottom:solid 1px #fff;display:inline-block;}
.course-btn{text-align:center;margin-top:50px;}
.course-btn a{text-decoration:none;color:#fff;border:solid 1px #fff;border-radius:30px;padding:10px 40px;transition:0.7s;}
.course-btn a:hover{background:#fff;color:#e95388;}
#diary{padding:100px 0;position:relative;}
.h2-diary{text-align:center;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;font-size:200%;color:#e95388;}
.h2-diary-ttl{text-align:center;color:#e95388;margin-bottom:50px;}
.diary-list{color:#e95388;;width:80%;margin:auto;margin-top:50px;}
.d-list a{color:#e95388;;}
.d-list {border-bottom:solid 1px #e95388;;padding:10px 0;}
.d-more-btn{text-align:center;margin-top:100px;}
.d-more-btn a{text-decoration:none;color:#e95388;border:solid 1px #e95388;border-radius:30px;padding:10px 40px;transition:0.7s;}
.d-more-btn a:hover{background:#e95388;color:#fff;}
#interview{padding:100px 0;position:relative;background:url(img/interview-bg.png);background-repeat:repeat;}
.interview-bx{display:flex;flex-direction:row;justify-content:space-between;}
.ttl-bx{width:20%;}
.i-list{display:flex;flex-direction:row;justify-content:space-between;border-bottom:solid 1px #000;padding:30px 0;}
.list-img{width:35%;height:250px;}
.list-img img{width:100%;height:100%;object-fit:cover;}
.i-new{color:#000;width:60%;}
.i-new a{color:#000;}
.interview-list{color:#fff;width:70%;}
.i-more-btn{text-align:right;margin-top:100px;}
.i-more-btn a{text-decoration:none;color:#e95388;border:solid 1px #e95388;border-radius:30px;padding:10px 40px;transition:0.7s;}
.i-more-btn a:hover{background:#e95388;color:#fff;}
#classroom{background:#e95388;padding:100px 0;position:relative;}
.slider-ele{margin:0 20px;}
.slider-ele a{color:#fff;text-decoration:none;}
.slider-ele img{height:300px;width:100%;object-fit: cover;}
.h2-classroom{text-align:center;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;font-size:200%;color:#fff;}
.h2-classroom-ttl{text-align:center;color:#fff;margin-bottom:50px;}
.cr-more-btn{text-align:center;margin-top:100px;}
.cr-more-btn a{text-decoration:none;color:#fff;border:solid 1px #fff;border-radius:30px;padding:10px 40px;transition:0.7s;}
.cr-more-btn a:hover{background:#fff;color:#e95388;}
#insta{padding:100px 0;position:relative;}
.h2-insta{text-align:center;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;font-size:200%;color:#e95388;}
.h2-insta-ttl{text-align:center;color:#e95388;margin-bottom:50px;}
.footer-ctt{display:flex;flex-direction:row;justify-content:space-between;width:80%;margin:auto;align-items:center;margin-top:50px;margin-bottom:50px;}
.footer-logo{width:20%;}
.footer-logo img{width:50%;}
.footer-address{width:40%;text-align:left;}
.footer-contact{width:40%;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;}
.footer-sns img {width:50%;}
.footer-sns a{transition:0.7s;}
.footer-sns a:hover{opacity:0.5;}
.footer-contact-btn a{text-decoration:none;color:#fff!important;transition:0.7s;background:#e95388;border-radius:30px;padding:15px 40px;border:solid 1px #fff;}
.footer-contact-btn a:hover{background:#fff;color:#e95388!important;border:solid 1px #fff;}

/*下層共通*/
body:not(.home) .content-in{margin-top:0!important;}
body:not(.home)  .header-in{background:#e95388;}
body:not(.home)  .logo-text a{color:#fff;}
body:not(.home)  .contact-btn a{text-decoration:none;color:#e95388;transition:0.7s;background:#fff;border-radius:30px;padding:15px 40px;border:solid 1px #fff;}
body:not(.home)  .contact-btn a:hover{background:#e95388;color:#fff;border:solid 1px #fff;}
body:not(.home)  .tagline{color:#fff;}
body:not(.home)  .openbtn1 span{background-color:#fff;}
body:not(.home)  .openbtn1.active span:nth-of-type(1) {background:#e95388}
body:not(.home)  .openbtn1.active span:nth-of-type(2) {background:#e95388}
body:not(.home)  .openbtn1.active span:nth-of-type(3){background:#e95388}
.category .header-in{background:#e95388;}
.category .logo-text a{color:#fff;}
.category .contact-btn a{text-decoration:none;color:#e95388;transition:0.7s;background:#fff;border-radius:30px;padding:15px 40px;border:solid 1px #fff;}
.category .contact-btn a:hover{background:#e95388;color:#fff;border:solid 1px #fff;}
.category .tagline{color:#fff;}
.category .openbtn1 span{background-color:#fff;}
.category .openbtn1.active span:nth-of-type(1) {background:#e95388}
.category .openbtn1.active span:nth-of-type(2) {background:#e95388}
.category .openbtn1.active span:nth-of-type(3){background:#e95388}
.single .header-in{background:#e95388;}
.single .logo-text a{color:#fff;}
.single .contact-btn a{text-decoration:none;color:#e95388;transition:0.7s;background:#fff;border-radius:30px;padding:15px 40px;border:solid 1px #fff;}
.single .contact-btn a:hover{background:#e95388;color:#fff;border:solid 1px #fff;}
.single .tagline{color:#fff;}
.single .openbtn1 span{background-color:#fff;}
.single .openbtn1.active span:nth-of-type(1) {background:#e95388}
.single .openbtn1.active span:nth-of-type(2) {background:#e95388}
.single .openbtn1.active span:nth-of-type(3){background:#e95388}
.under-top{position:relative;background:#e95388;padding:150px 0;}
.under-h1-bx{position: absolute;bottom:0;width:100%;}
.under-inner{margin:auto;padding-top:50px;padding-bottom:100px;width:70%;}
.under-ctt {margin:50px 0;}
.h3-under {color:#e95388;margin-bottom:30px;}
.h2-under{margin-bottom:30px; position: relative;padding: 1rem .5rem;}
.h2-under:after{position: absolute;bottom: 0;left: 0;width: 100%;height: 5px;content: '';background-image: -webkit-gradient(linear, left top, right top, from(#e95388), to(#FFFFA6));background-image: -webkit-linear-gradient(left, #e95388 0%, #FFFFA6 100%);background-image: linear-gradient(to right, #e95388 0%, #fFFFFA6 100%);}
.under-txt {margin:30px 0;}

.entry-title, .archive-title {color:#fff;text-align:left;width:70%;margin:auto;font-size: 2em;margin-bottom: 0.67em;}
.under-img { width: 100%;display:flex;}
.under-img img{width:100%;height:auto;object-fit: cover;}
.under-img-flex{display:flex;flex-direction:row;justify-content:space-between;}
.under-img-flex div{width:50%;}
.under-img-flex img{width:100%;height:100%;object-fit: cover;}

/*contact*/
.h1-contact{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-contact:before{content:"Contact";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.breadcrumb {margin-bottom:20px;}
.table-contact th{border:none;background:transparent;display:block;width:100%;text-align:left;}
.table-contact th p{margin-bottom:0;}
.table-contact td p{margin-bottom:0;}
.table-contact td{border:none;background:transparent;display:block;width:100%;}
table tr:nth-of-type(2n+1) {background:transparent;}
.must{background:#e95388;font-size:80%;margin-left:10px;padding:5px;border-radius:5px;color:#fff;}
.c-button{text-align:center;}
input[type='submit'] {color:#fff;text-decoration:none;background:#e95388;width:180px;display:inline-block;padding:10px;border:solid 1px #e95388;height:40px;border-radius:20px;}
input[type='submit']:hover{background:#fff;border:solid 1px #e95388;color:#e95388;transition-duration: .7s;}
.wpcf7-spinner {display:none;}

/*diary*/
.h1-diary{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-diary:before{content:"Diary";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.archive .diary-list{width:100%;}
.pagination{margin-top:100px;}
.pagination .current {background:#e95388;color:#fff;}

/*interview*/
.h1-interview{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-interview:before{content:"Interview";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

/*about*/
.h1-about{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-about:before{content:"About";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.address{font-weight:bold;color:#e95388;}
.table-about th{width:20%;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #e95388;background:transparent;}
.table-about td{width:80%;border-top:none;border-left:none;border-right:none;border-bottom:solid 1px #e95388;background:transparent;}
.logo-img img{width:30%;}
.logo-img {text-align:center;}

/*question*/
.h1-question{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-question:before{content:"Question";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

/*member*/
.h1-member{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-member:before{content:"Member";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.col-md-10{width:80%;}
.menberbox{font-size:90%;border:solid 1px #e95388;padding:10px;}
.col-md-2 {width:16%;}
.img-circle {border-radius: 50%;}
.marua{color:#e95388;margin-right:10px;}
.member-bx{margin-top:50px;}
.member-ctt{margin:30px 0 50px 0;}
.box {background-color: #f3f3f3;padding: 10px;}

/*text*/
.h1-text{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-text:before{content:"Text";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.text-img{display:flex;flex-direction:row;justify-content:space-between;}
.text-img img{width:50%;}
.text-img2 img{width:100%;}
.text-img3{display:flex;flex-direction:row;justify-content:space-between;}
.text-img3 img{width:50%;}

/*room*/
.h1-room{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-room:before{content:"Classroom";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.room-bx{display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.room-ctt{width:32%;}
.room-ctt a{text-decoration:none;color:#000;}
.room-bx{margin-top:50px;}
.room-table{margin-bottom:50px;}
.room-table th{width:33%;background:transparent;text-align:left;}
.room-table a{color:#5084bf;text-decoration:none;}
.td-address{width:50%;}
.td-tel{width:17%;}
.th-head{background:#ededed!important;text-align:center!important;}
.table-school{margin:50px 0;}
.r-more-btn{text-align:center;margin:30px 0 100px 0;}
.r-more-btn a{text-decoration:none;color:#e95388;border:solid 1px #e95388;border-radius:30px;padding:10px 40px;transition:0.7s;}
.r-more-btn a:hover{background:#e95388;color:#fff;}
.table-bx{margin:50px 0;}

/*lesson*/
.h1-lesson{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-lesson:before{content:"Lesson";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.h3-lesson{color:#e95388;font-size:100%;}
.lesson-ctt{width:48%;padding:15px 50px;border:solid 1px #e95388;background:rgb(255,202,234,0.1);}
.lesson-ctt2{width:48%;padding:15px 50px;border:solid 1px #ffd400;background:rgb(255,255,166,0.3);}
.ctt-bx{display:flex;flex-direction:row;justify-content:space-between;height:380px;margin-bottom:50px;}
.ctt-bx2{display:flex;flex-direction:row;justify-content:space-between;height:380px;margin-bottom:50px;}
.ctt-img{width:48%;height:380px;}
.ctt-img img{object-fit:cover;height:100%;width:100%;}
.ctt{margin-bottom:10px;font-size:80%;}
.c-more-btn{text-align:center;margin:50px 0 30px 0;}
.c-more-btn a{text-decoration:none;color:#fff;background:#e95388;border:solid 1px #e95388;border-radius:30px;padding:10px 40px;transition:0.7s;}
.c-more-btn a:hover{background:#fff;color:#e95388;}



/*lecture*/
.h1-lecture{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-lecture:before{content:"Lecture";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}

/*teacher*/
.h1-teacher{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-teacher:before{content:"Teacher";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.stepbar {margin:0 auto;width:90%;}
.stepbar .stepbarwrap {margin:2em 0;position: relative;}
.stepbar .stepbarwrap .steptitle {display:inline-flex;align-items: center;}
.stepbar .stepbarwrap .steptitle .stepcircle {display: inline-block;width: 3em;height: 3em;content: "";border-radius: 50%;background-color: #EF7F42;color: #fff;text-align: center;}
.stepbar .stepbarwrap .steptitle .stepcircle span {display: inline-block;line-height: 1.2em;font-size: 0.8em;font-weight:bold;position:relative;top:0.9em;}
.stepbar .stepbarwrap .steptitle .title {margin:0.5em;font-weight: bold;font-size:1.2em;}
.stepbar .stepbarwrap .steptxt {padding-left:3.5em;}
.stepbar .stepbarwrap .steptxt .txt {font-size: 0.9em;}
.stepbar .stepbarwrap .stepline {width: 1px;height: calc(100% + 2em);background-color: #EF7F42;position: absolute;top:1em;left:1.5em;z-index: -1;}
.stepbarwrap:last-of-type .stepline:last-of-type {display: none;}
.lesson-ctt3{width:48%;padding:25px 20px;border:solid 1px #e95388;background:rgb(255,202,234,0.1);}

/*mom*/
.h1-mom{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-mom:before{content:"Mom-Teacher";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.mom-img{width:50%;margin:auto;}
.mom-flex-img{width:80%;margin:auto;display:flex;flex-direction:row;justify-content:space-between;}
.mom-flex-img div{width:40%;}

/*news*/
.h1-news{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-news:before{content:"News";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.catn{border-radius:10px;border:solid 1px #fff;background:#fff;color:#e95388;font-size:70%;padding:5px 10px 3px 10px;margin-left:10px;}
.archive .catn{border-radius:10px;border:solid 1px #e95388;background:#e95388;color:#fff;font-size:70%;padding:5px 10px 3px 10px;margin-left:10px;}

/*schedule*/
.h1-schedule{color:#fff;text-align:left;width:70%;margin:auto;}
.h1-schedule:before{content:"Schedule";display:block;font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
.lecture-content{margin-bottom:50px;}
.date-bx{margin-bottom:50px;background-color: #f3f3f3;padding:20px;}
.s-more-btn{text-align:center;margin:30px 0;}
.s-more-btn a{text-decoration:none;color:#fff;background:#e95388;border:solid 1px #e95388;border-radius:30px;padding:10px 40px;transition:0.7s;}
.s-more-btn a:hover{background:#fff;color:#e95388;}

.g-bx{text-align:center;margin-bottom:100px;}
.g-form-btn{text-decoration:none;color:#fff;background:#e95388;border:solid 1px #e95388;border-radius:30px;padding:10px 40px;transition:0.7s;}
.g-form-btn:hover{background:#fff;border:solid 1px #e95388;color:#e95388;transition-duration: .7s;}


/* メンバープロフィール基本スタイル */
.member-profile{display:flex;gap:2rem;max-width:1200px;margin:0 auto;}
.member-left{flex:0 0 300px;text-align:center;}
.member-right{flex:1;}
/* 画像スタイル */
.member-image img{width:250px;height:250px;border-radius:50%;object-fit:cover;margin-bottom:1.5rem;}
/* SNSアイコン */
.member-social{display:flex;justify-content:center;gap:1rem;margin-top:1rem;}
.member-social a{display:inline-block;transition:transform 0.2s ease;}
.member-social a:hover{transform:scale(1.1);}
/* 名前と肩書 */
.member-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:0.5rem;}
.member-name{font-size:2rem;font-weight:bold;color:#1e293b;margin:0;}
.member-main-position{font-size:1.25rem;color:#64748b;}
.member-sub-position{font-size:1.125rem;color:#64748b;margin:0 0 1.5rem 0;}
/* 外部リンク */
.member-external-links{margin-bottom:2rem;}
.member-external-links h3{font-size:1.125rem;font-weight:bold;color:#374151;margin-bottom:0.75rem;}
.external-link{display:inline-flex;align-items:center;gap:0.5rem;color:#3b82f6;text-decoration:none;margin-right:1.5rem;margin-bottom:0.5rem;font-size:1rem;transition:color 0.2s ease;}
.external-link:hover{color:#1d4ed8;text-decoration:underline;}
/* 略歴・メッセージセクション */
.member-biography,.member-message{margin-bottom:2rem;}
.member-biography h3,.member-message h3{font-size:1.25rem;font-weight:bold;color:#374151;margin-bottom:1rem;border-bottom:2px solid #f3f4f6;padding-bottom:0.5rem;}
.member-biography div,.member-message div{line-height:1.7;color:#6b7280;}
/* ページネーション */
.member-navigation{display:flex;align-items:center;justify-content:space-between;margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb;gap:1rem;}
.nav-item{flex:1;}
.nav-item.back-to-list{flex:0 0 auto;text-align:center;}
.nav-item.next-member{text-align:right;}
.nav-item a{display:block;text-decoration:none;color:inherit;padding:1rem;border:1px solid #e5e7eb;border-radius:8px;transition:all 0.2s ease;}
.nav-item a:hover{border-color:#3b82f6;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.nav-label{font-size:0.875rem;color:#6b7280;display:block;margin-bottom:0.5rem;}
.nav-info{display:flex;align-items:center;gap:1rem;}
.next-member .nav-info{flex-direction:row-reverse;}
.nav-image img{width:50px;height:50px;border-radius:50%;object-fit:cover;}
.nav-text h4{margin:0;font-size:1rem;font-weight:bold;color:#1e293b;}
.nav-text p{margin:0.25rem 0 0 0;font-size:0.875rem;color:#64748b;}
.back-to-list a{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 1.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:0.875rem;color:#64748b;min-width:120px;}
.back-to-list a:hover{background:#f1f5f9;border-color:#cbd5e1;}
/* レスポンシブ対応 */
@media (max-width:768px){
.member-profile{flex-direction:column;gap:1.5rem;}
.member-left{flex:none;}
.member-image img{width:200px;height:200px;}
.member-header{flex-direction:column;text-align:center;gap:0.5rem;}
.member-name{text-align:center;}
.member-main-position{text-align:center;}
.member-sub-position{text-align:center;}
.external-link{display:block;margin-bottom:0.75rem;text-align:center;}
.member-navigation{flex-direction:column;gap:1rem;}
.nav-item{width:100%;text-align:center;}
.nav-item.next-member{text-align:center;}
.next-member .nav-info{flex-direction:row;}
}
/* アーカイブページ用のスタイル */
.archive-header{text-align:center;margin-bottom:3rem;padding:2rem 0;}
.archive-title{font-size:2.5rem;font-weight:bold;color:#1e293b;margin-bottom:1rem;}
.archive-description{font-size:1.125rem;color:#6b7280;max-width:600px;margin:0 auto;}
.member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0;}
.member-card{border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center;transition:transform 0.2s ease,box-shadow 0.2s ease;background:white;display:flex;flex-direction:column;height:100%;}
.member-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,0.1);}
.member-card-image-wrapper{height:140px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;}
.member-card-image img{width:120px;height:120px;border-radius:50%;object-fit:cover;}
.member-placeholder{width:120px;height:120px;border-radius:50%;background:#f1f5f9;border:2px solid #cbd5e1;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:14px;}
.member-card-content{flex:1;display:flex;flex-direction:column;}
.member-card-name{margin:0 0 0.5rem 0;font-size:1.25rem;}
.member-card-name a{color:#1e293b;text-decoration:none;transition:color 0.2s ease;}
.member-card-name a:hover{color:#3b82f6;}
.member-card-position{margin:0 0 1rem 0;color:#64748b;min-height:1.5em;}
.member-card-social{display:flex;justify-content:center;gap:0.75rem;margin-bottom:1.5rem;min-height:32px;align-items:center;}
.member-card-social a{transition:transform 0.2s ease;}
.member-card-social a:hover{transform:scale(1.1);}
.member-card-link{display:inline-block;padding:0.5rem 1rem;background:#3b82f6;color:white;text-decoration:none;border-radius:6px;font-size:0.875rem;transition:background 0.2s ease;margin-top:auto;}
.member-card-link:hover{background:#2563eb;}
.no-member{text-align:center;padding:4rem 2rem;color:#6b7280;}
.no-member h2{color:#374151;margin-bottom:1rem;}
.navigation.pagination{margin-top:3rem;text-align:center;}
.page-numbers{display:flex;padding:0.5rem;margin:0 0.25rem;border:1px solid #e5e7eb;border-radius:6px;color:#374151;text-decoration:none;transition:all 0.2s ease;align-items:center;justify-content:center;}
.page-numbers:hover,.page-numbers.current{background:#3b82f6;color:white;border-color:#3b82f6;}

@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400&display=swap');
.post-type-archive-member_notice {font-family: 'Zen Maru Gothic', sans-serif;}
.post-type-archive-member_notice .under-top{background:#27acd9;}
.post-type-archive-member_notice .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.post-type-archive-member_notice .contact-area {display:none;}
.post-type-archive-member_notice #footer {background:#27acd9;}
.post-type-archive-member_notice .footer-contact{display:none;}
.post-type-archive-member_notice .footer-ctt {justify-content: center;}
.post-type-archive-member_notice .nav1{display:none;}
.post-type-archive-member_notice .nav2{display:block;}
.post-type-archive-member_notice ol {padding-left: 20px;}
.post-type-archive-member_notice ul {padding-left: 20px;}

.page-id-3453 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3453 .under-top{background:#27acd9!important;}
.page-id-3453 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3453 .contact-area {display:none!important;}
.page-id-3453 #footer {background:#27acd9;}
.page-id-3453 .footer-contact{display:none;}
.page-id-3453 .footer-ctt {justify-content: center;}
.page-id-3453 .nav1{display:none;}
.page-id-3453 .nav2{display:block;}
.page-id-3453 ol {padding-left: 20px;}
.page-id-3453 ul {padding-left: 20px;}

.single-member_notice {font-family: 'Zen Maru Gothic', sans-serif;}
.single-member_notice .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.single-member_notice .contact-area {display:none!important;}
.single-member_notice #footer {background:#27acd9;}
.single-member_notice .footer-contact{display:none;}
.single-member_notice .footer-ctt {justify-content: center;}
.single-member_notice .nav1{display:none;}
.single-member_notice .nav2{display:block;}
.single-member_notice ol {padding-left: 20px;}
.single-member_notice ul {padding-left: 20px;}

.page-id-3443 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3443 .under-top{background:#27acd9;}
.page-id-3443 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3443 .contact-area {display:none;}
.page-id-3443 #footer {background:#27acd9;}
.page-id-3443 .footer-contact{display:none;}
.page-id-3443 .footer-ctt {justify-content: center;}
.page-id-3443 .nav1{display:none;}
.page-id-3443 .nav2{display:block;}
.page-id-3443 ol {padding-left: 20px;}
.page-id-3443 ul {padding-left: 20px;}


.page-id-3470 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3470 .under-top{background:#27acd9;}
.page-id-3470 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3470 .contact-area {display:none;}
.page-id-3470 #footer {background:#27acd9;}
.page-id-3470 .footer-contact{display:none;}
.page-id-3470 .footer-ctt {justify-content: center;}
.page-id-3470 .nav1{display:none;}
.page-id-3470 .nav2{display:block;}
.page-id-3470 ol {padding-left: 20px;}
.page-id-3470 ul {padding-left: 20px;}

.page-id-3475 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3475 .under-top{background:#27acd9;}
.page-id-3475 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3475 .contact-area {display:none;}
.page-id-3475 #footer {background:#27acd9;}
.page-id-3475 .footer-contact{display:none;}
.page-id-3475 .footer-ctt {justify-content: center;}
.page-id-3475 .nav1{display:none;}
.page-id-3475 .nav2{display:block;}
.page-id-3475 ol {padding-left: 20px;}
.page-id-3475 ul {padding-left: 20px;}

.page-id-3472 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3472 .under-top{background:#27acd9;}
.page-id-3472 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3472 .contact-area {display:none;}
.page-id-3472 #footer {background:#27acd9;}
.page-id-3472 .footer-contact{display:none;}
.page-id-3472 .footer-ctt {justify-content: center;}
.page-id-3472 .nav1{display:none;}
.page-id-3472 .nav2{display:block;}
.page-id-3472 ol {padding-left: 20px;}
.page-id-3472 ul {padding-left: 20px;}

.page-id-3479 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3479 .under-top{background:#27acd9;}
.page-id-3479 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3479 .contact-area {display:none;}
.page-id-3479 #footer {background:#27acd9;}
.page-id-3479 .footer-contact{display:none;}
.page-id-3479 .footer-ctt {justify-content: center;}
.page-id-3479 .nav1{display:none;}
.page-id-3479 .nav2{display:block;}
.page-id-3479 ol {padding-left: 20px;}
.page-id-3479 ul {padding-left: 20px;}

.page-id-3481 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3481 .under-top{background:#27acd9;}
.page-id-3481 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3481 .contact-area {display:none;}
.page-id-3481 #footer {background:#27acd9;}
.page-id-3481 .footer-contact{display:none;}
.page-id-3481 .footer-ctt {justify-content: center;}
.page-id-3481 .nav1{display:none;}
.page-id-3481 .nav2{display:block;}
.page-id-3481 ol {padding-left: 20px;}
.page-id-3481 ul {padding-left: 20px;}

.page-id-3484 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3484 .under-top{background:#27acd9;}
.page-id-3484 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3484 .contact-area {display:none;}
.page-id-3484 #footer {background:#27acd9;}
.page-id-3484 .footer-contact{display:none;}
.page-id-3484 .footer-ctt {justify-content: center;}
.page-id-3484 .nav1{display:none;}
.page-id-3484 .nav2{display:block;}
.page-id-3484 ol {padding-left: 20px;}
.page-id-3484 ul {padding-left: 20px;}

.page-id-3486 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3486 .under-top{background:#27acd9;}
.page-id-3486 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3486 .contact-area {display:none;}
.page-id-3486 #footer {background:#27acd9;}
.page-id-3486 .footer-contact{display:none;}
.page-id-3486 .footer-ctt {justify-content: center;}
.page-id-3486 .nav1{display:none;}
.page-id-3486 .nav2{display:block;}
.page-id-3486 ol {padding-left: 20px;}
.page-id-3486 ul {padding-left: 20px;}

.page-id-3488 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3488 .under-top{background:#27acd9;}
.page-id-3488 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3488 .contact-area {display:none;}
.page-id-3488 #footer {background:#27acd9;}
.page-id-3488 .footer-contact{display:none;}
.page-id-3488 .footer-ctt {justify-content: center;}
.page-id-3488 .nav1{display:none;}
.page-id-3488 .nav2{display:block;}
.page-id-3488 ol {padding-left: 20px;}
.page-id-3488 ul {padding-left: 20px;}

.page-id-3490 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3490 .under-top{background:#27acd9;}
.page-id-3490 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3490 .contact-area {display:none;}
.page-id-3490 #footer {background:#27acd9;}
.page-id-3490 .footer-contact{display:none;}
.page-id-3490 .footer-ctt {justify-content: center;}
.page-id-3490 .nav1{display:none;}
.page-id-3490 .nav2{display:block;}
.page-id-3490 ol {padding-left: 20px;}
.page-id-3490 ul {padding-left: 20px;}

.page-id-3527 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3527 .under-top{background:#27acd9;}
.page-id-3527 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3527 .contact-area {display:none;}
.page-id-3527 #footer {background:#27acd9;}
.page-id-3527 .footer-contact{display:none;}
.page-id-3527 .footer-ctt {justify-content: center;}
.page-id-3527 .nav1{display:none;}
.page-id-3527 .nav2{display:block;}
.page-id-3527 ol {padding-left: 20px;}
.page-id-3527 ul {padding-left: 20px;}

.page-id-3529 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3529 .under-top{background:#27acd9;}
.page-id-3529 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3529 .contact-area {display:none;}
.page-id-3529 #footer {background:#27acd9;}
.page-id-3529 .footer-contact{display:none;}
.page-id-3529 .footer-ctt {justify-content: center;}
.page-id-3529 .nav1{display:none;}
.page-id-3529 .nav2{display:block;}
.page-id-3529 ol {padding-left: 20px;}
.page-id-3529 ul {padding-left: 20px;}

.page-id-3451 {font-family: 'Zen Maru Gothic', sans-serif;}
.page-id-3451 .under-top{background:#27acd9;}
.page-id-3451 .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-id-3451 .contact-area {display:none;}
.page-id-3451 #footer {background:#27acd9;}
.page-id-3451 .footer-contact{display:none;}
.page-id-3451 .footer-ctt {justify-content: center;}
.page-id-3451 .nav1{display:none;}
.page-id-3451 .nav2{display:block;}
.page-id-3451 ol {padding-left: 20px;}
.page-id-3451 ul {padding-left: 20px;}


.page-template-page-list-php {font-family: 'Zen Maru Gothic', sans-serif;}
.page-template-page-list-php .under-top{background:#27acd9;}
.page-template-page-list-php .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.page-template-page-list-php .contact-area {display:none;}
.page-template-page-list-php #footer {background:#27acd9;}
.page-template-page-list-php .footer-contact{display:none;}
.page-template-page-list-php .footer-ctt {justify-content: center;}
.page-template-page-list-php .nav1{display:none;}
.page-template-page-list-php .nav2{display:block;}
.page-template-page-list-php ol {padding-left: 20px;}
.page-template-page-list-php ul {padding-left: 20px;}

.post-type-archive-member_column {font-family: 'Zen Maru Gothic', sans-serif;}
.post-type-archive-member_column .under-top{background:#27acd9;}
.post-type-archive-member_column .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.post-type-archive-member_column .contact-area {display:none;}
.post-type-archive-member_column #footer {background:#27acd9;}
.post-type-archive-member_column .footer-contact{display:none;}
.post-type-archive-member_column .footer-ctt {justify-content: center;}
.post-type-archive-member_column .nav1{display:none;}
.post-type-archive-member_column .nav2{display:block;}
.post-type-archive-member_column ol {padding-left: 20px;}
.post-type-archive-member_column ul {padding-left: 20px;}

.single-member_column {font-family: 'Zen Maru Gothic', sans-serif;}
.single-member_column .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.single-member_column .contact-area {display:none;}
.single-member_column #footer {background:#27acd9;}
.single-member_column .footer-contact{display:none;}
.single-member_column .footer-ctt {justify-content: center;}
.single-member_column .nav1{display:none;}
.single-member_column .nav2{display:block;}
.single-member_column ol {padding-left: 20px;}
.single-member_column ul {padding-left: 20px;}
.single-member_column h2{position: relative;color: white;background: #27acd9;line-height: 1.4;padding: 0.5em;margin:20px 0;}
.single-member_column h3{border-bottom:dashed 2px #27acd9;color:#27acd9;margin-bottom:20px;}
.single-member_column hr {margin:30px 0;}
.single-member_column .aligncenter{margin-bottom:20px;}
.single-member_column p{margin:20px 0;}
.single-member_column ul li p{margin:10px 0;}

.post-type-archive-movie_archive {font-family: 'Zen Maru Gothic', sans-serif;}
.post-type-archive-movie_archive .header-in {background:#27acd9!important;margin-top:0!important;position:relative;}
.post-type-archive-movie_archive .contact-area {display:none;}
.post-type-archive-movie_archive #footer {background:#27acd9;}
.post-type-archive-movie_archive .footer-contact{display:none;}
.post-type-archive-movie_archive .footer-ctt {justify-content: center;}
.post-type-archive-movie_archive .nav1{display:none;}
.post-type-archive-movie_archive .nav2{display:block;}
.post-type-archive-movie_archive ol {padding-left: 20px;}
.post-type-archive-movie_archive ul {padding-left: 20px;}

.user-info p { margin: 5px 0;font-size: 1.1em;}
.plan-badge { padding: 4px 12px;border-radius: 20px;font-weight: bold;color:#fff;font-size: 1.2vw;}
.plan-tags{display:flex;gap:5px;}
.plan-tag {font-size: 0.8vw;color:#fff;padding: 0.2vw 0.5vw;border-radius: 20px; }
.plan-basic { background: #4CAF50;}
.plan-premium { background: #FF9800;}
.plan-vip { background: #9C27B0;}
.content-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 15px;}
.content-card {background:#27acd9;border-radius: 8px;text-decoration:none;transition:0.7s;}
.content-card:hover{opacity:0.7;}

.card-content ul {margin: 15px 0;padding-left: 20px;}
.card-content li {margin: 8px 0;color: #666;}
.card-actions {margin-top: 20px;}
.btn { display: inline-block;padding: 10px 20px;margin: 5px 10px 5px 0;text-decoration: none;border-radius: 4px;font-weight: bold;text-align: center;transition: all 0.3s ease;}
.btn-primary {background: #007cba;color: white;}
.btn-primary:hover {background: #005a87;color: white;}
.btn-secondary {background: #6c757d;color: white;}
.btn-secondary:hover {background: #545b62;color: white;}
.btn-outline {background: transparent;color: #007cba;border: 2px solid #007cba;}
.btn-outline:hover {background: #007cba;color: white;}
.btn-danger {background: #dc3545;color: white;}
.btn-danger:hover {background: #c82333; color: white;}
.unread-indicator {background: #dc3545;color: white;padding: 4px 12px; border-radius: 20px; font-size: 1.2vw;margin-left: 8px;font-weight:bold;}
.unread-badge {background: #dc3545;color: white;padding: 4px 8px;border-radius: 12px;font-size: 0.8em;font-weight: bold;}
.read-badge{background: #27acd9;color: white;padding: 4px 8px; border-radius: 12px; font-size: 0.8em;font-weight:bold;}
.account-actions {display: flex;flex-wrap: wrap;gap: 10px;}
.content-card h3{padding-top:20px;text-align:center;color:#fff;font-weight:normal;font-size:1.2vw;}
.card-img{text-align:center;color:#fff;}
.card-img{font-size:3.5vw;}
.card-img img{width:30%;}
.h1-under{color:#27acd9;width:70%;margin:auto;padding:50px 0 0 0;}
.h1-under2{color:#27acd9;margin:auto;padding:50px 0 0 0;}
.logout{display:block;text-decoration:none;margin-top:20px;}
.under-ol{margin-top:20px;}
.under-ctt2 {margin:50px 0;display:flex;flex-direction:row;justify-content:space-between;}
.cttl{width:55%;}
.cttr{width:40%;}
.under-ctt2 p{text-align:right;}
.h2-under2 {position: relative;color: white;background: #27acd9;line-height: 1.4;padding: 0.5em 0.5em 0.5em 1.8em;}
.h2-under2:before {font-family: "Font Awesome 5 Free";content: "\f14a";font-weight: 900;position: absolute;left : 0.5em;}
.h3-under2{border-bottom:dashed 2px #27acd9;color:#27acd9;margin-bottom:20px;}
.company-table th{width:30%;background:#F0FAFF;}
.company-table td{width:70%;}
.termp{margin:10px 0 20px 0;}

.notices-grid {display: flex;gap: 25px;flex-wrap:wrap;justify-content:flex-start;}
.notice-content {background: white;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);overflow: hidden;height:25vw;}
.notice-title {font-size:100%;height:6vw;}
.notice-title a{color:#27acd9;}
.notice-link{text-decoration:none;}
.notice-content a{text-align:right;}

.columns-grid {display: flex;gap: 25px;flex-wrap:wrap;justify-content:flex-start;}
.column-link{width:30%;}
.column-card {background: white;border-radius: 8px;box-shadow: 0 2px 10px rgba(0,0,0,0.1);overflow: hidden;padding:20px;height:25vw;}
.column-title {font-size:100%;}
.column-title a{color:#27acd9;}
.column-link{text-decoration:none;}
.column-footer{text-align:right;}
.column-thumbnail img{width:100%;object-fit:contain;}
.column-thumbnail {height:10vw;overflow:hidden;}
.uname{font-weight:bold;color:#27acd9;}
.notice-section{margin-bottom:30px;}
.mnotice{font-weight:bold;color:#27acd9;text-decoration:none;font-size:120%;}

/* ナビゲーション */
.post-navigation {padding: 50px;border-top: 1px solid #e9ecef;margin-top:50px;}
.nav-links {display: grid;grid-template-columns: 1fr 1fr;gap: 25px;}
.nav-link {display: block;padding: 25px;background: white;border-radius: 15px;text-decoration: none;color: #333;transition: all 0.3s ease;border: 1px solid #e9ecef;height:10vw;}
.nav-link:hover {background: #007cba;color: white;text-decoration: none;transform: translateY(-3px);box-shadow: 0 8px 25px rgba(0, 124, 186, 0.2);}
.nav-direction {display: block;font-size: 0.9em;opacity: 0.8;margin-bottom: 8px;font-weight: 500;}
.nav-title {display: block;font-weight: 600;line-height: 1.4; margin-bottom: 5px;}
.nav-author {display: block;font-size: 0.85em;opacity: 0.7;}
.nav-next .nav-link {text-align: right;}

/* アクションボタン */
.article-actions {padding: 40px 50px;text-align: center;display: flex;justify-content: center;flex-wrap: wrap;gap: 15px;}
.btn {display: inline-block;padding: 15px 25px;border-radius: 25px;text-decoration: none;font-weight: 600;transition: all 0.3s ease;border: none;cursor: pointer;font-size: 0.95em;}
.btn-primary {background: linear-gradient(45deg, #007cba, #4fc3f7);color: white;}
.btn-primary:hover {background: linear-gradient(45deg, #005a87, #29b6f6);color: white;text-decoration: none;transform: translateY(-2px);}
.btn-outline {background: transparent;color: #007cba;border: 2px solid #007cba;}
.btn-outline:hover {background: #007cba;color: white;text-decoration: none;transform: translateY(-2px);}
.btn-secondary {background: #6c757d;color: white;}
.btn-secondary:hover { background: #5a6268; color: white;text-decoration: none;transform: translateY(-2px);}

.update-item{display:flex;flex-direction:row;}
.content-updates-section{margin:20px 0;}
.update-icon{padding-right:5px;}

.movie-archive-grid{display:flex;gap:15px;flex-direction:row;justify-content:space-between;flex-wrap:wrap;}
.movie-card{width:48%;background:white;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,0.1);transition:transform 0.2s ease,box-shadow 0.2s ease;cursor:pointer;position:relative;text-decoration:none;color:inherit;}
.movie-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px rgba(0,0,0,0.15);text-decoration:none;color:inherit;}
.movie-card.unread{border-left:4px solid #e74c3c;}
.movie-card.read{border-left:4px solid #95a5a6;opacity:0.8;}
.movie-thumbnail{position:relative;width:100%;height:200px;background:#f0f0f0;overflow:hidden;}
.movie-thumbnail img{width:100%;height:100%;object-fit:cover;}
.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:rgba(255,255,255,0.9);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;}
.play-button::after{content:'';width:0;height:0;border-left:20px solid #e74c3c;border-top:12px solid transparent;border-bottom:12px solid transparent;margin-left:4px;}
.movie-card:hover .play-button{background:rgba(255,255,255,1);transform:translate(-50%,-50%) scale(1.1);}
.movie-card{padding:1.5rem;}
.movie-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;}
.movie-date{font-size:0.875rem;color:#6b7280;}
.movie-title{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0;line-height:1.4;}
.movie-content{padding-top:10px;}

.modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(4px);}
.modal-content{position:relative;margin:5% auto;width:90%;max-width:800px;background:white;border-radius:12px;overflow:hidden;animation:modalSlideIn 0.3s ease-out;}
@keyframes modalSlideIn{from{opacity:0;transform:translateY(-50px);}to{opacity:1;transform:translateY(0);}}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;}
.modal-title{font-size:1.5rem;font-weight:600;margin:0;}
.modal-close{background:none;border:none;font-size:2rem;cursor:pointer;color:#6b7280;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color 0.2s ease;}
.modal-close:hover{background:#f3f4f6;}
.modal-video{position:relative;width:100%;height:0;padding-bottom:56.25%;}
.modal-video iframe{position:absolute;top:0;left:0;width:100%;height:100%;}
.no-movies{text-align:center;padding:4rem 2rem;background:white;border-radius:12px;margin:2rem 0;}
.no-content-icon{font-size:4rem;margin-bottom:1rem;}
.navigation.pagination{margin-top:3rem;text-align:center;}
.page-numbers{display:inline-block;padding:0.5rem;margin:0 0.25rem;border:1px solid #e5e7eb;border-radius:6px;color:#374151;text-decoration:none;transition:all 0.2s ease;}
.page-numbers:hover,.page-numbers.current{background:#3b82f6;color:white;border-color:#3b82f6;}
.debug-info{background:#f0f0f0;padding:10px;margin:10px 0;border:1px solid #ccc;font-family:monospace;font-size:12px;}
.cc{background:#27acd9;;color:#fff;}
.table-cc th{background:#F0FAFF;}
.table-cc2 th{background:#F0FAFF;}
.th1{width:25%;}
.th2{width:20%;}
.th3{width:55%;}
.update-text{color:#e95388;}

/* 決済ページスタイル */
.payment-container { max-width: 1200px; margin: 0 auto; padding: 20px; }
.current-plan-section { background: #f8f9fa; padding: 20px; border-radius: 8px; margin-bottom: 30px; }
.plan-info-card { background: white; padding: 20px; border-radius: 8px; border: 1px solid #dee2e6; }
.plan-name { color: #2c3e50; margin: 0 0 10px 0; }
.plan-price { font-size: 24px; font-weight: bold; color: #e74c3c; margin: 0 0 20px 0; }
.legacy-badge { background: #3498db; color: white; padding: 4px 8px; border-radius: 4px; font-size: 12px; margin-left: 10px; }
.payment-status p { margin: 5px 0; }
.status-paid { color: #27ae60; }
.status-pending { color: #f39c12; }
.status-grace { color: #e67e22; }
.status-failed { color: #e74c3c; }
.status-active { color: #27ae60; }
.status-inactive { color: #e74c3c; }

.payment-actions { margin: 30px 0; text-align: center; }
.btn { display: inline-block; padding: 12px 24px; margin: 5px; border: none; border-radius: 5px; text-decoration: none; cursor: pointer; font-size: 16px; transition: all 0.3s; }
.btn-primary { background: #3498db; color: white; }
.btn-primary:hover { background: #2980b9; }
.btn-secondary { background: #95a5a6; color: white; }
.btn-secondary:hover { background: #7f8c8d; }
.btn-outline { background: transparent; border: 2px solid #3498db; color: #3498db; }
.btn-outline:hover { background: #3498db; color: white; }
.btn-danger { background: #e74c3c; color: white; }
.btn-danger:hover { background: #c0392b; }
.btn-large { padding: 16px 32px; font-size: 18px; }

.plans-comparison { margin: 40px 0; }
.pricing-notice { background: #e8f5e8; border: 1px solid #d4edda; padding: 15px; border-radius: 5px; margin-bottom: 20px; }
.plans-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 20px; }
.plan-card { background: white; border: 2px solid #dee2e6; border-radius: 8px; padding: 20px; text-align: center; position: relative; }
.plan-card.current { border-color: #3498db; background: #f8f9fa; }
.plan-card h3 { margin: 0 0 10px 0; color: #2c3e50; }
.plan-card .price { font-size: 24px; font-weight: bold; color: #e74c3c; margin: 10px 0 20px 0; }
.plan-features ul { list-style: none; padding: 0; text-align: left; }
.plan-features li { padding: 5px 0; border-bottom: 1px solid #ecf0f1; }
.legacy-feature { color: #3498db; font-weight: bold; }
.current-plan-badge { position: absolute; top: -10px; right: 20px; background: #3498db; color: white; padding: 5px 15px; border-radius: 15px; font-size: 12px; }

.modal { display: none; position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background: rgba(0,0,0,0.5); }
.modal-content { background: #fefefe; margin: 5% auto; padding: 0; border-radius: 8px; width: 90%; max-width: 600px; }
.modal-header { padding: 20px; border-bottom: 1px solid #dee2e6; display: flex; justify-content: space-between; align-items: center; }
.modal-header h3 { margin: 0; }
.close { font-size: 28px; font-weight: bold; cursor: pointer; }
.close:hover { color: #e74c3c; }
.modal-body { padding: 20px; }
.modal-footer { padding: 20px; border-top: 1px solid #dee2e6; text-align: right; }

.plan-selector { margin: 20px 0; }
.plan-option { display: block; border: 2px solid #dee2e6; border-radius: 8px; margin: 10px 0; padding: 15px; cursor: pointer; transition: all 0.3s; }
.plan-option:hover { border-color: #3498db; }
.plan-option.selected { border-color: #3498db; background: #f8f9fa; }
.plan-option input[type="radio"] { margin-right: 10px; }
.plan-option-content h4 { margin: 0 0 5px 0; }
.plan-option-content p { margin: 0; color: #7f8c8d; }

.payment-history { margin: 40px 0; }
.history-table table { width: 100%; border-collapse: collapse; margin-top: 20px; }
.history-table th, .history-table td { padding: 12px; text-align: left; border-bottom: 1px solid #dee2e6; }
.history-table th { background: #f8f9fa; font-weight: bold; }
.status-completed { color: #27ae60; }
.status-failed { color: #e74c3c; }

.back-to-mypage { text-align: center; margin: 40px 0; }

.payment-message { padding: 15px; border-radius: 5px; margin: 20px 0; }
.payment-message.success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
.payment-message.error { background: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

@media (max-width: 768px) {
    .payment-container { padding: 10px; }
    .plans-grid { grid-template-columns: 1fr; }
    .modal-content { width: 95%; margin: 10% auto; }
    .btn { display: block; margin: 10px auto; }
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.tagline {margin:0 1em;}
.hamburger{right:5px;}
.sp-br{display:block;}
.sidemenu {right: -70%; width: 70%;padding-top:60px;}
.fv-img-m{display:block;text-align:right;top:50px;position:relative;}
.fv-img-m img{width:95%;}
.fv-img{display:none;}
.contact-area{display:none;}
.logo-area{width:90%;flex-direction:column;align-items:normal;}
.logo{padding:0;text-align:left;}
.header-in{height:80px;}
.openbtn1{right:10px;}
.tagline{text-align:left;}
.logo-tp{top:0;}
.inner-blog{width:90%;}
.blog-bx{flex-direction:column;}
.blog-list{width:100%;}
.more-btn{margin-top:50px;}	
#about{padding:50px 0;}
.about-bx{flex-direction:column;}
.about-img{width:100%;order:1;}
.inner{width:90%;}
.about-txt{width:100%;padding:20px 0;order:3;}
#course{padding:50px 0;}
.h2-about{order:2;writing-mode:horizontal-tb;}
.three-bx{width:100%;border:solid 1px #fff;padding:30px 10px;margin-bottom:20px;}
.course-txt {flex-wrap:wrap;}
iframe{height:250px;}
#diary{padding:50px 0;}
.diary-list{width:100%;}
.interview-bx{flex-direction:column;}
.ttl-bx{width:100%;}
#interview{padding:50px 0;}
.interview-list{width:100%;}
.i-list{padding:10px 0;flex-direction:column;border:none;}
.i-more-btn {text-align:center;}
.list-img{width:100%;}
.i-new{width:100%;}
#classroom{padding:50px 0;}
#insta{padding:50px 0;}
.footer-ctt{width:90%;flex-direction:column;margin-top:0;}
.footer-logo{width:50%;}
.footer-address{width:100%;}
.footer-contact{width:100%;flex-wrap:wrap;justify-content:center;margin-top:20px;}
.footer-contact-btn{margin-top:20px;}
.under-inner {padding-top:30px;padding-bottom:50px;width:90%;}
.room-ctt{width:100%;}
.h1-about{width:90%;}
.h1-contact{width:90%;}
.h1-member{width:90%;}
.h1-room{width:90%;}
.h1-diary{width:90%;}
.h1-question{width:90%;}
.h1-interview{width:90%;}
.h1-lesson{width:90%;}
.h1-teacher{width:90%;}
.h1-discourse{width:90%;}
.h1-lecture{width:90%;}
.h1-mom{width:90%;}
.h1-text{width:90%;}
.logo-img img {width: 50%;}
.row {flex-direction: column;}
.col-md-2 {width:40%;}
.col-md-10 {width: 100%;}
.td-address{display:inline-block;width:100%;border-bottom:none!important;border-top:none!important;}
.td-tel{display:inline-block;width:100%;border-top:none!important;border-bottom:solid 1px var(--cocoon-x-thin-color)!important;padding-bottom:10px;}
.room-table th{display:inline-block;width:100%;border-bottom:none;}
.td-tel-none{display:none!important;}
.th-room{padding-top:10px;}
.entry-title, .archive-title {width:100%;margin-bottom:0;}
.table-about th{width:100%;display:block;border-bottom:none;background:#ededed;}
.table-about td{width:100%;display:block;border-bottom:none;}
.ctt-bx {flex-direction: column;height:auto;}
.ctt-bx2 {flex-direction: column-reverse;height:auto;}
.ctt-img {width:100%;height:auto;}
.lesson-ctt {padding: 15px;width:100%;}
.lesson-ctt2 {padding: 15px;width:100%;}
.lesson-ctt3 {width:100%;padding:15px;}
.full{width:100%;}
.text-img3 img{width:100%;}
.text-img3 {flex-wrap:wrap;}
.h1-under {width: 90%;font-size:150%;}
.h1-under2 {font-size:150%;}
.under-ctt2 {flex-direction: column;}
.cttl {width: 100%;}
.cttr {width: 100%;}
.content-grid {grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));gap: 10px;}
.content-card h3 {font-size: 3.5vw;}
.column-link {width: 100%;}
.column-card {padding: 10px;height:auto;}
.plan-tag {font-size: 3vw;padding: 1vw 2vw;}
.column-thumbnail {height: auto;}
.plan-badge { font-size: 3.5vw;}
.nav-title {display: none;}
.post-navigation {padding: 50px 0;}
.nav-previous{display:flex;align-items:center;}
.post-navigation {padding: 50px 0;}
.nav-link {display: flex;align-items: center;}
.nav-direction {margin-bottom:0;}
.movie-card{width:100%;}
.modal-content{width:95%;margin:10% auto;}
.modal-header{padding:1rem;}
.modal-title{font-size:1.25rem;}
.movie-meta {flex-direction:column;align-items:flex-start;}
.table-wrapper {overflow-x: auto; -webkit-overflow-scrolling: touch;}
.table-cc {min-width: 600px;white-space: nowrap;}
.table-cc2 {min-width: 600px;white-space: nowrap;}
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}