@charset "Shift_JIS";

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

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

/* ---------------------------------------------
*   keyvisual
--------------------------------------------- */
.keyvisual {
	margin-bottom: 60px;
	height:34.6vw;
	max-height:450px !important;
	overflow:hidden;
}

@media screen and (max-width: 768px) {
	.keyvisual {
		margin-bottom: 6.25vw;
	}
}

/* ---------------------------------------------
*   main
--------------------------------------------- */
@media screen and (max-width: 768px) {
	.main {
		padding: 0 3.125vw;
	}
}

/* ---------------------------------------------
*   columns_two
--------------------------------------------- */
.columns_two {
	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;
}

/*  columns_two_cassette
--------------------------------------------- */
.columns_two_cassette {
	width: 47.932%;
	border: 1px solid #e1dacf;
	border-radius: 3px;
	margin-bottom: 40px;
	position:relative;
}
.columns_two_cassette:hover {
	cursor: pointer;
	box-shadow:0px 0px 5px 2px #e1dacf;
	-moz-box-shadow:0px 0px 5px 2px #e1dacf;
	-webkit-box-shadow:0px 0px 5px 2px #e1dacf;
}
.columns_two_cassette .item_title {
	position: relative;
	padding: 2.465% 0 2.465% 8.604%;
	color: #8f836b;
	font-size: 20px;
	font-weight: bold;
}
.columns_two_cassette .item_title:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 3.169%;
	width: 2.994%;
	height: 33.568%;
	background: url(/common/images/common/icon_arrow_menu.png) 0 center no-repeat;
	background-size: 100% auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

.columns_two_cassette .add_menu{  z-index:100; color: #8f836b; position:absolute; top:6%; right:3.169%; text-align:right; font-size:1.15em; }

@media screen and (max-width: 768px) {
	.columns_two_cassette {
		width: 45.3125vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: 1.5625vw;
		box-shadow: 0px 0px 0.65104vw 0.26041vw #e1dacf;
		-moz-box-shadow: 0px 0px 0.65104vw 0.26041vw #e1dacf;
		-webkit-box-shadow: 0px 0px 0.65104vw 0.26041vw #e1dacf;
		margin-bottom: 5.362vw;
	}
	.columns_two_cassette:nth-of-type(2n) {
		margin-right: 0;
	}
	.columns_two_cassette .item_title {
		padding-left: 6.7024vw;
		font-size: 4.0625vw;
	}
	.columns_two_cassette .item_title:before {
		width: 3.125vw;
		height: 3.75vw;
	}
	.columns_two_cassette .add_menu{ display:none;}
}

/* -- two_cassette_contents -- */
.columns_two_cassette .two_cassette_contents {
	position: relative;
}
.columns_two_cassette .two_cassette_contents .item_image {
	text-align: center;
}

/* ---------------------------------------------
*   columns_three
--------------------------------------------- */
.columns_three {
	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;
	margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	.columns_three {
		margin-bottom: 7.8125vw;
	}
}

/*  columns_three_cassette
--------------------------------------------- */
.columns_three_cassette {
	width: 32.236%;
	border: 1px solid #e1dacf;
	border-radius: 3px;
	margin-bottom: 40px;
}
.columns_three_cassette:hover {
	cursor: pointer;
	box-shadow:0px 0px 5px 2px #e1dacf;
	-moz-box-shadow:0px 0px 5px 2px #e1dacf;
	-webkit-box-shadow:0px 0px 5px 2px #e1dacf;
}
.columns_three_cassette .item_title {
	position: relative;
	padding: 3.9308% 0 3.9308% 13.357%;
	color: #8f836b;
	font-size: 19px;
	font-weight: bold;
}
.columns_three_cassette .item_title:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 4.712%;
	width: 4.454%;
	height: 55.762%;
	background: url(/common/images/common/icon_arrow_menu.png) 0 center no-repeat;
	background-size: 100% auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
@media screen and (max-width: 1035px) {
	.columns_three_cassette .item_title {
		font-size: 18px;
	}
}
@media screen and (max-width: 768px) {
	.columns_three_cassette {
		width: 45.3125vw;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin-right: 1.5625vw;
		box-shadow: 0px 0px 0.65104vw 0.26041vw #e1dacf;
		-moz-box-shadow: 0px 0px 0.65104vw 0.26041vw #e1dacf;
		-webkit-box-shadow: 0px 0px 0.65104vw 0.26041vw #e1dacf;
		margin-bottom: 5.362vw;
	}
	.columns_three_cassette:nth-of-type(2n) {
		margin-right: 0;
	}
	.columns_three_cassette .item_title {
		padding-left: 6.7024vw;
		font-size: 4.0625vw;
	}
	.columns_three_cassette .item_title:before {
		width: 3.125vw;
		height: 3.75vw;
	}
	.columns_three_cassette .item_title.skin_two {
		padding-top: 4.826vw;
		padding-bottom: 4.826vw;
	}
}
/* -- windows -- */
@media screen and (max-width: 768px) {
	.windows .columns_three_cassette {
		width: 44.924135208129vw;
	}
}

/* -- three_cassette_contents -- */
.columns_three_cassette .three_cassette_contents {
	position: relative;
}
.columns_three_cassette .three_cassette_contents .item_image {
	text-align: center;
}






/* ---------------------------------------------
*   columns_multiple
--------------------------------------------- */
.columns_multiple {
	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;
}

@media screen and (max-width: 768px) {
	.columns_multiple {
		display: block;
	}
}

/*  columns_multiple_cassette
--------------------------------------------- */
.columns_multiple_cassette {
	width: 66.16111%;
	border-radius: 3px;
	border: 1px solid #e1dacf;
	margin-bottom: 40px;
}
.columns_multiple_cassette.skin-single {
	width: 32.40566%;
}
.columns_multiple_cassette:hover {
	cursor: pointer;
	box-shadow: 0px 0px 5px 2px #e1dacf;
	-moz-box-shadow: 0px 0px 5px 2px #e1dacf;
	-webkit-box-shadow: 0px 0px 5px 2px #e1dacf;
}

@media screen and (max-width: 768px) {
	.columns_multiple_cassette {
		margin-bottom: 5.362vw;
	}
	.columns_multiple_cassette ,
	.columns_multiple_cassette.skin-single {
		width: 100%;
		box-shadow: 0px 0px 5px 2px #e1dacf;
		-moz-box-shadow: 0px 0px 5px 2px #e1dacf;
		-webkit-box-shadow: 0px 0px 5px 2px #e1dacf;
	}
}

/*  columns_multiple_list
--------------------------------------------- */
.columns_multiple_list {
	display: block;
	border-radius: 3px;
}
.columns_multiple_list:hover {
	text-decoration: none;
}
.columns_multiple_list .item_title {
	position: relative;
	padding: 3.9308% 0 3.9308% 13.357%;
	color: #8f836b;
	font-size: 20px;
	font-weight: bold;
}
.columns_multiple_list .item_title:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 4.555%;
	width: 4.4666%;
	height: 41%;
	background: url(/common/images/common/icon_arrow_menu.png) 0 center no-repeat;
	background-size: 100% auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.columns_multiple_list .item_title {
		padding: 1.8066% 0 1.8066% 10.111%;
		font-size: 4.0625vw;
	}
	.columns_multiple_list .item_title:before {
		width: 3.33444%;
		height: 33.5%;
		left: 3.474%;
	}
}

/*  columns_multiple_head
--------------------------------------------- */
.columns_multiple_head {}
.columns_multiple_head .item_lineup {
	position: relative;
	width: 100%;
}
.columns_multiple_head .item_lineup .item_title {
	padding: 1.92011% 0 1.92011% 7.655%;
	color: #8f836b;
	font-size: 20px;
	font-weight: bold;
}

.windows .columns_multiple_head .item_lineup .item_title {
	padding: 1.98011% 0 1.86011% 7.655%;
}

@media screen and (max-width: 768px) {
	.columns_multiple_head .item_lineup .item_title {
		padding: 1.86011% 0 1.98011% 10.111%;
		font-size: 4.0625vw;
	}
}

.columns_multiple_head .item_lineup .item_title:before {
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 3.169%;
	width: 2.1755%;
	height: 29.2%;
	background: url(/common/images/common/icon_arrow_menu.png) 0 center no-repeat;
	background-size: 100% auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.columns_multiple_head .item_lineup .item_title:before {
		width: 3.33444%;
		height: 33.5%;
		left: 3.474%;
	}
}

.columns_multiple_head .item_lineup .item_link {
	display: block;
	position: absolute;
	top: 50%;
	right: 3.169%;
	color: #8f836b;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.columns_multiple_head .item_lineup .item_link {
		font-size: 2.60417vw;
	}
}

.columns_multiple_head .item_lineup .item_link img {
	position: relative;
	top: -1px;
	vertical-align: middle;
}

@media screen and (max-width: 768px) {
	.columns_multiple_head .item_lineup .item_link img {
		display: inline-block;
		top: -.13021vw;
		max-width: 4px;
	}
}

/*  columns_multiple_body
--------------------------------------------- */
.columns_multiple_body {
	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;
}

/*  multiple_cassette_link
--------------------------------------------- */
.multiple_cassette_link {
	position: relative;
	display: block;
	padding-bottom: .911111%;
	margin-right: 2px;
}
.multiple_cassette_link:last-child {
	margin-right: 0;
}
.multiple_cassette_link.skin-1 {}
.multiple_cassette_link.skin-2 {}
.multiple_cassette_link.skin-3 {}

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

/*  multiple_cassette_link_text
--------------------------------------------- */
.multiple_cassette_link_text {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	background-color: #8f836b;
	text-align: center;
	width: 100%;
	padding: 1.2555% 0;
	max-height: 26px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
}
.multiple_cassette_link_text .item_text {
	position: relative;
}
.multiple_cassette_link_text .item_text:before {
	display: block;
	content: "";
	position: absolute;
	top: 48%;
	left: -20%;
	width: 7px;
	height: 12px;
	max-height: 28px;
	background: url(/common/images/index/icon_arrow_link_white.png) 0 center no-repeat;
	background-size: 100% auto;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
	.multiple_cassette_link_text {
		position: static;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		padding: .390625vw 0;
		font-size: 3.125vw;
		max-height: none;
	}
	.multiple_cassette_link_text .item_text {
		display: inline-block;
	}
	.multiple_cassette_link_text .item_text:before {
		left: -17%;
		width: 1.171875vw;
		height: 1.82291vw;
	}
}

/*  multiple_cassette_contents
--------------------------------------------- */
.multiple_cassette_contents {
	position: relative;
}
.multiple_cassette_contents .item_image {}
.multiple_cassette_contents .cassette_contents_list {}
.multiple_cassette_contents .cassette_contents_texts {}
.multiple_cassette_contents .cassette_contents_texts .item_text {}




/* ---------------------------------------------
*   cassette_contents_list
--------------------------------------------- */
.cassette_contents_list {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.6);
	opacity: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
.columns_two_cassette:hover .cassette_contents_list ,
.columns_three_cassette:hover .cassette_contents_list ,
.columns_multiple_cassette.skin-single:hover .cassette_contents_list ,
.columns_multiple_body .multiple_cassette_link:hover .cassette_contents_list {
	opacity: 1;
	cursor: pointer;
	box-shadow:0px 0px 5px 2px #e1dacf;
	-moz-box-shadow:0px 0px 5px 2px #e1dacf;
	-webkit-box-shadow:0px 0px 5px 2px #e1dacf;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
@media screen and (max-width: 768px) {
	.cassette_contents_list {
		border-radius: 0px 0px 3px 3px;
	}
	.columns_two_cassette:hover .cassette_contents_list ,
	.columns_three_cassette:hover .cassette_contents_list ,
	.columns_multiple_cassette.skin-single:hover .cassette_contents_list ,
	.columns_multiple_body .multiple_cassette_link:hover .cassette_contents_list {
		opacity: 0;
	}
}

/*  columns_list
--------------------------------------------- */
.columns_list {
	display: block;
}
.columns_list:hover {
	text-decoration: none;
}

/*  cassette_contents_texts
--------------------------------------------- */
.cassette_contents_texts {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	-webkit-transform: translate(-50% , -50%);
	-ms-transform: translate(-50% , -50%);
	-o-transform: translate(-50% , -50%);
	transform: translate(-50% , -50%);
}
.cassette_contents_texts .item_text {
	text-align: center;
	color: #fff;
	font-size: 15px;
}
@media screen and (max-width: 768px) {
	.cassette_contents_texts {
		display: none;
	}
	.cassette_contents_texts .item_text {
		font-size: 2.413vw;
		font-weight: bold;
	}
}

/* ---------------------------------------------
*   button_line
--------------------------------------------- */
.button_line {
	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;
	margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
	.button_line {
		display: block;
		margin-bottom: 0;
	}
}

/*  button_point
--------------------------------------------- */
.button_point {
	position: relative;
	width: 31.392%;
}
@media screen and (max-width: 768px) {
	.button_point {
		width: 80vw;
		margin: 0 auto 9.375vw;
	}
}

/* -- button_point_link -- */
.button_point .button_point_link {
	position: relative;
	display: block;
	box-sizing: border-box;
	padding: 2.151% 0 2.151% 26.882%;
	border: 2px solid #8f836b;
	background-color: #8f836b;
}
.button_point .button_point_link:hover {
	color: #8f836b;
	text-decoration: none;
	background-color: #fff;
	border: 2px solid #aca492;
}
.button_point .button_point_link:after ,
.button_point .button_point_link:before {
	display: block;
	content: "";
	position: absolute;
}
.button_point .button_point_link:after {
	top: -2px;
	right: -2px;
	width: 8.065%;
	height: 109.756%;
	background: #aca492 url(/common/images/common/icon_arrow_white.png) center center no-repeat;
}
.button_point .button_point_link:before {
	top: 50%;
	left: .844%;
	width: 21.741%;
	height: 195.122%;
	border-radius: 50%;
	background: #fff center center no-repeat;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.button_point.skin_cart .button_point_link:before {
	background-image: url(/common/images/index/icon_cart.png);
	background-size: 75% 65%;
}
.button_point.skin_catalog .button_point_link:before {
	background-image: url(/common/images/index/icon_catalog.png);
	background-size: 91.25% 78.75%;
}
.button_point.skin_adopt .button_point_link:before {
	background-image: url(/common/images/index/icon_adopt.png);
	background-size: 53.75% 73.75%;
}
@media screen and (max-width: 768px) {
	.button_point .button_point_link {
		padding: 3.125vw;
	}
	.button_point .button_point_link:after {
		top: -.3125vw;
		right: -.3125vw;
		width: 6.25vw;
		height: 13.13673vw;
	}
	.button_point .button_point_link:before {
		width: 15.625vw;
		height: 15.625vw;
	}
	.button_point.skin_cart .button_point_link:before {
		background-size: 9.375vw 8.125vw;
	}
	.button_point.skin_catalog .button_point_link:before {
		background-size: 11.40625vw 9.84375vw;
	}
	.button_point.skin_adopt .button_point_link:before {
		background-size: 6.71875vw 9.21875vw;
	}
}

/* item_button */
.button_point .button_point_link .item_button {
	color: #fff;
	font-size: 17px;
	font-weight: bold;
}
.button_point .button_point_link:hover .item_button {
	color: #8f836b;
}
@media screen and (max-width: 1030px) {
	.button_point .button_point_link .item_button {
		font-size: 15px;
	}
}
@media screen and (max-width: 768px) {
	.button_point .button_point_link .item_button {
		padding-left: 14.0625vw;
		font-size: 4.267vw;
	}
}

/* ---------------------------------------------
*   button_link
--------------------------------------------- */
.button_link {
	width: 46.964%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: auto;
}
@media screen and (max-width: 768px) {
	.button_link {
		width: 81.25vw;
	}
}

/* -- item_text -- */
.button_link_content .item_text {
	position: relative;
	display: block;
	padding: 4px 0;
	text-align: center;
	border: 2px solid #8f836b;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	background-color: #8f836b;
}
.button_link_content .item_text:hover {
	color: #8f836b;
	text-decoration: none;
	background-color: #fff;
	border: 2px solid #aca492;
}
.button_link_content .item_text:before {
	content: "";
	position: absolute;
	top: -2px;
	right: -.526%;
	display: block;
	width: 4.606%;
	height: 109.756%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: #aca492 url(/common/images/common/icon_arrow_white.png) center center no-repeat;
}
@media screen and (max-width: 768px) {
	.button_link_content .item_text {
		padding: 1.5625vw;
		font-size: 4.6875vw;
	}
	.button_link_content .item_text:before {
		top: -.3125vw;
		right: -.3125vw;
		width: 6.25vw;
		height: 10.78125vw;
	}
}

/* ---------------------------------------------
*   top_information
--------------------------------------------- */
.top_information {
	width:auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border:20px solid #f8f4ef;
	padding:1em 1.3em;
	margin-bottom:60px;
}
.top_information p {
	margin-bottom:0.8em;
}
.top_information .indent {
	display:block;
	padding-left:1em;
	text-indent:-1em;
}
.top_information .indent_day {
	padding-left:6.8em; display: block;
	/* text-indent: -6.8em; */
}
.top_information .color_red{ color: #CC0000;}
.top_information .underline{ text-decoration: underline;}
.top_information .sp_br {
	display:none;
}
.top_information .pc_br {
}

.top_information .blockend {
	margin-bottom:30px;
}
.top_information a{
	color:#8f836b;
}
.top_information a:hover{
	text-decoration: none;
}

.top_information dt {
	margin:8px 0 5px 0;
}

.top_information dd {
	margin:0 0 8px 1em;
}

@media screen and (max-width: 768px) {
	.top_information {
		margin-bottom:6.25vw;
		border:13px solid #f8f4ef;
		padding:0.5em;
		font-size: 3.1vw;
	}
	.top_information p {
		font-size: 3.1vw;
	}
	.top_information .sp_br {
		display:block;
	}
	.top_information .pc_br {
	   display:none;
}
}

/* ---------------------------------------------
*   news_area
--------------------------------------------- */
.news_area {
	width: 92.827%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 3.797% 5.085%;
	background-color: #f8f4ef;
	margin: 0 auto 5.907%;
}
@media screen and (max-width: 768px) {
	.news_area {
		width: auto;
	}
}

/*  news_area_title
--------------------------------------------- */
.news_area_title {
	border-bottom: 1px solid #e1dacf;
	margin-bottom: 17px;
}
.news_area_title .item_title {
	padding-bottom: .844%;
	font-size: 19px;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.news_area_title .item_title {
		font-size: 3.75vw;
	}
}

/*  news_area_contents
--------------------------------------------- */
.news_area_contents {
	letter-spacing: -.4em;
	line-height: 1.8;
	margin-bottom: 2.532%;
}
@media screen and (max-width: 980px) {
	.news_area_contents {
		font-size: 13px;
	}
}
@media screen and (max-width: 768px) {
	.news_area_contents {
		font-size: 3.125vw;
	}
}

/* -- area_contents_title -- */
.news_area_contents .area_contents_title {
	display: inline-block;
	letter-spacing: normal;
	width: 108px;
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
	.news_area_contents .area_contents_title {
		display: block;
		width: auto;
	}
}

/* -- area_contents_text -- */
.news_area_contents .area_contents_text {
	display: inline-block;
	width: calc(100% - 108px);
	padding-bottom: .844%;
	letter-spacing: normal;
}
@media screen and (max-width: 768px) {
	.news_area_contents .area_contents_text {
		display: block;
		width: auto;
		padding-bottom: 0;
		font-size: 4.0625vw;
		margin-bottom: 3.125vw;
	}
}

/* area_contents_category */
.news_area_contents .area_contents_text .area_contents_category {
	display: inline-block;
	width: 87px;
	text-align: center;
	border-radius: 3px;
	padding: 3px;
	line-height: 1.2;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.news_area_contents .area_contents_text .area_contents_category.skin_green {
	background-color: #b8c78a;
}
.news_area_contents .area_contents_text .area_contents_category.skin_blue {
	background-color: #b5bfbf;
}
@media screen and (max-width: 768px) {
	.news_area_contents .area_contents_text .area_contents_category {
		display: block;
		font-size: 3.4375vw;
		width: 21.875vw;
	}
}

/* area_contents_detail */
.news_area_contents .area_contents_text .area_contents_detail {
	display: inline-block;
	padding-left: 2.120%;
	vertical-align: middle;
	line-height:1.3 !important;
}
@media screen and (max-width: 768px) {
	.news_area_contents .area_contents_text .area_contents_detail {
		display: block;
		padding-left: 0;
		font-size: 4.0625vw;
	}
}

/*  pickup_area_inner
--------------------------------------------- */
.pickup_area_inner .item_title {
	font-size: 21px;
	font-weight: bold;
	margin-bottom: 1.688%;
}
@media screen and (max-width: 768px) {
	.pickup_area_inner {
		overflow: hidden;
	}
	.pickup_area_inner .item_title {
		font-size: 4.375vw;
	}
}

/* ---------------------------------------------
*   banner_line
--------------------------------------------- */
.banner_line {
	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;
	margin-bottom: 2.532%;
}
.banner_line:nth-of-type(2) {
	margin-bottom: 5.064%;
}
@media screen and (max-width: 768px) {
	.banner_line {
		display: block;
		float: left;
		width: 50%;
	}
	.banner_line:nth-of-type(2) {
		margin-bottom: 2.532%;
	}
}

/*  banner_line_column
--------------------------------------------- */
.banner_line_column {
	width: 18.475%;
}
.banner_line_column a {
	display: block;
}
.banner_line_column a:hover {
	display: block;
	text-decoration: none;
	opacity: .6;
}
.banner_line_column .item_image {
	margin-bottom: 5px;
}
.banner_line_column .item_text {
	position: relative;
	padding-left: 12px;
	color: #8f836b;
	font-size: 13px;
	font-weight: bold;
}
.banner_line_column .item_text:before {
	display: block;
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	width: 8px;
	height: 9px;
	background: url(/common/images/common/icon_arrow_gold.png) 0 center no-repeat;
}
@media screen and (max-width: 1198px) {
	.banner_line_column .item_text {
		font-size: 11px;
	}
}
@media screen and (max-width: 1120px) {
	.banner_line_column .item_text {
		font-size: 10px;
	}
}
@media screen and (max-width: 768px) {
	.banner_line_column {
		width: 42.1875vw;
		margin: auto;
	}
	.banner_line_column .item_text {
		height: 10.9375vw;
		padding-left: 2.011vw;
		font-size: 2.5vw;
	}
	.banner_line_column .item_image {
		text-align: center;
		margin: auto;
	}
	.banner_line_column .item_image img {
		width: 100%;
	}
	.banner_line_column .item_text:before {
		top: .9375vw;
		left: 0;
		width: 1.25vw;
		height: 1.40625vw;
		background-size: 100% auto;
	}
}

/* ---------------------------------------------
*   Slick Plugin
--------------------------------------------- */
/* Slider */
.slick-slider
{
	position: relative;

	display: block;
	box-sizing: border-box;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list
{
	position: relative;

	display: block;
	overflow: hidden;

	margin: 0;
	padding: 0;
}
.slick-list:focus
{
	outline: none;
}
.slick-list.dragging
{
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track
{
	position: relative;
	top: 0;
	left: 0;

	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
	display: table;

	content: '';
}
.slick-track:after
{
	clear: both;
}
.slick-loading .slick-track
{
	visibility: hidden;
}

.slick-slide
{
	display: none;
	float: left;

	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide
{
	float: right;
}
.slick-slide img
{
	display: block;
}
.slick-slide.slick-loading img
{
	display: none;
}
.slick-slide.dragging img
{
	pointer-events: none;
}
.slick-initialized .slick-slide
{
	display: block;
}
.slick-loading .slick-slide
{
	visibility: hidden;
}
.slick-vertical .slick-slide
{
	display: block;

	height: auto;

	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}

.slick-slide img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
}

.top_information #infotable,
.top_information #infotable td,
.top_information #infotable tr {
	vertical-align:text-top;
}
.top_information #infotable span {
	font-size:80%;
}
.top_information #infotable td {
	padding:0 0 5px 0;
}
.top_information #infotable .td1 {
	width:15%;
}
.top_information #infotable .td2 {
	width:30%;
}
.top_information #infotable .td3 {
}

div.wrapper {
	overflow:hidden;
}

/* ---------------------------------------------
*   top_70th
--------------------------------------------- */
.top70th{margin-bottom: 100px;}
.top70th dl{ background-color: #8f836b; color: #ffffff; padding: 8px 20px; margin: 0; position: relative;}
.top70th dl a: hover{ text-decoration: underline;}
.top70th dt{ font-size: 1.3em;}
.top70th dt:before{content:url("../images/index/icon_arrow_link_white2.png");}
.top70th dd{ position: absolute; right: 20px; top: 12px;}
.top70th ul{display: flex;}


.top70th ul li:first-child:after{content: "　｜　";}
.top70th ul li:nth-child(2):after{content: "　｜　";}
.top70th ul li:nth-child(3):after{content: "　｜　";}
.top70th ul li:nth-child(4):after{content: "　｜　";}

.top70th a.visual70th:hover{
    opacity: .6;
	transition: 0.6s ;
	cursor: pointer;
	box-shadow:0px 0px 5px 2px #e1dacf;
	-moz-box-shadow:0px 0px 5px 2px #e1dacf;
	-webkit-box-shadow:0px 0px 5px 2px #e1dacf;}
@media screen and (max-width: 768px) {
	.top70th{margin-bottom: 50px;}
	.top70th dt{ margin-bottom: 0;}
	.top70th dd{ display: none;}
}


/* ---------------------------------------------
*   newBnrArea
--------------------------------------------- */
.p-newBnrArea {
    font-family: 'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic", sans-serif;
}
.p-newBnrArea *,
.p-newBnrArea *:before,
.p-newBnrArea *:after {
    box-sizing: border-box;
}

.p-newBnrArea__thread {
    margin-bottom: 20px;
}
.p-newBnrArea__thread:last-child{
    margin-bottom: 50px;
}
.p-newBnrArea__thread__group {
    border: 1px solid #e1dacf;
}

.p-newBnrArea__thread__group[data-group="products"] {
    width: 100%;
}

.p-newBnrArea__thread__group[data-group="planning-support"] {
    width: 66.2%;
    float: right;
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group[data-group="planning-support"] {
        width: 100%;
        float: none;

    }
}
.p-newBnrArea__thread__group[data-group="showroom"] {
    width: 32.4%;
    float: left;
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group[data-group="showroom"] {
        width: 100%;
        float: none;
		margin-bottom: 20px;
    }
}
.p-newBnrArea__thread__group[data-group="single"] {
    width: 32.4%;
    margin-left: 1.4%;
    float: left;
    margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group[data-group="single"] {
        width: 49%;
        margin-left: 2%;
    }
}
.p-newBnrArea__thread__group[data-group="single"]:nth-child(3n+1) {
    margin-left: 0;
    clear: both;
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group[data-group="single"]:nth-child(3n+1) {
        clear: none;
        margin-left: 2%;
    }
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group[data-group="single"]:nth-child(odd) {
        clear: both;
        margin-left: 0;
    }
}
.p-newBnrArea__thread__group__title {
    position: relative;
    padding: 15px;
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group__title {
        padding: 10px;
    }
}
.p-newBnrArea__thread__group__title__name {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    background-image: url(/common/images/common/icon_arrow_menu.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 30px;
    color: #8f836b;
    line-height: 1.2;
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group__title__name {
        font-size: 14px;
        background-size: 10px auto;
        padding-left: 15px;
    }
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group__title__name[data-xsrow="1"]{
        min-height: 32px;
        padding-top: 9px;
    }
}
.p-newBnrArea__thread__group__title__link {
    color: #8f836b;
    position: absolute;
    top: 18px;
    right: 10px;
    display: inline-block;
    background-image: url(/common/images/index/icon_arrow_link.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
    font-size: 14px;
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group__title__link {
        font-size: 10px;
        top: 12px;
    }
}

.p-newBnrArea__thread__group__items {}

.p-newBnrArea__thread__group__items__eachItem {}

.p-newBnrArea__thread__group[data-group="products"] .p-newBnrArea__thread__group__items__eachItem {
    width: 33%;
    margin-left: 0.5%;
    float: left;
}
.p-newBnrArea__thread__group[data-group="products"] .p-newBnrArea__thread__group__items__eachItem:first-child {
    margin-left: 0;
}

.p-newBnrArea__thread__group[data-group="planning-support"] .p-newBnrArea__thread__group__items__eachItem {
    width: 33%;
    margin-left: 0.5%;
    float: left;
}
.p-newBnrArea__thread__group[data-group="planning-support"] .p-newBnrArea__thread__group__items__eachItem:first-child {
    margin-left: 0;
}

.p-newBnrArea__thread__group__items__eachItem__anchor {
    position: relative;
    display: block;
    opacity: 1;
    transition: 0.4s all ease;
}
.p-newBnrArea__thread__group[data-group="planning-support"] .p-newBnrArea__thread__group__items__eachItem__anchor:hover{
    opacity: 0.7;
}
.p-newBnrArea__thread__group__items__eachItem__anchor__name {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: block;
    background-color: #8f836b;
    text-align: center;
    padding: 4px;
    z-index: 2;
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group__items__eachItem__anchor__name {
        position: static;
        padding: 2px;
    }
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group__items__eachItem__anchor__name[data-xsrow="1"]{
        min-height: 36px;
        padding-top: 7px;
    }
}
.p-newBnrArea__thread__group__items__eachItem__anchor__name>span {
    color: #fff;
    display: inline-block;
    background: url(/common/images/index/icon_arrow_link_white.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 12px;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group__items__eachItem__anchor__name>span {
        font-size: 10px;
    }
}
.p-newBnrArea__thread__group__items__eachItem__anchor__texts {
    background-color: rgba(0,0,0,.7);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: 0.4s all ease;
}
.p-newBnrArea__thread__group__items__eachItem__anchor__texts > div {
    position: relative;
    font-size: 15px;
    color: #fff;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}
@media only screen and (max-width: 768px) {
    .p-newBnrArea__thread__group__items__eachItem__anchor__texts > div {
        font-size: 10px;
    }
}
.p-newBnrArea__thread__group__items__eachItem__anchor:hover .p-newBnrArea__thread__group__items__eachItem__anchor__texts {
    opacity: 1;
}

/* ---------------------------------------------
*   newPickup
--------------------------------------------- */
.p-newPickup {
    font-family: 'Meiryo', 'メイリオ', Verdana, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Osaka, 'ＭＳ Ｐゴシック', "MS P Gothic", sans-serif;
}
.p-newPickup *,
.p-newPickup *:before,
.p-newPickup *:after {
    box-sizing: border-box;
}
.p-newPickup__title{
    font-size: 21px;
    font-weight: bold;
    margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
    .p-newPickup__title{
        font-size: 16px;
        margin-bottom: 15px;
    }
}
.p-newPickup__list{
}
.p-newPickup__list__item{
    width: 18%;
    float: left;
    margin-left: 2.5%;
    margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
    .p-newPickup__list__item{
        width: 49%;
        margin-left: 2%;
        margin-bottom: 15px;
    }
}
.p-newPickup__list__item:nth-child(5n+1){
    clear: both;
    margin-left: 0;
}
@media only screen and (max-width: 768px) {
    .p-newPickup__list__item:nth-child(5n+1){
        clear: none;
        margin-left: 2%;
    }
}
@media only screen and (max-width: 768px) {
    .p-newPickup__list__item:nth-child(odd){
        clear: both;
        margin-left: 0;
    }
}
.p-newPickup__list__item__anchor{
    display: block;
}
.p-newPickup__list__item__anchor:hover{
    opacity: 0.7;
}
.p-newPickup__list__item__anchor__bnr{

}
.p-newPickup__list__item__anchor__text{
    margin-top: 5px;
}
@media only screen and (max-width: 768px) {
    .p-newPickup__list__item__anchor__text{
        margin-top: 2px;
    }
}
.p-newPickup__list__item__anchor__text > span{
    display: inline-block;
    padding-left: 12px;
    color: #8f836b;
    font-size: 13px;
    font-weight: bold;
    background-image: url(/common/images/common/icon_arrow_gold.png);
    background-repeat: no-repeat;
    background-position: left center;
}
@media only screen and (max-width: 768px) {
    .p-newPickup__list__item__anchor__text > span{
        font-size: 10px;
    }
}

/* ---------------------------------------------
*   list-news
--------------------------------------------- */
.list-news {
	letter-spacing: -.4em;
}

.list-news__ttl {
	letter-spacing: .08em;
	font-size: 13px;
	margin-right: 40px;
	margin-top: 30px;
	display: inline-block;
	vertical-align: top;
	width: 105px;
}

@media screen and (max-width: 768px) {
	.list-news__ttl {
		width: auto;
		font-size: 3.06666667vw;
		margin-top: 2.53333333vw;
		margin-right: 1.6vw;
		padding-top: 0.4vw;
	}
}

.list-news dd.list-news__label {
	width: 136px;
	height: 30px;
	text-align: center;
	border-radius: 6px;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	margin-left: 0;
}

@media screen and (max-width: 768px) {
	.list-news dd.list-news__label {
		width: 28.1333333vw;
		height: 4vw;
		border-radius: 0.8vw;
		font-size: 2.26666667vw;
		margin-top: 2.34375vw;
	}
}

.list-news dd.list-news__label--news {
	background-color: #B8C78A;
}

.list-news dd.list-news__label--site {
	background-color: #B5BFBF;
}

.list-news dd.list-news__label--important {
	background-color: #6D90CC;
}

.list-news__label-txt {
	display: block;
	width: 100%;
	height: 100%;
	padding-top: 2px;
	letter-spacing: .07em;
}

@media screen and (max-width: 768px) {
	.list-news__label-txt {
		padding-top: 0;
	}
}

.list-news dd {
	position: relative;
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	letter-spacing: normal;
	width: calc(100% - 105px - 40px - 136px - 40px);
	margin-top: 27px;
	margin-left: 40px;
	line-height: 1.75;
	letter-spacing: .1em;
}

@media screen and (max-width: 768px) {
	.list-news dd {
		margin-top: 2vw;
		width: 100%;
		font-size: 2.66666667vw;
		margin-top: 2vw;
		margin-left: 0;
	}
}

.list-news dd .pdf {
	margin-left: 30px;
	color: #900;
}

.list-news-outer {
	padding: 19px 72px 50px;
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	.list-news-outer {
		padding: 1.2vw 7.2vw 5.2vw;
	}
}