@charset "utf-8";
/* ======================================================
 * home.css
 * ------------------------------------------------------
 * css for site home
====================================================== */
/* base
------------------------------------------------------ */
.contents__body {
	max-width: none;
	width: auto;
	padding: 0; }

.ff-ryumin,
.ff-ryumin * {
	font-family: 'リュウミン M-KL' !important;
}
.ff-ryumin.bold,
.ff-ryumin .bold {
	font-weight: normal !important;
	font-family: 'リュウミン B-KL' !important;
}

/* homepage__banner
------------------------------------------------------ */
.homepage__banner {
	overflow: hidden;
	position: relative;
	padding-right: 240px; }
	.homepage__hero {
		margin-right: -240px; }
	@media screen and (max-width: 768px) {
		.homepage__banner {
			height: auto;
			padding-right: 0; }
			.homepage__hero {
				margin-right: 0;
				height: auto; }
	}


/* heroCarousel
------------------------------------------------------ */
.heroCarousel {
	position: relative; }


/* homepage__hero
------------------------------------------------------ */
/* ----- bx-slider ----- */
.homepage__hero .bx-wrapper {
	position: relative;
	padding: 0; }
	.homepage__hero .bx-wrapper .heroBanner {
	position: relative;
	top: auto; }

/* PAGER */
.homepage__hero .bx-wrapper .bx-pager {
	position: absolute;
	bottom: 20px;
	width: 100%;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	line-height: 0;
	vertical-align: top; }
	.homepage__hero .bx-wrapper .bx-pager .bx-pager-item {
		display: inline-block; }
		.homepage__hero .bx-wrapper .bx-pager.bx-default-pager a {
			background: #cccccc;
			text-indent: -9999px;
			display: block;
			width: 12px;
			height: 12px;
			margin: 0 10px;
			outline: 0;
			/* border-radius */
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
			border-radius: 50%; }
			.homepage__hero .bx-wrapper .bx-pager.bx-default-pager a:hover,
			.homepage__hero .bx-wrapper .bx-pager.bx-default-pager a.active {
				background: #d1a753; }
	@media screen and (max-width: 768px) {
		.homepage__hero .bx-wrapper .bx-pager {
			position: relative;
			bottom: auto;
			width: 100%;
			margin-top: 15px; }
			.homepage__hero .bx-wrapper .bx-pager.bx-default-pager a {
				margin: 0 7px; }
	}

/* DIRECTION CONTROLS (NEXT / PREV) */
.homepage__hero .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	outline: 0;
	width: 40px;
	height: 40px;
	background: url(/shared/img/com_sprite_ic01.png) no-repeat 0 0;
	text-indent: -9999px;
	z-index: 10; }
	.homepage__hero .bx-wrapper .bx-controls-direction a.bx-prev {
		left: 50%;
		margin-left: -640px; }
	.homepage__hero .bx-wrapper .bx-controls-direction a.bx-next {
		right: 50%;
		margin-right: -600px;
		background-position: -40px 0; }
	@media screen and (max-width: 1680px) {
		.homepage__hero .bx-wrapper .bx-controls-direction a.bx-next {
			right: 260px;
			margin-right: 0; }
	}
	@media screen and (max-width: 1300px) {
		.homepage__hero .bx-wrapper .bx-controls-direction a.bx-prev {
			left: 20px;
			margin-left: 0; }
	}
	@media screen and (max-width: 768px) {
		.homepage__hero .bx-wrapper .bx-controls-direction {
			display: none;}
	}


/* heroBanner */
.heroBanner {
	position: absolute;
	top: 0;
	overflow: hidden; }
	.heroBanner:first-child {
		position: relative;
		top: auto; }
	.heroBanner__image {
		position: relative;
		display: block;
		text-align: center;
		height: 500px; }
	.heroBanner__image img {
		position: absolute;
		top: 50%;
		left: 50%;
		max-width: 1920px;
		width: 1920px;
		/* transform */
			-webkit-transform: translate(-50%, -50%);
			-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%); }
		@media screen and (max-width: 1680px) {
			.heroBanner__image img {
				left: auto;
				right: -5%;
				width: 130%;
				/* transform */
					-webkit-transform: translate(0, -50%);
					-ms-transform: translate(0, -50%);
				transform: translate(0, -50%); }
		}
		@media screen and (max-width: 768px) {
			.heroBanner {
				display: none; }
			.heroBanner:first-child,
			.bx-viewport .heroBanner {
				display: block; }
			.heroBanner__image {
				height: auto; }
				.heroBanner__image img {
					position: relative;
					top: auto;
					left: auto;
					right: auto;
					max-width: 100%;
					width: auto;
					/* transform */
						-webkit-transform: none;
						-ms-transform: none;
					transform: none; }
		}


/* brandPanel
------------------------------------------------------ */
.brandPanel {
	position: absolute;
	top: 0;
	right: 0;
	width: 240px;
	padding: 33px 10px 9px;
	border-bottom: 1px solid #c19746;
	background: #ffffff; }
	.brandPanel__button {
		position: relative;
		display: block;
		padding: 13px 24px;
		background: #daac42; /* Old browsers */
		background: -moz-linear-gradient(left,  #daac42 0%, #ffeabb 51%, #daac42 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #daac42 0%,#ffeabb 51%,#daac42 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #daac42 0%,#ffeabb 51%,#daac42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daac42', endColorstr='#daac42',GradientType=1 ); /* IE6-9 */
		color: #410000;
		line-height: 1.2;
		text-align: center;
		/* transition */
			-webkit-transition: opacity 0.2s ease-out;
			-moz-transition: opacity 0.2s ease-out;
			-ms-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out; }
		.brandPanel__button:hover {
			opacity: 0.8;
			filter: alpha(opacity=80);
			-ms-filter: "alpha(opacity=80)";
			text-decoration: none; }
		.brandPanel__button:after {
			content: "";
			position: absolute;
			top: 50%;
			right: 20px;
			width: 8px;
			height: 8px;
			border-top: 1px solid #562c29;
			border-right: 1px solid #562c29;
			/* transform */
				-webkit-transform: rotate(45deg) translateY(-50%);
			transform: rotate(45deg) translateY(-50%); }
	@media screen and (max-width: 768px) {
		.brandPanel {
			position: relative;
			top: auto;
			right: auto;
			width: auto;
			padding: 17px 12px;
			border-bottom: none; }
			.brandPanel__button:after {
				content: "";
				position: relative;
				top: auto;
				right: auto;
				display: inline-block;
				margin-left: 10px;
				vertical-align: middle;
				/* transform */
							-webkit-transform: rotate(45deg) translateY(0);
						transform: rotate(45deg) translateY(0); }
	}


/* ----- brandCarousel ----- */
.brandCarousel {
	margin-bottom: 32px; }
	.brandCarousel__list > li {
		margin-top: 1px;
		padding-bottom: 5px;
		clear: both; }
		.brandCarousel__list > li > a {
			display: block; }
			.brandCarousel__list > li > a:hover {
				text-decoration: none; }
				.brandCarousel__list > li img {
					/* for chrome */
						-webkit-backface-visibility: hidden;
					backface-visibility: hidden; }
				.brandCarousel__name {
					position: relative;
					padding: 7px 25px 8px 17px;
					background: #f4eed3;
					color: #410000;
					font-size: 14px;
					line-height: 1.2; }
					.brandCarousel__name:after {
						content: "";
						position: absolute;
						top: 50%;
						right: 20px;
						width: 10px;
						height: 10px;
						border-top: 1px solid #562c29;
						border-right: 1px solid #562c29;
						/* transform */
									-webkit-transform: rotate(45deg) translateY(-50%);
								transform: rotate(45deg) translateY(-50%); }
					.brandCarousel__name > span {
						display: block;
						font-size: 10px;
						line-height: 1.2; }
	@media screen and (max-width: 768px) {
		.brandCarousel {
			margin-bottom: 15px;
			overflow-x: auto;
			-webkit-overflow-scrolling : touch; }
			.brandCarousel__list {
				padding-bottom: 15px;
				letter-spacing: -0.4em;
				white-space: nowrap; }
/*				.brandCarousel::-webkit-scrollbar {
					width: 10px;
					background: #ededed;
					border-radius: 10px; }
				.brandCarousel::-webkit-scrollbar:horizontal {
					height: 10px;
					background: #ededed;
					border-radius: 10px; }
				.brandCarousel::-webkit-scrollbar-thumb {
					background: #d1a753;
					border-radius: 10px; }
				.brandCarousel::-webkit-scrollbar-thumb:horizontal {
					background: #d1a753;
					border-radius: 10px; }*/
					.brandCarousel__list > li {
						display: inline-block;
						width: 220px;
						margin: 0 10px 0 0;
						padding-bottom: 0;
						letter-spacing: normal;
						white-space: normal; }
	}

/* image entity reference */
.brandCarousel .er-tsujiri01 {
	width: auto;
	height: 13px; }


/* ----- bx-slider ----- */
.brandCarousel .bx-wrapper {
	position: relative;
	padding: 0; }

/* DIRECTION CONTROLS (NEXT / PREV) */
.brandCarousel .bx-wrapper .bx-controls-direction a {
	position: absolute;
	left: 50%;
	margin-left: -12px;
	outline: 0;
	width: 24px;
	height: 24px;
	background: url(/shared/img/com_sprite_ic01.png) no-repeat 0 -86px;
	text-indent: -9999px;
	z-index: 10; }
.is-overlay .brandCarousel .bx-wrapper .bx-controls-direction a {
	display: none; }
	.brandCarousel .bx-wrapper .bx-controls-direction a.bx-prev {
		top: -28px; }
	.brandCarousel .bx-wrapper .bx-controls-direction a.bx-next {
		bottom: -28px;
		background-position: -24px -86px; }


/* ----- brandContents ----- */
.brandCarousel__list .brandContents {
	display: none; }
#brandContentsOverlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(40, 23, 19, 0.9);
	z-index: 1000; }
#brandContentsWrap {
	position: absolute;
	top: 50px;
	right: 230px;
	padding-right: 28px;
	z-index: 2000; }
	#brandContentsOverlay .brandContents {
		width: 940px;
		padding: 3px;
		background: #ffffff; }
	@media screen and (max-width: 1199px) {
		#brandContentsWrap {
			padding-top: 50px; }
			#brandContentsOverlay .brandContents {
				width: 810px; }
	}
		#brandContentsOverlay .brandContents__image + .grid {
			margin-top: 30px;
			padding-bottom: 30px; }
		#brandContentsOverlay .brandContents__info .media__image {
			padding-right: 0;
			padding-left: 24px;
			width: 155px;
			text-align: center; }
			#brandContentsOverlay .brandContents__info .media__image > img {
				width: 125px; }
		#brandContentsOverlay .brandContents__info .media__text {
			font-size: 13px;
			font-size: 1.3rem; }
			#brandContentsOverlay .brandContents__info .media__text .brandName {
				font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				color: #252525;
				font-size: 21px;
				font-size: 2.1rem;
				line-height: 1.2; }
		#brandContentsOverlay .brandContents__links {
			padding-right: 30px; }
		#brandContentsOverlay .brandContents__links .button {
			display: block;
			margin-top: 0; }
		#brandContentsOverlay .brandContents__menu {
			margin: 20px 0 0;
			padding: 0 0 0 18px; }
			#brandContentsOverlay .brandContents__menu > li {
				float: left;
				width: 48%;
				margin-left: 4%; }
			#brandContentsOverlay .brandContents__menu > li:nth-child(2n+1) {
				margin-left: 0;
				clear: left; }
			#brandContentsOverlay .brandContents__menu > li:nth-child(n+3) {
				margin-top: 15px; }
				#brandContentsOverlay .brandContents__menu > li > a {
					position: relative;
					display: inline-block;
					padding-left: 18px;
					color: #252525;
					font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
					font-size: 15px;
					font-size: 1.5rem;
					line-height: 1.2; }
				#brandContentsOverlay .brandContents__menu > li > a:before {
					content: "";
					position: absolute;
					top: 0.4em;
					left: 0;
					width: 7px;
					height: 7px;
					border-top: 1px solid #562c29;
					border-right: 1px solid #562c29;
					/* transform */
						-webkit-transform: rotate(45deg);
					transform: rotate(45deg); }
					#brandContentsOverlay .brandContents__menu > li > a > span {
						display: block;
						color: #764700;
						font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
						font-size: 10px;
						font-size: 1rem; }
		#brandContentsOverlay .brandContents__reccomend {
			padding: 25px 27px;
			background: #faf6e4; }
			#brandContentsOverlay .brandContents__reccomend > .grid {
				margin-top: 0; }
			#brandContentsOverlay .brandContents__reccomend .link {
				display: table;
				width: 100%;
				color: #333333;
				/* transition */
					-webkit-transition: opacity 0.2s ease-out;
					-moz-transition: opacity 0.2s ease-out;
					-ms-transition: opacity 0.2s ease-out;
				transition: opacity 0.2s ease-out; }
			#brandContentsOverlay .brandContents__reccomend .link:hover {
				opacity: 0.8;
				filter: alpha(opacity=80);
				-ms-filter: "alpha(opacity=80)"; }
				#brandContentsOverlay .brandContents__reccomend .image {
					display: table-cell;
					width: 158px; }
					#brandContentsOverlay .brandContents__reccomend .image img {
						width: 158px; }
					#brandContentsOverlay .brandContents__info .media__image .sp-logoImage {
						display: none; }
				#brandContentsOverlay .brandContents__reccomend .text {
					display: table-cell;
					padding-left: 20px;
					vertical-align: middle;
					font-size: 13px;
					font-size: 1.3rem; }
					#brandContentsOverlay .brandContents__reccomend .name {
						font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
						font-size: 16px;
						font-size: 1.6rem;
						line-height: 1.2; }
					#brandContentsOverlay .brandContents__reccomend .name + * {
						margin-top: 10px; }
		.brandContents .brandContents__close {
			position: absolute;
			top: 134px;
			right: 10px;
			width: 18px;
			height: 40px;
			background: url(/img/index_ic01.png) no-repeat 0 0;
			text-indent: -9999px; }
	@media screen and (min-width: 769px) {
		#brandContentsWrap .brandContents {
			display: none;
		}
	}
	@media screen and (max-width: 768px) {
		/* ----- brandContents ----- */
		#brandContentsOverlay {
			overflow: hidden;
			position: absolute;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: rgba(40, 23, 19, 0.9);
			z-index: 1000; }
		#brandContentsWrap {
			top: 62px;
			right: 0;
			padding-top: 0;
			padding-right: 0; }
			#brandContentsOverlay .brandContents {
				width: 100%;
				padding: 5px; }
				#brandContentsOverlay .brandContents__image + .grid {
					margin-top: 0;
					padding-bottom: 20px; }
				#brandContentsOverlay .brandContents__info .media__image {
					padding-right: 6px;
					padding-left: 21px;
					width: 110px;
					text-align: center; }
					#brandContentsOverlay .brandContents__info .media__image > img {
						width: auto; }
					#brandContentsOverlay .brandContents__info .media__image .pc-logoImage {
						display: none; }
					#brandContentsOverlay .brandContents__info .media__image .sp-logoImage {
						display: inline; }
				#brandContentsOverlay .brandContents__info .media__text {
					padding-right: 21px;
					font-size: 11px;
					font-size: 1.1rem; }
					#brandContentsOverlay .brandContents__info .media__text .brandName {
						font-size: 18px;
						font-size: 1.8rem; }
					#brandContentsOverlay .brandContents__info .media__text .brandName + p {
						margin-top: 8px; }
				#brandContentsOverlay .brandContents__links {
					padding: 0 15px; }
				#brandContentsOverlay .brandContents__links .button {
					display: block;
					margin-top: 0; }
				#brandContentsOverlay .brandContents__menu {
					padding: 0; }
					#brandContentsOverlay .brandContents__menu > li:nth-child(n+3) {
						margin-top: 10px; }
						#brandContentsOverlay .brandContents__menu > li > a {
							padding-left: 15px;
							font-size: 12px;
							font-size: 1.2rem; }
						#brandContentsOverlay .brandContents__menu > li > a:before {
							width: 5px;
							height: 5px; }
							#brandContentsOverlay .brandContents__menu > li > a > span {
								font-size: 8px;
								font-size: 0.8rem; }
				#brandContentsOverlay .brandContents__reccomend {
					padding: 20px; }
					#brandContentsOverlay .brandContents__reccomend .image {
						display: table-cell;
						width: 120px; }
						#brandContentsOverlay .brandContents__reccomend .image img {
							width: 120px; }
					#brandContentsOverlay .brandContents__reccomend .text {
						padding-left: 15px;
						font-size: 11px;
						font-size: 1.1rem; }
						#brandContentsOverlay .brandContents__reccomend .name {
							font-size: 13px;
							font-size: 1.3rem; }
						#brandContentsOverlay .brandContents__reccomend .name + * {
							margin-top: 7px; }
			.brandContents .brandContents__close {
				position: relative;
				top: auto;
				right: auto;
				display: block;
				width: auto;
				height: auto;
				margin: -5px;
				margin-top: 3px;
				padding: 15px;
				border-top: 1px solid #cccccc;
				background: #f4f2e4;
				text-align: center;
				text-indent: inherit; }
				.brandContents .brandContents__close:before {
					content: "";
					display: inline-block;
					width: 11px;
					height: 11px;
					margin-right: 10px;
					background: url(/shared/img/com_ic08.png) no-repeat 0 0;
					background-size: 11px auto;
					vertical-align: middle; }
	}
.is-overlay .brandCarousel {
	position: relative;
	z-index: 1500; }
	.is-overlay .brandCarousel__list > li:after {
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		bottom: 5px;
		left: 0;
		width: 100%;
		background: rgba(40, 23, 19, 0.9); }
	.is-overlay .brandCarousel__list > li.is-active:after {
		display: none; }
	@media screen and (max-width: 768px) {
		.is-overlay .brandCarousel {
			z-index: 0; }
	}

/* recommendView
------------------------------------------------------ */
.recommendView {
	background: #f9f7e8; }
	.recommendView__body {
		max-width: 1280px;
		min-width: 1080px;
		width: 100%;
		margin: 0 auto;
		padding: 60px 40px; }
		.recommendView__left {
			float: left;
			width: 74%; }
	@media screen and (max-width: 768px) {
		.recommendView {
			background: #f3efdc;
			overflow: hidden; }
			.recommendView__body {
				max-width: 100%;
				min-width: inherit;
				width: auto;
				padding: 20px 12px; }
				.recommendView__left {
					width: 100%; }
	}


/* ----- pickupPanel ----- */
.pickupPanel {
	position: relative;
	float: right;
	display: table;
	table-layout: fixed;
	width: 22.5%;
	padding: 2px;
	border: 2px solid #ac9759;
	border-top: 3px solid #927729; }
	.pickupPanel:before,
	.pickupPanel:after {
		content: "";
		position: absolute;
		bottom: 0;
		width: 30px;
		height: 30px;
		background-image: url(/img/index_sprite_bg01.png);
		background-repeat: no-repeat;
		z-index: 10; }
	.pickupPanel:before {
		left: 0;
		background-position: 0 0; }
	.pickupPanel:after {
		right: 0;
		background-position: -30px 0; }
	/*for chrome*/
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.pickupPanel:before,
		.pickupPanel:after {
			bottom: -2px; }
		.pickupPanel:before {
			left: -2px; }
		.pickupPanel:after {
			right: -2px; }
	}
	_:-ms-lang(x), _::-webkit-meter-bar,.pickupPanel:before,
	_:-ms-lang(x), _::-webkit-meter-bar,.pickupPanel:after {
			bottom: 0; }
	_:-ms-lang(x), _::-webkit-meter-bar,.pickupPanel:before {
			left: 0; }
	_:-ms-lang(x), _::-webkit-meter-bar,.pickupPanel:after {
			right: 0; }
	.pickupPanel .panel__body {
		display: table-cell;
		position: relative;
		width: 100%;
		border: 1px solid #927729;
		padding: 60px 20px 30px;
		background: #ffffff; }
		.pickupPanel .panel__title {
			position: absolute;
			top: 10px;
			left: -5px;
			width: 174px; }
	@media screen and (max-width: 768px) {
		.pickupPanel {
			display: block;
			width: 100%;
			border: 1px solid #ac9759;
			border-top: 3px solid #927729; }
			.pickupPanel:before,
			.pickupPanel:after {
				bottom: -1px;
				width: 24px;
				height: 24px;
				background-size: 132px auto; }
			.pickupPanel:before {
				left: -1px;
				background-position: 0 -15px; }
			.pickupPanel:after {
				right: -1px;
				background-position: -24px -15px; }
			.pickupPanel .panel__body {
				display: block;
				border: 1px solid #ac9759;
				padding: 45px 23px 20px;
				background: #ffffff; }
				.pickupPanel .panel__title {
					position: absolute;
					top: 10px;
					left: -5px;
					width: 159px; }
	}


/* ----- bx-slider ----- */
.pickupPanel .bx-wrapper {
	position: relative;
	padding: 0; }


/* PAGER */
.pickupPanel .bx-wrapper .bx-pager {
	position: relative;
	width: 100%;
	margin-top: 25px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	line-height: 0;
	vertical-align: top; }
	.pickupPanel .bx-wrapper .bx-pager .bx-pager-item {
		display: inline-block; }
		.pickupPanel .bx-wrapper .bx-pager.bx-default-pager a {
			background: #cccccc;
			text-indent: -9999px;
			display: block;
			width: 12px;
			height: 12px;
			margin: 0 10px;
			outline: 0;
			/* border-radius */
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
			border-radius: 50%; }
			.pickupPanel .bx-wrapper .bx-pager.bx-default-pager a:hover,
			.pickupPanel .bx-wrapper .bx-pager.bx-default-pager a.active {
				background: #d1a753; }
	@media screen and (max-width: 768px) {
		.pickupPanel .bx-wrapper .bx-pager {
			position: relative;
			margin-top: 15px; }
			.pickupPanel .bx-wrapper .bx-pager.bx-default-pager a {
				margin: 0 7px; }
	}


/* DIRECTION CONTROLS (NEXT / PREV) */
.pickupPanel .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 235px;
	outline: 0;
	width: 24px;
	height: 24px;
	background: url(/shared/img/com_sprite_ic01.png) no-repeat 0 -110px;
	text-indent: -9999px;
	z-index: 10; }
	.pickupPanel .bx-wrapper .bx-controls-direction a.bx-prev {
		left: -5px; }
	.pickupPanel .bx-wrapper .bx-controls-direction a.bx-next {
		right: -5px;
		background-position: -24px -110px; }
	.pickupPanel .bx-wrapper .bx-controls-direction a.disabled {
		display: none; }
	@media screen and (max-width: 768px) {
		.pickupPanel .bx-wrapper .bx-controls-direction a {
			top: auto;
			bottom: 34px;
			width: 23px;
			height: 23px;
			background-size: 100px auto;
			background-position: 0 -20px; }
			.pickupPanel .bx-wrapper .bx-controls-direction a.bx-next {
				background-position: -24px -20px; }
	}


/* pickupCarousel */
.pickupCarousel {
	}
	.pickupCarousel__image {
		display: table;
		width: 100%;
		height: 230px;
		margin-bottom: 40px; }
		.pickupCarousel__image figure {
			display: table-cell;
			text-align: center;
			vertical-align: middle; }
			.pickupCarousel__image figure img {
				max-width: 100%;
				width: 205px;
				max-height: 100%;
				height: 230px; }
				.pickupCarousel__image figure a > img {
					/* transition */
						-webkit-transition: opacity 0.2s ease-out;
						-moz-transition: opacity 0.2s ease-out;
						-ms-transition: opacity 0.2s ease-out;
					transition: opacity 0.2s ease-out;
					/* for chrome */
						-webkit-backface-visibility: hidden;
					backface-visibility: hidden; }
					.pickupCarousel__image figure a:hover > img {
						opacity: 0.8;
						filter: alpha(opacity=80);
						-ms-filter: "alpha(opacity=80)"; }
	.pickupCarousel__text {
		margin-top: 30px;
		padding: 8px 8px 15px;
		color: #333333; }
		.pickupCarousel__title {
			font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size: 18px;
			font-size: 1.8rem;
			line-height: 1.2; }
			.pickupCarousel__title + p {
				margin-top: 5px;
				font-size: 13px;
				font-size: 1.3rem; }
	.pickupCarousel__button {
		position: relative;
		display: block;
		width: 95%;
		padding: 13px 24px;
		margin: 0 auto;
		background: #daac42; /* Old browsers */
		background: -moz-linear-gradient(left,  #daac42 0%, #ffeabb 51%, #daac42 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #daac42 0%,#ffeabb 51%,#daac42 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #daac42 0%,#ffeabb 51%,#daac42 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#daac42', endColorstr='#daac42',GradientType=1 ); /* IE6-9 */
		color: #410000;
		line-height: 1.2;
		text-align: center;
		/* transition */
			-webkit-transition: opacity 0.2s ease-out;
			-moz-transition: opacity 0.2s ease-out;
			-ms-transition: opacity 0.2s ease-out;
		transition: opacity 0.2s ease-out; }
		.pickupCarousel__button:hover {
			opacity: 0.8;
			filter: alpha(opacity=80);
			-ms-filter: "alpha(opacity=80)";
			text-decoration: none; }
		.pickupCarousel__button:after {
			content: "";
			position: absolute;
			top: 50%;
			right: 20px;
			width: 8px;
			height: 8px;
			border-top: 1px solid #562c29;
			border-right: 1px solid #562c29;
			/* transform */
				-webkit-transform: rotate(45deg) translateY(-50%);
			transform: rotate(45deg) translateY(-50%); }
	@media screen and (max-width: 768px) {
		.pickupCarousel__image {
			float: left;
			display: block;
			width: 45%;
			height: auto;
			margin-bottom: 0;
			padding-bottom: 15px; }
			.pickupCarousel__image figure {
				display: block; }
				.pickupCarousel__image figure img {
					max-width: 100%;
					width: auto;
					max-height: 100%;
					height: auto; }
		.pickupCarousel__text {
			float: right;
			width: 52.6%;
			margin-top: 0;
			padding: 0 0 15px; }
			.pickupCarousel__title {
				font-size: 16px;
				font-size: 1.6rem; }
				.pickupCarousel__title + p {
					font-size: 12px;
					font-size: 1.2rem; }
		.pickupCarousel__button {
			max-width: 180px;
			margin: 0 auto;
			clear: both; }
	}


/* ----- recommendPanels ----- */
.recommendPanels .panel {
	position: relative;
	float: left;
	display: block;
	width: 30.4%;
	margin-left: 4.4%;
	padding: 2px;
	border: 2px solid #ac9759;
	border-top: 3px solid #927729;
	/* transition */
		-webkit-transition: opacity 0.2s ease-out;
		-moz-transition: opacity 0.2s ease-out;
		-ms-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out; }
	.recommendPanels .panel:before,
	.recommendPanels .panel:after {
		content: "";
		position: absolute;
		bottom: -2px;
		width: 30px;
		height: 30px;
		background-image: url(/img/index_sprite_bg01.png);
		background-repeat: no-repeat; }
	.recommendPanels .panel:before {
		left: -2px;
		background-position: 0 0; }
	.recommendPanels .panel:after {
		right: -2px;
		background-position: -30px 0; }
	.recommendPanels .panel:hover {
		text-decoration: none;
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)"; }
		.recommendPanels .panel__body {
			border: 1px solid #927729;
			padding-bottom: 30px;
			background: #ffffff; }
			.recommendPanels .panel:nth-child(3n+1) {
				margin-left: 0;
				clear: left; }
			.recommendPanels .panel:nth-child(n+4) {
				margin-top: 30px;
				border: 2px solid #9d7b75;
				border-top: 3px solid #66312e; }
				.recommendPanels .panel:nth-child(n+4):before {
					background-position: -60px 0; }
				.recommendPanels .panel:nth-child(n+4):after {
					background-position: -90px 0; }
				.recommendPanels .panel:nth-child(n+4) .panel__body {
					border: 1px solid #9d7b75; }
					.recommendPanels .panel__image img {
						width: 100%; }
					.recommendPanels .panel__text {
						padding: 20px 16px 0;
						color: #333333; }
						.recommendPanels .panel__title {
							font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
							font-size: 18px;
							font-size: 1.8rem;
							line-height: 1.2; }
							.recommendPanels > a[target="_blank"] .panel__title:after {
								content: "";
								display: inline-block;
								width: 8px;
								height: 8px;
								margin-left: 7px;
								background: url(/shared/img/com_link_ic01.png) no-repeat 0 0; }
							.recommendPanels .panel__title + p {
								margin-top: 5px;
								font-size: 13px;
								font-size: 1.3rem; }
	@media screen and (max-width: 768px) {
		.recommendPanels {
			margin-top: 12px;
			overflow-x: scroll;
			letter-spacing: -0.4em;
			white-space: nowrap;
			-webkit-overflow-scrolling : touch; }
/*		.recommendPanels::-webkit-scrollbar {
			width: 10px;
			background: #ededed;
			border-radius: 10px; }
		.recommendPanels::-webkit-scrollbar:horizontal {
			height: 10px;
			background: #ededed;
			border-radius: 10px; }
		.recommendPanels::-webkit-scrollbar-thumb {
			background: #d1a753;
			border-radius: 10px; }
		.recommendPanels::-webkit-scrollbar-thumb:horizontal {
			background: #d1a753;
			border-radius: 10px; }*/
			.recommendPanels .panel {
				float: none;
				display: inline-block;
				width: 185px;
				margin: 0 10px 15px 0;
				border: 1px solid #ac9759;
				border-top: 3px solid #927729;
				vertical-align: top;
				letter-spacing: normal;
				white-space: normal; }
				.recommendPanels .panel:before,
				.recommendPanels .panel:after {
					content: "";
					position: absolute;
					bottom: -1px;
					width: 21px;
					height: 24px;
					background-size: 132px auto; }
				.recommendPanels .panel:before {
					left: -1px;
					background-position: -48px -15px; }
				.recommendPanels .panel:after {
					right: -1px;
					background-position: -69px -15px; }
					.recommendPanels .panel__body {
						border: 1px solid #aa9556;
						padding-bottom: 26px; }
						.recommendPanels .panel:nth-child(3n+1) {
							margin: 0 10px 0 0;
							clear: none; }
						.recommendPanels .panel:nth-child(n+4) {
							margin-top: 0;
							border: 1px solid #b3988e;
							border-top: 3px solid #66312e; }
							.recommendPanels .panel:nth-child(n+4):before {
								background-position: -90px -15px; }
							.recommendPanels .panel:nth-child(n+4):after {
								background-position: -111px -15px; }
							.recommendPanels .panel:nth-child(n+4) .panel__body {
								border-color: #b0958d; }
								.recommendPanels .panel__text {
									padding: 15px 20px 0; }
									.recommendPanels .panel__title {
										font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
										font-size: 16px;
										font-size: 1.6rem; }
									.recommendPanels > a[target="_blank"] .panel__title:after {
										background-size: 12px auto;
										background-position: -4px 0; }
										.recommendPanels .panel__title + p {
											font-size: 12px;
											font-size: 1.2rem; }
	}


/* informationView
------------------------------------------------------ */
.informationView__body {
	max-width: 1280px;
	min-width: 1080px;
	width: 100%;
	margin: 0 auto;
	padding: 60px 40px 80px; }
	@media screen and (max-width: 768px) {
		.informationView__body {
			max-width: 100%;
			min-width: inherit;
			width: auto;
			padding: 45px 12px 40px; }
	}


/* ----- businessView ----- */
.businessView__title {
	position: relative;
	display: inline-block;
	margin-right: 35px;
	padding-left: 50px;
	color: #b00d1f;
	font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 1.2; }
	.businessView__title:before {
		content: "";
		position: absolute;
		top: 0.2em;
		left: 0;
		width: 40px;
		height: 22px;
		background: url(/shared/img/com_ic07.png) no-repeat 0 0;
		background-size: 40px auto; }
.businessView__link {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	margin-right: 25px; }
	.businessView__link:before {
		content: "";
		position: absolute;
		top: 0.5em;
		left: 0;
		width: 7px;
		height: 7px;
		display: inline-block;
		border-top: 1px solid #551900;
		border-right: 1px solid #551900;
		vertical-align: middle;
		/* transform */
			-webkit-transform: rotate(45deg);
		transform: rotate(45deg); }
		.businessView__link[target="_blank"]:before {
			width: 8px;
			height: 8px;
			border: none;
			background: url(/shared/img/com_link_ic01.png) no-repeat 0 0;
			/* transform */
			-webkit-transform: none;
			transform: none; }
	@media screen and (max-width: 768px) {
		.businessView__head {
			position: relative;
			text-align: right; }
			.businessView__title {
				position: absolute;
				top: 0;
				left: 5px;
				display: block;
				margin-right: 0;
				padding-left: 30px;
				font-size: 20px;
				font-size: 2rem; }
				.businessView__title:before {
					content: "";
					position: absolute;
					top: 0.2em;
					left: 0;
					width: 24px;
					height: 13px;
					background-size: 24px auto; }
			.businessView__link {
				position: relative;
				display: inline-block;
				padding-left: 15px;
				margin-right: 0;
				margin-left: 20px; }
				.businessView__link:before {
					top: 0.4em;
					font-size: 13px;
					font-size: 1.3rem; }
				.businessView__link[target="_blank"]:before {
					background-size: 12px auto;
					background-position: -4px 0; }
	}


/* ----- updateView ----- */
.updateView {
	margin-top: 60px; }
	.updateView__left {
		float: left;
		width: 64.4%; }
		.updateView__left > *:first-child {
			margin-top: 0 !important; }
	.updateView__right {
		float: right;
		width: 30.8%; }
	@media screen and (max-width: 768px) {
		.updateView {
			margin-top: 30px; }
			.updateView__left {
				width: 100%; }
			.updateView__right {
				width: 100%; }
	}


/* ----- newsWrap ----- */
.newsWrap {
	margin-top: 50px; }
	.newsWrap__head {
		position: relative;
		padding: 0 0 15px 20px;
		border-bottom: 1px solid #825615; }
		.newsWrap__title {
			color: #764700;
			font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size: 21px;
			font-size: 2.1rem;
			line-height: 1.2; }
		.newsWrap__link {
			position: absolute;
			top: 0.4em;
			right: 0;
			display: inline-block;
			padding-left: 13px;
			font-size: 15px;
			font-size: 1.5rem; }
			.newsWrap__link:before {
				content: "";
				position: absolute;
				top: 0.5em;
				left: 0;
				width: 7px;
				height: 7px;
				display: inline-block;
				border-top: 1px solid #551900;
				border-right: 1px solid #551900;
				vertical-align: middle;
				/* transform */
					-webkit-transform: rotate(45deg);
				transform: rotate(45deg); }
	@media screen and (max-width: 768px) {
		.newsWrap {
			margin-top: 30px; }
			.newsWrap__head {
				padding: 0 0 13px 10px;
				border-bottom: 1px solid #825615; }
				.newsWrap__title {
					font-size: 18px;
					font-size: 1.8rem; }
				.newsWrap__link {
					top: 0.2em;
					font-size: 12px;
					font-size: 1.2rem; }
	}


/* ----- newsList ----- */
.newsList {
	padding-left: 20px; }
	.newsList > li {
		margin-top: 25px; }
		.newsList > li > a,
		.newsList > li > .newsList__body {
			text-decoration: none; }
			.newsList__date {
				padding-bottom: 10px;
				color: #333333;
				font-size: 13px;
				font-size: 1.3rem; }
			.newsList__article {
				font-size: 13px;
				font-size: 1.3rem; }
			.newsList > li > a:hover .newsList__article {
				text-decoration: underline; }
			[target="_blank"] > .newsList__article:after {
				content: "";
				position: relative;
				display: inline-block;
				width: 8px;
				height: 8px;
				margin-left: 5px;
				border: none;
				background: url(/shared/img/com_link_ic01.png) no-repeat 0 0;
				vertical-align: middle; }
			[href$=".pdf"] > .newsList__article:after {
				content: "";
				position: relative;
				display: inline-block;
				top: 0.3em;
				width: 14px;
				height: 14px;
				margin-left: 5px;
				border: none;
				background: url(/shared/img/com_link_ic02.png) no-repeat 0 0; }
	@media screen and (max-width: 768px) {
		.newsList {
			padding: 0 10px; }
			.newsList > li {
				margin-top: 12px; }
				.newsList__date {
					padding-bottom: 5px;
					font-size: 10px;
					font-size: 1rem; }
				.newsList__article {
					font-size: 12px;
					font-size: 1.2rem; }
				[target="_blank"] > .newsList__article:after {
					top: 50%;
					background-size: 12px auto;
					background-position: -4px 0; }
				[href$=".pdf"] > .newsList__article:after {
					top: 50%;
					width: 8px;
					height: 9px;
					background-size: 15px auto;
					background-position: -7px 0; }
	}


/* ----- atpress ----- */
.atpress_title_list_frame {
	padding-left: 20px; }
	.atpress_title_list_frame > .atpress_title_frame {
		margin-top: 25px; }
		.atpress_title_list_frame > .atpress_title_frame > a {
			text-decoration: none; }
			.atpress_date_frame {
				padding-bottom: 10px;
				color: #333333;
				font-size: 13px;
				font-size: 1.3rem; }
			.atpress_title {
				font-size: 13px;
				font-size: 1.3rem; }
			.atpress_title_list_frame > .atpress_title_frame > a:hover .atpress_title {
				text-decoration: underline; }
	@media screen and (max-width: 768px) {
		.atpress_title_list_frame {
			padding: 0 10px; }
			.atpress_title_list_frame > .atpress_title_frame {
				margin-top: 12px; }
				.atpress_date_frame {
					padding-bottom: 5px;
					font-size: 10px;
					font-size: 1rem; }
				.atpress_title {
					font-size: 12px;
					font-size: 1.2rem; }
	}


/* ----- facebookWidget ----- */
.facebookWidget .fb_iframe_widget,
.facebookWidget .fb_iframe_widget span,
.facebookWidget .fb_iframe_widget span iframe[style] {
	width: 100% !important; }
	@media screen and (max-width: 768px) {
		.facebookWidget {
			display: none;
		}
	}


/* ----- snsGuide ----- */
.snsGuide {
	display: table;
	width: 100%;
	margin-top: 60px;
	border: 1px solid #dddddd; }
	.snsGuide > .partition {
		display: table-cell;
		width: 13.7%;
		padding: 13px 0 15px;
		border-right: 1px solid #dddddd;
		text-align: center;
		vertical-align: middle; }
		.snsGuide > .partition:last-child {
			border-right: none; }
	.snsGuide > .partition.snsGuide__title {
		width: 16.5%;
		background: #ebe0c9;
		color: #541601;
		font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 18px;
		font-size: 1.8rem; }
		.snsGuide__image img {
			height: 45px; }
		.snsGuide__image.size55 img {
			height: 55px; }
		.snsGuide__link {
			margin-top: 10px;
			font-size: 13px;
			font-size: 1.3rem;
			letter-spacing: -0.4em; }
			.snsGuide__link > a {
				display: inline-block;
				margin: 0 10px;
				letter-spacing: normal; }
				.snsGuide__link > p {
				letter-spacing: normal;
				color:#410000; }
					.snsGuide__link > a[target="_blank"]:after {
						content: "";
						display: inline-block;
						width: 8px;
						height: 8px;
						margin-left: 7px;
						background: url(/shared/img/com_link_ic01.png) no-repeat 0 0; }
	@media screen and (max-width: 768px) {
		.snsGuide {
			display: block;
			width: 100%;
			margin-top: 35px; }
			.snsGuide > .partition {
				display: table;
				width: 100%;
				border-top: 1px solid #dddddd;
				border-right: none; }
			.snsGuide > .partition.snsGuide__title {
				width: 100%;
				display: block;
				padding: 10px 0;
				border-top: none; }
				.snsGuide__image {
					width: 41.5%;
					display: table-cell;
					padding: 5px 10px;
					text-align: center;
					vertical-align: middle; }
					.snsGuide__image img {
						height: auto;
						max-height: 54px; }
				.snsGuide__link {
					display: table-cell;
					width: 58.5%;
					margin-top: 0;
					font-size: 12px;
					font-size: 1.2rem;
					vertical-align: middle; }
					.snsGuide__link > a[target="_blank"]:after {
						background-size: 12px auto;
						background-position: -4px 0; }
	}


/* clearfix
=========================================*/
#brandContentsOverlay .brandContents__menu:after,
.recommendView__body:after,
.recommendPanels:after,
.updateView:after {
	content:" ";
	display:block;
	clear:both; }


/* Print
------------------------------------------------------ */
@media print {
}