@charset "utf-8";
/*---------------------------------------------------------
 * Slidebars
 * Version 0..10
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
---------------------------------------------------------*/
#sb-site,.sb-site-container,.sb-slidebar{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:100%;}body#user,html{width:100%;overflow-x:hidden}html{height:100%}body#user{min-height:100%;height:auto;position:relative}html.sb-scroll-lock.sb-active:not(.sb-static){overflow:hidden}#sb-site,.sb-site-container{width:100%;position:relative;z-index:1;background-color:#fff}.sb-slidebar{height:100%;overflow-y:auto;position:fixed;top:0;z-index:0;display:none;background-color:#333;-webkit-transform:translate(0);width:30%}.sb-left{left:0}.sb-right{right:0}.sb-slidebar.sb-static,html.sb-static .sb-slidebar{position:absolute}.sb-slidebar.sb-active{display:block}.sb-style-overlay{z-index:9999}.sb-momentum-scrolling{-webkit-overflow-scrolling:touch}.sb-width-thin{width:15%}.sb-width-wide{width:45%}@media (max-width:480px){.sb-slidebar{width:70%}.sb-width-thin{width:55%}.sb-width-wide{width:85%}}@media (min-width:481px){.sb-slidebar{width:55%}.sb-width-thin{width:40%}.sb-width-wide{width:70%}}@media (min-width:768px){.sb-slidebar{width:40%}.sb-width-thin{width:25%}.sb-width-wide{width:55%}}@media (min-width:992px){.sb-slidebar{width:30%}.sb-width-thin{width:15%}.sb-width-wide{width:45%}}@media (min-width:1200px){.sb-slidebar{width:20%}.sb-width-thin{width:5%}.sb-width-wide{width:35%}}#sb-site,.sb-site-container,.sb-slide,.sb-slidebar{-webkit-transition:-webkit-transform 400ms ease;-moz-transition:-moz-transform 400ms ease;-o-transition:-o-transform 400ms ease;transition:transform 400ms ease;-webkit-transition-property:-webkit-transform,left,right;-webkit-backface-visibility:hidden}.sb-hide{display:none}

/*---------------------------------------------------------
//  **Media Queries **
---------------------------------------------------------*/
/*common*/
.viewt,.viewi{display:none;}
.wrapper,.container{width:100%;max-width:950px;}
.bx-wrapper{width:100%;max-width:690px;}

/*slider*/
/*.slides a{display:block;width:100%;height:400px;overflow:hidden;position:relative;}
.slides a img{position:absolute;top:0;bottom:0;margin:auto;}*/

/*sb-slidebar*/
.sb-slidebar *{box-sizing:border-box;}
.sb-slidebar #menu_head #formWp div.signUp{border:solid 2px #fff;width:75px;border-radius:none;font-size:11px;text-align:center;display:block;color:#fff;padding:4px 0px 3px 0px;position:relative;margin-bottom:10px;}
#user.slider-wrapper{margin-bottom: 20px;}
.sb-slidebar #menu_head{background-color:#282828;overflow:hidden;padding:0px 5% 0px 0px;}
.sb-slidebar #menu_head h1{float:left;padding:10px 0px 10px 15px;}
.sb-slidebar #menu_head h1 a{width:50px;height:30px;display:block;background:url("/img/add/sp/component/sidebar_logo.png") no-repeat;background-size:50px 30px;float:left;}
.sb-slidebar #menu_head #formWp div.signUp a{height:24px;line-height:24px;display:block;color:#fff;}
.sb-slidebar ul{margin-bottom:40px;}
.sb-slidebar ul li{margin:0 8px;border-bottom:solid 1px #666;}
.sb-slidebar ul li a{color:#fff;font-size:14px;display:block;padding:10px;}
.sb-slidebar ul li span.spece{display:block;
	height:20px;
}



.sb-toggle-right{display:none;float:right;width:2em;width:36px;height:36px;background:#d1ac44 url("/img/component/icon_menu.png") no-repeat center center;background-size:30px 30px;position:absolute;top:12px;right:12px;cursor:pointer}
.sb-toggle-right:hover{opacity:.8;}
@media(max-width:950px){
  .wrapper{width:100%;max-width:950px;}
  .col1{width:20%;}
  .col2{width:40%;}
  .col3{width:60%;}
  .col4{width:80%;}
  .col5{width:100%;}
  /*index*/
  body.indexpage .catch_stage{width:100%;max-width:950px;}
  body.indexpage .catch_stage .coll3{box-sizing: border-box;width:100%;max-width:950px;}
  .scroll-pane-arrows{height:300px;overflow:auto;}
}
@media(max-width:768px){
  /*common*/
  body{-webkit-text-size-adjust: 100%; }
  .viewt{display:block;}
  .hiddent{display:none !important;}
  .imgresize img{width:100%;height:auto;margin:0;}
  .imgresize img.w50{width:60%;height:auto;margin:0;}
  .imgresize input[type="submit"]{width:280px!important;height:58px!important;margin:0 0 25px;background-size:contain!important;}
  #img-btn{background-size:contain!important;background-position:bottom!important}
  .imgretina{width:50%;height:auto;}
  /*sb*/
  #sb-site.main_content{padding:60px 0 0 0;}
  .sbpics {width:50px;height:50px;margin:0;}
  .sbpics *{line-height:100%;}
  .sbpics img{width:40px;height:40px;margin:5px;}
  .sbprofile{overflow:auto;}
  .sbprofile li{display:inline-block;}
  .sb-slidebar .sbprofile h4{color:#fff;margin:5px 0 0 5px;line-height:100%;}
  .sb-slidebar .sbprofile ul{margin:0 0 5px;}
  .sb-slidebar .sbprofile ul li{margin:0 0 0 5px;border:none;}
  .sb-slidebar .sbprofile ul li a{font-size:85%;padding:0;}
  .sb-slidebar #menu_head #formWp{overflow:hidden;padding:5% 0px 0px 0%;float:right;}
  .sb-toggle-right{display:block;}
  header{border-bottom:none;}
  #kiheader{height:60px !important;}
  .logo {width:170px;margin-top:5px;}
  .logo img{width:100%;}
  #header{position:fixed;top:0;width:100%;height:60px;background:#fff;opacity:.95;z-index:4;}
  #header header{border:none;height:60px;background:transparent;}
  header #title{width:200px;overflow:hidden;margin:5px 0 5px 10px;height:40px;float:left;}
  header #title a{background-position:left center;background-size:auto 25px;}
  .smhres{color:#fff;font-size:13px;vertical-align:middle;background: #282828}
  .smhres a{display:inline-block;width:24px;height:24px;background:#F54A1B;margin:5px 2px 10px;border-radius:50%;line-height:24px;}
  .smhres a:link,.smhres a:visited,.smhres a:active,.smhres a:hover{color:#fff;text-decoration:none;}
  /*common*/
  #content{background:none;width:100%;box-sizing:border-box;padding:10px;}
  .colf_stage{margin:0;width:100%;}
  #main .box{padding:0;margin:0;}
  #user #main .container{margin:0;}
  #main h1,#main .box h1,#main .index h1{margin:0 0 1em;font-size:153.9%;text-align:center;}
  #main .box h2{font-size:116%;}
  #main .box h3{font-size:116%;}
  div#contents{width:100% !important;max-width:690px;box-sizing:border-box;padding:10px;}
  #wrapDiscription{width:100% !important;max-width:690px;}
  .indexpage .pr-text,#archives_mini > ul li a div{float:none;width:inherit;overflow:auto;font-size:93%;box-sizing: border-box}
  #archives_mini > ul li a div span{font-size:93%;}
  #campaign{width:100%;}
  .kicontainer{width:100%;max-width:690px;font-size:93%;}
  /*index*/
  .partition{background:none;box-shadow:none;}
  .colhalf{width:100%;margin:}
  #main .index section{padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid #ebebeb;}
  #ip_likes,#ip_likes img {width:100%;max-width:690px;height:auto;}
  .tanaka_p{float:left;width:30%;display:block;margin:0 5% 0 0;}
  .tanaka_p img{width:100%;margin-top:1em;}
  .important{width:65%;float:right;font-size:93%;}
  /*about*/
  .about #main section{margin:0 -10px;}
  .about #main section h1{margin:0 10px 1em;}
  #beg_info1,#beg_info2,#beg_info3,#beg_info4,#beg_info5,#beg_info6,#beg_info7,#beg_info8{background-size:100px auto;background-position: 7px 22px;}
  .about .colf_stage div,.beg_info{width:100%;}
  .beg_info{padding:20px 10px 30px 30px!important;box-sizing: border-box;font-size:93%;}
  /*plan*/
  .colki{width:100%!important;max-width:690px;}
  #planlist{width:100%!important;max-width:690px;}
  .plan #planlist h2{margin:0 0 1em;}
  /*voice*/
  .voicebox{font-size:93%;}
  /*slider*/
/*  .slides a{display:block;width:100%;height:300px;overflow:hidden;position:relative;}
  .slides a img{position:absolute;top:0;bottom:0;margin:auto;}*/
  /*講師詳細*/
  #user #main .profleft,#user #main .reviewleft{width:100%;margin:0 0 10px;}
  #user #main .profleft img,#user #main .reviewleft img{width:100px;height:100px;float:left;border-width:5px;}
  #user #main .profleft .dtlrank,#user #main .profleft .dtlpoint,#user #main .profleft ul,#user #main .reviewleft .dtlrank,#user #main .reviewleft .dtlpoint,#user #main .reviewleft ul{margin-left:120px;}
  #user #main .prof .profright,#user #main .review .reviewright{width:100%;}
  #user #main .reviewleft div{margin-left:120px;}
  #user #main .schedule td{height:50px;font-size:79%;}
  /*お問い合わせ*/
  #user #main .commonform{background-image:none;margin:0;padding:0;box-sizing: border-box;border:5px solid #ebebeb;border-radius:5px;}
  #user #main .commonform *{box-sizing: border-box;}
  #main .commonform fieldset{padding:15px;margin-bottom:0;}
  #main .commonform fieldset dl{width:100%;padding:0;}
  #main .commonform fieldset dl dt,#main .commonform fieldset dl dd{width:100%;border:none;line-height:1.7;min-height:inherit;}
  #main .commonform fieldset dl dd{padding-bottom:15px;font-size:93%;}
  #main .commonform fieldset dl dd .medium{width:80px;}
  #main .commonform fieldset dl dd .large,#main .commonform fieldset dl dd .xlarge,#main .commonform fieldset dl dd .xxlarge,#main .commonform fieldset dl dd .xxxlarge,#main .commonform fieldset dl dd select{width:100%;}
  #main .commonform fieldset dl dd ul.note{margin-bottom:5px;}
  #main .commonform .action{width:100%;background:none;border:none;box-shadow:none;padding-top:0;}
  #main .commonform .action input[type="submit"]{height:30px;line-height:30px;padding:0 10px;margin-bottom:15px;}
    #main .commonform .action input[type="file"]{width:100%;}
  /*prflstfrm*/
  #main .list{padding:10px 0;}
  #main .list .introductionlist{width:100% !important;}
  #main .list .introductionlist .t12{margin-bottom:5px;}
  #user #main .loop_right{width:100%;margin-bottom:5px;}
  #main .list .profilelist{width:100% !important;margin-right:-90px;}
  #main .search .w10,#main .search .w20,#main .search .w30,#main .search .w40,#main .search .w50,#main .search .w60,#main .search .w70,#main .search .w80,#main .search .w90{width:100% !important;}
  #main .search input[type="text"].w30{width:30%!important;}
  #main .search select.w100{width:30%!important;}
  #main .search dt{width:100% !important;}
  #main .search dd{width:100% !important;margin:0 0 5px;}
  #main .search .searchtop.alignRight{text-align:center;margin-bottom:5px;}
  /*lesson*/
  #timeline .event .wrapRight{width:50%;}
  #timeline .event .wrapRight img{width:100%;height:auto;}
  #timeline .event p, #timeline .event ul, #timeline .event div {overflow:inherit;}
  /*mypage*/
  #lessonadvice{width:100% !important;}
  .smartmenu{width:100%;text-align:center;margin-bottom:15px;}
  .smartmenu *{box-sizing:border-box;}
  .smartmenu ul{font-size:0;text-align:center;display:inline-block;margin:10px auto 15px;}
  .smartmenu li{font-size:9px;display:inline-block;width:60px;text-align:center;}
  .smartmenu li a{background:#d1ac44;display:block;width:56px;height:56px;border-radius:50%;color:#fff;padding-top:33px;overflow:hidden;background-position:center 5px;background-size:48%;background-repeat:no-repeat;}
  .smartmenu .mntop{background-image:url("/img/icon/mypage_top.png");}
  .smartmenu .mncal{background-image:url("/img/icon/mypage_calendar.png");}
  .smartmenu .mnprof{background-image:url("/img/icon/mypage_prof.png");}
  .smartmenu .mnstar{background-image:url("/img/icon/mypage_star.png");}
  .smartmenu .mnlist{background-image:url("/img/icon/mypage_list.png");}
  /*youtube*/
  .youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }
  dl.lessonmemo{height:400px;}
  dl.lessonmemo,dl.lessonmemo dd, dl.lessonmemo dt{width:100% !important;}
}
@media(max-width:480px){
  .viewi{display:block !important;}
  .hiddeni{display:none !important;}
  .imgresize img.w50{width:100%;height:auto;margin:0;}
  body{font-size:13px;}
  #main h2{margin-bottom:1em;}
  #contents{margin-top:0;}
  #wrapDiscription p{padding:5px;}
  .fh2{font-size:18px;}
  .fh3{font-size:16px;}
  .fh4{font-size:16px;}
  .paragraph{font-size:93%;padding-bottom:25px;}
  #main .commonform fieldset dl dd td{font-size:12px !important;}
  /*slider*/
  a.bx-prev,a.bx-next{display:none;}
  /*.slides a{display:block;width:100%;overflow:hidden;position:relative;height:200px;}
  .slides a img{position:absolute;top:0;bottom:0;margin:auto;}*/
  .col1,.col2,.col3,.col4{width:100%;}
  /*index*/
  .indexpage h3.cyan_bg{font-size:116%;padding:5px;}
  .scroll-pane-arrows{height:200px;overflow:auto;}
  /*prflstfrm*/
  #main .list .profilelist{float:right;}
  #main .list .imagelist{width:90px;margin:5px 0 0;float:left;}
  #main .list .imagelist img{width:80px;height:80px;}
  #main .list .introductionlist{font-size:85%;clear:both;}
  #main .list .introductionlist .introduce{height:60px;overflow:hidden;}
  .prflsfrm .introduce, .prflsfrm .characterloop, .prflsfrm .interestloop{margin:0;}
  .prflsfrm .search dl{margin:0;}
  #main .search dd.w100,#main .search dd.w75,#main .search dd.w50{margin:0 0 10px;}
  #main .search dt.search-title{margin-bottom:5px;}
  /*lesson*/
  #timeline .event .wrapRight{width:40%;}
  /*Material*/
  #user #main .curriculum img{width:60px;}
  #user #main .curriculum h3,#user #main .curriculum p{margin-left:70px;}
  /*difference*/
  .mazenda.w35,.mazenda.w100{width:inherit;}
  .difference .difference-image{margin-left:10px;width:40%}
  .difference .difference-image img{width:100%;}
  .difference .difference-text{float:none;width:inherit;}
  /*eedu*/
  #eeduwrap{width:inherit;margin:0 -50px;}
  #eeduwrap .eedunav{width:inherit;top:-50px}
  #eeduwrap .eedunav img{width:auto;height:15px;}
  #eeduwrap .eedunav span{padding-left:30px!important;}
  #eeduwrap .eedunav .en01{width:100%;position:relative;left:50px;}
  #eeduwrap .eedunav .en02{width:100%;position:relative;left:50px;}
  .eedu_sc{width:inherit!important;margin:0 50px;top:-100px;}
  #eedu_sc_list img{width:40px}
  #eedu_sc_list li{font-size:93%;}
  /*abroad*/
  #abr_top,#stage{width:100%;}
  #abroad #infslide2{width:95%;}
  #abroad #infslide2 ul li,#abroad #infslide2 ul li p{width:inherit;font-size:85%;}
  #abroad_prof{width:70%;margin:0 auto;}
  /*lesson*/
  #timeline .event .eventcol strong{font-size:93%;}
  #timeline .event .eventcol img{width:95%;margin:0 auto;height:auto;}
  #main .event .wrapRight{width:40%;}
  #main .event .wrapRight img{width:100%;}
  #main .event .lesson-image{margin-left:10px;width:40%}
  #main .event .lesson-image img{width:100%;}
  #main .event .lesson-text{float:none;width:inherit;}
  /*skype*/
  #timeline .event .eventcolleft, #timeline .event .eventcolright{width:100%;}
  /*mypage*/
  #main .review .block input[type="submit"]{width:100%;box-sizing:border-box;margin-bottom:10px;}
  #main .review .block textarea{width:100%;box-sizing:border-box;margin-bottom:5px;}
  /*dashboard*/
  #main .review .info dl{height:200px;}
  /*schedule*/
  .block li{font-size:93%;}
  #main .pager li{font-size:11px;}
  #main .btn a:link, #main .btn a:visited{height:19px;line-height:19px;font-size:11px;clear:both;}
  /*review*/
  #main .block .lsntimes{font-size:16px!important;}
  #main .block .t20{font-size:24px!important;line-height:100%;}
  #main table.default th{font-size:12px;vertical-align:middle;}
  #main .review .info .block dl{width:100%;box-sizing: border-box;}
  #main .review .block .w25,#main .review .block .w75{clear:left;width:100%;}
  #main .review .block .w75 textarea{height:150px!important;}
  /*lesson*/
  #main .lesson table td{font-size:12px;}
  #main .lesson table td .button{white-space: nowrap;}
  #main .lesson table th{width:inherit!important;}
  /*card*/
  .miniLayout .shadowBox{margin:0!important;}
  /*contact*/
  #main #incont th,#main #incont td{font-size:93%;}
}