@charset "UTF-8";

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
html { font-size: 100%;}
body {
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	line-height: 1.8;
	color: #4b361c;
	font-size: 14px;
}
/* ie8 */ html>/**/body {
	font-size /*\**/: 88%\9;
	position: relative;
	z-index: 1000;
}

p { margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
button, input[type="text"], input[type="submit"], input[type="image"], textarea {
	-webkit-appearance: none; 
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-ms-border-radius: 0;
}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center; min-width: 1060px;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	text-align: left;
}

/* !topicpath
---------------------------------------------------------- */
.topicpath {
	overflow: hidden;
	border-bottom: 1px solid #e5e5e5;
	margin: 0 0 40px;
	padding: 10px 0;
	min-width: 1060px;
}
	.topicpath ul {
		width: 1000px;
		margin: 0 auto;
	}
		.topicpath li {
			float: left;
			white-space: nowrap;
			font-size: 86%;
			margin: 0 0 0 4px;
			padding: 0 0 0 12px;
			background: url(/images/common/ico_topicpath01.png) no-repeat left center;
		}
		.topicpath li.home {
			margin: 0;
			padding: 0;
			background: none;
		}
			.topicpath li a {
				white-space: nowrap;
				border-bottom: none;
			}
/* !mainimg
---------------------------------------------------------- */
#mainimg {
}
/* !contents
---------------------------------------------------------- */
#contents {
	text-align: left;
	width: 1060px;
	margin: 0 auto;
	padding: 0 30px;
	/*overflow:hidden;*/
}
#wrapper.topPage #contents {
	width: auto;
	padding: 0;
}
	#main {
		float: right;
		width: 640px;
	}
	#sub {
		float: left;
		width: 320px;
	}

@media(max-width: 640px) {

#contents {
	overflow:visible;
}

}

/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position: absolute;
	right: 0;
	top: -34px;
}
	.pageTop a {
		border-bottom: none;
	}
.pageTop.sp { text-indent:-9999px; }

/* !h(n)eading
---------------------------------------------------------- */
.h1_basic01 {}
.h2_basic01 {}
.h3_basic01 {}
.h4_basic01 {}
.h5_basic01 {}
.h6_basic01 {}

.ttl01 {
	line-height: 1;
	font-size: 0;
	margin: 0 0 40px;
}
	.ttl01 img {
		height: auto;
	}
.ttl02 {
	margin: 0 0 20px;
	padding: 10px 20px;
	font-size: 172%;
	color: #4b361c;
	background: url(/images/common/bg_title01.png) repeat left top #f0ebe4;
}
.ttl03 {
	margin: 0 0 20px;
	padding: 0 0 10px;
	font-weight: bold;
	font-size: 143%;
	border-bottom: 1px solid #e5e5e5;
}

@media(max-width: 640px) {

.ttl01 {
	margin: 0;
	padding: 16px 0;
	text-align: center;
	border-bottom: 1px dotted #ccc;
}
	.ttl01 img {
		max-width: 300px;
	}
.ttl02 {
	padding: 5px 10px;
	font-size: 143%;
}
.ttl03 {
	margin: 0 0 20px;
	padding: 0 0 5px;
	font-weight: bold;
	font-size: 129%;
}

}

/* !Section
---------------------------------------------------------- */
.section01 {
	width: 1000px;
	margin: 0 auto;
}

/* !popupMaskSp
---------------------------------------------------------- */
#popupMaskPc,
#popupMaskSp {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 98;
	overflow: hidden;
	text-indent: -9999px;
}
@media screen and (min-width: 641px) {
#popupMaskSp {
	display: none !important;
}
}

/* !ol,ul
---------------------------------------------------------- */
ul.pure { margin: 1.5em 0; }
ul.pure li {
	list-style-type: none;
	padding-left: 1.25em;
	text-indent: -1.25em;
}
ul.pure li:before {
	color: #d6d6d6;
	content: "■";
	font-size: 8px;
	margin-right: 10px;
}
ul.pure li ul { margin: 0.5em 1em; }
ul.pure li ul li { padding: 0; text-indent: 0; list-style-type: circle; font-weight: normal; }
ul.pure li ul li ul li { padding: 0; text-indent: 0; list-style-type: square; }

ol.pure { margin: 1em 1.5em; }
ol.pure li { list-style-type: decimal; }
ol.pure li ul { margin: 0.5em 1em; }

ol.pure li ul li { padding: 0; text-indent: 0; list-style-type: circle; font-weight: normal; }
ol.pure li ul li ul li { padding: 0; text-indent: 0; list-style-type: square; }

ul.pure li ul li:before, ul.pure li ul li ul li:before,
ol.pure li ul li:before, ol.pure li ul li ul li:before {
	content: "";
	margin-right: 0;
}

/* !button
---------------------------------------------------------- */
a.btn01 {
	display: block;
	width: 250px;
	border: 1px solid #dfd7cc!important;
	margin: 0 auto;
	padding: 1px;
	color: #4b361c;
}
a.btn01:hover {
	color: #382814;
	border: 1px solid #ccbdaa;
}
	.btn01 span {
		display: block;
		background: url(/images/common/bg_title01.png) repeat left top #f1ebe4;
		text-align: center;
		padding: 10px 0;
	}
	.btn01:hover > span {
		background-color: #e8e1d1;
	}
		.btn01 span span {
			display: inline-block;
			padding: 0 0 0 20px;
			background: url(/images/common/ico_arrow01.png) no-repeat left center;
		}
			.btn01.blank span span,
			.btn01.blank:hover span span {
				display: inline-block;
				padding: 0 18px 0 0;
				background: url(/images/common/ico_blank01.png) no-repeat right center;
			}

.btn03 {
	text-align: center;
}
	.btn03 a {
		display: inline-block;
		border: 1px solid #e5e5e5;
		padding: 0 12px;
		color: #565856;
		font-size: 86%;
	}
	.btn03 a:hover {
		border: 1px solid #c8c8c8;
		color: #444544;
	}
		.btn03 a span {
			padding: 0 0 0 16px;
			background: url(/images/common/ico_arrow01.png) no-repeat left center;
		}


/* !table
---------------------------------------------------------- */
.table01 {
	width: 100%;
	border-spacing: 1px;
}
	.table01 th {
		background: url(/images/common/bg_title01.png) repeat left top #f0ebe4;
		padding: 8px 14px;
		border: 1px solid #eae4dc;
		text-align: left;
		vertical-align: top;
		font-weight: normal;
	}
	.table01 td {
		border: 1px solid #eae4dc;
		padding: 8px 14px;
		text-align: left;
		vertical-align: middle;
	}



/* !pcNone spNone
---------------------------------------------------------- */
.pcNone { display: none !important;}
.spNone { display: block !important;}





/* !Base Fonts -------------------------------------------------------------- */
a,
a:visited {
	color: #816443;
	text-decoration: none;
	border-bottom: 1px dotted #816443;
	line-height: 1.7;
}
a:hover,
a:active,
a:focus {
	color: #4b3720;
	border-bottom: none;
}

.fwN { font-weight: normal;}
.fwB { font-weight: bold;}
.fzSS  { font-size:  72%;}/* base 14px -> 10px */
.fzS   { font-size:  86%;}/* base 14px -> 12px */
.fzM   { font-size: 100%;}
.fzL   { font-size: 115%;}/* base 14px -> 16px */
.fzLL  { font-size: 129%;}/* base 14px -> 18px */
.fzLLL { font-size: 143%;}/* base 14px -> 20px */
sup   { font-size: 86%; vertical-align: top;}
sub   { font-size: 86%; vertical-align: baseline;}


/* ch font */
.ch { font-family: "Microsoft Yahei","PingHei", sans-serif; }
/* kr font */
.kr { font-family:"Malgun Gothic","Yoon Gothic", sans-serif; }

/* !Inline Align ------------------------------------------------------------ */
.taL { text-align: left   !important;}
.taC { text-align: center !important;}
.taR { text-align: right  !important;}
.vaT { vertical-align: top    !important;}
.vaM { vertical-align: middle !important;}
.vaB { vertical-align: bottom !important;}
.blockC { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Width ------------------------------------------------------------------- */
/* 960px Grid */
.w960   { width: 960px;}
.w800	{ width: 800px;}
.w640	{ width: 640px;}
.w480	{ width: 480px;}
.w320	{ width: 320px;}
.w160	{ width: 160px;}

.wHalf  { width: 48%;}
.wTri   { width: 33%;}
.wQuart { width: 24%;}
.wFull  { width: 99.9%;}
.wMax   { width: 100%;}

.w03per { width: 3%  !important;}
.w05per { width: 5%  !important;}
.w10per { width: 10% !important;}
.w13per { width: 13% !important;}
.w15per { width: 15% !important;}
.w20per { width: 20% !important;}
.w25per { width: 25% !important;}
.w30per { width: 30% !important;}
.w35per { width: 35% !important;}
.w40per { width: 40% !important;}
.w45per { width: 45% !important;}
.w50per { width: 50% !important;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}
.flImgL { display: inline; float: left; margin-right: 10px;}
.flImgR { display: inline; float: right; margin-left: 10px;}
.ftBox  { overflow: hidden; *zoom: 1;}

/* !Tools ------------------------------------------------------------------- */
.clear { clear: both;}
.block { display: block;}
.hide  { display: none;}
.bgN   { background: none !important;}
.tdU   { text-decoration: underline;}
.tdN   { text-decoration: none;}
.atode { border: 2px solid #96c; padding: 10px; text-align: center; background-color: #f9f; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 30px; color: #fff;}

/* !JavaScript -------------------------------------------------------------- */
#lineup-font-size-sampler {
	/* jquery-lineup.js */
	position: absolute;
	left: 0;
	top: 0;
	height: 0;
	width: 0;
	overflow: hidden;
}
#loadingIcon {
	background: url(/images/common/load.gif) no-repeat;
	width: 24px;
	height: 24px;
	text-indent: -9999px;
	position: absolute; top:50%; left:50%;
}

/* !Margin ------------------------------------------------------------------ */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !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;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}

/* !Padding  ---------------------------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}


/* !Align  ---------------------------------------------------------------- */
.ac { text-align: center; }


/* detail-default
---------------------------------------------------------- */
.detailTxtWrap01 {
	display: block;
	min-height: 1%;
}
.detailTxtWrap01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
	.detailTxtWrap01 p {
		margin: 0 0 1.5em;
	}
	.detailTxtWrap01 a {
		border-bottom: 1px dotted #816443;
	}
	.detailTxtWrap01 a:hover {
		border-bottom: none;
	}
	.detailTxtWrap01 img {
		line-height: 0;
		font-size: 0;
	}
	.detailTxtWrap01 table th, .detailTxtWrap01 table td {
		padding: 10px;
		vertical-align: top;
	}

.detailBackBtn01 {
	margin: 30px 0 0;
	text-align: center;
}
	.detailBackBtn01 a {
		display: inline-block;
		border: 1px solid #e5e5e5;
		padding: 0 12px;
		color: #565856;
		font-size: 86%;
	}
	.detailBackBtn01 a:hover {
		color: #444544;
	}
		.detailBackBtn01 a span {
			padding: 0 0 0 16px;
			background: url(/images/common/ico_arrow03.png) no-repeat left center;
		}

.detailSnsWrap01 {
	margin: 0 0 30px;
	display: block;
	min-height: 1%;
}
.detailSnsWrap01:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
	.detailSnsIn01 {
		float: right;
		line-height: 1;
		display: block;
		min-height: 1%;
	}
	.detailSnsIn01:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
		.twBtn {
			float: left;
			margin: 0 15px 0 0;
		}
		.fbBtn {
			float: left;
		}

@media(max-width: 640px) {

.detailDateWrap01 {
	float: none;
	text-align: center;
}
.detailSnsWrap01 {
	float: none;
	margin: 0 10px 15px;
	text-align: center;
}
	.detailSnsIn01 {
		float: none;
		display: inline-block;
	}
		.twBtn {
		}
		.fbBtn {
		}

.detailTxtWrap01 {
	padding: 0 10px;
}
	.detailTxtWrap01 p {
		margin: 0 0 1.5em;
	}
	.detailTxtWrap01 a {
		border-bottom: 1px dotted #816443;
	}
	.detailTxtWrap01 a:hover {
		border-bottom: none;
	}
	.detailTxtWrap01 img {
		max-width: 300px;
		height: auto;
		margin: 0 auto;
	}
	.detailTxtWrap01 strong {
		font-size: 115%;
	}
	.detailTxtWrap01 table {
		float: left;
		width: 100%;
		display: block;
		min-height: 1%;
	}
	.detailTxtWrap01 table:after {
		clear: both;
		content:".";
		display: block;
		height: 0;
		visibility: hidden;
	}
		.detailTxtWrap01 table tr {
			float: left;
			width: 100%;
			display: block;
			min-height: 1%;
		}
		.detailTxtWrap01 table tr:after {
			clear: both;
			content:".";
			display: block;
			height: 0;
			visibility: hidden;
		}
			.detailTxtWrap01 table th,
			.detailTxtWrap01 table td {
				float: left;
				width: 100%;
				display: block;
				padding: 0 0 10px;
			}
			.detailTxtWrap01 table th {
				text-align: center;
			}


.detailBackBtn01 {
	margin: 30px 0 0;
	text-align: left;
}
	.detailBackBtn01 a {
		display: block;
		border: none;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		padding: 10px;
		background: #f2f2f2;
	}
		.detailBackBtn01 a span {
			padding: 0 0 0 18px;
			background: url(/images/common/ico_arrow03@2x.png) no-repeat left center;
			background-size: 8px 7px;
			-webkit-background-size: 8px 7px;
			-moz-background-size: 8px 7px;
			-ms-background-size: 8px 7px;
		}

}
/* 外字 */
span.gaiji_hi {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic','MS UI Gothic';
}

/* ニュース内動画 */
.detailTxtWrap01 video {
  width: 100%;
  height: auto;
}