@charset "UTF-8";

/*
=====================================================================
	青島ハンモック 共通
=====================================================================
*/

/* base
---------------------------------------------------------------------- */
	
	/* text link
	------------------------------------------------------------ */
	a:link,
	a:visited,
	a:active {
		color:#326291;
		text-decoration:underline;
		}
	
	a:hover {
		color:#94b7d3;
		text-decoration:none;
		}

	/* p
	------------------------------------------------------------ */
	p{
		font-size:13px;
		line-height:160%;
		}

	/* img
	------------------------------------------------------------ */
	img{vertical-align: bottom;}

	img.halfSize{
		width:100%;
		}

	/* img link */
	a:hover img{
		filter: alpha(opacity=50);
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
		-moz-opacity: 0.5;
		opacity: 0.5;
		}


	/* margin
	------------------------------------------------------------ */
	#contents .mb5{margin-bottom:5px;}
	#contents .mb10{margin-bottom:10px;}
	#contents .mb15{margin-bottom:15px;}
	#contents .mb20{margin-bottom:20px;}
	#contents .mb30{margin-bottom:30px;}
	#contents .mb40{margin-bottom:40px;}
	#contents .mb50{margin-bottom:50px;}
	#contents .mb60{margin-bottom:60px;}
	#contents .mb70{margin-bottom:70px;}
	#contents .mb80{margin-bottom:80px;}
	#contents .mb90{margin-bottom:90px;}
	#contents .mb100{margin-bottom:100px;}
	#contents .mb200{margin-bottom:200px;}

	/* margin
	------------------------------------------------------------ */
	#contents .mt5{margin-top:5px;}
	#contents .mt10{margin-top:10px;}
	#contents .mt15{margin-top:15px;}
	#contents .mt20{margin-top:20px;}
	#contents .mt30{margin-top:30px;}
	#contents .mt40{margin-top:40px;}
	#contents .mt50{margin-top:50px;}
	#contents .mt60{margin-top:60px;}
	#contents .mt70{margin-top:70px;}
	#contents .mt80{margin-top:80px;}
	#contents .mt90{margin-top:90px;}
	#contents .mt100{margin-top:100px;}

	/* text-align
	------------------------------------------------------------ */
	#contents .alignR{text-align: right;}
	#contents .alignC{text-align: center;}
	#contents .alignL{text-align: left;}
	
	
	/* clearfix
	------------------------------------------------------------ */
	.cl:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}
	
	.cl {
		display: inline-block;
		}
	
	/* exlude MacIE5 \*/
	* html .cl {
		height: 1%;
		}
	.cl {
		display:block;
		}
	/* end MacIE5 */

	/* = Selected Text ---------------------- */ 
	::selection { 
		background:#ccc; /* Safari */ 
		color:#fff;
		}
	 ::-moz-selection { 
		background:#ccc; /* Firefox */ 
		color:#fff;
		}


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

/* base
---------------------------------------------------------------------- */
#container{
	width:100%;
	}

/* オーバーレイメニュー */
.overlayMenuBtn {
	cursor: pointer;
	z-index: 100001;
	text-align:center;
	}

.overlayMenuBtn span:nth-child(1) { top: 0; }
.overlayMenuBtn span:nth-child(2) { top: 6px; }
.overlayMenuBtn span:nth-child(3) { top: 12px; }

.overlayMenu {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: auto;
	background-color:#fff;
	z-index: 100000;
	box-sizing:border-box;
	}

.menuLogo{
	width:200px;
	position:absolute;
	top:25px;
	left:3.5%;
	}

.overlayMenuItem{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	}

.overlayMenuItemInner{
	width:60%;
	display: flex;
	justify-content:space-between;
	}

.overlayMenuItemInner ul.mainMenu {
	padding: 0;
	list-style-type: none;
  	text-align: left;
	}

.overlayMenuItemInner ul.mainMenu li {
	font-size:18px;
	}

.overlayMenuItemInner ul.mainMenu li a {
	display: block;
	padding: 25px;
	color: #326291;
	transition: .5s;
	text-decoration:none;
	}

.overlayMenuItemInner ul.mainMenu li:last-child a{
	padding-bottom:0;
	}

.overlayMenuItemInner ul.mainMenu li a:hover {
	color: #94b7d3;
	text-decoration:none;
	}

.overlayMenuItemInner ul.social {
	width:15%;
	display: flex;
	justify-content:space-between;
	align-items: flex-end;
	}

.overlayMenuItemInner ul.social li{
	width:30%;
	}

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

header

-----------------------------------------------------------------*/
#headerInner{
	display:flex;
	justify-content:space-between;
	width:93%;
	padding:25px 0 0 0;
	margin:0 auto;
	}

	#headerInner h1{
		width:200px;
		}

	#menuInner{
		width:180px;
		display:flex;
		justify-content:space-between;
		}

		#menuInner ul{
			font-size:14px;
			font-weight:bold;
			display:flex;
			justify-content:space-between;
			width:80px;
			}

			#menuInner ul li.shopIcon{
				width:20px;
				}

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

contents

-----------------------------------------------------------------*/
#contents{
	width:100%;
	background:#e4eaef;
	padding:90px 0 100px;
	}

.linkType01{
	margin-bottom:0;
	}

	.linkType01 a{
		display:block;
		background:#fff;
		padding:10px 15px;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		}

	.linkType01 a:hover{
		background:#d0dbe2;
		}

		.linkType01 a span{
			background:url(../img/union/icon_arrow.png) no-repeat right center;
			background-size:14px 9px;
			padding-right:25px;
			}

.linkType02{
	margin-bottom:0;
	}

	.linkType02 a{
		background:url(../img/union/icon_arrow.png) no-repeat right center;
		background-size:14px 9px;
		padding-right:22px;
		text-decoration:underline;
		font-weight:bold;
		}

	.linkType02 a:hover{
		text-decoration:none;
		}

.linkType03{
	margin-bottom:0;
	}

	.linkType03 a{
		display:block;
		border:1px solid #326291;
		padding:10px 15px;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		}

	.linkType03 a:hover{
		border:1px solid #d0dbe2;
		color:#326291;
		}

		.linkType03 a span{
			background:url(../img/sec/online/icon_bar.png) no-repeat left center;
			background-size:16px 12px;
			padding-left:25px;
			}

.linkType04{
	margin-bottom:0;
	}

	.linkType04 a{
		display:block;
		background:#326291;
		padding:10px 15px;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		color:#fff;
		}

	.linkType04 a:hover{
		background:#d0dbe2;
		}

		.linkType04 a span{
			background:url(../img/sec/online/icon_cart.png) no-repeat left center;
			background-size:16px 12px;
			padding-left:25px;
			}

	

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

footer

-----------------------------------------------------------------*/
#footer{
	width:100%;
	padding:60px 0;
	}

#footerInner{
	width:700px;
	margin:0 auto 60px;
	display:flex;
	justify-content:space-between;
	}


	/* ======================
	logoFooter
	====================== */
	#logoFooter{
		width:200px;
		}

		#logoFooter h2{
			margin-bottom:50px;
			}

		#logoFooter ul{
			width:90px;
			margin:0 auto;
			display:flex;
			justify-content:space-between;
			}

			#logoFooter ul li{
				width:25px;
				}

	/* ======================
	info
	====================== */
	#info{
		width:320px;
		font-size:14px;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		}

		#info dt{
			font-weight:bold;
			margin-bottom:6px;
			width:25%;
			}

		#info dd{
			margin-bottom:6px;
			width:70%;
			}

#copy{
	width:860px;
	margin:0 auto;
	padding-top:60px;
	border-top:1px solid #326291;
	text-align:center;
	font-size:12px;
	}

		

}

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

/* base
---------------------------------------------------------------------- */
#container{
	width:100%;
	}

/* オーバーレイメニュー */
.overlayMenuBtn {
	cursor: pointer;
	z-index: 100001;
	text-align:center;
	position:fixed;
	top:5%;
	right:5%;
	}

.overlayMenuBtn span:nth-child(1) { top: 0; }
.overlayMenuBtn span:nth-child(2) { top: 6px; }
.overlayMenuBtn span:nth-child(3) { top: 12px; }

.overlayMenu {
	display: none;
	position: fixed;
	width: 100%;
	height: 100vh;
	overflow: auto;
	background-color:#fff;
	z-index: 100000;
	box-sizing:border-box;
	}

.menuLogo{
	width:35%;
	position:absolute;
	top:25px;
	left:3.5%;
	}
.overlayMenuItem{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	}

.overlayMenuItemInner{
	width:90%;
	}

.overlayMenuItemInner ul.mainMenu {
	padding: 0;
	list-style-type: none;
  	text-align: left;
  	margin-bottom:30px;
	}

.overlayMenuItemInner ul.mainMenu li {
	font-size:14px;
	}

.overlayMenuItemInner ul.mainMenu li a {
	display: block;
	padding: 25px;
	color: #326291;
	transition: .5s;
	text-decoration:none;
	}

.overlayMenuItemInner ul.mainMenu li:last-child a{
	padding-bottom:0;
	}

.overlayMenuItemInner ul.mainMenu li a:hover {
	color: #94b7d3;
	text-decoration:none;
	}

.overlayMenuItemInner ul.social {
	display: flex;
	padding: 25px;
	}

.overlayMenuItemInner ul.social li{
	width:12%;
	margin-right:25px;
	}

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

header

-----------------------------------------------------------------*/
#headerInner{
	width:90%;
	padding:25px 0 0 0;
	margin:0 auto;
	}

	#headerInner h1{
		width:40%;
		margin:0 auto 30px;
		}

	#menuInner{
		width:55%;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
		}

		#menuInner ul{
			font-size:14px;
			font-weight:bold;
			display:flex;
			justify-content:space-between;
			width:35%;
			margin:0 auto;
			}

			#menuInner ul li.shopIcon{
				width:20px;
				}

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

contents

-----------------------------------------------------------------*/
#contents{
	width:100%;
	background:#e4eaef;
	padding:60px 0 80px;
	}

.linkType01{
	margin-bottom:0;
	}

	.linkType01 a{
		display:block;
		background:#fff;
		padding:10px 15px;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		}

	.linkType01 a:hover{
		background:#d0dbe2;
		}

		.linkType01 a span{
			background:url(../img/union/icon_arrow.png) no-repeat right center;
			background-size:14px 9px;
			padding-right:25px;
			}

.linkType02{
	margin-bottom:0;
	}

	.linkType02 a{
		background:url(../img/union/icon_arrow.png) no-repeat right center;
		background-size:14px 9px;
		padding-right:22px;
		text-decoration:underline;
		font-weight:bold;
		}

	.linkType02 a:hover{
		text-decoration:none;
		}

.linkType03{
	margin-bottom:0;
	}

	.linkType03 a{
		display:block;
		border:1px solid #326291;
		padding:10px 15px;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		}

	.linkType03 a:hover{
		border:1px solid #d0dbe2;
		color:#326291;
		}

		.linkType03 a span{
			background:url(../img/sec/online/icon_bar.png) no-repeat left center;
			background-size:16px 12px;
			padding-left:25px;
			}


.linkType04{
	margin-bottom:0;
	}

	.linkType04 a{
		display:block;
		background:#326291;
		padding:10px 15px;
		text-decoration:none;
		text-align:center;
		font-weight:bold;
		color:#fff;
		}

	.linkType04 a:hover{
		background:#d0dbe2;
		}

		.linkType04 a span{
			background:url(../img/sec/online/icon_cart.png) no-repeat left center;
			background-size:16px 12px;
			padding-left:25px;
			}

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

footer

-----------------------------------------------------------------*/
#footer{
	width:100%;
	padding:40px 0;
	}

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


	/* ======================
	logoFooter
	====================== */
	#logoFooter{
		width:60%;
		margin:0 auto 40px;
		}

		#logoFooter h2{
			margin-bottom:30px;
			}

		#logoFooter ul{
			width:90px;
			margin:0 auto;
			display:flex;
			justify-content:space-between;
			}

			#logoFooter ul li{
				width:25px;
				}

	/* ======================
	info
	====================== */
	#info{
		width:100%;
		font-size:14px;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		}

		#info dt{
			font-weight:bold;
			margin-bottom:6px;
			width:30%;
			}

		#info dd{
			margin-bottom:6px;
			width:70%;
			}

#copy{
	width:100%;
	margin:0 auto;
	padding-top:60px;
	border-top:1px solid #326291;
	text-align:center;
	font-size:12px;
	}


}