@charset "utf-8";


/* ---------------------------------------------------------
   #global-header
----------------------------------------------------------*/

.global-header-sp {
  margin-bottom:20px;
}

.global-header-pc {
  display:none;
}

@media screen and (min-width: 992px) {
    .global-header-sp {
      display:none;
    }
    .global-header-pc {
      display:block;
    }
    #global-header {
      background:url(../img/bg_main.jpg) center center no-repeat;
      background-size:cover;
      height:750px;
      margin-bottom:340px;
    }
    
    #global-header.global-header-pc h1 {
      margin-top:20px;
    }
}

/* ---------------------------------------------------------
   #page-top
----------------------------------------------------------*/

#page-top {
  text-align:right;
  padding-bottom:20px;
}


/* ---------------------------------------------------------
   #global-footer
----------------------------------------------------------*/

#global-footer {
  clear:both;
  padding:15px 0;
  font-size:12px;
}

#global-footer a {
  color:#fff;
}

#copyright {
  color:#fff;
}

@media screen and (min-width: 768px) {
    #copyright {
      text-align:right;
    }
}

/* ---------------------------------------------------------
   #content
----------------------------------------------------------*/

#content {
  clear:both;
}


/* ---------------------------------------------------------
   #main
----------------------------------------------------------*/

.section-lead img {
  margin-top:1px;
}

.section-main {
  background:#fffce7 url(../img/bg_main.jpg) center top no-repeat;
  background-size:auto 100%;
  background-position: 54% 0%; 
  padding:20px 0;
}

.section-main h1 img {
  width:60%;
}

@media screen and (min-width: 992px) {
    .section-main {
      background-size:auto;
      padding:52px 0;
    }
    
    .section-main h1 img {
      width:auto;
    } 
}

.section {
  clear:both;
  padding:0 0 30px;
  margin:0 15px;
}


@media screen and (min-width: 768px) {
     .section {
        padding:0 0 50px;
      }
}

.section h2 {
  text-align:center;
  margin-top:-10px;
  margin-bottom:15px;
  z-index:999;
  position:relative;
}

.section h2 img {
  zoom:0.5;
}

.section p,
.section figure {
  margin-bottom:15px;
}
 
@media screen and (min-width: 768px) {
    .section h2 {
      margin-top:-20px;
      margin-bottom:30px;
    }
    
    .section h2 img {
      zoom:1;
    }
     .section p,
     .section figure {
       margin-bottom:30px;
     }
}

.section-about .section-about-img {
  margin-left:-7px;
  margin-right:-7px;
}

.section-reason h3 {
  margin-bottom:20px;
}

.merit-title {
  margin-bottom:30px;
  display:table;
  width:100%;
}

.merit-title div,
.merit-title h3 {
  display:table-cell;
  vertical-align:middle;
}

.merit-title div {
  width:66px;
}

.merit-title h3 {
  font-weight:bold;
  padding-left:10px;
  line-height:1.6;
}

.merit-title h3 br {
  display:none;
}

.merit-title h3 strong {
  color:#e6002d;
}

.merit-title h3 .marker {
  background:#ffe1e3;
  color:#e6002d;
  padding:0 5px;
}

@media screen and (min-width: 992px) {
    .merit-title div {
      width:140px;
    }
    .merit-title h3 {
      padding-left:30px;
      font-size:26px;
    }
    .merit-title h3 br {
      display:block;
    }

}

.img-sns {
  width:180px;
}

@media screen and (min-width: 768px) {
    .img-sns {
      width:auto;
    }
}

.section-detail-catch {
  margin-top:-40px;
  margin-bottom:0px !important;
}

.table-schedule {
  width:100%;
  font-size:12px;
}

.table-schedule tr {
  background:url(../img/pic_dotline.png) bottom left repeat-x;
  background-size:20px;
}

.table-schedule th,
.table-schedule td {
  padding:10px 0;
}

.table-schedule tr:last-child {
  background:none;
}

.table-schedule th {
  color:#ff407f;
  padding-right:20px;
  text-align:left;
  white-space:nowrap;
}

.title_option {
  font-weight:bold;
  font-size:10px;
  border-bottom:1px solid;
  margin-bottom:10px;
}

.table-schedule td dl.option dt {
  float:left;
  width:78%;
  clear:both;
  font-weight:bold;
  font-size:9px;
}

.table-schedule td dl.option dd {
  margin-left:78%;
  text-align:right;
  font-size:9px;
}

.table-schedule td dl.area dt {
  font-weight:bold;
}

.table-schedule td dl.area dd {
}

.table-schedule td strong {
  font-size:14px;
}

.table-schedule td strong span {
}

.marker {
  background: linear-gradient(transparent 50%, #ffff66 50%);
}

@media screen and (min-width: 768px) {
    .section-detail-catch {

      margin-top:-75px;
    }
    .table-schedule {
      font-size:20px;
    }
    .table-schedule tr {
      background:url(../img/pic_dotline.png) bottom left repeat-x;
      background-size:auto;
    }
    
    .table-schedule th,
    .table-schedule td {
      padding:25px 0;
    }
    
    .table-schedule th {
      font-size:30px;
      padding-right:32px;
    }
    .table-schedule td strong {
      font-size:24px;
    }
    .table-schedule td strong span {
      font-size:36px;
      line-height:1.6;
    }
    
    .title_option {
      font-size:16px;
    }
    
    .table-schedule td dl.option {
      font-size:16px;
    }
    .table-schedule td dl.option dt {
      width:58%;
      font-size:16px;
    }
    .section-detail table td dl.option dd {
      margin-left:60%;
      font-size:16px;
    }
    .table-schedule td dl.area dt {
      width:110px;
      float:left;
      clear:both;
    }
    .table-schedule td dl.area dd {
      margin-left:115px;
    }
}


.art-list {
  margin-left:-2px;
  margin-right:-2px;
}

.art-list .col-sm-4 {
  padding-left:2px;
  padding-right:2px;
}

.art-detail {
  margin-bottom:4px;
  background:#ffecf2;
  padding:20px 15px;
}

.art-detail a:hover {
  text-decoration:none;
}

.art-detail-img {
  margin-bottom:10px;
  text-align:center;
}

.art-detail-img img {
  max-height:300px;
  vertical-align:middle;
}

.art-detail h5 {
  font-size:14px;
}

.art-detail h5 a span {
  background:#ff407f;
  color:#fff;
  font-size:12px;
  padding:5px 10px;
  margin-right:10px;
}

.art-detail .link-map a {
  border: 1px solid #000;
  background:#fff600;
  color:#000;
  font-size:10px;
  padding:3px 8px;
  border-radius: 5px;
}

@media screen and (min-width: 768px) { 
	  .art-detail-img {
      position:relative;
      height:240px;
      line-height:240px;
      transition: all 0.2s ease-out;
    }
    
    .art-detail-img:hover {
      -webkit-transform: scale(1.6);
      transform: scale(1.6);
      z-index: 9999;
    }
}

@media screen and (min-width: 992px) {
        .art-detail-img {
          height:300px;
          line-height:300px;
        }
        .art-detail-img img {
          max-height:300px;
        }
}

.section-shop h3 {
  font-size:24px;
  font-weight:bold;
  color:#ff407f;
  padding-bottom:15px;
  margin-bottom:20px;
  background:url(../img/pic_dotline.png) bottom left repeat-x;
}

.shop-detail-wrapp {
  margin-bottom:30px;
}

.section-shop h4 {
  font-size:18px;
  font-weight:bold;
  background:url(../img/icon_camera.png) left top no-repeat;
  background-size:30px;
  padding-left:40px;
  margin-bottom:5px;
}

.section-shop h4 span {
  display:block;
  font-size:16px;
}

.shop-detail {
  background:#ffecf2;
  padding:20px;
}

.shop-detail .col-md-4 img {
  max-height:320px;
  border:2px solid;
  padding:6px;
  background:#fff;
}

.shop-detail h5 {
  color:#e6002d;
  font-weight:bold;
}

.shop-detail-teacher-img {
  width:80px;
}

@media screen and (min-width: 768px) {
    .shop-detail {
      padding:40px 40px 5px;
      font-size:18px; 
    }
    .shop-detail .col-md-4 img {
      max-height:260px;
    }
      
    .section-shop h4 {
      font-size:24px;
      background-size:40px;
      padding-left:50px;
      margin-bottom:10px;
    }
    
    .section-shop h4 span {
      display:inline;
      margin-left:20px;
      font-size:20px;
    }
      
    .shop-detail-day {
      text-align:right;
      margin-bottom:0;
    }
    
    .shop-detail-teacher-img {
      width:140px;
    }
}

.dl-faq dt {
  margin:0 0 15px 60px;
  position:relative;
  color: #e6002d;
  background:#ffecf2;
  padding:10px 15px;
  border-radius:5px;
  font-weight: bold;
}

.dl-faq dt:after {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 236, 242, 0);
	border-right-color: #ffecf2;
	border-width: 5px;
	margin-top: -5px;
}

.dl-faq dt img {
  width:50px;
  position:absolute;
  top:0;
  left:-60px;
}

.dl-faq dd {
  margin-bottom:30px;
}

@media screen and (min-width: 768px) {
	.dl-faq {
		font-size: 16px;
	}
	.dl-faq dd {
		margin-bottom:40px;
	}
}