@charset "utf-8";

.main_slide_banner { margin:20px 0; padding-bottom:5px; }
ul.slide_banner { margin:0; padding:0; list-style:none; }

/* ---------- */
.toppage h2 {
	margin:60px 0 30px 0; padding:6px;
	text-align:center;
	font-size:1.4rem; font-weight:var(--fontw2);
}



/* ----- blackbord border decoration ----- */
.toppage_image div {
	position:relative; max-width:1200px; margin:0 auto;
}
.toppage_image div::after {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid transparent;
	border-image: url('../images/toppage/border_pat.jpg') 6 6 0 6 repeat;
	content: "";
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 1;

	border-bottom-style: none;
	border-bottom-color: inherit;
	border-bottom-width: 0;
}
.toppage .site_menu { background-image:none; }
.toppage .site_menu::before {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-image: url('../images/toppage/border_pat.jpg') 0 6 6 6 repeat;
	content: "";
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 50%;
	background-color:#004234;
	z-index: -1;

	border-top-style: none;
	border-top-color: inherit;
	border-top-width: 0;
}
@media only screen and (max-width: 960px) {
	.toppage_image div::after { content:none; }
	.toppage .site_menu::before { content: none; }	
}




/* ---------- */
.toppage_sns { display:flex; justify-content:center; margin:60px auto; text-align:center; font-size:0.7rem; }
.toppage_sns div { flex:0 0 60px; margin:0 20px; }
.toppage_sns div img { padding-bottom:4px; }
@media only screen and (max-width: 767px) {
	.toppage_sns div { width:50px; margin:0 10px; }
}

/* ---------- */
.news_block { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; margin:60px auto; padding:0 10px; }
.newslist { flex:0 0 65%; padding-right:40px; }
.publication_bn { flex:0 0 35%; display:flex;}

.newslist h2 { width:100%; margin:0; padding:0; font-size:1.3rem; text-align:left; line-height:1.6; font-family:var(--font-mincho);}
.top_info_listpage { text-align:right; margin:0; }
.publication_bn a {
	display:flex; align-items:center; width:100%; min-height:160px; max-height:220px; margin:40px 0; text-align:center; position:relative;
}
.publication_bn a::before  {
	content: "";
	position: absolute;
	inset: 0;
	background-image: url('../images/toppage/publication_banner.jpg');
	background-size: cover;
	background-position: center;
	opacity: 0.4;
	transition: opacity 0.3s ease;
	z-index: -1;
}
.publication_bn a:hover::before { opacity: 0.7; }
.publication_bn span {
	width:100%;font-size:1.6rem; line-height:1.2; font-family:var(--font-mincho); font-weight:var(--fontw2);
/*	text-shadow:0px 0px 5px #fff;
	text-shadow:2px 2px 1px #fff, -2px 2px 4px #fff, 1px -2px 1px #fff, -2px -1px 1px #fff;*/
}

@media only screen and (max-width: 960px) {
	.news_block { max-width:720px; }
	.news_block .newslist { flex:0 0 100%; order:2; padding-right:0; }
	.news_block .publication_bn { flex:0 0 100%; order:1; }
	.publication_bn a { margin-top:0; }
	.publication_bn span { font-size:1.2rem; padding:15px; }
}


/* ---------- */
.toppage_calendar { display:flex; flex-wrap:wrap; justify-content:center; font-size:0.9rem; }
.calendar_title { display:flex; align-items:center; background-color:#f8f8f8; padding:0 20px; border:1px var(--border-light) solid; border-right:none; text-align:center; }
.calendar_title div { flex:0 0 100%;  }
.calendar_title h2 { margin:30px 0; font-size:1.3rem; font-family:var(--font-mincho); text-align:center; }
.calendar_view { flex:0 1 540px; padding-top:20px; border:1px var(--border-light) solid; border-left:none; }
@media only screen and (max-width: 767px) {
	.calendar_title, .calendar_view { flex:0 0 100%; padding:0; border:none; }
	.calendar_title { background-color:#fff; }
	.calendar_title h2 { margin:0 0 10px 0; padding:10px 0; background-color:#f8f8f8; }
}




/* ---------- */
.listedline h2 {
	text-align:left;
	color:var(--btbg);
	position:relative;
	padding:20px 0 8px 28px;
	font-size:1.5rem;
	color:#222;
	font-weight:var(--fontw2);
}
.listedline h2:before {
	content: "";
	position: absolute;
	top:0; left:0;
	width:60px; height:100%;
	background: #1f4f36;
	clip-path: polygon(
		0 0,
		40px 0,
		50px 10px,
		12px 10px,
		12px 100%,
		0 100%
	);
	z-index:-1;
}
.listedline h2:after {
	content: "";
	position: absolute;
	top:0; left:0;
	width:100%; height:100%;
	background: #e0efe5;
	clip-path: polygon(
		17px 14px,
		100% 14px,
		100% 100%,
		17px 100%
	);
	z-index:-1;
}



/* ---------- */
.listedline { }
.listedline ul { display:flex; flex-wrap:wrap; margin:0; padding:0; list-style:none; width:100%; }
.listedline ul li { flex:0 0 20%; position:relative; padding:15px; background-color:#fff; transition-duration:0.2s; }
@media only screen and (max-width: 960px) { .listedline ul li { flex:0 0 33.33%; } }
@media only screen and (max-width: 767px) { .listedline ul li { flex:0 0 50%; } }
.listedline ul li:nth-child(odd) { background-color:#f3f3f3; }
.listedline ul li:nth-child(even) { background-color:#fff; }
@media only screen and (max-width: 767px) {
	.listedline ul li:nth-child(4n+1),
	.listedline ul li:nth-child(4n+4) { background-color: #f3f3f3; }
	.listedline ul li:nth-child(4n+2),
	.listedline ul li:nth-child(4n+3) { background-color: #fff; }
}
.listedline ul li a { color:inherit; }
.listedline ul li:hover { background-color:#cfdfdf; }
.listedline ul li .item_img { position:relative; aspect-ratio: 1 / 1; max-height:140px; padding:0; margin:0 auto; }
.listedline ul li .item_img img {
	position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);
	max-height:100%; max-width:90%;
}

/*　item name */
.listedline ul .name_box {
	display:flex; justify-content:center; align-items:center;
	max-width:90%; height:3.9em;
	margin:0 auto; padding:0;
	font-size:0.9rem; line-height:1.3; font-weight:var(--fontw2);
}
.listedline ul .name_box span {
	display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	overflow: hidden;
	word-break:break-all;
}

/*　item price */
.listedline ul .price_box { padding:0; font-size:1rem; font-weight:var(--fontw2); color:var(--price); text-align:right; }
.listedline ul .price_box span.tax { font-size:60%; color:var(--text); font-weight:var(--fontw2); }



/* status */
ul .status { display:block; position:absolute; left:0; top:0; width:95%; z-index:10; }
ul .new,
ul .sale,
ul .reserve {
	display:inline-block; width:36px; height:36px; margin-right:6px;
	background-image: var(--icon-newmark);
	background-position:right top;
	background-repeat: no-repeat;
	background-size:contain;
	z-index:50;
}
ul .sale { background-image: var(--icon-salemark); }
ul .reserve { background-image: var(--icon-reservemark); width:54px; }
@media only screen and (max-width: 767px) {
	ul .new,
	ul .sale { width:30px; }
	ul .reserve { width:45px; }
}


/* link bt */
.se_link { margin:30px 0 60px 0; text-align:center; }
.se_link a { display:inline-block; width:280px; padding:6px; box-sizing:border-box; background-color:var(--btbg); color:var(--btcolor); border-radius:8px; }
.se_link a:hover { background-color:var(--btbg-hover); color:var(--btcolor-hover) }
.se_icon {
	display:inline-block;
	width:32px;
	height:1em;
	background-image: var(--icon-search-wht);
	background-position:center center;
	background-repeat: no-repeat;
}


.site_linkbanner { margin:40px auto; max-width:1200px; display:flex; flex-wrap:wrap; }
.site_linkbanner div { flex:0 0 33.33%; padding:10px; }
@media only screen and (max-width: 960px) {
	.site_linkbanner { justify-content:center; }
	.site_linkbanner div { flex:0 0 50%; }
}
@media only screen and (max-width: 767px) {
	.site_linkbanner div { flex:0 0 100%; }
}
.site_linkbanner div img { outline: 3px rgba(255,255,255,0.5) solid; outline-offset:-6px; transition-duration:0.2s; }
.site_linkbanner div img:hover { outline: 8px var(--btbg) solid; outline-offset:-8px; }




/* slick build */
/*
ul.slide_banner, ul.slide_view_items { visibility:hidden; max-height: 360px; overflow:hidden; }
ul.slide_banner.slick-initialized,
ul.slide_view_items.slick-initialized { visibility:visible; max-height:none; overflow:visible; }

.slick-prev, .slick-next, .slick-next:hover, .slick-prev:hover {
    position: absolute;
    z-index: 30;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    cursor: pointer;
    background-size:contain;
    background-repeat:no-repeat;
    text-indent:-9999px;
}
.box_parts .slick-next { right: 10px;}
.box_parts .slick-prev { left: 10px; }
.slick-prev, .slick-next, .slick-next:hover, .slick-prev:hover { width:24px; height:24px; top: 40%; transition-duration:0.2s; }
.slick-next, .slick-next:hover,
.slick-prev, .slick-prev:hover { opacity: 1; }
.slick-next, .slick-next:hover { right: 10px; background-image: url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjAgMjUiPjxwb2x5Z29uIHBvaW50cz0iMCAwIDAgMjUgMjAgMTIuNSAwIDAiIGZpbGw9IiM2NzQ1M2YiLz48L3N2Zz4="); }
.slick-prev, .slick-prev:hover { left: 10px; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyNSI+PHBvbHlnb24gcG9pbnRzPSIyMCAyNSAyMCAwIDAgMTIuNSAyMCAyNSIgZmlsbD0iIzY3NDUzZiIvPjwvc3ZnPg=="); }
.slick-next:not(.slick-disabled):hover { opacity:0.7 !important; }
.slick-prev:not(.slick-disabled):hover { opacity:0.7 !important; }
.slick-disabled { display:none !important; }
.slick-dots { bottom:-30px; }
.slick-dots li button::before { font-size:10px; }
*/