@charset "utf-8";

@media screen and (max-width: 740px) {

/* =============================================================

　　スマホ画面 個別設定

============================================================= */


/*  全体・コンテナー 設定
--------------------------------------------- */


/*  ヘッダー 設定
--------------------------------------------- */


/*  コンテンツ 設定
--------------------------------------------- */


/*  Content Top
----------------------------------- */

/* -------- メインビジュアル -------- */

#mainvisual {
}

#mainvisual .boxInner {
}

/* ---- Slider ---- */

#mainvisual .boxSlide {
}

.slick-dots {
  padding-bottom: 10px;
}

.slick-dots li {
  margin: 0;
}

.slick-dots li button:before {
  width: 8px;
  height: 8px;
}

/* ---- Catch ---- */

#mainvisual .boxCatchArea {
  top: 31%;
  left: auto;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 23px 0;
  font-size: 3.9vw;
  line-height: 1.8em;
}

#mainvisual p {
  padding: 0;
  line-height: 1.9em;
}


/*  Content Main
----------------------------------- */

#contentMain {
  padding-top: 25px;
}

.boxSection .boxInner  {
  padding: 0 15px;
}

/* -------- 会報バナー -------- */

.boxSection .boxInner .bnrNewsletter {
  width: 60%;
  margin: -15px auto 30px auto;
  text-align: center;
}


/* -------- イベント -------- */

#event > .boxInner {
  padding-top: 0;
  padding-bottom: 30px;
}

/* ---- Event Info ---- */

#event .boxEventInfo {
  float: none;
  width: 100%;
}

#event .boxEventInfo .ttl {
  padding-bottom: 10px;
  border-bottom: 2px solid #6b2100;
}

#event .boxEventInfo .boxEventInfoCont {
  position: inherit;
  padding-left: 0;
  min-height: 0;
  line-height: 1.9em;
}

#event .boxEventInfo .boxEventInfoCont .ttl {
  padding: 0;
  border: none;
}

#event .boxEventInfo .boxEventInfoCont .imgThumb {
  position: inherit;
  top: auto;
  left: auto;
  width: 100%;
  padding: 5px 0 18px;
  text-align: center;
}

#event .boxEventInfo .boxEventInfoCont .imgThumb img {
  width: 100%;
  max-width: 200px;
}

#event .boxEventInfo .boxEventInfoCont .boxCont {
  line-height: 1.7em;
}

#event .boxEventInfo .boxEventInfoCont .boxCont p {
  padding-top: 0;
  padding-bottom: 10px;
}

#event .boxEventInfo .boxEventInfoCont .boxCont .btn {
  margin-top: 10px;
}

/* -------- 更新情報 -------- */

#update {
}


/* -------- 更新情報 -------- */

#update {
  padding-top: 30px;
  padding-bottom: 30px;
}

#update .boxSectionHead {
  padding-bottom: 25px;
}

#update .boxSectionHead .ttl {
}



/*  フッター 設定
--------------------------------------------- */

#footer {
  border-top: none;
}

}