@charset "UTF-8";
@media screen and (max-width:480px){

.waku{ padding:0px 5%; }
.waku1000{ padding:0px 5%; }
.waku1200{ padding:0px 5%; }

.pts{ font-size:14px; line-height:16px; }
.pts1{ font-size:13px; }
.pts2{ font-size:12px; }
.pts3{ font-size:9px; }
.pts4{ font-size:15px; }
.pts5{ font-size:30px; }
.pts6{ font-size:30px; }
.pts7{ font-size:15px; }
.pts8{ font-size:14px; }
.pts9{ font-size:19px; }
.pts10{ font-size:18px; }
.pts11{ font-size:16px; }

/*メニュー*/
div#menubg{ height:50px; }
div#menubg .waku ul{ }
div#menubg .waku ul li{ }
div#menubg .waku ul li.ho{ margin-top:15px; }
div#menubg .waku ul li.ho img{ width:200px; }
div#menubg .waku ul li a.ico{ margin-top:12px; margin-left:5px; width:26px; height:26px; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }

div#menubg .waku ul li.sm{ margin-top:14px; margin-left:10px; }
div#menubg .waku ul li.sm a div{width:23px; }
div#menubg .waku ul li.sm a div p{ margin:0px auto; }
div#menubg .waku ul li.sm a div p.c1{ border-bottom:2px solid #FFF; }
div#menubg .waku ul li.sm a div p.c2{ border-bottom:2px solid #FFF; margin:4px 0px; }
div#menubg .waku ul li.sm a div p.c3{ border-bottom:2px solid #FFF; margin-bottom:4px; }
div#menubg .waku ul li.sm a div p.c4{ font-size:8px; line-height:8px; }

div#thumbBtnbg{ bottom:10px; height:5px; }
ul#thumbBtn{ height:5px;}
ul#thumbBtn li{ margin-left:7px; width:25px; height:5px; }

ol li a{ font-size:10px; }

div#openingbg{ height:450px; }
ul#view { }
ul#view li img{ width:100%; }

/*
img.copy{ width:90%; left:5%; top:100px; }
a img.fbban{ width:90%; left:5%; top:270px;  }
*/
img.copy{ width:340px; left:2%; top:180px; }
a img.toiawaseban{ display:none; }
a img.toiawaseban2{ float:left; width:44%; margin:25px 1% 0px 5%; }
a img.fbban{ display:none; }
a img.fbban2{ float:left; width:44%; margin:25px 5% 0px 1%; }

a img.toiawaseban_sma{ display:block; width:100%; margin-top:35px; }
a img.fbban_sma{ display:block; width:100%; margin-top:15px; }


/*ページヘッド*/
#pagebg{ height:250px; }
#pagewaku h1{ font-size:14px; text-align:center; }
#pagewaku h2{ font-size:35px; text-align:center; padding-top:100px; }

div#infobg1{ display:none; bottom:35px; }
div#infobg1 ul#info{ }
div#infobg2{ display:block; }
img.infobg2-cap{ display:inline-block; }

div#sec1bg{ }
div#sec11bg{ padding:200px 0px; }

/*キャプション*/
h1.cap1{ font-size:35px; }
h2.cap2{ }

/*top コンテンツメニュー*/
div.conbg{  }
div.conbg .con{ background-size:100%; padding-top:35%; }
div.conbg .con-l{ padding-right:0%; background-position:center top; }
div.conbg .con-r{ padding-left:0%; background-position:center top; }
div.conbg .con .wbg{ width:90%; margin:0px 5%; padding:25px; background:url(../img/w50.png); box-shadow:0px 0px 5px #000; }
div.conbg .con .wbg h1.cap{ font-size:21px; background-size:31px; padding-left:50px; }
div.conbg .con .wbg p.det{ }
div.conbg .con .wbg a.btn{ height:40px; line-height:40px; width:70%; margin:0px 15%; background-size:6px; }

div.pdfi{ width:90%; margin:0px 5%; }
div.pdfi a.p1{ float:left; width:40%; margin-right:10%; }
div.pdfi a.p1 img{ width:100%; margin:35px 0px 0px 0px; }
div.pdfi a.p1 p{ margin:10px 0px 0px 5px; }
div.pdfi a.p1 img:hover{ opacity:0.7; filter:alpha(opacity=70); }
div.pdfi a.p1 p:hover{ opacity:0.7; filter:alpha(opacity=70); }
div.pdfi a.p2{ float:left; width:40%; margin-right:0%; }
div.pdfi a.p2 img{ width:100%; margin:35px 0px 0px 0px; }
div.pdfi a.p2 p{ margin:10px 0px 0px 5px; }
div.pdfi a.p2 img:hover{ opacity:0.7; filter:alpha(opacity=70); }
div.pdfi a.p2 p:hover{opacity:0.7; filter:alpha(opacity=70); }

div.jpbg{ }
div.jpbg a.btn{ width:200px; line-height:40px; height:40px; margin:120px auto; }

br.smaon{ display:block; }

/*新着情報*/
ul.tinfo{}
ul.tinfo li{ padding:5px 0px; }
ul.tinfo li a{ padding:0px 2.5%; height:40px; }
ul.tinfo li a span{ line-height:20px; display:block; }
ul.tinfo li a span.dt{ padding-right:0px; margin-right:0px; border-right:none; }
ul.tinfo li a span.da{ }
a.ibtn{ width:200px; line-height:40px; height:40px; }


/*ジャパンポラリスとは*/
h1.c-cap{ font-size:26px; }
h1.c-cap span{ margin-left:15px; }
h2.c-sub{ font-size:14px; margin-bottom:35px; }
h2.c-sub span{ display:block; width:0px; }
img.jppl{ width:100%; }
div.incc{ padding:25px; }
p.lnc{ line-height:26px; }
span.sen{ line-height:26px; }


/*受講をお考えの方へ*/
div.p-sub{ background-position:top center; background-size:100%; padding-top:200px; }
div.p-right{ float:none; width:80%; padding:0px 25px 25px; margin:0px auto; }
div.p-right img{ width:75%; }

img.fimg{ float:none; width:100%; }
img.fimg2{ float:none; width:100%; }
img.fimg3{ float:none; width:100%; }
div.fdet{ padding-right:0%; padding-top:5%; }
div.fdet2{ padding:5% 0% 5% 0%; }
div.fdet3{ padding:5% 0% 5% 0%; }
div.fdet2 h1{ text-align:left; }
div.fdet3 h1{ text-align:left; }

div.point{}
div.point h1{ }
div.p1{ background-position:top center; background-size:75px; padding-left:0px; padding-top:60px; }
div.p2{ background-position:top center; background-size:75px; padding-left:0px; padding-top:60px; margin-top:35px; }
div.p3{ background-position:top center; background-size:75px; padding-left:0px; padding-top:60px; margin-top:35px; }
div.p3 img{ float:left; width:100%; margin-right:0%; margin-bottom:0px; }
div.p3 div{ width:100%; }

/*授業料について*/
ul.ra li img{ width:50%; }
ul.ra li h1{ }
ul.ra li h2{ margin:15px 0px; }
ul.ra li h3{ }

.ratNEN br{ display:block; }

/*pageview*/
ul.pageview{ clear:both; padding:5px 0px; font-size:11px; }
ul.pageview li{ line-height:26px; margin:2.5px; }
ul.pageview li a{ width:26px; height:26px; line-height:26px; -webkit-border-radius:13px; -moz-border-radius:13px; border-radius:13px; }

/*会社案内*/
div.hikage{ width:100%; }
div.hikage img{ float:none; width:60%; margin:0px 20% 35px; }
div.hikage p{ float:none; width:100%; }
div.hikage p span{ float:right; }

div.g-sub{ background-position:top center; background-size:contain; padding-top:45%; }
div.g-right{ float:right; width:100%; padding:5%; margin:0px; }

div.combg{ display:block; width:100%; margin-bottom:15px; }
div.com{ display:inline-block; padding:2.5%; }
div.com,div.com p,div.com a{ font-size:12px; }
div.com1{ width:100%; text-align:left; border-right:none; border-bottom:1px solid #ccc; padding:2.5% 5%; box-shadow:none;  }
div.com2{ width:100%; overflow:hidden; }
div.com2 img{ float:none; margin-right:0px; margin-bottom:10px; width:100%; }
div.com2 img.rcom{ float:none; margin-left:0px; margin-right:0px; border-bottom:10px; width:100%; } 
div.com2 div{ width:100%; clear:both; }
div.access{ height:250px; }

div.ceo-l{ float:none; width:100%; }
div.ceo-r{ float:none; width:100%; padding-top:25px; }

img.ceo{ width:80%; }


/*写真一覧*/
.res32{ width:100% }
.res32.c1{ margin:0px 0px 5%; }
.res32.c2{ margin:0px 0px 5%; }
.res32.c3{ margin:0px 0px 5%; }
.res32.c1 div.imgbg{ box-shadow:0px 10px 10px #888; }
.res32.c2 div.imgbg{ box-shadow:0px 10px 10px #888; }
.res32.c3 div.imgbg{ box-shadow:0px 10px 10px #888; }

/*あいさつ文*/
.c-left{ float:left; width:100%; padding-top:60%; }
.c-right{ width:100%; padding-left:0px; padding-top:45px; }

/*Google*/
div#map{ height:350px; }

/* お知らせ・ブログ */
.responsive-l{ width:100%; }
.responsive-r{ width:100%; margin-left:0px; }

/*アーカイブ*/
.archives li{ width:100%; }

/*PREV_NEXT*/
div#prevback{ }
div#prevback ul li{ line-height:40px; height:40px; }
div#prevback ul li a{ line-height:40px; height:40px; }
div#prevback ul li div.ppi{ float:left; width:40px; padding-top:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
div#prevback ul li div.nni{ float:right; width:40px;padding-top:40px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; }
div#prevback ul li div.ppf{ line-height:40px; height:40px;  }
div#prevback ul li div.nnf{ line-height:40px; height:40px;  }

/*お問い合わせ*/
div.c1122bg{ border-left:4px solid #aaa; display:block; padding:5px 0px 5px 5%; }
div.c1122bg div.c11{ display:block; width:100%; padding-bottom:5px; }
div.c1122bg div.c11 span{ }
div.c1122bg div.c22{ display:block; width:100%; }
div.c1122bg div.c22 p{  }
div.c1122bg div.c22 div.img{ width:125px; padding-top:60px; margin-right:5%; }

.btn{ line-height:40px; width:80%; height:40px; }
.btn.gr{ margin:0px auto 5px; }
.btn.br{ margin:5px auto 0px; }

/*フッター*/
/*フッター*/
div.footbg1{ }
div.footbg1 img.flogo{ float:none; width:100%; margin-bottom:25px; }
div.footbg1 a.fcon{ float:none; line-height:40px; height:40px; background-size:30px; padding:0px 15px 0px 45px; background-position:10px center; }
div.footbg2{ }
div.footbg2 .foot-l{ float:left; width:100%; text-align:left; }
div.footbg2 .foot-l h1{ }
div.footbg2 .foot-l p{ }
div.footbg2 .foot-l p a{ }
div.footbg2 .foot-l p.ad{ }
div.footbg2 .foot-l p.ad a{ background-size:14px; padding-right:20px; }
div.footbg2 .foot-l p.te{ }
div.footbg2 .foot-r{ float:right; width:100%; text-align:left; padding-top:25px; }
div.footbg2 .foot-r h1{ margin-bottom:5px; }
div.footbg2 .foot-r ul.fmenu{ width:100%; margin-bottom:10px; }
div.footbg2 .foot-r ul.fmenu li{ float:left; width:50%; }
div.footbg2 .foot-r ul.fmenu li a{  }
div.footbg2 .foot-r ul.fmenu li a:hover{  }
}