﻿body{font-size:14px;font-weight:normal;line-height:1.5;font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;color:#000;margin:0;padding:0;width:100%;background-color:#fff}@media screen and (max-width: 425px){body{font-size:12px}}*{box-sizing:border-box}#sns ul{display:flex;justify-content:center;margin:0 0 2em 0}#sns li{padding-left:13px}#sns li::before{content:none !important}a:link{font-style:normal;text-decoration:none}h2{text-align:center;margin:0 auto;margin-top:7%;position:relative;z-index:4}img{width:100%;height:auto}.a-grad{color:yellow;font-weight:bolder;background:linear-gradient(0deg, #e60000 0%, #e60000 50%, #ff3939 51%, #ff3939 100%);border-bottom:2px solid #9e1111}.a-grad:hover{opacity:.8}.contentBg{padding:7% 2%}.content{max-width:1024px;margin:0 auto}.board{padding:1px 5%;position:relative;width:100%;background:url("../img/board-top-left.png"),url("../img/board-top-right.png"),url("../img/board-top.png"),url("../img/board-bottom.png");background-repeat:no-repeat, no-repeat, no-repeat, no-repeat;background-position:top left, top right, center 0px, bottom center;background-size:20%, 20%, contain, contain}@media screen and (max-width: 768px){.board{padding:1px 5%}}.boardBody{position:relative}.boardBody::before{background:url("../img/board-body.png");background-repeat:repeat-y;background-position:center;content:"";position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:100%;height:87%;background-size:contain}@media screen and (max-width: 768px){.boardBody::before{height:99%}}.txtwindow{background:url("../img/header-bg.png");width:93%;margin:0 auto 7%;border:solid 2px #d6cdbf;outline:solid 6px #fdf8f0;box-shadow:0 0 0 10px #d6cdbf;text-align:center}.txtwindow p{color:#521700;position:relative;z-index:3;padding:2em 1em;font-weight:bolder;text-shadow:#fff 1px 1px 2px, #fff -1px 1px 2px, #fff 1px -1px 2px, #fff -1px -1px 2px;letter-spacing:-1px;text-align:center}.naruseImg{top:0;right:0;bottom:0;position:absolute}.naruseImg img{position:absolute;width:auto;height:100%;right:0}.movie{text-align:center;margin:4% 0 7%}.movie p{font-weight:bold;text-shadow:0 0 3px #fff, 0 0 10px #fff}@media screen and (max-width: 768px){.movie{margin:8% 0 15%}}.movie a{position:relative;display:inline-block}.movie a::before{background-color:rgba(0,0,0,0.6);position:absolute;top:0;right:0;bottom:0;left:10px;margin:auto 0;content:"";z-index:1;width:100px;height:100px;border-radius:100px;background:orange;border:1px solid #fff}.movie a::after{content:"";display:block;border-left:50px solid #fff;border-bottom:30px solid transparent;border-top:30px solid transparent;border-right:50px solid transparent;position:absolute;width:1px;height:1px;top:0;margin:auto 0;left:42px;bottom:0;z-index:1}.movie a:hover::before{background-color:#f74736}.movie img{max-width:495px;box-shadow:0px 16px 16px -9px rgba(0,0,0,0.5);position:relative;border:3px solid #ffa500}.movie img:hover{opacity:.5}nav{padding:2em 0;text-align:center;background:url("../img/intro-wave.png"),url("../img/header-bg.png");background-repeat:repeat-x,repeat;background-position:bottom,center 125px;background-size:auto,auto}nav a{border-radius:10px;padding:1em 1em;display:inline-block;background:url("../img/date-icon.png"),#004e2d;background-repeat:no-repeat;background-position:7px;background-size:auto 68%}nav a span{color:#fff;font-weight:bold;border-radius:5px}header{background:url("../img/header-bg.png");background-repeat:repeat;background-position:top;height:388px}header>div{background:url("../img/header-naruse.png"),url("../img/kmp_logo.png");background-repeat:no-repeat, no-repeat;background-position:center 20%, 95% 10%;background-size:330px, 100px;position:relative;height:100%}header>div>div{position:relative;z-index:1;top:50%;display:inline-block;font-size:1.8em;padding:.2em 1em;font-weight:bold;background-color:rgba(255,255,255,0.8);border-radius:999px;box-shadow:0 0 10px #000}header>div>div img{max-width:50px}header>div h1{position:absolute;text-align:center;right:0;left:0;bottom:9px;width:100%}header>div h1 img{max-width:647px}#inrtoWrap{position:relative;z-index:2;background:url("../img/intro-bg.png");margin:1em 0 1em;padding:2em 0;text-align:center}#inrtoWrap>div{justify-content:space-between;align-items:center;display:flex}@media screen and (max-width: 768px){#inrtoWrap>div{flex-direction:column}}#inrtoWrap>div h2{max-width:358px}#inrtoWrap>div .photo{flex-grow:1;margin:0 auto}@media screen and (max-width: 768px){#inrtoWrap>div .photo{margin:2em 0 2em 0}}#inrtoWrap>div .photo img{max-width:197px;border:2px solid #fff;box-shadow:0 0 5px rgba(0,0,0,0.5);-webkit-transform:rotate(-6deg);-moz-transform:rotate(-6deg);-ms-transform:rotate(-6deg);-o-transform:rotate(-6deg);transform:rotate(-6deg)}#inrtoWrap>div .center{flex-grow:1.4}@media screen and (max-width: 768px){#inrtoWrap>div .center{order:-1}}#inrtoWrap>div .center h2{margin:0 auto}#inrtoWrap>div .center>p{margin:2em 0;font-weight:bolder;color:#fff;text-shadow:rgba(0,0,0,0.5) 1px 1px 2px,rgba(0,0,0,0.5) -1px 1px 2px,rgba(0,0,0,0.5) 1px -1px 2px,rgba(0,0,0,0.5) -1px -1px 2px}#inrtoWrap>div .center .prof{text-align:center;display:flex;background-color:rgba(255,255,255,0.8);border-radius:999px;justify-content:space-around;align-items:center;padding:1.5em 0.5em;margin:0 .5em}#inrtoWrap>div .center .prof .name{font-size:2em;font-weight:bolder;color:red}#inrtoWrap>div .center .prof .twtxt a{border-radius:5px;color:#fff;background-color:#00a0e9;padding:1em 2.5em;transition:all .8s}#inrtoWrap>div .center .prof .twtxt a:hover{background-color:#e90000}#inrtoWrap>div .tw{flex-grow:1;margin:-65px 0}@media screen and (max-width: 768px){#inrtoWrap>div .tw{margin:0}}.animeY{animation:rotateY 10s linear 0s infinite}@keyframes rotateY{0%{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);transform:rotateY(0deg)}100%{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg)}}#course{padding-top:6em;background:url("../img/intro-wave-bottom.png"),url("../img/video-course-bg.png");background-repeat:repeat-x, repeat}#course h2 img{max-width:415px}#course .naruseImg{z-index:2}@media screen and (max-width: 768px){#course .naruseImg{height:77%;top:auto;bottom:0 !important}}#question{background:url("../img/question-bg.png") center}#question h2{max-width:425px}#question .qaWrap{position:relative;display:flex;flex-direction:row-reverse;z-index:1}@media screen and (max-width: 768px){#question .qaWrap{display:block}}#question ul{width:64%;position:relative;right:0;margin:69px 0 20px 0}@media screen and (max-width: 768px){#question ul{width:100%;margin-top:43px}}@media screen and (max-width: 425px){#question ul{margin-top:21px}}#question ul li{margin:0px 0 1em 70px;position:relative;display:inline-block;min-height:57px;display:flex;align-items:center}#question ul li::before{vertical-align:middle;content:"";border-radius:100%;width:57px;height:57px;display:inline-block;position:absolute;left:-71px}#question ul .questionM::before{background:url("../img/question-q.png"),#cdd999;background-size:29px , auto;background-repeat:no-repeat;background-position:center}#question ul .answerM::before{background:url("../img/question-a.png"),#cdd999;background-size:29px , auto;background-repeat:no-repeat;background-position:center}#question .naruseImg{left:0}#question .naruseImg img{left:0;height:90%;bottom:0}@media screen and (max-width: 768px){#question .naruseImg img{height:46%}}#question .txtwindow{padding:0 0 0 35%;text-align:center}@media screen and (max-width: 768px){#question .txtwindow{padding:0 0 0 18%}}@media screen and (max-width: 425px){#question .txtwindow{padding:11% 0 0 0}}#question .checkBtn{display:inline-block;padding:1em 2em;border-radius:10px;position:relative;z-index:4;margin-bottom:20px}#question .movie{margin-top:2%}.pastBtn{padding:.5em;display:inline-block;border-radius:5px;margin:0 0 1em;text-align:center;position:relative;z-index:5}#kokoone{background:url("../img/kokoone-bg.png") center}#kokoone .boardBody::before{height:99%}#kokoone h2{max-width:482px;position:relative;z-index:3}#kokoone .title{position:relative;z-index:1;margin:2em 0}#kokoone .title h3,#kokoone .title p{vertical-align:middle;display:inline-block}@media screen and (max-width: 768px){#kokoone .title h3,#kokoone .title p{display:block;text-align:center}}#kokoone .title h3{width:80%;font-size:2em;line-height:1;font-weight:bolder;color:#000;margin:.5em auto;text-shadow:0 0 10px #fff,0 0 5px #fff}@media screen and (max-width: 768px){#kokoone .title h3{width:100%}}#kokoone .title p{width:18%}@media screen and (max-width: 768px){#kokoone .title p{width:100%}}#kokoone .title p img{max-width:150px}#kokoone .info{position:relative;z-index:1;margin:2.5em 0 0em}#kokoone .info ul,#kokoone .info div{width:49%;display:inline-block;vertical-align:middle}@media screen and (max-width: 768px){#kokoone .info ul,#kokoone .info div{width:100%;display:block}}#kokoone .info .movie{margin-bottom:2em}#kokoone .info ul{width:50%;background:rgba(255,255,255,0.4);padding:2px}@media screen and (max-width: 768px){#kokoone .info ul{width:100%}}#kokoone .info ul li{margin-bottom:.5em;border-bottom:1px solid #c5c5c5}#kokoone .info ul li:last-child{text-align:center;padding:.5em}#kokoone .info .checkBtn{display:block;padding:.5em 2em;border-radius:10px}@media screen and (max-width: 768px){#kokoone .naruseImg{height:77%;top:auto;bottom:0 !important}}@media screen and (max-width: 768px){#kokoone .naruseImg{height:14%}}#kokoone .mv-txt{position:relative;z-index:4;margin-bottom:2em;border-radius:15px;padding:.5em;background-color:rgba(255,255,255,0.9)}@media screen and (max-width: 768px){#kokoone .mv-txt{background:none}}#kokoone .mv-txt h3{font-weight:bolder;border-bottom:1px solid orange;margin-bottom:1em}#score{background:url(../img/score-bg.png) center}#score .boardBody::before{height:99%}#score h2{max-width:370px;position:relative;z-index:4}#score .hr{position:relative;margin:0 -5.3% 5em;padding:0 5%}@media screen and (max-width: 768px){#score .hr{margin-top:26%}}#score .hr .score-hr{position:relative;z-index:3;bottom:-43px;width:110.5%;margin-left:-5.2%}#score .movie{position:relative;text-align:right;margin:0 11% 0 0;z-index:1}#score .movie a{color:#000}@media screen and (max-width: 768px){#score .movie{margin:0 0 2em;text-align:center}}#score .movie a{bottom:-40px}#score .movie a img{width:450px}@media screen and (max-width: 768px){#score .movie a img{width:100%}}#score .naruseImg{left:0;width:0px}@media screen and (max-width: 768px){#score .naruseImg{width:100%;right:0;margin:0 auto;height:63%}}#score .naruseImg img{bottom:0;left:0;height:142%}@media screen and (max-width: 768px){#score .naruseImg img{right:0;margin:0 auto;height:100%;top:-50%}}#score ul{margin:0 0 4em 0}#score ul li{text-align:center;background:url(../img/score-li-bg.png),url(../img/score-li-bg.png);background-repeat:no-repeat;background-position:bottom left, bottom right;border-bottom:dotted 2px #dab48e;padding:0 0 2em 0;margin:1.5em 0 0 0}#score ul li>*{display:inline-block;vertical-align:middle;margin:0 1em 1.5em;width:calc(100% / 4)}@media screen and (max-width: 768px){#score ul li>*{margin:0 auto 1.5em;width:50%}}@media screen and (max-width: 425px){#score ul li>*{display:block;width:100%}}#score ul li .jk{max-width:120px}#score ul li .t-b p{font-weight:bolder;border-bottom:1px solid green}#score ul li .t-b a{margin-top:3em;display:inline-block;border-radius:10px;padding:1em 2em}#score ul li .status{text-align:left}@media screen and (max-width: 425px){#score ul li .status{text-align:center}}#score ul li .circle{width:100px;height:100px;border-radius:50%;background-color:#458bb2;text-align:center;position:relative}#score ul li .circle::after{content:"ここみん";color:#fff;position:absolute;top:11px;left:0;right:0;font-size:.8em}#score ul li .circle::before{content:"POINT";color:#fff;position:absolute;top:26px;left:0;right:0}#score ul li .circle p{font-size:2em;color:#fff;position:relative;top:50%;font-weight:bolder;transform:translateY(-15%)}.csb{background:url("../img/intro-wave-bottom.png"),url("../img/footer-bg.png");background-repeat:repeat-x, repeat;margin-top:10px}.csb .comingsoon{text-align:center;padding:4em 0}.csb .comingsoon>div{margin:0 auto 4em}.csb .comingsoon>div p{color:#fff;font-weight:bolder;font-size:2em;text-shadow:0 0 10px rgba(0,0,0,0.8)}.kmplogo{background:#fff;display:inline-block;padding:1.5em 4em;border-radius:999px}.kmplogo img{max-width:111px}
