/* TABLE OF CONTENTS:
 *
 * 00 どのサイズでも共通で適用されるスタイル
 *    - ビルボード
 *    - 品目一覧
 *    - 品目別 撮影のポイント
 *    - ファーストビュー
 * 01 幅 768px 未満
 * 02 幅 480px 以上
 * 03 幅 768px 以上

 */

/* --------------------------------------------------------------------------------------------------------
   01
 *
 * どのサイズでも共通で適用されるスタイル
 */
.point-category p {
	font-size: 0.9em;
}

/*ビルボード*/
.site-main #mainImg {
	background-color: #e9e4d4;
	background-image: url(../img/bg/under-bg.png), -webkit-linear-gradient(left, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png);
	background-image: url(../img/bg/under-bg.png), linear-gradient(to right, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png);
	background-position: left top, center, 130% center;
	background-repeat: no-repeat;
	background-size: auto 100%, auto, auto 100%;
	display: table;
	padding-top: 0;
	padding-bottom: 0;
}

.site-main #mainImg h1 {
	color: #333;
	display: table-cell;
	height: 75px;
	vertical-align: middle;
}


/*品目一覧*/
.category-list .col-2-4 li {
	list-style: none;
	background-color: #f4f1e9;
	display: block;
	text-align: center;
}

.category-list .col-2-4 li span {
	display: block;
	padding: 0.85rem 1rem;
}

/*品目別 撮影のポイント*/

section#point-category-category h3[class$="-h3"] span {
	display: inline-block;
	margin-left: -2rem;
	vertical-align: middle;
	margin-top: 1em;
}

section#point-category-category h3[class$="-h3"]::before {
	content: "";
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEIAAABCCAYAAADjVADoAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDkuMC1jMDAwIDc5LmRhNGE3ZTVlZiwgMjAyMi8xMS8yMi0xMzo1MDowNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjEgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjEyNDBERjVGQzIwRTExRUQ4RTIxQTMwNzE4NUEzRjY0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjEyNDBERjYwQzIwRTExRUQ4RTIxQTMwNzE4NUEzRjY0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MTI0MERGNURDMjBFMTFFRDhFMjFBMzA3MTg1QTNGNjQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MTI0MERGNUVDMjBFMTFFRDhFMjFBMzA3MTg1QTNGNjQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4vjnbHAAAQDUlEQVR42uxc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);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	width: 4rem;
	height: 4rem;
	vertical-align: middle;
	margin-top: 1em;
}

.outer .point-category-category div.col-1-3 {
	margin: auto auto;
}

#point-category-category.col-1-3 {
	margin: 0 auto;
}

#main .outer:not(.order) {
	padding-bottom: 0;
	padding-top: 0;
}

/*ファーストビュー*/
#point-category-line {
	text-align: center;
}

#point-category-line p {
	display: inline-block;
	text-align: left;
}

/*ギャラリーテキスト*/
.col-1-3 p.text-box {
	text-align: left !important;
	margin: 1rem 1rem 0.5rem;
}

.point-category-order {
	margin-top: 5em;
}






/* --------------------------------------------------------------------------------------------------------
   01
 *
 * 幅 768px 未満
 */
@media screen and (max-width: 767px) {
	.col-1-3 p.text-box {
		text-align: left !important;
		margin: 1rem 2rem 0.5rem;
	}
}

/* End max767px */



/* --------------------------------------------------------------------------------------------------------
   02
 *
 * 幅 480px 以上
 */
@media screen and (min-width: 30em) {}

/* End 620px Mobile Large */



/* --------------------------------------------------------------------------------------------------------
   03
 *
 * 幅 768px 以上
 */
@media screen and (min-width: 48em) {

	/*ビルボード*/
	.site-main #mainImg {
		background-color: #e9e4d4;
		background-image: url(../img/bg/under-bg.png), -webkit-linear-gradient(left, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png);
		background-image: url(../img/bg/under-bg.png), linear-gradient(to right, rgba(233, 228, 212, 1) 0%, rgba(233, 228, 212, 1) 60%, rgba(233, 228, 212, 0) 70%, rgba(233, 228, 212, 0) 100%), url(../img/contents/other-bil.png);
		background-position: left top, center, right center;
		background-repeat: no-repeat;
		background-size: auto 100%, auto, auto 100%;
	}

	.site-main #mainImg h1 {
		font-size: 48px;
		height: 200px;
	}
}

/* End 740px Tablet Small */
