@charset 'UTF-8';

/** |READ ME| **************************************************************************************

ilm/shop/index_pc.css
Ver.201805

----------------------------------------------------------------------------------------------------

01. 概要
02. スタッフのおすすめ
03. オリジナルグッズ
04. 営業のご案内

************************************************************************************** |READ ME| **/





/** |01. 概要| >> ********************************************************************* >> START **/


.contents .body .outline {position: relative;}

	/* ロゴ */
	.contents .body .outline .trademark {
		bottom: 100%;
		margin-bottom: 20px;
		position: absolute;
		right: 0;
		width: 140px;
	}

		.contents .body .outline .trademark img {
			height: auto;
			width: 140px;
		}


	/* 写真 */
	.contents .body .outline .photo {width: 760px;}

		.contents .body .outline .photo img {
			float: right;
			height: auto;
			width: 286px;
		}

		.contents .body .outline .photo .caption {
			float: left;
			line-height: 1.88;
			width: 444px;
		}


/** |01. 概要| << *********************************************************************** << END **/





/** |02. スタッフのおすすめ| >> ******************************************************* >> START **/


.contents .body .recommend .item {
	padding-top: 36px;
	float: left;
	width: 362px;
}

.contents .body .recommend .item:nth-of-type(even) {clear: both;}
.contents .body .recommend .item:nth-of-type(odd) {float: right;}

	.contents .body .recommend .item a {
		color: inherit;
		display: block;
		width: 100%;
		text-decoration: none;
	}

		.contents .body .recommend .item dl {}

			.contents .body .recommend .item dt {
				height: 252px;
				overflow: hidden;
				position: relative;
				width: 362px;
			}

				.contents .body .recommend .item img {
					height: 100%;
					left: 50%;
					margin: auto;
					position: absolute;
					top: 0;
					-ms-transform: translate(-50%, 0);
					-webkit-transform: translate(-50%, 0);
					transform: translate(-50%, 0);
					width: auto;
				}

			.contents .body .recommend .item dd {
				font-family: 'Trade Gothic W01 Bold', sans-serif;
				line-height: 1.88;
				padding-top: 18px;
			}


/* 情報なし */
.contents .body .recommend .nodata {padding-top: 30px;}


/** |02. スタッフのおすすめ| << ********************************************************* << END **/





/** |03. オリジナルグッズ| >> ********************************************************* >> START **/


	/** [商品情報] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .goods .item {
		padding-top: 60px;
		width: 760px;
	}

	.contents .body .goods .towel {padding-top: 30px;}


		/* 商品画像 */
		.contents .body .goods .item .photo {
			float: left;
			width: 286px;
		}

		.contents .body .goods .towel .photo {
			float: right;
			width: 222px;
		}

			.contents .body .goods .item .photo img {
				height: auto;
				width: 100%;
			}


		/* 商品情報 */
		.contents .body .goods .item .detail {
			float: right;
			width: 428px;
		}

		.contents .body .goods .towel .detail {
			float: left;
			width: 492px;
		}

			.contents .body .goods .item .detail .name {}

				.contents .body .goods .item .detail .name dt {
					font-family: 'Trade Gothic W01 Bold', sans-serif;
					font-size: 22px;
					line-height: 1.64;
				}

				.contents .body .goods .item .detail .name dd {
					line-height: 1.88;
					padding-top: 8px;
				}

			.contents .body .goods .item .detail .price {margin-top: 26px;}

				.contents .body .goods .item .detail .price th,
				.contents .body .goods .item .detail .price td {
					letter-spacing: -0.02em;
					line-height: 1.88;
					padding: 4px 0;
				}

				.contents .body .goods .item .detail .price th {
					font-family: 'Trade Gothic W01 Light', sans-serif;
					font-weight: normal;
					text-align: left;
				}

				.contents .body .goods .item .detail .price td {padding-left: 30px;}

			.contents .body .goods .item .detail .note {
				letter-spacing: -0.02em;
				padding-top: 14px;
			}


	/** [ラッピング] >> +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ >> START **/

	.contents .body .goods .wrapping {
		font-size: 0;
		padding-top: 60px;
		width: 760px;
	}

		.contents .body .goods .wrapping img {
			vertical-align: bottom;
			width: 378px;
		}

		.contents .body .goods .wrapping .caption {
			display: inline-block;
			font-size: 16px;
			letter-spacing: -0.02em;
			line-height: 1.88;
			margin-left: 30px;
			vertical-align: bottom;
			width: 350px;
		}


/** |03. オリジナルグッズ| << *********************************************************** << END **/





/** |04. 営業のご案内| >> ************************************************************* >> START **/


.contents .body .guidance {
	background-color: #f4f4f5;
	margin-top: 52px;
	padding: 26px 32px;
}

	.contents .body .guidance .title {
		background-color: transparent;
		font-size: 16px;
		padding: 0;
	}

	.contents .body .guidance p {padding-top: 8px;}

	.contents .body .guidance .hour {margin-top: 8px;}

		.contents .body .guidance .hour th,
		.contents .body .guidance .hour td {
			line-height: 1.88;
			vertical-align: top;
		}

		.contents .body .guidance .hour th {
			font-family: 'Trade Gothic W01 Light', sans-serif;
			font-weight: normal;
			text-align: left;
			width: 116px;
		}

	.contents .body .guidance .contact {
		font-size: 0;
		padding-top: 30px;
	}

		.contents .body .guidance .contact dt,
		.contents .body .guidance .contact dd {
			display: inline-block;
			font-size: 16px;
			line-height: 1.88;
		}

		.contents .body .guidance .contact dd {padding-left: 2em;}


/** |04. 営業のご案内| << *************************************************************** << END **/