@charset "UTF-8";
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated:2010-09-17
Author:Richard Clark - http://richclarkdesign.com 
Twitter:@rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}

body {line-height:1;}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {display:block;}

ul {list-style:none;}

blockquote, q {quotes:none;}

blockquote:before, blockquote:after,
q:before, q:after {content:''; content:none;}

a {margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}

img {vertical-align: top; font-size:0; line-height: 0;}

/* change colours to suit your needs */
ins {background-color:#ff9; color:#000; text-decoration:none;}

/* change colours to suit your needs */
mark {background-color:#ff9; color:#000;  font-style:italic; font-weight:bold;}

del {text-decoration:line-through;}

abbr[title], dfn[title] {border-bottom:1px dotted; cursor:help;}

table {border-collapse:collapse; border-spacing:0;}

em{font-style:normal;}

/* change border colour to suit your needs */
hr {display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}

input, select {vertical-align:middle;}

/*IEhtml5*/
article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary{
display:block;
}

/*ClearFix*/
.clearfix:before,.clearfix:after {content:""; display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}


/*FONT*/
html{font-size:62.5%;}
body {font-size:16px; font-size:1.6rem;
font-family:"Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Gothic",sans-serif;
letter-spacing:0.1em;
line-height:1.6;
text-align:center;
-webkit-text-size-adjust: 100%;
color:#604c3f;
}
a{color:#604c3f;}
a:hover{color:#966748;}

img {max-width: 100%; height: auto; -ms-interpolation-mode: bicubic; display: inline-block; vertical-align: middle; }
a:hover img{opacity:0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )";}


/*header*/
header #headertxt{padding:5px 0; background:#604c3f; color:#fefefe; font-size:12px; font-size:1.2rem; text-align:left;}
header #headertxt h1{max-width:1200px; margin:0 auto; font-weight:100;}
header #headermain{text-align:center; margin-top:10px;}
header #headermain #contact{margin-top:10px; color:#604c3f;}
header #headermain .phone{position:relative; display:inline-block; font-family:'Roboto', sans-serif; font-weight:600; font-size:35px; font-size:3.5rem; text-align:center; margin:10px 0 5px 0; padding:0;}
header #headermain .phone a{color:#604c3f;}
header #headermain .phone .music{position:absolute; right:0px; bottom:45px; font-size:11px; font-size:1.1rem;}
header #headermain .times{display: none;}
#map{height:400px; width:100%; margin:0 auto;}

.gm-style-iw *{ display:block; width:100%;} 
.gm-style-iw h4, .gm-style-iw p{margin:0; padding:0;}
.gm-style-iw a{ color:#4272db;}


/*navi*/
#headertxt{display:none;}
header #headermain #contact .sp{display:none;}
#menu li .icon{display:none;} 
#menu li .fa-user{display:none;} 
#menu{display:block; height:auto; margin:0; padding:0;}
#menu li{float:left; width:20%; text-align:center; position:relative; /*z-indexの指定や子要素の基準とするために指定*/ z-index:1; /*ドロップダウンしたメニューが隠れないように*/}
#menu li a{padding:0 20px 10px 20px; border-top:none; border-right:none; background:none; color:#555555; display:inline-block; margin:auto;}
#menu li a:hover{background:none; color:#97c0f3;}
#menu li a:active{color:#5687F8;}

.slicknav_nav li{font-size:16px; border-top:1px solid #fff; text-align:left;}
.slicknav_nav .en{padding-left:10px; font-size:14px;}
.slicknav_nav .icon{padding-right:10px;}
.slicknav_nav .slicknav_row:hover{background:#604c3f !important;}
.slicknav_nav a:hover{background:#604c3f !important;}

.slicknav_menu{background-color:#604c3f !important;}
.slicknav_menu .slicknav_icon-bar{background-color:#fff !important;}
.slicknav_menu a:hover{color:#ccc !important;}
.slicknav_btn{background-color:#604c3f !important;}

i.fa.fa-caret-right{display:none;}
.fa-user{margin-right:10px;} 
#menu{display:none;} 
#freesp ul li{margin: 10px 0; float: left; width: 50%;}
#freesp ul li img{max-width: 96%; height: auto;}

@media screen and (min-width :500px){
#freesp ul{width: 500px; margin: 0 auto;}
} 

@media screen and (min-width :850px){
#headertxt{display:inherit;}

header #headermain{position:relative; padding:0 10px; height: 75px;}
header #headermain h2{padding-top:45px; position: absolute; left: 10px;}
header #headermain #freesp{display: none;}
header #headermain #contact .sp{display:inherit;}
header #headermain #contact .pc{display: none;}
header #headermain #contact{position:relative;}
header #headermain #contact ul{position: absolute; top: 0;}
header #headermain #contact ul li{float: left; margin-right: 5px;}
header #headermain #contact a{text-decoration:none;}
header #headermain #contact a.button {display: inline-block; text-align: center; line-height: 1; cursor: pointer; -webkit-appearance: none; transition: all 0.25s ease-out; vertical-align: middle; border: 1px solid transparent; border-radius: 0;  }
header #headermain #contact .mail a{display:block; margin:0px 0 10px 0; padding:6px; font-size:16px; font-size:1.4rem; background: #604c3f; color:#fefefe; text-align:center; border-radius:5px;}
header #headermain #contact .mail a:hover,header #headermain #contact .mail a:focus{background: #4c2712;}
header #headermain .freelesson a{display:block; margin:0px 0 10px 0; text-align:center;}
header #headermain #contact .line a{display:block; margin:0px 0 10px 0; height: auto; width: 185px; text-align:center; border-radius:5px;}
header #headermain #contact .line a:hover,header #headermain #contact .line a:focus{color: #3dd63d;}


header #headermain .phone{line-height:1; margin:60px 0 0 0; padding:0; position: absolute; right: 15px; text-align: right;}
header #headermain .phone .music{bottom:55px;}
header #headermain .times{display:block; font-size:14px; font-size:1.4rem; text-align:right; font-weight: 100; padding-top: 2px;}
header #headermain .times{display: inherit;}
#headermain #contact i.fa-twitter, #headermain #contact i.fa-facebook, #headermain #contact i.fa-line{font-size:18px; font-size:1.8rem;}
.fa-twitter{color:#fff; background:#3caee4; padding:5px 5px; vertical-align: middle; border-radius: 4px;}
.fa-facebook{color:#fff; background:#1968b3; padding:5px 10px; vertical-align: middle; border-radius: 4px;}
.fa-line{color:#3dd63d;  padding:4px;}


#menu{display:block; width:100%; margin:55px 0 25px 0;}

#menu ul{width:100%;}
#menu li{display:inline-block; box-sizing :border-box; width:25%; list-style:none; text-align:center; background:#eee; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding-top:8px; border-right:1px solid #ccc;}
#menu li a{color:#604c3f; text-decoration:none; font-weight:600;}
#menu li a:hover{color:#a89f5c;}
#menu li a:active{color:#c06b29;}
#menu li span{display:block;}
#menu li .icon{color:#e07523; font-size:16px; font-size:1.6rem;}
#menu li .en{font-size:12px; font-size:1.2rem; font-weight:400;}
.slicknav_menu{display:none;}
i.fa.fa-caret-right{font-size:14px; font-size:1.4rem; display:inline-block;}
} 



@media screen and (min-width :980px){
header #headermain h2{padding-top:25px;}
header #headermain #contact ul{position: absolute; top: 5px; right: 5px;}
#navi{background:#eee;}
#navi .sp{display: none;}
#menu{max-width:980px; margin:0 auto; margin-top:45px; margin-bottom:25px; text-align:center;}
#menu li{position:relative; width:auto; padding:0; border-top:none; border-bottom:none;border-right:none; background:none; border-right:1px solid #fff;}
#menu li:last-child{border-right:none;}
#menu li a{display:inline-block; padding:10px 20px; border-top:none; border-right:none; background:none; margin:auto; text-decoration:none;}
#menu li a:hover{background:#fff; color:#604c3f;}
#menu li span{display:block;}
#menu li .icon{color:#e07523; font-size:18px; display:block;}
#menu li .fa-user{color:#e07523; display:block; margin-right:0px; font-size:18px;}
}


@media screen and (min-width :1200px){
#headermain{width:1200px; margin:0 auto; position:relative;}
header #headermain #contact ul{right: 0;}
#headermain h2{text-align:left;}
#headermain #contact{text-align:right; top: -10px; right:5px; position:absolute;}
headermain #contact i.fa-twitter, #headermain #contact i.fa-facebook, #headermain #contact .mail, #headermain .freelesson{float:right;}
.fa-twitter{color:#fff; background:#3caee4; }
.fa-facebook{color:#fff; background:#1968b3;}
.times{font-size:14px; font-size:1.4rem;}
#menu{max-width:1200px; margin-top:60px;}
#menu li a{padding:10px 35px;}
header #headermain #contact{margin: 20px 0 0 0;}
header #headermain .phone{margin: 50px 0 0 0;}
header #headermain .phone .music{bottom:50px;}
}



/*コース一覧、キッズ・プロコースバナー*/
#course{margin:10px 0; text-align:center; width:100%;}
#course ul.lists{display:block; width:100%; margin-left:-20px;}
#course ul.lists li.cbox{list-style:none; background:none; float:left; width:48%; margin:0 5px 2px 0; padding-bottom:0px;}
#course ul.lists li.cbox img{margin:5px 0 0 12%; max-width:100%; height:auto; width /***/:auto;}
#course ul.sp{display:inherit;}
#course ul.tab{display:none;}
#course ul.pc{display:none;}

#kids, #beginner, #student, #english{margin:0 auto; margin-bottom:10px; }
#kids .pc, #beginner .pc, #student .pc, #english .pc{display: none;}

#others{width:100%; margin-top:15px;}
#others .otbox{width:100%; margin:10px 0;}
#others .otbox img{max-width:100%; height:auto; width /***/:auto;}
#others02 .otbox{width:100%; margin:10px 0;}
#others02 .otbox a{display:block;}


@media screen and (min-width :600px){
#course ul.sp{display:none;}
#course ul.tab{display:inherit;}
#course ul.pc{display:none;}

#course ul.lists{width:100%; margin-left:-20px;}
#course ul.lists li.cbox{list-style:none; background:none; float:left; width:32%; margin:0 5px 2px 0; padding-bottom:0px;}
#course ul.lists li.cbox img{margin:5px 0 0 12%; max-width:100%; height:auto; width /***/:auto;}
#kids .pc, #beginner .pc, #student .pc, #english .pc{display: inherit;}
#kids .sp, #beginner .sp, #student .sp, #english .sp{display: none;}

#others{width:100%; margin-top:15px;}
#others .otbox{width:32%; float:left; margin:10px 2% 10px 0;}
#others .lt{float:right; margin:10px 0 10px 0;}
#others .otbox img{max-width:100%; height:auto; width /***/:auto;}
#others02{width:100%; margin-top:15px;}
#others02 .otbox{width:49%; margin:10px 0; float:left; margin:0 2% 0 0;}
#others02 .lt{width:49%; margin:10px 0; float:left; margin:0 0 0 0;}
#others02 .otbox img{max-width:100%; height:auto; width /***/:auto;}
}

@media screen and (min-width :840px){
#course ul.sp{display:none;}
#course ul.tab{display:none;}
#course ul.pc{display:inherit;}
#course ul.lists{width:100%; margin-left:-20px;}
#course ul.lists li.cbox{list-style:none; background:none; float:left; width:24%; margin:0 5px 2px 0; padding-bottom:0px;}
#course ul.lists li.cbox img{margin:5px 0 0 12%; max-width:100%; height:auto; width /***/:auto;}
#kids, #beginner, #student, #english{width:100%; margin:15px 0 15px 0;}
}

@media screen and (min-width :975px){
#others{margin-top:15px;}
}

@media screen and (min-width :1025px){
#course ul.lists{width:100%; margin-left:-28px;}
#course ul.lists li.cbox{list-style:none; background:none; float:left; width:25%; margin:0; padding-bottom:0px;}
#course ul.lists li.cbox img{max-width:98%; height:auto; width /***/:auto;}
}



/*下層　共通設定*/
.maincontainer{width:96%; padding: 0 2%;}

@media screen and (min-width :975px){
.maincontainer{width:975px; margin:0 auto; padding: 0;}
}


#teachers h2{background:#fff7af;text-align:center;margin:20px 0;padding:25px 0;}
#teachers h3{font-size:24px; font-size:2.4rem;font-weight:600;}
#teachers h3 span{font-size:16px; font-size:1.6rem;}
#teachers h4{color:#d70051;font-size:21px; font-size:2.1rem;font-weight:600;}
#teachers .couselist{display:block;margin-bottom:15px;}
#teachers .couselist .item{display:inline-block; background:#8a8a8a; margin-right:15px; color:#fefefe; text-align:center; font-size:14px; font-size:1.4rem; padding:2px 5px;}
#teachers .large-4{padding-left:0;}
#teachers p{font-size:14px; font-size:1.4rem;}
#teachers .graybox{display:block;background:#e6e6e6;margin:25px 0;padding:25px 0;}
#teachers .whitebox{display:block;margin:25px 0;padding:25px 0;}

#concept h2{background:#fff7af;text-align:center;margin:20px 0;padding:25px 0;}
#concept h3{font-size:24px; font-size:2.4rem;font-weight:600;}
#concept h3 span{font-size:16px; font-size:1.6rem;}
#concept h4{color:#d70051;font-size:21px; font-size:2.1rem;font-weight:600;}
#concept .couselist{display:block;margin-bottom:15px;}
#concept .couselist .item{display:inline-block; background:#8a8a8a; margin-right:15px; color:#fefefe; text-align:center; font-size:14px; font-size:1.4rem; padding:2px 5px;}
#concept .large-4{padding-left:0;}
#concept p{font-size:14px; font-size:1.4rem;}
#concept .graybox{display:block;background:#e6e6e6;margin:25px 0;padding:25px 0;}
#concept .whitebox{display:block;margin:25px 0;padding:25px 0;}


/*パンクズリスト*/
#pankuzu{background:#ccc; font-size:14px; font-size:1.4rem; padding:2px 10px; margin:10px 0; text-align: left; width: 104%; margin-left: -2%;}
#pankuzu a{text-decoration:underline;}

@media screen and (min-width :850px){
#pankuzu{background:#fff; font-size:14px; font-size:1.4rem; padding:0; margin:0; text-align: left; margin-top: 20px;}
#pankuzu a{text-decoration:underline;}
}

@media screen and (min-width :975px){
#pankuzu{margin:20px 0;}
}


/*よく使うタイトル*/
h2.title{background:#fff297; text-align:center; padding:20px 0; line-height:2rem; font-size:28px; font-size:2.8rem; position:relative;}
h2.title span{display:block;}
h2.title .en{font-family:'Lora', serif; font-weight:600;}
h2.title .small{font-size:16px; font-size:1.6rem; margin-top: 10px; font-weight: normal;}
.new{border-radius:5px; background:#339933; color:#fff; font-weight:600; width:110px; font-size:15px; font-size:1.5rem; padding:0 2px; margin:0 auto; margin-bottom:10px; font-family:"Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;}
h3.subtitle{font-weight:600; text-align:center; font-size:24px; font-size:2.4rem; margin-bottom:10px; vertical-align:text-top;}

@media screen and (min-width :850px){
h3.subtitle{text-align:left; font-size:24px; font-size:2.4rem; margin-top:15px;}
}

@media screen and (min-width :975px){
h2.title{}
.wid{width:975px; margin:0 auto; position:relative;}
.new{position:absolute; left:0;}
}

/*無料体験レッスン*/

.freebox{background: #fff297; padding: 10px 3%;  width: 94%; margin-top: 25px; border: 5px solid #e6002d;}
.freebox h3{font-size: 2rem; font-size: 20px; font-weight: 600;}
.freebox h3 span{color: #e6002d;}
.freebox br.pc{display: none;}
.freebox img{max-width: 98%; height: auto; width /***/:auto; padding: 10px 0; margin-left: 1%;}

    @media screen and (min-width : 600px) {
.freebox h3{text-align: center;}
.freebox br.pc{display: inherit;}
}

    @media screen and (min-width : 840px) {
.freebox{width: 100%; margin: 0 auto; margin-top: 25px; text-align: center; padding: 10px 0;}
.freebox img{max-width: 700px; height: auto; width /***/:auto; margin: 0 auto; margin-left: 0;}
}

    @media screen and (min-width : 975px) {
.freebox .sp{display: none;}
}

/*体験レッスン*/
.clearfix_buttons{text-align:center;}
.clearfix_buttons button{background:#604c3f; color:#fff9e0; font-weight:600; padding:15px 0; width:40%;}
#formbox{margin:60px 0 50px 0; width: 96%;}
#formbox #ftitle{background:#604c3f; color:#fff9e0; text-align:center; padding:10px 5px; font-weight:600; font-size:2.2rem; font-size: 22px;}
#formbox form#mailformpro{background:#fff9e0; }
#formbox form#mailformpro dl{padding:5px 10px; text-align: left; font-size: 14px; font-size: 1.4rem;}
#formbox form#mailformpro .must{background:#ff0000; padding:2px 5px; color:#fff; font-size:12px; font-size:1.2rem; margin-right:10px;}
#formbox form#mailformpro dl dt{margin:17px 0 5px 0; font-weight: 600; font-size: 16px; font-size: 1.6rem; padding: 0px;}
#formbox form#mailformpro .kiboubi{margin-bottom:10px;}
#formbox input, #formbox select, #formbox option{padding: 4px; font-size: 14px; font-size: 1.4rem;}
#formbox select{margin-bottom: 5px;}
#formbox input.short{width:70px; float:left;}
#formbox span.small{font-size:12px; font-size:1.2rem; line-height: 1.1em; font-weight: normal;}
#formbox option{color:#666;}
#formbox dd.check input{margin-right:10px;}
#formbox .denwa{font-size:18px; font-size: 1.8rem; text-align:center; font-weight: 100; margin-bottom:0px; padding-top:10px;}
#formbox .denwa .condenseicon{font-size: 2rem;}
#formbox .denwa .tel-link{font-size: 3rem;}
#formbox .clearfix_buttons button{font-size: 16px; font-size: 1.6rem; font-weight: normal;}

@media screen and (min-width :600px){
#formbox form#mailformpro dd{width:60%;}
#formbox form#mailformpro dd.check{width:100%;}
#formbox form#mailformpro dd.check .lb{float:left; width:50%;}
}

@media screen and (min-width :680px){
#formbox{margin:60px 0 50px 0;}
#formbox form#mailformpro dl{padding:5px 70px;}
}
@media screen and (min-width :980px){
#formbox .sp{display: none;}
#formbox{width: 980px; margin: 0 auto; margin-top: 50px; margin-bottom: 50px;}

}

/*Gmap*/
#mapbox{height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative;}
#mapbox iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}


/*Footer*/
footer{color:#fefefe; margin:0 auto;background:#333; padding:20px 16px 50px 16px; text-align:center; font-size:12px; font-size:1.2rem; margin-top:50px;}
footer a{display:inline-block; color:#fff; text-decoration:none;}
footer a:hover{color:#eee; text-decoration:underline;}
footer small{font-size:10px; font-size:1rem;}
#fnavi{margin-bottom:50px;}


/*SLICK*/
/*!
 * SlickNav Responsive Mobile Menu v1.0.7
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
}
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #604c3f;
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #222; }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 10px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }
    .slicknav_nav .en{padding-left: 10px; font-size:12px; font-size:1.2rem;}
    .slicknav_nav .icon{padding-right: 10px;}


/*フォントの指定*/
@font-face{font-family:'icomoon'; src:url("../fonts/icomoon.eot?7k6voy"); src:url("../fonts/icomoon.eot?7k6voy#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?7k6voy") format("truetype"), url("../fonts/icomoon.woff?7k6voy") format("woff"), url("../fonts/icomoon.svg?7k6voy#icomoon") format("svg"); font-weight:normal; font-style:normal;}

[class^="icon-"], [class*=" icon-"]{/* use !important to prevent issues with bgser extensions that change fonts */ font-family:'icomoon' !important; speak:none; font-style:normal; font-weight:normal; font-variant:normal; text-transform:none; line-height:1; /* Better Font Rendering =========== */ -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;}

/*font-face*/
@font-face{ font-family:'condenseicon'; src:url('../fonts/condenseicon.ttf') format('truetype'),url('../fonts/condenseicon.otf') format('opentype'),url('../fonts/condenseicon.woff') format('woff');
}
 
.condenseicon{font-family:'condenseicon'; margin-right:5px;}
.icon-mail:before{content:"\e900";}
.icon-office:before{content:"\e901";}
.icon-headphones:before{content:"\e902";}
.icon-music:before{content:"\e903";}
.icon-location2:before{content:"\e904";}
.icon-bubble2:before{content:"\e905";}
.icon-warning:before{content:"\e906";}
.icon-modern-mic:before{content:"\e907";}


/* TOPへ戻る*/
.page-top{position:fixed; bottom:30px; right:20px; padding:10px; background:#7e7a7a; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; font-size:14px; font-size:1.4rem; -ms-filter:"alpha(opacity=10)"; -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8; color:#fff; text-decoration:none;}
.page-top:hover{color:#eee;}