@charset "UTF-8";


/* YouTube 動画をレスポンシブ対応させる
==============================================================*/

.iframe-wrap {
  width: 100%;
  padding-bottom: 56.25%;
  height: 0px;
  position: relative;
}

.iframe-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* 
==============================================================*/
.mb5 { margin-bottom:5px;}
.mb10 { margin-bottom:10px;}
.mb15 { margin-bottom:15px;}
.mb20 { margin-bottom:20px;}
.mb25 { margin-bottom:25px;}
.mb30 { margin-bottom:30px;}
.mb35 { margin-bottom:35px;}
.mb40 { margin-bottom:40px;}
.mb45 { margin-bottom:45px;}
.mb50 { margin-bottom:50px;}
.mb55 { margin-bottom:55px;}
.mb60 { margin-bottom:60px;}
.mb65 { margin-bottom:65px;}
.mb70 { margin-bottom:70px;}
.mb75 { margin-bottom:75px;}
.mb80 { margin-bottom:80px;}
.mb85 { margin-bottom:85px;}
.mb90 { margin-bottom:90px;}
.mb95 { margin-bottom:95px;}
.mb100 { margin-bottom:100px;}

.mt5 { margin-top:5px;}
.mt10 { margin-top:10px;}
.mt15 { margin-top:15px;}
.mt20 { margin-top:20px;}
.mt25 { margin-top:25px;}
.mt30 { margin-top:30px;}
.mt35 { margin-top:35px;}
.mt40 { margin-top:40px;}
.mt45 { margin-top:45px;}
.mt50 { margin-top:50px;}
.mt55 { margin-top:55px;}
.mt60 { margin-top:60px;}
.mt65 { margin-top:65px;}
.mt70 { margin-top:70px;}
.mt75 { margin-top:75px;}
.mt80 { margin-top:80px;}
.mt85 { margin-top:85px;}
.mt90 { margin-top:90px;}
.mt95 { margin-top:95px;}
.mt100 { margin-top:100px;}

.ml5 { margin-left:5px;}
.ml10 { margin-left:10px;}
.ml15 { margin-left:15px;}
.ml20 { margin-left:20px;}
.ml25 { margin-left:25px;}
.ml30 { margin-left:30px;}
.ml35 { margin-left:35px;}
.ml40 { margin-left:40px;}
.ml45 { margin-left:45px;}
.ml50 { margin-left:50px;}

.mr5 { margin-right:5px;}
.mr10 { margin-right:10px;}
.mr15 { margin-right:15px;}
.mr20 { margin-right:20px;}
.mr25 { margin-right:25px;}
.mr30 { margin-right:30px;}
.mr35 { margin-right:35px;}
.mr40 { margin-right:40px;}
.mr45 { margin-right:45px;}
.mr50 { margin-right:50px;}

.pt5 { padding-top:5px;}
.pt10 { padding-top:10px;}
.pt15 { padding-top:15px;}
.pt20 { padding-top:20px;}
.pt25 { padding-top:25px;}
.pt30 { padding-top:30px;}
.pt35 { padding-top:35px;}
.pt40 { padding-top:40px;}
.pt45 { padding-top:45px;}
.pt50 { padding-top:50px;}

.pb5 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb15 { padding-bottom:15px;}
.pb20 { padding-bottom:20px;}
.pb25 { padding-bottom:25px;}
.pb30 { padding-bottom:30px;}
.pb35 { padding-bottom:35px;}
.pb40 { padding-bottom:40px;}
.pb45 { padding-bottom:45px;}
.pb50 { padding-bottom:50px;}

.pl5 { padding-left:5px;}
.pl10 { padding-left:10px;}
.pl15 { padding-left:15px;}
.pl20 { padding-left:20px;}
.pl25 { padding-left:25px;}
.pl30 { padding-left:30px;}
.pl35 { padding-left:35px;}
.pl40 { padding-left:40px;}
.pl45 { padding-left:45px;}
.pl50 { padding-left:50px;}

.pr5 { padding-right:5px;}
.pr10 { padding-right:10px;}
.pr15 { padding-right:15px;}
.pr20 { padding-right:20px;}
.pr25 { padding-right:25px;}
.pr30 { padding-right:30px;}
.pr35 { padding-right:35px;}
.pr40 { padding-right:40px;}
.pr45 { padding-right:45px;}
.pr50 { padding-right:50px;}

.mtb10 { margin:10px 0;}
.mtb20 { margin:20px 0;}
.mtb30 { margin:30px 0;}

.ptb10 { padding:10px 0;}
.ptb20 { padding:20px 0;}
.ptb30 { padding:30px 0;}

.fll { float:left; display: inline;}
.flr { float:right; display: inline;}

.txt_l, td.txt_l, .txt_l td{ text-align:left;}
.txt_r, td.txt_r, .txt_r td{ text-align:right;}
.txt_c, td.txt_c, .txt_c td{ text-align:center;}

.valign_t, td.valign_t, .valign_t td{ vertical-align:top;}
.valign_m, td.valign_m, .valign_m td{ vertical-align:middle;}
.valign_b, td.valign_b, .valign_b td{ vertical-align:bottom;}


/* clearfix
==============================================================*/
.clear{clear:both;}

.clearfix:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
section:after  {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/* ページトップリンク
==============================================================*/

#pageTopLink {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 10000;
}
#pageTopLink a {
	display: block;
	z-index: 999;
	padding: 30px 30px 30px 30px;
	border-radius: 50px;
	font-size: 30px;
	line-height: 1em;
	width: 100px;
	height: 100px;
	background-color: #e60012;
	border: 2px solid #fff;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	text-align: center;
}
#pageTopLink a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/* IE10以降 */
@media all and (-ms-high-contrast:none){
  #pageTopLink a {
    padding: 30px 30px 30px 30px;
  }
}

/* IE11のみ */
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, #pageTopLink a {
    padding: 30px 30px 30px 30px;
  }
}



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

#pageTopLink a {
	padding: 30px 30px 30px 30px;
	/*矢印位置の微調整*/
}

}





/* Googleマップ レスポンシブ対応
==============================================================*/
.googleMap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 5px;
	margin-top: 5px;
}
.googleMap iframe,
.googleMap object,
.googleMap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Googleマップ 横幅100%
==============================================================*/
.google-maps {
position: relative;
padding-bottom: 350px; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 350px !important;
}






/* facebook page-link レスポンシブ対応
==============================================================*/
.facebook-wrapper {
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
}


.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}




/* パンくずリスト
==============================================================*/
.breadcrumb-menu {
	margin: 20px 0 40px;
}

.breadcrumb-menu i {
	margin: 0 10px;
	margin: 0 10px;
}

.breadcrumb-menu li a {
	color: #a1473c;
}
.breadcrumb-menu li a:hover {
	text-decoration: underline;
}





/* テーブル（.normal-tab）
==============================================================*/

.normal-tab {
	width: 100%;
	border-collapse: collapse;
}

.normal-tab th,
.normal-tab td {
	border: 1px solid #ccc;
	padding: 10px;
	vertical-align: middle;
	font-size: 100%;
	line-height: 1.6em;
}

.normal-tab th {
	font-weight: normal;
	background-color: #f3f3ef;
	/*background-color: #eee;*/
}


/* テーブル（.border-b-tab）
==============================================================*/

.border-b-tab {
	width: 100%;
	border-collapse: collapse;
}

.border-b-tab th,
.border-b-tab td {
	border-bottom: 1px solid #ccc;
	vertical-align: top;
	font-size: 100%;
	line-height: 1.6em;
}

.border-b-tab th {
	font-weight: normal;
	padding: 20px 20px 20px 0;
}
.border-b-tab td {
	font-weight: normal;
	padding: 20px 20px 20px 0;
}


/* テーブル幅
==============================================================*/
.w10per {width: 10%;}
.w15per {width: 15%;}
.w20per {width: 20%;}
.w25per {width: 25%;}
.w30per {width: 30%;}
.w35per {width: 35%;}
.w40per {width: 40%;}
.w45per {width: 45%;}
.w50per {width: 50%;}
.w55per {width: 55%;}
.w60per {width: 60%;}
.w65per {width: 65%;}
.w70per {width: 70%;}
.w75per {width: 75%;}
.w80per {width: 80%;}
.w85per {width: 85%;}
.w90per {width: 90%;}
.w95per {width: 95%;}
.w100per {width: 100%;}







/* フォント
==============================================================*/

.font-min {
	font-family: "游明朝", YuMincho, 'Yu Mincho', "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.font-marugo {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.font-go {
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
}