@charset "utf-8";
/*------------------------------------------------
file: style.css
------------------------------------------------*/
script { display: none;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins,
kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul,
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead,
tr, th, td, article, aside, canvas, details, figcaption, figure, footer,
header, hgroup, menu, nav, section, summary, time, mark, audio, video {	margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div { margin: 0; padding: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none;}
table { border-collapse: collapse; border-spacing: 0;}
ul, ol { margin-bottom: 1em; padding-left: 2em;}
::selection { color: rgba(255,255,255,1); background: rgba(0,0,0,0.3);}
fieldset p:last-child { margin-bottom: 0;}
body { margin: 0; padding: 0; min-width: 320px;letter-spacing:1px; font-family:"UD Shin Go Regular", "メイリオ"; background: #fff; color: #333; font-size: 100%; line-height: 1; font-weight: normal; font-style: normal; position: relative; cursor: default; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
a { text-decoration:none; color:inherit; position:relative;}
a[href^=tel] { text-decoration:none;}
a:hover { text-decoration:none; color:inherit;}
/* anchor line */
a:before { position:absolute; right:auto; bottom:48%; left:0; width:100%; height:1px; content:''; -webkit-transition:-webkit-transform 150ms linear; transition:transform 100ms linear; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0; -ms-transform-origin:0; transform-origin:0; border-radius:5px; background:#222;}
/* no-csstransforms */
.no-csstransforms a:before { display:none;}
dl dt, dl dd { margin-top: .5em;}
dl dt { font-weight: bold;}
dl dd { margin-left: 1em;}
li { line-height: 1.4em;}
p { line-height: 1.8em; margin-bottom: 2em;}
object, embed {	max-width: 100%; height: auto;}
img { border: 0; vertical-align: middle; display: inline-block; max-width: 100%; height: auto; width: auto;}
html{ height:100%; /*ブラウザいっぱいに高さを取得*/}
body{ width: 100%; height:100%; /*ブラウザいっぱいに高さを取得*/ margin:0; padding:0;}

/********************************************
 * clearfix
 ********************************************/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{ height:1%; overflow:visible;}
.clearfix { display: block; overflow:hidden; zoom:1;}
.clear {clear:both;}

/* 共通

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	/* ----------------------------------------
	 *   コンテンツ幅
	 * ---------------------------------------- */
	#root {	position: relative;	overflow: hidden; min-height: 100%;}
	#main { position: relative;	background-color: #fff;}
	.section { width: 100%; padding: 2em 0; background-color: #fff;}
	.section>.inner { position: relative; width: 90%; max-width: 1200px; margin: 0 auto; padding: 0;}
	.section>.inner.max980 { max-width: 980px;}

	/* ----------------------------------------
	 *   ぱんくず
	 * ---------------------------------------- */
	.pan { display: block; line-height: 1em; margin: 0 auto; padding: 18px 0; font-size: 12px; color: #333; width:100%; line-height:1.6;}
	.pan .path { display: inline-block; margin: 0;}
	.pan .path:after { display: inline-block; margin: 0 6px 0 12px; font-family: 'terra'; content: '>'; color: #979797;}
	.pan .path:last-child:after { content: ''; display: none;}
	.pan a { display: inline; color: inherit; color: #979797;}
	.pan a:hover { color: #333;}

	@media(max-width:767px) {
		.pan .path {display:none;}
	}	
	
	/* ----------------------------------------
	 *   topボタン
	 * ---------------------------------------- */
	.btn1 { background-color: rgba(255, 255, 255, .2); border: 1px solid #333; color: #333; line-height: 50px; padding:10px 30px;}
	.btn1:hover { background-color: rgba(0, 0, 0, .2); color: #000;}
	.btn2 { background-color:background-color: transparent; border: 1px solid #fff; color: #fff; line-height: 50px; padding:10px 50px;}
	.btn2:hover { background-color: rgba(225, 225, 225, .2); color: #fff;}

/* Tablet CSS */
@media(min-width:768px) {

	/* ----------------------------------------
	 *   コンテンツ幅
	 * ---------------------------------------- */
	#main { min-height: 400px;}
	.section { padding: 3em 0;}
}

	/* ----------------------------------------
		サブページトップイメージ
		一部スライダーにも影響する
	 * ---------------------------------------- */

	/* 背景 */
	.section.n2, .section_n2 { background-color:#f7f7f7 !important;}
	.section.n3 { background-color:#FAF5F1 !important;}

	.linkcell { display: block;	position: relative;	padding: 20px; max-width: 480px; margin: 2px; background-color: transparent; color: inherit;}
	.must2 .linkcell { padding: 10px;}
	.slicker-view.s1 .linkcell { margin: 2px auto;}
	.linkcell .holderPic { margin-bottom: 1em;}
	.linkcell.white { background-color: #fff; border-bottom: 1px solid #ccc;}
	.linkcell .ttl, .linkcell .date, .linkcell .dis, .linkcell .stxt { display: block; margin: 0; line-height: 1;}

	/* 選択時の背景 */
	.linkcell:hover { text-decoration: none; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.5); box-shadow: 0 1px 2px rgba(0,0,0,0.5);}

	/* タイトルと内容 */
	.linkcell .ttl { font-size: 18px; line-height: 1.4;	margin-bottom: 0; font-weight: normal; color:#1EBEB4; font-weight:bold;}
	.linkcell .ttl.arrow:before { content: '\e835'; font-family: 'terra'; display: inline-block; margin-right: 6px;}
	.linkcell:hover .ttl { text-decoration:none;}
	.linkcell:hover .ttl.nowrap { white-space: nowrap;}
	.linkcell .ttl:last-child { margin-bottom: 0;}
	.linkcell .date {  font-size: 14px;	color: #666; margin-top: .5em; margin-bottom: .5em; line-height:1.6;}

	#UI_LOADING_ICON, .loading_indicator { z-index: 1; position: absolute; width: 40px; height: 40px; left: 50%; top: 55%;
		margin: -20px 0 0 -20px; background-color: transparent; color: transparent; white-space: nowrap; text-indent: 100%;  pointer-events: none;
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s linear;
		-moz-transition: all .2s linear; -ms-transition: all .2s linear; transition: all .2s linear; -webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; transform: scale(0); opacity: 0;}
	#UI_LOADING.on #UI_LOADING_ICON, .loading_indicator.on { transform: scale(1); opacity: 1;}
	#UI_LOADING_ICON:after, .loading_indicator:after { content: ""; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;	border-left: 3px solid rgba(255,255,255,0.2); border-right: 3px solid rgba(255,255,255,0.2); border-bottom: 3px solid rgba(255,255,255,0.2); border-top: 3px solid rgba(255,255,255,0.9); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; -webkit-animation: rotation .8s infinite linear; -moz-animation: rotation .8s infinite linear; -ms-animation: rotation .8s infinite linear; -o-animation: rotation .8s infinite linear; animation: rotation .8s infinite linear;}
	.loading_indicator.black:after { border-left-color: rgba(0,0,0,0.1); border-right-color: rgba(0,0,0,0.1); border-bottom-color: rgba(0,0,0,0.1); border-top-color: rgba(120,90,80,0.8);}
	#UI_LOADING_ICON, .loading_indicator.big { width: 120px; height: 120px; margin: -60px 0 0 -60px;}

	/* loading animation */
	@-webkit-keyframes rotation { from { -webkit-transform:rotate(0deg);} to { -webkit-transform: rotate(360deg);}}
	@-moz-keyframes rotation { from { -moz-transform:rotate(0deg);} to { -moz-transform: rotate(360deg);}}
	@-ms-keyframes rotation { from { -ms-transform:rotate(0deg);} to { -ms-transform: rotate(360deg);}}
	@-o-keyframes rotation { from { -o-transform:rotate(0deg);} to { -o-transform: rotate(360deg);}}
	@keyframes rotation { from { ransform:rotate(0deg);} to { transform: rotate(360deg);}}

	.slicker, .slicker-view, .slicker-track, .slicker-cell { display: block; margin: 0; padding: 0; position: relative;	list-style: none; line-height: 1;}
	.slicker { min-height: 260px; z-index: 1;}
	.slicker.for_mobile:after { content: ""; display: block; padding-bottom: 65%; background-color: inherit; background-color: transparent;}

	.slicker.has-dot { padding-bottom: 26px;}
	/*  次へ・前へ */
	.slicker.has-arrow { padding-bottom: 35px;}
	.slicker-view { overflow: hidden; -webkit-tap-highlight-color: rgba(0,0,215,0.40);}
	.pictures .slicker-view { background-color: #f0f0f0;}
	.slicker .slicker-view.fade:before { content: ""; display: block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2;	background-color: transparent; background-image: url(img/spacer.gif);}
	.slicker-view.fade:after { content: ""; display: block; padding-bottom: 46.93%; background-color: inherit; background-color: transparent;}
	.slicker-track { position: relative; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: translate3d(0, 0, 0); -moz-transition: translate3d(0, 0, 0); -ms-transition: translate3d(0, 0, 0); transition: translate3d(0, 0, 0);}
	.slicker-view.slide>.slicker-track:before, .slicker-view.slide>.slicker-track:after { clear: both; content: ""; display: table; zoom: 1;}
	.slicker-view.slide>.slicker-track>.slicker-cell { display: block; padding: 0; float: left;}
	.slicker .slicker-view.slide>.slicker-track { display: none;}

	/* 消すとスライダーが消える・サブページ・トップイメージ崩れる */
	.slicker.loaded .slicker-view.slide>.slicker-track { display: block;}

	.slicker-view.marquee { position: absolute; left: 0; top: 0; right: 0; bottom: 0; height: 100%;	background-color: #ccc;}
	.slicker-view.marquee>.slicker-track { display: inline-block; height: inherit; white-space: nowrap; font-size: 0; line-height: 0; margin-left: 0;}
	.slicker-view.marquee>.slicker-track.start { -webkit-animation: wauSlickerMarquee 0s linear 0s infinite normal; -moz-animation: wauSlickerMarquee 0s linear 0s infinite normal; -ms-animation: wauSlickerMarquee 0s linear 0s infinite normal; animation: wauSlickerMarquee 0s linear 0s infinite normal;}

	.slicker-view.marquee>.slicker-track>.slicker-cell { display: inline-block; line-height: 0; margin: 0; padding: 0; height: inherit; -webkit-transition: all .3s linear;	-moz-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; -webkit-transform: scale(0.9) translateY(-20px); -moz-transform: scale(0.9) translateY(-20px);	-ms-transform: scale(0.9) translateY(-20px); transform: scale(0.9) translateY(-20px);opacity: 0;}
	.slicker-view.marquee>.slicker-track>.slicker-cell.done { -webkit-transform: scale(1) translateY(0); -moz-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); 	transform: scale(1) translateY(0); opacity: 1;}
	.slicker-view.marquee>.slicker-track>.slicker-cell.off { -webkit-transition: none; -moz-transition: none; -ms-transition: none; transition: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; opacity: 1;}
	.slicker-view.marquee>.slicker-track>.slicker-cell>img { max-width: none; max-height: none; height: 100%; display: inline; width: auto;}

	/*　消すとスライダー内の下部が途切れる */
	.slicker-view.fade { position: absolute; left: 0; top: 0; right: 0; bottom: 0;}

	.slicker.has-dot>.slicker-view.fade { bottom: 26px;}
	.slicker-view.fade>.slicker-track { position: absolute; left: 50%; top: 50%;}
	.slicker-view.fade>.slicker-track>.slicker-cell { position: absolute; left: 0; top: 0; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%);	-ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0;}
	.slicker-view.fade>.slicker-track>.slicker-cell>img { max-width: none; width: 100%;}
	/*　スライダー ページャー */
	.slicker-dots, .slicker-dots li, .slicker-dots .slicker-dot { margin: 0; padding: 0; display: block; list-style: none; line-height: 1;}
	.slicker-dots {	position: absolute;	bottom: -1px; left: 0; right: 0; text-align: center; z-index: 2; line-height: 0;}
	.slicker-dots li { display: inline-block; margin: 0 2px;}
	.slicker-dot { white-space: nowrap; font-size: 1px; text-indent: 100%; overflow: hidden; color: transparent; width: 17px; height: 17px;	background-color: transparent;}
	.slicker-dot:before { content: ""; display: block; width: 9px; height: 9px; margin: 4px; background-color: #ccc; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%;	-ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
	.slicker-dots li.current .slicker-dot:before { background-color: #555;}
	.slicker-dot, .slicker-dot:hover, .slicker-dot:focus { -webkit-border-radius: 0; -moz-border-radius: 0;	-ms-border-radius: 0; border-radius: 0;	-webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border: 0;}
	/* 次へ・前へ */
	.slicker-arrow { display: block; position: absolute; top: 50%; margin: 0; padding: 0; width: 40px; height: 40px; line-height: 40px;	margin-top: -20px; background-color: transparent; -webkit-user-select: none; user-select: none; z-index: 3; border-color: #aaa;	color: #333; overflow: hidden;}
	.slicker-arrow, .slicker-arrow:hover, .slicker-arrow:focus, .slicker-arrow:active {	-webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; box-shadow: none; border-color: #333;}
	.slicker-arrow:before {	display: block; line-height: inherit; white-space: nowrap; text-align: center; font-family: 'terra'; font-size: 14px;}
	.slicker-arrow.prev:before { content: '<'; text-indent: -1px;}
	.slicker-arrow.next:before { content: '>'; text-indent: 1px;}
	.slicker-arrow:active {	background-color: #ddd;}
	.slicker-arrow.disabled { pointer-events: none;	opacity: .3; border-color: #666; color: #666;}
	.slicker-arrow.prev { left: -5%;}
	.slicker-arrow.next { right: -5%;}
	/* 前へ・次へボタンのデザイン */
	/*input[type='text'], input[type='search'], input[type='date'], */
	.btn, button, select, textarea { display: block; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0;	border-radius: 0; border: 1px solid #ccc; font-size:16px;}

	@-webkit-keyframes wauSlickerMarquee { 0% { -webkit-transform:translateX(0%);} 100% { -webkit-transform:translateX(-50%);}}
	@-moz-keyframes wauSlickerMarquee { 0% { -moz-transform:translateX(0%);} 100% { -moz-transform:translateX(-50%);}}
	@-ms-keyframes wauSlickerMarquee { 0% { -ms-transform:translateX(0%);} 100% { -ms-transform:translateX(-50%);}}
	@-o-keyframes wauSlickerMarquee { 0% { -o-transform:translateX(0%);} 100% { -o-transform:translateX(-50%);}}
	@keyframes wauSlickerMarquee { 0% { transform:translateX(0%);} 100% { transform:translateX(-50%);}}

@media(max-width:767px) {
	.slicker-arrow { top: auto; bottom: -10px;}
}
@media(min-width:768px) and (max-width:991px) {
	.slicker-view.slide.show2-length1>.slicker-track, .slicker-view.slide.show3-length1>.slicker-track { margin: 0 auto;}
}
@media(min-width:992px) {
	.must2 .linkcell { padding: 20px;}
	.slicker-view.slide.show3-length1>.slicker-track, .slicker-view.slide.show3-length2>.slicker-track, .slicker-view.slide.show4-length1>.slicker-track, .slicker-view.slide.show4-length2>.slicker-track, .slicker-view.slide.show4-length3>.slicker-track { margin: 0 auto;}
}
/* slider etc END -----------------------------------------------------------------------*/


	/********************************************
	 * header mainMenu
	 ********************************************/
	#header { position: relative; background:#fff; position:fixed; z-index:999; left:0; top:0;width:100%; padding:0; height:50px;
			box-shadow: 0 0 5px #555;
			-moz-box-shadow: 0 0 5px #555;
			-o-box-shadow: 0 0 5px #555;
			-ms-box-shadow: 0 0 5px #555;
			filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);}
	#header .inner { position: relative; max-width:1200px; margin: 0 auto;}
	#header h1.logo { margin:0.17em 0 0.2em 0; float:left; width:155px;}
	#header h1.logo img{ width:100%;}

	/* gNav */
	.gNav { margin-bottom:0px; float:right; padding-right:1em;}
	.gNavList { display:inline-block; overflow:visible; float:right; padding:0;}
	.gNavItem { padding:0 0 0 3px; font-size:13px; float:left; overflow:visible; margin:18px 0 0 5px; list-style-type:none; box-sizing: border-box; line-height:1;}
	.gNavItem img{ vertical-align:-4px; width:27px;}
	.gNavItem a { position:relative; text-decoration:none;}
	.gNavItem a:hover{text-decoration:underline; color:#333;}
	.gNavItem a:before { position:absolute; right:auto; bottom:7px; left:0; width:100%; height:1px; content:''; -webkit-transition:all .1s linear; -moz-transition:all .1s linear; -ms-transition:all .1s linear; -o-transition:all .1s linear; transition:all .1s linear; -webkit-transform:scaleX(0); -ms-transform:scaleX(0); transform:scaleX(0); -webkit-transform-origin:0; -ms-transform-origin:0; transform-origin:0; border-radius:5px; background:#222;}
	.gNavItem:before { content: '|'; margin-right:11px; color: #ddd;}
	.gNavItem:last-child:after { content: '|'; margin-left: 11px; color: #ddd;}
	.gNavItem:last-child { margin-right:0;}
	.gNavItem span.spgNavItem{ display:none;}

@media screen and (max-width:768px) {
	.gNav { position:fixed; top:0; left:0; display:none; width:100%; height:100%; margin:0; padding:0; background-color:rgba(0,0,0,0.9);}
	.gNavInner { display:table; width:100%; height:100%; padding:0; margin:0;}
	.gNavList { display:table-cell; vertical-align:middle; float:none;}
	.gNavItem { font-size:14px; float:none; width:100%; margin:0; text-align:center; color:#fff;display:block; vertical-align: middle;}
	.gNavItem img{ vertical-align:0;}
	.gNavItem a{ display:block;vertical-align: middle; padding:1em 0;}
	.gNavItem:last-child { margin-right:auto;}
	.gNavItem a:before { bottom:9px; background-color:#fff;}
	.gNavItem:before { content: none;}
	.gNavItem .spNone{ display:none;}
	.gNavItem span.spgNavItem{ display:block;}
	.gNavItem a:hover{text-decoration:none; color:#fff;}
	.gNavItem:last-child:after { content:none;}
}

@media screen and (max-width:1250px){
	#header h1.logo { margin:0.17em 0 0.2em 0.5em;}
}

@media screen and (max-width:768px) and (orientation:landscape) {
	.gNavList { text-align:center;}
	.gNavItem { display:inline-block; width:20%; }
	.gNavItem a{ display:inline-block; }
	.gNavItem:after {display:inline; margin-left:15px; content:'/';}
}

@media screen and (min-width:769px) {
	.gNav { display:block!important;}
	.gNavItem.home { display:none;}
}

/* メニューボタン */
	.menuTrg { display:none;}

@media screen and (max-width:768px) {
	.menuTrg { position:absolute; z-index:6; z-index:600; top:15px; right:18px; display:block; width:26px; height:18px; cursor:pointer;}
	.menuText { font-size:14px;}
	.menuIconLine { position:absolute; left:0; width:100%; height:2px; background:#222;}
	.menuIconLine:nth-of-type(1) { top:0;}
	.menuIconLine:nth-of-type(2) { top:8px;}
	.menuIconLine:nth-of-type(3) { top:16px;}
	/* open */
	.menuIconLine.open { background:#fff;}
	.menuIconLine.open:nth-of-type(1) { top:8px; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg);}
	.menuIconLine.open:nth-of-type(2) { opacity:0;}
	.menuIconLine.open:nth-of-type(3) { top:8px; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg);}
}
	/* メニューボタン アニメーション */
	.trs { -webkit-transition:all .1s ease; -moz-transition:all .1s ease; -ms-transition:all .1s ease; -o-transition:all .1s ease; transition:all .1s ease;}
	.trp { -webkit-transition:opacity .1s ease; -moz-transition:opacity .1s ease; -ms-transition:opacity .1s ease; -o-transition:opacity .1s ease; transition:opacity .1s ease; opacity:1; filter:alpha(opacity=100);}
	.trp:hover { opacity:.6; filter:alpha(opacity=60);}
	/* trs-dr */
	.trs-dr02 { -webkit-transition-duration:.2s; -moz-transition-duration:.2s; -ms-transition-duration:.2s; -o-transition-duration:.2s; transition-duration:.2s;}
	.trs-dr03 { -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -ms-transition-duration:.3s; -o-transition-duration:.3s; transition-duration:.3s;}
	.trs-dr05 { -webkit-transition-duration:.5s; -moz-transition-duration:.5s; -ms-transition-duration:.5s; -o-transition-duration:.5s; transition-duration:.5s;}
	.trs-dr06 { -webkit-transition-duration:.6s; -moz-transition-duration:.6s; -ms-transition-duration:.6s; -o-transition-duration:.6s; transition-duration:.6s;}
	.trs-dr08 { -webkit-transition-duration:.8s; -moz-transition-duration:.8s; -ms-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s;}
	.trs-dr12 { -webkit-transition-duration:1.2s; -moz-transition-duration:1.2s; -ms-transition-duration:1.2s; -o-transition-duration:1.2s; transition-duration:1.2s;}
	/* trs-tf */
	.trs-tfCb { -webkit-transition-timing-function:cubic-bezier(0, .96, .4, .99); -moz-transition-timing-function:cubic-bezier(0, .96, .4, .99); -ms-transition-timing-function:cubic-bezier(0, .96, .4, .99); -o-transition-timing-function:cubic-bezier(0, .96, .4, .99); transition-timing-function:cubic-bezier(0, .96, .4, .99);}

/* header END -----------------------------------------------------------------------*/

/* SmartPhone */
@media screen and (max-width: 825px){ 
	#footer {position: absolute; bottom: 0; width:100%; background-color:#333;}
	#footer p.footerAdd{ color:#fff; padding:10px; width: 90%; font-size:12px; margin:0 auto;}
}

/* PC CSS 1200px以上 */
@media screen and (min-width: 826px){ 

	/*footer*/
	#footer {position: absolute; bottom: 0; width:100%; background-color:#333;}
	#footer p.footerAdd{ color:#fff; padding:10px 0; font-size:14px; margin:0 auto; width: 90%; max-width: 1200px;}
}

	#pageTop { position: fixed; z-index:600; bottom: 60px; right: 20px; font-size: 77%;}
	#pageTop a { font-family: "terra"; text-decoration: none; color: #fff; padding:10px 5px; text-align: center; display: block; font-size:150%; background:#333; width:35px; height:25px;}
	#pageTop a span.pgIcon { margin:-4px 10px 0 7px;/*位置調整用*/ float:left; width:0; height:0; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 10px;}
	#pageTop a span.pgIcon:before{ content:''; float:left; position:relative; top:-7px; left:-10px; width:0; height:0; border-color: transparent transparent #333 transparent; border-style: solid; border-width:10px;}

/* SmartPhone */
@media screen and (max-width: 825px){ 
	#pageTop { position: fixed; z-index:600; bottom: 75px; right: 20px; font-size: 77%;}
}


/* 実績

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
	#worksContainer{position: relative; margin:0 auto;padding:0;height: 100%; min-height: 100%; }
	#worksContainer .worksBox{ margin:0 auto;min-width:100%; padding:0;}
	#worksContainer li {list-style:none;margin:0 auto; padding:0;}
	#worksContainer li.worksItem { float: left; box-sizing: border-box;}
	#worksContainer li.worksItem h3{font-size:16px; line-height:1.6; color:#1EBEB4; margin-top:0.5em;}
	#worksContainer li.worksItem h3>span{font-size:12px; font-weight:normal; color:#333;}
	#worksContainer li.worksItem p{font-size:12px; color:#7f7f7f; margin:0; padding:8px; box-sizing: border-box;}
	#worksContainer li.worksItem dl{font-size:12px; color:#7f7f7f; margin:0 box-sizing: border-box; line-height:1.4;}
	#worksContainer li.worksItem dt{font-weight:normal;text-decoration:underline;}
	#worksContainer	.linkcell {display: block; position: relative; padding: 10px; margin:10px; background-color: transparent; color: inherit; border:1px solid #EBEBEB;}
	#worksContainer .col3 { width:300px;}
	#worksContainer	.linkcell:hover { border:1px solid #fff; text-decoration: none; background-color: #fff; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5); -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.5); box-shadow: 0 1px 2px rgba(0,0,0,0.5);}
	.btnholder, .inputholder { display: inline-block;}
	/* カテゴリ */
	.cateList{ text-align:center; font-size:14px;margin:0 0 50px 0; padding:0}
	.cateList>li{list-style:none;display:inline; color:#222; line-height:3;}
	.cateList>li span{ position:relative; padding:0 3px; text-decoration:none; display:inline-block;}
	.cateList>li span:hover{text-decoration:underline; color:#333;}
	.cateList>li:before { content: '|'; margin-right: 5px; color: #ddd;}
	.cateList>li:last-child:after { content: '|'; color: #ddd; margin-left:5px;}
	.cateList li.active span{ text-decoration:underline; color:#333;}

@media(min-width:768px) and (max-width:991px) {
	#worksContainer .col3 { width: 33.3%;}
}

@media(min-width:1200px) {
	#worksContainer .col3 { width: 25%;}
}

@media(min-width:992px) {
	#worksContainer .col3 { width: 25%;}
}
@media screen and (max-width: 767px){ 
	#worksContainer .col3 { width: 50%;}
}

/* SmartPhone */
@media screen and (max-width: 420px){ 
	.btnholder, .inputholder { display: block; position: relative; margin:0 auto;}
	#worksContainer{position: relative; margin:0 auto;padding:0;height: 100%; min-height: 100%;}
	#worksContainer li { list-style:none; margin:0; padding:0;}
	#worksContainer li.worksItem { float:none; box-sizing: border-box;}
	#worksContainer li.worksItem h3{font-size:16px; line-height:1.6; color:#1EBEB4; margin-top:0.5em;}
	#worksContainer li.worksItem p{font-size:14px;}
	#worksContainer	.linkcell { display: block; position: relative; padding: 10px; margin:10px; background-color: transparent; color: inherit; border:1px solid #EBEBEB;}
	#worksContainer .col3 { width: 100%;}
	#worksContainer .col3 img{ width: 100%;}
}

/* 会社概要・求人情報・お問い合わせ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	/* 求人　GOボタン */
	.go a{position: relative; margin:0 auto; display:block;border:35px solid transparent;border-top-color:#565656; border-bottom-width:0;width:0;display:block;height:0;}
 	.go>a>span{ position: relative; top:-34px; left:-13px;letter-spacing: 1px; font-size:12px; display:block; color:#fff;}

/* SmartPhone */
@media screen and (max-width: 825px){ 

	/* 求人情報 */
	.recruitUl{ text-align:center; font-size:14px;margin:0 0 80px 0; padding:0}
	.recruitUl>li{list-style:none;display:inline; color:#222; line-height:3;}
	.recruitUl>li a{ position:relative; padding:0 3px; text-decoration:none;}
	.recruitUl>li a:hover{text-decoration:underline; color:#333;}
	.recruitUl>li:before { content: '|'; margin-right: 5px; color: #ddd;}
	.recruitUl>li:last-child:after { content: '|'; color: #ddd; margin-left:5px;}
	.recName{color:#333; padding:15px 20px; border-top: 2px dotted #aaa; text-align:center; font-size:20px; line-height:1.6;}
	
	/* 共通Table */
	table.comTb {margin:0 auto 50px auto; width: 100%; text-align:left;}
	table.comTb th{ width:100%; text-align:left; font-weight:bold; font-size:16px; padding:10px 0 0 5px; box-sizing: border-box;}
	table.comTb td{ width:100%; border-bottom: 1px dotted #aaa; padding:10px 20px; box-sizing: border-box; font-size:14px;vertical-align: middle;}
	table.comTb th,table.comTb td{ display:block; font-weight:normal; line-height:180%;vertical-align: middle;}
	table.comTb tr:first-child{ border-top: 2px dotted #aaa;}
	table.comTb td.noWork{ background:#eee; border:none; margin-bottom:2em;}

	table.comTb td img{width:98%;margin:0 1% 1% 0;}

	/* フォームTable */
	table.formTb{ width:100%; font-size:14px;}
	table.formTb th,table.formTb td{ display:block; line-height:1.6; vertical-align: middle; text-align:left;}
	table.formTb th { padding:10px 20px; box-sizing: border-box; border-top:1px dotted #aaa; }
	table.formTb td { padding:0 20px 20px 20px; box-sizing: border-box; }
	table.formTb span{ color:#c00;}

	/* 送信ボタン */
	.comBtn1 { padding:15px 80px; position: relative; background-color:#7FABC9; border-radius: 4px; color: #fff; line-height: 52px; -webkit-transition: none; transition: none; box-shadow: 0 7px 0 #6588A0;}
	.comBtn1:hover { top: 0; box-shadow: 0 7px 0 #6588A0; color: #fff;}
	.comBtn1:active { top: 3px; box-shadow: none;}
	/* 修正ボタン */
	.comBtn2 { padding:15px 80px; position: relative; background-color:#555; border-radius: 4px; color: #fff; line-height: 52px; -webkit-transition: none; transition: none; box-shadow: 0 7px 0 #333; }
	.comBtn2:hover { top: 0; box-shadow: 0 7px 0 #333; color: #fff;}
	.comBtn2:active { top: 3px; box-shadow: none;}

	 input.comBtn1[type='submit'], input.comBtn2[type='submit']{ border:none; overflow:visible; cursor:pointer; font-size:16px; padding:0 80px; font-family:"UD Shin Go Regular";-webkit-appearance: none;}
	.btnBox ul{ text-align:center; padding:0;}
	.btnBox li{ display:inline-block;}

	/* フォームテキスト */
	input[type="text"],textarea, input[type="password"] { background-color:#fff; padding: 5px 6px; border-radius: 4px;/* CSS3草案 */ -webkit-border-radius: 4px;/* Safari,Google Chrome用 */ -moz-border-radius: 4px;/* Firefox用 */}
	.formDs_Sml, .formDs_Sml15, .formDs_Sml20, .formDs_Mid, .formDs_Big { border: 1px solid #ccc; resize: none; margin:3px 0; font-size: 16px;}
	.formDs_Sml15 {width:15%;}
	.formDs_Sml20 {width:20%;}
	.formDs_Sml {width:40%;}
	.formDs_Mid {width:80%;}
	.formDs_Big {width:95%;}

	/* テキストフォーム角丸 */
	.formDs_Sml15, .formDs_Sml20, .formDs_Sml, .formDs_Mid, .formDs_Big { background-color:#fff; padding: 5px 6px;  border-radius: 4px;/* CSS3草案 */ -webkit-border-radius: 4px;/* Safari,Google Chrome用 */ -moz-border-radius: 4px;   /* Firefox用 */}

}
/* PC CSS 1200px以上 */
@media screen and (min-width: 826px){ 
	
	/* 求人情報 */
	.recruitUl{ text-align:center; font-size:14px;margin:0 0 80px 0; padding:0}
	.recruitUl>li{list-style:none;display:inline; color:#222;}
	.recruitUl>li a{ position:relative; padding:0 3px; text-decoration:none;}
	.recruitUl>li a:hover{text-decoration:underline; color:#333;}
	.recruitUl>li:before { content: '|'; margin-right: 5px; color: #ddd;}
	.recruitUl>li:last-child:after { content: '|'; color: #ddd; margin-left:5px;}
	.recName{color:#333; padding:15px 20px; border-top: 2px dotted #aaa;  border-bottom: 2px dotted #aaa; text-align:center; font-size:20px; line-height:1.6;}

	/* 共通Table */
	table.comTb{position: relative;  margin:0 auto 6em auto; width: 100%; font-size:14px;}
	table.comTb th{ width:12%; border:none; border-right: 1px dotted #aaa; text-align:left;}
	table.comTb td{ width:70%; border: none;}
	table.comTb th,table.comTb td{ padding:10px 20px; font-weight:normal; line-height:180%;vertical-align: middle;}
	table.comTb tr{ border-bottom: 1px dotted #aaa;}
	table.comTb tr:last-child { border-bottom:none}
	table.comTb td.noWork{ background:#eee;}

	table.comTb td img{width:48%;margin:0 1% 1% 0;}

	/* フォームTable */
	table.formTb{ width:100%; font-size:14px;}
	table.formTb span{ color:#c00;}
	table.formTb tr{ border-bottom: 1px dotted #aaa;}
	table.formTb th,table.formTb td{ padding:10px 20px; line-height:1.6; vertical-align: middle;}
	table.formTb th { font-weight:normal; width:20%; border-right: 1px dotted #aaa; font-weight:bold;}
	table.formTb tr:last-child{ border-bottom:none;}

	/* 送信ボタン */
	.comBtn1 { padding:15px 80px; position: relative; background-color:#7FABC9; border-radius: 4px; color: #fff; line-height: 52px; -webkit-transition: none; transition: none; box-shadow: 0 7px 0 #6588A0;}
	.comBtn1:hover { top: 0; box-shadow: 0 7px 0 #6588A0; color: #fff;}
	.comBtn1:active { top: 3px; box-shadow: none;}
	/* 修正ボタン */
	.comBtn2 { padding:15px 80px; position: relative; background-color:#555; border-radius: 4px; color: #fff; line-height: 52px; -webkit-transition: none; transition: none; box-shadow: 0 7px 0 #333; }
	.comBtn2:hover { top: 0px; box-shadow: 0 7px 0 #333; color: #fff;}
	.comBtn2:active { top: 3px; box-shadow: none;}

	 input.comBtn1[type='submit'], input.comBtn2[type='submit']{ border:none; overflow:visible; cursor:pointer; font-size:16px; padding:0 80px; font-family:"UD Shin Go Regular"; -webkit-appearance: none;}
	.btnBox ul{ text-align:center; padding:0;}
	.btnBox li{ display:inline-block; margin:0 10px;}

	/* フォームテキスト */
	input[type="text"],textarea, input[type="password"] { background-color:#fff; padding: 5px 6px; border-radius: 4px;/* CSS3草案 */ -webkit-border-radius: 4px;/* Safari,Google Chrome用 */ -moz-border-radius: 4px;/* Firefox用 */}
	.formDs_Sml, .formDs_Sml15, .formDs_Sml20, .formDs_Mid, .formDs_Big { border: 1px solid #ccc; resize: none; margin:3px 0; font-size: 16px;}
	.formDs_Sml15 {width:15%;}
	.formDs_Sml20 {width:20%;}
	.formDs_Sml {width:40%;}
	.formDs_Mid {width:80%;}
	.formDs_Big {width:95%;}

	/* テキストフォーム角丸 */
	.formDs_Sml15, .formDs_Sml20, .formDs_Sml, .formDs_Mid, .formDs_Big { background-color:#fff; padding: 5px 6px;  border-radius: 4px;/* CSS3草案 */ -webkit-border-radius: 4px;/* Safari,Google Chrome用 */ -moz-border-radius: 4px;   /* Firefox用 */}
}

@media(max-width:420px){
	.contactTable th{ display:block; background:#1D533D;width:100%; border:none; font-weight:normal; padding:10px;box-sizing: border-box; text-align:center; color:#fff; text-align:left;}
	.contactTable td{ display:block; padding:6px; background-color:#fff; width:100%;box-sizing: border-box;}
	.btn2 a.linkbox { margin:0 0 0 0;}

}


/* 会社概要

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
/* SmartPhone */
@media screen and (max-width: 825px){ 

	/* 会社概要 */
	.mapCanvas{ margin:30px auto; text-align:center; margin:0 auto;}
	table.comTb2 {margin:0 auto 50px auto; width: 100%; text-align:left;}
	table.comTb2 th{ width:100%; text-align:left; font-weight:bold; font-size:16px; padding:10px 0 0 5px; box-sizing: border-box;}
	table.comTb2 td{ width:100%; border-bottom: 1px dotted #aaa; padding:10px 20px; box-sizing: border-box; font-size:14px;vertical-align: middle;}
	table.comTb2 th,table.comTb2 td{ display:block; font-weight:normal; line-height:180%;vertical-align: middle;}
	table.comTb2 tr:first-child{ border-top: 1px dotted #aaa;}
	table.comTb2 td.noWork{ background:#eee;}
}

/* PC CSS 1200px以上 */
@media screen and (min-width: 826px){ 

	.mapCanvas{ margin:30px auto; text-align:center;}
	table.comTb2{position: relative;  margin:0 auto 50px auto; width: 100%; font-size:14px;}
	table.comTb2 th{ width:12%; border:none; border-right: 1px dotted #aaa; text-align:left;}
	table.comTb2 td{ width:70%; border: none;}
	table.comTb2 th,table.comTb2 td{ padding:10px 20px; font-weight:normal; line-height:180%;vertical-align: middle;}
	table.comTb2 tr{ border-bottom: 1px dotted #aaa;}
	table.comTb2 tr:nth-last-child(-n+2) { border-bottom:none;}
	table.comTb2 tr.lineT{ border-top: 1px dotted #aaa;}
	table.comTb2 td.noWork{ background:#eee;}
}

/* 個人情報

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

/* SmartPhone */
@media screen and (max-width: 825px){ 
	.read { padding-left: 1.5em;}
	.privacy_list { color: #333; margin-bottom: 50px;}
	dl.privacy_list dt { clear: left; float:left; margin-left:2em;}
	dl.privacy_list dd { margin-left: 4em; text-align: left; line-height: 1.6;}
}

/* PC CSS 1200px以上 */
@media screen and (min-width: 826px){ 
	.read { padding-left: 3em;}
	.privacy_list { color: #333; margin-bottom: 50px;}
	dl.privacy_list dt { clear: left; float:left; margin-left:4em;}
	dl.privacy_list dd { margin-left: 6em; text-align: left; line-height: 1.6;}
}

/* サービス

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
/* SmartPhone */
@media screen and (max-width: 825px){
	.service .box{ text-align:center;}
	.service .box img{ width:280px; margin:0 auto;}
	.service .box>h3{ text-align:center; margin-top:1em; font-size:16px;}
	.service .box>p{ text-align:left; margin-top:0.5em; font-size:14px;word-break: break-all; line-height:1.8;}
	.workFlowList>.txt{ margin:10px auto 30px auto; text-align:left; font-size:14px; line-height:1.8;}
	.workFlowList>h3{position: relative; border-bottom:solid 1px #ccc; padding-bottom:0.3em;}
	.workFlowList>h3>span{ display:block; color:#618CAA;  text-align:left; font-size:14px; margin-top:0.5em; line-height:1.4;}
	.workFlowList>h3:after { content: ""; display: block; border-top: 2px solid #aaa; position: absolute; left: 0px; bottom: -1px; width: 10%; min-width: 100px;}

	.comList>.txt{ margin:10px auto 30px auto; text-align:left; font-size:14px; line-height:2;}
	.comList>h3{position: relative; border-bottom:solid 1px #ccc; padding-bottom:0.3em;}
	.comList>h3>span{ display:block; color:#618CAA;  text-align:left; font-size:14px; margin-top:0.5em; line-height:1.4;}
	.comList>h3:after { content: ""; display: block; border-top: 2px solid #aaa; position: absolute; left: 0px; bottom: -1px; width: 10%; min-width: 100px;}

	.comTitle{ background:#5A5A5A; padding:10px; color:#fff;}
	table.priceTb {margin:0 auto 50px auto; width: 100%; text-align:left;}
	table.priceTb th{ width:100%; text-align:left; font-weight:bold; font-size:16px; padding:10px 0 0 5px; box-sizing: border-box;}
	table.priceTb td{ width:100%; border-bottom: 1px dotted #aaa; padding:10px 20px; box-sizing: border-box; font-size:14px;vertical-align: middle;}
	table.priceTb th,table.priceTb td{ display:block; font-weight:normal; line-height:180%;vertical-align: middle;}
	table.priceTb tr:first-child{ border-top: 1px dotted #aaa;}
	table.priceTb tr:last-child{ border-bottom:none;}
	table.priceTb tr:nth-child(2n){ background:#F6F6F6;}
	table.priceTb td.noWork{ background:#eee;}

}

/* PC CSS 1200px以上 */
@media screen and (min-width: 826px){ 
	.service .box{ text-align:center;}
	.service .box img{ width:280px; margin:0 auto;}
	.service .box>h3{ text-align:center; margin-top:1em;}
	.service .box>p{ text-align:left; margin-top:0.5em;font-size:14px;word-break: break-all; line-height:2;}
	.workFlowList>.txt{ margin:10px auto 40px auto; text-align:left; font-size:14px; line-height:2;}
	.workFlowList>h3{position: relative; border-bottom:solid 1px #ccc; padding-bottom:0.3em;}
	.workFlowList>h3>span{ color:#618CAA;  text-align:left; font-size:14px; margin-left:50px;}
	.workFlowList>h3:after { content: ""; display: block; border-top: 2px solid #aaa; position: absolute; left: 0px; bottom: -1px; width: 10%; min-width: 100px;}

	.comList>.txt{ margin:10px auto 40px auto; text-align:left; font-size:14px; line-height:3;}
	.comList>h3{position: relative; border-bottom:solid 1px #ccc; padding-bottom:0.3em;}
	.comList>h3>span{ color:#618CAA;  text-align:left; font-size:14px; margin-left:50px;}
	.comList>h3:after { content: ""; display: block; border-top: 2px solid #aaa; position: absolute; left: 0px; bottom: -1px; width: 10%; min-width: 100px;}

	.comTitle{ background:#5A5A5A; padding:10px 20px; color:#fff;}
	table.priceTb{position: relative;  margin:0 auto 50px auto; width: 100%; font-size:14px;}
	table.priceTb th{ width:20%; border:none; border-right: 1px dotted #aaa; text-align:left;}
	table.priceTb td{ width:70%; border: none;}
	table.priceTb th,table.priceTb td{ padding:10px 20px; font-weight:normal; line-height:180%;vertical-align: middle;}
	table.priceTb tr{ border-bottom: 1px dotted #aaa;}
	table.priceTb tr:last-child{ border-bottom:none;}
	table.priceTb tr.lineT{ border-top: 1px dotted #aaa;}
	table.priceTb tr:nth-child(2n){ background:#F6F6F6;}
	table.priceTb td.noWork{ background:#eee;}
}

/* BLOG

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
/* サイドバナー */
.blogSideBanner ul {position:relative; overflow:hidden;padding:0;}
.blogSideBanner li {margin-bottom:10px;list-style:none;text-align:center;}
.blogSideBanner li:last-child{margin-bottom:0;}
.blogSideBanner li img{display:inline-block; width:auto; max-width:100%;}
/* SmartPhone */
@media screen and (max-width:991px) {
	.blogSideBanner li {float:left;width:32%;margin-right:2%;}
	.blogSideBanner li:nth-child(3n){margin-right:0;}
}
@media screen and (max-width:768px){
	.blogSideBanner li {width:49%;}
	.blogSideBanner li:nth-child(2n){margin-right:0;}
	.blogSideBanner li:nth-child(3n){margin-right:2%;}
}
	.viewBox{text-align:right; margin:3em 0 0 0;}
	.viewBox .t{text-align:left; padding:0; margin:0; display:inline; padding:10px;}
	.viewN { position: relative; display: inline-block; padding: 0 15px; width: auto; min-width: 80px; height: 30px; line-height: 30px; color: #19283C; text-align: center; background: #F6F6F6; border: 1px solid #19283C; z-index: 0;}
	.viewN:before { content: ""; position: absolute; top: 50%; left: -8px; margin-top: -9px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #F6F6F6 transparent transparent; z-index: 0;}
	.viewN:after { content: ""; position: absolute; top: 50%; left: -12px; margin-top: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 11px 9px 9px 3px; border-color: transparent #19283C transparent transparent; z-index: -1;}
	p.viewN {margin:0;}


/* SmartPhone */
@media screen and (max-width: 825px){
	/* BLOG 記事一覧 */
	.blogList{margin:0 0 1em 0; display: block; padding: 0;}
	.blogList>.entry { display: block; margin:0; padding: 0; list-style: none;}
	.blogList { margin-left: auto; margin-right: auto;}
	.blogList>.entry { position: relative; border-bottom: 1px solid #ccc;}
	.blogList>.entry:first-child { border-top: 1px solid #ccc; padding-top: 1px;}
	.blogList>.entry>.box { padding: 2em 0; padding-right: 0px;}
	.blogList>.entry .picBox { margin:0 auto 20px auto; display:table;}
	.blogList>.entry .picBox .holderPic{margin:0 auto 10px auto; display:table-cell; padding:5px; vertical-align:middle; width: 180px;}
	.blogList>.entry .picBox .holderPic img{ margin-top: 0; width: 100%;}
	.blogList>.entry .date {line-height: 14px; font-size: 14px; color: #777; margin:5px 15px 5px 0;}
	.blogList>.entry .title { text-decoration: underline; font-weight: normal; font-size: 18px; clear: none; margin-bottom:0.5em; font-weight:bold; line-height:1.6; color:#618CAA;}
	.blogList>.entry .date .title { margin-top: 10px;}
	.blogList>.entry p.text { display:none;}
	.blogList>.entry p.text span{text-decoration: underline; color:#618CAA;}
	.blogList li.entry a{ display:inline-block; padding:20px 15px; width:100%; box-sizing: border-box;}
	.blogList li.entry a:hover{ background:#f1f1f1;}


	/* BLOG サイドメニュー */
	.blogSideItem ul{ padding:0;}
	.blogSideItem h4{ background:#aaa; color:#fff; padding:0.5em;}
	.blogSideItem li{ list-style: none; border-bottom:1px solid #ccc; font-size:13px;line-height:1.4;}
	.blogSideItem li a{display:block; padding:1em 0 1em 0.5em;}
	.blogSideItem li a:hover{ text-decoration: underline;}
	.sideBn{ margin:0 auto; text-align:center;}
	.sideBn .bnItem{ margin:0 auto 1em auto;}
	/* 最新記事一覧・ランキング */
	.blogSideItem .ranking li a,.blogSideItem .newTopics li a{display:block; padding:1em 0 1em 0; width:100%;}
	.blogSideItem .ranking li a:hover,.blogSideItem .newTopics li a:hover{ text-decoration: underline;}
	.blogSideItem .ranking p,.blogSideItem .newTopics p{ margin:0;display:inline; padding-left:0.5em; width:80%;line-height:1.5;}
	.blogSideItem .ranking img{ margin:0;padding:0;vertical-align:-2px;}
	.blogSideItem .newTopics img{ width:25px; margin:0;padding:0;vertical-align: middle;}
	.blogSideItem .newTopics span.dates{font-size:11px; color:#afafaf; margin-left:0.8em;}
	.blogSideItem .tagItem { padding:1em 0 0.4em 0;word-wrap: break-word;}
	.blogSideItem .tagItem span{ padding:0 0.5em 1em 0; display:inline-block; line-height:1.6;}
	.blogSideItem .tagItem span a{background:#618CAA; color:#fff; padding:0.5em; text-decoration: underline; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
	.blogSideItem .tagItem span a:hover{ text-decoration:none;}
	/* SNSアイコン */
	ul.snsLink{ padding:0;}
	.snsLink li{display:inline-block;list-style: none; margin-right:0.1em;}
	.snsLink li img{width:32px;}


	/* BLOG 記事詳細 */
	.blogArticle { line-height:1.6; }
	.blogArticle .detail { margin-bottom:0;}
	.blogArticle>h3{ position: relative; border-bottom:solid 2px #ccc; padding-bottom:0.3em; font-size:20px; line-height:1.6;}
	.blogArticle>.txt{ margin:10px auto 30px auto; text-align:left; font-size:14px; line-height:1.6;}
	.blogArticle h4{position: relative;margin:0.5em 0;}
	.blogArticle h4:before { content: "・";}
	/* 著作スタッフ */
	.staffAuthor{border:2px solid #ddd; padding:10px 20px; background:#f7f7f7; box-sizing: border-box; margin:2em 0 0 0;}
	.staffAuthor h3{margin-bottom:10px;}
	.staffAuthor p{margin:0; padding:0; line-height:1.6;}
	.staffAuthor .pic{width:120px; margin:0 auto 15px auto;}
	.staffAuthor [data-w],.staffAuthor .grid[data-column]{margin:0; padding:0;}
	/* おすすめブログ */
	.recBlog{ position:relative; z-index:15;}
	.recBlog .boxR,.recBlog .boxL {margin-bottom:1em;}
	.recBlog .boxR h3,.recBlog .boxL h3{ color:#000; font-size:16px;margin-top:5px; line-height:1.6;}
	.recBlog .boxR p,.recBlog .boxL p{ color:#000; font-size:14px;}
	.recBlog .boxR a img,.recBlog .boxL a img{ width:100%;}
	.recBlog a.zoom { display: block; overflow: hidden; height:auto;}
	.recBlog figure { margin: 0; padding: 0; overflow: hidden; position: relative; text-align: center;}
	.recBlog figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
	.recBlog a:hover>figure { opacity: 1;}
	.recBlog a:hover>figure img { -webkit-transform: scale(1.3); transform: scale(1.3);}
	.cLine { position: relative; text-align: center; margin:1em 0; border:none; font-weight:normal; color:#333;}
	.cLine:before { border-top: 1px solid; content: ""; position: absolute; top: 50%; left: 0; width: 100%;}
	.cLine span { background-color: #fff; display: inline-block; padding: 0 1em; position: relative; font-size:26px;}

	/* BLOG Pager */
	ul.blogPager {display: table; padding:0; width:100%; margin:3em 0 0 0;}
	ul.blogPager li{display:table-cell; vertical-align:middle; text-align:center;}
	ul.blogPager li.prev {text-align:left;}
	ul.blogPager li.next{text-align:right;}
	ul.blogPager li.prev:before { content: "<"; list-style: none; padding-right:0.5em;}
	ul.blogPager li.next:after { content: ">"; list-style: none; padding-left:0.5em;}
	ul.blogPager li.next a, ul.blogPager li.prev a{width:100%;}
	ul.blogPager li.next a:hover, ul.blogPager li.prev a:hover{text-decoration: underline;}

	/* BLOG カテゴリ  */
	.category{ display:inline-block; font-size:14px; color:#fff; margin:5px 0 0 0;}
	.taglist{ display:inline-block;font-size:14px; color:#fff; margin:0 0 5px 0;}
	.category a:hover,.taglist a:hover{ text-decoration: underline;}
	.category>span,.taglist>span{ display:inline-block; padding:0 5px; text-align:center; margin:0 0 5px 0;}
	.taglist>span{background:#aaa;}
	.fs13{ font-size:6px !important;}
	.fs14{ font-size:8px !important;}
	.fs15{ font-size:12px !important;}
	.fs16{ font-size:14px !important;}
	.fs17{ font-size:16px !important;}
	.fs18{ font-size:18px !important;}

	.c1{background:#254F65;}
	.c2{background:#E86D65;}
	.c3{background:#6B5181;}
	.c4{background:#F49D12;}
	.c5{background:#555;}
	.c6{background:#1ABC9C;}
	.c7{background:#2ECC71;}
	.c8{background:#3498DB;}
	.c9{background:#9C5CB7;}
	.c10{background:#5C6D7E;}
	.c11{background:#F1C40F;}
	.c12{background:#E67E22;}
	.c13{background:#E74C3C;}
	.c14{background:#AFA7D8;}
	.c15{background:#F12958;}
	.c16{background:#38495C;}
	.c17{background:#56A764;}
	.c18{background:#3297E1;}
	.c20{background:#E6567A;}
	.c21{background:#EAC14D;}

}

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

	/* おすすめブログ */
	.recBlog{ position:relative; z-index:15; border-bottom: 1px solid #333;}
	.recBlog .boxL,.recBlog .boxR{ position:relative; z-index:15; width:100%; margin:0;overflow: hidden; border-top:1px dotted #aaa; padding:1em 0;}
	.recBlog .boxL .pic{float:left; width:30%; margin-right:2%;}
	.recBlog .boxR .pic{float:right; width:30%; margin-left:2%;}
	.recBlog .boxR h3,.recBlog .boxR p{float:left; width:68%; margin:0;}
	.recBlog .boxL h3,.recBlog .boxL p{float:right; width:68%; margin:0;}
	.recBlog .boxR a img,.recBlog .boxL a img{ width:100%;}
	.recBlog .boxL h3,.recBlog .boxR h3{margin-bottom:0.3em; line-height:1.6;}

	.recBlog a.zoom { display: block; overflow: hidden; height:auto;}
	.recBlog figure { margin: 0; padding: 0; overflow: hidden; position: relative; text-align: center;}
	.recBlog figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
	.recBlog a:hover>figure { opacity: 1;}
	.recBlog a:hover>figure img { -webkit-transform: scale(1.3); transform: scale(1.3);}

	.cLine { position: relative; text-align: center; margin:1em 0; border:none; font-weight:normal; color:#333;}
	.cLine:before { border-top: 1px solid; content: ""; position: absolute; top: 50%; left: 0; width: 100%;}
	.cLine span { background-color: #fff; display: inline-block; padding: 0 1em; position: relative; font-size:20px;}
	.recBlog .boxR a.linkBox,.recBlog .boxL a.linkBox{position:absolute;z-index:10;width:100%;height:100%;top:0;left:0; background:#fff; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
	.recBlog .boxR a.linkBox:hover,.recBlog .boxL a.linkBox:hover{ position:absolute; z-index:11;background:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

}

/* スマホサイズ　おすすめ記事　タイトルデザイン変更 */
@media screen and (max-width:640px){
	.cLine.centerTitle { width:100%; display: block; text-align: center; position: relative; font-weight: normal; font-size: 22px; color: inherit; line-height: 1.2; margin:0; padding: 0.5em 0 0.7em 0; zoom: 1;}
	.cLine { position: relative; text-align: center; border:none; font-weight:normal;background:#333;}
	.cLine:before { border-top:none;}
	.cLine span { padding: 0; margin:0; background:#333; color:#fff; }
}

/* PC */
@media screen and (min-width: 826px){ 
	/* BLOG 記事一覧 */
	.blogList { padding:0;}
	.blogList li{line-height:0;}
	.blogList>.entry { position: relative; display: block; margin:0; padding: 0; border-bottom: 1px solid #ccc;list-style:none;}
	.blogList>.entry:first-child { border-top: 1px solid #ccc;}
	.blogList>.entry .box { display: block; text-decoration: none; position: relative;}

	.blogList>.entry .picBox { width: 25%; float: left; margin-right:1em;}
	.blogList>.entry .picBox .holderPic img{ width: 100%;}
	.blogList>.entry .txtBox { width:71%; float: left;}
	.blogList>.entry .txtBox .date {line-height: 14px; font-size: 14px; color: #777; margin:5px 15px 10px 0;}
	.blogList>.entry .txtBox .title { text-decoration: underline; font-weight: normal; font-size: 19px; clear: none; margin-bottom:0.7em; font-weight:bold; line-height:1.6; color:#618CAA;}
	.blogList>.entry .txtBox p.text { margin:0; line-height: 1.6; font-size: 14px; color: #333;}
	.blogList>.entry .txtBox p.text span{text-decoration: underline; color:#618CAA;}
	.blogList>.entry>a{ display:inline-block; padding:20px; width:100%; box-sizing: border-box;}
	.blogList>.entry>a:hover{ background:#f1f1f1;}


	/* BLOG サイドメニュー */
	.blogSideItem ul{position: relative; padding:0;}
	.blogSideItem h4{ background:#aaa; color:#fff; padding:0.5em;}
	.blogSideItem li{ display:block;list-style: none; border-bottom:1px solid #ccc;font-size:13px;line-height:1.4;}
	.blogSideItem li a{display:block; padding:0.5em 0 0.5em 0.5em; }
	.blogSideItem li a:hover{ text-decoration: underline;}
	.sideBn{ margin:0 auto; text-align:center;}
	.sideBn .bnItem{ margin:0 auto 1em auto;}
	/* 最新記事一覧・ランキング・タグ */
	.blogSideItem .ranking li a,.blogSideItem .newTopics li a{display:block; padding:0.5em 0 0.5em 0; width:100%;}
	.blogSideItem .ranking li a:hover,.blogSideItem .newTopics li a:hover{ text-decoration: underline;}
	.blogSideItem .ranking p,.blogSideItem .newTopics p{ margin:0;display:inline; padding-left:0.5em; width:80%;line-height:1.5;}
	.blogSideItem .ranking img{ margin:0;padding:0;vertical-align:-2px;}
	.blogSideItem .newTopics img{ width:25px; margin:0;padding:0;vertical-align: middle;}
	.blogSideItem .newTopics span.dates{font-size:11px; color:#afafaf; margin-left:0.8em;}
	.blogSideItem .tagItem { padding:0.5em 0 0.5em 0;}
	.blogSideItem .tagItem span{ padding:0 0 0.5em 0; display:inline-block;}
	.blogSideItem .tagItem span a{color:#618CAA; text-decoration: underline;}
	.blogSideItem .tagItem span a:hover{ text-decoration:none;}
	/* SNSアイコン */
	ul.snsLink{ padding:0;}
	.snsLink li{display:inline-block;list-style: none; margin-right:0.1em;}
	.snsLink li img{width:32px; height:33px;}

	/* BLOG 記事詳細 */
	.blogTopPhot{ margin:0 auto; text-align:center;}
	.blogTopPhot img{ max-height:750px;}
	.blogArticle { line-height:1.6; }
	.blogArticle .detail { margin-bottom:0;}
	.blogArticle>h3{ position: relative; border-bottom:solid 2px #ccc; padding-bottom:0.3em; font-size:20px;}
	.blogArticle>.txt{ margin:10px auto 40px auto; text-align:left; font-size:14px; line-height:1.6;}
	.blogArticle h4{position: relative;padding-top:1em; margin-bottom:0.5em;}
	.blogArticle h4:before { content: "・";}
	/* 著作スタッフ */
	.staffAuthor{border:2px solid #ddd; padding: 15px; background:#f7f7f7; box-sizing: border-box;}
	.staffAuthor h3{margin:20px auto 10px auto;}
	.staffAuthor p{margin:0; padding:0; line-height:1.6;}
	.staffAuthor .pic{max-width:100px; margin:0 auto;}
	.staffAuthor [data-w],.staffAuthor .grid[data-column]{margin:0; padding:0;}
	/* おすすめブログ */
	.recBlog{ position:relative; z-index:15;}
	.recBlog .boxR,.recBlog .boxL {margin-bottom:1em;}
	.recBlog .boxR h3,.recBlog .boxL h3{ color:#000; font-size:16px;margin-top:5px; line-height:1.6;}
	.recBlog .boxR p,.recBlog .boxL p{ color:#000; font-size:14px;}
	.recBlog .boxR a img,.recBlog .boxL a img{ width:100%;}
	.recBlog a.zoom { display: block; overflow: hidden; height:auto;}
	.recBlog figure { margin: 0; padding: 0; overflow: hidden; position: relative; text-align: center;}
	.recBlog figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
	.recBlog a:hover>figure { opacity: 1;}
	.recBlog a:hover>figure img { -webkit-transform: scale(1.3); transform: scale(1.3);}
	.cLine { position: relative; text-align: center; margin:1em 0; border:none; font-weight:normal; color:#333;}
	.cLine:before { border-top: 1px solid; content: ""; position: absolute; top: 50%; left: 0; width: 100%;}
	.cLine span { background-color: #fff; display: inline-block; padding: 0 1em; position: relative; font-size:26px;}

	/* BLOG Pager */
	ul.blogPager {display: table; padding:0; width:100%; margin:2em 0;}
	ul.blogPager li{display:table-cell; vertical-align:middle; text-align:center;}
	ul.blogPager li.prev {text-align:left;}
	ul.blogPager li.next{text-align:right;}
	ul.blogPager li.prev:before { content: "<"; list-style: none; padding-right:0.5em;}
	ul.blogPager li.next:after { content: ">"; list-style: none; padding-left:0.5em;}
	ul.blogPager li.next a:hover, li.prev a:hover{text-decoration: underline;}

	/* BLOG カテゴリ */
	.tagBox{ margin-bottom:0.5em;}
	.category,.taglist{ display:inline; font-size:12px; color:#fff; line-height:2.5;}
	.category a:hover,.taglist a:hover{ text-decoration: underline;}
	.category>span,.taglist>span{ padding:2px 4px; text-align:center;}
	.taglist>span{background:#aaa;}
	.fs13{ font-size:6px !important;}
	.fs14{ font-size:8px !important;}
	.fs15{ font-size:12px !important;}
	.fs16{ font-size:14px !important;}
	.fs17{ font-size:16px !important;}
	.fs18{ font-size:18px !important;}
	.c1{background:#254F65;}
	.c2{background:#E86D65;}
	.c3{background:#6B5181;}
	.c4{background:#F49D12;}
	.c5{background:#555;}
	.c6{background:#1ABC9C;}
	.c7{background:#2ECC71;}
	.c8{background:#3498DB;}
	.c9{background:#9C5CB7;}
	.c10{background:#5C6D7E;}
	.c11{background:#F1C40F;}
	.c12{background:#E67E22;}
	.c13{background:#E74C3C;}
	.c14{background:#AFA7D8;}
	.c15{background:#F12958;}
	.c16{background:#38495C;}
	.c17{background:#56A764;}
	.c18{background:#3297E1;}
	.c20{background:#E6567A;}
	.c21{background:#EAC14D;}

}

@media(min-width:768px) and (max-width:991px) {
	/* おすすめブログ */
	.recBlog{ position:relative; z-index:15; }
	.recBlog .boxL,.recBlog .boxR{ position:relative; z-index:15; margin:0;overflow: hidden; border-bottom:1px dotted #aaa; padding:1em 0;}
	.recBlog .boxL:nth-child(-n+2),.recBlog .boxR:nth-child(-n+2){ border-top:1px dotted #aaa;}
	.recBlog .boxL:nth-child(2n+1),.recBlog .boxR:nth-child(2n+1){ border-right:1px dotted #aaa; box-sizing: border-box;}
	.recBlog .boxL:nth-child(2n),.recBlog .boxR:nth-child(2n){padding-left:1em; box-sizing: border-box;}
	.recBlog .boxL:last-child,.recBlog .boxR:last-child{ border-bottom:1px dotted #aaa;}
	.recBlog .boxR .pic,.recBlog .boxL .pic{float:left; width:100px; margin-right:2%;}
	.recBlog .boxR h3,.recBlog .boxR p{float:left; width:65%; margin:0;}
	.recBlog .boxL h3,.recBlog .boxL p{float:left; width:65%; margin:0;}
	.recBlog .boxR a img,.recBlog .boxL a img{ width:100%;}
	.recBlog .boxL h3,.recBlog .boxR h3{margin-bottom:0.3em; line-height:1.6;}
	.recBlog.grid .boxL,.recBlog.grid .boxR{margin:0;}
	.recBlog a.zoom { display: block; overflow: hidden; height:auto;}
	.recBlog figure { margin: 0; padding: 0; overflow: hidden; position: relative; text-align: center;}
	.recBlog figure img { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;}
	.recBlog a:hover>figure { opacity: 1;}
	.recBlog a:hover>figure img { -webkit-transform: scale(1.3); transform: scale(1.3);}
	.recBlog.grid[data-each]>* { width: 50%;}

	.cLine { position: relative; text-align: center; margin:1em 0; border:none; font-weight:normal; color:#333;}
	.cLine:before { border-top: 1px solid; content: ""; position: absolute; top: 50%; left: 0; width: 100%;}
	.cLine span { background-color: #fff; display: inline-block; padding: 0 1em; position: relative; font-size:20px;}
	.recBlog .boxR a.linkBox,.recBlog .boxL a.linkBox{position:absolute;z-index:10;width:100%;height:100%;top:0;left:0; background:#fff; filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
	.recBlog .boxR a.linkBox:hover,.recBlog .boxL a.linkBox:hover{ position:absolute; z-index:11;background:#fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

}


	/********************************************
	 * レイアウト　表示数変更
	 ********************************************/

	.grid, .grid>* { width: 100%; float: none; display: block; margin: 0 auto; padding: 0; position: relative; list-style: none; line-height: 1; zoom: 1; margin-bottom: 1em;}
	.grid { margin-left: auto; margin-right: auto;}
	.grid:before, .grid:after { clear: both; content: ' '; display: table; height: 0; width: 0; visibility: hidden; overflow: hidden;}
	.debug { outline: 1px dotted #c00;}
	.debug>* { outline: 1px dotted #000; background-color: #eee;}
	.grid[data-each]>* { float: left; margin-right: 5%;	width: 100%;}
	.grid[data-each].debug.must2>*:after { content: " [must2]"; color: #ccc;}
	.grid[data-each].debug.must3>*:after { content: " [must3]"; color: #ccc;}
	.grid[data-each].separate>*:before { content: none;	display: block;	position: absolute;	width: 0; height: 100%;	border-left: 1px dotted #ccc; margin-left: -5%;}
	.grid[data-each='2'].must2.separate>*:nth-child(2n):before { content: "";}

@media(min-width:768px) {
	.grid>* { margin-bottom: 1.5em;}
	.grid[data-each]>* { float: left; margin-right: 5%; margin-left: 0;}
	.grid[data-each='2'].separate>*:nth-child(2n):before { content: "";}
}

@media(max-width:767px) {

	.grid[data-each]>* { float: none; margin-right: auto; margin-left: auto;}
	.grid[data-each]>*:before { content: none;}
	.grid[data-each].must2>* { float: left; width: 47.5%; margin-right: 5%;	margin-left: 0;}
	.grid[data-each].must2>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each].must2>*:nth-child(2n+1) { clear: both;}
	.grid[data-each].must3>* { float: left;	width: 30.0%; margin-right: 5%;	margin-left: 0;}
	.grid[data-each].must3>*:nth-child(3n) { margin-right: 0;}
	.grid[data-each].must3>*:nth-child(3n+1) { clear: both;}
	.grid.middle { max-width: 480px;}
	.grid.small { max-width: 380px;}
}

@media(max-width:991px) {
	.grid>.middle { max-width: 480px;}
}

@media(min-width:768px) and (max-width:991px) {
	.grid[data-each]>* { width: 47.5%;}
	.grid[data-each]>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each]>*:nth-child(2n+1) { clear: both;}
	.grid[data-each].must3>* { width: 30.0%;}
	.grid[data-each].must3>*:nth-child(2n) { margin-right: 5%;}
	.grid[data-each].must3>*:nth-child(2n+1) { clear: none;}
	.grid[data-each].must3>*:nth-child(3n) { margin-right: 0;}
	.grid[data-each].must3>*:nth-child(3n+1) { clear: both;}
}

@media(min-width:992px) and (max-width:1199px) {
	.grid[data-each]>* { margin-right: 3%;}
	.grid[data-each='2']>* { width: 47.5%; margin-right: 5%;}
	.grid[data-each='3']>* { width: 31.33%;}
	.grid[data-each='4']>* { width: 31.33%;}
	.grid[data-each='5']>* { width: 31.33%;}
	.grid[data-each='5']>*:nth-child(3n), .grid[data-each='4']>*:nth-child(3n), .grid[data-each='3']>*:nth-child(3n), .grid[data-each='2']>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each='5']>*:nth-child(3n+1), .grid[data-each='4']>*:nth-child(3n+1), .grid[data-each='3']>*:nth-child(3n+1), .grid[data-each='2']>*:nth-child(2n+1) { clear: both;}
}

@media(min-width:1200px) {
	.grid[data-each]>* { margin-right: 3%;}
	.grid[data-each='2']>* { width: 47.5%; margin-right: 5%;}
	.grid[data-each='3']>* { width: 31.33%;}
	.grid[data-each='4']>* { width: 22.75%;}
	.grid[data-each='5']>* { width: 17.6%;}
	.grid[data-each='5']>*:nth-child(5n), .grid[data-each='4']>*:nth-child(4n), .grid[data-each='3']>*:nth-child(3n), .grid[data-each='2']>*:nth-child(2n) { margin-right: 0;}
	.grid[data-each='5']>*:nth-child(5n+1), .grid[data-each='4']>*:nth-child(4n+1), .grid[data-each='3']>*:nth-child(3n+1), .grid[data-each='2']>*:nth-child(2n+1) { clear: both;}
}

@media(min-width:992px) {
	.grid[data-column]>* { margin-right: 5%; float: left;}
	.grid[data-column='2']>*[data-w='1'] { width: 47.5%;}
	.grid[data-column='3']>*[data-w='1'] { width: 30%;}
	.grid[data-column='3']>*[data-w='2'] { width: 65%;}
	.grid[data-column='4']>*[data-w='1'] { width: 21.25%;}
	.grid[data-column='4']>*[data-w='2'] { width: 47.5%;}
	.grid[data-column='4']>*[data-w='3'] { width: 73.75%;}
	.grid[data-column='2']>*[data-w]:last-child, .grid[data-column='3']>*[data-w]:last-child, .grid[data-column='4']>*[data-w]:last-child, .grid[data-column='5']>*[data-w]:last-child { margin-right: 0;}
	.grid[data-column='5']>*[data-w='1'] { width: 16%;}
	.grid[data-column='5']>*[data-w='2'] { width: 37%;}
	.grid[data-column='5']>*[data-w='3'] { width: 58%;}
	.grid[data-column='5']>*[data-w='4'] { width: 79%;}
}

	.detail { margin-bottom: 3em;}
	.detail .picline { margin-bottom: 0.5em;}
	.detail h3{ font-weight:normal; margin-bottom:0.3em;font-size:15px;}
	.detail>p {font-size:14px;}
	.detail>p:last-child { margin-bottom: 0.5em;}
	.detail a { color:#000;}

@media(max-width:767px) {
	.detail { max-width: 480px;	margin-left: auto; margin-right: auto;}
}

	/********************************************
	 * 汎用
	 ********************************************/
	.pcR{text-align: right!important;}
@media(max-width:767px) {
	.spNone { display: none!important;}
	.spC{text-align: center!important;}
}
	.ls8{letter-spacing:8px;}
	.ffmin{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif!important;}
	.ftmgb{margin-bottom:5em;}
	.centerTitle { width:100%; display: block; text-align: center; position: relative; font-weight: normal; font-size: 22px; color: inherit; line-height: 1.2; margin-bottom: 1em; padding: 0.5em 0 0.7em 0; zoom: 1;}
	.lineNoneT { border-top:none!important;}
	.lineNoneB { border-bottom:none!important;}
	.lineNoneL { border-left:none!important;}
	.lineNoneR { border-right:none!important;}
/*	.lineT { border-top:1px dotted #aaa !important;}*/
	.lineB { border-bottom:1px dotted #aaa !important;}
	.lineL { border-left:1px dotted #aaa !important;}
	.lineR { border-right:1px dotted #aaa !important;}
	.ffUd{ font-family:"UD Shin Go Regular";}
	.lineH16{ line-height:1.6;}
	.lineH3{ line-height:3;}
	.lineH5{ line-height:5;}
	.lineH10{ line-height:10;}
	.textDec{ text-decoration:underline;}
	.textC, .alignC { text-align: center!important;}
	.textR, .alignR { text-align: right!important;}
	.textL, .alignL { text-align: left!important;}
@media screen and (max-width: 767px){ 
	.textC{ text-align: left!important;}
}
	.bold { font-weight:bold;}
	.nomarl { font-weight: normal;}
	.small { font-size: 90%;}
	.fs30 { font-size: 30px;}
	.fs80 { font-size: 12px;}
	.fs90 { font-size: 14px;}
	.fs100 { font-size: 20px;}
	.fs120 { font-size: 22px;}
	.fs150 { font-size: 24px;}
	.fcWhite { color: #fff !important;}
	.fcRed { color: #c00 !important;}
	.fcGray { color: #333 !important;}
	.fcLgBl { color:#618CAA !important;}
	.fcGreen{ color:#1D533D !important;}
	.bgGreen{ background:#1D533D !important;}
	.bgLgBl {background:#8BBECE !important;}
	.bgGray {background:#aaa !important;}
	.noBlock { display: inline-block;}
	.w100 { width: 100%;}
	.hide { display: none!important;}
	.show { display: inherit;}
	.hidden { visibility: hidden!important;}
	.visible { visibility: inherit;}
	td>p { margin-bottom: 1em;}
	td>p:last-child { margin-bottom: 0;}
	.pd0 { padding: 0!important;}
	.pd1 { padding: 1em!important;}
	.pd2 { padding: 2em!important;}
	.pd3 { padding: 3em!important;}
	.pd4 { padding: 4em!important;}
	.pd5 { padding: 5em!important;}
	.pd10 { padding: 10px!important;}
	.pd15 {	padding: 15px!important;}
	.pd20 {	padding: 20px!important;}
	.pd25 {	padding: 25px!important;}
	.pd30 {	padding: 30px!important;}
	.pd35 {	padding: 35px!important;}
	.pd40 {	padding: 40px!important;}
	.pd45 {	padding: 45px!important;}
	.pd50 {	padding: 50px!important;}
	.pd55 {	padding: 55px!important;}
	.pd60 {	padding: 60px!important;}
	.pdt0 {	padding-top: 0!important;}
	.pdt1 {	padding-top: 1em!important;}
	.pdt2 {	padding-top: 2em!important;}
	.pdt3 {	padding-top: 3em!important;}
	.pdt4 {	padding-top: 4em!important;}
	.pdt5 {	padding-top: 5em!important;}
	.pdt10 { padding-top: 10px!important;}
	.pdt15 { padding-top: 15px!important;}
	.pdt20 { padding-top: 20px!important;}
	.pdt25 { padding-top: 25px!important;}
	.pdt30 { padding-top: 30px!important;}
	.pdt35 { padding-top: 35px!important;}
	.pdt40 { padding-top: 40px!important;}
	.pdt45 { padding-top: 45px!important;}
	.pdt50 { padding-top: 50px!important;}
	.pdt55 { padding-top: 55px!important;}
	.pdt60 { padding-top: 60px!important;}
	.pdr0 { padding-right: 0!important;}
	.pdr1 { padding-right: 1em!important;}
	.pdr2 { padding-right: 2em!important;}
	.pdr3 { padding-right: 3em!important;}
	.pdr4 { padding-right: 4em!important;}
	.pdr5 {	padding-right: 5em!important;}
	.pdr10 { padding-right: 10px!important;}
	.pdr15 { padding-right: 15px!important;}
	.pdr20 { padding-right: 20px!important;}
	.pdr25 { padding-right: 25px!important;}
	.pdr30 { padding-right: 30px!important;}
	.pdr35 { padding-right: 35px!important;}
	.pdr40 { padding-right: 40px!important;}
	.pdr45 { padding-right: 45px!important;}
	.pdr50 { padding-right: 50px!important;}
	.pdr55 { padding-right: 55px!important;}
	.pdr60 { padding-right: 60px!important;}
	.pdb0 { padding-bottom: 0!important;}
	.pdb1 {	padding-bottom: 1em!important;}
	.pdb2 { padding-bottom: 2em!important;}
	.pdb3 {	padding-bottom: 3em!important;}
	.pdb4 {	padding-bottom: 4em!important}
	.pdb5 { padding-bottom: 5em!important;}
	.pdb10 { padding-bottom: 10px!important;}
	.pdb15 { padding-bottom: 15px!important;}
	.pdb20 { padding-bottom: 20px!important;}
	.pdb25 { padding-bottom: 25px!important;}
	.pdb30 { padding-bottom: 30px!important;}
	.pdb35 { padding-bottom: 35px!important;}
	.pdb40 { padding-bottom: 40px!important;}
	.pdb45 { padding-bottom: 45px!important;}
	.pdb50 { padding-bottom: 50px!important;}
	.pdb55 { padding-bottom: 55px!important;}
	.pdb60 { padding-bottom: 60px!important;}
	.pdl0 { padding-left: 0!important;}
	.pdl1 { padding-left: 1em!important;}
	.pdl2 { padding-left: 2em!important;}
	.pdl3 { padding-left: 3em!important;}
	.pdl4 { padding-left: 4em!important;}
	.pdl5 { padding-left: 5em!important;}
	.pdl10 { padding-left: 10px!important;}
	.pdl15 { padding-left: 15px!important;}
	.pdl20 { padding-left: 20px!important;}
	.pdl25 { padding-left: 25px!important;}
	.pdl30 { padding-left: 30px!important;}
	.pdl35 { padding-left: 35px!important;}
	.pdl40 { padding-left: 40px!important;}
	.pdl45 { padding-left: 45px!important;}
	.pdl50 { padding-left: 50px!important;}
	.pdl55 { padding-left: 55px!important;}
	.pdl60 { padding-left: 60px!important;}
	.mg0 { margin: 0!important;}
	.mg1 { margin: 1px!important;}
	.mg2 { margin: 2px!important;}
	.mg3 { margin: 3px!important;}
	.mg4 { margin: 4px!important;}
	.mg10 { margin: 10px!important;}
	.mg15 { margin: 15px!important;}
	.mg20 { margin: 20px!important;}
	.mg25 { margin: 25px!important;}
	.mg30 { margin: 30px!important;}
	.mg35 { margin: 35px!important;}
	.mg40 { margin: 40px!important;}
	.mg45 { margin: 45px!important;}
	.mg50 { margin: 50px!important;}
	.mg55 { margin: 55px!important;}
	.mg60 { margin: 60px!important;}
	.mgt0 { margin-top: 0!important;}
	.mgt1 { margin-top: 1em!important;}
	.mgt2 { margin-top: 2em!important;}
	.mgt3 { margin-top: 3em!important;}
	.mgt4 { margin-top: 4em!important;}
	.mgt5 { margin-top: 5em!important;}
	.mgt10 { margin-top: 10px!important;}
	.mgt15 { margin-top: 15px!important;}
	.mgt20 { margin-top: 20px!important;}
	.mgt25 { margin-top: 25px!important;}
	.mgt30 { margin-top: 30px!important;}
	.mgt35 { margin-top: 35px!important;}
	.mgt40 { margin-top: 40px!important;}
	.mgt45 { margin-top: 45px!important;}
	.mgt50 { margin-top: 50px!important;}
	.mgt55 { margin-top: 55px!important;}
	.mgt60 { margin-top: 60px!important;}
	.mgr0 { margin-right: 0!important;}
	.mgr1 { margin-right: 1em!important;}
	.mgr2 { margin-right: 2em!important;}
	.mgr3 { margin-right: 3em!important;}
	.mgr4 { margin-right: 4em!important;}
	.mgr5 { margin-right: 5em!important;}
	.mgr10 { margin-right: 10px!important;}
	.mgr15 { margin-right: 15px!important;}
	.mgr20 { margin-right: 20px!important;}
	.mgr25 { margin-right: 25px!important;}
	.mgr30 { margin-right: 30px!important;}
	.mgr35 { margin-right: 35px!important;}
	.mgr40 { margin-right: 40px!important;}
	.mgr45 { margin-right: 45px!important;}
	.mgr50 { margin-right: 50px!important;}
	.mgr55 { margin-right: 55px!important;}
	.mgr60 { margin-right: 60px!important;}
	.mgb0 { margin-bottom: 0!important;}
	.mgb1 { margin-bottom: 1em!important;}
	.mgb2 { margin-bottom: 2em!important;}
	.mgb3 { margin-bottom: 3em!important;}
	.mgb4 { margin-bottom: 4em!important;}
	.mgb5 { margin-bottom: 5em!important;}
	.mgb10 { margin-bottom: 10px!important;}
	.mgb15 { margin-bottom: 15px!important;}
	.mgb20 { margin-bottom: 20px!important;}
	.mgb25 { margin-bottom: 25px!important;}
	.mgb30 { margin-bottom: 30px!important;}
	.mgb35 { margin-bottom: 35px!important;}
	.mgb40 { margin-bottom: 40px!important;}
	.mgb45 { margin-bottom: 45px!important;}
	.mgb50 { margin-bottom: 50px!important;}
	.mgb55 { margin-bottom: 55px!important;}
	.mgb60 { margin-bottom: 60px!important;}
	.mgl0 { margin-left: 0!important;}
	.mgl1 { margin-left: 1em!important;}
	.mgl2 { margin-left: 2em!important;}
	.mgl3 { margin-left: 3em!important;}
	.mgl4 { margin-left: 4em!important;}
	.mgl5 { margin-left: 5em!important;}
	.mgl10 { margin-left: 10px!important;}
	.mgl15 { margin-left: 15px!important;}
	.mgl20 { margin-left: 20px!important;}
	.mgl25 { margin-left: 25px!important;}
	.mgl30 { margin-left: 30px!important;}
	.mgl35 { margin-left: 35px!important;}
	.mgl40 { margin-left: 40px!important;}
	.mgl45 { margin-left: 45px!important;}
	.mgl50 { margin-left: 50px!important;}
	.mgl55 { margin-left: 55px!important;}
	.mgl60 { margin-left: 60px!important;}