@charset "utf-8";
/* ======================================================
 * contents.css
 * ------------------------------------------------------
 * modules in #contents
====================================================== */

/* ======================================================
 PARTS
====================================================== */
/* GRID
------------------------------------------------------ */
/* ----- gridLayout ----- */
.grid {
	margin: 1.8em -12px 0; }
	.grid__item {
		float: left;
		padding-left: 12px;
		padding-right: 12px; }
		.grid__item:last-child {
			margin-right: 0; }
			.grid__item > *:first-child {
				margin-top: 0 !important; }
	.grid[data-grid-interval="2"] .grid__item {
		width: 50%; }
	.grid[data-grid-interval="3"] .grid__item {
		width: 33.33%; }
	.grid[data-grid-interval="4"] .grid__item {
		width: 25%; }
	.grid[data-grid-interval="5"] .grid__item {
		width: 20%; }
		.grid[data-grid-interval="2"] .grid__item:nth-child(2n+1),
		.grid[data-grid-interval="3"] .grid__item:nth-child(3n+1),
		.grid[data-grid-interval="4"] .grid__item:nth-child(4n+1),
		.grid[data-grid-interval="5"] .grid__item:nth-child(5n+1) {
			clear: left; }
		.grid[data-grid-interval="2"] .grid__item:nth-child(n+3),
		.grid[data-grid-interval="3"] .grid__item:nth-child(n+4),
		.grid[data-grid-interval="4"] .grid__item:nth-child(n+5),
		.grid[data-grid-interval="5"] .grid__item:nth-child(n+6) {
			margin-top: 2em; }
	@media screen and (max-width: 768px) {
		.grid {
			margin: 1.8em -6px 0; }
			.grid__item {
				padding-left: 6px;
				padding-right: 6px; }
		.grid--button.sp-grid--off .grid__item {
			margin-top: 10px; }
	}
.grid__item > .buttonWrap > .button {
	margin-top: 0; }


/* ----- media ----- */
.media {
	margin: 1.8em -12px 0; }
	.media__image {
		float: left;
		padding-left: 12px;
		padding-right: 12px; }
	.media--imageRight .media__image {
		float: right; }
	.media__text {
		overflow: hidden;
		padding-left: 12px;
		padding-right: 12px; }
	.textRound .media__image {
		padding-right: 24px;
		margin-bottom: 10px; }
	.textRound.media--imageRight .media__image {
		padding-right: 12px;
		padding-left: 24px; }
	.textRound .media__text {
		overflow: visible;}
		.media__image > *:first-child,
		.media__text > *:first-child {
			margin-top: 0 !important; }
	@media screen and (max-width: 768px) {
		.media {
			margin: 1.8em -6px 0; }
			.media__image {
				padding-left: 6px;
				padding-right: 6px; }
			.media__text {
				margin-top: 15px;
				padding-left: 6px;
				padding-right: 6px; }
			.media--imageRight .media__text {
				margin-top: 0; }
			.textRound .media__image {
				padding-right: 12px; }
			.textRound.media--imageRight .media__image {
				padding-right: 6px;
				padding-left: 12px; }
	}


/* ----- grid__item and media__image columns size ----- */
.column-1 {
	width: 8.33%; }
.column-2 {
	width: 16.66%; }
.column-3 {
	width: 25%; }
.column-4 {
	width: 33.33%; }
.column-5 {
	width: 41.66%; }
.column-6 {
	width: 50%; }
.column-7 {
	width: 58.33%; }
.column-8 {
	width: 66.66%; }
.column-9 {
	width: 75%; }
.column-10 {
	width: 83.33%; }
.column-11 {
	width: 91.66%; }
.column-12 {
	width: 100%; }


/* ----- grid and media SP setting ----- */
@media screen and (max-width: 768px) {
	.sp-grid > .grid__item,
	.sp-grid > .media__image {
		max-width: 50% !important;
		width: 50% !important;
		clear: none !important; }
		.sp-grid > .grid__item:nth-child(2n) {
			margin-right: 0 !important; }
		.sp-grid > .grid__item:nth-child(2n+1) {
			clear: left !important; }
		.sp-grid > .grid__item:nth-child(n+3) {
			margin-top: 15px !important; }
	.sp-grid--off > .grid__item,
	.sp-grid--off > .media__image {
		float: none !important;
		width: auto !important;
		clear: both; }
	.sp-grid--off > .grid__item + .grid__item {
		margin-top: 2em; }
	.grid--button.sp-grid--off > .grid__item + .grid__item {
		margin-top: 10px; }
	.sp-grid--off > .media__image {
		text-align: center; }
	.sp-grid--off > .media__text {
		overflow: visible; }
	.sp-grid--off.media--imageRight {
		display: table;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding: 0; }
		.sp-grid--off.media--imageRight > .media__image {
			display: table-cell;
			width: 100%;
			padding: 15px 0 0; }
		.sp-grid--off.media--imageRight > .media__text {
			display: table-caption;
			margin-top: 0;
			padding-left: 0;
			padding-right: 0;
			caption-side: top; }
}


/* ----- tableGrid ----- */
.tableGrid {
	margin: 35px auto 0; }
	.tableGrid__body {
		display: table;
		width: 100%;
		table-layout: fixed; }
		.tableGrid__item {
			display: table-cell;
			padding: 0 15px; }
			.tableGrid__p {
				font-size: 12px;
				font-size: 1.2rem; }
	@media screen and (max-width: 768px) {
		.tableGrid {
			margin: 15px auto 0; }
			.tableGrid__body {
				display: block;
				table-layout: inherit; }
				.tableGrid__item {
					display: block;
					padding: 0; }
				.tableGrid__item + .tableGrid__item {
					margin-top: 15px; }
	}

/* tableGrid--tea */
.tableGrid.tableGrid--tea {
	max-width: 710px; }
	.tableGrid.tableGrid--tea .tableGrid__item {
		text-align: center; }
		.tableGrid.tableGrid--tea .tableGrid__item figcaption {
			margin-top: 10px; }
			.tableGrid.tableGrid--tea .smallText {
				margin-top: 20px;
				padding: 0 30px; }
	@media screen and (max-width: 768px) {
		.tableGrid.tableGrid--tea {
			max-width: none; }
			.tableGrid.tableGrid--tea .tableGrid__item figcaption {
				margin-top: 3px; }
				.tableGrid.tableGrid--tea .smallText {
					margin-top: 10px;
					padding: 0; }
	}

/* TEXT
------------------------------------------------------ */
/* ----- section headline ----- */
.headline {
	line-height: 1.2; }
	.headline > .headlineSub {
		display: block;
		font-size: 55%;
		font-weight: normal; }
	.headline > .headlineCap {
		font-size: 65%; }
	.headline + * {
		margin-top: 1.7em !important;}
	@media screen and (max-width: 768px) {
		.headline + p {
			margin-top: 1em !important;}
	}


/* ----- pageHeading ----- */
.pageHeading {
	display: table;
	width: 100%;
	margin-bottom: 30px;
	background: url(/shared/img/com_h_bg01.png) no-repeat 100% 50% #DF9E19; }
	.pageHeading:before {
		content: "";
		display: table-cell;
		width: 1px;
		height: 80px;
		vertical-align: top; }
		.pageHeading .headline {
			display: table-cell;
			padding: 5px 30px;
			color: #ffffff;
			font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size: 27px;
			font-size: 2.7rem;
			vertical-align: middle; }
	@media screen and (max-width: 768px) {
		.pageHeading {
			display: block;
			width: auto;
			margin-left: -12px;
			margin-right: -12px;
			background: url(/shared/img/com_h_bg01.png) no-repeat 50% 50%;
			background-size: cover; }
			.pageHeading:before {
				height: 75px; }
				.pageHeading .headline {
					display: table-cell;
					padding: 5px 17px;
					font-size: 21px;
					font-size: 2.1rem; }
	}


/* ----- mainBanner ----- */
.mainBanner {
	margin-right: -100%;
	margin-left: -100%;
	padding-right: 100%;
	padding-left: 100%;
	background-image: url(/shared/img/com_h_bg02.png);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-color: #eec94a;
	color: #ffffff; }
	.mainBanner .pageHeading {
		display: table;
		max-width: 1280px;
		min-width: 1080px;
		width: 100%;
		margin: 0 auto;
		background: none; }
	.mainBanner .pageHeading:before {
		height: 150px; }
		.mainBanner .pageHeading__body {
			display: table-cell;
			vertical-align: middle;
			padding: 25px 40px; }
			.mainBanner .pageHeading .headline {
				display: block;
				padding: 0;
				font-size: 40px;
				font-size: 4rem; }
			.mainBanner .pageHeading .headline + p {
				margin-top: 8px !important;
				font-size: 16px;
				font-size: 1.6rem;
				line-height: 1.3; }
	@media screen and (max-width: 768px) {
		.mainBanner {
			margin-right: -12px;
			margin-left: -12px;
			padding-right: 0;
			padding-left: 0;
			background-image: url(/shared/img/com_h_bg02_sp.png);
			background-repeat: no-repeat;
			background-position: 50% 50%;
			background-color: inherit;
			background-size: cover; }
			.mainBanner .pageHeading {
				display: table;
				max-width: 100%;
				min-width: inherit;
				width: 100%;
				margin: 0 auto; }
			.mainBanner .pageHeading:before {
				height: 125px; }
				.mainBanner .pageHeading__body {
					display: table-cell;
					vertical-align: middle;
					padding: 20px;
					padding-right: 15%; }
					.mainBanner .pageHeading .headline {
						font-size: 23px;
						font-size: 2.3rem; }
					.mainBanner .pageHeading .headline + p {
						margin-top: 8px !important;
						font-size: 12px;
						font-size: 1.2rem; }
	}


/* ----- section setting ----- */
[class*="section-lv"] > *:first-child {
	margin-top: 0 !important; }

/* section-lv1 */
.section-lv1 {
	margin-top: 3em; }
h2.headline {
	position: relative;
	padding: 12px 30px;
	background: #f3e9a7; /* Old browsers */
	background: -moz-linear-gradient(left,  #f3e8a6 0%, #f6f0d0 50%, #f3e9ab 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #f3e8a6 0%,#f6f0d0 50%,#f3e9ab 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #f3e8a6 0%,#f6f0d0 50%,#f3e9ab 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3e8a6', endColorstr='#f3e9ab',GradientType=1 ); /* IE6-9 */
	border-bottom: 2px solid #a0812c;
	color: #54040c;
	font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold; }
	h2.headline > a {
		position: relative;
		display: block;
		margin: -12px -30px;
		padding: 12px 30px 12px 50px;
		/* 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; }
	h2.headline > a:hover {
		opacity: 0.6;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)"; }
		h2.headline > a:before {
			content: "";
			position: absolute;
			top: 50%;
			left: 13px;
			width: 24px;
			height: 24px;
			margin-top: -12px;
			background: url(/shared/img/com_sprite_ic01.png) no-repeat -24px -110px; }
	h2.headline:before {
		content: "";
		position: absolute;
		bottom: 1px;
		left: 0;
		display: block;
		width: 100%;
		height: 1px;
		background: #a0812c; }
	@media screen and (max-width: 768px) {
		h2.headline {
			position: relative;
			margin-left: -12px;
			margin-right: -12px;
			padding: 13px 12px;
			font-size: 18px;
			font-size: 1.8rem; }
			h2.headline > a {
				margin: -13px -12px;
				padding: 13px 12px 13px 44px; }
				h2.headline > a:before {
					content: "";
					position: absolute;
					top: 50%;
					left: 10px;
					width: 24px;
					height: 24px;
					margin-top: -12px;
					background: url(/shared/img/com_sprite_ic01.png) no-repeat -23px -20px;
					background-size: 100px auto; }
	}
h2.headline.has-logo {
	position: relative;
	min-height: 70px;
	padding-right: 65px;
	padding-left: 126px; }
	h2.headline.has-logo .brandLogo,
	h2.headline.has-logo .countryLogo {
		position: absolute;
		top: 50%;
		display: block;
		/* transform */
			-webkit-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
		transform: translateY(-50%); }
	h2.headline.has-logo .brandLogo {
		left: 10px;
		height: 50px; }
		h2.headline.has-logo .brandLogo > img {
			width: 95px; }
	h2.headline.has-logo .countryLogo {
		right: 20px;
		height: 21px; }
		h2.headline.has-logo .countryLogo > img {
			width: 32px; }
	@media screen and (max-width: 768px) {
		h2.headline.has-logo {
			min-height: 47px;
			padding-right: 50px;
			padding-left: 70px; }
			h2.headline.has-logo .brandLogo {
				height: 26px; }
				h2.headline.has-logo .brandLogo > img {
					width: 50px; }
			h2.headline.has-logo .countryLogo {
				right: 15px;
				height: 23px; }
				h2.headline.has-logo .countryLogo > img {
					width: 34px; }
	}

/* spAccordion */
@media screen and (max-width: 768px) {
	.section__accordion h2.headline {
		margin-left: 0;
		margin-right: 0; }
		.section__accordion h2.headline {
			padding: 20px 10px;
			background: #f7e3a7;
			border-bottom: none; }
			.section__accordion h2.headline:before {
				top: 50%;
				right: 10px;
				left: auto;
				bottom: auto;
				width: 27px;
				height: 27px;
				background: url(/shared/img/com_ic14.png) no-repeat 0 0;
				background-size: 54px auto;
				/* transform */
					-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
				transform: translateY(-50%); }
			.section__accordion h2.headline.is-opened:before {
				background-position: -27px; }
		.section__accordion .navigationWrap {
			margin-top: 0 !important; }
			.section__accordion .anchorNav > li {
				padding: 0; }
				.section__accordion .anchorNav > li > a {
					display: block;
					padding: 15px 10px;
					border: 1px solid #e9e0bf;
					border-top: none;
					font-size: 14px;
					font-size: 1.4rem; }
				.section__accordion .anchorNav > li:nth-child(2n) > a {
					border-left: none; }
					.section__accordion .anchorNav > li > a:before {
						top: 50%;
						left: auto;
						bottom: auto;
						right: 12px;
						/* transform */
							-webkit-transform: rotate(135deg) translateY(80%);
							-ms-transform: rotate(135deg) translateY(80%);
						transform: rotate(135deg) translateY(80%); }
}


/* section-lv2 */
.section-lv2 {
	margin-top: 2.5em;
}
h3.headline {
	position: relative;
	padding: 0 36px 15px;
	border-bottom: 2px solid #c0868c;
	color: #810d19;
	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;
	font-weight: bold; }
	h3.headline > sub {
		font-size: 90%; }
	h3.headline:before {
		content: "";
		position: absolute;
		top: 0.1em;
		left: 0;
		display: block;
		width: 24px;
		height: 24px;
		background: url(/shared/img/com_ic09.png) no-repeat 0 0;
		background-size: 24px auto; }
	@media screen and (max-width: 768px) {
		.section-lv2 {
			margin-top: 2em; }
		h3.headline {
			position: relative;
			padding: 0 25px 10px;
			font-size: 16px;
			font-size: 1.6rem; }
			h3.headline:before {
				top: 0;
				left: 0;
				width: 20px;
				height: 20px;
				background: url(/shared/img/com_ic09.png) no-repeat 0 0;
				background-size: 20px auto; }
	}

/* section-lv3 */
.section-lv3 {
	margin-top: 2.5em; }
	h4.headline {
		padding: 0 0 10px;
		border-bottom: 1px dashed #644824;
		color: #553300;
		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;
		font-weight: bold; }
	@media screen and (max-width: 768px) {
		.section-lv3 {
			margin-top: 1.5em; }
		h4.headline {
			padding: 0 0 6px;
			font-size: 14px;
			font-size: 1.4rem;
			font-weight: normal; }
	}


/* ----- utility ----- */
.lead {
	margin-top: 1.7em;
	color: #551900;
	font-size: 19px;
	font-size: 1.9rem;
	font-weight: 500;
	line-height: 1.2; }
	@media screen and (max-width: 768px) {
		.lead {
			font-size: 16px;
			font-size: 1.6rem; }
	}
.smallText {
	font-size: 10px !important;
	font-size: 1rem !important; }
.largeText {
	font-size: 25px !important;
	font-size: 2.5rem !important; }
	@media screen and (max-width: 768px) {
		.largeText {
			font-size: 18px !important;
			font-size: 1.8rem !important; }
	}
.notesText {
	font-size: 12px !important;
	font-size: 1.2rem !important; }
.highlight01 {
	margin-top: 1.7em;
	color: #815512;
	font-size: 16px;
	font-size: 1.6rem; }
	@media screen and (max-width: 768px) {
		.highlight01 {
			font-size: 13px;
			font-size: 1.3rem; }
	}
.figTitle {
	margin-bottom: 1em;
	font-size: 16px !important;
	font-size: 1.6rem !important; }
	@media screen and (max-width: 768px) {
		.figTitle {
			font-size: 13px !important;
			font-size: 1.3rem !important; }
	}
.inlineLink {
	text-decoration: underline; }
	.inlineLink:hover {
		text-decoration: none; }
	.inlineLink[target="_blank"]:after {
		content: "";
		display: inline-block;
		width: 8px;
		height: 8px;
		background: url(/shared/img/com_link_ic01.png) no-repeat 0 0;
		margin: 0 8px 0 5px; }
	.inlineLink[href$=".pdf"]:after {
		content: "";
		display: inline-block;
		width: 14px;
		height: 14px;
		background: url(/shared/img/com_link_ic02.png) no-repeat 0 0;
		margin: 0 8px 0 5px;
		vertical-align: middle; }
	@media screen and (max-width: 768px) {
		.inlineLink[target="_blank"]:after {
			background-size: 12px auto;
			background-position: -4px 0; }
		.inlineLink[href$=".pdf"]:after {
			width: 8px;
			height: 9px;
			background-size: 15px auto;
			background-position: -7px 0; }
	}
.telIcon {
	vertical-align: middle;
	margin-top: -0.4em; }
.text--black {
	color: #333333 !important; }
.text--pink {
	color: #f882ca !important; }
.text--redpink {
	color: #f88282 !important; }
.text--orange {
	color: #fc8318 !important; }
.text--yellow {
	color: #f0c600 !important; }
.text--green {
	color: #68cb26 !important; }


/* BUTTON
------------------------------------------------------ */
/* ----- button ----- */
.button {
	position: relative;
	display: inline-block;
	margin-top: 20px;
	padding: 10px 30px 11px;
	border: 1px solid #e8e0be;
	background: #f9f6ef;
	line-height: 1.2;
	text-align: center;
	color: #410000;
	/* 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; }
	.button.button--gold {
		border-color: transparent;
		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 */ }
	.button.button--whitegold {
		border-color: transparent;
		color:#ffffff;
		border-top: 1px solid #a6771c;
		background: #daac42; /* Old browsers */
		background: -moz-linear-gradient(left,  #b6882f 0%, #e2b45e 51%, #b6882f 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #b6882f 0%,#e2b45e 51%,#b6882f 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #b6882f 0%,#e2b45e 51%,#b6882f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6882f', endColorstr='#b6882f',GradientType=1 ); /* IE6-9 */ }
	.button:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		text-decoration: none; }
	.button:after {
		content: "";
		position: absolute;
		top: 47%;
		right: 20px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #551900;
		border-right: 1px solid #551900;
		/* transform */
			-webkit-transform: rotate(45deg) translateY(-50%);
		transform: rotate(45deg) translateY(-50%); }
	.button.button--whitegold:after {
		content: "";
		position: absolute;
		top: 47%;
		left: 20px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #ffffff;
		border-right: 1px solid #ffffff;
		/* transform */
			-webkit-transform: rotate(45deg) translateY(-50%);
		transform: rotate(45deg) translateY(-50%); }
	.button[target="_blank"]:after {
		right: 15px;
		width: 8px;
		height: 8px;
		border: none;
		background: url(/shared/img/com_link_ic01.png) no-repeat 0 0;
		/* transform */
			-webkit-transform: translateY(-50%);
		transform: translateY(-50%); }
	.button[href$=".pdf"]:after {
		right: 15px;
		width: 14px;
		height: 14px;
		border: none;
		background: url(/shared/img/com_link_ic02.png) no-repeat 0 0;
		/* transform */
			-webkit-transform: translateY(-50%);
		transform: translateY(-50%); }
	.button.button--shop:after {
		top: 50%;
		right: 10px;
		width: 18px;
		height: 14px;
		border: none;
		background: url(/shared/img/com_ic03.png) no-repeat 0 0;
		background-size: 18px auto;
		/* transform */
			-webkit-transform: translateY(-50%);
		transform: translateY(-50%); }
	.button.button--map:after {
		top: 55%;
		right: 11px;
		width: 16px;
		height: 24px;
		border: none;
		background: url(/shared/img/com_ic10.png) no-repeat 0 0;
		background-size: 14px auto;
		/* transform */
			-webkit-transform: translateY(-50%);
		transform: translateY(-50%); }
	@media screen and (max-width: 768px) {
		.button[target="_blank"]:after {
			top: 50%;
			background-size: 12px auto;
			background-position: -4px 0; }
		.button[href$=".pdf"]:after {
			top: 50%;
			width: 8px;
			height: 9px;
			background-size: 15px auto;
			background-position: -7px 0; }
		.button.button--shop:after {
			width: 13px;
			height: 10px;
			border: none;
			background-size: 13px auto;
			background-position: 0 0; }
		.button.button--map:after {
			width: 8px;
			height: 12px;
			border: none;
			background-size: 8px auto;
			background-position: 0 0; }
	}


/* ----- buttonWrap ----- */
.buttonWrap .button {
	min-width: 220px; }
	@media screen and (max-width: 768px) {
		.buttonWrap {
			text-align: center; }
			.buttonWrap .button {
				min-width: 200px; }
			.grid__item .buttonWrap .button,
			.media__text .buttonWrap .button {
				min-width: inherit; }
			.sp-grid--off .grid__item .buttonWrap .button,
			.sp-grid--off .media__text .buttonWrap .button {
				min-width: 200px; }
	}


/* LIST
------------------------------------------------------ */
/* ----- list ----- */
.list {
	margin-top: 0.8em; }
	.list > li + li {
		margin-top: 0.3em; }
		.list > li .list {
		margin-top: 0.6em;
		margin-bottom: 1.2em; }
.list.row {
	margin-left: -12px;
	margin-right: -12px; }
	.list.row > li {
		float: left;
		margin-top: 0;
		padding-left: 12px;
		padding-right: 12px; }


/* ----- list row ----- */
.list.row {
	margin-left: -12px;
	margin-right: -12px; }
	.list.row > li {
		float: left;
		padding-left: 12px;
		padding-right: 12px; }
	.list.row > li + li {
		margin-top: 0; }
	.list.row[data-grid-interval="2"] > li {
		width: 50%; }
	.list.row[data-grid-interval="3"] > li {
		width: 33.33%; }
	.list.row[data-grid-interval="4"] > li {
		width: 25%; }
	.list.row[data-grid-interval="5"] > li {
		width: 20%; }
		.list.row[data-grid-interval="2"] > li:nth-child(2n+1),
		.list.row[data-grid-interval="3"] > li:nth-child(3n+1),
		.list.row[data-grid-interval="4"] > li:nth-child(4n+1),
		.list.row[data-grid-interval="5"] > li:nth-child(5n+1) {
			clear: left; }
		.list.row[data-grid-interval="2"] > li:nth-child(n+3),
		.list.row[data-grid-interval="3"] > li:nth-child(n+4),
		.list.row[data-grid-interval="4"] > li:nth-child(n+5),
		.list.row[data-grid-interval="5"] > li:nth-child(n+6) {
			margin-top: 0.5em; }
	@media screen and (max-width: 768px) {
		.list.row {
			margin-left: -6px;
			margin-right: -6px; }
			.list.row > li {
				float: none !important;
				width: auto !important;
				padding-left: 6px !important;
				padding-right: 6px !important;
				clear: both; }
			.list.row > li + li {
				margin-top: 0.3em; }
	}


/* ----- sectionList ----- */
.sectionList {
	margin-top: 1.8em; }
	.sectionList > li + li {
		margin-top: 1.6em; }
		.sectionList__title {
		font-weight: bold; }
		.sectionList__title + * {
		margin-top: 0.4em; }


/* list--disc */
.list--disc01 > li {
	position: relative;
	padding-left: 18px; }
	.list--disc01 > li:before {
		content: "";
		position: absolute;
		top: 0.45em;
		left: 0;
		display: block;
		width: 9px;
		height: 9px;
		background: #815512;
		/* border-radius */
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
		border-radius: 7px; }
		.list--disc01 .list--disc01 > li {
			position: relative;
			padding-left: 12px; }
			.list--disc01 .list--disc01 > li:before {
				content: "";
				position: absolute;
				top: 0.65em;
				left: 0;
				display: block;
				width: 3px;
				height: 3px;
				background: #4d4d4d;
				/* border-radius */
					-webkit-border-radius: 50%;
					-moz-border-radius: 50%;
				border-radius: 50%; }
	@media screen and (max-width: 768px) {
		.list--disc01 > li {
			position: relative;
			padding-left: 14px; }
			.list--disc01 > li:before {
				top: 0.45em;
				width: 8px;
				height: 8px; }
	}

/* list--notes */
.list--notes01 > li {
	position: relative;
	padding-left: 1.4em;
	font-size: 12px;
	font-size: 1.2rem; }
	.list--notes01 > li > .notes__icon {
		position: absolute;
		top: 0;
		left: 0;
		width: 1em; }
ol.list--notes01 > li {
	padding-left: 2.7em; }
	ol.list--notes01 > li > .notes__icon {
		width: 2.5em;
	}

/* list--order */
.list--order01 > li {
	position: relative;
	padding-left: 1.8em; }
	.list--order01 > li > .order__number {
		position: absolute;
		top: 0;
		left: 0;
		width: 1.5em;
		color: #9c7200;
		font-weight: bold; }
.list--order02 {
	margin-left: -0.5em; }
	.list--order02 > li {
		position: relative;
		padding-left: 2.5em; }
		.list--order02 > li > .order__number {
			position: absolute;
			top: 0;
			left: 0;
			width: 2.5em; }
	@media screen and (max-width: 768px) {
	}


/* list--link */
.list--link01 > li {
	position: relative; }
	.list--link01 > li > a {
		position: relative;
		display: inline-block;
		padding-left: 17px; }
	.list--link01 > li > a:before {
		content: "";
		position: absolute;
		top: 0.6em;
		left: 0;
		width: 7px;
		height: 7px;
		border-top: 1px solid #562c29;
		border-right: 1px solid #562c29;
		/* transform */
			-webkit-transform: rotate(45deg);
		transform: rotate(45deg); }
	.list--link01 > li > a[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; }
	.list--link01 > li > a[href$=".pdf"]:before {
		top: 0.3em;
		width: 14px;
		height: 14px;
		border: none;
		background: url(/shared/img/com_link_ic02.png) no-repeat 0 0;
		/* transform */
			-webkit-transform: none;
		transform: none; }
	@media screen and (max-width: 768px) {
		.list--link01 > li > a:before {
		top: 0.5em; }
		.list--link01 > li > a[target="_blank"]:before {
			background-size: 12px auto;
			background-position: -4px 0; }
		.list--link01 > li > a[href$=".pdf"]:before {
			width: 8px;
			height: 9px;
			background-size: 15px auto;
			background-position: -7px 0; }
	}


/* ----- description ----- */
.description {
	margin-top: 1em; }
	.description > *:first-child {
		margin-top: 0; }
	.description__title {
		color: #815512;
		font-size: 16px;
		font-size: 1.6rem;
		margin-top: 0.5em; }
	.description__body {
		margin-top: 1px; }
		.description__body > *:first-child {
			margin-top: 0 !important; }
.description.row {
	margin-top: 0;
	padding-top: 1px; }
	.description.row .description__title {
		float: left;
		margin-top: 20px;
		font-size: 15px;
		font-size: 1.5rem;
		clear: left;
		line-height: 1.4; }
	.description.row [class*="tag--"].description__title {
		font-size: 14px;
		font-size: 1.4rem;
		margin-top: 19px; }
	.description.row .description__body {
		margin-top: 20px;
		overflow: hidden; }
	@media screen and (max-width: 768px) {
		.description__title {
			font-size: 13px;
			font-size: 1.3rem; }
		.description.row .description__title {
			font-size: 12px;
			font-size: 1.2rem;
			line-height: 1.5;
			clear: left; }
		.description.row [class*="tag--"].description__title {
			font-size: 12px;
			font-size: 1.2rem; }
		.description.sp-vertical .description__body {
			margin-top: 0;
			padding-top: 5px;
			clear: both; }
	}

/* description--highlight */
.description.description--highlight {
	margin-top: 2em; }
	.description.description--highlight .description__title {
		margin-top: 1em;
		font-size: 20px;
		font-size: 2rem;
		color: #810d19; }
	.description.description--highlight .description__body {
		margin-top: 10px; }
	@media screen and (max-width: 768px) {
		.description.description--highlight .description__title {
			font-size: 16px;
			font-size: 1.6rem; } }


/* ----- newsData ----- */
.newsData {
	margin-top: 30px;
	border-top: 1px solid #dddddd; }
	.newsData > li {
		border-bottom: 1px solid #dddddd; }
		.newsData > li > a,
		.newsData > li > .newsData__body {
			display: block;
			padding: 20px 70px 20px 20px; }
			.newsData__date {
				float: left;
				width: 10em;
				margin-right: 15px;
				color: #4d4d4d; }
			.newsData__title {
				position: relative;
				overflow: hidden;
				margin-top: 0;
				padding-left: 18px; }
			a > .newsData__title:before {
				content: "";
				position: absolute;
				top: 0.6em;
				left: 0;
				width: 8px;
				height: 8px;
				border-top: 1px solid #562c29;
				border-right: 1px solid #562c29;
				/* transform */
					-webkit-transform: rotate(45deg);
				transform: rotate(45deg); }
			[target="_blank"] > .newsData__title: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; }
			[href$=".pdf"] > .newsData__title:before {
				top: 0.3em;
				width: 14px;
				height: 14px;
				border: none;
				background: url(/shared/img/com_link_ic02.png) no-repeat 0 0;
				/* transform */
					-webkit-transform: none;
				transform: none; }
			@media screen and (max-width: 768px) {
				.newsData {
					margin-top: 20px; }
					.newsData > li > a,
					.newsData > li > .newsData__body {
						position: relative;
						padding: 20px 0 20px; }
						.newsData__date {
							float: none;
							width: auto;
							margin-right: 0; }
						.newsData__title {
							position: static;
							margin-top: 0;
							padding-right: 25px;
							padding-left: 0; }
							a > .newsData__title:before {
								top: 50%;
								left: auto;
								right: 5px;
								/* transform */
									-webkit-transform: rotate(45deg) translateY(-50%);
								transform: rotate(45deg) translateY(-50%); }
							[target="_blank"] > .newsData__title:before {
								top: 50%;
								background-size: 12px auto;
								background-position: -4px 0;
								/* transform */
									-webkit-transform: translateY(-50%);
								transform: translateY(-50%); }
							[href$=".pdf"] > .newsData__title:before {
								top: 50%;
								width: 8px;
								height: 9px;
								background-size: 15px auto;
								background-position: -7px 0;
								/* transform */
									-webkit-transform: rotate(45deg) translateY(-50%);
								transform: translateY(-50%); }
			}


/* BOX
------------------------------------------------------ */
/* ----- reccomendBox linkBox ----- */
.reccomendBox,
.linkBox {
	margin: 80px auto 0; }
	.reccomendBox__title,
	.linkBox__title {
		position: relative;
		padding: 10px 20px;
		background: #b5872e; /* Old browsers */
		background: -moz-linear-gradient(left,  #b5872e 0%, #d5b658 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left,  #b5872e 0%,#d5b658 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right,  #b5872e 0%,#d5b658 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5872e', endColorstr='#d5b658',GradientType=1 ); /* IE6-9 */
		color: #ffffff;
		padding-right: 15em; }
		.reccomendBox__head,
		.linkBox__head {
			font-size: 20px;
			font-size: 2rem;
			line-height: 1.2; }
		.reccomendBox__headSub,
		.linkBox__headSub {
			display: block;
			font-size: 12px;
			font-size: 1.2rem;
			line-height: 1.2; }
		.reccomendBox__head + p,
		.linkBox__head + p {
			margin-top: 0; }
		.reccomendBox__title .button,
		.linkBox__title .button {
			position: absolute;
			top: 50%;
			right: 20px;
			margin-top: 0;
			color: #ffffff;
			background: none;
			border-color: #e8e0be;
			min-width: 180px;
			/* transform */
				-webkit-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
			transform: translateY(-50%); }
		.reccomendBox__title .button[target="_blank"]:after,
		.linkBox__title .button[target="_blank"]:after {
			background-image: url(/shared/img/com_link_ic03.png); }
	.reccomendBox__body,
	.linkBox__body {
		margin-top: 0;
		padding: 20px 30px;
		border: 1px solid #e9e0bf;
		border-top: none; }
		.reccomendBox__body > *:first-child,
		.linkBox__body > *:first-child {
			margin-top: 0; }
			.reccomendBox .media__image,
			.linkBox .media__image {
				padding-right: 20px; }
				.reccomendBox .media__image > img,
				.linkBox .media__image > img {
					max-width: 290px;
					width: 100%; }
			.reccomendBox .media__text,
			.linkBoxBox .media__text {
				padding-top: 15px;
				padding-left: 20px; }
				.reccomendBox .reccomendBox__button,
				.linkBox .linkBox__button {
					min-width: 220px;
					margin-top: 20px; }
				.reccomendBox a[target="_blank"] .reccomendBox__button:after,
				.linkBox a[target="_blank"] .linkBox__button:after {
					right: 15px;
					width: 8px;
					height: 8px;
					border: none;
					background-image: url(/shared/img/com_link_ic01.png);
					/* transform */
						-webkit-transform: translateY(-50%);
					transform: translateY(-50%); }
			.reccomendBox__image,
			.linkBox__image {
				margin: 0 auto; }
				.reccomendBox__image figcaption,
				.linkBox__image figcaption {
					margin-top: 10px;
					font-size: 16px;
					font-size: 1.6rem; }
					a > .reccomendBox__image figcaption > span,
					a > .linkBox__image figcaption > span {
						position: relative;
						padding-left: 16px; }
					a:hover > .reccomendBox__image figcaption > span,
					a:hover > .linkBox__image figcaption > span {
						text-decoration: underline; }
					a > .reccomendBox__image figcaption > span:before,
					a > .linkBox__image figcaption > span:before {
						content: "";
						position: absolute;
						top: 0.6em;
						left: 0;
						width: 7px;
						height: 7px;
						border-top: 1px solid #562c29;
						border-right: 1px solid #562c29;
						/* transform */
							-webkit-transform: rotate(45deg);
						transform: rotate(45deg); }
					a[target="_blank"] > .reccomendBox__image figcaption > span:before,
					a[target="_blank"] > .linkBox__image figcaption > span: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; }
					a[href$=".pdf"] > .reccomendBox__image figcaption > span:before,
					a[href$=".pdf"] > .linkBox__image figcaption > span:before {
						top: 0.3em;
						width: 14px;
						height: 14px;
						border: none;
						background: url(/shared/img/com_link_ic02.png) no-repeat 0 0;
						/* transform */
							-webkit-transform: none;
						transform: none; }
				.reccomendBox__image figure + p,
				.linkBox__image figure + p {
					margin-top: 0; }
	@media screen and (max-width: 768px) {
		.reccomendBox,
		.linkBox {
			margin-top: 30px; }
		.reccomendBox__title,
		.linkBox__title {
			padding-right: 20px; }
			.reccomendBox__head,
			.linkBox__head {
				font-size: 15px;
				font-size: 1.5rem; }
			.reccomendBox__head + p,
			.linkBox__head + p {
				font-size: 10px;
				font-size: 1rem; }
			.reccomendBox__title .button,
			.linkBox__title .button {
				position: relative;
				top: auto;
				right: auto;
				min-width: 115px;
				margin-top: 0.5em;
				padding: 5px 30px;
				/* transform */
					-webkit-transform: none;
					-ms-transform: none;
				transform: none; }
				.reccomendBox__title .button:after,
				.linkBox__title .button:after {
					position: relative;
					top: auto;
					right: auto;
					display: inline-block;
					margin-left: 7px;
					/* transform */
						-webkit-transform: rotate(45deg);
						-ms-transform: rotate(45deg);
					transform: rotate(45deg); }
					.reccomendBox__title .button[target="_blank"]:after,
					.linkBox__title .button[target="_blank"]:after {
						top: auto;
						/* transform */
							-webkit-transform: none;
							-ms-transform: none;
						transform: none; }
			.reccomendBox__body,
			.linkBox__body {
				padding: 20px; }
			.reccomendBox .media__image,
			.linkBox .media__image {
				padding-right: 6px; }
			.reccomendBox .media__text,
			.linkBox .media__text {
				padding-top: 0;
				padding-left: 6px; }
				.reccomendBox .reccomendBox__button,
				.linkBox .linkBox__button {
					display: block;
					min-width: 200px;
					width: 200px;
					margin: 10px auto 0; }
					.reccomendBox a[target="_blank"] .reccomendBox__button:after,
					.linkBox a[target="_blank"] .linkBox__button:after {
						top: 50%;
						background-size: 12px auto;
						background-position: -4px 0; }
			.reccomendBox__image figcaption,
			.linkBox__image figcaption {
				margin-top: 6px;
				font-size: 13px;
				font-size: 1.3rem; }
				a > .reccomendBox__image figcaption > span,
				a > .linkBox__image figcaption > span {
					position: relative;
					padding-left: 16px; }
				a > .reccomendBox__image figcaption > span:before,
				a > .linkBox__image figcaption > span:before {
					top: 0.45em; }
				a[target="_blank"] > .reccomendBox__image figcaption > span:before,
				a[target="_blank"] > .linkBox__image figcaption > span:before {
					background-size: 12px auto;
					background-position: -4px 0; }
				a[href$=".pdf"] > .reccomendBox__image figcaption > span:before,
				a[href$=".pdf"] > .linkBox__image figcaption > span:before {
					background-size: 15px auto;
					background-position: -7px 0; }
	}
.indexCards + .reccomendBox,
.indexCards + .linkBox {
	margin-top: 30px; }
.reccomendBox__body a.grid__item,
.reccomendBox__body a.media,
.linkBox__body a.grid__item,
.linkBox__body a.media {
	display: block;
	/* 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; }
	.reccomendBox__body a.grid__item p,
	.reccomendBox__body a.media p,
	.linkBox__body a.grid__item p,
	.linkBox__body a.media p {
		color: #4d4d4d; }
.reccomendBox__body a.grid__item:hover,
.reccomendBox__body a.media:hover,
.linkBox__body a.grid__item:hover,
.linkBox__body a.media:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	text-decoration: none; }
.reccomendBox.is-wide,
.linkBox.is-wide {
	max-width: 1200px; }
	.reccomendBox.is-wide .reccomendBox__body,
	.linkBox.is-wide .reccomendBox__body {
		padding-left: 30px;
		padding-right: 30px; }
	@media screen and (max-width: 768px) {
		.reccomendBox.is-wide .reccomendBox__body,
		.linkBox.is-wide .reccomendBox__body {
			padding-left: 15px;
			padding-right: 15px; }
	}


/* ----- linkBox ----- */
.linkBox .grid[data-grid-interval="2"] {
	max-width: 660px;
	margin-right: auto;
	margin-left: auto; }
	.linkBox .grid[data-grid-interval="2"] .grid__item {
		padding-right: 30px;
		padding-left: 30px; }
.linkBox .grid[data-grid-interval="3"] {
	margin-right: -10px;
	margin-left: -10px; }
	.linkBox .grid[data-grid-interval="3"] .grid__item {
		padding-right: 10px;
		padding-left: 10px; }
	@media screen and (max-width: 768px) {
		.linkBox .grid {
			margin-right: auto !important;
			margin-left: auto !important; }
			.linkBox .grid .grid__item {
				padding-right: 30px !important;
				padding-left: 30px !important; }
	}


/* ----- styledBox01 ----- */
.styledBox01 {
	max-width: 890px;
	border: 1px solid #ebe0c9;
	margin-top: 40px; }
	.styledBox01__title {
		padding: 15px 30px;
		background: #ebe0c9;
		color: #553300;
		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; }
	.styledBox01__body {
		padding: 20px 30px 30px; }
		.styledBox01__body > *:first-child {
			margin-top: 0 !important; }
	@media screen and (max-width: 768px) {
		.styledBox01 {
			margin-top: 25px; }
			.styledBox01__title {
				padding: 10px 15px;
				font-size: 15px;
				font-size: 1.5rem; }
			.styledBox01__body {
				padding: 15px 15px 20px; }
	}


/* ----- styledBox02 ----- */
.styledBox02 {
	border: 1px solid #f7e3a7;
	margin: 40px auto 0; }
	.styledBox02__title {
		padding: 15px 30px;
		background: #f7e3a7;
		color: #410000;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.2; }
	.styledBox02__body {
		padding: 20px 30px 30px; }
		.styledBox02__body > *:first-child {
			margin-top: 0 !important; }
		.styledBox02__image {
			width: 360px; }
		.styledBox02__lead {
			font-size: 16px;
			font-size: 1.6rem;
			font-weight: bold;
			color: #410000; }
			.styledBox02__lead + p {
				margin-top: 5px; }
	.styledBox02--highlight .styledBox02__body {
		background: #fff5d9; }
	@media screen and (max-width: 768px) {
		.styledBox02 {
			margin-top: 25px; }
			.styledBox02__title {
				padding: 10px 15px;
				font-size: 15px;
				font-size: 1.5rem; }
			.styledBox02__body {
				padding: 15px 15px 20px; }
			.styledBox02__image {
				width: auto; }
			.styledBox02__lead {
				font-size: 12px;
				font-size: 1.2rem; }
	}


/* ----- stepBox ----- */
.stepBox {
	width: 605px;
	border: 1px solid #ebe0c9;
	margin: 40px auto 60px; }
	.stepBox__title {
		padding: 15px;
		background: #ebe0c9;
		color: #553300;
		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; }
		.stepBox__title > span {
			display: block; }
		.stepBox__title > .stepBox__icon {
			float: left;
			position: relative;
			margin-right: 15px;
			padding: 6px 30px 6px 15px;
			background: url(/shared/img/com_bg03.png) no-repeat 100% 0 #b00d1f;
			background-size: auto 100%;
			color: #ffffff;
			font-size: 16px;
			font-size: 1.6rem;
			font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-weight: bold;
			line-height: 1.2; }
		.stepBox__title > .stepBox__icon + span {
			overflow: hidden;
			padding-top: 6px; }
	.stepBox__body {
		padding: 12px 35px; }
		.stepBox__media {
			display: table;
			width: 100%;
			table-layout: fixed; }
			.stepBox__text {
				display: table-cell;
				padding: 10px 50px 10px 20px;
				vertical-align: top; }
				.stepBox__text > *:first-child {
					margin-top: 0; }
			.stepBox__image {
				display: table-cell;
				width: 196px;
				text-align: center;
				vertical-align: top; }
	@media screen and (max-width: 768px) {
		.stepBox {
			width: auto;
			margin-left: 20px;
			margin-right: 20px; }
			.stepBox__title {
				padding: 10px 12px;
				font-size: 15px;
				font-size: 1.5rem; }
				.stepBox__title > .stepBox__icon {
					margin-right: 10px;
					padding: 4px 20px 4px 10px;
					font-size: 10px;
					font-size: 1rem;
					vertical-align: middle; }
					.stepBox__title > .stepBox__icon + span {
						padding-top: 4px; }
			.stepBox__body {
				padding: 12px 45px; }
				.stepBox__media {
					display: block;
					table-layout: inherit; }
					.stepBox__text {
						display: block;
						padding: 0; }
					.stepBox__image {
						display: block;
						width: 100%;
						margin-top: 15px; }
	}


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


/* PAGER */
.stepBox .bx-wrapper .bx-pager {
	position: absolute;
	bottom: -28px;
	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; }
	.stepBox .bx-wrapper .bx-pager .bx-pager-item {
		display: inline-block; }
		.stepBox .bx-wrapper .bx-pager.bx-default-pager a {
			background: #cccccc;
			text-indent: -9999px;
			display: block;
			width: 12px;
			height: 12px;
			margin: 0 8px;
			outline: 0;
			/* border-radius */
				-moz-border-radius: 50%;
				-webkit-border-radius: 50%;
			border-radius: 50%; }
			.stepBox .bx-wrapper .bx-pager.bx-default-pager a:hover,
			.stepBox .bx-wrapper .bx-pager.bx-default-pager a.active {
				background: #d1a753; }
	@media screen and (max-width: 768px) {
		.stepBox .bx-wrapper .bx-pager {
			position: relative;
			margin-top: 15px; }
			.stepBox .bx-wrapper .bx-pager.bx-default-pager a {
				margin: 0 7px; }
	}


/* DIRECTION CONTROLS (NEXT / PREV) */
.stepBox .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	outline: 0;
	width: 40px;
	height: 40px;
	margin-top: 10px;
	background: url(/shared/img/com_sprite_ic01.png) no-repeat 0 -129px;
	background-size: 100px auto;
	text-indent: -9999px;
	z-index: 10; }
	.stepBox .bx-wrapper .bx-controls-direction a.bx-prev {
		left: -20px; }
	.stepBox .bx-wrapper .bx-controls-direction a.bx-next {
		right: -20px;
		background-position: -40px -129px; }
		.stepBox .bx-wrapper .bx-controls-direction a.disabled {
			display: none; }


/* ----- faq ----- */
.faqWrap {
	margin-top: 30px; }
	.faq {
		border: 1px solid #f7e3a7; }
	.faq + .faq {
		margin-top: 20px; }
		.faq__title {
			position: relative;
			padding: 18px 54px 18px;
			background: url(/shared/img/com_ic12.png) no-repeat 20px 50% #f7e3a7;
			background-size: 22px auto;
			color: #410000;
			font-size: 15px;
			font-size: 1.5rem; }
		.faq__body {
			padding: 23px 54px;
			background: url(/shared/img/com_ic13.png) no-repeat 20px 23px;
			background-size: 22px auto;
			color: #410000; }
			.faq__body > *:first-child {
				margin-top: 0; }
			.faq__title.js-accordion__trigger {
				cursor: pointer; }
			.faq__title.js-accordion__trigger:after {
				content: "";
				position: absolute;
				top: 50%;
				right: 14px;
				display: block;
				width: 36px;
				height: 36px;
				background: url(/shared/img/com_ic14.png) no-repeat 0 0;
				background-size: 72px auto;
				/* transform */
					-webkit-transform: translateY(-50%);
					-ms-transform: translateY(-50%);
				transform: translateY(-50%); }
			.faq__title.js-accordion__trigger.is-active:after {
				background-position: -36px 0; }
			.faq__body.js-accordion__body {
				display: none; }
	@media screen and (max-width: 768px) {
		.faqWrap {
			margin: 20px -12px 0; }
			.faq__title {
				padding: 12px 44px;
				background-position: 12px 50%;
				background-size: 16px auto;
				font-size: 12px;
				font-size: 1.2rem; }
			.faq__body {
				padding: 17px 44px;
				background-position: 12px 18px;
				background-size: 16px auto; }
				.faq__title.js-accordion__trigger:after {
					right: 12px;
					width: 27px;
					height: 27px;
					background-size: 54px auto; }
				.faq__title.js-accordion__trigger.is-active:after {
					background-position: -27px 0; }
	}


/* TABLE PARTS
------------------------------------------------------ */
.tableWrap {
	margin-top: 30px; }
	@media screen and (max-width: 768px) {
		.tableWrap {
			margin-top: 20px; }
	}


/* ----- styledTable ----- */
.styledTable {
	width: 100%;
	border-right: 1px solid #e9e0bf;
	border-bottom: 1px solid #e9e0bf;
	table-layout: fixed;
	border-collapse: separate; }
	.styledTable th,
	.styledTable td {
		padding: 15px 20px;
		border-top: 1px solid #e9e0bf;
		border-left: 1px solid #e9e0bf;
		text-align: left;
		vertical-align: top; }
	.styledTable .cellLv1 {
		background: #bf963b;
		color: #ffffff;
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold; }
	.styledTable thead .cellLv1 {
		text-align: center; }
	.styledTable .cellLv2 {
		border-top: 1px solid #ffffff;
		background: #f0e9d1; }
	.styledTable .cellLv3 {
		background: #fcfaf5; }
	@media screen and (max-width: 768px) {
		.styledTable th,
		.styledTable td {
			padding: 10px; }
		.styledTable .cellLv1 {
			font-size: 12px;
			font-size: 1.2rem; }
	}


/* ----- scroller ----- */
@media screen and (max-width: 768px) {
	.tableWrap.has-scroller:after {
		content: "この表は横にスクロールしてご覧いただけます。";
		display: block;
		min-height: 26px;
		margin-top: 7px;
		padding: 5px 0 0 46px;
		background: url(/shared/img/com_ic11.png) no-repeat 7px 0;
		background-size: 31px auto;
		color: #000000;
		font-weight: bold;
		vertical-align: middle; }
	.scroller {
		overflow-x: auto;
		-webkit-overflow-scrolling : touch; }
		.scroller .styledTable {
			width: 767px;
			margin-bottom: 15px; }
		/*.scroller::-webkit-scrollbar {
			width: 10px;
			background: #e7e7e7;
			border-radius: 10px; }
		.scroller::-webkit-scrollbar:horizontal {
			height: 10px;
			background: #e7e7e7;
			border-radius: 10px; }
		.scroller::-webkit-scrollbar-thumb {
			background: #bf963b;
			border-radius: 10px; }
		.scroller::-webkit-scrollbar-thumb:horizontal {
			background: #bf963b;
			border-radius: 10px; }*/
}


/* ----- styledTable--row ----- */
@media screen and (max-width: 768px) {
	.styledTable--row,
	.styledTable--row col,
	.styledTable--row tr,
	.styledTable--row thead,
	.styledTable--row tbody,
	.styledTable--row th,
	.styledTable--row td {
		width: 100% !important;
		display: block; }
}


/* NAV PARTS
------------------------------------------------------ */
.navigationWrap {
	margin-top: 30px; }
	@media screen and (max-width: 768px) {
		.navigationWrap {
			margin-top: 20px; }
	}


/* ----- localNav ----- */
.localNav {
	display: table;
	width: 100%;
	margin-bottom: 22px; }
	.localNav > li {
		display: table-cell;
		width: 33.33%;
		font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 17px;
		font-size: 1.7rem;
		line-height: 1.2;
		text-align: center;
		vertical-align: middle; }
		.localNav > li:first-child {
			width: 33.34%; }
		.localNav > li + li {
			border-left: 1px solid #e8e4dd; }
		.localNav > li.is-current {
			position: relative;
			padding: 10px 25px;
			color: #b00d1f;
			border-top: 2px solid #cdc5b6;
			border-left: 1px solid #e8e4dd;
			border-bottom: 1px solid #cdc5b6;
			font-weight: bold; }
		.localNav > li.is-current:last-child {
			border-right: 1px solid #e8e4dd; }
			.localNav > li.is-current:after {
				content: "";
				position: absolute;
				left: 50%;
				bottom: -8px;
				display: inline-block;
				width: 15px;
				height: 15px;
				margin-left: -8px;
				border-top: 1px solid #cdc5b6;
				border-right: 1px solid #cdc5b6;
				background: #ffffff;
				vertical-align: middle;
				/* transform */
					-webkit-transform: rotate(135deg);
				transform: rotate(135deg); }
			.localNav > li > a {
				display: block;
				padding: 12px 25px 11px; }
	@media screen and (max-width: 768px) {
		.localNav > li {
			font-size: 13px;
			font-size: 1.3rem; }
	}


/* ----- anchorNav ----- */
.anchorNav > li {
	float: left;
	padding: 3px 25px 3px 5px; }
.anchorNav > li:last-child {
	padding-right: 0; }
	.anchorNav > li > a {
		display: inline-block;
		position: relative;
		padding-left: 22px; }
		.anchorNav > li > a:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0.4em;
			display: inline-block;
			width: 8px;
			height: 8px;
			border-top: 1px solid #551900;
			border-right: 1px solid #551900;
			background: #ffffff;
			vertical-align: middle;
			/* transform */
				-webkit-transform: rotate(135deg);
			transform: rotate(135deg); }
	@media screen and (max-width: 768px) {
		.anchorNav > li {
			width: 50%; }
		.anchorNav > li:nth-child(2n+1) {
			clear: left; }
			.anchorNav > li > a:before {
				top: 0.35em;}
	}


/* ----- navigationBox ----- */
.navigationBox {
	margin-top: 30px;
	padding: 20px;
	background: #f9f6ef; }
	.navigationBox__title {
		color: #551900;
		font-size: 16px;
		font-size: 1.6rem;
		font-weight: bold; }
	.navigationBox__links {
		margin-left: -12px;
		margin-right: -12px; }
		.navigationBox__links > li {
			float: left;
			margin-top: 10px;
			padding-left: 12px;
			padding-right: 12px; }
	@media screen and (max-width: 768px) {
		.navigationBox {
			margin-top: 20px;
			padding: 15px; }
			.navigationBox__title {
				font-size: 12px;
				font-size: 1.2rem; }
			.navigationBox__links > li {
				margin-top: 5px; }
	}


/* INDEX PARTS
------------------------------------------------------ */
/* ----- indexSection ----- */
.indexSection.is-beige {
	background: #fefdf3; }
	.indexSection__body {
		max-width: 1280px;
		min-width: 1080px;
		width: 100%;
		margin: 0 auto;
		padding: 55px 40px 60px;
		text-align: center; }
		.indexSection__head {
			color: #71590f;
			font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
			font-size: 30px;
			font-size: 3rem;
			line-height: 1.2; }
			.indexSection__head > a {
				color: #71590f; }
				.indexSection__head > a:after {
					content: "";
					display: inline-block;
					width: 12px;
					height: 12px;
					border-top: 1px solid #71590f;
					border-right: 1px solid #71590f;
					vertical-align: middle;
					/* transform */
						-webkit-transform: rotate(45deg) translateY(-50%);
					transform: rotate(45deg) translateY(-50%); }
	@media screen and (max-width: 768px) {
		.indexSection__body {
			max-width: 100%;
			min-width: inherit;
			width: auto;
			margin: 0 auto;
			padding: 25px 12px 30px; }
			.indexSection__head {
				font-size: 20px;
				font-size: 2rem; }
	}


/* ----- indexList ----- */
.indexList {
	margin-top: 35px; }
	.indexList > li {
		float: left;
		width: 30.8%;
		margin-left: 3.8%; }
		.indexList > li:nth-child(3n+1) {
			margin-left: 0;
			clear: left; }
		.indexList > li:nth-child(n+4) {
			margin-top: 15px; }
	.indexList.interval4 > li {
		width: 22.5%;
		margin-left: 3.33%; }
		.indexList.interval4 > li:nth-child(3n+1) {
			margin-left: 3.33%;
			clear: none; }
		.indexList.interval4 > li:nth-child(n+4) {
			margin-top: 0; }
		.indexList.interval4 > li:nth-child(4n+1) {
			margin-left: 0;
			clear: left; }
		.indexList.interval4 > li:nth-child(n+5) {
			margin-top: 15px; }
			.indexList > li > a {
				display: block;
				/* 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; }
				.indexList > li > a:hover {
					opacity: 0.8;
					filter: alpha(opacity=80);
					-ms-filter: "alpha(opacity=80)";
					text-decoration: none; }
					.indexList__image.has-border {
						border: 1px solid #ede7d4; }
					.indexList__name {
						position: relative;
						display: table;
						width: 100%;
						padding: 12px 0 10px 50px;
						background: url(/shared/img/com_bg01.png) repeat-x 0 0 #f7e3a7;
						color: #330000;
						line-height: 1.2; }
					.indexList.interval4 .indexList__name {
						padding-left: 30px; }
						.indexList__name:before {
							content: "";
							display: table-cell;
							width: 1px;
							height: 2.4em;
							background: #f7e3a7;
							font-size: 20px;
							font-size: 2rem; }
						.indexList.interval4 .indexList__name:before {
							height: 1.8em; }
						.indexList__name > span {
							display: table-cell;
							padding-right: 50px;
							font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
							font-size: 20px;
							font-size: 2rem;
							font-weight: bold;
							text-align: center;
							vertical-align: middle; }
							.indexList__name > span:after {
								content: "";
								position: absolute;
								top: 50%;
								right: 13px;
								width: 24px;
								height: 24px;
								margin-top: -12px;
								background: url(/shared/img/com_sprite_ic01.png) no-repeat -24px -110px; }
	.indexList.has-faq > li {
		border: 1px solid #f7e3a7;
		border-top: none; }
		.indexList.has-faq .indexList__item {
			text-align: center;
			vertical-align: middle; }
			.indexList.has-faq .indexList__name > span {
				font-family: "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
				font-weight: normal; }
			.indexList.has-faq .indexList__image {
				text-align: center; }
				.indexList.has-faq .indexList__image > img {
					max-width: 100%;
					width: 200px; }
		.indexList__faq {
			border-top: 1px dashed #e6e6e6;
			margin: 0 25px;
			padding: 10px 0 25px; }
			.indexList__faq > li {
				position: relative;
				padding-left: 1.5em; }
			.indexList__faq > li + li {
				margin-top: 5px; }
				.indexList__faq .faq__icon {
					position: absolute;
					top: 0;
					left: 0;
					width: 1.5em;
					color: #9c7200;
					font-family: Arial, Helvetica, sans-serif; }
	@media screen and (max-width: 768px) {
		.indexList {
			margin-top: 15px; }
			.indexList > li,
			.indexList.interval4 > li {
				width: 100%;
				margin-top: 10px;
				margin-left: 0; }
				.indexList > li:nth-child(n+4),
				.indexList.interval4 > li:nth-child(n+5) {
					margin-top: 10px; }
				.indexList.interval4 > li:nth-child(3n+1) {
					margin-top: 10px;
					margin-left: 0; }
					.indexList__item {
						display: table;
						width: 100%; }
						.indexList__image {
							display: table-cell;
							width: 51%;
							vertical-align: top; }
							.indexList.interval4 .indexList__image {
								overflow: hidden;
							}
							.indexList.interval4 .indexList__image > img {
								margin-top: -7px;
								margin-bottom: -7px; }
						.indexList__name {
							display: table-cell;
							width: auto;
							padding: 12px 0 10px 15px;
							border-left: 3px solid #b5872e;
							background: #f7e3a7;
							vertical-align: middle; }
						.indexList.interval4 .indexList__name {
							padding-left: 15px; }
							.indexList__name:before {
								display: none; }
							.indexList__name > span {
								display: block;
								padding-right: 37px;
								font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
								font-size: 14px;
								font-size: 1.4rem;
								text-align: left;
								vertical-align: middle; }
								.indexList__name > span:after {
									content: "";
									position: absolute;
									top: 50%;
									right: 10px;
									width: 24px;
									height: 24px;
									margin-top: -12px;
									background: url(/shared/img/com_sprite_ic01.png) no-repeat -23px -20px;
									background-size: 100px auto; }
		.indexList.has-faq > li {
			border: 1px solid #f7e3a7;
			border-top: none; }
			.indexList.has-faq .indexList__item {
				display: block; }
			.indexList.has-faq .indexList__image {
				display: block;
				width: auto; }
				.indexList.has-faq .indexList__image > img {
					width: 225px; }
			.indexList.has-faq .indexList__name {
				display: block;
				padding: 20px 0 18px 15px;
				border: none;
				background: url(/shared/img/com_bg01.png) repeat-x 0 0 #f7e3a7;
				background-size: auto 2px; }
				.indexList.has-faq .indexList__name > span {
					font-size: 16px;
					font-size: 1.6rem; }
			.indexList__faq {
				margin: 0 15px;
				padding: 20px 0; }
				.indexList__faq > li + li {
					margin-top: 10px; }
	}
.indexList--lineup > li {
	width: 31.7%;
	margin-left: 2.4%; }
.indexList > li:nth-child(n+4) {
	margin-top: 25px; }
.indexList--lineup .indexList__name {
	padding-left: 30px; }
	.indexList--lineup .indexList__name > span {
		text-align: left; }
		.indexList--lineup .indexList__sub {
			display: block;
			font-size: 14px;
			font-size: 1.4rem; }
.indexList--lineup .indexList__desc {
	margin-top: 1em;
	color: #4d4d4d; }
	@media screen and (max-width: 768px) {
		.indexList--lineup > li {
			width: 100%;
			margin-top: 10px;
			margin-left: 0; }
			.indexList--lineup > li:first-child {
				margin-top: 0; }
			.indexList--lineup > li:nth-child(n+4) {
				margin-top: 10px; }
		.indexList--lineup .indexList__name {
			padding-left: 3%;
			padding-top: 5px;
			padding-bottom: 5px; }
			.indexList--lineup .indexList__name > span {
				padding-right: 30px;
				font-size: 14px;
				font-size: 1.4rem; }
				.indexList--lineup .indexList__name > span:after {
					right: 6px; }
				.indexList--lineup .indexList__sub {
					font-size: 11px;
					font-size: 1.1rem; }
		.indexList--lineup .indexList__desc {
			margin-top: 0.5em; }
	}


/* ----- indexPanels ----- */
.indexPanels {
	margin-top: 25px; }
	.indexPanels .panel {
		position: relative;
		float: left;
		display: block;
		width: 48.3%;
		margin-left: 3.4%;
		padding: 2px;
		border: 2px solid #ac9759;
		border-top: 3px solid #927729; }
		.indexPanels .panel:before,
		.indexPanels .panel:after {
			content: "";
			position: absolute;
			bottom: -2px;
			width: 30px;
			height: 30px;
			background-image: url(/shared/img/com_sprite_bg01.png);
			background-repeat: no-repeat; }
		.indexPanels .panel:before {
			left: -2px;
			background-position: 0 0; }
		.indexPanels .panel:after {
			right: -2px;
			background-position: -30px 0; }
			.indexPanels .panel__body {
				border: 1px solid #927729;
				padding-bottom: 30px;
				background: #ffffff; }
				.indexPanels .panel:nth-child(2n+1) {
					margin-left: 0;
					clear: left; }
				.indexPanels .panel:nth-child(n+3) {
					margin-top: 30px; }
			.indexPanels--noSide .panel {
				width: 31%;
				clear: none; }
				.indexPanels--noSide .panel:nth-child(3n+1) {
					margin-left: 0;
					clear: left; }
				.indexPanels--noSide .panel:nth-child(n+4) {
					margin-top: 30px; }
					.indexPanels .panel__body > a {
						display: block;
						/* 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; }
						.indexPanels .panel__body > a:hover {
							opacity: 0.8;
							filter: alpha(opacity=80);
							-ms-filter: "alpha(opacity=80)";
							text-decoration: none; }
					.indexPanels .panel__image img {
						width: 100%; }
					.indexPanels .panel__title {
						position: relative;
						display: table;
						width: 100%;
						padding: 15px 0 13px 30px;
						background: #f7e3a7;
						color: #330000;
						line-height: 1.2; }
						.indexPanels .panel__title > span {
							display: table-cell;
							padding-right: 50px;
							font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
							font-size: 23px;
							font-size: 2.3rem;
							vertical-align: middle; }
							.indexPanels .panel__title > span:after {
								content: "";
								position: absolute;
								top: 50%;
								right: 13px;
								width: 24px;
								height: 24px;
								margin-top: -12px;
								background: url(/shared/img/com_sprite_ic01.png) no-repeat -24px -110px; }
					.indexPanels .panel__text {
						padding: 20px 30px 0;
						color: #333333; }
						.indexPanels .panel__text > *:first-child {
							margin-top: 0; }
							.indexPanels .panel__text p {
								font-size: 13px;
								font-size: 1.3rem; }
							.indexPanels .panel__text .list {
								margin-top: 8px; }
							.indexPanels .panel__text .list li {
								margin-top: 0; }
	@media screen and (max-width: 768px) {
		.indexPanels {
			margin-top: 20px; }
			.indexPanels .panel {
				width: 100%;
				margin-left: 0;
				padding: 2px;
				border: 1px solid #ac9759;
				border-top: 3px solid #927729; }
				.indexPanels .panel + .panel,
				.indexPanels .panel:nth-child(n+3) {
					margin-top: 20px; }
				.indexPanels .panel:before,
				.indexPanels .panel:after {
					content: "";
					position: absolute;
					bottom: -1px;
					width: 22px;
					height: 22px;
					background-size: 44px auto; }
				.indexPanels .panel:before {
					left: -1px;
					background-position: 0 -15px; }
				.indexPanels .panel:after {
					right: -1px;
					background-position: -22px -15px; }
					.indexPanels .panel__body {
						border: 1px solid #aa9556;
						padding-bottom: 26px; }
						.indexPanels .panel__title {
							padding-left: 25px; }
							.indexPanels .panel__title span {
								font-size: 18px;
								font-size: 1.8rem; }
								.indexPanels .panel__title > span:after {
									content: "";
									position: absolute;
									top: 50%;
									right: 10px;
									width: 24px;
									height: 24px;
									margin-top: -12px;
									background: url(/shared/img/com_sprite_ic01.png) no-repeat -23px -20px;
									background-size: 100px auto; }
						.indexPanels .panel__text {
							padding: 15px 25px 0; }
							.indexPanels .panel__text p {
								font-size: 12px;
								font-size: 1.2rem; }
							.indexPanels .panel__text .list li {
								float: left;
								width: 49%;
								margin-left: 2px; }
								.indexPanels .panel__text .list li:nth-child(2n+1) {
									margin-left: 0;
									clear: left; }
	}


/* ----- indexCards ----- */
.indexCards {
	margin-top: 30px; }
	.indexCards .card {
		overflow: hidden;
		position: relative;
		background: url(/shared/img/com_bg02.png) no-repeat 0 0 #ffffff;
		padding-left: 10px; }
		.indexCards .card + .card {
			margin-top: 20px; }
			.indexCards .card > a {
				color: #333333; }
			.indexCards .card > a:hover {
				text-decoration: none; }
				.indexCards .card > a .card__image *,
				.indexCards .card > a .card__body * {
					/* 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;}
				.indexCards .card > a:hover .card__image *,
				.indexCards .card > a:hover .card__body * {
					opacity: 0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha(opacity=70)"; }
		.indexCards .card__image {
			position: absolute;
			top: 1px;
			right: 0;
			z-index: 1;
			text-align: right; }
		.indexCards .card__body {
			position: relative;
			padding: 25px 38px;
			border-top: 1px solid #e7e2be;
			border-bottom: 1px solid #e7e2be;
			background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 65%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 65%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
			z-index: 10; }
			.indexCards .card__title {
				width: 60%;
				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; }
				.indexCards .card__title + p {
					width: 60%;
					margin-top: 10px; }
				.indexCards .card__button {
					min-width: 220px;
					margin-top: 20px; }
	@media screen and (max-width: 768px) {
		.indexCards {
			margin-top: 20px; }
			.indexCards .card {
				background-size: 5px auto;
				padding-left: 5px; }
				.indexCards .card__image {
					width: 100%;
					padding-left: 5px; }
					.indexCards .card__image img {
						max-width: 440px; }
				.indexCards .card__body {
					position: relative;
					padding: 20px; }
					.indexCards .card__title {
						font-size: 18px;
						font-size: 1.8rem; }
						.indexCards .card__title + p {
							margin-top: 3px; }
						.indexCards .card__button {
							min-width: inherit;
							margin-top: 10px; }
	}


/* ----- indexHead ----- */
.indexHead {
	display: table;
	width: 100%; }
	.indexHead > a {
		display: table-cell;
		padding: 12px 0;
		border-top: 2px solid #805716;
		background: #f7e3a7;
		font-size: 18px;
		font-size: 1.8rem;
		line-height: 1.2;
		vertical-align: middle;
		/* 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; }
	.indexHead > a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)"; }
		.indexHead > a > span {
			position: relative;
			display: block;
			padding: 0 20px; }
		.indexHead > a > span:before {
			content: "";
			position: absolute;
			top: 50%;
			right: 20px;
			width: 7px;
			height: 7px;
			border-top: 1px solid #562c29;
			border-right: 1px solid #562c29;
			/* transform */
				-webkit-transform: rotate(45deg) translateY(-50%);
			transform: rotate(45deg) translateY(-50%); }
.indexHead + * {
	margin-top: 18px; }
	@media screen and (max-width: 768px) {
		.indexHead > a {
			font-size: 15px;
			font-size: 1.5rem; }
		.indexHead + * {
			margin-top: 10px; }
	}


/* ======================================================
 OTHER
====================================================== */
/* IMAGES
------------------------------------------------------ */
.figure {
	text-align: center;
	margin: 1em auto 0; }
.figureWrap--link .figure {
	margin-top: 0;
		/* 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; }
.figureWrap--link:hover .figure {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)"; }
	.figure figcaption {
		text-align: left;
		margin-top: 0.3em;
		font-size: 12px;
		font-size: 1.2rem; }
	.figureWrap--link .figure figcaption {
		position: relative;
		margin-top: 10px;
		padding-left: 18px;
		font-size: 14px;
		font-size: 1.4rem; }
	.figureWrap--link .figure figcaption:before {
		content: "";
		position: absolute;
		top: 0.6em;
		left: 0;
		width: 7px;
		height: 7px;
		border-top: 1px solid #562c29;
		border-right: 1px solid #562c29;
		/* transform */
			-webkit-transform: rotate(45deg);
		transform: rotate(45deg); }
	.figureWrap--link[target="_blank"] .figure figcaption: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; }
	.figureWrap--link[href$=".pdf"] .figure figcaption:before {
		top: 0.3em;
		width: 14px;
		height: 14px;
		border: none;
		background: url(/shared/img/com_link_ic02.png) no-repeat 0 0;
		/* transform */
			-webkit-transform: none;
		transform: none; }
	@media screen and (max-width: 768px) {
		.figureWrap--link .figure figcaption:before {
			top: 0.45em; }
		.figureWrap--link[target="_blank"] .figure figcaption:before {
			background-size: 12px auto;
			background-position: -4px 0; }
		.figureWrap--link[href$=".pdf"] .figure figcaption:before {
			width: 8px;
			height: 9px;
			background-size: 15px auto;
			background-position: -7px 0; }
		.figureWrap--link .figure figcaption {
			font-size: 12px;
			font-size: 1.2rem; }
	}

.bannerLink {
	margin-top: 60px;
	display: table;
	width: 100%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/* 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; }
.bannerLink:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1}
	.bannerLink:before {
		content: "";
		display: table-cell;
		width: 1px;
		height: 130px;
		vertical-align: top; }
	.bannerLink__body {
		display: table-cell;
		width: 100%;
		padding: 10px 45% 10px 40px;
		color: #ffffff;
		font-family : "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "Noto Sans Japanese", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size: 24px;
		font-size: 2.4rem;
		font-weight: bold;
		vertical-align: middle; }
	.bannerLink__body:hover {
		text-decoration: none; }
	.bannerLink__body > span {
		position: relative;
		display: inline-block;
		padding-right: 30px; }
		.bannerLink__body > span:after {
			content: "";
			position: absolute;
			top: 0.45em;
			right: 3px;
			width: 12px;
			height: 12px;
			border-top: 1px solid #ffffff;
			border-right: 1px solid #ffffff;
			/* transform */
				-webkit-transform: rotate(45deg);
			transform: rotate(45deg); }
	@media screen and (max-width: 768px) {
	.bannerLink {
		margin-top: 15px;
		background-size: cover; }
		.bannerLink:before {
			height: 80px; }
		.bannerLink__body {
			padding: 5px 35% 5px 15px;
			font-size: 18px;
			font-size: 1.8rem; }
		.bannerLink__body > span {
			position: relative;
			display: inline-block;
			padding-right: 12px; }
			.bannerLink__body > span:after {
				position: relative;
				top: -2px;
				right: auto;
				display: inline-block;
				margin-left: 7px;
				width: 8px;
				height: 8px;
				vertical-align: middle; }
	}

.imgChangeLink {
	margin-top: 50px;
	width: 100%;
	/* 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; }
.imgChangeLink:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1}
.imgChangeLink .sp-hiddenImg {
	display:block;
}
.imgChangeLink .pc-hiddenImg {
	display: none;
}

	@media screen and (max-width: 768px) {
.imgChangeLink {
	margin-top: 30px; }
.imgChangeLink:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	zoom: 1}
.imgChangeLink .sp-hiddenImg {
	display: none;
}
.imgChangeLink .pc-hiddenImg {
	display: block;
}
	}

/* TAG
------------------------------------------------------ */
[class*="tag--"] {
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.2;
	margin-right: 5px;
	padding: 1px 5px 2px; }
.tag--brown {
	color: #ffffff;
	background-color: #B6931F; }
	@media screen and (max-width: 768px) {
		[class*="tag--"] {
			font-size: 12px;
			font-size: 1.2rem; }
	}


/* MOVIE
------------------------------------------------------ */
.youtube {
	position: relative;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 56.25%; }
.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important; }


/* productsView
------------------------------------------------------ */
#productsView .section-lv1 {
	margin-top: 60px; }
#productsView .section-lv2 {
	margin-top: 60px; }
#productsView .navigationWrap + .section-lv2 {
	margin-top: 45px; }
#productsView .reccomendBox__image figcaption,
#productsView .linkBox__image figcaption {
	margin-top: 15px;
	font-weight: bold; }
#productsView .reccomendBox__image figure + p,
#productsView .linkBox__image figure + p {
	margin-top: 10px; }
	@media screen and (max-width: 768px) {
		#productsView .section-lv1 {
			margin-top: 30px; }
		#productsView .section-lv2 {
			margin-top: 25px; }
		#productsView .navigationWrap + .section-lv2 {
			margin-top: 25px; }
		#productsView .reccomendBox__image figcaption,
		#productsView .linkBox__image figcaption {
			margin-top: 10px;
			padding: 0 15px; }
		#productsView .reccomendBox__image figure + p,
		#productsView .linkBox__image figure + p {
			margin-top: 5px;
			padding: 0 15px; }
	}


/* Clearfix
------------------------------------------------------ */
.media:after,
.grid:after,
.row:after,
.newsData > li > a:after,
.stepBox__title:after,
.navigationBox__links:after,
.indexList:after,
.indexPanels:after,
.indexPanels .panel__text .list:after,
.anchorNav:after {
	content:" ";
	display:block;
	clear:both;
}