/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* ナビゲーション */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#header ul li:nth-child(2) a {
	border-bottom: solid 2px #000;
}




	
	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* 下層タイトル */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	height: 380px;
}

#mainpht p {
	width: 100%;
	margin: auto;
}





/* item
--------------------- */
#item {
	width: 100%;
	padding: 80px 0 30px 0;
	background: #fafafa;
}
	#item .box {
		margin-bottom: 70px;
	}
		#item .box .pht {
			width: 700px;
		}
			#item .box .pht img {
				width: 100%;
				height: auto;
			}


		#item .box .text {
			display: table;
			width: 500px;
			padding: 0 0 0 80px;
		}
		#item .box:nth-child(3) .text {
			display: table;
			width: 500px;
			padding: 0 80px 0 0;
		}
			#item .box .text .cell {
				display: table-cell;
				height: 450px;
				vertical-align: middle;
			}
				#item .box .text .cell h3 {
					font-size: 186%;
					letter-spacing: 6px;
					padding-bottom: 20px;
				}

				#item .box .text .cell p {
					line-height: 30px;
				}

				#item .box .text .cell .btn {
					padding-top: 30px;
				}





/* award
--------------------- */
#award {
	padding-top: 130px;
}





/* shop
--------------------- */
#shop {
	width: 100%;
	padding: 60px 0 120px 0;
}
	#shop .cell:nth-child(2) {
		padding-bottom: 60px;
	}
		#shop .cell h3 {
			font-size: 22px;
			letter-spacing: 4px;
			text-align: center;
			line-height: 1;
			margin-bottom: 30px;
		}


		#shop .cell ul {
			width: 400px;
			margin: auto;
		}
			#shop .cell ul li a {
				display: block;
				transition: 0.3s;
				-webkit−transition: 0.3s;
			}
			#shop .cell ul li a:hover {
				opacity: 0.5;
			}


		#shop .cell .text {
			width: 50%;
			padding-left: 30px;
		}
			#shop .cell .text p {
				padding-bottom: 30px;
			}

			#shop .cell .text table {
				width: 100%;
			}
				#shop .cell .text table th {
					display: block;
					width: 100%;
					font-weight: 500;
					padding-bottom: 2px;
					color: #949494;
				}
				#shop .cell .text table td {
					display: block;
					width: 100%;
					padding-bottom: 20px;
				}


		#shop .cell .pht {
			width: 50%;
			height: 365px;
			position: relative;
		}
			#shop .cell .pht img {
				display: none;
			}






/* PC */
@media screen and (max-width: 1200px) {






/* item
--------------------- */
#item .box .pht {
	width: 50%;
	height: 450px;
}
	#item .box .pht img {
		display: none;
	}


#item .box .text {
	display: table;
	width: 50%;
	padding: 0 0 0 5%;
}
#item .box:nth-child(3) .text {
	padding: 0 5% 0 0;
}
	#item .box .text .cell {
		display: table-cell;
		vertical-align: middle;
	}
		#item .box .text .cell h3 {
			font-size: 186%;
			letter-spacing: 6px;
			padding-bottom: 20px;
		}

		#item .box .text .cell p {
			line-height: 30px;
		}

		#item .box .text .cell ul {
			padding-top: 15px;
		}










}

	







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









/* item
--------------------- */
#item {
	padding-bottom: 10px;
}
	#item .box {
		display: block;
		margin-bottom: 60px;
	}
		#item .box .pht {
			width: 105.5%;
			height: auto;
			background: none;
		}
		#item .box:nth-child(3) .pht {
			margin-left: -5.5%;
		}
			#item .box .pht img {
				display: block;
			}


		#item .box .text {
			display: block;
			width: 100%;
			padding: 0 0 0 0;
		}
		#item .box:nth-child(3) .text {
			width: 100%;
			padding: 0 0 0 0;
		}
			#item .box .text .cell {
				display: block;
				height: auto;
				vertical-align: top;
				padding-top: 15px;
			}
				#item .box .text .cell h3 {
					font-size: 22px;
					letter-spacing: 4px;
					padding-bottom: 10px;
				}

				#item .box .text .cell p {
					font-size: 93%;
					line-height: 2em;
				}

				#item .box .text .cell ul {
					padding-top: 15px;
				}





/* award
--------------------- */
#award {
	padding-top: 60px;
}





/* shop
--------------------- */
#shop {
	padding: 20px 0 30px 0;
}
	#shop .cell:nth-child(2) {
		padding-bottom: 40px;
	}
		#shop .cell h3 {
			font-size: 18px;
			letter-spacing: 4px;
			text-align: center;
			line-height: 1;
			margin-bottom: 30px;
		}


		#shop .cell ul {
			width: 100%;
			margin: auto;
			padding: 0 5%;
		}
			#shop .cell ul li {
				width: 18%;
			}
				#shop .cell ul li a img {
					width: 100%;
					height: auto;
				}


		#shop .cell .text {
			width: 100%;
			padding-left: 0;
			padding: 0 5% 10px 5%;
		}
		#shop .cell .flex-end {
			display: block;
		}
			#shop .cell .text p {
				text-align: center;
				padding-bottom: 20px;
			}

			#shop .cell .text table {
				width: 100%;
			}
				#shop .cell .text table td {
					font-size: 93%;
					padding-bottom: 15px;
				}


		#shop .cell .pht {
			width: 100%;
			height: auto;
		}
			#shop .cell .pht img {
				display: block;
				width: 100%;
				height: auto;
			}
	




}