@charset "UTF-8";

/*
=====================================================================
	青島ハンモック 下層ページ
=====================================================================
*/


/* ============================================================================================== */
@media print, screen and (min-width:641px) {

/* base
---------------------------------------------------------------------- */
.overlayMenuBtn span {
	position: relative;
	display: block;
	width: 30px;
	border: 1px solid #326291;
	transition: .5s;
	}

.overlayMenuBtn span:nth-child(1){
	border:1px solid #326291 !important;
	}

.overlayMenuBtn span:nth-child(3){
	border:1px solid #326291 !important;
	}

/* ----------------------------------------------------------------

header

-----------------------------------------------------------------*/
#header{
	margin-bottom:25px;
	}

#menuInner ul li a{
	color:#326291;
	text-decoration:none;
	}

#menuInner ul li a:hover{
	color:#326291;
	text-decoration:underline;
	}


/* ==================================================================

01 about

================================================================== */

/* ======================
aboutWrap
====================== */
#aboutWrap{
	width:960px;
	margin:0 auto 100px;
	}

	
	.aboutInner{
		display:flex;
		justify-content:space-between;
		flex-direction:row-reverse;
		margin-bottom:100px;
		}

		.aboutR{
			width:150px;
			}

			.aboutR h2{
				-ms-writing-mode: tb-rl;
				writing-mode: vertical-rl;
				margin:auto 0 40px 0;
				font-size:24px;
				line-height:180%;
				}

			.aboutR .illust{
				width:60%;
				}

		.aboutL{
			width:610px;
			}

			.aboutL ul{
				margin-bottom:35px;
				display:flex;
				justify-content:space-between;
				}

				.aboutL ul li{
					width:48%;
					}

/* ======================
accessWrap
====================== */
#accessWrap{
	width:960px;
	margin:0 auto 100px;
	}

	#accessWrap h3{
		font-size:24px;
		background:url(../img/sec/about/icon_access.png) no-repeat left center;
		background-size:26px 21px;
		padding-left:35px;
		margin-bottom:40px;
		}

	#map{
		margin-bottom:30px;
		}

		.accessInner{
			display:flex;
			justify-content:space-between;
			}
			
			.accessInner .accessL{
				width:450px;
				}

				.accessInner .accessL h4{
					font-weight:bold;
					font-size:14px;
					margin-bottom:10px;
					}

				.accessInner .accessL ul{
					font-size:13px;
					margin-bottom:15px;
					}

				.accessInner .accessL p{
					margin-bottom:25px;
					}
			
			.accessInner .accessR{
				width:350px;
				}

				.accessInner .accessR .photo{
					margin-bottom:20px;
					}

/* ==================================================================

02 onlineshop

================================================================== */
#outlineWrap{
	width:960px;
	margin:0 auto 100px;
	border:1px dotted #326291;
	padding:30px;
	box-sizing: border-box;
	}

	#outlineWrap h2{
		font-size:18px;
		font-weight:bold;
		margin-bottom:30px;
		padding-left:50px;
		background:url(../img/sec/online/icon_hammock.png) no-repeat left center;
		background-size:36px 27px;
		}

	#outlineInner{
		display:flex;
		justify-content:space-between;
		}

		#outlineInner .inner{
			width:45%;
			}

			#outlineInner .inner h3{
				font-size:16px;
				font-weight:bold;
				margin-bottom:20px;
				}

#prdWrapper{
	width:960px;
	margin:0 auto;
	}

	.prdWrap{
		margin-bottom:100px;
		display:flex;
		justify-content:space-between;
		flex-flow: row-reverse;	
		}

		.prdWrap:last-child{
			margin-bottom:0;
			}

	.reverse{
		flex-flow:wrap;
		}

		.prdWrap .prdInfo{
			width:24%;
			}

			.prdWrap .prdInfo .typeWrap{
				border-top:1px solid #9db6c6;
				border-bottom:1px solid #9db6c6;
				padding:20px 0;
				margin-bottom:40px;
				}

			.prdWrap .prdInfo .typeInner{
				display:flex;
				justify-content:space-between;
				margin-bottom:20px;
				}

				.prdWrap .prdInfo .typeInner h3{
					font-size:23px;
					}

				.prdWrap .prdInfo .typeInner h3 span{
					font-size:18px;
					display:block;
					}

				.prdWrap .prdInfo .typeInner .type span{
					font-size:11px;
					color:#9db6c6;
					border:1px solid #9db6c6;
					padding:5px;
					font-family: Helvetica Neue;
					}

			.prdWrap h4{
				font-size:16px;
				font-weight:bold;
				}

			.prdWrap .prdInfo .linkType01{
				margin-top:30px;
				}

		.prdWrap .prdPhoto{
			width:68%;
			}

/* ==================================================================

03 type top

================================================================== */
#hmkTypeWrap{
	display:flex;
	justify-content:space-between;
	margin:0 auto 100px;
	width:960px;
	}

	#hmkTypeWrap .typeInfo{
		width:440px;
		}

		#hmkTypeWrap .typeInfo p.typeTxt{
			margin-bottom:20px;
			}

			#hmkTypeWrap .typeInfo p.typeTxt span{
				font-size:11px;
				color:#9db6c6;
				border:1px solid #9db6c6;
				padding:5px;
				font-family: Helvetica Neue;
				}

		#hmkTypeWrap .typeInfo h2{
			font-size:25px;
			margin-bottom:40px;
			}

			#hmkTypeWrap .typeInfo h2 span{
				font-size:20px;
				}

		#hmkTypeWrap .typeInfo p{
			margin-bottom:20px;
			}

	#hmkTypeWrap .spec{
		width:430px;
		}

		#hmkTypeWrap .spec h3{
			margin-bottom:20px;
			font-size:18px;
			}

		#hmkTypeWrap .spec dl{
			margin-bottom:60px;
			font-size:14px;
			display:flex;
			justify-content: space-between;
			flex-wrap:wrap;
			}

			#hmkTypeWrap .spec dl dt{
				width:30%;
				border-bottom:1px solid #9db6c6;
				padding-bottom:15px;
				margin-bottom:15px;
				font-weight:bold;
				}

			#hmkTypeWrap .spec dl dd{
				width:70%;
				border-bottom:1px solid #9db6c6;
				padding-bottom:15px;
				margin-bottom:15px;
				}

#acsTypeWrap{
	margin:0 auto 100px;
	width:960px;
	}

	#acsTypeWrap .typeInfo{
		display:flex;
		justify-content:space-between;
		align-items:center;
		}

	#acsTypeWrap .typeInfo p.typeTxt{
		margin-bottom:20px;
		}

		#acsTypeWrap .typeInfo p.typeTxt span{
			font-size:11px;
			color:#9db6c6;
			border:1px solid #9db6c6;
			padding:5px;
			font-family: Helvetica Neue;
			}

	#acsTypeWrap .typeInfo h2{
		font-size:25px;
		}

#prdList{
	width:960px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	}

	#prdList .prdListInner{
		width:300px;
		margin:0 30px 30px 0;
		}

		#prdList .prdListInner:nth-of-type(3n){
			margin-right:0;
			}

		#prdList .prdListInner .photo{
			margin-bottom:15px;
			}

/* ==================================================================

03 type detail

================================================================== */
#catName{
	width:960px;
	margin:0 auto 50px;
	display:flex;
	}

	#catName p{
		display:inline;
		margin-right:10px;
		}

		#catName p span{
			font-size:11px;
			color:#9db6c6;
			border:1px solid #9db6c6;
			padding:5px;
			font-family: Helvetica Neue;
			}

#slider{
	width:960px;
	margin:0 auto 80px;
	}

	#slider .main{
		margin-bottom:10px;
		}

	#slider ul{
		display:flex;
		flex-wrap:wrap;
		}

		#slider ul li{
			width:12%;
			margin-right:0.57%;
			}

		#slider ul li:nth-of-type(8n){
			margin-right:0;
			}

#detailWrap{
	width:960px;
	margin:0 auto 80px;
	}

	#detailWrap h3#itemName{
		font-weight:bold;
		font-size:18px;
		margin-bottom:30px;
		}

	#detailInner{
		display:flex;
		justify-content:space-between;
		}

	#detailWrap .dtlL{
		width:440px;
		}

		#detailWrap .dtlL h3{
			margin-bottom:15px;
			font-size:14px;
			font-weight:bold;
			}

		#detailWrap .dtlL p{
			margin-bottom:30px;
			}

	#detailWrap .dtlR{
		width:430px;
		}

		#detailWrap .dtlR p.price{
			font-weight:bold;
			font-size:16px;
			border-top:;
			margin-bottom:20px;
			padding:20px 0;
			border-top:1px solid #9db6c6;
			border-bottom:1px solid #9db6c6;
			}

		#detailWrap .dtlR dl{
			margin-bottom:30px;
			font-size:14px;
			display:flex;
			justify-content: space-between;
			flex-wrap:wrap;
			}

			#detailWrap .dtlR dl dt{
				width:20%;
				border-bottom:1px solid #9db6c6;
				padding-bottom:15px;
				margin-bottom:15px;
				font-weight:bold;
				}

			#detailWrap .dtlR dl dd{
				width:80%;
				border-bottom:1px solid #9db6c6;
				padding-bottom:15px;
				margin-bottom:15px;
				}

				#detailWrap .dtlR dl dd select{
					border:1px solid #9db6c6;
					background:none;
					color:#326291;
					padding:5px 10px;
					}

			#detailWrap .dtlR ul{
				font-size:12px;
				margin-top:60px;
				}

				#detailWrap .dtlR ul li{
					margin-bottom:10px;
					}

#linkWrap{
	display:flex;
	justify-content:space-between;
	width:960px;
	margin:0 auto;
	}

	#linkWrap a{
		display:block;
		width:48%;
		}

	#linkWrap .btnBanner{
		display:flex;
		justify-content:space-between;
		border:1px solid #9db6c6;
		padding:10px 10px 10px 20px;
		box-sizing:border-box;
		align-items:center;
		}

		#linkWrap .btnBanner img{
			width:43%;
			}


/* ==================================================================

06 maintenance

================================================================== */
#contentsList{
	width:960px;
	margin:0 auto;
	background:#fff;
	padding:30px;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	}

	#contentsList .ctsL{
		width:230px;
		text-align:center;
		}

		#contentsList h2{
			font-size:16px;
			margin-bottom:40px;
			}

		#contentsList .ctsL img{
			width:50%;
			}

	#contentsList .ctsR{
		width:640px;
		display:flex;
		justify-content:space-between;
		}

		#contentsList .ctsR ul{
			font-size:12px;
			}

			#contentsList .ctsR ul li{
				margin-bottom:25px;
				}

				#contentsList .ctsR ul li a{
					background:url(../img/union/icon_arrow.png) no-repeat left center;
					background-size:10px 9px;
					padding-left:20px;
					}

/* manualWrap
------------------------------------- */
.manualWrap{
	width:960px;
	margin:0 auto;
	padding:150px 0;
	border-bottom:1px solid #9cb5c5;
	}

	/* ttlWrap */
	.manualWrap .ttlWrap{
		margin-bottom:60px;
		display:flex;
		justify-content:space-between;
		}

		.manualWrap .ttlWrap p span{
			font-size:11px;
			color:#9db6c6;
			border:1px solid #9db6c6;
			padding:5px;
			font-family: Helvetica Neue;
			}

	/* manualWrap Basic */
	.manualWrap h3{
		font-weight:bold;
		font-size:20px;
		}

	.manualWrap h4.bgBlue{
		font-size:16px;
		color:#fff;
		margin-bottom:30px;
		}

		.manualWrap h4.bgBlue span{
			background:#326290;
			padding:8px;
			}

		.mnTwocolumn{
			display: flex;
			justify-content:space-between;
			}

		.mnTwocolumn .columnL{
			width:440px;
			}

			.mnTwocolumn .columnL iframe{
				margin-bottom:50px;
				}

			.mnTwocolumn .columnL p{
				margin-bottom:20px;
				}

			.mnTwocolumn .columnL p:last-child{
				margin-bottom:0;
				}

		.mnTwocolumn .columnR{
			width:380px;
			}


/* twoColumn
------------------------------------- */
.manualWrap .twoColumn{
	display:flex;
	justify-content:space-between;
	}

	.manualWrap .twoColumnL{
		width:33%;
		}

		.manualWrap .twoColumnL h3{
			margin-bottom:40px;
			}

	.manualWrap .twoColumnR{
		width:60%;
		}

		.manualWrap .twoColumnR ul{
			display:flex;
			justify-content:space-between;
			}

			.manualWrap .twoColumnR ul li{
				width:45%;
				}

				.manualWrap .twoColumnR ul li img{
					margin-bottom:10px;
					}

				.manualWrap .twoColumnR ul li p{
					font-size:12px;
					}

/* threeColumn
------------------------------------- */
.manualWrap .threeColumn ul{
	display:flex;
	justify-content:space-between;
	margin:0 0 40px;
	}

	.manualWrap .threeColumn ul li{
		width:30%;
		}

		.manualWrap .threeColumn ul li img{
			margin-bottom:10px;
			}

		.manualWrap .threeColumn ul li p{
			font-size:12px;
			}

/* twoList */
.manualWrap ul.twoList{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}

	.manualWrap ul.twoList li{
		width:160px;
		margin-bottom:20px;
		}

	.manualWrap ul.twoList li p{
		font-size:12px;
		}

	.manualWrap ul.twoList li img{
		margin-bottom:10px;
		}

	.manualWrap ul.twoList li.txtWrap{
		padding:15px;
		box-sizing:border-box;
		}

/* etcList */
.manualWrap .twoColumnR ul.etcList{
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	}

	.manualWrap .twoColumnR ul.etcList li{
		width:26%;
		margin:0 3% 25px;
		}

	.manualWrap .twoColumnR ul.etcList li p{
		font-size:12px;
		}

	.manualWrap .twoColumnR ul.etcList li img{
		margin-bottom:10px;
		}

.manualWrap .illustWrap{
	width:60%;
	margin-top:80px;
	}

/* innerWrap
------------------------------------- */
.innerWrap{
	width:820px;
	margin:0 auto;
	}

	.innerWrap h4{
		font-size:18px;
		font-weight:bold;
		padding-bottom:10px;
		margin-bottom:30px;
		border-bottom:1px solid #9cb5c5;
		}

	.innerWrap ul{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin-bottom:40px;
		}

		.innerWrap ul li{
			width:160px;
			margin:0 60px 20px 0;
			}

			.innerWrap ul li:nth-of-type(4n){
				margin-right:0;
				}

			.innerWrap ul li img{
				margin-bottom:10px;
				}

		.innerWrap .plateInner{
			display:flex;
			justify-content:space-between;
			}

			.innerWrap .plateInner .inner{
				width:380px;
				}

				.innerWrap .plateInner .inner li{
					width:160px;
					}

					.innerWrap .plateInner .inner li:last-child{
						margin-right:0;
						}

/* meyasuWrap
------------------------------------- */
.meyasuWrap{
	width:760px;
	margin:0 auto;
	}

	.meyasuWrap h5{
		margin-bottom:60px;
		text-align:center;
		}

		.meyasuWrap h5 span{
			border-bottom:1px solid #326290;
			padding-bottom:5px;
			font-size:18px;
			font-weight:bold;
			}

	.heightWrap{
		display:flex;
		justify-content:space-between;
		margin-bottom:40px;
		}

		.heightWrap img{
			width:21%;
			}

		.heightWrap .heightTxt{
			width:73%;
			}

			.heightWrap .heightTxt p{
				margin-bottom:20px;
				}


.borderTop{
	border-top:1px dotted #326290;
	padding-top:50px;
	margin-top:50px;
	}


#rhManual{
	padding-right:30px;
	padding-left:30px;
	box-sizing:border-box;
	}

	#rhManual .columnL{
		width:42%;
		}

	#rhManual .columnR{
		width:42%;
		}

/* ==================================================================

07 Q&A

================================================================== */
#qaTtl{
	width:960px;
	margin:0 auto 80px;
	}

	#qaTtl h2{
		font-size:24px;
		margin-bottom:60px;
		}

#qaWrap{
	width:960px;
	margin:0 auto;
	}

	#qaWrap .qaInner{
		border-bottom:1px solid #9cb5c5;
		margin-bottom:60px;
		padding-bottom:60px;
		}

		#qaWrap .qaInner h3{
			font-weight:bold;
			margin-bottom:40px;
			}

		#qaWrap .answerWrap{
			display:flex;
			}

			#qaWrap .answerWrap p{
				font-size:14px;
				}

			#qaWrap .answerWrap p.answer{
				font-weight:bold;
				padding-right:10px;
				}

			#qaWrap .answerWrap .anwerInner p{
				margin-bottom:20px;
				}

			#qaWrap .answerWrap .anwerInner p:last-child{
				margin-bottom:0;
				}



}

/* ============================================================================================== */
@media screen and  (max-width:640px) {

/* base
---------------------------------------------------------------------- */
.overlayMenuBtn span {
	position: relative;
	display: block;
	width: 30px;
	border: 1px solid #326291;
	transition: .5s;
	}

.overlayMenuBtn span:nth-child(1){
	border:1px solid #326291 !important;
	}

.overlayMenuBtn span:nth-child(3){
	border:1px solid #326291 !important;
	}

/* ----------------------------------------------------------------

header

-----------------------------------------------------------------*/
#header{
	margin-bottom:25px;
	}

#menuInner ul li a{
	color:#326291;
	text-decoration:none;
	}

#menuInner ul li a:hover{
	color:#326291;
	text-decoration:underline;
	}


/* ==================================================================

01 about

================================================================== */

/* ======================
aboutWrap
====================== */
#aboutWrap{
	width:90%;
	margin:0 auto 80px;
	}

	
	.aboutInner{
		margin-bottom:60px;
		}

		.aboutR{
			display:flex;
			justify-content: space-between;
			}

			.aboutR h2{
				margin:0 0 40px 0;
				font-size:18px;
				}

			.aboutR .illust{
				width:10%;
				}

		.aboutL{
			
			}

			.aboutL ul{
				margin-bottom:35px;
				display:flex;
				justify-content:space-between;
				}

				.aboutL ul li{
					width:48%;
					}

/* ======================
accessWrap
====================== */
#accessWrap{
	width:90%;
	margin:0 auto;
	}

	#accessWrap h3{
		font-size:18px;
		background:url(../img/sec/about/icon_access.png) no-repeat left center;
		background-size:26px 21px;
		padding-left:35px;
		margin-bottom:40px;
		}

	#map{
		margin-bottom:30px;
		width:100%;
		}

		#map iframe{
			width:100%;
			}

		.accessInner{
			
			}
			
			.accessInner .accessL{
				
				}

				.accessInner .accessL h4{
					font-weight:bold;
					font-size:14px;
					margin-bottom:10px;
					}

				.accessInner .accessL ul{
					font-size:13px;
					margin-bottom:15px;
					}

				.accessInner .accessL p{
					margin-bottom:25px;
					}

				.accessInner .accessR .photo{
					margin-bottom:20px;
					}


/* ==================================================================

02 onlineshop

================================================================== */
#outlineWrap{
	width:90%;
	margin:0 auto 100px;
	border:1px dotted #326291;
	padding:30px;
	box-sizing: border-box;
	}

	#outlineWrap h2{
		font-size:18px;
		font-weight:bold;
		margin-bottom:30px;
		padding-left:50px;
		background:url(../img/sec/online/icon_hammock.png) no-repeat left center;
		background-size:36px 27px;
		}

	#outlineInner{
		
		}

		#outlineInner .inner{
			margin-bottom:30px;
			}

		#outlineInner .inner:last-child{
			margin-bottom:0;
			}

			#outlineInner .inner h3{
				font-size:16px;
				font-weight:bold;
				margin-bottom:20px;
				}

#prdWrapper{
	width:90%;
	margin:0 auto;
	}

	.prdWrap{
		margin-bottom:100px;
		}

		.prdWrap:last-child{
			margin-bottom:0;
			}

	

		.prdWrap .prdInfo{
			margin-bottom:30px;
			}

			.prdWrap .prdInfo .typeWrap{
				border-bottom:1px solid #9db6c6;
				padding:0 0 20px;
				margin-bottom:40px;
				}

			.prdWrap .prdInfo .typeInner{
				display:flex;
				justify-content:space-between;
				margin-bottom:20px;
				}

				.prdWrap .prdInfo .typeInner h3{
					font-size:23px;
					}

				.prdWrap .prdInfo .typeInner h3 span{
					font-size:18px;
					display:block;
					}

				.prdWrap .prdInfo .typeInner .type span{
					font-size:11px;
					color:#9db6c6;
					border:1px solid #9db6c6;
					padding:5px;
					font-family: Helvetica Neue;
					}

			.prdWrap h4{
				font-size:16px;
				font-weight:bold;
				}

			.prdWrap .prdInfo .linkType01{
				margin-top:30px;
				}

		.prdWrap .prdPhoto{
			margin-bottom:20px;
			}

/* ==================================================================

03 type top

================================================================== */
#hmkTypeWrap{
	margin:0 auto 40px;
	width:90%;
	}

	#hmkTypeWrap .typeInfo{
		margin-bottom:40px;
		}

		#hmkTypeWrap .typeInfo p.typeTxt{
			margin-bottom:10px;
			}

			#hmkTypeWrap .typeInfo p.typeTxt span{
				font-size:11px;
				color:#9db6c6;
				border:1px solid #9db6c6;
				padding:5px;
				font-family: Helvetica Neue;
				}

		#hmkTypeWrap .typeInfo h2{
			font-size:25px;
			margin-bottom:30px;
			}

			#hmkTypeWrap .typeInfo h2 span{
				font-size:20px;
				}

		#hmkTypeWrap .typeInfo p{
			margin-bottom:20px;
			}

	#hmkTypeWrap .spec{
		
		}

		#hmkTypeWrap .spec h3{
			margin-bottom:20px;
			font-size:18px;
			border-top:1px solid #9db6c6;
			border-bottom:1px solid #9db6c6;
			padding:15px 0;
			}

		#hmkTypeWrap .spec dl{
			margin-bottom:30px;
			font-size:14px;
			display:flex;
			justify-content: space-between;
			flex-wrap:wrap;
			}

			#hmkTypeWrap .spec dl dt{
				width:30%;
				border-bottom:1px solid #9db6c6;
				padding-bottom:15px;
				margin-bottom:15px;
				font-weight:bold;
				}

			#hmkTypeWrap .spec dl dd{
				width:70%;
				border-bottom:1px solid #9db6c6;
				padding-bottom:15px;
				margin-bottom:15px;
				}

#acsTypeWrap{
	margin:0 auto 40px;
	width:90%;
	}

	#acsTypeWrap .typeInfo .ttlWrap{
		margin-bottom:30px;
		}

	#acsTypeWrap .typeInfo p.typeTxt{
		margin-bottom:20px;
		}

		#acsTypeWrap .typeInfo p.typeTxt span{
			font-size:11px;
			color:#9db6c6;
			border:1px solid #9db6c6;
			padding:5px;
			font-family: Helvetica Neue;
			}

	#acsTypeWrap .typeInfo h2{
		font-size:25px;
		}

#prdList{
	width:90%;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}

	#prdList .prdListInner{
		width:45%;
		margin-bottom:30px;
		}

		#prdList .prdListInner .photo{
			margin-bottom:15px;
			}

/* ==================================================================

03 type detail

================================================================== */
#catName{
	width:90%;
	margin:0 auto 30px;
	display:flex;
	}

	#catName p{
		display:inline;
		margin-right:10px;
		}

		#catName p span{
			font-size:11px;
			color:#9db6c6;
			border:1px solid #9db6c6;
			padding:5px;
			font-family: Helvetica Neue;
			}

#slider{
	width:90%;
	margin:0 auto 50px;
	}

	#slider .main{
		margin-bottom:10px;
		}

	#slider ul{
		display:flex;
		flex-wrap:wrap;
		}

		#slider ul li{
			width:24%;
			margin-right:1.25%;
			margin-bottom:8px;
			}

		#slider ul li:nth-of-type(4n){
			margin-right:0;
			}

#detailWrap{
	width:90%;
	margin:0 auto 50px;
	}

	#detailWrap h3#itemName{
		font-weight:bold;
		font-size:18px;
		margin-bottom:30px;
		}

	#detailWrap .dtlL{
		margin-bottom:40px;
		}

		#detailWrap .dtlL h3{
			margin-bottom:15px;
			font-size:14px;
			font-weight:bold;
			}

		#detailWrap .dtlL p{
			margin-bottom:30px;
			}

	#detailWrap .dtlR{
		
		}

		#detailWrap .dtlR h3{
			font-weight:bold;
			font-size:18px;
			margin-bottom:30px;
			}

		#detailWrap .dtlR p.price{
			font-weight:bold;
			font-size:16px;
			border-top:;
			margin-bottom:20px;
			padding:20px 0;
			border-top:1px solid #9db6c6;
			border-bottom:1px solid #9db6c6;
			}

		#detailWrap .dtlR dl{
			margin-bottom:30px;
			font-size:14px;
			display:flex;
			justify-content: space-between;
			flex-wrap:wrap;
			}

			#detailWrap .dtlR dl dt{
				width:20%;
				border-bottom:1px solid #9db6c6;
				padding-bottom:15px;
				margin-bottom:15px;
				font-weight:bold;
				}

			#detailWrap .dtlR dl dd{
				width:80%;
				border-bottom:1px solid #9db6c6;
				padding-bottom:15px;
				margin-bottom:15px;
				}

				#detailWrap .dtlR dl dd select{
					border:1px solid #9db6c6;
					background:none;
					color:#326291;
					padding:5px 10px;
					}

			#detailWrap .dtlR ul{
				font-size:12px;
				margin-top:60px;
				}

				#detailWrap .dtlR ul li{
					margin-bottom:10px;
					}

#linkWrap{
	width:90%;
	margin:0 auto;
	}

	#linkWrap a{
		display:block;
		margin-bottom:30px;
		}

	#linkWrap .btnBanner{
		display:flex;
		justify-content:space-between;
		border:1px solid #9db6c6;
		padding:10px 10px 10px 20px;
		box-sizing:border-box;
		align-items:center;
		}

		#linkWrap .btnBanner img{
			width:43%;
			}


/* ==================================================================

06 contentsList

================================================================== */
#contentsList{
	width:90%;
	margin:0 auto;
	background:#fff;
	padding:20px;
	box-sizing:border-box;
	}

	#contentsList .ctsL{
		margin-bottom:40px;
		text-align:center;
		}

		#contentsList h2{
			font-size:16px;
			margin-bottom:40px;
			}

		#contentsList .ctsL img{
			width:20%;
			}

	#contentsList .ctsR{
		}

		#contentsList .ctsR ul{
			font-size:12px;
			}

			#contentsList .ctsR ul li{
				margin-bottom:25px;
				}

				#contentsList .ctsR ul li a{
					background:url(../img/union/icon_arrow.png) no-repeat left center;
					background-size:10px 9px;
					padding-left:20px;
					}

/* manualWrap
------------------------------------- */
.manualWrap{
	width:90%;
	margin:0 auto;
	padding:80px 0;
	border-bottom:1px solid #9cb5c5;
	}

	/* ttlWrap */
	.manualWrap .ttlWrap{
		margin-bottom:40px;
		}

		.manualWrap .ttlWrap p span{
			font-size:11px;
			color:#9db6c6;
			border-bottom:1px dotted #9db6c6;
			padding:0 5px 5px;
			font-family: Helvetica Neue;
			display:block;
			}

	/* manualWrap Basic */
	.manualWrap h3{
		font-weight:bold;
		font-size:20px;
		margin-bottom:20px;
		}

	.manualWrap h4.bgBlue{
		font-size:16px;
		color:#fff;
		margin-bottom:30px;
		}

		.manualWrap h4.bgBlue span{
			background:#326290;
			padding:8px;
			}

		.mnTwocolumn{
			
			}

		.mnTwocolumn .columnL{
			margin-bottom:40px;
			}

			.mnTwocolumn .columnL iframe{
				margin-bottom:50px;
				width:100%;
				}

			.mnTwocolumn .columnL p{
				margin-bottom:20px;
				}

			.mnTwocolumn .columnL p:last-child{
				margin-bottom:0;
				}

		.mnTwocolumn .columnR{
			
			}

			/* twoList */
			.manualWrap ul.twoList{
				display:flex;
				justify-content:space-between;
				flex-wrap:wrap;
				}

				.manualWrap ul.twoList li{
					width:46%;
					margin-right:4%;
					margin-bottom:20px;
					}

					.manualWrap ul.twoList li:nth-of-type(2n){
						margin-right:0;
						}

				.manualWrap ul.twoList li p{
					font-size:12px;
					}

				.manualWrap ul.twoList li img{
					margin-bottom:10px;
					}

				.manualWrap ul.twoList li.txtWrap{
					padding:15px;
					box-sizing:border-box;
					}


/* twoColumn
------------------------------------- */
.manualWrap .twoColumn{
	
	}

	.manualWrap .twoColumnL{
		margin-bottom:30px;
		}

		.manualWrap .twoColumnL h3{
			margin-bottom:40px;
			}

	.manualWrap .twoColumnR{
		
		}

		.manualWrap .twoColumnR ul{
			
			}

			.manualWrap .twoColumnR ul li{
				margin-bottom:30px;
				}

				.manualWrap .twoColumnR ul li:last-child{
					margin-bottom:0;
					}

				.manualWrap .twoColumnR ul li img{
					margin-bottom:10px;
					}

				.manualWrap .twoColumnR ul li p{
					font-size:12px;
					}

/* threeColumn
------------------------------------- */
.manualWrap .threeColumn ul{
	
	margin:0 0 40px;
	}

	.manualWrap .threeColumn ul li{
		margin-bottom:30px;
		}

		.manualWrap .threeColumn ul li img{
			margin-bottom:10px;
			}

		.manualWrap .threeColumn ul li p{
			font-size:12px;
			}



/* etcList */
.manualWrap .twoColumnR ul.etcList{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}

	.manualWrap .twoColumnR ul.etcList li{
		width:46%;
		margin:0 4% 25px 0;
		}

		.manualWrap .twoColumnR ul.etcList li:nth-of-type(2n){
			margin-right:0;
			}

	.manualWrap .twoColumnR ul.etcList li p{
		font-size:12px;
		}

	.manualWrap .twoColumnR ul.etcList li img{
		margin-bottom:10px;
		}

.manualWrap .illustWrap{
	width:40%;
	margin:60px auto;
	}

/* innerWrap
------------------------------------- */
.innerWrap{
	margin:0 auto;
	}

	.innerWrap h4{
		font-size:18px;
		font-weight:bold;
		padding-bottom:10px;
		margin-bottom:30px;
		border-bottom:1px solid #9cb5c5;
		}

	.innerWrap ul{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		margin-bottom:40px;
		}

		.innerWrap ul li{
			width:46%;
			margin-right:4%;
			margin-bottom:20px;
			}

			.innerWrap ul li:nth-of-type(2n){
				margin-right:0;
				}

			.innerWrap ul li img{
				margin-bottom:10px;
				}

		.innerWrap .plateInner{
			
			}

			.innerWrap .plateInner .inner{
				
				}

				.innerWrap .plateInner .inner li{
					width:160px;
					}

					.innerWrap .plateInner .inner li:last-child{
						margin-right:0;
						}

/* meyasuWrap
------------------------------------- */
.meyasuWrap{
	margin:0 auto;
	}

	.meyasuWrap h5{
		margin-bottom:40px;
		text-align:center;
		}

		.meyasuWrap h5 span{
			border-bottom:1px solid #326290;
			padding-bottom:5px;
			font-size:18px;
			font-weight:bold;
			}

	.heightWrap{
		
		margin-bottom:40px;
		}

		.heightWrap img{
			margin-bottom:30px;
			}

		.heightWrap .heightTxt{
			
			}

			.heightWrap .heightTxt p{
				margin-bottom:20px;
				}


.borderTop{
	border-top:1px dotted #326290;
	padding-top:50px;
	margin-top:50px;
	}


/* ==================================================================

07 Q&A

================================================================== */
#qaTtl{
	width:90%;
	margin:0 auto 80px;
	}

	#qaTtl h2{
		font-size:24px;
		margin-bottom:60px;
		}

#qaWrap{
	width:90%;
	margin:0 auto;
	}

	#qaWrap .qaInner{
		border-bottom:1px solid #9cb5c5;
		margin-bottom:60px;
		padding-bottom:60px;
		}

		#qaWrap .qaInner h3{
			font-weight:bold;
			margin-bottom:40px;
			}

		#qaWrap .answerWrap{
			display:flex;
			}

			#qaWrap .answerWrap p{
				font-size:14px;
				}

			#qaWrap .answerWrap p.answer{
				font-weight:bold;
				padding-right:10px;
				}

			#qaWrap .answerWrap .anwerInner p{
				margin-bottom:20px;
				}

			#qaWrap .answerWrap .anwerInner p:last-child{
				margin-bottom:0;
				}





}