@charset "Shift_JIS";

/* ---------------------------------------------
*   HTML
--------------------------------------------- */

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}

html {
	font-family: 'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic" ,sans-serif;
	line-height: 1;
}

ol,ul {
	list-style: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}

q,blockquote {
	quotes: none;
}
q:before,q:after,blockquote:before,blockquote:after {
	content: "";
	content: none;
	clear: both;
}

a img {
	border: none !important;
}

a.anchor{
	display:inline-block;
padding-top:80px !important;
margin-top:-80px !important;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
	display: block;
}

/* ---------------------------------------------
*   base setting
--------------------------------------------- */
body {
	min-width: 960px;
	line-height: 1.5;
	font-size: 14px;
	color: #333;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 768px) {
	body {
		min-width: initial;
		min-width: auto;
		min-width: none;
	}
}

.off-js {
	visibility:hidden !important;
	height:0 !important;
}

/*  link
--------------------------------------------- */
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/*  img
--------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

/*  clearfix
--------------------------------------------- */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*  responsive
--------------------------------------------- */

/* -- general -- */
.pc_only {
	display: block;
}
.sp_only {
	display: none;
}
@media screen and (max-width: 768px) {
	.pc_only {
		display: none;
	}
	.sp_only {
		display: block;
	}
}

/* -- inline -- */
br.pc_only,
a.pc_only,
span.pc_only {
	display: inline;
}
br.sp_only,
a.sp_only,
span.sp_only {
	display: none;
}
@media screen and (max-width: 768px) {
	br.pc_only,
	a.pc_only,
	span.pc_only {
		display: none;
	}
	br.sp_only,
	a.sp_only,
	span.sp_only {
		display: inline;
	}
}

/*  other
--------------------------------------------- */

/* -- hover_opacity -- */
.hover_opacity {
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.hover_opacity:hover {
	opacity: .6;
}

/* ---------------------------------------------
*   container
--------------------------------------------- */
.container {
	max-width: 1185px;
	min-width: 903.75px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-left: auto;
	margin-right: auto;
}
.container:after {
	content: "";
	display: block;
	clear: both;
}
@media screen and (max-width: 1280px) {
	.container {
		width: 94.141vw;
	}
}
@media screen and (max-width: 768px) {
	.container {
		width: auto;
		min-width: initial;
		min-width: auto;
		min-width: none;
	}
}

/* ---------------------------------------------
*   header
--------------------------------------------- */
.header {
	position: absolute;
	/*position: fixed;*/
	width: 100%;
	min-width: 960px;
	z-index: 9999;
	background-color: #fff;
	margin: 0 auto;

	box-shadow: 0 0 3px 0 #aba391;
	-webkit-box-shadow: 0 0 3px 0 #aba391;
	-moz-box-shadow: 0 0 3px 0 #aba391;
}
@media screen and (max-width: 768px) {
	.header {
		position: fixed;
		min-width: initial;
		min-width: auto;
		min-width: none;
	}
}

/* ---------------------------------------------
*   header fixed
--------------------------------------------- */
@media screen and (min-width: 769px) {
	.header.fixed {
		position: fixed;
		width: 360px;
	    min-width: 220px;
		padding: 40px 0 27px;
		box-sizing: border-box;
		top: 0;
		right: 0;
		opacity: 0;
		pointer-events: none;
	}

	.header.fixed.active {
		opacity: 1;
		pointer-events: auto;
	}

	.header.fixed .container {
		min-width: auto;
	}

	.header.fixed #global-menu {
		border-left: none;
	}

	.header.fixed .global-menu_list {
		float: none;
		width: 100%;
		height: auto;
		margin-bottom: 0;
	}

	.header.fixed .global-menu_list:first-child {
		border-left: none;
	}

	.header.fixed .global-menu_list:nth-of-type(n + 2) {
		margin-top: 10px;
	}

	.header.fixed .header_menu_wrapper {
		float: none;
		width: 100%;
		padding-top: 0;
	}

	.header.fixed .header_logo_wrapper {
		float: none;
		width: 143px;
		padding: 0 9.07029478%;
	}

	.header-menu-btn {
		position: fixed;
		top: 30px;
		right: 2.23958333vw;
		width: 50px;
		height: 50px;
		background: #8F8370 url(/common/images/common/icon_btn-menu-sp_white.png) 50% 50% no-repeat;
		background-size: 27px;
		cursor: pointer;
		transition: opacity 300ms;
		z-index: 99999;
		opacity: 0;
		pointer-events: none;
	}

	.header-menu-btn.fixed {
		opacity: 1;
		pointer-events: auto;
	}

	.header-menu-btn:hover {
		opacity: 0.7;
	}

	.header-menu-btn.is-show {
		background-image: url(/common/images/common/icon_btn-menu-close-sp_white.png);
	}

	.header.fixed .header_logo .item_logo {
		background-size: 100% auto;
	}

	.header.fixed .header_upper_links.skin-hide {
		display: none;
	}

	.header_lower.skin-show {
		display: none;
	}

	.header.fixed .header_lower.skin-show {
		display: block;
	}

	.header.fixed .header_lower_inner {
		margin: 0 10.6575964%;
		border-top: 1px solid #BCBCBC;
		box-sizing: border-box;
	}

	.header.fixed .header_upper .header_upper_links:first-child {
		width: 100%;
		padding: 5px 5.55555556%;
		display: block;
	}

	.header.fixed .header_upper {
	    margin-top: 41px;
		padding: 0 9.07029478%;
		box-sizing: border-box;
	}

	.header.fixed .header_upper .header_upper_links form {
		text-align: left;
	}

	.header.fixed .header_upper .header_upper_links .search_icon {
		width: 22px;
	}

	.header.fixed .header_upper .header_upper_links .search_content {
		padding-left: 1.94444444%;
		font-size: 20px;
		width: 82.1428571%;
	}

	.header.fixed .header_lower_inner .header_upper_links:first-child {
		margin-top: 20px;
	}

	.header.fixed .header_lower_inner .item_english {
		display: inline-block;
		font-size: 20px;
		padding: 5px 7.20461095%;
	}

	.header.fixed .global-menu_link {
		font-size: 20px;
		font-weight: normal;
		padding: 10px 15.1927438%;
		text-align: left;
		letter-spacing: .02em !important;
		box-sizing: border-box;
	}

	.header.fixed .global-menu_list:hover .global-menu_link {
		font-weight: bold;
	}

	.header.fixed .header_lower {
		margin-top: 22px;
	}

	.header.fixed .header_lower_inner .header_upper_links.skin-fixed {
		margin-top: 13px;
	}

	.header.fixed .header_lower_inner .header_upper_links.skin-fixed .item_insta {
		display: inline-block;
		width: 41px;
		margin-left: 6.91642651%;
	}
}

@media screen and (max-width: 1400px) {
	.header.fixed {
		width: 200px;
		min-width: 200px;
	}
}

@media screen and (max-width: 768px) {
	.header.fixed {
		display: none;
	}
}

@media screen and (max-width: 1280px) {
	.header.fixed .container {
		width: 200px;
	}
}

@media screen and (max-width: 1400px) {
	.header.fixed .header_logo_wrapper {
		width: 110px;
	}
}

@media screen and (max-width: 1400px) {
	.header-menu-btn {
		top: 40px;
		right: 1.42857143vw;
		width: 37px;
		height: 37px;
		background-size: 20px;
	}
}

@media screen and (max-width: 14000px) {
	.header.fixed .header_logo .item_logo {
		padding-top: 48px;
	}
}

@media screen and (max-width: 1280px) {
	.header.fixed .header_upper {
		margin-top: 33px;
	}
}

@media screen and (max-width: 1300px) {
	.header.fixed .header_upper .header_upper_links .search_icon {
		width: 17px;
	}
}

@media screen and (max-width: 14000px) {
	.header.fixed .header_upper .header_upper_links .search_content {
		font-size: 14px;
		width: 110px;
	}
}

/*@media screen and (max-width: 1190px) {
	.header.fixed .header_upper .header_upper_links .search_content {
		width: 81.142857%;
	}
}*/

@media screen and (max-width: 14000px) {
	.header.fixed .header_lower_inner .item_english {
		font-size: 14px;
	}
}

@media screen and (max-width: 14000px) {
	.header.fixed .global-menu_link {
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.header-menu-btn {
		display: none;
	}
	.header.fixed {
		display: block !important;
		width: 100%;
		min-width: 100%;
	}
	.header.fixed .container {
		width: 100%;
	}
}

/* ---------------------------------------------
*   header fixed
--------------------------------------------- */
/*.header_logo_wrapper ,
.header_menu_wrapper ,
.header_upper ,
.global-menu_link ,
.global-menu_list ,
.header.fixed .header_logo_wrapper ,
.header.fixed .header_menu_wrapper ,
.header.fixed .header_upper ,
.header.fixed .global-menu_link ,
.header.fixed .global-menu_list {
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;

}

.header.fixed .header_logo_wrapper {
	padding-top: 11px;
	padding-bottom: 5px;
}
.header.fixed .header_menu_wrapper {
	/*padding-top: 14px;*/
/*}*/
/*.header.fixed .header_upper {
	display: none;
	margin-bottom: 9px;
}
.header.fixed .global-menu_link {
	padding: 2px 0;
	line-height: 1;
}
.header.fixed .global-menu_list {
	height: 19px;
	margin-bottom: 0;
}
.header.fixed .header_logo .item_logo {
	padding-top: 49px;
	background-size: 100% auto;
}
.header.fixed .header_logo {
	width: 120px;
}*/

/*  header_logo_wrapper
--------------------------------------------- */
.header_logo_wrapper {
	float: left;
	width: 173px;
	padding-top: 32px;
}

/*  header_logo
--------------------------------------------- */
.header_logo .item_logo {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 68px;
	background: url(/common/images/common/logo.gif) 0 0 no-repeat;
	overflow: hidden;
}

/*  header_menu_wrapper
--------------------------------------------- */
.header_menu_wrapper {
	float: right;
	width: 74.5992%;
	padding-top: 28px;
}

/*  header_upper
--------------------------------------------- */
.header_upper {
	width: 100%;
	text-align: right;
	margin-bottom: 19px;
}
.header_upper .item_english {
	position: relative;
	padding-left: 13px;
}
.header_upper .item_english:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 9px;
	height: 10px;
	background: url(/common/images/common/icon_arrow_gold_top.png) 0 center no-repeat;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.header_upper .item_english:hover {
	text-decoration: none;
	opacity: .6;
}

.header_upper .item_youtube{
	position: relative;
	padding-left: 13px;
}

.header_upper .item_insta {
	position: relative;
	padding-left: 23px;
}

.header_upper .item_youtube:hover,.header_upper .item_insta:hover {
	text-decoration: none;
	opacity: .6;
}


/* -- header_upper_links -- */
.header_upper .header_upper_links {
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}
.header_upper .header_upper_links:first-child {
	width: 205px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #e1dacf;
	background-color: #f7f7f7;
	padding: 3px 10px;
	margin-right: 25px;
}
.header_upper .header_upper_links .search_icon {
	vertical-align: top;
}
.header_upper .header_upper_links .search_content {
	padding-left: 7px;
	border: none;
	width: 150px;
	font-size: 14px;
	background-color: transparent;
	outline: none;
}

/*  header_lower
--------------------------------------------- */
.header_lower {
	width: 100%;
}

/*  header_menu_sp
--------------------------------------------- */
.header_menu_sp {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	display: none;
	width: 50px;
	height: 0;
	padding-top: 50px;
	background-color: #000;
	overflow: hidden;
	cursor: pointer;
}
@media screen and (max-width: 768px) {
	.header_menu_sp {
		display: block;
	}
}

/*  header_menu_trigger
---------------------------------------- */
.header_menu_trigger {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	width: 50px;
	height: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	z-index: 101;
}
.header_menu_trigger .item_line {
	position: absolute;
	display: inline-block;
	top: 25px;
	left: 50%;
	width: 15px;
	border-bottom: 1px solid #fff;
	line-height: 1;
	font-size: 0;
	margin-left: -7.5px;
	-webkit-animation: menu-center 0.5s forwards;
	animation: menu-center 0.5s forwards;
}
.header_menu_trigger .item_line:before,
.header_menu_trigger .item_line:after {
	content: "";
	position: absolute;
	left: 50%;
	display: inline-block;
	width: 15px;
	border-top: 1px solid #fff;
	margin-left: -7.5px;
}
.header_menu_trigger .item_line:before {
	top: -6px;
	-webkit-animation: menu-top 0.5s forwards;
	animation: menu-top 0.5s forwards;

}
.header_menu_trigger .item_line:after {
	top: 6px;
	-webkit-animation: menu-bottom 0.5s forwards;
	animation: menu-bottom 0.5s forwards;
}
.header_menu_trigger.skin_menu_open .item_line {
	-webkit-animation: menu-center--active 0.5s forwards;
	animation: menu-center--active 0.5s forwards;
}
.header_menu_trigger.skin_menu_open .item_line:before {
	-webkit-animation: menu-top--active 0.5s forwards;
	animation: menu-top--active 0.5s forwards;
}
.header_menu_trigger.skin_menu_open .item_line:after {
	-webkit-animation: menu-bottom--active 0.5s forwards;
	animation: menu-bottom--active 0.5s forwards;
}

@keyframes menu-top {
	100% {
		top: -6px;
		width: 15px;
		transform: rotate(0deg);
	}
	75% {
		top: 0;
		width: 15px;
		transform: rotate(0deg);
	}
	0% {
		top: 0;
		width: 12px;
		transform: rotate(45deg);
	}
}
@keyframes menu-center {
	100% {
		border-bottom: 1px solid #fff;
	}
	75% {
		border-bottom: 1px solid #fff;
	}
	0% {
		border: none;
	}
}
@keyframes menu-bottom {
	100% {
		top: 6px;
		width: 15px;
		transform: rotate(0deg);
	}
	75% {
		top: 0;
		width: 15px;
		transform: rotate(0deg);
	}
	0% {
		top: 0;
		width: 12px;
		transform: rotate(-45deg);
	}
}
@-webkit-keyframes menu-top {
	100% {
		top: -6px;
		width: 15px;
		-webkit-transform: rotate(0deg);
	}
	75% {
		top: 0;
		width: 15px;
		-webkit-transform: rotate(0deg);
	}
	0% {
		top: 0;
		width: 12px;
		-webkit-transform: rotate(45deg);
	}
}
@-webkit-keyframes menu-center {
	100% {
		border-bottom: 1px solid #fff;
	}
	75% {
		border-bottom: 1px solid #fff;
	}
	0% {
		border: none;
	}
}
@-webkit-keyframes menu-bottom {
	100% {
		top: 6px;
		width: 15px;
		-webkit-transform: rotate(0deg);
	}
	75% {
		top: 0;
		width: 15px;
		-webkit-transform: rotate(0deg);
	}
	0% {
		top: 0;
		width: 12px;
		-webkit-transform: rotate(-45deg);
	}
}
@keyframes menu-top--active {
	0% {
		top: -6px;
		width: 15px;
		transform: rotate(0deg);
	}
	75% {
		top: 0;
		width: 15px;
		transform: rotate(0deg);
	}
	100% {
		top: 0;
		width: 12px;
		transform: rotate(45deg);
	}
}
@keyframes menu-center--active {
	0% {
		border-bottom: 1px solid #fff;
	}
	75% {
		border-bottom: 1px solid #fff;
	}
	100% {
		border: none;
	}
}
@keyframes menu-bottom--active {
	0% {
		top: 6px;
		width: 15px;
		transform: rotate(0deg);
	}
	75% {
		top: 0;
		width: 15px;
		transform: rotate(0deg);
	}
	100% {
		top: 0;
		width: 12px;
		transform: rotate(-45deg);
	}
}
@-webkit-keyframes menu-top--active {
	0% {
		top: -6px;
		width: 15px;
		-webkit-transform: rotate(0deg);
	}
	75% {
		top: 0;
		width: 15px;
		-webkit-transform: rotate(0deg);
	}
	100% {
		top: 0;
		width: 12px;
		-webkit-transform: rotate(45deg);
	}
}
@-webkit-keyframes menu-center--active {
	0% {
		border-bottom: 1px solid #fff;
	}
	75% {
		border-bottom: 1px solid #fff;
	}
	100% {
		border: none;
	}
}
@-webkit-keyframes menu-bottom--active {
	0% {
		top: 6px;
		width: 15px;
		-webkit-transform: rotate(0deg);
	}
	75% {
		top: 0;
		width: 15px;
		-webkit-transform: rotate(0deg);
	}
	100% {
		top: 0;
		width: 12px;
		-webkit-transform: rotate(-45deg);
	}
}

/* ---------------------------------------------
*   global-menu
--------------------------------------------- */
#global-menu {
	width: 100%;
	border-left: solid 1px #efefef;
	margin-left: auto;
}

/*  global-menu_list
--------------------------------------------- */
.global-menu_list {
	float: left;
	width: 16.29%;
	height: 38px;
	text-align: center;
	border-right: solid 1px #efefef;
	font-weight: bold;
	margin-bottom: 10px;
}
.global-menu_list:first-child {
	border-left: solid 1px #efefef;
}
.global-menu_list.item_01 .global-menu_link {
	letter-spacing: 2px;
}
.global-menu_list.item_03 .columns_lists_title {
	padding-bottom: 3px;
}
.global-menu_list.item_03 .columns_lists_contents .item_list {
	padding-bottom: 0;
}
.global-menu_list.item_03 .columns_figure:nth-of-type(1) {
	width: 410px;
}
.global-menu_list.item_03 .columns_figure:nth-of-type(1) .columns_figure_left {
	width: 85px;
}
.global-menu_list.item_03 .columns_figure:nth-of-type(2) {
	width: 500px;
}
.global-menu_list.item_03 .columns_figure:nth-of-type(3) {
	width: 410px;
}
.global-menu_list.item_03 .columns_figure:nth-of-type(3) .columns_figure_left {
	width: 85px;
}
.global-menu_list.item_03 .columns_figure:nth-of-type(4) {
	width: 500px;
}
.global-menu_list.item_04 .columns_lists_title {
	padding-right: 10px;
	font-size: 14px;
	margin-bottom: 20px;
}
.global-menu_list.item_05 .separate_inner {
	padding-bottom: 70px;
}
.global-menu_list.item_05 .columns_lists_text {
	line-height: 2;
}
.global-menu_list.item_06 .columns_lists:nth-of-type(1) {
	width: 260px;
}
/*
.global-menu_list.item_06 .columns_lists:nth-of-type(2) {
	width: 170px;
}
*/
.global-menu_list.item_06 .columns_lists:nth-of-type(2) {
	width: 200px;
}
.global-menu_list.item_06 .columns_lists:nth-of-type(3) {
	width: 190px;
}
.global-menu_list.item_06 .columns_lists:nth-of-type(4) {
	width: 170px;
	padding-right: 0;
}
.global-menu_list.item_06 .columns_lists_contents.skin_mg {
	margin-bottom: 18px;
}
.global-menu_list.item_06 .columns_lists_title {
	padding-right: 10px;
}
.header_bnr_70th{ margin-top: 10px;}


/*  global-menu_link
--------------------------------------------- */
.global-menu_link {
	display: block;
	width: 100%;
	padding: 9px 0;
}
@media screen and (max-width: 1120px) {
	.global-menu_link {
		font-size: 13px;
	}
}
@media screen and (max-width: 1030px) {
	.global-menu_link {
		font-size: 12px;
	}
}
.global-menu_list:hover .global-menu_link {
	min-height: 30px;
	text-decoration: none;
	border: none;
	color: #fff;
	background-color: rgba(143 ,131 ,107, .9);
	z-index:9999;
}
.header.fixed .global-menu_list:hover .global-menu_link {
	padding-top: 10px;
	min-height: 25px;
}

/* ---------------------------------------------
*   wrapper
--------------------------------------------- */
.wrapper {
	padding-top: 123px;
}
@media screen and (max-width: 768px) {
	.wrapper {
		padding-top: 51px;
	}
}

/* ---------------------------------------------
*   separate
--------------------------------------------- */
.separate {
	display: none;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	z-index: 95;
	text-align: left;
	line-height: 1.5;
	background-color: rgba(102 ,94 ,76, .95);
}

.header.active.fixed .separate {
    position: fixed;
    top: 0;
    right: 0;
    min-width: 960px;
    width: 61.1458333vw;
    min-height: 555px;
    margin-right: 360px;
    margin-left: auto;
    background-color: #8F8370;
}

@media screen and (max-width: 1400px) {
	.header.active.fixed .separate {
		margin-right: 200px;
	}
}

@media screen and (max-width: 1190px) {
	.header.active.fixed .separate {
	    min-width: 760px;
	}
}
/*
@media screen and (max-width: 1300px) {
	#fixed .separate {
		right: 0;
		left: auto;
		margin-right: auto;
		margin-left: auto;
	}
}*/

.header.active.fixed .separate {
	display: none;
}

/*  separate_inner
--------------------------------------------- */
.separate_inner {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 960px;
	padding: 30px 10px;
	margin: auto;
}

@media screen and (max-width: 1190px) {
	.header.active.fixed .separate_inner {
	    width: 760px;
	}
}

/*  separate_close
--------------------------------------------- */
.separate_close {
	position: absolute;
	top: 30px;
	right: 10px;
	cursor: pointer;
	z-index: 1;
}

/*  separate_title
--------------------------------------------- */
.separate_title {
	position: relative;
	padding-left: 18px;
	letter-spacing: .05em;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}
.separate_title:before {
	display: block;
	content: "";
	position: absolute;
	top: 6px;
	left: 0;
	width: 9px;
	height: 14px;
	background: url(/common/images/common/nav_arrow_menu.png) 0 center no-repeat;
}
.separate_title .item_caption {
	vertical-align: middle;
	font-size: 12px;
	font-weight: normal;
	margin-left: 30px;
}

.separate_title .second_title {
	background: url(/common/images/common/nav_arrow_menu.png) 0 center no-repeat;
	padding: 3px 0 0 1em;
	margin-left: 5em;
}

/*  separate_contents
--------------------------------------------- */
.separate_contents {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
	.separate_contents {
		display: block;
	}
}

/* -- separate_break_left -- */
.separate_break_left {
	float: left;
}

/* -- separate_break_right -- */
.separate_break_right {
	float: right;
	padding-top: 57px;
}

/* break_right_list */
.separate_break_right .break_right_list {
	padding-bottom: 38px;
}
.separate_break_right .break_right_list .item_list {
	position: relative;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #fff;
	font-weight: normal;
}
.separate_break_right .break_right_list .item_list:before {
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 5px;
	height: 7px;
	background: url(/common/images/common/nav_arrow_list.png) 0 center no-repeat;
}

/*  separate_map
--------------------------------------------- */
.separate_map {
	position: relative;
	width: 730px;
	height: 415px;
	float: left;
	/*border-right: solid 1px #efefef;*/
	background: url(/common/images/common/nav_img_map.png) center center no-repeat;
	background-position: 225px 50px;
	margin-bottom: 5px;
}

/* map_detail_content */
.separate_map_detail .map_detail_content {
	position: absolute;
	padding-bottom: 15px;
	letter-spacing: .5px;
	font-size: 12px;
	background-color: #efefef;
}
.separate_map_detail .map_detail_content.skin_area01 {
	right: 105px;
	right: 98px;
	background-color: #efefef;
	padding: 10px 27px;
}
.separate_map_detail .map_detail_content.skin_area01 dt {
	padding: 0;
	color: #333;
	background-color: #efefef;
}
.separate_map_detail .map_detail_content.skin_area02 {
	top: 55px;
	left: 223px;
	width: 210px;
}
.separate_map_detail .map_detail_content.skin_area03 {
	top: 157px;
	right: 37px;
	width: 155px;
}
.separate_map_detail .map_detail_content.skin_area04 {
	top: 157px;
	left: 223px;
	width: 145px;
}
.separate_map_detail .map_detail_content.skin_area05 {
	top: 310px;
	right: 37px;
	width: 155px;
}
.separate_map_detail .map_detail_content.skin_area06 {
	top: 55px;
	left: 0;
	width: 210px;
}
.separate_map_detail .map_detail_content.skin_area07 {
	top: 157px;
	left: 0;
	width: 210px;
}
.separate_map_detail .map_detail_content.skin_area08 {
	top: 285px;
	left: 0;
	width: 210px;
}

.separate_map_detail .map_detail_content dt {
	color: #fff;
	padding: 3px 0 3px 15px;
	background-color: #a69479;
	border-top: 1px solid #efefef;
	border-right: 1px solid #efefef;
	border-left: 1px solid #efefef;
}

.separate_map_detail .map_detail_content dd p {
	width: 40px;
	float: left;
	padding: 0 0 0 11px;
	font-weight: normal;
	background: url(/common/images/common/nav_map_list.png) 0 7px no-repeat;
	margin: 7px 0px 0px 15px;
}

/* ---------------------------------------------
*   footer
--------------------------------------------- */
.footer {
/*	margin-top: 30px; */
	padding-top: 35px;
	border-top: 1px solid #cab89a;
}
@media screen and (max-width: 768px) {
	.footer {
		margin-top: 2.13333333vw;
		padding-top: 0;
	}
}

/*  footer_links
--------------------------------------------- */
.footer_links {
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	margin-bottom: 30px;
	text-align:left;
}
@media screen and (max-width: 768px) {
	.footer_links {
		display: none;
	}
}

/* -- footer_links_title -- */
.footer_links_title {
	font-weight: bold;
	margin-bottom: 10px;
}
.footer_links_title .footer_links_title_s{ font-weight:normal; font-size:90%;}
.footer_links_title.skin_mg {
	margin-bottom: 30px;
}
.footer_links_title.skin_frame {
	padding-right: 3.33%;
}
.footer_links_title.skin_frame2 {
	padding-right: 1%;
}
.footer_links_title.skin_frame:first-child {
	padding-right: 1%;
}

.footer_links_title .fotter_snsbox{ margin-top: 100px; width:170px;}
.footer_links_title .fotter_sns{  color: #666666; display: inline-block; vertical-align: middle; margin-right: 5px;}
.footer_links_title .fotter_sns2{  color: #666666; margin-bottom: 5px; font-size: 0.9em;}
.footer_links_title .fotter_sns a:hover{opacity: .6;}

/* -- footer_links_box -- */
.footer_links_box .footer_links_more {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	-o-column-count: 2;
	column-count: 2;
	-webkit-column-width: 50%;
	-moz-column-width: 50%;
	-o-column-width: 50%;
	column-width: 50%;
}

/* -- footer_links_more -- */
.footer_links_more {
	margin-top: 10px;
}
.footer_links_more .item_list {
	position: relative;
	padding-left: 17px;
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 3px;
}
.footer_links_more .item_list:before {
	display: block;
	content: "";
	position: absolute;
	top: 4px;
	left: 0;
	width: 7px;
	height: 7px;
	background: url(/common/images/common/icon_arrow_footer.png) 0 center no-repeat;
}

/* footer_links2
---------------------------------------- */
.footer_links2 {
	text-align: center;
	letter-spacing: -.4em;
	margin-bottom: 25px;
}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	.footer_links2 {
		text-align: left;
		letter-spacing: normal;
		margin-bottom: 0;
	}
}

/* item_link */
.footer_links2 .item_link {
	display: inline-block;
	letter-spacing: normal;
	margin-left: 12px;
}
.footer_links2 .item_link:before {
	content: "|";
	display: inline-block;
	margin-right: 10px;
}
.footer_links2 .item_link:first-child {
	margin-left: 0;
}
.footer_links2 .item_link:first-child:before {
	display: none;
}
.footer_links2 .sp_only{ display:none;}
@media screen and (max-width: 640px) , screen and (orientation: landscape) and (max-width: 738px) {
	footer .footer_links2 .item_link {
		display: block;
		margin-left: 0;
		border-top: 1px solid #d7d7d7;
/*		font-size: .93em !important; */
		font-size: 13px !important;
	}
	.footer_links2 .sp_only{ display: block;}
	footer .footer_links2 .item_link a {
		display: block;
		padding: 3.125% 7.258064516%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-background-size: 16px 16px;
		background-size: 16px 16px;
	}
	footer .footer_links2 .item_link:before {
		display: none;
	}
}

/*  footer_copyrights
--------------------------------------------- */
.footer_copyrights {
	padding: 23px 0;
	text-align: center;
	background-color: #8f836b;
}

/* -- item_copyright -- */
.footer_copyrights .item_copyright {
	color: #fff;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.footer_copyrights .item_copyright {
		font-size: 2.949vw;
	}
}

/* ---------------------------------------------
*   columns_lists
--------------------------------------------- */
.columns_lists.skin-two {
	width: 47%;
}
.columns_lists.skin-three {
	width: 24%;
}
.columns_lists.skin-five_min {
	width: 12% !important;
}
.columns_lists.skin-five_max {
	width: 23% !important;
}
.columns_lists.skin-twoplus {
	width: 70%;
}

/*  columns_lists_title
--------------------------------------------- */
/*.columns_lists_title {
	padding-bottom: 10px;
	border-bottom: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}*/

.columns_lists_title {
  padding-bottom: 10px;
	border-bottom: 1px solid #fff;

	position: relative;
	padding-left: 13px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}
.columns_lists_title:before {
	display: block;
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 9px;
	height: 14px;
	background: url(/common/images/common/nav_arrow_title.png) 0 center no-repeat;
}

.columns_lists_support .columns_lists .columns_lists_title {
	font-size: 13px !important;
}

/*  columns_lists_text
--------------------------------------------- */
.columns_lists_text {
	color: #fff;
	font-weight: normal;
}

/*  columns_lists_contents
--------------------------------------------- */
.columns_lists_contents .item_list {
	position: relative;
	padding-bottom: 10px;
	padding-left: 10px;
	color: #fff;
	font-weight: normal;
}
.columns_lists_contents .item_list:before {
	display: block;
	content: "";
	position: absolute;
	top: 7px;
	left: 0;
	width: 5px;
	height: 7px;
	background: url(/common/images/common/nav_arrow_list.png) 0 center no-repeat;
}

/* ---------------------------------------------
*   columns_figure
--------------------------------------------- */
.columns_figure {
	width: 48%;
	overflow: hidden;
	margin-bottom: 35px;
}

/*  columns_figure_left
--------------------------------------------- */
.columns_figure_left {
	float: left;
	width: 110px;
}

/*  columns_figure_right
--------------------------------------------- */
.columns_figure_right {
	overflow: hidden;
}

/* ---------------------------------------------
*   mapBlock
--------------------------------------------- */
.separate .mapBlock {
	width:502px;
	height:436px;
	float:left;
	border-right:solid 1px #efefef;
	position:relative;
}
.separate .mapBlock a {
	color:#222;
}
.separate .mapBlock a:hover {
	color:#e0384f;
}
.separate .mapBlock dl {
	position:absolute;
}
.separate .mapBlock .area01 {
	top:115px;
	right:49px;
}
.separate .mapBlock .area02 {
	top:188px;
	right:32px;
	width:100px;
}
.separate .mapBlock .area02 dt {
	text-align:left;
	padding:0 0 10px 30px
}
.separate .mapBlock .area03 {
	top:317px;
	right:37px;
	width:100px;
}
.separate .mapBlock .area04 {
	top:101px;
	left:165px;
	width:100px;
}
.separate .mapBlock .area05 {
	top:357px;
	right:159px;
	width:100px;
}
.separate .mapBlock .area06 {
	top:101px;
	left:10px;
	width:100px;
}
.separate .mapBlock .area05 dt {
	text-align:left;
	padding:0 0 10px 30px
}
.separate .mapBlock .area07 {
	top:221px;
	left:20px;
	width:250px;
}
.separate .mapBlock .area08 {
	top:357px;
	left:10px;
	width:200px;
}
.separate .mapBlock dl dt {
	font-size:13px;
	font-weight:bold;
	text-align:center;
	padding:0 0 10px 0;
}
.separate .mapBlock .area01 dt {
	top:115px;
	right:49px;
	padding:0 0 0 10px;
}
.separate .mapBlock dl dd p {
	width:40px;
	padding:0 0 0 10px;
	font-size:12px;
}
.slick-dots {
	position: absolute;
	bottom: 10px;
	left: 50%;
	display: -webkit-flex;
	display: -webkit-box;
	display: -ms-box;
	display: -ms-flexbox;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.slick-dots li {
	width: 45px;
	margin-right: 10px;
	outline: none;
}
.slick-dots li:last-of-type {
	margin-right: 0;
}
.slick-dots button {
	border: none;
	font-size: 0;
	width: 100%;
	height: 5px;
	background: url(/common/images/common/icon_slick_white.png) 0 0 no-repeat;
	-webkit-background-size: 100%;
	outline: none;
	cursor: pointer;
}
.slick-dots .slick-active button {
	width: 100%;
	height: 6px;
	background-image: url(/common/images/common/icon_slick_current.png);
}
@media screen and (max-width: 768px) {
	.slick-dots {
		bottom: 1.302vw;
	}
	.slick-dots li {
		width: 5.859vw;
		margin-right: 1.302vw;
	}
	.slick-dots button {
		height: .651vw;
	}
	.slick-dots .slick-active button {
		height: .78125vw;
	}
}

/* ---------------------------------------------
*   headerSP forSP
--------------------------------------------- */
@media screen and (max-width: 768px) {
	#headerSP {
		position: relative;
		width: 100%;
		height: 50px;
		border-bottom: 1px solid #b3b3b3;
	}
	#headerSP .logo {
		float: left;
		margin: 13px 0 0 13px;
	}
	#headerSP .logo a {
		display: block;
	}
	#headerSP .logo img {
		width: 108px !important;
		height: auto;
	}
	#headerSP .link {
		display: flex;
		float: right;
		margin: 11px 3.8666667% 0 3px;
	}

	#headerSP .link a {
		display: flex;
	    align-items: center;
	    justify-content: center;
	    width: 116px;
	    height: 28px;
	    background-color: #8F8370;
	    border-radius: 3px;
	    color: #fff;
	    font-size: 12px;
	    line-height: 12px;
	}



	#headerSP .btnSearch {
		float: right;
		margin: 15px 17px 0 0;
	}
	#headerSP .btnsns {
		float: right;
		margin: 13px 13px 0 0;
	}
	#headerSP .btnsns img {
		height: 2.9vh;
	}

	#headerSP .btn_sns_right{margin-right: 25px;}

	#headerSP .btnSearch span {
		display: block;
		text-indent: -9999px;
		width: 20px;
		height: 20px;
		background: url(/common/images/common/icon_btn-search-sp.png) !important;
		background-size: 20px !important;
		opacity: 0.5;
	}
	#headerSP .btnSearch.current span {
		opacity: 1;
	}
	#headerSP .btnMenu {
		float: right;
		margin: 15px 17px 0 0;
	}
	#headerSP .btnMenu span {
		display: block;
		text-indent: -9999px;
		width: 20px;
		height: 20px;
		background: url(/common/images/common/icon_btn-menu-sp.png) 50% 50% no-repeat !important;
		background-size: 20px !important;
		opacity: 1 !important;
	}
	#headerSP .btnMenu.current span {
		background-image: url(/common/images/common/icon_btn-menu-close-sp.png) !important;
	}
	/*#headerSP .btnMenu.current span {
		opacity: 1;
	}*/
	#headerSP .searchBox {
		display: none;
		box-sizing: border-box;
		position: absolute;
		z-index: 50;
		top: 50px;
		left: 0px;
		padding: 4px 20px 0;
		width: 100%;
		height: 50px;
		background-color: #fff;
	}
	#headerSP .searchBox input[type="text"] {
		box-sizing: border-box;
		width: 100%;
		height: 30px;
		border: 0;
		padding: 0 10px;
		font-size: 1.2rem;
		background-color: #f2f2f2;
		border-radius: 2.5px;
	}
	#headerSP .menuBox {
		display: none;
		position: absolute;
		z-index: 50;
		top: 50px;
		left: 0px;
		width: 100%;
		overflow-y: scroll;
		height: calc(100vh - 51px);
	}
	#headerSP .menuBox ul {
		width: 100%;
		/*overflow-y: scroll;*/
		/*height: calc(100vh - 51px);*/
	}
	#headerSP .menuBox ul li {
		position: relative;
	}
	#headerSP .menuBox ul li {
		position: relative;
	}
	#headerSP .menuBox ul li a {
		display: block;
		font-size: 13px;
		padding: 18px 20px;
		color: #1a1a1a;
		background-color: #fff;
		border-bottom: 1px solid #b3b3b3;
	}
	#headerSP .menuBox ul li a:hover {
		text-decoration: none;
	}
	#headerSP .menuBox ul li .menu-icon {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		z-index: 1;
		width: 55px;
		height: 55px;
		background: url(/common/images/common/arrow_menu.png) 50% 50% no-repeat;
		background-size: 17px auto;
		pointer-events: none;
	}
	#headerSP .menuBox ul li .js-acc-trigger.is-show + .menu-icon {
	    transform: scale(1, -1);
	}
	#headerSP .menuBox ul li .acc-menu {
	    border-bottom: 1px solid #b3b3b3;
	}
	#headerSP .menuBox ul li .acc-menu__list {
		height: auto;
		overflow-y: auto;
	}
	#headerSP .menuBox ul li .acc-menu__list-item {
		background-color: #8F8370;
	}
	#headerSP .menuBox ul li .acc-menu__list-item.acc-menu__list-item--harf {
		display: flex;
	}
	#headerSP .menuBox ul li .acc-menu__list-item.acc-menu__list-item--harf .acc-menu__list-item-inner ,
	#headerSP .menuBox ul li .acc-menu__list-item.acc-menu__list-item--harf .acc-menu__list-link {
		width: 50%;
	}
	#headerSP .menuBox ul li .acc-menu__list-item.acc-menu__list-item--harf .acc-menu__list-link {
		padding-top: 10px;
		padding-bottom: 13px;
	}
	#headerSP .menuBox ul li .acc-menu__list-item:nth-of-type(n + 2) {
		border-top: 1px solid #fff;
	}
	#headerSP .menuBox ul li .acc-menu__list-item .acc-menu__list-item-link {
		color: #fff;
		font-size: 13px;
		padding: 16px 10px 16px 43px;
		border: none;
		background-color: #8F8370;
		background: url(/common/images/common/icon_header_link.png) 28px 50% no-repeat;
		background-size: 5px auto;
	}
	#headerSP .menuBox ul .acc-menu__list-link-item a {
		padding: 8px 13px;
		border: none;
		color: #fff;
		background-color: #8F8370;
		font-size: 13px;
	}
}
@media screen and (max-width: 340px) {
	#headerSP .link {
		margin-right: 5.88235294vw;
	}
}

.pagetop2 {
	position: fixed;
	padding: 10px 4px 0 4px;
	bottom: 15px;
	right: 5px;
	z-index:999;
	}
.pagetop2 img {
    width: 45px;
	}

/* for IE6 */
* html .pagetop2 {
	position: relative;
	width:980px;
	text-align:right;
	}

/*
@media screen and (max-width: 768px) {
	.pagetop2 {
		display:none;
		visibility:hidden;
	}
}
*/
/* ---------------------------------------------
*   basedesign-section
--------------------------------------------- */
.basedesign_contents .basedesign-section #content {
	margin: 0 auto !important;
}
@media screen and (max-width: 768px) {
    .basedesign-section {
        padding-right: 3.75%;
        padding-left: 3.75%;
    }
}

.basedesign-section__container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 47px;
    margin-left: auto;
    width: 960px;
}

@media screen and (max-width: 768px) {
    .basedesign-section__container {
        margin-bottom: 10%;
        width: auto;
    }
}

.bottom_navi_links{height:97px; margin:60px 0 40px!important; _margin:60px 0 0; overflow:visible!important; text-align: center;}

.mgb-pc--10 {
	margin-bottom: 10px;
}
.mgb-pc--20 {
	margin-bottom: 20px;
}
.mgb-pc--30 {
	margin-bottom: 30px;
}


/* ---------------------------------------------
*   online-sr
--------------------------------------------- */
.online_sr{ display: flex; margin-bottom: 2em;color:#ffffff;}
.online_sr a{ display: block;color:#ffffff;}
.online_sr_r{ font-weight: normal;color:#ffffff;}
.online_sr_l{ width:583px;color:#ffffff;}
.online_sr_txt{font-weight: normal; color:#ffffff;}


.separate_break_right_olsr {
	float: right;
	width:200px;
	padding-top: 30px;
	margin-top: 30px;}
.separate_break_right_olsr dl{box-sizing: border-box; padding: 10px; background-color: #efefef; margin-bottom: 10px;}
.separate_break_right_olsr dt{ padding-bottom: 5px; border-bottom: 1px solid; margin-bottom: 15px;}
.separate_break_right_olsr dd{ font-size:0.9em;}
.separate_break_right_olsr dd img{margin-top:5px;}

/* ---------------------------------------------
*   2021/08/20
*   slide-keyvisual
--------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
/*font-family: 'Noto Sans JP', sans-serif;*/

.container-item {
	max-width: 1020px;
	padding-right: 60px;
	padding-left: 60px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 768px) {
	.container-item {
		padding-right: 2.8%;
		padding-left: 2.8%;
	}
}

@media screen and (max-width: 768px) {
	.container-item--sp-none {
		padding-right: 0;
		padding-left: 0;
	}
}

@media screen and (max-width: 768px) {
	.container-item--narrow {
		padding-right: 4%;
		padding-left: 5.73333333%;
	}
}

.slide-keyvisual {
	position: relative;
}

.slide-keyvisual__ttl {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	z-index: 9;
	/*margin-top: -5.20833333vw; */
	/*margin-top: -100px;*/
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	font-size: 3.52916667vw;
	/*font-size: 62px;*/
	line-height: 1;
	/*padding: 10px 10px;*/
	letter-spacing: .1em;
	width: 56%;

    text-shadow: 0 0 15px #fff, 0 0 15px #fff, 0 0 5px #fff;
    filter: drop-shadow(0 0 10px #fff);
}

@media screen and (min-width: 769px) {
	.slide-keyvisual__ttl {
/*		background-color: #FFF; */
/*		mix-blend-mode: luminosity; ***** */
/*		mix-blend-mode: screen; */
		padding: 0.520833333vw 0.520833333vw;
	}
}

@media screen and (max-width: 768px) {
/*
	.slide-keyvisual__ttl {
		font-size: 6.4vw;
		color: #fff;
	    width: 100%;
	    text-align: center;
        margin-top: -2.4vw;
	}
*/
	.slide-keyvisual__ttl {
		font-size: 6.0vw;
		letter-spacing: 0;
	    color: #111;
	    width: 100%;
	    text-align: center;
	    margin-top: -2.4vw;
/*	    background: rgba(255,255,255,0.6); */
	    padding: 0.5em 0;
	}
}

.slide-keyvisual__ttl-item {
	display: block;
}

@media screen and (min-width: 769px) {
	.slide-keyvisual__ttl-item {
	    padding-bottom: 4px;
	}
	.windows .slide-keyvisual__ttl-item {
	    padding-top: 2px;
	}
}

.slide-keyvisual__content {}

.slide-keyvisual__content-item {
	padding-top: 54.4270833vw;
	background-position: 0 50%;
	background-size: cover;
}

@media screen and (max-width: 768px) {
	.slide-keyvisual__content-item {
		padding-top: 60.9333333vw;
	}
}

/* ---------------------------------------------
*   section-item
--------------------------------------------- */
.section-item {
	padding-top: 82px;
	padding-bottom: 116px;
}

@media screen and (max-width: 768px) {
	.section-item {
		padding-top: 4.26666667vw;
		padding-bottom: 7.33333333vw;
	}
}

.section-item--purchase {
    padding-top: 160px;
    padding-bottom: 35px;
}

@media screen and (max-width: 768px) {
	.section-item--purchase {
		padding-top: 8.93333333vw;
	    padding-bottom: 9.06666667vw;
	}
}

.section-item--product {
    padding-bottom: 64px;
}

@media screen and (max-width: 768px) {
	.section-item--product {
		padding-bottom: 9.33333333vw;
	}
}

.section-item--news {
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.section-item--news {
		padding-bottom: 0;
	}
}

.section-item--last {
    padding-bottom: 200px;
}

@media screen and (max-width: 768px) {
	.section-item--last {
		padding-top: 12.9333333vw;
	    padding-bottom: 13.3333333vw;
	}
}

.section-item__ttl {
	text-align: center;
    letter-spacing: .26em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
}

@media screen and (max-width: 768px) {
	.section-item__ttl {
	    letter-spacing: .13em;
		font-size: 6.53333333vw;
	}
}

.section-item__ttl--small {
	font-size: 30px;
}

@media screen and (max-width: 768px) {
	.section-item__ttl--small {
		font-size: 4.4vw;
	}
}

/* ---------------------------------------------
*   slide-lists
--------------------------------------------- */
.slide-lists {
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
	.slide-lists {
		margin: 2.93333333vw 3.6vw 0;
	}
}

.slide-lists .slick-arrow {
	position: absolute;
	top: 50%;
	z-index: 9;
	transform: translateY(-50%);
	font-size: 0;
	width: 56px;
	height: 96px;
	border: none;
	padding: 0;
	background-size: 100% auto;
	background-color: transparent;
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	transition: opacity 300ms;
}

@media screen and (min-width: 769px) {
	.slide-lists .slick-arrow:hover {
		opacity: .6;
	}
}

@media screen and (max-width: 768px) {
	.slide-lists .slick-arrow {
		width: 7.46666667vw;
		height: 12.8vw;
	}
}

.slide-lists .slick-prev.slick-arrow {
	left: -60px;
	background-image: url(/common/images/common/icon_slide_left_white.png);
}

@media screen and (max-width: 768px) {
	.slide-lists .slick-prev.slick-arrow {
		left: -5.33333333vw;
	}
}

.slide-lists .slick-next.slick-arrow {
	right: -60px;
	background-image: url(/common/images/common/icon_slide_right_white.png);
}

@media screen and (max-width: 768px) {
	.slide-lists .slick-next.slick-arrow {
		right: -5.33333333vw;
	}
}

.slide-lists .slick-dots {
	bottom: -43px;
}

@media screen and (max-width: 768px) {
	.slide-lists .slick-dots {
		bottom: -8.8vw;
	}
}

.slide-lists .slick-dots li {
	width: 15px;
}

@media screen and (max-width: 768px) {
	.slide-lists .slick-dots li {
		width: 2.66666667vw;
	    margin-right: 2.13333333vw;
	}
}

.slide-lists .slick-dots li.slick-active button {
	background: #D80C25;
}

.slide-lists .slick-dots button {
	border-radius: 50%;
	padding: 0;
	height: 15px;
	background: #E9E9E9;
}

@media screen and (max-width: 768px) {
	.slide-lists .slick-dots button {
		height: 2.66666667vw;
	}
}

.slide-lists__item {}

.slide-lists__link {
	display: block;
	margin: 0 13px;
}

@media screen and (max-width: 768px) {
	.slide-lists__link {
		margin: 0;
	}
}

/* ---------------------------------------------
*   section-box
--------------------------------------------- */
.section-box {
	padding: 30px 58px 36px;
	margin-top: 130px;
	border: 1px solid #8F8370;
}

@media screen and (max-width: 768px) {
	.section-box {
		padding: 3.06666667vw 3.2vw 3.2vw;
		margin-top: 16vw;
	}
}

.section-box__list {}

.section-box__list-item {}

.section-box__list-item:nth-of-type(n + 2) {
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.section-box__list-item:nth-of-type(n + 2) {
		margin-top: 3.2vw;
	}
}

.section-box__list-txt {
	position: relative;
    line-height: 1.55;
	font-size: 13px;
	padding-left: 1.1em;
	letter-spacing: .1em;
}

@media screen and (max-width: 768px) {
	.section-box__list-txt {
		font-size: 2.4vw;
	}
}

.section-box__list-txt::before {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: 0 0 no-repeat;
	background-size: 100% auto;
	content: '■';
}

.section-box__list-txt a {
	color: #CC0000;
	text-decoration: underline;
}

.section-box__list-txt a:hover {
	text-decoration: none;
}

/* ---------------------------------------------
*   box-contents
--------------------------------------------- */
.box-contents {
    padding-top: 125px;
	background-color: #EAE9E5;
}

@media screen and (max-width: 768px) {
	.box-contents {
		padding-top: 3.86666667vw;
	}
}

/* ---------------------------------------------
*   tab change
--------------------------------------------- */
.c-selector {
	display: flex;
	flex-wrap: wrap;
}

.c-selector--two {
	max-width: 1153px;
	padding-right: 35px;
	padding-left: 35px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 768px) {
	.c-selector--two {
		padding-right: 1.46666667vw;
    	padding-left: 2.53333333vw;
	}
}

.c-selector--four {
	max-width: 1149px;
	padding-right: 35px;
	padding-left: 35px;
    margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
}

@media screen and (max-width: 768px) {
	.c-selector--four {
		padding-right: 4.66666667vw;
    	padding-left: 3.73333333vw;
    	margin-top: 4vw;
	}
}

.c-selector--two .c-selector__item {
	width: 50%;
}

.c-selector--four .c-selector__item {
	width: 24.3884359%;
	margin-right: 0.815418829%;
}

@media screen and (max-width: 768px) {
	.c-selector--four .c-selector__item {
		width: 48.9082969%;
		margin-right: 2.18340611%;
	}
}

.c-selector--four .c-selector__item:nth-of-type(4n) {
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	.c-selector--four .c-selector__item:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 768px) {
	.c-selector--four .c-selector__item:nth-of-type(n + 3) {
		margin-top: 1.06666667vw;
	}
}

.c-selector__item {}

.c-selector__trigger {
	width: 100%;
	padding: 11px 10px;
	box-sizing: border-box;
    letter-spacing: .2em;
    color: #8F8370;
	font-size: 18px;
	font-weight: bold;
	border: none;
	background-color: #fff;
	cursor: pointer;
	transition: opacity 300ms;
}

@media screen and (min-width: 769px) {
	.c-selector__trigger:hover {
		opacity: .6;
	}
}

@media screen and (max-width: 768px) {
	.c-selector__trigger {
		padding: 1.33333333vw;
		font-size: 3.46666667vw;
		height: 10.4vw;
	}
}

.c-selector__trigger.is-current {
	position: relative;
	background-color: #8F8370;
	color: #fff;
}

.c-selector__trigger.is-current::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -12px;
	transform: translateX(-50%);
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0 13px;
	border-color: #8F8370 transparent transparent transparent;
}

@media screen and (max-width: 768px) {
	.c-selector__trigger.is-current::before {
		bottom: -1.6vw;
		border-width: 1.73333333vw 1.73333333vw 0 1.73333333vw;
	}
}

.c-block-wrapper {}

.c-block {
    margin-top: 50px;
}

@media screen and (max-width: 768px) {
	.c-block {
		margin-top: 6.53333333vw;
	}
}

.c-block--news {
	margin-top: 33px;
}

@media screen and (max-width: 768px) {
	.c-block--news {
		margin-top: 2.66666667vw;
	}
}

.js-tab-target {
    display: none;
}

.js-tab-target.is-current {
    display: block;
}

/* ---------------------------------------------
*   c-btn-1
--------------------------------------------- */
.c-btn-1 {
    position: relative;
    display: block;
    padding: 4px 15px 4px 15px;
    min-height: 48px;
    border-radius: 12px;
    color: transparent;
    cursor: pointer;
    -webkit-transition: 300ms;
    transition: 300ms;
}

@media screen and (max-width: 768px) {
	.c-btn-1 {
		padding: 0.533333333vw 2vw 0.533333333vw 2vw;
	    min-height: 8vw;
	    border-radius: 1.6vw;
	}
}

.c-btn-1.is-move {
    pointer-events: none;
}

.c-btn-1 input {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 25px;
    width: 100%;
}

@media screen and (max-width: 768px) {
	.c-btn-1 input {
		min-height: 3.33333333vw;
	}
}

.c-btn-1 input:checked + .c-btn-1__border {
    background-color: #8F8370;
}

.c-btn-1 input:checked + .c-btn-1__border::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -12px;
	transform: translateX(-50%);
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 13px 13px 0 13px;
	border-color: #8F8370 transparent transparent transparent;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.c-btn-1 input:checked + .c-btn-1__border::before {
		bottom: -1.6vw;
		border-width: 1.73333333vw 1.73333333vw 0 1.73333333vw;
	}
}

.c-btn-1 input:checked + .c-btn-1__border .c-btn-1__txt {
    color: #fff;
}

.c-btn-1__border {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    width: 100%;
    width: 100%;
    height: 100%;
    background-color: #fff;
    -webkit-transition: background-color 0.3s cubic-bezier(0.6, 0.31, 0.16, 0.99), color 0.3s cubic-bezier(0.6, 0.31, 0.16, 0.99);
    transition: background-color 0.3s cubic-bezier(0.6, 0.31, 0.16, 0.99), color 0.3s cubic-bezier(0.6, 0.31, 0.16, 0.99);

    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    justify-content: center;
}

.c-btn-1__border:hover {
    background-color: #8F8370;
}

.c-btn-1__border:hover .c-btn-1__txt {
    color: #fff;
}

.c-btn-1__txt {
    position: absolute;
    top: 50%;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 12px 2px;
    box-sizing: border-box;
    letter-spacing: .2em;
    color: #8F8370;
    font-size: 18px;
    font-weight: bold;
    border: none;
    /*background-color: #fff;*/
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
	.c-btn-1__txt {
		padding: 1.33333333vw 0.266666667vw;
		font-size: 3.33333333vw;
	}
}

/* ---------------------------------------------
*   list-card
--------------------------------------------- */
.list-card {
	display: flex;
	flex-wrap: wrap;
}

.list-card--links {
    margin-top: 35px;
}

@media screen and (max-width: 768px) {
	.list-card--links {
		margin-top: 3.33333333vw;
	}
}

/*
.list-card__item {
	width: 32.1538462%;
	margin-right: 1.76923077%;
}
*/
.list-card__item {
	width: 33.0153846%;
	margin-right: 3px;
}

@media screen and (max-width: 768px) {
	.list-card__item {
		width: 46.7vw;
	    margin-right: 1vw;
	}
}

@media screen and (max-width: 768px) {
	.list-card__item:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media screen and (min-width: 769px) {
	.list-card__item:nth-of-type(3n) {
		margin-right: 0;
	}
}

@media screen and (max-width: 768px) {
	.list-card__item:nth-of-type(n + 3) {
	    margin-top: 1vw;
	}
}

@media screen and (min-width: 769px) {
	.list-card__item:nth-of-type(n + 4) {
		margin-top: 3px;
	}
}

.list-card--links .list-card__item {
	background-color: #fff;
}

.list-card__list {
	display: block;
	transition: opacity 300ms;
}

@media screen and (min-width: 769px) {
	.list-card__list:hover {
		text-decoration: none;
		opacity: 0.6;
	}
}

.list-card__list-img img {
	display: block;
	width: 100%;
}

/*.list-card__list-img {
	height: 330px;
	overflow: hidden;
	position: relative;
}

.list-card__list-img img {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    height: 100%;
    min-width: auto;
    min-height: 100%;
    max-width: inherit;
    transform: translateX(-50%);
}*/

.list-card__list--auto .list-card__list-img {
	height: 330px;
	overflow: hidden;
	position: relative;
}

@media screen and (min-width: 769px) {
	.list-card__list--auto .list-card__list-img {
	    height: 17.1875vw;
	    max-height: 330px;
	    min-height: 216px;
	}
}

@media screen and (max-width: 768px) {
	.list-card__list--auto .list-card__list-img {
		height: 28.5vw;
	}
}

.list-card__list--auto .list-card__list-img img {
	position: absolute;
	top: 50%;
	left: 50%;
	/*width: auto;
	height: 100%;
	min-width: auto;
	min-height: 100%;
	max-width: inherit;*/

	width: auto;
	height: auto;
	min-width: 100%;
	min-height: auto;
	max-height: 100%;
    max-width: inherit;

	transform: translate3d(-50%,-50%,0);
}
/*
@media screen and (max-width: 768px) {
	.list-card__list--auto .list-card__list-img img {
		width: 100%;
		height: auto;
		min-width: 100%;
		min-height: auto;
		max-height: inherit;
	}
}*/

.list-card__list-ttl {
	display: flex;
	background-color: #fff;
}

.list-card__list-ttl-item {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 67px;
	box-sizing: border-box;
	padding: 5px 10px;
	letter-spacing: .15em;
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.list-card__list-ttl-item {
		height: 7.2vw;
		font-size: 2.8vw;
	}
}

.list-card__section {
	text-align: center;
    padding: 10px 10px 25px;
}

@media screen and (max-width: 768px) {
	.list-card__section {
		padding: 3.33333333vw 1.33333333vw 3.6vw;
	}
}

.list-card__list-logo {
	display: flex;
}

.list-card__list-logo-inner {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: auto;
	margin-left: auto;
	min-height: 110px;
}

@media screen and (max-width: 768px) {
	.list-card__list-logo-inner {
		min-height: 20vw;
	}
}

.list-card__list-logo-inner img {
	display: block;
	width: 70%;
}

.list-card__section--purchase1 .list-card__list-logo-inner {
	width: 133px;
}
@media screen and (max-width: 768px) {
	.list-card__section--purchase1 .list-card__list-logo-inner {
		width: 22.4vw;
	}
}

.list-card__section--purchase2 .list-card__list-logo-inner {
	width: 106px;
}
@media screen and (max-width: 768px) {
	.list-card__section--purchase2 .list-card__list-logo-inner {
		width: 17.4666667vw;
	}
}

.list-card__section--purchase3 .list-card__list-logo-inner {
	width: 132px;
}

@media screen and (max-width: 768px) {
	.list-card__section--purchase3 .list-card__list-logo-inner {
		width: 22.2666667vw;
	}
}

.list-card__section--purchase4 .list-card__list-logo-inner {
	width: 141px;
}

@media screen and (max-width: 768px) {
	.list-card__section--purchase4 .list-card__list-logo-inner {
		width: 23.4666667vw;
	}
}

.list-card__section--purchase5 .list-card__list-logo-inner {
	width: 112px;
}

@media screen and (max-width: 768px) {
	.list-card__section--purchase5 .list-card__list-logo-inner {
		width: 19.6vw;
	}
}

.list-card__section--purchase6 .list-card__list-logo-inner {
	width: 86px;
}

@media screen and (max-width: 768px) {
	.list-card__section--purchase6 .list-card__list-logo-inner {
		width: 16.1333333vw;
	}
}

.list-card__section--purchase7 .list-card__list-logo-inner {
	width: 200px;
}
@media screen and (max-width: 768px) {
	.list-card__section--purchase7 .list-card__list-logo-inner {
		width: 40.4vw;
	}
}



.list-card__section--product1 .list-card__list-logo-inner {
	width: 88px;
}

@media screen and (max-width: 768px) {
	.list-card__section--product1 .list-card__list-logo-inner {
		width: 16.4vw;
	}
}

.list-card__section--product2 .list-card__list-logo-inner {
	width: 90px;
}
@media screen and (max-width: 768px) {
	.list-card__section--product2 .list-card__list-logo-inner {
		width: 14vw;
	}
}

.list-card__section--product3 .list-card__list-logo-inner {
	width: 83px;
}
@media screen and (max-width: 768px) {
	.list-card__section--product3 .list-card__list-logo-inner {
		width: 15.7333333vw;
	}
}

.list-card__section--product4 .list-card__list-logo-inner {
	width: 141px;
}
@media screen and (max-width: 768px) {
	.list-card__section--product4 .list-card__list-logo-inner {
		width: 23.4666667vw;
	}
}

.list-card__section--product5 .list-card__list-logo-inner {
	width: 86px;
}
@media screen and (max-width: 768px) {
	.list-card__section--product5 .list-card__list-logo-inner {
		width: 16.1333333vw;
	}
}

.list-card__section--product6 .list-card__list-logo-inner {
	width: 70px;
}
@media screen and (max-width: 768px) {
	.list-card__section--product6 .list-card__list-logo-inner {
		width: 14vw;
	}
}

.list-card__list-content {}

.list-card__list-content-ttl {
	letter-spacing: .18em;
	font-size: 18px;
	font-weight: bold;
	margin-top: 2px;
}

@media screen and (max-width: 1200px) {
	.list-card__list-content-ttl {
		font-size: 16px;
	}
}

@media screen and (max-width: 768px) {
	.list-card__list-content-ttl {
	    font-size: 3.466667vw;
	    margin-top: 0.533333333vw;
	    letter-spacing: .14em;
	}
}

.list-card__list-content-txt {
	font-size: 13px;
	margin-top: 13px;
	line-height: 1.6;
	letter-spacing: .1em;
}

@media screen and (max-width: 1200px) {
	.list-card__list-content-txt {
		font-size: 12px;
	}
}

@media screen and (max-width: 768px) {
	.list-card__list-content-txt {
		font-size: 2.26666667vw;
		margin-top: 0.533333333vw;
		letter-spacing: normal;
	}
}

/*.list-card-products .list-card__item {*/
	/*height: 17.1875vw;*/
    /*max-height: 330px;
    min-height: 216px;*/
    /*min-width: 430px;*/
/*}*/

/* ---------------------------------------------
*   list-button
--------------------------------------------- */
.list-button {
	display: flex;
	flex-wrap: wrap;
    margin-top: 35px;
}

@media screen and (max-width: 768px) {
	.list-button {
		display: block;
		margin-top: 0;
	}
}

.list-button__item {
	display: flex;
	width: 30.9230769%;
	margin-right: 1.15384615%;
}

@media screen and (max-width: 768px) {
	.list-button__item {
		width: 100%;
		margin-right: 0;
	}
}

.list-button__item--long {
	width: 35.6153846%;
}

@media screen and (max-width: 768px) {
	.list-button__item--long {
		width: 100%;
	}
}

.list-button__item:nth-of-type(3n) {
	margin-right: 0;
}

@media screen and (max-width: 768px) {
	.list-button__item:nth-of-type(n + 2) {
		margin-top: 5.46666667vw;
	}
}

.list-button__link {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	height: 80px;
	padding: 10px 57px 10px 20px;
	box-sizing: border-box;
	letter-spacing: .2em;
	background-color: #8F8370;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	transition: opacity 300ms;
}

@media screen and (max-width: 1460px) {
	.list-button__link {
		font-size: 18px;
	}
}

@media screen and (max-width: 1240px) {
	.list-button__link {
		height: 80px;
		padding-left: 20px;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	.list-button__link {
		height: 16vw;
		padding: 1.33333333vw 8vw 1.33333333vw 5.6vw;
		font-size: 4.66666667vw;
	}
}

@media screen and (min-width: 769px) {
	.list-button__link:hover {
		text-decoration: none;
		opacity: 0.6;
	}
}

.list-button__link::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 52px;
	height: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #BAB3A7 url(/common/images/common/icon_arrow_white_large.png) center center no-repeat;
}

@media screen and (max-width: 768px) {
	.list-button__link::before {
		width: 8vw;
		background-size: 2vw auto;
	}
}

@media screen and (min-width: 769px) {
	.pc-hide {
		display: none !important;
	}
}

@media screen and (max-width: 768px) {
	.sp-hide {
		display: none !important;
	}
}



.list-news-btn .list-button__link {
	width: 38%;
	margin: 2.5em auto 0;
	height: 50px;
	padding-left: 13.5%;
}

@media screen and (max-width: 768px) {
	.list-news-btn .list-button__link {
		width: 70vw;
		margin: 2em auto 0;
		height: 9vw;
		font-size: 3vw;
		padding-left: 26vw;
	}
}




.js-acc-target {
    display: none;
}

/* ---------------------------------------------
*   pageNavi
--------------------------------------------- */
.pageNavi.fixed {
	top: 0 !important;
}

/* ---------------------------------------------
*   slick
--------------------------------------------- */
.js-slider {
	opacity: 0;
	transition: opacity .3s linear;
}
.js-slider.slick-initialized {
	opacity: 1;
}

.js-three-slider {
	opacity: 0;
	transition: opacity .3s linear;
}
.js-three-slider.slick-initialized {
	opacity: 1;
}

/* ---------------------------------------------
*   sort
--------------------------------------------- */
.js-SortTarget.is-active {
	display: block;
}

.js-SortTarget.is-hide {
	display: none;
}