/*-----------------------------------------------
	facebook用　レスポンシブ専用設定
-----------------------------------------------*/
/*------facebookレスポンシブ用　設定-------*/
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

.wrap {
            max-width: 500px;
            margin: 0 auto;
            padding: 30px 0;
        }
.page {
            min-height: 500px;
        }
        .fb_iframe_widget,
        .fb_iframe_widget span,
        .fb_iframe_widget iframe[style]{
          width: 100% !important;
        }
/*----------------------------------------------*/

/*-----------------------------------------------
	見出し用　レスポンシブ専用設定
-----------------------------------------------*/
.mid h1 {
  position: relative;
	font-weight: 900;
	margin-left:auto; 
	margin-right:auto;
}

.mid h1:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
	margin-bottom: -10px;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}
/*----------------------------------------------*/

/*-----------------------------------------------
	TABLE　セル回り込み　専用設定
-----------------------------------------------*/
.mawari td { text-align: left; }
 
@media only screen and (max-width:480px){
    .mawari th,
    .mawari td{
    width: 100%;
    display: block;
    }
}


/*----------------------------------------------*/

/*-----------------------------------------------
	Dブック　専用設定
-----------------------------------------------*/


.dbook_check{
}
.dbook_check :hover{
	opacity: 0.7;
}


/*----------------------------------------------*/

/*-----------------------------------------------
	フッタ固定時の文字かぶり解消設定
-----------------------------------------------*/

.f_kotei{
	margin-bottom: 100px;
}

/* ----------------------------------------------------------------
	TOPへ戻るボタン
-----------------------------------------------------------------*/


.divider {
	position: relative;
	overflow: hidden;
	margin: 35px 0;
	color: #E5E5E5;
	width: 100%;
}


.divider:after,
.divider.divider-center:before {
	content: '';
	position: absolute;
	width: 100%;
	top: 8px;
	left: 30px;
	height: 0;
	border-top: 1px solid #EEE;
}

.divider i {
	position: relative;
	width: 24px;
	height: 24px;
	line-height: 1;
	font-size: 24px !important;
	text-align: center;
}

.divider a {
	position: relative;
	display: inline-block;
	color: inherit;
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.divider a:hover { color: #888; }




/* Divider - Icon Align Center
-----------------------------------------------------------------*/

.divider.divider-center,
.divider.divider-center.divider-short { text-align: center; }

.divider.divider-center:before {
	left: -50% !important;
	right: 0;
	margin-left: -20px;
}

.divider.divider-center:after {
	left: 50% !important;
	right: 0;
	margin-left: 20px;
}