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

.clearfix:after,
.libre-row:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix,.libre-row { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix,* html .libre-row { height: 1%; }
.clearfix, .libre-row{ display: block; }
/* End hide from IE-mac */

html{ min-width:1040px; height:100%; }
@media screen and (min-width: 1041px ){
  html{ max-width:100%;overflow-x:hidden;}
}
@media screen and (min-width: 768px) and (max-width: 1040px){
}
body{ height:100%; min-width:1040px; font-size:14px;line-height:1.7; letter-spacing:0.02em; font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,sans-serif;}

@media screen and (min-width: 768px) and (max-width: 1040px){
}

a{color:#000; text-decoration:underline; }
a.tel{color:#f65700;text-decoration:underline; }
.normal{ font-weight:normal;}
#hamburger{display:none;}
.chu{ display:table; width:100%; margin:0 0 5px;}
.chu >*{display:table-cell; vertical-align:top;}
.chu_list >*{display:table-cell; vertical-align:top;}
.chu dt{ width:1.2em;}
.chu_list span{ width:1.2em;}

#header{ position:relative; z-index:10;  margin:0 auto;background:#fff;}
#header .header-wrapper{ position:relative; }
#header .header-wrapper .logo{ position:absolute; top:-0px; }
.menuFixed #header{z-index:1001;}
.menuFixed #header .header-wrapper .logo{ position:relative;top:auto;left:auto; }
.home.menuFixed #header .header-wrapper .logo{ position:fixed;top:0;left:0; }
.menuFixed #header{ position:fixed;top:0;left:0;width:100%; }
.home.menuFixed #header{ position:relative;top:auto;left:auto; width:auto; }
.menuFixed #key{ margin-top:120px; }
.home.menuFixed #key{ margin-top:60px; }


#header .header-wrapper .logo img{}
#header .header-wrapper .sub{  margin-left:180px; font-size:12px; }

.home #header .header-wrapper{ height:60px;padding-top:22px; }
.home #menu{margin-top:30px;}
.home #nav{ margin:0 auto; text-align:center;}
.home #nav li{margin-left:50px;}
.home #nav li.menu6 { margin-right:50px;}


#header.not-top-page { min-width:1050px;  margin-left:auto; margin-right:auto;}
#header.not-top-page .header-wrapper{ display:table; width:100%; height:120px;margin:0 auto; width:100%;}
#header.not-top-page .header-wrapper >* { display:table-cell; vertical-align:middle; }
#header.not-top-page .header-wrapper .logo{ position:relative; width:120px; text-align:center;}
#header.not-top-page .header-wrapper .logo img{}
#header.not-top-page .header-wrapper .sub{ width:320px;}
#header.not-top-page .header-wrapper #menu{width:auto; text-align:right;}
#header.not-top-page .header-wrapper #menu .libre-row{}
#header.not-top-page .header-wrapper #menu .libre-row .w100{}
#header.not-top-page .header-wrapper #menu .libre-row .w100 ul{}
#header.not-top-page .header-wrapper #menu .libre-row .w100 ul li{}
#header.not-top-page .header-wrapper #menu .libre-row .w100 ul li a{}
#header.not-top-page .header-wrapper #menu .libre-row .w100 ul li.current a{}

#header.not-top-page .header-wrapper #menu .libre-row .w100 ul li.current a{}
#nav {width:100%; min-width:558px; text-align:right; padding:0; margin-top:10px;}
#nav li{display:inline-block; width: auto; height: 27px; margin-left:30px;}
#nav li a{ height: 27px; display: inline-block; overflow: hidden; text-indent: 100%; white-space: nowrap;background:url(common/images/common-sprite-1.png) 0 0 no-repeat;}
#nav li.menu6 { margin-right:50px;}
@media (max-width: 1092px){ #nav li.menu6 { margin-right:20px;} }
#nav li.menu1 a{width:43px; background-position:0 -27px;}
#nav li.menu2 a{width:63px; background-position:-80px -27px;}
#nav li.menu3 a{width:127px; background-position:-177px -27px;}
#nav li.menu4 a{width:37px; background-position:-338px -27px;}
#nav li.menu5 a{width:63px; background-position:-410px -27px;}
#nav li.menu6 a{width:47px; background-position:-510px -27px;}
#nav li.menu1 a:hover, #nav li.menu1.current a{ background-position:0 0px;}
#nav li.menu2 a:hover, #nav li.menu2.current a{ background-position:-80px 0px;}
#nav li.menu3 a:hover, #nav li.menu3.current a{ background-position:-177px 0px;}
#nav li.menu4 a:hover, #nav li.menu4.current a{ background-position:-338px 0px;}
#nav li.menu5 a:hover, #nav li.menu5.current a{ background-position:-410px 0px;}
#nav li.menu6 a:hover, #nav li.menu6.current a{ background-position:-510px 0px;}

#top-key{  z-index:5; position:relative; margin: 0 auto; height:700px; width:auto; min-width:1040px;  margin-left:auto; margin-right:auto; overflow:hidden; }
#top-key .logo{ z-index:2;position:absolute; width:100%; height:700px;  display:table;}
#top-key .logo span{display:table-cell; vertical-align:middle; text-align:center}
#top-key .background-image{display:table; width:100%; height:700px; }
#top-key .background-image >* { display:table-cell; vertical-align:middle;  }
#top-key .background-image .img-wrap{ width:auto; position:relative; height:700px; overflow:hidden; vertical-align:top; }
#top-key .background-image .img-wrap .inner{ position:absolute; z-index:1; width:1920px; height:700px; left:50%; margin-left:-960px;}
#top-key .background-image .img-wrap img{ }
#top-key .background-image .space{ width:100px;  }


#key{  z-index:5; position:relative; margin: 0 auto; width:auto; min-width:1040px;  margin-left:auto; margin-right:auto; overflow:hidden; }
#key .logo{ z-index:2;position:absolute; width:1266px; height:550px; left:50%; margin-left:-683px; display:table;}
#key .logo span{display:table-cell; vertical-align:middle; text-align:center;}
#key .background-image{display:table; width:100%; height:550px; }
#key .background-image >* { display:table-cell; vertical-align:middle;  }
#key .background-image .img-wrap{ width:auto; position:relative; height:550px; overflow:hidden; vertical-align:top; }
#key .background-image .img-wrap .inner{ position:absolute; z-index:1; width:1920px; height:550px; left:50%; margin-left:-960px;}
#key .background-image .img-wrap img{ }
#key .background-image .space{ width:100px;  }
#key.contact{ }
#key.contact .logo{ width:100%; margin-left:0;left:0; }
#key.contact .logo span{ }
#key.contact .background-image{ }
#key.contact .background-image >* { display:block; }
#key.contact .background-image .img-wrap{ max-width:1366px; margin-left:auto; margin-right:auto; }
#key.contact .background-image .img-wrap .inner{ width:1366px; margin-left:-683px;}
#key.contact .background-image .img-wrap img{ }
#key.contact .background-image .space{ display:none; }

.home #key{ height:700px; width:94.79%; margin-left:0;}
.home #key .slider{ margin:0; padding:0;}
.home #key .background-image{ display:block;}
.home #key .background-image > *{ display:block;}
.home #key .background-image img{ max-width:none; max-width:auto;}
.home .slick-prev{ background:url(common/images/key-btn-l.png) 0 0 no-repeat; width:60px; height:60px; background-size:60px;position:absolute; bottom:0;right:60px; top:auto; left:auto;z-index:1000;margin-bottom:-30px;} 
.home .slick-next{ background:url(common/images/key-btn-r.png) 0 0 no-repeat; width:60px; height:60px; background-size:60px;position:absolute; bottom:0;right:0; top:auto; left:auto;z-index:1000;margin-bottom:-30px;} 
.slick-prev:before,.slick-next:before{ content:""; }
.home .slick-prev:hover,
.home .slick-next:hover{ opacity:0.8; }

.home #key .hover-txt{ position:absolute; z-index:100; overflow: hidden; width:94.79%; margin-left:0;  top:0;pointer-events: none; }
.home #key .hover-txt img{ position:relative; height:auto; left:50%; margin-left:-910px; width:1820px; max-width:none; max-width:auto;} 

@media screen and (max-width: 1100px) {
.home #key .hover-txt {top:100px;} 
.home #key .hover-txt img{margin-left:-600px; width:1200px;} 
}



#content{ width:100%; overflow:hidden;}
.home #content{ margin-bottom:200px;}
.common-inner{ max-width:1366px; min-width:1000px; margin-left:auto; margin-right:auto;}
.libre-row{ max-width:1000px; min-width:1000px; position:relative;}
#conversion.contact{ position:fixed; right:0; top:290px; width:220px; height:122px; background:#fb8200; padding:20px 20px; z-index:500;}
#conversion.contact .inner{ color:#fff; text-align:center;}
#conversion.contact .inner h2{ margin:0 0 18px;font-size:14px; font-weight:normal;}
#conversion.contact .detail{ }
#conversion.contact .detail a{ color:#fff;}
#conversion.contact .detail a:hover{ text-decoration:none;}
#conversion.contact a.mail{ display:block; margin-top:10px; line-height:1;}
#conversion.contact a.mail img{ }
#conversion.contact a.mail:hover{ opacity:0.8;}
#conversion.contact a.mail span{ }
#conversion.contact a.mail span span.ico{ }
#sns-conversion{position:fixed; left:0; top:290px; width:50px;  z-index:500;}
#sns-conversion ul{list-style:none; padding:0;margin:0;}
#sns-conversion ul li{display:block; margin-bottom:32px;}
#sns-conversion ul li a{ 
transition: -webkit-filter 0.3s;
transition: -moz-filter 0.3s;
transition: -o-filter 0.3s;
transition: -ms-filter 0.3s;
transition: filter 0.3s;
}
#sns-conversion ul li a:hover{
     -webkit-filter: opacity(35%);
     -moz-filter: opacity(35%);
     -o-filter: opacity(35%);
     -ms-filter: opacity(35%);
     filter: opacity(35%);}


#menu{ }
.home.menuFixed #menu{position:fixed;top:0; z-index:1000; width:100%;background:#fff;padding:30px 0 10px;margin-top:0; left:0; right:auto;}
.home #menu .libre-row{ margin:0 auto;}
.home #menu .libre-row .w100{ text-align:center; }
.not-top-page #menu .libre-row{ max-width:none; max-width:inherit; min-width:none; min-width:inherit;}
.not-top-page #menu .libre-row .w100{ text-align:center; }

#news{ background:#f5f5f5;margin-top:160px;}
#news .libre-row{max-width:1000px; min-width:1000px; margin: 0 auto; padding-bottom:30px; }
#news .w100{ }
#news h2{ position:relative;top:-40px; margin-bottom:30px;}
#news h3{ margin-top:50px;margin-bottom:22px; padding-bottom:15px; border-bottom:1px solid #ccc; }
#news .news-wrapper{ margin-left:8%; margin-right:4%; }
#news .news-wrapper ul{ list-style:none;margin-left:0; padding-left:0;}
#news .news-wrapper ul li{ display:block; float:left; width:26.1%; display:block;margin-right:10.7%; }
#news .news-wrapper ul li:nth-child(3){ margin-right:0px; }
#news .news-wrapper ul li span.date{ display:block;margin-bottom:0.9em; line-height:1; }
#news .news-wrapper ul li span.ttl{ display:block; line-height:1.8; }
#news .news-wrapper ul li span.ttl a{ font-weight:bold;color:#000; text-decoration:none;display:block;}
#news .news-wrapper ul li span.ttl a:hover{text-decoration:underline;}
#news .more-news{ float:right; position:relative; top:60px;}
#news .more-news .inner{ }
#news .more-news .inner a{ }
#news .more-news .inner a img{ }
.layout-type1{ margin-top:270px; background:#fff6ee; }
.layout-type1 .about-wrap{ }
.layout-type1 h2{ margin-left:75px;position:relative; top:-25px;}
.layout-type1 .libre-row{ width:100%; line-height:2; margin-left:auto; margin-right:auto; }
.layout-type1 .libre-row .l{ margin-left:11%;width:28%; float:left; }
.layout-type1 .libre-row .txt-cont{ margin-left:12%;margin-bottom: 100px;float:left;}
.layout-type1 .libre-row h3 span,
.section#lesson h3 span ,
.section#rental-space h3 span,
.underline { display:inline-block; background:url(common/images/common-underline-1.png) 0 bottom repeat-x; font-weight:700; font-size:17px; padding-bottom:5px; line-height:1.1}
.layout-type1 .libre-row .l p{margin-bottom:100px;}
.layout-type1 .libre-row .r{ width:680px; height:auto; left:50%; top:-100px; display:block; position:absolute;}
.layout-type1 .libre-row .r span{ }
.layout-type1 .libre-row .r img{ width:100%}
.layout-type1 .libre-row .r img{ }
.layout-type1 .libre-row.type1-2{  position:relative; top:0px; }
.layout-type1 .libre-row.type1-2 .l{ position:relative; width:69%; float:left;}
.layout-type1 .libre-row.type1-2 .l img{ width:100%;}
.layout-type1 .libre-row.type1-2 .r{ width:25%; top:0;}
.layout-type1 .libre-row.type1-2 .r h3{ margin-top:0; }
.layout-type1 .libre-row.type1-2 .r p{ }
#about .about-wrap{ max-width:1000px;}
#about .about-wrap h2{ margin-top:0; margin-bottom:0;}
#about .about-wrap .libre-row.studio .r{ top:-150px;}
#about .libre-row.community{ position:relative; width:100%; height:400px;}
#about .libre-row.community .l{position:absolute; right:36%; width:824px;}
#about .libre-row.community .l img{}
#about .libre-row.community .r{ float:right; width:28%;display:block; position:relative; left:0;top:0;}

#facility{ max-width:1000px; min-width:1000px; margin:270px auto 0; background:#fff6ed; }
#facility .about-wrap{position:relative; top:-25px; }
#facility h2{ margin-left:36px;}
#facility .libre-row{ display:table; margin-top:50px;}
#facility .libre-row .l{ width: 64%; padding-left:4%; display:table-cell;  vertical-align:bottom;}
#facility .libre-row .l p{ margin :0 40px 60px 100px;line-height:2;}
#facility .libre-row .l .photo{ width:46%; float:left;}
#facility .libre-row .l .photo:nth-child(2){  float:right;}
#facility .libre-row .r{ display:table-cell; width:36%; padding-left:4%; vertical-align:bottom;}
#facility .libre-row .photo span.caption{ display:block; margin-top:5px;}
#facility .libre-row .photo span.caption img{ height:15px;}
.section{ }
.section#calendar{ margin:160px 0 0;background:#f1f4e5; padding-bottom:75px; width:100%; padding-top:150px;  }
.section#calendar .libre-row{ text-align:center;max-width:1000px; min-width:1000px; background:#f1f4e5; margin:0 auto;  }
.section#calendar h2{ margin-top:0; }
.section#calendar h2 strong{ display:block;margin-top:22px }
.section#calendar #the-calendar{ margin-top:35px;  }
.section#calendar .class-list{ margin-top:15px; text-align:left;}
.section#calendar .class-list ul{ list-style:none; margin-left:0; padding-left:0;}
.section#calendar .class-list ul li{ display:inline-block; margin-right:30px; }
.section#calendar .class-list ul li .color{ display:inline-block; width:30px; height:20px; border-radius:5px; margin-right:10px; vertical-align:middle; }
.section#calendar .class-list ul li img{ display:inline-block; width:auto; height:14px; }
.section#calendar .class-list ul li .color.type1{ background-color:#59af77; }
.section#calendar .class-list ul li .color.type2{ background-color:#ff855f; }
.section#calendar .class-list ul li .color.type3{ background-color:#6badb9; }
.section#calendar .class-list ul li .color.type4{ background-color:#7c75bb;}
.section#calendar .class-list ul li .color.type5{ background-color:#aaaaaa;}
.section#lesson{ background:#fff6ed;margin-top:250px; position:relative;padding-bottom:40px;}
.section#lesson .libre-row{ max-width:1000px; min-width:1000px; margin-left:auto; margin-right:0;}
.section#lesson h2{z-index:1;  position:relative;padding-left:40%;text-align:left; margin-top:0;margin-bottom:0; top:-20px;}
.section#lesson h2 strong{ }
.section#lesson .background-image{position:absolute; top:-100px;z-index:0; margin-left:-18.4%; }
.section#lesson .lesson-wrap{  position:relative; padding-left:58%; padding-right:10%; min-height:370px;}
.section#lesson h3{ }
.section#lesson h3 span { }
.section#lesson p{ line-height:2;}
.section#lesson p{ margin-bottom:40px; }
.section#lesson .teachers-wrap{margin:20px 4% 0;}
.section#lesson .teachers-wrap p{margin-top:30px; width:230px; margin-bottom:40px; }
.section#lesson .teachers-wrap .inner{width:100%; display:table;}
.section#lesson .teachers-wrap .inner>div{ display:table-cell; vertical-align:bottom;}
.section#lesson .libre-row .l{ width:34.7%; padding-right:4.34%; }
.section#lesson .libre-row .c{ width:34.7%;padding-right:4.34%; padding-bottom:126px;}
.section#lesson .libre-row .r{ width:auto; text-align:right;padding-bottom:252px;}
.section#lesson p{ margin-bottom:40px; }
.section#lesson .teacher{margin-top:20px; }
.section#lesson .teacher { width:280px; height:265px; overflow:hidden;}
.section#lesson .teacher >div{ width:100%; height:265px; background-color: #000;display: flex;align-items: center;justify-content: center;}
.section#lesson .teacher img{ width:100%; height:265px; object-fit: cover;}
.section#lesson .teacher iframe {width: 100%; height: auto;}

.section#lesson .more{ float:right; margin-right:-20px; display:inline-block; width:340px; overflow:hidden; position:relative;top:-90px;}
.section#lesson .more .txt{line-height:1.8; font-weight:700; margin-bottom:25px;display:block; }
.section#lesson .more .txt img{height:18px;width:auto;}
.section#lesson .more a.btn{ padding:0;margin:0; border:0;}
.section#lesson .more a.btn > span{ }
.section#lesson .more a.btn > span .jp{ }

.section#rental-space{ background:#f6f5ff;margin-top:260px;position:relative;}
.section#rental-space h2{ margin-left:75px;position:relative; top:-30px; z-index:2;}
.section#rental-space h3 { margin-left:10%;width:28%; z-index:2; }
.section#rental-space h3 span {background-image:url(common/images/common-underline-2.png) ; }
.section#rental-space p { margin-left:10%;width:28%;  z-index:2; line-height:2;margin-bottom:70px; }
.section#rental-space .background-image{ position:absolute;z-index:1; left:50%; top:-100px; margin-right:-18%;}
.section#rental-space .background-image img{width:100%; }
.section#rental-space .more{ margin-left:-25px; display:inline-block; }
.section#rental-space .more a.btn{ margin:0 0 40px;padding:0;border:0; }
.section#rental-space .more a.btn > span{ }
.section#rental-space .more a.btn > span .jp{ }

.section#access{ background:#e6f8fc;margin:260px auto 0; max-width:1000px;min-width:1000px; position:relative; }
.section#access h2{ padding-left:61.6%; position:absolute; top:-25px; margin:0; }
.section#access h2 strong{ }
.section#access .libre-row{ position:relative;top:80px;}
.section#access .libre-row .l{ position:relative; right:36%;top:0px; text-align:right; }
.section#access .libre-row .l #map{float:right; }
.section#access .libre-row .r{ position:absolute; left:68%; top:0px; padding-right:4%;}
.section#access p{ }
.section#access h3{ margin-top:20px; font-size:14px; font-weight:700; }
.section#access .more{margin-top:80px; text-align:right; margin-right:-62px; margin-bottom:50px; }
.section#access .more a.btn{ margin:0;padding:0; }
.section#access .more a.btn > span{ }
.section#access .more a.btn > span .jp{ }
#map-canvas { width: 800px;height: 564px ;}

#footer{ margin-top:140px; background:#f5f5f5; padding:80px 0; }
#footer .libre-row{ max-width:1000px; min-width:1000px; margin-left:auto; margin-right:auto; margin-bottom:80px;}
#footer .libre-row:last-child{margin-bottom:0px;}
#footer .libre-row .table{display:table; width:100%;margin:0; }
#footer .libre-row .l{display:table-cell; width:50%;vertical-align:middle;}
#footer .libre-row .r{ display:table-cell; width:50%; text-align:right;vertical-align:middle;}
#footer .libre-row .l a{ text-decoration:none;}
#footer .libre-row .l a:hover{ }
#footer .libre-row .l a img{ }
#footer .libre-row .r ul{ list-style:none;}
#footer .libre-row .r ul li{ display:inline-block;margin-left:22px; }
#footer .libre-row .r ul li a{ color:#000;  text-decoration:none;}
#footer .libre-row .r ul li a:hover {}
#footer .libre-row dl{ display: table;margin-bottom:5px;}
#footer .libre-row dl dt{ display: table-cell;vertical-align: top;color:#777; padding-right:20px;font-weight:normal; }
#footer .libre-row dl dd{ display: table-cell;vertical-align: top;color:#777; }
#footer .footer-contact{ margin-top:25px;}
#footer .footer-contact a{ float:left;display:inline-block;}
#footer .footer-contact a img{ }
#footer .footer-copy{float:right;display:inline-block; text-align:right; color:#777; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}
#pagetop{ position:fixed; right:10px; bottom:50px;width:21px; height:128px;z-index:1000;}
#pagetop a{display:inline-block;}
#pagetop a img{}

.fc-view-container{ background:#fff;}
#the-calendar > div.fc-toolbar.fc-header-toolbar > div.fc-left > button {background:url(common/images/calendar-btn-pre.png) 0 center no-repeat; width:56px; height:19px; background-size:100%; box-shadow:none; text-indent:-999em; border:0;}
#the-calendar > div.fc-toolbar.fc-header-toolbar > div.fc-left > button:hover { opacity:0.7;}
#the-calendar > div.fc-toolbar.fc-header-toolbar > div.fc-right > button {background:url(common/images/calendar-btn-next.png) 0 center no-repeat; width:56px; height:19px; background-size:100%; box-shadow:none; text-indent:-999em; border:0;}
#the-calendar > div.fc-toolbar.fc-header-toolbar > div.fc-left > button:hover { opacity:0.7;}
#the-calendar .fc-event-container a{ text-align:center; padding-top:0px;}
#the-calendar .fc-event-container a.rental{ background-color:#7c75bb; border:0;}
#the-calendar .fc-event-container a.day{ background-color:#59af77; border:0;}
#the-calendar .fc-event-container a.kids{ background-color:#ff855f; border:0; padding-top:0;}
#the-calendar .fc-event-container a.regular{ background-color:#6badb9; border:0;}
#the-calendar .fc-event-container a.full{  border:0;}
#the-calendar .fc-event-container a.unavailable{ background-color:#aaa; border:0;}
.fc-time-grid .fc-slats td { height: 2.2em;}
.fc-event .fc-bg{opacity:0;}
#the-calendar > div.fc-toolbar.fc-header-toolbar > div.fc-center > h2 { font-size:24px;}
.fc th.fc-day-header {background:#fafafa; height:80px; text-align:left; padding:10px 0 0 15px;}
.fc-day-header a{ color:#333; text-decoration:none; cursor:default;}
.fc-day-header a:hover{text-decoration:none;}
.fc-day-header.fc-sat a { color:#1295c0; }
.fc-day-header.fc-sun a { color:#fa4358;  }
.fc-day-header a .date{font-size:24px;}
.fc-day-header a .day{font-size:12px; display:inline-block;margin-left:3px;}
.fc-unthemed td.fc-today{ background-color:#fff8f2; }
.fc-time-grid .fc-slats .fc-minor td{border:0;}
.fc .fc-axis{border-top:0; width:8%;}
.fc .fc-axis{position:relative;}
.fc .fc-axis span{display:inline-block; position:absolute; top:-0.8em;right:0.3em;}
.fc-event .fc-content{height:100%;width:100%; display:table;}
.fc-event .fc-content > div.cell{height:100%;width:100%;  display:table-cell; vertical-align:middle; text-align:center;}
.fc-event .fc-content > div.cell *{text-align:center!important; line-height:1.2;}
/* lesson */
.section#calendar{}
.section#calendar .libre-row{}
.section#calendar .libre-row h2{}
.section#calendar .libre-row h2 img{}
.section#calendar .libre-row h2 strong{}
.section#calendar .libre-row h2 strong img{}
.section#calendar .libre-row h2 span.category{ margin-top:10px; display:inline-block;}
.section#calendar .libre-row h2 span.category img{}
.section#lessons{ margin-top:150px;  }
.section#lessons .libre-row{}
.section#lessons .lesson-list-wrap{ background:#fff6ed; padding-bottom: 40px; }
.section#lessons .lesson-list-inner{ width:1000px;margin-left:0;}
.section#lessons .lesson-list-inner h2{position:relative; top:-20px; margin:0 0 0 8%;}
.section#lessons .lesson-list-inner .lesson-title{position:relative; margin: 10px 0 18px;top: 0;font-size: 0;}
.section#lessons .lesson-list-inner .lesson-title img{width: auto; height: 18px;}
.section#lessons .lesson-list-wrap .lesson-lists-ul{list-style:none; display: flex; flex-wrap: nowrap; gap: 0 7%; margin:30px 0 0 8%; padding:0;}
.section#lessons .lesson-list-wrap .lesson-lists-ul ul{list-style:none; margin:0; padding:0;}
.section#lessons .lesson-list-wrap .lesson-lists-ul ul li{display:block;padding-left: 30px;background:url(common/images/arrow.png)no-repeat center left;}
.section#lessons .lesson-list-wrap .lesson-lists-ul ul li a{color:#000; padding-left:0; text-decoration:none;}
.section#lessons .lesson-list-wrap .lesson-lists-ul ul li a:hover {text-decoration:underline;}
.section#lessons .lesson-wrap{background:#fff6ed; margin-top:260px;}
.section#lessons .lesson-wrap .lesson-head-wrap{}
.section#lessons .lesson-wrap .lesson-head-wrap .tn-image{ float:left; width:50%;text-align:right;}
.section#lessons .lesson-wrap .lesson-head-wrap .tn-image img{width:auto;max-width:100%;position:relative; top:-100px;}
.section#lessons .lesson-wrap .lesson-head-info{ float:right;width:42%; padding-right:13%; }
.section#lessons .lesson-wrap .lesson-head-info h2{margin:80px 0 0 0;}
.section#lessons .lesson-wrap .lesson-head-info h2 .flag{ display:inline-block;border-radius:4px; padding:8px; line-height:1;color:#fff; font-size:10px;}
.section#lessons .lesson-wrap .lesson-head-info h2 .flag.plus{background-color:#6badb9;}
.section#lessons .lesson-wrap .lesson-head-info h2 .flag.kids{background-color:#ff855f}
.section#lessons .lesson-wrap .lesson-head-info h2 .flag.rental{background-color:#7c75bb}
.section#lessons .lesson-wrap .lesson-head-info h2 .flag.regular{background-color:#59af77}
.section#lessons .lesson-wrap .lesson-head-info h2 .name{ margin-top:10px;display:block;font-weight:700; font-size:28px;line-height:1.6;}
.section#lessons .lesson-wrap .lesson-head-info .info{margin-top:26px;}
.section#lessons .lesson-wrap .lesson-detail{ margin-top:0px; }
.section#lessons .lesson-wrap .lesson-detail dl.detail-info,
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info{ display:table;width:100%;}
.section#lessons .lesson-wrap .lesson-detail dl.detail-info.movie,
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info{ margin-top:50px}
.section#lessons .lesson-wrap .lesson-detail dl.detail-info dt,
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dt{display:table-cell;width:20%; padding-left:4%; vertical-align:top;}
.section#lessons .lesson-wrap .lesson-detail dl.detail-info dd,
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd{display:table-cell;width:80%;  padding-right:13%; vertical-align:top;line-height:1.9;}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info{}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dt{}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd{}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd dl{}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd dl dt{ float:right;width:55%;}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd dl dt h3{margin:0; font-weight:700; font-size:16px; }
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd dl dt .profile{margin-top:20px;font-weight:normal;line-height:1.9}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd dl dt .wrap-btn{ margin-top:25px;}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd dl dt .wrap-btn a{}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd dl dt .wrap-btn a span{}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd dl dd{ float:left;width:40%;}
.section#lessons .lesson-wrap .lesson-detail dl.teacher-info >dd dl dd img{}
.section#lessons .lesson-wrap .more{text-align:right;margin-bottom:40px;}
.section#lessons .lesson-wrap .more a{ display:inline-block; margin-right:-21px;}
.section#lessons .lesson-wrap .more a img{}

/* modal */
@media (min-width: 768px){ .modal-dialog {width: 98%; max-width:920px;} }
#remoteModal{cursor:pointer;}
#remoteModal .modal-dialog{cursor:default; width:auto!important}
.modal-body{ background:url(common/images/common-bg-1.png) 0 0 repeat; padding:70px 80px!important;}
#close-teacher{ margin:15px 0 0 20px;}
.modal-body.profile-single{margin:20px auto; max-width:80%;}
.modal-body.profile-single.rules{margin:20px auto; max-width:90%; padding:30px!important;}
.modal-content .modal-body.profile-single{margin:0!important; max-width:none!important; max-width:inherit!important;}
.modal-body.profile-single > dl{}
.modal-body.profile-single > dl > dt{ float:right; width:60%;line-height:1.8;}
.modal-body.profile-single > dl > dt h3{font-weight:700;font-size:22px;margin:0; }
.modal-body.profile-single > dl > dt .lead{font-size:14px;margin:20px 0 0;line-height:1.8;}
.modal-body.profile-single > dl > dt h4{font-weight:700;font-size:15px;margin:30px 0 0;}
.modal-body.profile-single > dl > dt p{font-weight:normal;margin:20px 0 0;}
.modal-body.profile-single > dl > dt .wrap-btn{}
.modal-body.profile-single > dl > dt .wrap-btn a{}
.modal-body.profile-single > dl > dt .wrap-btn a img{}
.modal-body.profile-single > dl > dd{ float:left; width:35%; margin-left:0;}
.modal-body.profile-single > dl > dd img{max-width:100%; height:auto;}
.modal-body.profile-single > dl > dd h4{ margin:25px 0 20px;font-weight:700;font-size:15px;}
.modal-body.profile-single > dl > dd h5{margin:10px 0 5px;}
.modal-body.profile-single > dl > dd >dl{display:table;width:100%;margin-bottom:5px;}
.modal-body.profile-single > dl > dd >dl dd{display:table-cell; width:7em;font-size:13px;}
.modal-body.profile-single > dl > dd >dl dt{display:table-cell;padding-left:5px;font-size:13px;}
.modal-body.profile-single > dl > dd >dl dt a{ color:#f65700; text-decoration:underline; font-weight:normal;}
.modal-body.profile-single .sns-wrap{margin-top:50px;}
.modal-body.profile-single .sns-wrap h4{border-bottom:1px solid #441c1c;margin:0; padding-bottom:25px; text-align:center; }
.modal-body.profile-single .sns-wrap h4 img{}
.modal-body.profile-single .sns-wrap ul{margin:35px 0 0px;padding:0; text-align:center; list-style:none;}
.modal-body.profile-single .sns-wrap ul li{display:inline-block;margin:0 18px;}
.modal-body.profile-single .sns-wrap ul li a{}
.modal-body.profile-single .sns-wrap ul li a img{}
.modal-body.rules{  padding:50px;}
@media (min-width: 768px){ .modal-dialog {width: 98%; max-width:920px;} }
.modal-body .rules-box{max-height:450px; padding:30px; background:rgba(255,255,255,0.7); overflow:auto}
.modal-body .rules-box .inner{ padding:15px; line-height:1.9;}
.modal-body .rules-box h1{ font-size:16px; font-weight:bold; margin:0 0 20px;}

/* rental */

#rental-desc-1 .libre-row{ margin-left:0;}
#rental-desc-1 .libre-row.type1-1 {  min-height:520px;}
#rental-desc-1 .libre-row.type1-1 .l{ width:45%; padding-left:7.3%; margin-left:0;}
#rental-desc-1 .libre-row.type1-1 .l h2{ margin:0;}
#rental-desc-1 .libre-row.type1-1 .l h2 img{ width:auto; max-width:none; max-width:inherit}
#rental-desc-1 .libre-row.type1-1 .l p{ margin:35px 0 0 67px;}
#rental-desc-1 .libre-row.type1-1 .r{ width:682px; display:block; position:absolute;height:500px; left:50%}
#rental-desc-1 .libre-row.type1-1 .r span{ }
#rental-desc-1 .libre-row.type1-2{ min-height:650px;}
#rental-desc-1 .libre-row.type1-2 .l{width:64%;  margin-left:0;}
#rental-desc-1 .libre-row.type1-2 .r{width:36%;  padding-left:8%;margin-right:0; padding-right:2%; float:right; position:relative; left:0;}
#rental-desc-1 .libre-row.type1-2 .r h3{ margin-bottom:20px;}
#rental-desc-1 .libre-row.type1-2 .r p{ margin-bottom:2em;}
#rental-desc-1 .libre-row.type1-2 ul{ width:100%; list-style:none; padding:0; margin:0;}
#rental-desc-1 .libre-row.type1-2 ul li:nth-child(odd){width:50%; padding-left:6.25%; float:left;margin-bottom:30px;}
#rental-desc-1 .libre-row.type1-2 ul li:nth-child(even){width:50%; padding-left:6.25%; float:left;margin-bottom:30px;}
#rental-desc-1 .libre-row.type1-2 ul li:last-child(1){margin-bottom:0;}
#rental-desc-1 .libre-row.type1-2 ul li:last-child(2){margin-bottom:0;}
#rental-desc-1 .libre-row.type1-2 ul li img{}
#rental-desc-1 .libre-row.type1-2 ul li .name{ }
#rental-desc-1 .libre-row.type1-2 ul li .name img{ width:auto;}
#rental-desc-2{ margin-top:260px;background:#fff6ed;}
#rental-desc-2 .libre-row{margin-left:auto; margin-right:40px;position:relative; width:960px;}
#rental-desc-2 h2{margin:0 0 0 7.7%; top:-20px;position:relative;}
#rental-desc-2 h2 img{}
#rental-desc-2 .lead{margin-left:14%; margin-top:50px;  font-size:14px;}
#rental-desc-2 h3{margin:0; font-size:100%;line-height:1.9;}
#rental-desc-2 h4{margin:0; font-size:100%; font-weight:700;line-height:1.9;}
#rental-desc-2 .flow-wrap{margin-left:13.6%;margin-top:50px;}
#rental-desc-2 .flow-wrap  dl.flow{ margin-bottom:40px; padding-right:130px; }
#rental-desc-2 .flow-wrap dl.flow:last-child{ margin-bottom:0px;}
#rental-desc-2 .flow-wrap  dl.flow dt {}
#rental-desc-2 .flow-wrap  dl.flow dt img{}
#rental-desc-2 .flow-wrap  dl.flow dd{margin-top:27px;display:table; }
#rental-desc-2 .flow-wrap  dl.flow dd.chu{margin-top:27px;margin-bottom: 0;display:table; }
#rental-desc-2 .flow-wrap  dl.flow dd > *{display:table-cell; vertical-align:top; min-height:80px;}
#rental-desc-2 .flow-wrap  dl.flow dd.chu > *{display:inline-block; vertical-align:top; min-height:auto;margin-bottom: 5px;}
#rental-desc-2 .flow-wrap  dl.flow dd .arrow{width:59px;background:url(common/images/rental-arrow-1.png) 0 bottom no-repeat;}
#rental-desc-2 .flow-wrap  dl.flow dd .arrow:last-child{background:none;}
#rental-desc-2 .flow-wrap  dl.flow.flow1 dd .image{background:url(common/images/rental-img-3-1.png) 0 top no-repeat;}
#rental-desc-2 .flow-wrap  dl.flow.flow2 dd .image{background:url(common/images/rental-img-3-2.png) 0 top no-repeat;}
#rental-desc-2 .flow-wrap  dl.flow.flow3 dd .image{background:url(common/images/rental-img-3-3.png) 0 top no-repeat;}
#rental-desc-2 .flow-wrap  dl.flow.flow4 dd .image{background:url(common/images/rental-img-3-4.png) 0 top no-repeat;}
#rental-desc-2 .flow-wrap  dl.flow.flow5 dd .image{background:url(common/images/rental-img-3-5.png) 0 top no-repeat; height:80px;}
#rental-desc-2 .flow-wrap  dl.flow dd .image{ width:125px; }
#rental-desc-2 .flow-wrap  dl.flow dd .txt{padding-bottom:20px; line-height:2;}
#rental-desc-2 .flow-wrap  dl.flow3 dd .txt{padding-bottom:68px; line-height:2;}
#rental-desc-2 .flow-wrap  dl.flow dd .txt a{text-decoration:underline; color:#f65700;}
#rental-desc-2 .bank-accounts{margin:15px 0; padding:0;}
#rental-desc-2 .bank-accounts li{ list-style:none; display:block; float:left; width:230px; padding:15px 10px 15px 20px; background:#fff; margin-right:20px;}
#rental-desc-2 .more{ float:right; margin:80px -100px 40px 0;}


/* price */

#content.price { }
#lesson-price{margin-top:180px;background:#fff6ed;padding-bottom: 60px;}
#lesson-price .inner{width:1000px; margin-right:auto;}
#lesson-price h2{margin:0; margin-left:8%; position:relative; top:-20px;}
#lesson-price h2 img{}
#lesson-price p{}
#lesson-price dl.price_dl{margin-left:14%; margin-right:4%; margin-bottom:0; width:82%; display:table;}
#lesson-price dl.price_dl dt{display:table-cell;vertical-align:middle; width:300px;}
#lesson-price dl.price_dl dt span{}
#lesson-price dl.price_dl dd{display:table-cell;vertical-align:middle; text-align:right;}
#lesson-price dl.price_dl dd .bold{ font-size:20px;}
#lesson-price dl.price_dl dd .campaign{ font-size:20px; margin-top:10px; display:inline-block;}
#lesson-price dl.price_dl dd .bold{ font-size:20px;}
#lesson-price dl.chu {margin-left:14%; margin-right:4%; width:80%;}
#lesson-price dl dd .bold{ font-weight:bold;}
#lesson-price dl dd .nuki{font-size:80%;}
#lesson-price dl dd .campaign{color:#fa7b00;font-size:20px; }
#lesson-price dl dd .xs{font-size:12px;}
#lesson-price dl.dl1{border-top:1px solid #aaa; height:160px;margin-top:50px;}
#lesson-price dl.dl2{border-top:1px solid #aaa; height:114px;}
#lesson-price dl.dl3{border-top:1px solid #aaa;border-bottom:1px solid #aaa; height:114px;margin-bottom:40px;}
#lesson-price table{width:82%;margin-left:14%; margin-right:4%;border-top:1px solid #aaa; }
#lesson-price table.table2{border-bottom:1px solid #aaa;margin-bottom: 50px; }
#lesson-price table th{vertical-align:middle;width:110px;letter-spacing:0.1em;}
#lesson-price table span{line-height:45px;}
#lesson-price table span.lh{line-height:1.3;}
#lesson-price table th.class,
#lesson-price table th.kaisuu,
#lesson-price table th.nuki,
#lesson-price table th.komi{  height:70px; font-size:12px;vertical-align:bottom;text-align:center;}
#lesson-price table td{min-height:140px; padding:30px 0 30px 30px;}
#lesson-price table td.class{width:240px; border-top:1px solid #aaa;border-left:1px solid #aaa; font-weight:bold; font-size:17px; line-height:1.5; letter-spacing:0.1em;}
#lesson-price table .s{font-size:12px;}
#lesson-price table td.kaisuu{ font-size:16px;width:190px;border-top:1px solid #aaa;border-left:1px solid #e5e5e5;letter-spacing:0.1em;}
#lesson-price table td.nuki{  font-size:20px; font-weight:bold; width:160px;border-top:1px solid #aaa;border-left:1px solid #e5e5e5;}
#lesson-price table td.komi{  font-size:20px; font-weight:bold; width:160px;border-top:1px solid #aaa;border-left:1px solid #e5e5e5;}
#lesson-price table .bold{ font-weight:bold;}
#lesson-price table.table1{}
#lesson-price table.table1 .underline{ font-size:20px; }
#lesson-price table.table1 th{ line-height:1.9; padding-bottom:5px;}
#lesson-price table.table1 th.class{}
#lesson-price table.table1 th.kaisuu{}
#lesson-price table.table1 th.nuki{}
#lesson-price table.table1 th.komi{}
#lesson-price table.table1 td.class{}
#lesson-price table.table1 td.kaisuu{}
#lesson-price table.table1 td.nuki{}
#lesson-price table.table1 td.komi{}
#lesson-price table.table2{}

#lesson-price table.table2 th.class{}
#lesson-price table.table2 th.kaisuu{}
#lesson-price table.table2 th.nuki{}
#lesson-price table.table2 th.komi{}
#lesson-price table.table2 td.class{}
#lesson-price table.table2 td.kaisuu{}
#lesson-price table.table2 td.nuki{}
#lesson-price table.table2 td.komi{}
#rental-price {background:#fff6ed;margin-top:180px;  position:relative;}
#rental-price .inner{width:1000px; margin-left:auto;}
#rental-price h2{ text-align:right;margin-right:8%; position:relative; top:-20px;margin-top:0;}
#rental-price h2 img{}
#rental-price p.lead{font-size:14px; margin-left:4%; margin-top:50px; }
#rental-price table{width:82%;margin-left:4%; margin-right:14%; margin-bottom:50px;border-top:1px solid #aaa; line-height:45px;}
#rental-price table th{vertical-align:middle;width:110px;letter-spacing:0.1em;width:180px; border-bottom:1px solid #aaa; line-height:25px;}
#rental-price table td.class{min-height:140px; padding:30px 0 30px 30px;border-bottom:1px solid #aaa;border-left:1px solid #e5e5e5; font-size:20px;line-height:45px; width:360px; font-weight:bold;}
#rental-price table td.price{min-height:140px; padding:30px 0 30px 30px; ;border-bottom:1px solid #aaa;border-left:1px solid #e5e5e5;font-size:20px;line-height:45px; font-weight:bold; }
#rental-price table td span.bold{}
#rental-price table td span.nuki{font-size:14px;}
#rental-price table td span.komi{font-size:14px;}
#rental-price table.table2 td.price{ width:14em!important;}
#lesson-price .more{ margin:60px 0 40px -20px;position:relative; }
#rental-price .more{ margin:60px -20px 40px 0; float:right; position:relative; }
#lesson-price .more a,
#rental-price .more a{  }
#rental-price dl.chu {margin-left:4%; margin-right:14%; width:80%;}
a.btn-link-teacher{ 
transition: -webkit-all 0.2s;
transition: -moz-all 0.2s;
transition: -o-all 0.2s;
transition: -ms-all 0.2s;
transition: all 0.2s;}
a.btn-link-teacher:hover {opacity:0.8;}

/* contact */

.contact-lead{margin-top:55px;}
.contact-lead span{display:block; text-align:center;}
.contact-lead span.l1{ margin-top:0px;}
.contact-lead span.l2{ margin-top:10px;}
.contact-lead span.l3{ margin-top:58px;}
.contact-lead span.l4{ margin-top:18px;}
.contact-lead img{}
.form-select{ width:1000px;  margin:50px auto 0; background:#f5f5f5; padding:60px 0; text-align:center;}
.form-select h2{margin:0;padding:0;}
.form-select p{margin:15px 0 0; text-align:center;}
.form-select ul.select-ul{ margin:35px auto 0;padding:0 90px; list-style:none;display:flex;justify-content: center;flex-wrap: wrap;}
.form-select ul.select-ul li{width:280px; padding:40px 0 40px 40px; background:#fff;text-align:left;}
.form-select ul.select-ul li:nth-child(1){margin-right:6%;margin-bottom:6%;}
.form-select ul.select-ul li:nth-child(2){margin-bottom:6%;}
.form-select ul.select-ul li:nth-child(3){margin-right:6%;margin-bottom:6%;}
.form-select ul.select-ul li:nth-child(4){margin-bottom:6%;}

.form-select ul.select-ul li label{ font-weight:normal}
.form-select ul.select-ul li label input{margin-right:0.5em;}
.form-content-wrap{ background:#f5f5f5; padding:60px 0; text-align:center; width:1000px;  margin:60px auto 0; }
.form-content{width:1000px; margin:0 auto;}
.form-content h3{margin:0;padding:0;font-weight:bold; font-size:20px;}
.form-content p.txt1,
.form-content p.txt2{font-weight:bold;padding: 0 6.25%;}
.form-content p.txt1{margin:20px 0 0;}
.form-content p.txt2{margin:0 0 20px;}
.form-content p.attention{margin:20px 0 50px;}
.form-content span.must{color:#f65700}
.form-content dl{display:table;width:100%;padding:0; margin-bottom:30px}
.form-content dl dt{display:table-cell;width:30%;padding-left:10%;padding-right:0%;vertical-align:middle;font-weight:bold;line-height:1.8; text-align:left;}
.form-content dl .description{font-weight:normal;font-size:13px;display:block;}
.form-content dl .description.orange{color: orange;}
.form-content dl .description.orange a{color: orange;}
.form-content dl dd{display:table-cell;width:70%;padding-left:1%;padding-right:10%;vertical-align:middle;line-height:1.8; text-align:left;}
.form-content dl dd label{ margin-right:30px; font-weight:normal;}
input{border:1px solid #aaa; line-height:1.7; width:100%;}
input[type=radio],input[type=checkbox]{padding:4px;width:1em; margin-right:10px}
input[type=text],input[type=email],input[type=tel]{padding:4px; }
select{padding:4px;}
textarea{padding:4px;width:100%; height:7em;}
input#datepicker{width:12em;}
.form-content .kiyaku-pre-message{margin:50px 0 0;}
.form-content .kiyaku{margin:10px 10% 0;padding:25px 30px 5px; overflow:auto;height:250px;font-size:13px;text-align:left;background:#fff;}
.form-content .kiyaku div{margin:5px 0;padding:5px 0; text-align:center;border:0;text-align:left;background:#fff;}
.form-content .kiyaku-check{ margin-top:50px;}
.form-content .kiyaku-check label{ font-weight:normal;}
.submit-btn-wrap{margin-top:50px; text-align:center;}
.submit-btn-wrap button{display:inline-block;background:none;border:0;}
.submit-btn-wrap button img{}

:placeholder-shown { color: #aaa; }
::-webkit-input-placeholder { color: #aaa; }
:-moz-placeholder { color:#aaa; opacity: 1; }
::-moz-placeholder { color: #aaa; opacity: 1; }
:-ms-input-placeholder { color:#aaa; }

form.sent .form-content-wrap dl,
form.sent .form-content-wrap .txt1,
form.sent .form-content-wrap .txt2,
form.sent .form-content-wrap .attention,
form.sent .submit-btn-wrap,
form.sent .kiyaku-pre-message,
form.sent .kiyaku,
form.sent .kiyaku-check
{display:none;}
.wpcf7-response-output{ text-align:center;margin:30px 6.25%!important; background:#fff; padding:20px 10px!important }
/* access */
.access-info{ position:relative;  z-index:2; background:#e6f8fc; width:1000px;padding:80px 0 80px; margin:160px auto 0; }
.access-info .inner{  }
.access-info .inner >dl{ width:100%; display:table;margin-bottom:35px;}
.access-info .inner >dl:last-child{ margin-bottom:0}
.access-info .inner >dl >*{ display:table-cell; vertical-align:top;}
.access-info .inner >dl dt{width:32%; padding-left:14%; font-weight:700;}
.access-info .inner >dl dd{width:auto; padding-right:14%;}
.access-info .inner >dl p{margin :40px 0 0;}
.access-info .inner >dl p:nth-child(1){margin-top:0;}
.access-map-wrap{ z-index:1;margin:-100px auto 0; width:100%; overflow:hidden; position:relative; height:580px;}
.access-map-wrap .inner{ /* position:absolute; width:1366px; left:50%; margin-left:-688px; */ }
.access-map-wrap .inner #map{}
.access-map-wrap .inner #map #map-canvas{width:100%;height:580px}


/* blog */
.full-width-wrap{width:1000px;margin:150px auto 0;}
.full-width-wrap .blog{}
.full-width-wrap .mail-column{ float:left; width:64%; padding-left:4%;}
.full-width-wrap .mail-column > ul{margin:0;padding:0;list-style:none;}
.full-width-wrap .mail-column > ul > li{margin:0 0 60px;}
.full-width-wrap .mail-column > ul li .date{ height:auto; display:inline-block;}
.full-width-wrap .mail-column > ul li .cat{ height:auto;  display:inline-block; margin-left:18px;}
.full-width-wrap .mail-column > ul li .cat ul.post-categories{ margin:0; padding:0;list-style:none; display:inline-block;}
.full-width-wrap .mail-column > ul li .cat ul li{display:inline-block;  margin-right:5px; }
.full-width-wrap .mail-column > ul li .cat ul li a{display:inline-block; line-height:1; padding:4px 10px; background:#f65700; color:#fff; text-decoration:none;font-size:12px;}
.full-width-wrap .mail-column > ul li a.link{ display:block; color:#000; text-decoration:none; font-size:16px;}
.full-width-wrap .mail-column > ul li a.link .eyecatch-img{float:left; display:table; width:120px; height:120px; overflow:hidden; }
.full-width-wrap .mail-column > ul li a.link .eyecatch-img .inner{display:table-cell; vertical-align:top; width:100%; height:100%; }
.full-width-wrap .mail-column > ul li a.link .eyecatch-img .img{display:block; width:100%; height:auto; }
.full-width-wrap .mail-column > ul li a.link .ttl{ display:block;float:right; width:440px; }
.full-width-wrap .side-column{ float:right; width:32%; padding-right:4%;}
.full-width-wrap .side-column h3{height:40px; font-size:20px;margin:40px 0 0;}
.full-width-wrap .side-column h3:first-child{margin-top:0;}
.full-width-wrap .side-column .side-common-list{margin:0; padding:0;}
.full-width-wrap .side-column .side-common-list ul{margin:0; padding:0;}
.full-width-wrap .side-column .side-common-list li{display:block;  border-bottom:1px solid #fdd6be; background:#fff6ed; padding:18px 20px; }
.full-width-wrap .side-column .side-common-list li:last-child{border-bottom:0;}
.full-width-wrap .side-column .side-common-list li a{display:inline-block; text-decoration:none;}
.full-width-wrap .side-column .side-common-list li a:hover{ background:#fdd6be;} 

.full-width-wrap.blog .lr{ display:table;width:100%;margin-bottom:10px;}
.full-width-wrap.blog .lr .date{ display:table-cell;width:120px; vertical-align:top;}
.full-width-wrap.blog .lr .cat{ display:table-cell; text-align:left; padding-left:10px;vertical-align:top; }
.full-width-wrap.blog .lr .cat li{margin-bottom:5px; }

.full-width-wrap .mail-column{ float:left; width:64%; padding-left:4%;}
.full-width-wrap .mail-column > ul{margin:0;padding:0;list-style:none;}
.full-width-wrap .mail-column .post-info{margin:0px;}
.full-width-wrap .mail-column .post-info .date{ height:40px; display:inline-block;}
.full-width-wrap .mail-column .post-info .cat{ height:40px;  display:inline-block; margin-left:18px;}
.full-width-wrap .mail-column .post-info .cat ul.post-categories{ margin:0; padding:0;list-style:none; display:inline-block;}
.full-width-wrap .mail-column .post-info .cat ul li{display:inline-block;  margin-right:10px; }
.full-width-wrap .mail-column .post-info .cat ul li a{display:inline-block; line-height:1; padding:4px 6px; background:#f65700; color:#fff; text-decoration:none;font-size:12px;}
.full-width-wrap .mail-column h1{ display:block; color:#000; font-weight:bold; font-size:30px; margin:10px 0 0}
.full-width-wrap .mail-column .post-tn{margin-top:40px; overflow:hidden;}
.full-width-wrap .mail-column .post-content{ margin-top:30px; font-size:15px; }

.bottom-navi{margin-top:100px; border-top:1px solid #aaa; padding-top:8px;}
.bottom-navi .prev{float:left; width:20%;color:#fff;font-size:0;}
.bottom-navi .next{float:right; width:20%; text-align:right; color:#fff; font-size:0;}