@charset "UTF-8";

/*
Theme Name: JT
Theme URI: http://
Author: 
Author URI: 
Description: 
Version: 1.1
*/


/* reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp {  border: 0;  margin: 0;  padding: 0;  font-size: 100%;list-style:none;}html,body {  font-size: 1em;  height: 100%;}

/* general */
BODY {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;background: url(img/bg01.jpg);background-repeat:repeat-x;font-size:16px;line-height:1.6em;text-align: center;}

* {box-sizing: border-box;}

img {max-width:100%;height:auto; }

/* H */

h2 {font-size:1.5rem;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:normal;margin-bottom: 1em;}
h3 {font-size:1.25rem;font-weight:normal;margin-bottom: .5em;}
h4 {font-size:1rem;font-weight:normal;margin-bottom: 1em;text-align: left;}
p {margin-bottom: 1em;text-align: left;font-size: 0.875rem;line-height: 1.6em;}
small {font-size: 0.75em;}

/* hr */
hr.hr01 {border: 0;height: 0;margin:20px 0;border-top:solid 1px #333;} /* gray */
hr.hr02 {border: 0;height: 0;margin:20px 0;border-top:solid 1px #fff;} /* white */


/* clearfix --------------------------------------- */
.clearfix:after{content: ".";display: block;height: 0;font-size:0;clear: both;visibility:hidden;}
.clearfix{display: inline-block;} 
/* Hides from IE Mac */
* html .clearfix{height: 1%;}
.clearfix{display:block;}
/* End Hack */ 
/* --------------------------------------- */

/* btn */
.btn1 {margin:1em 0;}


/* pc sp */
.pc {display: block;}
.sp {display: none;}

/* flexbox */
.div2 {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div2 li {width:47.5%;margin-bottom: 1rem;}
.div3 {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div3 li {width:30%;}
.div4 {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div4 li {width:23%;}

.div2x {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div2x li {width:47.5%;}
.div3x {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div3x li {width:33%;}



/* link */
a {text-decoration: none;-webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;color:#000;}
a:hover {opacity: 0.7; filter: alpha(opacity=70);}


/* color */
.c-01 {color:#bb778f;} /* パープル */
.c-02 {color:#429184;} /* グリーン */
.c-03 {color:#5b6b86;} /* ブルー */

/* bg */
.bg02 {background-image:url(img/bg02.jpg);padding: 2em 0;}



/* layout */
.row {max-width: 960px;margin:0 auto 2em auto;}
.row-100 {width: 100%;margin-bottom: ;}
.left-70 {width:60%;float: left;margin-right:6%;text-align: left;}
.right-30 {width:33%;float: left;}


.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}



/* header */

.header-icon1 {float:right;}
.icon-bg1 {background:#336600;border-radius: 0 0 6px 0;}
.icon-bg2 {background:#B1D0C8;border-radius: 0 0 0 6px;}

.topbar {height: 10px;width: 100%;background-image:url(img/top-bar.png);margin-bottom: 20px; }
.header-area {max-width: 960px;margin: 0 auto 2em auto;}
.header-logo {float: left;padding-top: 1em;width:320px;}
.header-tel {float: right;padding-top: 1em;margin-right: 1em;}


/* nav */

nav {text-align: center;margin: 1em auto;}
ul.glo-nav {display: inline-block;margin: 0 auto;}
ul.glo-nav li{float: left;display:inline-block; border-right :1px solid #000;padding: 0 1em;}
ul.glo-nav li:last-child {border-right :0px solid #000;}


/* top */

.top-sns {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.top-sns li {width:30%;}
.top-slide {margin: 0 auto 2em auto;max-width: 960px;}
.top-sns-btn {margin-bottom: 2em;}
.top-ig a{border: 2px solid #d93177;border-radius: 4px;padding: .5em;display: block;color:#d93177;}
.top-tw a{border: 2px solid #55acee;border-radius: 4px;padding: .5em;display: block;color:#55acee;}
.top-fb a{border: 2px solid #3b5998;border-radius: 4px;padding: .5em;display: block;color:#3b5998;}
.top-ig a:hover{border: 2px solid #d93177;border-radius: 4px;padding: .5em;display: block;color:#fff;background:#d93177; }
.top-tw a:hover{border: 2px solid #55acee;border-radius: 4px;padding: .5em;display: block;color:#fff;background:#55acee;}
.top-fb a:hover{border: 2px solid #3b5998;border-radius: 4px;padding: .5em;display: block;color:#fff;background:#3b5998;}
.top-spot h3{border-bottom: 1px solid #429184;margin-bottom: 0.5em;padding-bottom: .5em;font-size:1em;}
.top-spot h3 a{color:#429184;}
.top-spot p a{text-align:center;}
.top-spot i {color:#429184;}
.top-spot li{margin-bottom: 2em;font-family: YuGothic,"游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;text-align: center;}


/* cv-bnnr */
.cv-bnnr{margin:30px auto;}

/* top nyumon */
.top-nyumon-step {position: relative;margin-bottom: 2em;}
.top-nyumon-step li {border-bottom: 1px dotted #5b6b86;padding-bottom: .5em;margin-bottom: .5em;}
.top-nyumon-stamp {position: absolute;right:0;bottom:0;}
.top-price-panel {box-shadow:0px 0px 6px 0px #ccc;background: #fff;border-radius: 6px;padding: 1em;margin-bottom: 1em;}
.top-btn-nyumon {margin-bottom: 1em;}
.top-rental-bg {background:url(img/top-rentalpack-bg.png);position: relative;padding: .5em 0;margin-bottom: 2em;}


/*top news */
ul.top-news {margin: 0 auto;}
.top-news li {padding-bottom: .25em;margin-bottom: .5em;border-bottom: 1px solid #ccc;}
.news-date {display: inline-block;margin-right: 1em;}
.news-ttl {display: inline-block;margin-right: 1em;}
.news-sub {font-size:0.85em;}
.news-more {text-align:right;font-size:0.85em;}


/* news news-list */
.news-list ul {}
.news-list li {padding-bottom: .5rem;margin-bottom: 1rem;text-align: left;border-bottom: 1px solid #336500;}
.news-list h3 {font-size: 16px;font-weight: bold;}
.news-list h4 {font-size: 16px;font-weight: normal;margin: 0 auto .5rem auto;}
.news-list p {padding: 0;margin: 0;}

.pager-li {text-align: center;margin: 0 auto;display: table;
	margin: auto;}
.pager-li ul{}
.pager-li li {padding: 0 .25rem;float: left;display: table-cell;margin-right: 0.5rem;}
.pager-li li a{}
.pager-current {border: 1px solid #336500;}



/* news-single 0913 update */
.news-single {box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;padding: 1em;width: 100%;background: #fff;}
.news-single h4 {padding-bottom: 0;margin-bottom:0;}
.news-single h3 {padding-bottom: .5em;border-bottom: 2px solid #000;margin-bottom: .5em;}
.news-single p {margin-bottom: 1em;padding-bottom: 1em;border-bottom: 1px solid #000;}

.news-single-li {text-align: center;margin: 0 auto;display: table;margin: auto;}
.news-single-li ul{}
.news-single-li li {padding: 0 .25rem;float: left;display: table-cell;margin-right: 0.5rem;font-size: .85em;}
.news-single-li li a{}

/* about 0913 update */


.about {width: 75%;}
.about h2 {padding-bottom: .25em;border-bottom: 2px solid #000;margin-bottom:0.5em;font-size: 1.4em;}
.about p{margin-bottom: 3em;}





/* nyumon */
.nyumon-img {margin: 0 auto 2em auto;max-width: 960px;}
.ttl-1 {background-image:url(img/icon-ttl.png) ; background-repeat: no-repeat;height:58px;text-align: left;padding: 17px 0 17px 90px;font-size:20px;font-weight: bold;margin-bottom: 1em;}
.nyumon-btn {text-align: center;margin: 0 auto 1em auto;}
.nyumon3point {background: #fff;padding: 1em;box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;margin-bottom: 1em;}
.nyumon-times8 {box-shadow:0px 0px 6px 0px #ccc;padding: 1em;background-image: url(img/nyumon8times-bg.jpg);border-radius: 6px;position: relative;}
.no-bg {background: none;}
.nyumon-stamp {position: absolute;bottom: 10px;right:10px;}


/* honkaku */
.honkaku-ttl {font-size:1.5rem;text-align: left;line-height:50px;height:50px;margin-bottom:10px;background-image:url(img/icon-ball.png);background-repeat: no-repeat;padding-left: 60px;}
.honkaku-ttl2 {font-size:1.5rem;text-align: left;line-height:50px;height:50px;margin-bottom:10px;background-image:url(img/icon-ball2.png);background-repeat: no-repeat;padding-left: 60px;}
.honkaku-ttl3 {font-size:1.5rem;text-align: left;line-height:50px;height:50px;margin-bottom:10px;background-image:url(img/icon-ball3.png);background-repeat: no-repeat;padding-left: 60px;}

.honkaku-panel {background: #fff;padding: 1em;box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;margin-bottom: 1em;font-family: sans-serif;}
.honkaku-panel h3 {font-size: 1rem;font-weight:bold;color:#336500;text-align: left;margin-bottom: 10px;padding-bottom: 0;}
.honkaku-panel h3 a{color:#336500;}
.honkaku-panel h4 {font-size: 0.8rem;color:#B1D0C8;text-align: left;margin-bottom: 5px;padding-bottom: 0;}
.honkaku-btn1{background: #B1D0C8;border-radius: 6px;padding: .25em;color:#fff;}

.honkaku-panel2 {background: #fff;padding: 1em;box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;margin-bottom: 1em;font-family: sans-serif;}
.honkaku-panel2 h3 {font-size: 1rem;font-weight:bold;color:#bb778f;text-align: left;margin-bottom: 10px;padding-bottom: 0;}
.honkaku-panel2 h3 a{color:#bb778f;}
.honkaku-panel2 h4 {font-size: 0.8rem;color:#C2C2D6;text-align: left;margin-bottom: 5px;padding-bottom: 0;}
.honkaku-btn2{background: #C2C2D6;border-radius: 6px;padding: .25em;color:#fff;}


.honkaku-panel3 {background: #fff;padding: 1em;box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;margin-bottom: 1em;font-family: sans-serif;}
.honkaku-panel3 h3 {font-size: 1rem;font-weight:bold;color:#3898B6;text-align: left;margin-bottom: 10px;padding-bottom: 0;}
.honkaku-panel3 h3 a{color:#3898B6;}
.honkaku-panel3 h4 {font-size: 0.8rem;color:#B1D0C8;text-align: left;margin-bottom: 5px;padding-bottom: 0;}
.honkaku-btn3{background: #98CBDB;border-radius: 6px;padding: .25em;color:#fff;}

.honkaku-btn1 a,.honkaku-btn2 a,.honkaku-btn3 a{color: #fff;display: block;}


/* honkaku detail */
.honkaku-d-ttl {border-bottom: 1px solid #000;padding-bottom: .5em;}

.course-main {width:70%;float: left;text-align: left;margin-bottom: 1rem;}
.course-sb {width:27%;float: right;padding: 1em;text-align: left;line-height:2em;margin-bottom: 1rem;}
.course-a ul{margin-bottom: 1.5em;}
.course-a-ttl1 {border-bottom: 2px solid #000;height:25px;line-height: 20px;background-image: url(img/icon-ball.png);background-repeat: no-repeat;background-size: 20px;padding-left: 25px;margin-bottom: .5em;}
.course-a-ttl2 {border-bottom: 2px solid #000;height:25px;line-height: 20px;background-image: url(img/icon-ball2.png);background-repeat: no-repeat;background-size: 20px;padding-left: 25px;margin-bottom: .5em;}
.course-a-ttl3 {border-bottom: 2px solid #000;height:25px;line-height: 20px;background-image: url(img/icon-ball3.png);background-repeat: no-repeat;background-size: 20px;padding-left: 25px;margin-bottom: .5em;}
.course-a-ttl img {width: 20px;}
.course-b li{padding-left: 1em;}


.course-main-ttl {font-size:1.5rem;padding-bottom: .5rem;margin-bottom:20px;border-bottom: 2px solid #000;}
.course-main-ttl-sub {font-size:0.875rem;}
.course-main h1 {font-size: 1.5rem;color:#336500;margin-bottom: 10px;line-height:1.4em;}
.course-main h4 {font-family: YuGothic,"游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;}
.course-main-img {margin-bottom: 1em auto;text-align: center;}
.course-main-img img {width: 100%;}

.tb2 table {}
.tb2 td {border: 1px solid #999;padding: 5px;}
.tb2 th {border: 1px #ccc solid;padding: 5px;}
.scroll{ overflow: auto;white-space: nowrap;-webkit-overflow-scrolling: touch; } .scroll::-webkit-scrollbar{height: 5px; } .scroll::-webkit-scrollbar-track{background: #F1F1F1; } .scroll::-webkit-scrollbar-thumb {background: #BCBCBC; } .scroll_enable {font-size: 0.75rem;color:#000;} 


.free-comment li {box-shadow:0px 0px 6px 0px #ccc;padding: 1em;margin-bottom: 1rem;}
.free-bnnr {border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px; border: 2px solid #FB80B0;}
.free-lesson {box-shadow:0px 0px 6px 0px #ccc;padding: .5rem;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;color: #fff;background:#98CBDB;line-height: 1.4em;}
.free-lesson a {color:#fff;font-weight: normal;}
.free-lesson h3 {margin-bottom: .25rem;font-weight: normal;}
.free-lesson p {margin-bottom: 0;font-weight: normal;}


/* class room */

/* ページタイトル */
.page-ttl {background-image: url(img/icon-ttl.png);text-align: left;background-repeat: no-repeat;height:60px;padding: 10px 0 10px 85px;margin-bottom: 1rem;}
.page-ttl h2 {padding: 0;margin: 0;font-size: 24px;}
.page-ttl h4 {padding: 0;margin: 0;font-size: 14px;}

.page-ttl2 {background-image: url(img/icon-ttl.png);text-align: left;background-repeat: no-repeat;height:60px;padding: 18px 0 18px 85px;margin-bottom: 1rem;}
.page-ttl2 h2 {padding: 0;margin: 0;font-size: 24px;}

.page-ttl-sub {font-size: 75%;}


.area-sb {background:#98CBDB;padding: 1em;width:25%;margin-right: 5%;float:left;margin-bottom: 2rem;box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;text-align: left;line-height: 2em;}
.area-sb a{color:#fff;}
.area-sb ul {margin-bottom: 1rem;}
.area-sb li {padding-left: 1rem;}
.area-main {width: 70%;float:right;margin-bottom: 2rem;text-align: left;}
.area-main-index {color:#3898B6;margin-bottom: 10px;font-size: 18px;}
.classroom-panel table {width: 100%;border: none;}
.classroom-panel tr {}
.classroom-panel th {width: 60px;vertical-align: top;text-align: right;color:#3898B6;padding-right: 1rem;font-size: 1.25rem;padding-bottom: 1rem;}
.classroom-panel td {vertical-align: top;padding-bottom: 1rem;}
.classroom-panel li{background:#fff;box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;padding: 1rem;margin-bottom: 1rem;}
.classroom-panel-h{color:#3898B6;border-bottom: 2px solid #3898B6;width: 100%;display: block;font-size: 1.25rem;}
.classroom-btn {border-radius: 6px;box-shadow: 0 0 6px 0 #ccc;padding: 1rem;text-align: center;background: #ccc;font-size:;margin-bottom: 1rem;background: #BFF825;font-size: 1.14rem;margin-bottom: 1rem;}
.classroom-btn a{color:#336500;display: block;font-weight: bold;}
.tbl-cr tr,.tbl-cr th,.tbl-cr td {border: 0;padding-top: 0;}

/* voice */
.voice-panel li{background:#fff;box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;padding: 1rem;margin-bottom: 1rem;position: relative;}
.voice-panel h3 {font-size:1rem;color:#3898B6;font-weight: bold;text-align: left;margin-bottom: 0.5rem;}
.voice-panel h4 {font-size:0.875rem;color:#3898B6;margin-bottom: 0.5rem;}
.voice-icon {position: absolute;right:10px;top: 10px;}


/* faq tbl */
.faq-panel li {margin-bottom: 2rem;border-bottom: 1px #ccc solid;padding-bottom: 1rem;}
.faq-panel table {width: 100%;padding: 0;}
.faq-panel tr {}
.faq-panel th {vertical-align: top;text-align: left;width:32px;}
.faq-panel td {vertical-align: top;text-align: left;}
.faq-q {font-weight:bold;}

/* skill up */
.skillup {}
.skillup li{padding: 1em;margin-bottom: 1em;box-shadow:0px 0px 6px 0px #ccc;}
.skillup-2div-l {float: left;width: 65%;margin-right: 5%;}
.skillup-2div-r {float:right;width: 30%;}


/* emondo */
.emondo-l-70 {float:left;width:65%;margin-right: 5%;}
.emondo-r-30 {float:right;width:30%;}
.emondo-l-30 {float:left;width:30%;margin-right: 5%;}
.emondo-r-70 {float:right;width:65%;}
.emondo-fee-btn {text-align: left;margin-bottom: 1em;}
.emondo-fee-btn a {color: #336500;}
.dvd-tn {margin-top: 1em;}
.dvd-tn li {margin-bottom: 2rem;padding: 1em;box-shadow:0px 0px 6px 0px #ccc;}
.dvd-tn li p {font-size:12px;line-height: 1.6em;}
.dvd-pkg {border-radius: 6px;padding: 1em;border: 1px #ccc solid;}
.dvd-pkg img {float: left;margin-right: 1em;}
.dvd-pkg p {float: left;}



/* gino-kentei */
.gino-index a{color:#336500;}
.gino-sub-ttl {color:#336500;margin: 0 auto .5rem auto;}
.gino-list {margin-bottom: 1em;}
.gino-list li{font-size: small;}
.tbl_gino {width:auto;border-collapse: collapse;font-size:0.85em;margin-bottom: 2em;}
.tbl_gino table,.tbl_gino td,.tbl_gino th {border: 1px solid #595959;border-collapse: collapse;}
.tbl_gino td, th {text-align:center;}
.tbl_gino th {background: ;}
.gino-voice li {box-shadow:0px 0px 6px 0px #ccc;padding: 1em;position: relative;margin-bottom: 2rem;}
.gino-voice p {}
.gino-voice h3 {}
.txt_std2 {padding:0 0.25em;}



/* 愛好家 */
.aikoka-sb {float: right;width:25%;margin-left:5%; }
.aikoka h2 {}
.aikoka h3 {font-size:1.5em;font-weight: normal;color:#336500;}
.aikoka-sb p {}
.aikoka-sb li {font-size: 14px;box-shadow:0px 0px 6px 0px #ccc;padding: 0.5em;background: #fff;margin-bottom: 1em;line-height: 1.4em;background: linear-gradient(#fff, #eee);}
.aikoka-sb li a{display: block;}
.aikoka-sb-list a{font-size: 14px;color:#336500;}

.aikoka-main {float: left;width:70%;}
.aikoka-main h3 {font-size:1.5em;font-weight: normal;border-bottom: 2px solid #000;padding-bottom: .5em;margin-bottom: .25em;color:#336500;}
.aikoka-main h2 {color:#336500;}
.date {font-size: 0.85em;font-family: sans-serif;}
.update {text-align: right;font-size: 0.75em;margin-bottom: .5em;}


/* 愛好家 リスト */
.aikoka-list-main {float: left;width:70%;margin-right:5%;font-size:1em;}
.aikoka-list li {padding-bottom: 0.5em;margin-bottom: 1em;line-height: 1.4em;border-bottom: 1px solid #000;}
.aikoka-list-sb {float: left;width:25%;}
.aikoka-list-archive h3 {}
.aikoka-list-archive li {}
.aikoka-list-date {float: left;margin-right: 1em;}
.aikoka-list-ttl {float: left;}


/* コンタクトフォーム **********/
.page_contact {width:100%;margin:0 auto;text-align:left;}
.wpcf7 {margin: 0 auto;}
.wpcf7 p {margin-bottom:1em;}
.wpcf7 small {font-size:0.85em;margin-bottom:1em;}
.asterisk {margin: 0 0 0 0.2em;color: #f5637a;}
.wpcf7 span.wpcf7-not-valid-tip {font-size: 80%;}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 textarea,
.wpcf7 select {background-color: #fff;color: #333;width: 95%;border: 1px solid #ddd;font-size: 100%;padding: 0.6em;border-radius: 4px;box-shadow: 1px 1px 3px rgba(0,0,0,.1) inset;}
.wpcf7 input[type="submit"] {font-size: 100%;padding: 0.5em 0.5em;background: #eee;color: #333;border-radius: 4px;cursor: pointer;box-shadow: 0 0 1px rgba(0,0,0,.2);border: 1px solid #ccc;text-shadow: -1px 1px 0 rgba(255,255,255,1);}
.wpcf7 input[type="submit"]:hover {box-shadow: 0 0 1px rgba(0,0,0,.2) inset;}


.wpcf7 select {}
.wpcf7 select option {font-size: 0.875em;}

.contact-wrap {padding: 1em;border:1px solid #ccc;margin-bottom: 1em;}
.contact-wrap h3 {padding-bottom: .5em;border-bottom: 1px solid #ccc;margin-bottom: .5em;}

/* 0910追加 */
.moushikomi img{width:100%;}


/* テーブル */

/* tbl01 レスポンシブ対応 */
.tbl01 {border-collapse: collapse;width:100%;}
	.tbl01 th,
	.tbl01 td {width:auto;border: 1px solid #CCC;padding: 0.5em;}
	.tbl01 th {width:auto;text-align: left;font-weight: normal;}

@media only screen and (max-width:480px){
.tbl01 {}
	.tbl01 th,
	.tbl01 td{width: 100%;display: block;border-top: none;padding: 0.5em;}
	.tbl01 tr:first-child th   { border-top: 1px solid #ddd; }
}




.tbl-top-nyumon {border-collapse: collapse;width:100%;font-family: YuGothic,"游ゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ Ｐゴシック",Osaka,sans-serif;}
.tbl-top-nyumon th,
.tbl-top-nyumon td {width:auto;border-bottom: 1px solid #CCC;padding: 0.25em;}
.tbl-top-nyumon th {width:auto;text-align: left;font-weight: normal;}

@media only screen and (max-width:480px){
.tbl-top {}
.tbl-top-nyumon th,
.tbl-top-nyumon td{width: 100%;display: block;border-top: none;padding: 0.25em;}
.tbl-top-nyumon tr:first-child th   { border-top: 1px solid #ddd; }
}




/* tbl price-panel */
.price-panel table {border: 1px solid #CCCCCC; 	padding:10px; 	border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;margin-bottom:20px; }
.price-panel tr {}
.price-panel td {font-weight:bold; 	text-align: right; 	border: 0px #333 solid; 	padding: 2px; }
.price-panel th {font-weight:normal; text-align: left; border: 0px #000000 solid; padding: 2px; } 
.tb_border { 	height:1px; 	border-bottom:1px #CCCCCC solid; }
.tb_border2 { 	height:1px; 	border-bottom:1px #4C7225 solid; }
.red { 	color:#FF0000; }
.course-btn {border-radius: 6px;box-shadow: 0 0 6px 0 #cccccc;padding: 1rem;text-align: center;background: #BFF825;font-size: 1.14rem;margin-bottom: 1rem;display: block;}
.course-btn a{color:#336500;display: block;font-weight: bold;}



/* tbl-contactform */
.tbl-contactform {border-collapse: collapse;width:100%;}
	.tbl-contactform th,
	.tbl-contactform td {width:auto;border: 0px solid #CCC;padding: 0.5em;}
	.tbl-contactform th {width:auto;text-align: left;font-weight: normal;vertical-align: top;}
	
	
	.text {
  display: none;
}
.text01 {
  display: block;
}

@media only screen and (max-width:480px){
.tbl-contactform {}
	.tbl-contactform th,
	.tbl-contactform td{width: 100%;display: block;border-top: none;padding: 0.5em;}
	.tbl-contactform tr:first-child th   { border-top: 0px solid #ddd; }
}





/* footer */

.footer {background: #000;font-family: sans-serif;padding: 2em;font-size:0.85em;text-align: left;}
.footer a {color:#fff;}
.ft-logo {width:95%;}
ul.div4-ft {max-width:960px;margin:0 auto;}
.div4-ft {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div4-ft li {width:22%;height: 100%;border-right:1px solid #fff;padding-right: 1em;}
.div4-ft li:first-child {width:30%;}
.div4-ft li:last-child {border-right:0;}

.ft-caption {border:1px #fff solid;padding:1em;margin:1em 0;color:#fff;}



/* 体験 */
#content {
	width:680px;
	margin-right:30px;
	float:left;
}

#content_right {
	width:680px;
	float:right;
}
#free_trial {width:680px;}

#free_trial_top_img {
width:100%;
margin-bottom:20px;
}

#free_trial_sub_img {
width:680px;
height:360px;
margin-bottom:20px;
}

.free_trial_plan_box {
width:680px;
margin-bottom:20px;
}

.free_trial_plan_l {
float:left;
width:320px;
margin-right:20px;
}

.free_trial_plan_r {
float:left;
width:340px;
}

.free_trial_plan_midashi {
width:320px;
height:40px;

border-bottom:2px #99cc66 solid;
margin-bottom:5px;
}

.free_trial_btn {border-radius: 6px;background:#58C604;padding: 1em;text-align:center;}
.free_trial_btn a {color: #FFFFFF;display: block;font-weight: bold;}


.space20{
	clear: both;
	height: 20px;
	width: 100%;	
}

.space30{
	clear: both;
	height: 20px;
	width: 100%;	
}


.hr_white {
height: 1px;
border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;	
}

.hr_gray {
height: 1px;
border: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;	
}




/* トップにもどる */

#page-top {position: fixed;bottom: 10px;right: 10px;font-size: 77%;}
#page-top a {text-decoration: none;color: #B1D0C8;width: 100px;padding: 10px 0;text-align: center;display: block;border-radius: 5px;}
#page-top a:hover {text-decoration: none;}

/* nav sp */
.sp-nav-btn {}
.sp-nav {display: none;position: absolute;left:0;padding: 0em;width: 100%;height;100vh;background: rgba(32,62,56,0.9);z-index: 999;}
.sp-nav ul {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding: 1em;}
.sp-nav li {width:100%;text-align:left;border-bottom:1px solid #fff;margin-bottom: .5em;padding: 0 0 .5em 0;font-size:.9em;}
.sp-nav li a {color: #fff;display: block;}
.sp-nav-close{color: #fff;text-align: center;margin-bottom: 1em;}
.sp-phone {display: none;position: absolute;left:0;padding: 0em;width: 100%;height;100vh;background: rgba(32,62,56,0.9)}
.sp-phone-close{color: #fff;text-align: center;margin-bottom: 1em;}
.phone-panel {border-radius: 6px;background: #fff;color:rgba(32,62,56,1);margin:1em;padding:.5em;}
.phone-panel a {display: block;}

.sp-nav1 {height:55px;}
.sp-nav2 {height:55px;}

.sp-nav-area li {border: 0;padding: 0;margin: 0 1em 0 0;display: inline-block;float: left;width: 45%;}




/* thanks */
.thanks {width:300px;text-align:center;margin:20px auto;padding:20px;border:1px solid #000;}
.thanks p{text-align:center;}
.thanks h4{text-align:center;}

.thx-box {margin:2em auto;background:#336600;color:#fff;padding:1em;display:inline-block;}


/* モバイル設定 **************************************************************************************************************/
@media ( max-width : 960px ) {
	
.pc {display: none;}
.sp {display: block;}

BODY {background-repeat:repeat-x;}
img {max-width:100%;height:auto; }

.sp-top-bg {background: url(img/sp-top-bg.jpg);background-repeat:repeat-x;}

h2 {font-size:1.2rem;font-weight:normal;margin-bottom: 1em;}
h3 {font-size:1.2rem;margin-bottom: .5em;}

/* header */

.topbar {height: 10px;width: 100%;background-image:url(img/top-bar.png);margin-bottom: 20px; }
.header-area {max-width: 100%;margin: 0 auto;}
.header-logo {float: left;padding-top: 12px;padding-left:12px;width:60%;text-align: left;}
.header-logo img {max-width: 280px;}
.header-tel {display: none;}
.header-icon-sp {text-align: center;float:right;}

.row {max-width: 90%;margin:1em auto;}
.left-70 {width:100%;float: none;margin-right:0;text-align: left;margin-bottom: 1em;}
.right-30 {width:100%;float: none;}
.div2 li {width: 100%;margin-bottom: 1em;}
.div3 li {width: 100%;}
.top-spot li{margin-bottom: 1em;}
.top-spot h3{border-bottom: 0;border-top: 1px solid #429184;margin-bottom: 0em;padding-bottom: 0em;padding-top:1em;color:#429184;font-size:1em;}
.top-spot p{margin-bottom: 0;}
.div2x li {width:47.5%;}
.div3x li {width:100%;margin-bottom: .5em;}

/* top */
.news-sub {display: none;}
.top-h2 {display:block;width:100%;margin-bottom: .5em;}
.top-h2e  {visibility:hidden;}

/* top nyumon */
.top-nyumon-step {position: relative;margin-bottom: 2em;font-size:0.85em;}
.top-nyumon-step th{background: #eee;}
.top-nyumon-step li {border-bottom: 1px dotted #5b6b86;padding-bottom: .5em;margin-bottom: .5em;}
.top-nyumon-stamp {position: absolute;right:0;bottom:0;}


/* 入門コース */
.ttl-1 {background-image:url(img/icon-ttl.png) ; background-repeat: no-repeat;height:auto;background-position: center top; text-align: center;padding: 60px 0 0 0;font-size:20px;font-weight: bold;margin-bottom: 1em;}
.nyumon-img {margin: 0 auto 20px auto;width: 100%;}
.nyumon-img img{width: 100%;}
.nyumon-h {padding: 0 .5em .5em .5em ;}
.nyumon-stamp {position: absolute;bottom: 10px;right:10px;width:80px;}


/* honkaku detail */
.course-sb {width:100%;float: none;}
.course-main {width:100%;float: none;}


/* class room */

/* ページタイトル */
.page-ttl {text-align: center;background-repeat: no-repeat;height:auto;padding: 65px 0 0 0;margin-bottom: 1rem auto;background-position: center top;width: 100%;}
.page-ttl h2 {padding: 0;margin: 0;font-size: 24px;text-align: center;}
.page-ttl h4 {padding: 0;margin: 0;font-size: 14px;text-align: center;}

.page-ttl2 {text-align: center;background-repeat: no-repeat;height:auto;padding: 65px 0 0 0;margin-bottom: 1rem auto;background-position: center top;width: 100%;}
.page-ttl2 h2 {padding: 0;margin: 0;font-size: 24px;text-align: center;}
.page-ttl2 h4 {padding: 0;margin: 0;font-size: 14px;text-align: center;}

.area-sb {width:100%;margin-right: 0%;float:none;margin-bottom: 2rem;}
.area-main {width:100%;float:none;margin-bottom: 2rem;text-align: left;}
.area-sb ul {margin-bottom: 1rem;}
.area-sb li {padding-left: 1rem;float: left;}


.classroom-panel tr {}
.classroom-panel th {width:100%;vertical-align: top;text-align:left;color:#3898B6;padding-right:0;font-size: 1rem;padding-bottom: .5rem;display: block;}
.classroom-panel td {width:100%;vertical-align: top;padding-bottom: 0.5rem;display: block;}
.classroom-panel li{background:#fff;box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;padding: 1rem;margin-bottom: 1rem;}
.classroom-panel-h{color:#3898B6;border-bottom: 2px solid #3898B6;width: 100%;display: block;font-size: 1.25rem;padding-bottom: 0;margin-bottom: 1em;}
.classroom-panel i {display: none;}
.classroom-btn i {display: inline;}


/* voice */
.voice-panel li{background:#fff;box-shadow:0px 0px 6px 0px #ccc;-moz-box-shadow:0px 0px 6px 0px #ccc;-webkit-box-shadow:0px 0px 6px 0px #ccc;padding: 1rem;margin-bottom: 1rem;position: relative;display: block;}
.voice-panel h3 {font-size:1rem;color:#3898B6;font-weight: bold;text-align: center;margin-bottom: 0.25rem;}
.voice-panel h4 {font-size:0.875rem;color:#3898B6;margin-bottom: 0.25rem;text-align: center;}
.voice-icon {position: relative;text-align: center;margin-bottom: .5em;}


/* skill up */
.skillup-2div-l {float: none;width: 100%;margin-right: 0%;}
.skillup-2div-r {display: none;}



/* emondo */
.emondo-l-70 {float:none;width:100%;margin-right: 0%;}
.emondo-r-30 {float:none;width:100%;}
.emondo-l-30 {float:none;width:100%;margin-right: 0%;}
.emondo-r-70 {float:none;width:100%;}



/* 愛好家 */
.aikoka-sb {float: none;width:90%;margin-right:auto; margin-bottom: 1em;}
.aikoka-main {float: none;width:100%;margin-bottom: 1em;}
.aikoka-sb li {font-size: 12px;box-shadow:none;padding: 0 0 0.5em 0;margin-bottom: 1em;line-height: 1.4em;background: none;border-bottom: 1px solid #000;}
.aikoka h3 {font-size:1.25em;font-weight: normal;}
/* 愛好家 リスト */
.aikoka-list-main {float: none;width:100%;margin-right:0%;font-size:1em;margin-bottom: 1em;}
.aikoka-list-sb {float: none;width:100%;margin-bottom: 1em;}






/* footer */

.footer {background: #000;font-family: sans-serif;padding: 2em;font-size:0.85em;text-align: left;}
.footer a {color:#fff;}
.ft-logo {width:90%;}
ul.div4-ft {max-width:100%;margin:0 auto;}
.div4-ft {display:-webkit-flex;display:flex;-webkit-justify-content: space-between;justify-content: space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.div4-ft li {width:100%;height: 100%;border-right:0 solid #fff;padding-right: 1em;}
.div4-ft li:first-child {width:100%;}
.div4-ft li:last-child {border-right:0;}

	
	}