@charset "UTF-8";

/* *{outline: 1px solid rgba(204, 204, 204, 0.1);} */


.com-obi-txt>*{
	display: inline;
	line-height: 2.8;
	/* background-color: #000; */
	font-size: var(--lead20);
	padding-top: 0.1em;
	padding-bottom: 0.3em;
}
@media screen and (max-width:768px){
	.com-obi-txt>*{
		font-size: var(--lead14);
	}
}



.com-cont{
	padding-top: 6.3vw;
	padding-bottom: 6.3vw;
}

@media screen and (max-width: 768px){
	.inner-5 {
		padding-left: 6.4vw;
		padding-right: 6.4vw;
	}
	.com-cont{
		padding-top: 12.5vw;
		padding-bottom: 12.5vw;
	}
}






:root {

	--col-black: #2A2A2A;
	--col-green: #73A052;
	--col-orange: #DE852F;
	--col-brown: #C0966D;

	
	--arrow-C6: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNiAxMC42IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2IDEwLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojQzZDNkM2O30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAuNSwxMC42Yy0wLjEsMC0wLjMsMC0wLjQtMC4xQzAsMTAuMywwLDkuOSwwLjEsOS43bDQuNC00LjRMMC4xLDAuOUMwLDAuNywwLDAuMywwLjEsMC4xczAuNS0wLjIsMC43LDBMNiw1LjMKCWwtNS4yLDUuMkMwLjgsMTAuNiwwLjYsMTAuNiwwLjUsMTAuNnoiLz4KPC9zdmc+Cg==");


	--arrow-cirW: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgMTcuNCAxNy40IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNy40IDE3LjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojREU4NTJGO30KCS5zdDF7ZmlsbDojRkFGOEY2O30KPC9zdHlsZT4KPGNpcmNsZSBpZD0icDIiIGNsYXNzPSJzdDAiIGN4PSI4LjciIGN5PSI4LjciIHI9IjguNyIvPgo8cG9seWdvbiBpZD0icDEiIGNsYXNzPSJzdDEiIHBvaW50cz0iNy42LDEzLjIgNi43LDEyLjMgMTAuNCw4LjcgNi43LDUuMSA3LjYsNC4yIDEyLjEsOC43ICIvPgo8L3N2Zz4=");

	--ico-dl-1e: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTUuMSAxNS4xIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxNS4xIDE1LjE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojMUUxRTFFO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTIuOCw3LjdjLTAuMywwLTAuNSwwLjItMC41LDAuNXY1LjlIMVYyLjhoNS45YzAuMywwLDAuNS0wLjIsMC41LTAuNVM3LjIsMS44LDYuOSwxLjhIMHYxMy4zaDEzLjNWOC4yCgkJQzEzLjMsNy45LDEzLjEsNy43LDEyLjgsNy43eiIvPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTkuNywwQzkuNSwwLDkuMiwwLjIsOS4yLDAuNVM5LjUsMSw5LjcsMWgzLjdMNiw4LjRDNS44LDguNiw1LjgsOC45LDYsOS4xYzAuMSwwLjEsMC4yLDAuMSwwLjQsMC4xCgkJczAuMywwLDAuNC0wLjFsNy40LTcuNHYzLjdjMCwwLjMsMC4yLDAuNSwwLjUsMC41czAuNS0wLjIsMC41LTAuNVYwSDkuN3oiLz4KPC9nPgo8L3N2Zz4=");

	--ico-dl-e4: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDE1LjEgMTUuMSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTUuMSAxNS4xOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTtzdHJva2U6I0U0N0IxRTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9Cjwvc3R5bGU+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjYuOSwyLjMgMC41LDIuMyAwLjUsMTQuNiAxMi44LDE0LjYgMTIuOCw4LjIgIi8+Cjxwb2x5bGluZSBjbGFzcz0ic3QwIiBwb2ludHM9IjE0LjYsNS40IDE0LjYsMC41IDkuNywwLjUgIi8+CjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxNC42IiB5MT0iMC41IiB4Mj0iNi40IiB5Mj0iOC44Ii8+Cjwvc3ZnPgo=");


}


.shopnum1 .box2-type1 .part-marker:before{background-color: var(--col-shonan);}
.shopnum2 .box2-type1 .part-marker:before{background-color: var(--col-seisho);}
.shopnum3 .box2-type1 .part-marker:before{background-color: var(--col-sagami);}
.shopnum5 .box2-type1 .part-marker:before{background-color: var(--col-ebina);}




body{
	background-color: var(--col-black);
	color:#FFF;
}
main{
	padding-top: 7.3vw;
	/* padding-top: 12vw; */
	overflow-x: hidden;
}

/* @media screen and (min-width:769px){
	.cate-camper main{
		background-color: #141414;
		padding-top: 7.3vw;
	}
} */
.lead{
	line-height: 1.8;
	font-size: var(--lead16);
	text-align: justify;
	letter-spacing: 0.08em;
}

@media screen and (max-width:768px){
	html,body{min-width: 100%;}
	body{
		font-size: 1.2rem;
		min-width: 100%;
	}
	main{
		padding-top: 14vw;
	}
}





header{
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	
}
header.type-fill{
	background-color: var(--col-black);
}
header .inner{
	max-width: 100%;
	padding: 0;
	display: flex;
	/* justify-content: space-between;
	align-items: flex-start; */
}
header .part-logo{
	position: absolute;
	z-index: 0;
	width: 10.9vw;
	background-color: #FFF;
	left: 5vw;
}
header .head-nav{
	flex: 1;
}

header .com-nav{
	display: flex;
	justify-content: flex-end;
	color: #FFF;
	padding-right: 3vw;
}
header .com-nav>li>a{
	padding: 0 1.5em;
}

@media screen and (min-width:769px){
	header .com-nav{
		align-items: center;
	}
	header.type-fill .com-nav{
		height: 7.3vw;
		margin-top: 0;
	}
	header:not(.type-shop,.type-fill) .com-nav{
		margin-top: 2vw;
	}
	header .com-nav>li>a{
		height: 3.6vw;
	}
	/* header:not(.type-shop,.type-clear) .com-nav>li:not(.head-ov-nav)>a:hover{ */
	header.type-fill .com-nav>li:not(.head-ov-nav)>a:hover{
		background-color: #333;
	}
	header .com-nav>li:not(.head-ov-nav)>a:hover span{
		opacity: 0.7;
	}
	header.type-fill .com-nav>li:not(.head-ov-nav)>a:hover span{
		opacity: 1;
	}


}
.com-nav>li>a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.com-nav .part-e{
	font-family: var(--wf-c);
	font-weight: bold;
	color: #FFF;
	font-size: var(--lead18);
}
header .head-nav .part-eo{
	font-size: 18px;
}
.head-nav .type-eo{
	font-family: var(--wf-c);
	font-weight: bold;
}
header .head-nav .type-eo{
	background-color: var(--col-orange);
}

/* @media screen and (min-width:769px){
	header.type-clear .head-ov-nav>a{
		background-color: transparent;
	}
	header.type-clear .head-ov-nav:hover a{
		background-color: var(--col-black);
	}
} */

@media screen and (max-width:768px){
	
	header .part-logo{
		
		z-index: 2;
		width: 17.1vw;
		left: 2.1vw;
	}
	header .head-nav{
		display: flex;
		/* flex-direction: column-reverse;
		justify-content:space-between; */
	}
	header .com-nav{
		display: block;
	}
	header .com-nav>li>a{
		height: auto;
		padding: 1.2em 0;
		
	}
	header .com-nav .part-e{
		font-size: 6.4vw;
	}
	.com-nav>li>a{
		align-items: flex-start;
	}
	header .head-nav .part-eo{
		font-size: 10px;
	}
	header .head-nav .type-eo a{
		font-size: 18px;
		padding: 1em;
		color: #FFF;
		text-align: center;
		background-color: var(--col-orange);
		width: 100%;
	}
}



header.type-shop .com-nav-head{
	background-color: #302B2B;
}
/* header.type-shop,
header.type-shop .com-nav{
	background: none;
} */
header.type-shop .part-logo{
	box-shadow: 0 0 1vw rgba(0, 0, 0, 0.5);
}
header.type-shop .part-logo img{
	width: 70%;
}

@media screen and (min-width:769px){
	header .inner{
		position: relative;
	}
	header:not(.type-fill):before{
		content: "";
		display: block;
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		width: 100%;
		height: 9.4vw;
		background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%);
	}
	header.type-shop .com-nav>li>a{
		height: 4.7vw;
	}
	header.type-fill:before{
		top: 44px;
	}
}

@media screen and (max-width:768px){
	header.type-shop .part-logo{
		box-shadow: 0 0 4vw rgba(0, 0, 0, 0.5);
	}
	header.type-shop #nav-toggle{
		background-color: #000;
	}
	header.type-shop .com-nav-head{
		justify-content: center;
	}
	header.type-shop #nav-drawer{
		flex-direction: column-reverse;
		justify-content: space-between;
		padding-left: 0;
		background-color: #000;
	}
	header.type-shop .head-nav .com-nav{
		padding-left: 12vw;
	}
}



#nav-toggle{
	position: relative;
	margin-left: auto;
	margin-right: 0;
	top: auto;
	right: auto;
	
	background-color: var(--col-black);
}


@media screen and (max-width:768px){
	
	#nav-drawer{
		
		padding: 28vw 0 0 12vw;
		background-color: var(--col-black);
	}
	
}




.com-acc-elem .elem-gmap>*{
	-webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.com-acc-elem .part1 li:before{
	content: url(/img/acc-ad_g.svg);
}
.com-acc-elem .part1 li:nth-child(2):before{content: url(/img/acc-time_g.svg);}
.com-acc-elem .part1 li:nth-child(3):before{content: url(/img/acc-tel_g.svg);}
.com-acc-elem .part1 p a{
	color: #CCC;
}
.com-acc-elem .part2{
	border-bottom: 1px solid #333;
}
.com-acc-elem .part2:after{
	content: var(--ico-dl-ee);
}
/* .com-acc-elem .part-dl dt:before{
	content: url(/img/acc-train.svg);
}
.com-acc-elem .part-dl:nth-child(2) dt:before{content: url(/img/acc-car.svg);} */









/* .hero-fixp+.com-pan{
	margin-top: -4vw;
	margin-bottom: 4vw;
} */
.com-pan{
	padding-top: 6.8vw;
}
.com-pan ul{
	display: flex;
	flex-wrap: wrap;
	/* justify-content: flex-end; */
	font-family: var(--wf-c);
	font-weight: 500;
	font-size: var(--lead12);
}
.com-pan ul li{
	line-height: 1.2;
}
.com-pan ul li+li:before{
	content:"/" ;
	display: inline-block;
	margin: 0 0.4em;
}
.com-pan a{
	color: #808080;
	white-space: nowrap;
}
@media screen and (max-width:768px){
	.hero-fixp+.com-pan{
		margin-top: -2vw;
		margin-bottom: 2vw;
	}
	.com-pan ul{
		font-size: var(--lead10);
	}
}




.com-title-elem{
	padding-bottom: 3.1vw;
}
.com-title-elem .part-title{
	display: flex;
	/* flex-direction: column;
	align-items: center; */
	justify-content: flex-start;
}
.com-title-elem .part-e{
	color: #FFF;
	font-size: 3vw;
	font-family: var(--wf-c);
	font-weight: bold;
}
/* .com-title-elem .part-j{
	font-size: var(--lead18);
	line-height: 1.4;
} */
.com-title-elem .part-e+.part-j{
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 2vw;
}
.com-title-elem .part-e+.part-j:before{
	content: "";
	display: inline-block;
	width: 5.6vw;
	height: 1.2vw;
	background: url(/img/tit-nami.svg) no-repeat 50%;
	background-size: 100% auto;
	margin-bottom: 2vw;
}
.com-title-elem .part-title+.lead{
	font-size: var(--lead20);
	margin-top: 1.4em;
}
@media screen and (max-width:768px){
	/* .com-cont{
		padding-top: 20.5vw;
		padding-bottom: 24vw;
	} */
	.com-title-elem{
		padding-bottom: 11vw;
	}
	.com-title-elem .part-j{
		font-size: var(--lead12);
	}
	.com-title-elem .part-e{
		font-size: var(--lead20);
	}
	.com-title-elem .part-e+.part-j{
		margin-top: 4vw;
	}
	.com-title-elem .part-e+.part-j:before{
		width: 9.6vw;
		height: 2vw;
		margin-bottom: 4vw;
	}
	.com-title-elem .part-title+.lead{
		font-size: var(--lead16);
	}
}









.title-elem-topmap .part-title{
	display: flex;
	flex-direction: column;
}
.title-elem-topmap .part-e{
	font-size: 4.1vw;
	font-family: var(--wf-c);
	font-weight: bold;
}
.title-elem-topmap .part-j{
	font-size: var(--lead18);
	line-height: 1.4;
	font-weight: bold;
	color: var(--col-green);
}
.title-elem-topmap .part-e+.part-j{
	margin-top: 0.3vw;
}
.title-elem-topmap *+.part-lead{
	margin-top: 0.8em;
}
.title-elem-topmap .part-lead{
	font-size: 1.8vw;
	font-weight: 500;
	line-height: 1.4;
}
.title-elem-topmap+*{
	margin-top: 1.2vw;
}
@media screen and (max-width:768px){
	/* .com-cont{
		padding-top: 20.5vw;
		padding-bottom: 24vw;
	} */
	.title-elem-topmap{
		padding-bottom: 1vw;
	}
	.title-elem-topmap .part-j{
		font-size: var(--lead12);
	}
	.title-elem-topmap .part-e{
		font-size: 9vw;
	}
	.title-elem-topmap .part-e+.part-j{
		margin-top: 2vw;
	}
	/* .title-elem-topmap .part-e+.part-j:before{
		width: 9.6vw;
		height: 2vw;
		margin-bottom: 4vw;
	} */
	.title-elem-topmap .part-lead{
		font-size: 4vw;
	}
}








.com-btn-ell{
	display: inline-block;
}
.com-btn-ell .part{
	position: relative;
	display: inline-block;
	font-size: 1.4vw;
	font-family: var(--wf-c);
	font-weight: bold;
	height: 3.6vw;
	line-height: 3.6vw;
	border-radius: 1.8vw;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
	min-width: 13.8vw;
	color: #000;
	background-color: #FFF;
	border: 2px solid #333;
}
/* .com-btn-ell .part:before{
	content: "";
	position: absolute;
	top: calc(50% - 0.7vw);
	right: 1.2vw;
	width: 1.4vw;
	height: 1.4vw;
	background-image: var(--arrow-cirW);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
} */
@media screen and (max-width:768px){
	.com-btn-ell .part{
		font-size: 3.2vw;
		height: 9.3vw;
		line-height: 9.3vw;
		border-radius: 4.65vw;
		min-width: 35.7vw;
		padding-right: 7vw;
	}
	.com-btn-ell .part:before{
		top: calc(50% - 1.75vw);
		right: 2.4vw;
		width: 3.5vw;
		height: 3.5vw;
	}
}

@media screen and (min-width:769px){
	
	.com-btn-ell:hover .part{
		opacity: 0.6;
	}
}





.com-btn-sq{
	display: inline-block;
}
.com-btn-sq .part{
	position: relative;
	display: inline-block;
	font-size: var(--lead18);
	font-family: var(--wf-c);
	font-weight: bold;
	/* line-height: 3.6vw; */
	border-radius: 0.5vw;
	text-align: left;
	padding: 1em 2.5em 1em 0.8em;
	padding-left: 0.8em;
	padding-right: 2.5em;
	/* min-width: 13.8vw; */
	background-color: #FFF;
	filter: drop-shadow(0 0.3vw 0.3vw rgba(0, 0, 0, 0.7));
}
.com-btn-sq .part:before{
	content: "";
	position: absolute;
	top: calc(50% - 0.7vw);
	right: 1.2vw;
	width: 1.4vw;
	height: 1.4vw;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-image: var(--arrow-cirW);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}
.com-btn-sq .part:after{
	content: "";
	position: absolute;
	bottom: -0.8vw;
	left: calc(50% - 0.6vw);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.8vw 0.6vw 0 0.6vw;
	border-color: #FFF transparent transparent transparent;
}
@media screen and (max-width:768px){
	.com-btn-sq .part{
		font-size: var(--lead10);
		border-radius: 1.7vw;
		padding-left: 0.8em;
		padding-right: 2.5em;
		filter: drop-shadow(0 1vw 1vw rgba(0, 0, 0, 0.7));
	}
	.com-btn-sq .part:before{
		top: calc(50% - 1.75vw);
		right: 2vw;
		width: 3.5vw;
		height: 3.5vw;
	}
	.com-btn-sq .part:after{
		bottom: -2.7vw;
		left: calc(50% - 2.1vw);
		border-width: 2.7vw 2.1vw 0 2.1vw;
	}
}




.elem-btn-anc{
	display: flex;
	justify-content: stretch;
}
@media screen and (min-width:769px){
	.elem-btn-anc>li{
		max-width: calc((100% - 6.9vw) / 3.001);
		flex: 1;
	}
	.elem-btn-anc>li+li{
		margin-left: 2.3vw;
	}
}

.com-btn-anc{
	display: block;
}
.com-btn-anc .part{
	position: relative;
	display: block;
	font-size: var(--lead18);
	font-family: var(--wf-c);
	font-weight: 500;
	text-align: left;
	padding: 0.5em 2.5em 0.5em 0.8em;
	padding-left: 0.8em;
	padding-right: 2.5em;
	border-bottom: 1px solid #333;
}
.com-btn-anc .part:before{
	content: "";
	position: absolute;
	top: calc(50% - 0.7vw);
	right: 1.2vw;
	width: 1.4vw;
	height: 1.4vw;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	background-image: var(--arrow-cirW);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50%;
}
.com-btn-anc-uline .part{
	display: block;
	font-size: var(--lead18);
	font-family: var(--wf-c);
	font-weight: 500;
	text-align: left;
	padding: 0.5em 2.5em 0.5em 0.8em;
	padding-left: 0.8em;
	padding-right: 2.5em;
	border-bottom: 7px solid #D2CECB;
}

@media screen and (max-width:768px){
	.elem-btn-anc{
		flex-wrap: wrap;
	}
	.elem-btn-anc>li{
		max-width: calc((100% - 5.9vw) / 2.001);
		flex: auto;
	}
	.elem-btn-anc>li:nth-child(even){
		margin-left: 5.9vw;
	}
	.elem-btn-anc>li:nth-child(n+3){
		margin-top: 7.5vw;
	}
	.com-btn-anc .part{
		font-size: var(--lead12);
		padding-left: 0.8em;
		padding-right: 2.5em;
	}
	.com-btn-anc .part:before{
		top: calc(50% - 1.75vw);
		right: 2vw;
		width: 3.5vw;
		height: 3.5vw;
	}


	.elem-btn-anc.type-uline{
		display: block;
	}
	.elem-btn-anc.type-uline>li{
		max-width: 100%;
	}
	.elem-btn-anc.type-uline>li:nth-child(even){
		margin-left: 0;
	}
	.elem-btn-anc.type-uline>li,
	.elem-btn-anc.type-uline>li:nth-child(n+3){
		margin-top: 3vw;
	}
}



/* font-family: var(--wf-c);
	font-weight: bold;
	font-size: var(--lead18); */

@keyframes arrowMoveX{
	0%{
		opacity: 1;
		transform: translateX(0px);
	}
	30%{
		opacity: 0;
		transform: translateX(10px);
	}
	49%{
		opacity: 0;
		transform: translateX(10px);
	}
	50%{
		opacity: 0;
		transform: translateX(-10px);
	}
	100%{
		opacity: 1;
		transform: translateX(0px);
	}
}










.com-post .post-lead{
	display: none;
}
.com-post .com-coverbox:before{
	padding-top: 58.3%;
}
.com-post .box a{
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 1vw;
	overflow: hidden;
}
.com-post .post-txt{
	position: relative;
	background-color: #FFF;
	color: #000;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	padding: 2.8vw;
	flex: 1;
}
.com-post .post-txt:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 2.8vw;
	right: 2.8vw;
	height: 4px;
	background-color: var(--col-orange);
}
.com-post .post-txt>*+*{
	margin-top: 1vw;
}
.com-post .post-tt{
	display: flex;
}
.com-post .post-tt>*+*{
	margin-left: 0.5vw;
}
.com-post .post-tag,
.com-post .post-type{
	font-size: var(--lead14);
	font-weight: bold;
	background-color: #ECECEC;
	padding: 0.6em 1em;
	border-radius: 3px;
}
.com-post .post-tag{
	color: #FFF;
}
.com-post .post-date{
	font-family: var(--wf-c);
	font-weight: 500;
	font-size: var(--lead14);
}
.com-post .post-title{
	font-size: var(--lead18);
}
.com-post .post-lead{
	font-size: var(--lead14);
}
.com-post .post-title,
.com-post .post-lead{
	line-height: 1.4;
	/* text-align: justify; */
}


@media screen and (min-width:769px){
	.com-post>ul:not(.top-news-slicks){
		display: flex;
		flex-wrap: wrap;
		margin: -4vw -0.7vw 0;
	}
	.com-post>ul>.box{
		width: calc((100% - 4.2vw) / 3.001);
		margin: 4vw 0.7vw 0;
	}
}


@media screen and (max-width:768px){
	.com-post>ul>.box+.box{
		margin-top: 8vw;
	}
	.com-post .box a{
		border-radius: 3.2vw;
	}
	.com-post .post-txt{
		padding: 8vw;
	}
	.com-post .post-txt:after{
		left: 8vw;
		right: 8vw;
	}
	.com-post .post-txt>*+*{
		margin-top: 3vw;
	}
	.com-post .post-type{
		font-size: var(--lead14);
		font-weight: bold;
		background-color: #ECECEC;
		padding: 0.6em 1em;
		border-radius: 3px;
	}
	.com-post .post-date{
		font-family: var(--wf-c);
		font-weight: 500;
		font-size: var(--lead14);
	}
	.com-post .post-title{
		font-size: var(--lead18);
	}
	.com-post .post-lead{
		font-size: var(--lead14);
	}
	.com-post .post-title,
	.com-post .post-lead{
		line-height: 1.4;
		text-align: justify;
	}
}

/* - - - - - - color setting - - - - - - */

.com-post .pos-base .post-tag,
.com-post .pos-base .post-txt:after{background-color: #000;}
.com-post .pos-shonan .post-tag,
.com-post .pos-shonan .post-txt:after{background-color: var(--col-shonan);}
.com-post .pos-seisho .post-tag,
.com-post .pos-seisho .post-txt:after{background-color: var(--col-seisho);}
.com-post .pos-sagami .post-tag,
.com-post .pos-sagami .post-txt:after{background-color: var(--col-sagami);}
.com-post .pos-hiratsuka .post-tag,
.com-post .pos-hiratsuka .post-txt:after{background-color: var(--col-hiratsuka);}
.com-post .pos-ebina .post-tag,
.com-post .pos-ebina .post-txt:after{background-color: var(--col-ebina);}

.com-post .pos-camp-ebina .post-tag,
.com-post .pos-camp-ebina .post-txt:after{background: linear-gradient(to bottom,  #da473a 10%,#e56c36 50%,#f29739 75%,#fbc600 100%);}


/* - - - - - - チェック用 削除 - - - - - - */
/* .shopnum1 .post-tag,
.shopnum1 .post-txt:after{background-color: var(--col-shonan) !important;}
.shopnum2 .post-tag,
.shopnum2 .post-txt:after{background-color: var(--col-seisho) !important;}
.shopnum3 .post-tag,
.shopnum3 .post-txt:after{background-color: var(--col-sagami) !important;}
.shopnum5 .post-tag,
.shopnum5 .post-txt:after{background-color: var(--col-ebina) !important;} */



.top-news-slicks{
	margin: 0 -0.7vw;
}
.top-news-slicks .slick-slide{
	margin: 0 0.7vw;
}


@media screen and (max-width:768px){
	.top-news-slicks{
		margin: 0 -6.4vw;
		/* padding: 0 6.4vw; */
	}
	.top-news-slicks .slick-slide{
		margin: 0 0 0 6.4vw;
	}

}
/* pos-base */

@media screen and (min-width:769px){
	.com-post-diary:not(.post-fv){
		margin: -1.4vw -0.7vw 0;
		display: flex;
		flex-wrap: wrap;
	}
	.com-post-diary:not(.post-fv) .box{
		width: calc((100% - 4.2vw) / 3.001);
		margin: 1.4vw 0.7vw 0;
		display: flex;
		flex-direction: column;
	}
	.com-post-diary:not(.post-fv) .box .post-txt{
		flex: 1;
	}
}
.com-post-diary .post-thumb .com-coverbox:before{
	padding-top: 58%;
}
.com-post-diary .post-txt{
	display: flex;
	flex-direction: column;
	padding: 2.4vw;
	background-color: #000;
}
.com-post-diary .post-txt .post-hd{
	margin-top: auto;
	padding-top: 2.5vw;
}
.com-post-diary .post-txt .post-title{
	font-size: var(--lead20);
	line-height: 1.6;
}
.com-post-diary .post-hash{
	display: flex;
	flex-wrap: wrap;
	margin: -0.3vw;
}
.com-post-diary .box .post-hash a{
	line-height: 1;
	font-size: var(--lead12);
	margin: 0.3vw;
}
.com-post-diary .post-date{
	font-family: var(--wf-c);
	font-size: var(--lead14);
	display: flex;
	align-items: center;
	line-height: 1;
	margin-top: 1.5vw;
}
.com-post-diary .post-date:before{
	content: url(/img/ico-clock_w.svg);
	display: block;
	width: 1.6vw;
	height: 1.6vw;
	margin-right: 0.5vw;
}
@media screen and (max-width:768px){
	.com-post-diary .box+.box{
		margin-top: 6.4vw;
	}
	.com-post-diary .post-txt{
		padding: 5.3vw;
	}
	.com-post-diary .post-txt .post-title{
		font-size: var(--lead14);
	}
	.com-post-diary .post-hash{
		margin: -0.9vw;
	}
	.com-post-diary .box .post-hash a{
		font-size: var(--lead10);
		margin: 0.9vw;
	}
	.com-post-diary .post-date{
		font-size: var(--lead10);
		margin-top: 4vw;
	}
	.com-post-diary .post-date:before{
		width: 4.3vw;
		height: 4.3vw;
		margin-right: 1.2vw;
	}
}

.com-post-diary.post-fv{
	margin-bottom: 1.4vw;
}

@media screen and (min-width:769px){
	.com-post-diary.post-fv .box{
		display: flex;
		flex-direction: row-reverse;
	}
	.com-post-diary.post-fv .post-thumb .com-coverbox:before{
		padding-top: 66%;
	}
	.com-post-diary.post-fv .post-thumb{
		width: 55%;
	}
	.com-post-diary.post-fv .post-txt{
		flex: 1;
	}
	.com-post-diary.post-fv .post-txt .post-hd{
		padding-top: 1vw;
	}
}
.com-post-diary.post-fv .part-tit{
	width: 33.6vw;
	margin-top: -4vw;
	margin-left: -4vw;
	margin-bottom: 2vw;
}

@media screen and (max-width:768px){
	.com-post-diary.post-fv{
		margin-bottom: 6.4vw;
	}
	.com-post-diary.post-fv .box{
		position: relative;
		padding-top: 25.6vw;
	}
	/* .com-post-diary.post-fv .post-txt,
	.com-post-diary.post-fv .post-thumb{
		width: 100%;
	} */

	.com-post-diary.post-fv .part-tit{
		position: absolute;
		top: 0;
		left: 6.1vw;
		width: 69.3vw;
		margin: 0;
	}

}





.pagenation{
	padding-top: 3vw;
}
.pagenation ul{
	display: flex;
	justify-content: center;
	
}
.pagenation li>*,
.pagenation li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.8vw;
	height: 2.8vw;
	line-height: 1;
	font-family: var(--wf-c);
	font-size: var(--lead18);
	font-weight: bold;
}
.pagenation li{
	margin: 0 0.4vw;
	border-radius: 50%;
	overflow: hidden;
}
.pagenation li a{
	color: #FFF;
	background-color: #000;
	-webkit-transition: background-color 0.5s,color 0.5s;
	transition: background-color 0.5s,color 0.5s;
}
.pagenation li a:hover,
.pagenation .pagination-index>*{
	background-color: #000;
	color: #666;
	-webkit-transition: background-color 0s,color 0s;
	transition: background-color 0s,color 0s;
}
.pagenation .pagination-no-num a{
	position: relative;
	background-size: 100%;
}
.pagenation .pagination-no-num.prev a{
	background-color: transparent;
	background-image: url(/img/page-arrow_p.svg);
}
.pagenation .pagination-no-num.next a{
	background-color: transparent;
	background-image: url(/img/page-arrow_n.svg);
}
.pagenation .pagination-no-num.prev a:hover,
.pagenation .pagination-no-num.next a:hover{
	background-color: #000;
}
.pagenation .pagination-no-num.first,
.pagenation .pagination-no-num.last{display: none;}

@media screen and (max-width:768px){
	.pagenation{padding-top: 6vw;}
	.pagenation li>*,
	.pagenation li a{
		width: 6vw;
		height: 6vw;
		font-size: var(--lead12);
	}
}


.wp-pag{
	display: flex;
	justify-content: center;
}
.wp-pag>*{
	margin: 0 0.4vw;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 2.8vw;
	height: 2.8vw;
	line-height: 1;
	font-family: var(--wf-c);
	font-size: var(--lead18);
	font-weight: bold;
	overflow: hidden;
	border-radius: 50%;
	color: #666;
}
.wp-pag>*:not(.prev,.next){
	background-color: #000;
}
.wp-pag a:not(.prev,.next){
	color: #FFF;
	background-color: #000;
	-webkit-transition: background-color 0.5s,color 0.5s;
	transition: background-color 0.5s,color 0.5s;
}
.wp-pag a:hover,
.pagenation .pagination-index>*{
	background-color: #000;
	color: #666;
	-webkit-transition: background-color 0s,color 0s;
	transition: background-color 0s,color 0s;
}
.wp-pag .prev,.wp-pag .next{
	position: relative;
	font-size: 0;
	background-size: 100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.wp-pag .prev{
	background-color: transparent;
	background-image: url(/img/page-arrow_p.svg);
}
.wp-pag .next{
	background-color: transparent;
	background-image: url(/img/page-arrow_n.svg);
}
@media screen and (max-width:768px){
	.wp-pag>*{
		width: 6vw;
		height: 6vw;
		font-size: var(--lead12);
	}
}