@charset "UTF-8";
/*
 * cmn_layout.css
 *
 *  version --- 2.0.0
 *  updated --- 2014/11/04
 */


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

/* !Reseting
/*------------------------------------------------------- */
html{
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Helvetica Neue", Helvetica, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 62.5%; /* 10px; */
}
body {
	font-size: 1.6rem; /* 16px; */
	-webkit-text-size-adjust: 100%;
	line-height: 1.5;
	color: #222;
}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 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:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.both{
	clear:both;
}

/* !Layout
/*------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: left;}

/* !wrapper
/*------------------------------------------------------- */
#wrapper {
	position: relative;
	min-width: 1110px;
	background: #f8f8f8;
	padding-top: 60px;
}

/* !header
/*------------------------------------------------------- */
#header {
	width: 100%;
	height: 60px;
	position: fixed;
	top: 0;
	z-index: 9999;
	background: rgba(255,255,255,1);
	box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
}
	#headerIn {
		width: 1110px;
		height: 60px;
		margin: 0 auto;
		min-width: 1110px;
		text-align: left;
		position: relative;
		background: #FFF;
	}
		#headerLogo {
			float: left;
			width: 280px;
			padding: 0 0 0 10px;
			box-sizing:border-box;
		}
		#headerLogo a {
			display: block;
			width: 270px;
			height: 60px;
			background: url(../img/logo_pc.png) no-repeat left center;
		}
			#headerLogo a span {
				display: none;
			}
	#headSerch {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		position: absolute;
		top: 12px;
		right:100px;
		width: 250px;
		height: 35px;
		background: #f8f8f8;
		border:1px solid #e5e5e5;
		border-radius: 18px;
		overflow: hidden;
		}
		#headSerch > .search-form {
			position: relative;
			letter-spacing: -0.4em;
			height: 100%;
			}
			#headSerch > .search-form > label {
			}
			#headSerch > .search-form > label >.screenReaderText {
				clip: rect(1px, 1px, 1px, 1px);
				position: absolute;
				margin: 0;
				line-height: 1;
				font-size: 0;
			}
			#headSerch > .search-form > label >.searchField {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				display: inline-block;
				width: 80%;
				height: 100%;
				padding: 0 0 0 20px;
				border: none;
				background: transparent;
				border: 1px solid transparent;
				border-radius: 18px;
				letter-spacing: normal;
				outline: 0;
				position: absolute;
				top: 0;
			}
			#headSerch > .search-form > .searchSubmit {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				position: absolute;
				right: 0;
				top: -2px;
				display: inline-block;
				width: 20%;
				height: 100%;
				letter-spacing: normal;
				border:none;
				outline: 0;
				text-align: center;
				background: transparent;
				cursor: pointer;
			}
			#headSerch > .search-form > .searchSubmit:before {
				font-family: 'fontello';
				content:"\e805";
				color: #CCC;
				display: block;
				position: absolute;
				font-size: 1.8rem;
				top: 50%;
				left: 50%;
				margin: -7px 0 0 -9px;
				}
				#headSerch > .search-form > .searchSubmit > .screenReaderText {
					clip: rect(1px, 1px, 1px, 1px);
					position: absolute;
					margin: 0;
					line-height: 1;
				}
	#navToggle {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		float: right;
		width: 65px;
		height: 60px;
		background: #3d94be;
		padding: 21px 0 21px 20px;
		transition-property: all;
		transition-duration: 500ms;
		transition-delay: 0s;
		transition-timing-function: ease;
		}
		#navToggle > div {
			position: relative;
			width: 24px;
			height: 18px;
			transition-property: all;
			transition-duration: 500ms;
			transition-delay: 0s;
			transition-timing-function: ease;
			}
			#navToggle span {
				display:block;
				position:absolute; 
				width:24px;
				height: 2px;
				left: 50%;
				margin-left: -12px;
				background-color: #FFF;
				-webkit-transition: .35s ease-in-out;
				-moz-transition: .35s ease-in-out;
				transition: .35s ease-in-out
			}
			#navToggle span:nth-child(1) {top:0px}
			#navToggle span:nth-child(2) {top:8px}
			#navToggle span:nth-child(3) {bottom:0px}
			#navToggle.active > div {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
			}
			#navToggle.active span:nth-of-type(1) {
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(8px) rotate(-45deg);
			}
			#navToggle.active span:nth-of-type(2) {
				-webkit-transform: translateY(0) rotate(45deg);
				transform: translateY(0) rotate(45deg);
			}
			#navToggle.active span:nth-of-type(3) {
				opacity: 0;
			}

/* !gNavi
/*------------------------------------------------------- */
#gNavi {
	display: block;
	position: absolute;
	top: -160px;
	width: 100%;
	min-height: 100px;
	padding: 20px 30px 26px;
	background: rgba(255,255,255,0.85);
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	transition-property: all;
	transition-duration: 500ms;
	transition-delay: 250ms;
	transition-timing-function: ease;
}
#gNavi.active {
	top:60px;
	opacity: 1;
	visibility: visible;
	}
	#gNavi > nav {
		width: 1110px;
		margin: 0 auto;
	}
		#gNavi > nav .categoryBox, #gNavi > nav .monthBox, #gNavi > nav .yearBox, #gNavi > nav .snsBox {
			float: left;
			width: 330px;
			margin-right: 40px;
		}
		#gNavi > nav .yearBox, #gNavi > nav .snsBox {
			margin-right: 0px;
		}
		#gNavi > nav .snsBox {
			margin-top: 40px;
		}
			#gNavi > nav h2 {
				font-size: 1.6rem;
				border-bottom:1px solid #ccc;
				padding:0 0 0.7em;
				margin:0 0 0.7em;
				font-weight: bold;
			}
			#gNavi > nav > .categoryBox > ul.post-categories > li,
			#gNavi > nav > .monthBox > ul.monthList > li,
			#gNavi > nav > .yearBox > ul.yearList > li,
			#gNavi > nav > .snsBox > ul.snsList > li {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				display: block;
				margin-top: 0.5em;
				padding: 0;
			}
				#gNavi > nav > .categoryBox > ul.post-categories a,
				#gNavi > nav > .monthBox > ul.monthList a,
				#gNavi > nav > .yearBox > ul.yearList a,
				#gNavi > nav > .snsBox > ul.snsList a {
					position: relative;
					padding-left: 17px;
					}
	#headSerchSP {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		display: none;
		width: 100%;
		height: 35px;
		background: #f8f8f8;
		border:1px solid #e5e5e5;
		border-radius: 18px;
		overflow: hidden;
		margin-bottom: 2rem;
		}
		#headSerchSP > .search-form {
			position: relative;
			letter-spacing: -0.4em;
			height: 100%;
			}
			#headSerchSP > .search-form > label {
			}
			#headSerchSP > .search-form > label >.screenReaderText {
				clip: rect(1px, 1px, 1px, 1px);
				position: absolute;
				margin: 0;
				line-height: 1;
				font-size: 0;
			}
			#headSerchSP > .search-form > label >.searchField {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				display: inline-block;
				width: 80%;
				height: 100%;
				padding: 0 0 0 20px;
				border: none;
				background: transparent;
				border: 1px solid transparent;
				border-radius: 18px;
				letter-spacing: normal;
				outline: 0;
				position: absolute;
				top: 0;
			}
			#headSerchSP > .search-form > .searchSubmit {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				position: absolute;
				right: 0;
				top: -2px;
				display: inline-block;
				width: 20%;
				height: 100%;
				letter-spacing: normal;
				border:none;
				outline: 0;
				text-align: center;
				background: transparent;
				cursor: pointer;
			}
			#headSerchSP > .search-form > .searchSubmit:before {
				font-family: 'fontello';
				content:"\e805";
				color: #CCC;
				display: block;
				position: absolute;
				font-size: 1.8rem;
				top: 50%;
				left: 50%;
				margin: -7px 0 0 -9px;
				}
				#headSerchSP > .search-form > .searchSubmit > .screenReaderText {
					clip: rect(1px, 1px, 1px, 1px);
					position: absolute;
					margin: 0;
					line-height: 1;
				}
h2.none {
	text-align: center;
	min-height: 65vh;
}

/* !icon
/*------------------------------------------------------- */
#gNavi .post-categories a:before, 
.postLoop > .post > .entry-header > .post-categories a:before,
.swiper-slide > .post > .entry-header > .post-categories a:before,
.mainArticle > .contentsArea > .entry-header > .post-categories a:before {
	position: absolute;
	top: 2px;
	left: 0;
	content: "";
	display: inline-block;
	border: 4px solid transparent;
	border-left-color: #187BB0;
	border-top-color: #187BB0;
}
#gNavi .post-categories a:before {
	border-left-color: #54565a;
	border-top-color: #54565a;
}
#gNavi .monthList a:before, #gNavi .yearList a:before {
	font-family: "fontello";
	content: '\e803';
	display: block;
	position: absolute;
	top: 0;
	left: 5px;
	font-size: 1.0rem;
	color: #54565a;
}
#gNavi .yearList a:after {
		content: '年の記事一覧';
		display: inline-block;
	}
#gNavi .snsList a:before {
	display: block;
	font-size: 1.4rem;
	font-family: "fontello";
	color: #54565a;
	padding-left: 17px;
	position: absolute;
	top: -2px;
	
}
	#gNavi .snsList a.facebook:before {
		content: '\f30c';
		left: -14px;
	}
	#gNavi .snsList a.twitter:before {
		content: '\f309';
		left: -17px;
	}


/* !mainimg
/*------------------------------------------------------- */
.mainSlider {
	position: relative;
	width: 100%;
	z-index: 9990;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-image: url(../img/bg_main.jpg);
}
	.mainSlider > .snsArea {
		background: rgba(255,255,255,0.4);
	}
		.mainSlider > .snsArea > .snsAreaInner{
			width: 1050px;
			margin: 0 auto;
		}
			.mainSlider > .snsArea > .snsAreaInner  > ul {
				text-align: center;
				padding: 12px 0;
				letter-spacing: -0.4em;
			}
				.mainSlider > .snsArea > .snsAreaInner > ul > li {
					display: inline-block;
					width: 330px;
					margin: 0 15px;
					letter-spacing: normal;
					position: relative;
				}
					.mainSlider > .snsArea > .snsAreaInner > ul > li > a {
						display: inline-block;
						width: 100%;
						padding: 8px 0;
						color: #FFF;
						font-size: 1.4rem;
						letter-spacing: 0.1em;
						font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
					}
						.mainSlider > .snsArea > .snsAreaInner > ul > li > a span {
							display: inline-block;
						}
						.mainSlider > .snsArea > .snsAreaInner > ul > li > a.facebook span {
							padding-left: 19px;
						}
						.mainSlider > .snsArea > .snsAreaInner > ul > li > a.twitter span {
							padding-left: 21px;
						}
					.mainSlider > .snsArea > .snsAreaInner > ul > li > a.facebook {
						background-color: #39579a;
					}
						.mainSlider > .snsArea > .snsAreaInner > ul > li > a.facebook:before {
							display: inline-block;
							font-size: 1.6rem;
							font-family: "fontello";
							content: "\f30c";
							color: #FFF;
							margin-right: 5px;
							position: absolute;
							top: 50%;
							left: 50%;
							margin: -14px 0 0 -70px;
						}
					.mainSlider > .snsArea > .snsAreaInner > ul > li > a.twitter {
						background-color: #38a7f8;
					}
						.mainSlider > .snsArea > .snsAreaInner > ul > li > a.twitter:before {
							display: inline-block;
							font-size: 1.9rem;
							font-family: "fontello";
							content: "\f309";
							color: #FFF;
							margin-right: 5px;
							position: absolute;
							top: 50%;
							left: 50%;
							margin: -14px 0 0 -67px;
						}
	.mainSlider > .swiper-container {
		width: 1050px;
		padding: 30px 0;
	}
		.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > figure {
			float: left;
			width: 600px;
			height: 400px;
			overflow: hidden;
			margin:0;
		}
			.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > figure a img {
				-moz-transition: -moz-transform 1.5s ease;
				-webkit-transition: -webkit-transform 1.5s ease;
				-o-transition: -o-transform 1.5s ease;
				-ms-transition: -ms-transform 1.5s ease;
				transition: all 1.5s ease;
			}
			.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > figure a:hover {
				opacity: 1;
			}
			.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > figure a img:hover {
				-webkit-transform: scale(1.1);
				-moz-transform: scale(1.1);
				-o-transform: scale(1.1);
				-ms-transform: scale(1.1);
				transform: scale(1.1);
			}
			.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > figure img {
				width: 100%;
				height: auto;
			}
		.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > .entry-header {
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			float: right;
			width: 450px;
			min-height: 400px;
			max-height: 400px;
			padding: 30px;
			background-color: #FFF;
			position: relative;
		}
		.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > .entry-header > .post-categories li {
			display: inline-block;
			letter-spacing: -0.4em;
			margin-right: 10px;
		}
		.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > .entry-header > .post-categories a{
			display: inline-block;
			letter-spacing: normal;
			position: relative;
			padding-left: 14px;
			color: #187bb0;
			font-size: 1.6rem;
			font-weight: bold;
		}
		.swiper-slide > .post > .entry-header > .post-categories a:before {
			position: absolute;
			top: 2px;
			left: 0;
			content: "";
			display: inline-block;
			border: 5px solid transparent;
			border-left-color: #187BB0;
			border-top-color: #187BB0;
		}
		.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > .entry-header > h2 {
			font-size: 2.4rem;
			font-weight: bold;
			color: #222;
			margin-top: 0.35em;
			font-feature-settings : "palt";
			letter-spacing: 0.025rem;
			max-height: 80px;
			line-height: 1.5;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
		.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > .entry-header > p {
			font-size: 1.8rem;
			line-height: 2;
			margin: 1em 0 0;
			color: #222;
			min-height: 180px;
			max-height: 180px;
			overflow: hidden;
			/*display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 5;*/
		}
		.mainSlider > .swiper-container > .swiper-wrapper > .swiper-slide > .post > .entry-header > time {
			display: block;
			letter-spacing: 0.05em;
			font-size: 1.6rem;
			text-align: right;
			margin-top: 0.7em;
			color:#666;
			font-weight: normal;
			position: absolute;
			bottom: 30px;
			right: 30px;
		}


.swiper-container-horizontal > .swiper-pagination-bullets {
	bottom: 5px;
}
.swiper-pagination-bullet {
	background-color: #FFF;
	opacity: 0.9
}
.swiper-pagination-bullet-active {
	background-color: #187bb0;
	opacity: 1;
}
.swiper-button-prev {
	background-color: rgba(255,255,255,0.5);
	border-radius: 3px;
	margin-top: -30px;
	padding: 15px;
	left: -30px;
}
.swiper-button-next {
	background-color: rgba(255,255,255,0.5);
	border-radius: 3px;
	margin-top: -30px;
	padding: 15px;
	right: -30px;
}
.swiper-button-prev.swiper-button-disabled, 
.swiper-button-next.swiper-button-disabled {
	opacity: 0.1;
}

/* !bannerArea
/*------------------------------------------------------- */
.bannerArea {
	width: 1110px;
	margin: 30px auto 0;
	}
	.bannerArea ul {
		letter-spacing: -0.4em;
		text-align: center;
	}
		.bannerArea ul li {
			display: inline-block;
			letter-spacing: normal;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			width: 330px;
			height: 100px;
			background-color: #FFF;
			margin: 0 15px;
			padding:15px;
			box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.05);
		}
			.bannerArea ul li a {
				display: inline-block;
				width: 100%;
			}

.postLoop + .bannerArea {
	margin: 0 auto;
}

/* !more Link
/*------------------------------------------------------- */
a.more {
	display: inline-block;
	border: 1px solid #ccc;
	padding: 0.35em 0.8em 0.25em 1.5em;
	color: #222;
	border-radius: 20px;
}
a.more:hover {
	text-decoration: none;
	opacity: 0.5;
}
a.more:after {
}

/* !Section
/*------------------------------------------------------- */
section {
	/*基本sectionタグ宛にスタイルをあてない。あてる場合はID・CLASS名を割り振ってスタイルをあてる*/
}
	.sectionSub { /* Sub Section including .sectionFirst and .section */ }
	.sectionAlt { /* Alternative Section including .sectionFirst and .section */ }

.categoryTtl {
	width: 1100px;
	margin:0 auto;
	font-size: 3.0rem;
	font-family: 'Abel', sans-serif;
	text-align: center;
	font-feature-settings: "palt";
	letter-spacing: 0.1rem;
	margin-top: 1em;
}
.main > p > img {
	width: 100%;
	height: auto;
}


/* !main
/*------------------------------------------------------- */
.postLoop {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	width: 1110px;
	margin: 30px auto 0;
	padding-left: 30px;
	}
	.postLoop h3 {
		font-size: 30px;
		font-family: 'Abel', sans-serif;
		text-align: center;
		font-feature-settings : "palt";
		letter-spacing: 0.1rem;
		margin-bottom: 0.5em;
		margin-left: -30px;
	}
	.postLoop .post {
		display: block;
		float: left;
		width: 330px;
		margin-right: 30px;
		margin-bottom: 30px;
		box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.05);
	}
	.postLoop > .post > figure {
		overflow: hidden;
		width: 330px;
		height: 220px;
		margin:0;
		}
		.postLoop > .post > figure > a:hover {
			opacity:1;
		}
		.postLoop > .post > figure img {
			width: 100%;
			height: auto;
			-moz-transition: -moz-transform 1s ease;
			-webkit-transition: -webkit-transform 1s ease;
			-o-transition: -o-transform 1s ease;
			-ms-transition: -ms-transform 1s ease;
			transition: all 1s ease;
		}
		.postLoop > .post > figure img:hover {
			opacity: 1!important;
			-webkit-transform: scale(1.1);
			-moz-transform: scale(1.1);
			-o-transform: scale(1.1);
			-ms-transform: scale(1.1);
			transform: scale(1.1);
		}
	.postLoop > .post > .entry-header {
		background-color: #FFF;
		padding: 20px 30px;
	}
		.postLoop > .post > .entry-header > .post-categories li {
			display: inline-block;
			letter-spacing: -0.4em;
			margin-right: 10px;
		}
		.postLoop > .post > .entry-header > .post-categories a {
			display: inline-block;
			letter-spacing: normal;
			position: relative;
			padding-left: 12px;
			color: #187bb0;
			font-size: 1.3rem;
			font-weight: bold;
		}
		.postLoop > .post > .entry-header > h2 {
			font-size: 1.8rem;
			font-weight: bold;
			color: #545559;
			margin-top: 0.6em;
			font-feature-settings : "palt";
			letter-spacing: 0.025rem;
			min-height: 52px;
			max-height: 52px;
			overflow: hidden;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}
		.postLoop > .post > .entry-header > time {
			display: block;
			letter-spacing: 0.05em;
			font-size: 1.3rem;
			text-align: right;
			margin-top: 1.0em;
			color:#666;
			font-weight: bold;
		}

/* !mainArticle
/*------------------------------------------------------- */

.mainArticle {
		margin-top: 30px;
	}
	.mainArticle > .contentsArea {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		width: 770px;
		min-height: 600px;
		margin: 0 auto;
		padding: 40px;
		background-color: rgba(255 ,255, 255, 1);
		box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.05);
	}
	.mainArticle > .contentsArea > .entry-header {
		position: relative;
	}
		.mainArticle > .contentsArea > .entry-header > .post-categories {
			float: left;
			width: auto;
			max-width: 40%;
			display: block;
			letter-spacing: -0.4em;
		}
		.mainArticle > .contentsArea > .entry-header > .post-categories li {
			display: inline-block;
			letter-spacing: normal;
		}
		.mainArticle > .contentsArea > .entry-header > .post-categories a {
			display: inline-block;
			position: relative;
			padding-left: 12px;
			color: #187bb0;
			font-size: 1.3rem;
			margin-right: 20px;
			text-decoration: underline;
		}
		.mainArticle > .contentsArea > .entry-header > .post-tag {
			float: left;
			width: auto;
			max-width: 40%;
			display: block;
			letter-spacing: -0.4em;
		}
		.mainArticle > .contentsArea > .entry-header > .post-tag:before {
			font-family: "fontello";
			content: '\e809';
			display: inline-block;
			color: #187bb0;
			margin-right: 12px;
			font-size: 1.2rem;
			font-weight: normal;
			opacity: 0.8;
		}
		.mainArticle > .contentsArea > .entry-header > .post-tag li {
			display: inline-block;
			letter-spacing: normal;
			color: #187bb0;
			font-size: 1.3rem;
		}
		.mainArticle > .contentsArea > .entry-header > .post-tag a {
			display: inline-block;
			position: relative;
			color: #187bb0;
			font-size: 1.3rem;
			text-decoration: underline;
		}
		.mainArticle > .contentsArea > .entry-header > time {
			position: absolute;
			top: 0;
			right: 0;
			display: inline-block;
			letter-spacing: 0.05em;
			font-size: 1.3rem;
			text-align: right;
			margin-top: 0em;
			color:#666;
		}
		.mainArticle > .contentsArea > .entry-header > h2 {
			font-size: 2.8rem;
			font-weight: bold;
			border-bottom: 2px solid #187bb0;
			line-height: 1.2;
			padding:1em 0 0.6em;
			color: #222;
			clear: both;
		}
		.mainArticle > .contentsArea > .entry-header > .share {
			margin-top: 1.5em;
		}
	.mainArticle > .contentsArea > .entry-header > .main {
	}
	.mainArticle > .contentsArea > .main > *:first-child {
		margin-top:2rem!important;
	}
		.mainArticle > .contentsArea > .main > h3 {
			font-size: 2.0rem;
			letter-spacing: 0.025em;
			border-bottom: 1px solid #e5e5e5;
			margin-top: 1.95em;
			font-weight: bold;
			position: relative;
			padding-bottom: 1em;
			color: #222;
		}
			.mainArticle > .contentsArea > .main > h3:after {
				position: absolute;
				content: '';
				width: 50px;
				height: 2px;
				left: 0;
				bottom: 0;
				background: #187bb0;
			}
		.mainArticle > .contentsArea > .main > h4 {
			font-size: 1.6rem;
			letter-spacing: 0.025em;
			border-left: 2px solid #187bb0;
			margin-top: 1.95em;
			font-weight: bold;
			color: #222;
			padding:0 0 0 10px;
		}
		.mainArticle > .contentsArea > .main > .tableStyle01,
		.mainArticle > .contentsArea > .main > .tableStyle02 {
			margin-top: 2em;
		}
			.mainArticle > .contentsArea > .main > .tableStyle01 table,
			.mainArticle > .contentsArea > .main > .tableStyle02 table {
				width: 100%;
			}
			.mainArticle > .contentsArea > .main > .tableStyle01 caption,
			.mainArticle > .contentsArea > .main > .tableStyle02 caption {
				font-size: 1.6rem;
				font-weight: bold;
				color: #222;
				margin-bottom: 0.5rem;
				/*padding-left: 0.5em;*/
			}
			.mainArticle > .contentsArea > .main > .tableStyle01 caption:before,
			.mainArticle > .contentsArea > .main > .tableStyle02 caption:before {
				font-family: "fontello";
				content: "\e808";
				display: inline-block;
				color: #187bb0;
				margin-right: 5px;
				font-size: 1.4rem;
				font-weight: normal;
				opacity: 0.8;
			}
			.mainArticle > .contentsArea > .main > .tableStyle01 tbody,
			.mainArticle > .contentsArea > .main > .tableStyle02 tbody {
				border-bottom: 1px solid #e8e8e8;
			}
				.mainArticle > .contentsArea > .main > .tableStyle01 td,
				.mainArticle > .contentsArea > .main > .tableStyle01 th,
				.mainArticle > .contentsArea > .main > .tableStyle02 td,
				.mainArticle > .contentsArea > .main > .tableStyle02 th {
					border-top: 1px solid #e8e8e8;
					border-right: 1px solid #e8e8e8;
					padding: 0.7em 0.4em;
					text-align: center;
					font-size: 1.3rem;
				}
				.mainArticle > .contentsArea > .main > .tableStyle01 td:last-child,
				.mainArticle > .contentsArea > .main > .tableStyle01 th:last-child,
				.mainArticle > .contentsArea > .main > .tableStyle02 td:last-child,
				.mainArticle > .contentsArea > .main > .tableStyle02 th:last-child {
					border-right: none;
				}
				.mainArticle > .contentsArea > .main > .tableStyle01 th,
				.mainArticle > .contentsArea > .main > .tableStyle02 th {
					background: #f2f9fc;
				}
				.mainArticle > .contentsArea > .main > .tableStyle01 td:nth-child(odd),
				.mainArticle > .contentsArea > .main > .tableStyle02 td:nth-child(odd) {
					background: #fafafa;
				}

		.mainArticle > .contentsArea > .main > .txtStyle01 {
			line-height: 2;
			margin-top: 1em;
		}
		.mainArticle > .contentsArea > .main > .txtStyle02 {
			border: 2px solid #e5e5e5;
			padding:15px;
			line-height: 2;
			margin-top: 1em;
			margin-bottom: 1.5em;
		}
			.mainArticle > .contentsArea > .main > .txtStyle02 > dt{
				font-weight: bold;
				color: #222;
			}
			.mainArticle > .contentsArea > .main > .txtStyle02 > dd{
				color: #222;
			}
		.mainArticle > .contentsArea > .main > .txtStyle03 {
			position: relative;
			background: #f8f8f8;
			padding:15px;
			line-height: 2;
			margin-top: 1em;
			margin-bottom: 1em;
		}
		.mainArticle > .contentsArea > .main > .txtStyle03:before {
			font-family: 'Libre Baskerville', serif;
			content: '“';
			font-size: 6.0rem;
			position: absolute;
			width: 30px;
			height: 30px;
			left: 15px;
			top:-10px;
			color: #ccc;
			line-height: 1;
		}
		.mainArticle > .contentsArea > .main > .txtStyle03:after {
			font-family: 'Libre Baskerville', serif;
			content: '”';
			font-size: 6.0rem;
			position: absolute;
			width: 30px;
			height: 30px;
			right: 15px;
			bottom:-22px;
			color: #ccc;
			line-height: 1;
		}
		.mainArticle > .contentsArea > .main > .txtStyle04 {
			font-size: 1.3rem;
			color: #666;
			margin-top: 0.5em;
		}
		.mainArticle > .contentsArea > .main > .tableStyle01 + .txtStyle04,
		.mainArticle > .contentsArea > .main > .tableStyle02 + .txtStyle04 {
			margin-top: 0.5em;
			margin-bottom: 2em;
		}
		.mainArticle > .contentsArea > .main > .imgStyle01,
		.mainArticle > .contentsArea > .main > .imgStyle02,
		.mainArticle > .contentsArea > .main > .imgStyle03,
		.mainArticle > .contentsArea > .main > .imgStyle01_b,
		.mainArticle > .contentsArea > .main > .imgStyle02_b,
		.mainArticle > .contentsArea > .main > .imgStyle03_b,
		.mainArticle > .contentsArea > .main > .imgStyle02_tab {
			margin-top: 2em;
			margin-bottom: 2em;
			letter-spacing: -0.4em;
		}
			.mainArticle > .contentsArea > .main > .imgStyle02_tab .tabMenu {
				display: none;
			}
				.mainArticle > .contentsArea > .main > .imgStyle02_tab .tabMenu li {

				}
			.mainArticle > .contentsArea > .main > .imgStyle02_tab .tabBoxes {

			}
				.mainArticle > .contentsArea > .main > .imgStyle02_tab .tabBoxes .tabBL {
				}
				.mainArticle > .contentsArea > .main > .imgStyle02_tab .tabBoxes .tabBR {
				}
			.mainArticle > .contentsArea > .main > .imgStyle01 > figure,
			.mainArticle > .contentsArea > .main > .imgStyle01_b > figure {
				margin:0 auto;
				display: block;
				letter-spacing: normal
			}
			.mainArticle > .contentsArea > .main > .imgStyle01 > figure img,
			.mainArticle > .contentsArea > .main > .imgStyle01_b > figure img {
				max-width: 100%;
				height: auto;
			}
				.mainArticle > .contentsArea > .main > .imgStyle01 > figure > figcaption,
				.mainArticle > .contentsArea > .main > .imgStyle02 > figure > figcaption,
				.mainArticle > .contentsArea > .main > .imgStyle03 > figure > figcaption,
				.mainArticle > .contentsArea > .main > .imgStyle02_tab figure > figcaption {
					font-size: 1.6rem;
					letter-spacing: normal;
					font-weight: bold;
					padding: 0 0 0.5em;
					color: #222;
				}
					.mainArticle > .contentsArea > .main > .imgStyle02_tab figure > figcaption br {
						display: none;
					}
				.mainArticle > .contentsArea > .main > .imgStyle01_b > figure > figcaption,
				.mainArticle > .contentsArea > .main > .imgStyle02_b > figure > figcaption,
				.mainArticle > .contentsArea > .main > .imgStyle03_b > figure > figcaption {
					font-size: 1.6rem;
					letter-spacing: normal;
					font-weight: bold;
					padding: 0.5em 0 0;
					color: #222;
				}
				.mainArticle > .contentsArea > .main > .imgStyle01 > figure > figcaption:before,
				.mainArticle > .contentsArea > .main > .imgStyle02 > figure > figcaption:before,
				.mainArticle > .contentsArea > .main > .imgStyle03 > figure > figcaption:before,
				.mainArticle > .contentsArea > .main > .imgStyle01_b > figure > figcaption:before,
				.mainArticle > .contentsArea > .main > .imgStyle02_b > figure > figcaption:before,
				.mainArticle > .contentsArea > .main > .imgStyle03_b > figure > figcaption:before,
				.mainArticle > .contentsArea > .main > .imgStyle02_tab figure > figcaption:before {
					font-family: "fontello";
					content: "\e808";
					display: inline-block;
					color: #187bb0;
					margin-right: 5px;
					font-size: 1.4rem;
					font-weight: normal;
					opacity: 0.8;
				}

		.mainArticle > .contentsArea > .main > .imgStyle02,
		.mainArticle > .contentsArea > .main > .imgStyle03,
		.mainArticle > .contentsArea > .main > .imgStyle02_b,
		.mainArticle > .contentsArea > .main > .imgStyle03_b,
		.mainArticle > .contentsArea > .main > .imgStyle02_tab {
			margin-left: -10px;
			margin-right: -10px;
		}
			.mainArticle > .contentsArea > .main > .imgStyle02 > figure,
			.mainArticle > .contentsArea > .main > .imgStyle02_b > figure,
			.mainArticle > .contentsArea > .main > .imgStyle02_tab figure {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				margin:0;
				display: inline-block;
				width:50%;
				padding: 0 10px 0 10px;
				letter-spacing: normal;
			}
				.mainArticle > .contentsArea > .main > .imgStyle02 > figure img,
				.mainArticle > .contentsArea > .main > .imgStyle02_b > figure img,
				.mainArticle > .contentsArea > .main > .imgStyle02_tab figure img {
					width: 100%;
					height: auto;
					background: #f1f1f1;
				}
			.mainArticle > .contentsArea > .main > .imgStyle03 > figure,
			.mainArticle > .contentsArea > .main > .imgStyle03_b > figure {
				-webkit-box-sizing: border-box;
				   -moz-box-sizing: border-box;
				        box-sizing: border-box;
				margin:0;
				display: inline-block;
				width:33.4%;
				padding: 0 10px;
			}
				.mainArticle > .contentsArea > .main > .imgStyle03 > figure img,
				.mainArticle > .contentsArea > .main > .imgStyle03_b > figure img {
					background: #f1f1f1;
					width: 100%;
					height: auto;
				}
		.mainArticle > .contentsArea > .main > .checkList {
			display: block;
			margin: 2em -40px 0;
			padding: 1.1em 40px;
			background: #f8f8f8;
		}
			.mainArticle > .contentsArea > .main > .checkList dt {
				font-size: 2.4rem;
				color: #333;
				font-weight: bold;
			}
			.mainArticle > .contentsArea > .main > .checkList dd {
				font-size: 1.6rem;
				padding-left: 2em;
				position: relative;
				margin-top: 0.5em;
			}
			.mainArticle > .contentsArea > .main > .checkList dd:before {
				position: absolute;
				top: 0;
				left: 0;
				margin-top: -2px;
				font-family: 'fontello';
				content: '\e806';
				color: #187bb0;
				font-size: 2.0rem;
			}
		.mainArticle > .contentsArea > footer {
			
		}
			.mainArticle > .contentsArea > footer > .charge {
				text-align: center;
				margin-top: 1.215em;
			}
			.mainArticle > .contentsArea > footer > .share {
				margin-top: 1.2em;
			}
				.mainArticle > .contentsArea > footer > .share > .sns,
				.mainArticle > .contentsArea > .entry-header > .share > .sns {
					float: left;
					width: auto;
					margin-right: 20px;
				}
				.mainArticle > .contentsArea > footer > .share > .sns:first-child,
				.mainArticle > .contentsArea > .entry-header > .share > .sns:first-child {
					/*margin-top: -1px;*/
					line-height: 1;
				}
			.mainArticle > .contentsArea > footer > .pager {
				margin-top: 1.4em;
				width: 100%;
			}
				.mainArticle > .contentsArea > footer > .pager ul {
					background: #f8f8f8;
					letter-spacing: -0.4em;
					padding: 1.2em 5px 1.1em;
				}
					.mainArticle > .contentsArea > footer > .pager ul li {
						display: inline-block;
						width: 50%;
					}
						.mainArticle > .contentsArea > footer > .pager ul li a {
							letter-spacing: normal;
							text-decoration: underline;
							font-size: 1.3rem;
							position: relative;
							display: block;
							overflow: hidden;
							white-space: nowrap;
							text-overflow: ellipsis;
						}
						.mainArticle > .contentsArea > footer > .pager ul li a[rel="prev"] {
							margin-right: 20px;
							text-align: left;
							padding-left: 30px;
						}
						.mainArticle > .contentsArea > footer > .pager ul li a[rel="prev"]:before {
							position: absolute;
							font-family: "fontello";
							content: '\e802';
							font-size: 2.0rem;
							left: 10px;
							top: 50%;
							margin-top: -15px;
						}
						.mainArticle > .contentsArea > footer > .pager ul li a[rel="next"] {
							margin-left: 20px;
							text-align: right;
							padding-right: 30px;
						}
						.mainArticle > .contentsArea > footer > .pager ul li a[rel="next"]:before {
							position: absolute;
							font-family: "fontello";
							content: '\e803';
							font-size: 2.0rem;
							right: 10px;
							top: 50%;
							margin-top: -15px;
						}
				.mainArticle > .contentsArea > footer > .pager > .index {
					display: inline-block;
					font-size: 1.3rem;
					text-decoration: underline;
					margin-top: 1.2em;
				}
				.mainArticle > .contentsArea > footer > .pager > .index:before {
					font-family: "fontello";
					content:"\e807";
					display: inline-block;
					margin-right: 8px;
				}

/* !aboutPage
/*------------------------------------------------------- */

#about.mainArticle {
		margin-top: 0px;
		background: #FFF;
	}
	#about.mainArticle > .aboutArea {
		width: 100%;
		margin: -60px auto 0;
		text-align: center;
	}
		#about.mainArticle > .aboutArea > h1 {
			font-size: 3.0rem;
			background: url(../../about/img/ttl_about01.png) no-repeat left center;
			width:210px;
			height: 40px;
			margin: 1.1rem auto 0;
			text-indent: -9999px;
		}
		#about.mainArticle > .aboutArea #aboutBlock01 {
			position: relative;
			overflow: hidden;
			width: 100%;
			min-width: 1110px;
			height: 250vh;
			min-height: 1200px;
		}
			#about.mainArticle > .aboutArea .bgParallax {
				position: fixed;
				background: url(../../about/img/pic_about01.jpg) no-repeat;
				background-size: cover;
				width: 100%;
				height: 100vh;
				left: 0;
				top: 0;
				opacity: 0;
			}
				#about.mainArticle > .aboutArea .bgParallax:after {
					content: "";
					width: 100%;
					height: 100%;
					position: fixed;
					left: 0;
					top: 0;
					background: url(../../about/img/pic_about03.jpg) left bottom no-repeat;
					background-size: cover;
				}
			#about.mainArticle > .aboutArea .fullWindow {
				position: relative;
				width: 100%;
				height: 100vh;
				min-height: 600px;
				overflow: hidden;
			}
			#about.mainArticle > .aboutArea #parallax01 {
				
			}
				#about.mainArticle > .aboutArea .fullWindow .parallaxItem {
					position: fixed;
					top: 50%;
					left: 50%;
					margin: -219px 0 0 -325px;
					transform: translate3d(0%, 35%, 0);
				}
				#about.mainArticle > .aboutArea h1.mainCopy {
					width: 650px;
					height: 109px;
					margin: 0 auto;
					background: url(../../about/img/about_copy01.png) center no-repeat;
					-webkit-transition: all .500s ease;
					   -moz-transition: all .500s ease;
					    -ms-transition: all .500s ease;
					     -o-transition: all .500s ease;
					        transition: all .500s ease;
					opacity: 0;
				}
					#about.mainArticle > .aboutArea h1 span {
						display: none;
					}
				#about.mainArticle > .aboutArea p.subCopy {
					width: 650px;
					height: 289px;
					margin: 2.5em auto 0;
					background: url(../../about/img/about_copy02.png) center no-repeat;
					opacity: 0;
					transform: translate3d(0%, 35%, 0px);
				}
					#about.mainArticle > .aboutArea p.subCopy span {
						display: none;
					}
				#about.mainArticle > .aboutArea #parallax01 .scroll {
					display: block;
					width: 58px;
					height: 53px;
					background: url(../../about/img/pic_about02.png) no-repeat center;
					position: absolute;
					bottom: 12px;
					left: 50%;
					margin:0 -29px;
				}
					#about.mainArticle > .aboutArea #parallax01 .scroll span {
						display: none;
					}
		#about.mainArticle > .aboutArea .nomalArea {
			position: relative;
			background-color: #fff;
			padding: 5em 0 3.75em;
		}
		#about.mainArticle > .aboutArea .aboutColumn {
			width: 1050px;
			margin: 0 auto;
		}
		#about.mainArticle > .aboutArea #aboutBlock02,
		#about.mainArticle > .aboutArea #aboutBlock03 {
			position: relative;
			-webkit-transition: all .70s ease;
			   -moz-transition: all .70s ease;
			    -ms-transition: all .70s ease;
			     -o-transition: all .70s ease;
			        transition: all .70s ease;
			opacity: 0;
			transform:translate(0%, 7%);
			-webkit-transform:translate3d(0%, 7%, 0);
		}
		#about.mainArticle > .aboutArea #aboutBlock02.view,
		#about.mainArticle > .aboutArea #aboutBlock03.view {
			opacity: 1;
			transform:translate(0%, 0%);
			-webkit-transform:translate3d(0%, 0%, 0);
		}
		#about.mainArticle > .aboutArea .aboutBlock {
			float: left;
			width: 500px;
			margin-right: 50px;
		}
		#about.mainArticle > .aboutArea .aboutBlock:nth-child(even) {
			margin-right: 0px;
		}
		#about.mainArticle > .aboutArea .nomalArea h2 {
			font-size: 1.6rem;
			font-weight: bold;
			text-align: left;
			letter-spacing: 0.025rem;
			line-height: 1.7;
		}
		#about.mainArticle > .aboutArea .nomalArea p {
			font-size: 1.6rem;
			text-align: left;
			margin: 1rem 0 0;
			letter-spacing: 0.025rem;
			line-height: 1.7;
		}
		.newArea {
			background-color: #f8f8f8;
			position: relative;
			padding-top: 1.5em;
		}


/* !referencePage
/*------------------------------------------------------- */
#reference {
	background: #FFF;
	color: #303030;
}
.referenceArea {
	width: 1050px;
	margin: 0 auto;
	padding: 80px 0 0;
}
.mainColumn {}
	.mainColumn > .leftColumn {
		float: left;
		width: 330px;
	}
		.mainColumn > .leftColumn .pageTtl {
			font-size: 1.8rem;
			font-weight: bold;
			font-family: serif;
			letter-spacing: 0.1rem;
		}
	.mainColumn > .rightColumn {
		float: right;
		width: 690px;
		padding-bottom: 80px;
	}
		.mainColumn > .rightColumn .text {
			font-size: 1.6rem;
			line-height: 2;
			text-align: justify;
		}
		.mainColumn > .rightColumn .paragraph {
			margin-top: 80px;
		}
			.mainColumn > .rightColumn .paragraph .paragraphTtl {
				font-weight: bold;
				margin-bottom: 1em;
			}
			.mainColumn > .rightColumn .paragraph .dataTtl {
				font-size: 1.4rem;
				margin-top: 30px;
				display: block;
			}
			.mainColumn > .rightColumn .paragraph .dataList {
				margin-top: 15px;
				border: 2px solid #e5e5e5;
				padding: 5px 18px 13px;
				font-size: 1.4rem;
			}
				.mainColumn > .rightColumn .paragraph .dataList dt {
					font-weight: bold;
					padding-top: 10px;
				}
				.mainColumn > .rightColumn .paragraph .dataList dd {
					margin-top: 8px;
				}
					.mainColumn > .rightColumn .paragraph .dataList dd small {
						padding-left:1.3em;
						text-indent:-1.3em;
						display: block;
						position: relative;
						margin-top: 8px;
					}
					.mainColumn > .rightColumn .paragraph .dataList dd small:before {

					}

				.mainColumn > .rightColumn .paragraph .dataList dt.example {
					font-weight: bold;
					float: left;
					width: 9%;
					margin-top: 10px;
					padding-top: 0px;
				}
				.mainColumn > .rightColumn .paragraph .dataList dd.example {
					float: left;
					width: 91%;
					margin-top: 10px;
				}

		.mainColumn > .rightColumn .updateDate {
			text-align: right;
			font-size: 1.4rem;
			padding: 30px 0;
			border-bottom: 1px solid #e5e5e5;
		}
.linkUnder {
	text-decoration: underline;
}
.forSp {
	display: none;
}


/* !pager
/*------------------------------------------------------- */
.pager {
	width: 1110px;
	margin: 0 auto;
	text-align: center;
	position: relative;
}
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute;
		margin: 0;
		line-height: 1;
	}
	.pager .navLinks {
		letter-spacing: -0.4em;
		display: flex;
		padding: 0 20px;
		justify-content: center;
	}
		.pager .navLinks a,
		.pager .navLinks span {
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			display: inline-block;
			letter-spacing: normal;
			width: 42px;
			height: 42px;
			margin-right: 15px;
			background-color: #FFF;
			border: 1px solid #efefef;
			line-height: 42px;
		}
		.pager .navLinks a.prev {
			color: transparent;
			background: url(../img/icon_arrow_prev.png) center no-repeat #FFF;
			display:none;
		}
		.pager .navLinks a.next {
			color: transparent;
			background: url(../img/icon_arrow_next.png) center no-repeat #FFF;
			margin-right:0px;
			display:none;
		}
		.pager .navLinks span.current {
			color: #FFF;
			font-weight: bold;
			background-color: #187bb0;
			border-color: #187bb0;
		}

/* !video
/*------------------------------------------------------- */

.videoCaption{
	font-size: 1.6rem;
	letter-spacing: normal;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 1em;
	color: #222;
}
.videoCaption:before{
	font-family: "fontello";
	content: "\e808";
	display: inline-block;
	color: #187bb0;
	margin-right: 5px;
	font-size: 1.4rem;
	font-weight: normal;
	opacity: 0.8;
}
.videoWrapper{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-top:1em;
}
.videoWrapper iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

/* !pageTop
/*------------------------------------------------------- */
.pageTop {
	clear: both;
	position: relative;
	z-index: 10;
	text-align: right;
	background:#bbbbbb
}

/* !footer
/*------------------------------------------------------- */
#footer {
	text-align: center;
	position: relative;
	background-color: #f8f8f8;
}
	#footer > #footerIn {
		}
		#footer > #footerIn ul {
			letter-spacing: -0.4em;
			padding-top: 1.5em;
		}
		#footer > #footerIn ul.other {
			padding-top: 0.6em;
			}
			#footer > #footerIn ul li {
				display: inline-block;
				letter-spacing: normal;
				margin-right: 5px;
			}
			#footer > #footerIn ul.sns li {
				display: inline-block;
				width: 40px;
				height: 40px;
				overflow: hidden;
				color: #FFF;
				letter-spacing: normal;
				margin-right:30px;
			}
			#footer > #footerIn ul.sns li:last-child {
				margin-right:0;
			}
				#footer > #footerIn ul.sns li a {
					width: 40px;
					height: 40px;
					background-color: transparent;
					display: inline-block;
					position: relative;
					border-radius: 100%;
				}
				#footer > #footerIn ul.sns li a.facebook {
					background-color: #39579a;
				}
					#footer > #footerIn ul.sns li a.facebook:before {
						font-size: 2.0rem;
						font-family: "fontello";
						content: "\f30c";
						color: #FFF;
						position: absolute;
						left: 50%;
						top: 50%;
						margin: -15px 0 0 -5px;
					}
				#footer > #footerIn ul.sns li a.twitter {
					background-color: #38a7f8;
				}
					#footer > #footerIn ul.sns li a.twitter:before {
						font-size: 2.0rem;
						font-family: "fontello";
						content: "\f309";
						color: #FFF;
						position: absolute;
						left: 50%;
						top: 50%;
						margin: -14px 0 0 -8px;
					}
				#footer > #footerIn ul.sns li a.line {
					background-color: #00bb00;
				}
					#footer > #footerIn ul.sns li a.line:after {
						content: '';
						position: absolute;
						width: 25px;
						height: 11px;
						left: 50%;
						top: 50%;
						margin: -5px 0 0 -12px;
						background: url(../img/icon_line.png) center no-repeat;
					}
				#footer > #footerIn ul.sns li a.rss {
					background-color: #f59000;
				}
					#footer > #footerIn ul.sns li a.rss:before {
						font-size: 2.0rem;
						font-family: "fontello";
						content: "\e804";
						color: #FFF;
						position: absolute;
						left: 50%;
						top: 50%;
						margin: -15px 0 0 -7px;
					}
					#footer > #footerIn ul.sns li a span {
						display: none;
					}
			#footer > #footerIn ul.other li:after {
				content: "|";
				display: inline-block;
				margin-left: 5px;
				font-size: 1.2rem;
				position: relative;
				top: -1px;
			}
			#footer > #footerIn ul.other li:last-child:after {
				content: none;
			}
				#footer > #footerIn ul.other li a {
					font-size: 1.2rem;
				}
	#footer > #copyright {
		margin-top: 1.5em;
		background-color: #54565a;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #FFF;
		font-size: 1.1rem;
		padding: 2em;
	}
		#footer > #copyright a,
		#footer > #copyright a:hover {
			color: #FFF;
		}

html body .mainSlider .swiper-wrapper .swiper-slide:nth-child(n+4){
	display: none;
}

html body .postLoop .post:nth-child(-n + 3) {
	/*display: none;*/
}
html body.paged .postLoop .post:nth-child(-n + 3),
html body.single .postLoop .post:nth-child(-n + 3),
html body.category .postLoop .post:nth-child(-n + 3), 
html body.search .postLoop .post:nth-child(-n + 3), 
html body.archive .postLoop .post:nth-child(-n + 3){
	display: block;
}
html body.paged .mainSlider {
	display: none;
}

/* !h(n)eading
/*------------------------------------------------------- */
.h1_basic {
	font-size: 3.6rem;
}
.h2_basic {
	font-size: 3.0rem;
}
.h3_basic {
	font-size: 2.4rem;
}
.h4_basic {
	font-size: 1.8rem;
}
.h5_basic {
	font-size: 1.4rem;
}
.h6_basic {
	font-size: 1.2rem;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h1 .small, .h1 .small, h2 .small, .h2 .small, h3 .small, .h3 .small {
	font-size: 65%;
}

/* !Table
/*------------------------------------------------------- */
.table_basic {
	border-collapse: collapse;
	width: 100%;
}
	.table_basic th,
	.table_basic td {
		padding: 6px 3px;
		border: solid 1px #cccccc;
		text-align: center;
		vertical-align: middle;
		font-size: 108%;
		line-height: 1.23;
		min-height: 2.5em;
	}
	.table_basic th {
		padding: 14px 6px;
		font-weight: bold;
	}
	.table_basic td {
	}


/* !Color
/*------------------------------------------------------- */
.red { color: #f52711;}
.blue { color: #187bb0;}
.green { color: #4ab018;}


/*------------------------------------------------------- */
/* !Print
/*------------------------------------------------------- */
@media print {
	/*html,
	html body { *zoom: 0.65;}

	#footer { display: table; }
	#footerIn {
		display: table-cell;
		vertical-align: top;
	}
	#lNavi {
		position: relative !important;
		margin: 0 !important;
		top: 0 !important;
	}

	.pageTop {
		margin-top: 0;
		background: url("/common/img/bg/bg_darwin02.gif") left top no-repeat;
	}
	#main {
		display: table;
	}
	#main,
	#side {
		display: table-cell;
		vertical-align: top;
	}
	#main { padding-bottom: 67px; }
	#side { top: 0 !important; }*/
}