@charset "utf-8";
/* ||||||||||||||||||||||||||||||||||||||||||||||

	トップページ用CSS
	
||||||||||||||||||||||||||||||||||||||||||||||||| */

/* --------------------------------------------------------------------------------
	骨組み設定
-------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------
	トップメッセージ
-------------------------------------------------------------------------------- */
.top-message-box {
  /*width: 1020px;*/
 padding: 50px 0 40px 0;
 text-align: center;
 background: url( ../images/index/bg_index.jpg);
}

.top-message-box h2 {
 padding-bottom: 2em;
}

.top-message-box p {
 font-size: 128.5%;
 color: #fff;
 margin-bottom: 1em;
}

/* .900px以下
--------------------------------------------------------------- */
@media screen and (max-width: 900px) {
.top-message-box {
 padding: 25px 20px 45px 20px;
}
 
.top-message-box p {
 font-size: 110%;
 letter-spacing: 0.5px;
 margin-bottom: 1em;
}
}

@media screen and (max-width: 376px) {
 .top-message-box {
 padding: 25px 15px 45px 15px;
}
 
.top-message-box p {
 font-size: 100%;
 letter-spacing: 0.5px;
 margin-bottom: 1em;
}
}

@media screen and (max-width: 320px) {
 .top-message-box {
 padding: 25px 5px 45px 5px;
}
 
.top-message-box p {
 font-size: 95%;
 letter-spacing: 0.5px;
 margin-bottom: 1em;
}
}

/* --------------------------------------------------------------------------------
	facebook
-------------------------------------------------------------------------------- */
.facebook-box { 
 max-width: 980px;
 margin: 0 auto;
 padding: 50px 0 0 0;
 overflow: hidden;
}

iframe {
    max-width: 100%!important;
}

/*.facebook-box iframe {
 position: relative;
 z-index: 0;
}*/

/*iframe { position:relative; z-index:-1;}

iframe * { position:relative; z-index:-1;}*/

/* .900px以下
--------------------------------------------------------------- */
@media screen and (max-width: 900px) {
.facebook-box { 
 padding: 0;
}
 
.facebook-box .col-sm-6:first-child { 
margin-bottom: 30px;
 }
}

/* .900px以下
--------------------------------------------------------------- */
@media screen and (max-width: 320px) {
 #fb_page_plugin_area,
 #fb_page_plugin_area-02 {
  width: 300px;
 }
}


/* --------------------------------------------------------------------------------
	トップページイベントカレンダー
-------------------------------------------------------------------------------- */
.calendar-box {
padding: 30px 0 30px 0;
 background: url(../images/index/bg_calendar.jpg) no-repeat center center;
 background-size: cover!important;
}

.calendar-tit {
 margin-bottom: 1em;
 font-size: 1.28em;
 color: #fff;
 text-align: center;
}

/* .900px以下
--------------------------------------------------------------- */
@media screen and (max-width: 900px) {
.calendar-box {
padding: 30px 0 45px;
 background: url(../images/index/bg_calendar_sp.jpg) right top;
}
}