@charset "UTF-8";

/*********************************************
/*

共通エレメント (office)

section
  .info-sec
  .detail-sec

/********************************************/

/* 共通エレメント (office)
--------------------------------------- */

.sectionInner {
  border-bottom: none;
}

.sectionInner:last-child {
  border-bottom: 1px solid #ddd;
}

.sectionInner .imgBox {
  margin-bottom: 20px;
}

.sectionInner img {
  width: 100%;
}

/* current page */



/****************************************
.mainblock
****************************************/

/* .info-sec -----*/
.info-sec .sectionInner iframe {
  width:100%;
}

.info-sec .sectionInner .map-detail {
  margin-bottom: 20px;
}

.info-sec .sectionInner .head {
  border-left: 5px solid #fecf0f;
  padding-left: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 7px;
}

.info-sec .sectionInner .head.ad {
  margin-bottom: 15px;
}

.info-sec .sectionInner .map-detail p {
  padding-left: 10px;
}

.info-sec .sectionInner .map-detail p .indent {
  margin-left: 0.6em;
}


/* CLEAR FIX
---------------------------*/

.clearfix:after
{
     clear: both;
     content: ".";
     display: block;
     height: 0;
     line-height: 0;
     visibility: hidden;
}
.clearfix {
     zoom: 1;
}


/* # mediaのbootstrapの補足的に使うプロパティ
---------------------------------------------------------------------------- */

/* Extra small devices: Phones (<768px) */
@media (max-width: 768px) {
}
/* 中デバイス（タブレット, 768px 以上） */
@media (min-width: 768px) and (max-width: 991.99px) {
}
/* 大デバイス（デスクトップ, 992px 以上） */
@media (min-width: 992px) and (max-width: 1199.99px) {
}
/* 特大デバイス（ワイド・デスクトップ, 1200px 以上） */
@media (min-width: 1200px) {}