@charset "utf-8";

/* 見出し heading
----------------------------------------------- */
.hdL {}
.hdM {}
.hdS {}
.hd01 {}

/* width
----------------------------------------------- */
.w100 { width: 100px!important;}
.w150 { width: 150px!important;}
.w200 { width: 200px!important;}
.w250 { width: 250px!important;}
.w300 { width: 300px!important;}
.w350 { width: 350px!important;}
.w400 { width: 400px!important;}
.w450 { width: 450px!important;}
.w500 { width: 500px!important;}

/* margin
------------------------------------------------ */
.m0 { margin: 0px!important;}
.m1 { margin: 1px!important;}
.m3 { margin: 3px!important;}
.m5 { margin: 5px!important;}
.m10 { margin: 10px!important;}
.m20 { margin: 20px!important;}
.m30 { margin: 30px!important;}

.mt0 { margin-top: 0px!important;}
.mt1 { margin-top: 1px!important;}
.mt2 { margin-top: 2px!important;}
.mt3 { margin-top: 3px!important;}
.mt4 { margin-top: 4px!important;}
.mt5 { margin-top: 5px!important;}
.mt6 { margin-top: 6px!important;}
.mt7 { margin-top: 7px!important;}
.mt8 { margin-top: 8px!important;}
.mt9 { margin-top: 9px!important;}
.mt10 { margin-top: 10px!important;}
.mt11 { margin-top: 11px!important;}
.mt12 { margin-top: 12px!important;}
.mt13 { margin-top: 13px!important;}
.mt14 { margin-top: 14px!important;}
.mt15 { margin-top: 15px!important;}
.mt20 { margin-top: 20px!important;}
.mt25 { margin-top: 25px!important;}
.mt30 { margin-top: 30px!important;}
.mt35 { margin-top: 35px!important;}
.mt40 { margin-top: 40px!important;}
.mt50 { margin-top: 50px!important;}
.mt60 { margin-top: 60px!important;}
.mt70 { margin-top: 70px!important;}
.mt80 { margin-top: 80px!important;}
.mt90 { margin-top: 90px!important;}

.mr0 { margin-right: 0px!important;}
.mr1 { margin-right: 1px!important;}
.mr2 { margin-right: 2px!important;}
.mr3 { margin-right: 3px!important;}
.mr4 { margin-right: 4px!important;}
.mr5 { margin-right: 5px!important;}
.mr6 { margin-right: 6px!important;}
.mr7 { margin-right: 7px!important;}
.mr8 { margin-right: 8px!important;}
.mr9 { margin-right: 9px!important;}
.mr10 { margin-right: 10px!important;}
.mr11 { margin-right: 11px!important;}
.mr12 { margin-right: 12px!important;}
.mr13 { margin-right: 13px!important;}
.mr14 { margin-right: 14px!important;}
.mr15 { margin-right: 15px!important;}
.mr20 { margin-right: 20px!important;}
.mr25 { margin-right: 25px!important;}
.mr30 { margin-right: 30px!important;}
.mr40 { margin-right: 40px!important;}
.mr50 { margin-right: 50px!important;}
.mr60 { margin-right: 60px!important;}
.mr70 { margin-right: 70px!important;}
.mr80 { margin-right: 80px!important;}
.mr90 { margin-right: 90px!important;}
.mr100 { margin-right: 100px!important;}

.mb0 { margin-bottom: 0px!important;}
.mb1 { margin-bottom: 1px!important;}
.mb2 { margin-bottom: 2px!important;}
.mb3 { margin-bottom: 3px!important;}
.mb4 { margin-bottom: 4px!important;}
.mb5 { margin-bottom: 5px!important;}
.mb6 { margin-bottom: 6px!important;}
.mb7 { margin-bottom: 7px!important;}
.mb8 { margin-bottom: 8px!important;}
.mb9 { margin-bottom: 9px!important;}
.mb10 { margin-bottom: 10px!important;}
.mb11 { margin-bottom: 11px!important;}
.mb12 { margin-bottom: 12px!important;}
.mb13 { margin-bottom: 13px!important;}
.mb14 { margin-bottom: 14px!important;}
.mb15 { margin-bottom: 15px!important;}
.mb20 { margin-bottom: 20px!important;}
.mb25 { margin-bottom: 25px!important;}
.mb30 { margin-bottom: 30px!important;}
.mb40 { margin-bottom: 40px!important;}
.mb50 { margin-bottom: 50px!important;}
.mb60 { margin-bottom: 60px!important;}
.mb70 { margin-bottom: 70px!important;}
.mb80 { margin-bottom: 80px!important;}
.mb90 { margin-bottom: 90px!important;}
.mb100 { margin-bottom: 100px!important;}

.ml0 { margin-left: 0px!important;}
.ml1 { margin-left: 1px!important;}
.ml2 { margin-left: 2px!important;}
.ml3 { margin-left: 3px!important;}
.ml4 { margin-left: 4px!important;}
.ml5 { margin-left: 5px!important;}
.ml6 { margin-left: 6px!important;}
.ml7 { margin-left: 7px!important;}
.ml8 { margin-left: 8px!important;}
.ml9 { margin-left: 9px!important;}
.ml10 { margin-left: 10px!important;}
.ml11 { margin-left: 11px!important;}
.ml12 { margin-left: 12px!important;}
.ml13 { margin-left: 13px!important;}
.ml14 { margin-left: 14px!important;}
.ml15 { margin-left: 15px!important;}
.ml20 { margin-left: 20px!important;}
.ml25 { margin-left: 25px!important;}
.ml30 { margin-left: 30px!important;}
.ml40 { margin-left: 40px!important;}
.ml50 { margin-left: 50px!important;}
.ml60 { margin-left: 60px!important;}
.ml70 { margin-left: 70px!important;}
.ml80 { margin-left: 80px!important;}
.ml90 { margin-left: 90px!important;}
.ml100 { margin-left: 100px!important;}

.mtmb5 { margin-top: 5px; margin-bottom: 5px!important;}
.mtmb10 { margin-top: 10px; margin-bottom: 10px!important;}
.mtmb15 { margin-top: 15px; margin-bottom: 15px!important;}

.mlmrAuto {
	margin-left: autoo!important;
	margin-right: auto!important;
}

/* padding
------------------------------------------------ */
.p1 { padding: 1px!important;}
.p3 { padding: 3px!important;}
.p5 { padding: 5px!important;}
.p10 { padding: 10px!important;}
.p15 { padding: 15px!important;}
.p20 { padding: 20px!important;}

.pt1 { padding-top: 1px!important;}
.pt2 { padding-top: 2px!important;}
.pt3 { padding-top: 3px!important;}
.pt4 { padding-top: 4px!important;}
.pt5 { padding-top: 5px!important;}
.pt6 { padding-top: 6px!important;}
.pt7 { padding-top: 7px!important;}
.pt8 { padding-top: 8px!important;}
.pt9 { padding-top: 9px!important;}
.pt10 { padding-top: 10px!important;}
.pt11 { padding-top: 11px!important;}
.pt12 { padding-top: 12px!important;}
.pt13 { padding-top: 13px!important;}
.pt14 { padding-top: 14px!important;}
.pt15 { padding-top: 15px!important;}
.pt20 { padding-top: 20px!important;}
.pt25 { padding-top: 25px!important;}
.pt30 { padding-top: 35px!important;}

.pr1 { padding-right: 1px!important;}
.pr2 { padding-right: 2px!important;}
.pr3 { padding-right: 3px!important;}
.pr4 { padding-right: 4px!important;}
.pr5 { padding-right: 5px!important;}
.pr6 { padding-right: 6px!important;}
.pr7 { padding-right: 7px!important;}
.pr8 { padding-right: 8px!important;}
.pr9 { padding-right: 9px!important;}
.pr10 { padding-right: 10px!important;}
.pr11 { padding-right: 11px!important;}
.pr12 { padding-right: 12px!important;}
.pr13 { padding-right: 13px!important;}
.pr14 { padding-right: 14px!important;}
.pr15 { padding-right: 15px!important;}
.pr16 { padding-right: 16px!important;}
.pr17 { padding-right: 17px!important;}
.pr18 { padding-right: 18px!important;}
.pr19 { padding-right: 19px!important;}
.pr20 { padding-right: 20px!important;}
.pr25 { padding-right: 25px!important;}
.pr30 { padding-right: 30px!important;}

.pb1 { padding-bottom: 1px!important;}
.pb2 { padding-bottom: 2px!important;}
.pb3 { padding-bottom: 3px!important;}
.pb4 { padding-bottom: 4px!important;}
.pb5 { padding-bottom: 5px!important;}
.pb6 { padding-bottom: 6px!important;}
.pb7 { padding-bottom: 7px!important;}
.pb8 { padding-bottom: 8px!important;}
.pb9 { padding-bottom: 9px!important;}
.pb10 { padding-bottom: 10px!important;}
.pb11 { padding-bottom: 11px!important;}
.pb12 { padding-bottom: 12px!important;}
.pb13 { padding-bottom: 13px!important;}
.pb14 { padding-bottom: 14px!important;}
.pb15 { padding-bottom: 15px!important;}
.pb20 { padding-bottom: 20px!important;}
.pb25 { padding-bottom: 25px!important;}
.pb30 { padding-bottom: 30px!important;}

.pl1 { padding-left: 1px!important;}
.pl2 { padding-left: 2px!important;}
.pl3 { padding-left: 3px!important;}
.pl4 { padding-left: 4px!important;}
.pl5 { padding-left: 5px!important;}
.pl6 { padding-left: 6px!important;}
.pl7 { padding-left: 7px!important;}
.pl8 { padding-left: 8px!important;}
.pl9 { padding-left: 9px!important;}
.pl10 { padding-left: 10px!important;}
.pl11 { padding-left: 11px!important;}
.pl12 { padding-left: 12px!important;}
.pl13 { padding-left: 13px!important;}
.pl14 { padding-left: 14px!important;}
.pl15 { padding-left: 15px!important;}
.pl20 { padding-left: 20px!important;}
.pl25 { padding-left: 25px!important;}
.pl30 { padding-left: 30px!important;}

.pAll1 { padding: 1px!important;}
.pAll3 { padding: 3px!important;}
.pAll5 { padding: 5px!important;}
.pAll7 { padding: 7px!important;}
.pAll10 { padding: 10px!important;}
.pAll15 { padding: 15px!important;}
.pAll20 { padding: 20px!important;}
.pAll25 { padding: 25px!important;}
.pAll30 { padding: 30px!important;}

.ptpb5 { padding-top: 5px; padding-bottom: 5px!important;}
.ptpb10 { padding-top: 10px; padding-bottom: 10px!important;}
.ptpb15 { padding-top: 15px; padding-bottom: 15px!important;}

.plpr5 { padding-left: 5px; padding-right: 5px!important;}
.plpr10 { padding-left: 10px; padding-right: 10px!important;}
.plpr15 { padding-left: 15px; padding-right: 15px!important;}
.plpr20 { padding-left: 20px; padding-right: 20px!important;}
.plpr25 { padding-left: 25px; padding-right: 25px!important;}
.plpr30 { padding-left: 30px; padding-right: 30px!important;}

/* float
----------------------------------------------- */
.fl { float: left!important;}
.fr { float:right!important;}

/* clearfix
----------------------------------------------- */
.cf:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
	font-size: 0.1em;
}
.cf {
  min-height: 1px;
}
 * html .cf {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.cb { clear: both;}

/* font-position
----------------------------------------------- */
.tac { text-align: center!important;}
.tar { text-align: right!important;}
.tal { text-align: left !important;}

.vat { vertical-align: top!important;}
.vam { vertical-align: middle!important;}
.vab { vertical-align: bottom!important;}

/* font-size
----------------------------------------------- */
.fs10 { font-size: 10px!important;}
.fs11 { font-size: 11px!important;}
.fs12 { font-size: 12px!important;}
.fs13 { font-size: 13px!important;}
.fs14 { font-size: 14px!important;}
.fs15 { font-size: 15px!important;}
.fs16 { font-size: 16px!important;}
.fs17 { font-size: 17px!important;}
.fs18 { font-size: 18px!important;}
.fs19 { font-size: 19px!important;}
.fs20 { font-size: 20px!important;}
.fs21 { font-size: 21px!important;}
.fs22 { font-size: 22px!important;}
.fs23 { font-size: 23px!important;}
.fs24 { font-size: 24px!important;}
.fs25 { font-size: 25px!important;}

/* font-color
----------------------------------------------- */
.fcGray01 { color: #ccc!important;}
.fcRed01 { color: #c00!important;}
.fcOrange { color: #f60!important;}

/* font-weight
----------------------------------------------- */
.fb { font-weight: bold !important;}

/* line-height
----------------------------------------------- */
.lh1p4 { line-height: 1.4!important;}


/* background
------------------------------------------------ */
.bgGray01 {
	background: #dedede!important;}

/* border
------------------------------------------------ */
.bdr01 {
	border: solid 1px #dedede!important;}
.bdrT01 {
	border-top: solid 1px #dedede!important;}
.bdR01 {
	border-right: solid 1px #dedede!important;}
.bdrB01 {
	border-bottom: solid 1px #dedede!important;}
.bdrL01 {
	border-left: solid 1px #dedede!important;}
.bdrBDotted {
	border-bottom: dotted 1px #dedede!important;}

/* table
------------------------------------------------ */

/* ul
------------------------------------------------ */
.lst01 {}

/* 記事レイアウトarticle
------------------------------------------------ */
.atl01 {}

/* ボタン button
------------------------------------------------ */
.btn_logo {}

/* アイコン ico
------------------------------------------------ */
.ico_arrow {}

/* link
------------------------------------------------ */

/* others
------------------------------------------------ */
a:hover img {
	opacity:0.8;
	filter: alpha(opacity=70);
}

a {
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

a:hover {
	transition: all 0.5s !important;
	-moz-transition: all 0.5s !important; /* Firefox */
	-webkit-transition: all 0.5s !important; /* Chrome&Safari */
}

img {
	vertical-align: top;
}

a img {
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
a:hover img {
	opacity: 0.7;
	-webkit-opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-ms-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;
}
.visible-pc {
	display: block;
}
.visible-ts {
	display: none;
}
@media screen and (max-width: 767px) {
.visible-ts {
	display: block;
}
.visible-pc {
	display: none;
}
}

/* 見出し heading
----------------------------------------------- */
.hdL {
	padding: 6px 0 7px;
	width: 480px;
	margin: 0 auto;
	color: #fff;
	font-size: 30px;
	text-align: center;
	font-weight: normal;
	line-height: 1.15;
	background: url(../images/bg_top02.png) repeat;
}

.hdL a{
    color:#fff;
}

.hdL span {
	display: block;
	font-size: 18px;
}
.hdL span  a{
    color:#fff;
}

.hdM01 {
	margin-bottom: 25px;
	padding: 0 30px 15px;
	font-size: 24px;
	font-weight: normal;
	position: relative;
	color: #fff;
	background: url(../images/common/lin_02.png) repeat-x left bottom;
}

.hdM01 .sml {
	margin-left: 24px;
	display: inline-block;
	vertical-align: 3px;
	font-size: 15px;
}

.hdM02 {
	margin-bottom: 10px;
	padding: 0 30px 15px;
	font-size: 24px;
	font-weight: normal;
	background: url(../images/common/lin_03.gif) repeat-x left bottom;
}

.hdM02 .sml {
	margin-left: 24px;
	display: inline-block;
	vertical-align: 3px;
	font-size: 15px;
}

.hdM03 {
	margin-bottom: 10px;
	padding-bottom: 7px;
	color: #fff;
	font-size: 24px;
	font-weight: normal;
	background: url(../images/common/lin_04.gif) repeat-x left bottom;
}

.hdM03 span {
	padding: 9px 33px 8px;
	display: block;
	background: url(../images/common/hdm_bg.gif) repeat-y left top;
}

.hdM04 {
	padding: 23px 0 26px;
	color: #fff;
	font-weight: normal;
	font-size: 34px;
	line-height: 1.2;
	text-align: center;
	background-color: #001761;
	border-bottom: 1px solid #ECECEC;
}

.hdM05 {
	margin-bottom: 20px;
	padding-bottom: 8px;
	color: #fff;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	background: url(../images/common/lin_05.gif) repeat-x left bottom;
}

.hdM05 span {
	padding: 9px 33px 7px;
	display: block;
	background: #968141;
}

/* ul_page_navi
------------------------------------------------ */
#content .ul_page_navi {
	text-align: center;
	margin-top: 40px;
}

#content .ul_page_navi li {
	margin: 0 8px;
	display: inline-block;
}

#content .ul_page_navi li a {
	padding: 13px 0 12px;
	width: 208px;
	display: inline-block;
	text-decoration: none;
	color: #001761;
	font-size: 15px;
	text-align: center;
	border: 1px solid #001761;
	background-color: #F8F8F8;
}

#content .ul_page_navi .prev li a span {
	display: inline-block;
}

#content .ul_page_navi .prev a span {
	padding-left: 15px;
	background: url(../images/common/ico_arrow08.png) no-repeat left center;
}

#content .ul_page_navi .next a span {
	padding-right: 15px;
	background: url(../images/common/ico_arrow09.png) no-repeat right center;
}

#content .ul_page_navi li a:hover {
	color: #fff;
	border: 1px solid #98252A;
	background-color: #98252A;
}

#content .ul_page_navi .prev a:hover span {
	background: url(../images/common/ico_arrow08_o.png) no-repeat left center;
}

#content .ul_page_navi .next a:hover span {
	background: url(../images/common/ico_arrow09_o.png) no-repeat right center;
}

/* caption
------------------------------------------------ */
#content .caption {
	margin-bottom: 31px;
	padding: 20px 20px;
	background-color: #EDEDED;
}

#content .caption .pho {
	position: relative;
}

#content .caption .pho .txt {
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
	color:#fff;
	line-height: 1.35;
	font-size: 15px;
	background: url(../images/bg_top03.png) repeat;
}

#content .caption .pho .txt .sub {
	padding: 10px 19px 8px;
	display: block;
}

.sp {
	display: none !important;
}

@media all and (min-width: 0) and (max-width: 767px)  {
	.sp {
		display: block !important;
	}

	.pc {
		display: none !important;
	}

	/* 見出し heading
	----------------------------------------------- */
	.hdL {
		padding: 6px 0 7px;
		margin: 0 10px;
		width: auto;
		font-size: 18px;
	}

	.hdL span {
		font-size: 11px;
	}

	.hdM01 {
		margin-bottom: 10px;
		padding: 0 10px 6px;
		font-size: 15px;
		background-size: 3px auto;
	}

	.hdM01 .sml {
		margin-left: 10px;
		font-size: 10px;
	}

	.hdM02 {
		margin-bottom: 10px;
		padding: 0 10px 6px;
		font-size: 15px;
		background-size: 3px auto;
	}

	.hdM02 .sml {
		margin-left: 10px;
		font-size: 10px;
	}

	.hdM03 {
		margin-bottom: 10px;
		padding-bottom: 2px;
		font-size: 15px;
		background-size: 2px auto;
	}

	.hdM03 span {
		padding: 7px 10px 7px;
		background-position: center top;
	}

	.hdM04 {
		padding: 15px 0;
		font-size: 18px;
	}

	.hdM05 {
		margin-bottom: 10px;
		padding-bottom: 4px;
		font-size: 15px;
		background-size: 4px auto;
	}

	.hdM05 span {
		padding: 7px 10px 5px;
	}

	/* ul_page_navi
	------------------------------------------------ */
	#content .ul_page_navi li {
		margin: 0 0 10px;
		display: inherit;
	}

	#content .ul_page_navi li:last-child {
		margin-bottom: 0;
	}

	#content .ul_page_navi li a {
		width: 100%;
		font-size: 13px;
		box-sizing: border-box;
	}

	/* caption
	------------------------------------------------ */
	#content .caption {
		margin-bottom: 15px;
		padding: 10px;
	}

	#content .caption .pho  img {
		width: 100%;
	}

	#content .caption .pho .txt {
		font-size: 12px;
	}

	#content .caption .pho .txt .sub {
		padding: 7px 5px;
	}


}

/* 見出し heading
----------------------------------------------- */
.hdM06 {
	padding: 15px 0 12px;
	font-size: 28px;
	line-height: 1.2;
	text-align: center;
	font-weight: normal;
	background: url(../images/common/lin_06.gif) no-repeat left bottom;
}

.hdM06 span {
	font-size: 15px;
}

.hdS01 {
	margin-bottom: 24px;
	padding: 8px 10px 8px;
	clear: both;
	font-size: 16px;
	font-weight: normal;
	background: url(../images/common/hds01_bg.gif)  repeat-x left bottom;
}

.hdS01 span {
	padding: 2px 15px;
	display: block;
	border-left: 3px solid #8f6c02;
}

.hdS02 {
	padding: 0 10px 11px;
	font-size: 18px;
	font-weight: normal;
	background: url(../images/common/lin_06.png) repeat-x left bottom;
}

.hdS02 span {
	padding-left: 25px;
	display: block;
	background: url(../images/common/ico_circle01.png) no-repeat left 7px;
}

/* ul_tab_menu
------------------------------------------------ */
#main .ul_tab_menu {
	margin-right: -3px;
}

#main .ul_tab_menu li {
	margin-right: 3px;
	width: 477px;
	float: left;
}

#main .ul_tab_menu li a {
	padding: 19px 0 15px;
	display: block;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	border-bottom: 4px solid #fff;
	background-color: #fff;
	letter-spacing: 1px;
}

#main .ul_tab_menu .current a,
#main .ul_tab_menu li a:hover {
	color: #fff;
	border-bottom: 4px solid #968141;
	background: url(../images/bg_tab_menu.gif) repeat-y center top;
}

@media all and (min-width: 0) and (max-width: 767px)  {
	/* 見出し heading
	----------------------------------------------- */
	.hdM06 {
		padding: 8px 0;
		font-size: 16px;
		background-position: center bottom;
	}

	.hdM06 span {
		font-size: 10px;
	}

	.hdS01 {
		margin-bottom: 15px;
		padding: 5px 10px;
		font-size: 13px;
		background: url(../images/common/hds01_bg.gif)  repeat-x left bottom;
	}
	
	.hdS02 {
		padding: 0;
		font-size: 14px;
		text-align: center;
		background: none;
	}
	
	.hdS02 span {
		padding: 8px 0;
		background: none;
		border-bottom: 1px solid #D9B675;
	}

	/* ul_tab_menu
	------------------------------------------------ */
	#main .ul_tab_menu {
		margin-right: 0;
	}
	
	#main .ul_tab_menu li {
		margin-right: 0;
		width: 49%;
	}

	#main .ul_tab_menu li:nth-child(2n) {
		margin: 0 0.5%;
	}
		
	#main .ul_tab_menu li a {
		padding: 10px 0;
		font-size: 15px;
		border-bottom: 2px solid #fff;
	}

	#main .ul_tab_menu li a span {
		display: none;
	}
	
	#main .ul_tab_menu .current a,
	#main .ul_tab_menu li a:hover {
		border-bottom: 2px solid #968141;
	}

}