/* section colorSelect
============================== */

/*skyblue*/
#stage section.colorSelect
{color: rgba(0, 167, 216, 1);border: 3px solid rgba(0, 167, 216, 1);}
#stage section.colorSelect .bdd
{border-bottom: 1px dashed rgba(0, 167, 216, 1);}
#stage section.colorSelect.conList h3
{border-top: 3px solid rgba(0, 167, 216, 1); color:rgba(0, 167, 216, 1) }
#stage section.colorSelect a.bt { border: solid 1px rgba(0, 167, 216, 1); color: rgba(0, 167, 216, 1); border-radius: 10px; padding:5px 10px; margin-bottom: 5px; display: inline-block;}
#stage section.colorSelect a:hover.bt{ background-color:rgba(0, 167, 216, 0.1); }
#stage section.colorSelect .btn-w-close a {background-color:rgba(0, 167, 216, 1);}
/*green*/
#workshop section.colorSelect
{color: rgba(40, 168, 56, 1);border: 3px solid rgba(40, 168, 56, 1);}
#workshop section.colorSelect .bdd
{border-bottom: 1px dashed rgba(40, 168, 56, 1);}
#workshop section.colorSelect.conList h3
{border-top: 3px solid rgba(40, 168, 56, 1); color:rgba(40, 168, 56, 1) }
#workshop section.colorSelect a.bt { border: solid 1px rgba(40, 168, 56, 1); color: rgba(40, 168, 56, 1); border-radius: 10px; padding:5px 10px; margin-bottom: 5px; display: inline-block;}
#workshop section.colorSelect a:hover.bt{ background-color:rgba(40, 168, 56, 1); color:rgba(255, 255, 255, 1); }
#workshop section.colorSelect .btn-w-close a {background-color:rgba(40, 168, 56, 1);}
/*orange*/
#foods section.colorSelect
{color: rgba(237, 106, 2, 1);border: 3px solid rgba(237, 106, 2, 1);}
#foods section.colorSelect .bdd
{border-bottom: 1px dashed rgba(237, 106, 2, 1);}
#foods section.colorSelect.conList h3
{border-top: 3px solid rgba(237, 106, 2, 1); color:rgba(237, 106, 2, 1) }
#foods section.colorSelect .btn-w-close a {background-color:rgba(237, 106, 2, 1);}

section.colorSelect a:hover.bt{ color:rgba(255, 255, 255, 1); }
/*pink*/
/*#foods section.colorSelect
{color: rgba(215, 30, 105, 1);border: 3px solid rgba(215, 30, 105, 1);}
#foods section.colorSelect .bdd
{border-bottom: 1px dashed rgba(215, 30, 105, 1);}
#foods section.colorSelect.conList h3
{border-top: 3px solid rgba(215, 30, 105, 1); color:rgba(215, 30, 105, 1) }
#foods section.colorSelect .btn-w-close a {background-color:rgba(215, 30, 105, 1);}*/
/*blue*/
/*#circuler section.colorSelect
{color: rgba(14, 91, 170, 1);border: 3px solid rgba(14, 91, 170, 1);}
#circuler section.colorSelect .bdd
{border-bottom: 1px dashed rgba(14, 91, 170, 1);}
#circuler section.colorSelect.conList h3
{border-top: 3px solid rgba(14, 91, 170, 1); color:rgba(14, 91, 170, 1) }
#circuler section.colorSelect a.bt { border: solid 1px rgba(14, 91, 170, 1); color: rgba(14, 91, 170, 1); border-radius: 10px; padding:5px 10px; margin-bottom: 5px; display: inline-block;}
#circuler section.colorSelect a:hover.bt{ background-color:rgba(14, 91, 170, 0.1); }
#circuler section.colorSelect .btn-w-close a {background-color:rgba(14, 91, 170, 1);}*/
 /*red*/
/*section.colorSelect:nth-of-type(6),
section.colorSelect:nth-of-type(13),
section.colorSelect:nth-of-type(20),
section.colorSelect6
{color: rgba(198, 15, 40, 1);border: 3px solid rgba(198, 15, 40, 1);}
section.colorSelect:nth-of-type(6) .bdd,
section.colorSelect:nth-of-type(13) .bdd,
section.colorSelect:nth-of-type(20) .bdd,
section.colorSelect6 .bdd
{border-bottom: 1px dashed rgba(198, 15, 40, 1);}
section.colorSelect.conList:nth-of-type(6) h3,
section.colorSelect.conList:nth-of-type(13) h3,
section.colorSelect.conList:nth-of-type(20) h3,
section.colorSelect6.conList h3
{border-top: 3px solid rgba(198, 15, 40, 1); color:rgba(198, 15, 40, 1) }
section.colorSelect6 a.bt { border: solid 1px rgba(198, 15, 40, 1); color: rgba(198, 15, 40, 1); border-radius: 10px; padding:5px 10px; margin-bottom: 5px; display: inline-block;}
section.colorSelect6 a:hover.bt{ background-color:rgba(198, 15, 40, 1); }
section.colorSelect6 .btn-w-close a {background-color:rgba(198, 15, 40, 1);}*/
/*yellow_brown*/
/*section.colorSelect:nth-of-type(7),
section.colorSelect:nth-of-type(14),
section.colorSelect:nth-of-type(21),
section.colorSelect7
{color: rgba(211, 146, 0, 1);border: 3px solid rgba(211, 146, 0, 1);}
section.colorSelect:nth-of-type(7) .bdd,
section.colorSelect:nth-of-type(14) .bdd,
section.colorSelect:nth-of-type(21) .bdd,
section.colorSelect7 .bdd
{border-bottom: 1px dashed rgba(211, 146, 0, 1);}
section.colorSelect.conList:nth-of-type(7) h3,
section.colorSelect.conList:nth-of-type(14) h3,
section.colorSelect.conList:nth-of-type(21) h3,
section.colorSelect7.conList h3
{border-top: 3px solid rgba(211, 146, 0, 1); color:rgba(211, 146, 0, 1) }
section.colorSelect7 .btn-w-close a {background-color:rgba(211, 146, 0, 1);}
.bdd{padding-bottom:1em!important;}*/
/*
============================== */
.dateArea{margin-bottom: 1.5em;}
.date{
	width: 100%;
	text-align: center !important;
	color: #0651A4;
	font-size: 180%;
	line-height:150%;
	font-weight: 800;
	margin-bottom: 0.5em;
	-webkit-font-smoothing: antialiased;
}

.catch{
	width: 100%;
	text-align: center !important;
	color: #0651A4;
	font-size: 120%;
	line-height:150%;
	font-weight: 800;
	-webkit-font-smoothing: antialiased;
	margin:0 auto;
	/*white-space: nowrap;*/
}
.date small{
	font-size: 60%;
	line-height: 100%;
}
.catch small{
	font-size: 80%;
	line-height: 100%;
	font-weight: normal;
}

.catch2, .catch3{
	width: 100%;
	text-align: center !important;
	font-size: 130%;
	line-height:150%;
	font-weight: 800;
	-webkit-font-smoothing: antialiased;
	margin:0 auto;
}
.catch2 p, .catch3 p {text-align: center!important;}
.catch3 p { margin-bottom: 0.3em!important;}
.catch2 small, .catch3 small{
	font-size: 80%;
	line-height: 100%;
}

.in_box p small{
	font-size:70%;
	line-height: 100%;
	display:block;
}
.in_box p small .big{
	font-size: 120%;
}

.in_box .tRight{
	text-align: right !important;
}

h2{
font-size: 160%;
font-weight: 600;
-webkit-font-smoothing: antialiased;

}
h3{
line-height: 140%;
font-weight: 600;
-webkit-font-smoothing: antialiased;
text-justify: inter-ideograph;

font-feature-settings: "palt";
}
p .point{
	color:#fff;padding:.2em .5em;
	font-size: 80%;
}
#stage p .point{ background-color: rgba(0, 167, 216, 1);} /*skyblue*/
#workshop p .point { background-color: rgba(40, 168, 56, 1);} /*green*/
#foods p .point { background-color: rgba(237, 106, 2, 1);} /*orange*/

p.att{
	line-height: 140%;
	font-size: 80%; text-align: center !important;
}

.in_box {color: rgba(0, 48, 102, 1);}

.in_box a{color: rgba(14, 91, 170, 1);
	text-decoration: none;}



@media (min-width: 961px) {
	h3{white-space:nowrap;
font-size: 125%;
	}
	.catch{
		padding-bottom:2em;
	}
	.catch2{
		padding-top:2em;
	}
	.catch3{
		padding-top:1em;
	}
	p.att{
		width: 100%;
		
	}
		}
@media (max-width: 960px) {
	.dateArea { margin-bottom: 1em;}
	.date{
		width: 90%;
		font-size: 100%;
		white-space: nowrap;
		margin:0 auto 0.5em;
}
.catch{
	width: 90%;
	font-size: 100%;
	margin:0 auto 1em;
	padding:1em 0 2em;
}
.catch2{
	width: 90%;
	font-size: 120%;
	padding:2em 0 0;
}
.catch3{
	width: 90%;
	font-size: 110%;
	padding:1em 0 0;
}
h2{
	font-size: 130%;
}
h3{
	font-size: 100%;
}
p.att{
margin-top: 1em;
}
}
/* ===============================
information
=============================== */
.twi-box{
	overflow: scroll;
}

.banner .lazy{
width: 100%;
height:0;
padding-top: 112.2%;
background-size: contain;
}



@media (max-width: 960px) {
	#information {width: 95% !important;}
.twi-box{
	width: 100%;
	margin:auto;
	height:340px;
	margin-top:1em;
	}

.banner{
width: 100%;
margin:1em auto 0;
margin-top:1em;
}
.banner a{
	display: block;
	width:56%;
	margin:2em auto;
}
}
@media (min-width: 961px) {
#information .in_box{
	width: 100% !important;
	margin-top: 1.5em !important;
	}

	.twi-box,
	.banner{
	width: 48%;
	height:400px;
		}


	 .banner a{
	display: block;
	width: 267px;
	height:300px;
	margin:50px auto;
	}
}
/* ===============================
corner
=============================== */
section p{
	font-size: 90%;
text-align: left;
line-height: 140%;
font-weight: lighter;
}
section p{
	padding-bottom:1em;
	margin-bottom: 1em;
}
section p:last-child{
	padding-bottom:0;
	margin-bottom:0;
}
#detail_dt section p{
	padding-bottom:0em;
	margin-bottom: 1em;
}
#detail_dt section .notes { padding-left:3em; text-indent:-3em; display: block;}
#detail_dt section .notesD { padding-left:6.2em; text-indent:-6.2em; display: block;}
#detail_dt section .bdd{padding-bottom:1em;}
.photo_mini .lazy,
.photo .lazy {
	width:100%;
	height: 0;
	padding-top: 75%;
	background-size: cover;
}

.txt_mini{font-size:80%}
/*icon*/
.icon_sp .ico0 .lazy{ border: 1px solid rgba(200, 200, 200, .2);}
.icon_sp li .lazy{display: block;width: 100%; height:0; padding-top: 100%;}


@media (max-width: 960px) {
.in_box {
		width: 95%;
		margin:0 auto 1em;}

.photo_mini,
.photo {margin-bottom:1em;}

	.title {
		width: 95%;
		margin:1em auto 0;}

	.title h3{width: 100%;
	text-align: center !important; padding-bottom: 1em;}

	.title .icon_sp{ width: 100%;
	margin:0 auto 0.5em;}
	.title .icon_sp.six{ width: 60%;}
	.icon_sp{
		/**/
	}
	.title .icon_sp li {
		width:55px;
	margin:0 .5em .5em 0; display: inline-block;}
	
	.conList .icon_sp {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		padding: 0 5px 5px;}
	.conList .icon_sp li {
		width:15%;
		max-width: 25px;
		margin:0 .2em 0 0; display: inline-block;}
	.conList .icon_sp li:last-child {margin:0 0 0 0}


}

@media (min-width: 961px) {
.in_box {
	width:90%;
	display: flex;
	justify-content: space-between;
	margin:1em auto;
}
.in_box.wide {
	display:block;
}

.in_box.center{
align-items:center !important;
}
.in_box.row{
flex-direction: row-reverse !important;
}

.in_box .photo {width:42%;}
.in_box .txt {width:55%;}
.in_box .photo_mini {width:30%;}
.in_box .txt_mini {width:65%;}
.in_box.noph .txt {width:100%;}

.title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 90%;
	margin:1em auto 0;}

.title h3{
	width: 60%;
	text-align: left !important; vertical-align: top;}
.title .icon_sp{ width: 40%;}
	
.title .icon_sp.six{ width: 30%;}


.title .icon_sp, .conList .icon_sp{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.title .icon_sp li {
	width:55px;
	margin:0 .5em .5em 0; display: inline-block;}
	
.title .icon_sp li:last-child {margin:0 0 .5em 0}
	
	.conList .icon_sp {padding: 0 5px 5px;}
	.conList .icon_sp li {
		width:33px;
	margin:0 .2em 0 0; display: inline-block;}
	.conList .icon_sp li:last-child {margin:0 0 0 0}
	
.title .icon_sp.six li:nth-child(3) {margin:0 0 .5em 0}
}



.conList h3 { font-size: 0.85em; padding: 1em 0 0.5em; white-space: normal; min-height: 4em; text-align: center; display: table; width: 100%; position: relative;}
.conList h3 span.inner {display: table-cell; vertical-align: middle;}
.conList .photo {margin-bottom:0em;}
.conList h3 span.pre { position: absolute; top:1px; right:1px; padding: 3px; background-color: rgba(198, 15, 40, 1); color: #fff; font-size: 0.65em; line-height: 1em; font-weight: bold;}
.conList h3 span.listdate { position: absolute; top:1px; right:1px; padding: 3px; color: #0651A4; font-size: 0.8em; line-height: 1em; font-weight: bold;}
@media (max-width: 960px) {
	.conList h3 span.pre { font-size: 0.5em;}
}




/* ===============================
other
=============================== */

.bdx_in_block{
	width:100%;
	background: #fff;
}
.bdx_in_block .txt_box{
		width: 90%;
		margin:0 auto;
	}
.bdx_in_block h3{
		padding-top:2em;
	}
.bdx_in_block .txt_box p{
	padding:2em 0 1em;
	}


/*サーキュラー*/
article#circuler {margin: 3em auto 0;}
#circuler a.bt { border: solid 1px rgba(237, 106, 2, 1); color: rgba(237, 106, 2, 1); border-radius: 10px; padding:10px 10px; margin: 15px auto; display: inline-block; font-weight: bold;}
#circuler a:hover.bt{ background-color:rgba(237, 106, 2, 1); }
#circuler .item_c2 .photo .lazy {
	padding-top: 66.77%;
}
#circuler .item_c1 .photo .lazy, #circuler .item_c2 .photo .lazy {
	padding-top: 57.5%;
}
#circuler .item_c3 .photo .lazy {
	padding-top: 78.125%;
}
#circuler .in_box { margin-bottom: 2em;}
#circuler p { margin-bottom: 0;}

section.colorSelect#circuler
{color: rgba(237, 106, 2, 1);border: 3px solid rgba(237, 106, 2, 1);}
section.colorSelect#circuler .btn-w-close a {background-color:rgba(237, 106, 2, 1);}

@media (max-width: 960px) {
	article#circuler {margin: 2em auto 0;}
	article#circuler h3 { font-size: 1.05em; width: 90%; margin: 0 auto;}
	#circuler .con { width: 90%; margin: 1em auto 0;}
	#circuler a.bt { display: block; width: 95%; text-align: center;}
}


/*サーキュラーレポート*/
.reportBlock { padding-bottom: 1em;}
.photo_w .lazy {
	width:100%;
	height: 0;
	/*padding-top: 75%;*/
	background-size: cover;
}
#report .item_c1 .photo_w .lazy {
	padding-top: 39.2%;
}
#report .item_c2 .photo_w .lazy {
	padding-top: 25%;
}
#report .item_c3 .photo_w .lazy {
	padding-top: 56.3%;
}
.photo_w {margin-bottom:1em;}



@media (min-width: 961px) {
.in_box.wide .photo_w {width:100%;}
.in_box.wide .txt {width:100%;}	

.reportBtn { font-size: 1.2em!important;}
}
@media (max-width: 960px) {
.reportBtn { font-size: 1.0em!important;}
}


/*アクセスマップ*/

.accessmap_frm{
	width:100%;
	max-width:1000px;
}
.accessmap_box{
	width:100%;
	margin:0 auto;
	padding:0;
}
.access_box{
	width:90%;
	margin:2em auto 1em;
	padding:0;
}
@media (max-width: 960px) {
.accessmap_frm{
	padding:1em 0;
}
.accessmap_img{
	width:100%;
	margin:0 auto;
	display:block;
}
.accessmap_img img{
	width:100%;
	height:auto;
}
.access_box{
	display:flex;
	flex-direction: column;
	justify-content: center;

}
dl.access_subway{
	line-height:1.75;
	display:flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom:1em;
}
dl.access_subway dt{
	font-size:0.8125rem;
	line-height:1.65;
	margin:0 auto 5px;
}
dl.access_subway dd{
	font-size:0.75rem;
	line-height:1.65;
	margin:0 auto;
}

}
@media (min-width: 961px) {
	.accessmap_frm{
		padding:1em 0;
	}

.accessmap_img{
	width:100%;
	max-width:900px;
	margin:0 auto;
	display:block;
}
.accessmap_img img{
	width:100%;
	height:auto;
}

.access_box{
	box-sizing:border-box;
	display:flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-end;
}
dl.access_subway{
	width:60%;
	line-height:1.75;
	display:flex;
	flex-direction: column;
}
dl.access_subway dt{
	font-size:1.125rem;
	line-height:1.65;
}
dl.access_subway dd{
	font-size:0.9375rem;
	line-height:1.65;
}

}


/*感染症対策*/
#notice{margin-bottom:5em;}
#notice h3{
padding-bottom:1em;
}
#notice p{
padding-top: 1em !important;
}

@media (max-width: 960px) {

ul.notice_item{
	width:100%;
	margin:0 auto;
	padding-bottom:2em;
}
ul.notice_item li{
	font-size:0.8125rem;
	line-height:1.65;
	margin-left: 1em;
	margin-bottom: 0.5em;
	text-indent: -1em;
}
}
@media (min-width: 961px) {

ul.notice_item{
	width:100%;
	margin:0 auto;
	padding-bottom:2em;
}
ul.notice_item li{
	font-size:1rem;
	line-height:1.65;
	margin-left: 1em;
	margin-bottom: 0.5em;
	text-indent: -1em;
}
}


/*SDGsリンクボタン*/
@media (max-width: 960px) {

.sdgs-btn_detail{
	width:100%;
	padding:10px 0 5px;
	box-sizing:border-box;
	display:flex;
	justify-content: center;
}
.sdgs-btn_box{
	padding:4px;
}
	
}
@media (min-width: 961px) {
.sdgs-btn_detail{
	padding:10px 5px 5px;
	box-sizing:border-box;
	display:flex;
	justify-content: flex-end;
}
.sdgs-btn_detail.center{justify-content: center;}
.sdgs-btn_box{
	padding:4px;
}
	#detail_dt .sdgs-btn_detail { padding:0px; justify-content: center; margin: 10px auto;}
}

/*パーツ*/
.gradient{
	background: linear-gradient(to right, #e5243b 5.882%, #dda63a 5.882%, #dda63a 11.764%, #4c9f38 11.764%, #4c9f38 17.646%, #c5192d 17.646%, #c5192d 23.528%, #ff3a21 23.528%, #ff3a21 29.41%, #26bde2 29.41%,#26bde2 35.292%, #fcc30b 35.292%, #fcc30b 41.174%, #981942 41.174%, #981942 47.056%, #fd6925 47.056%, #fd6925 52.938%, #dd1367 52.938%, #dd1367 58.82%,#fd9d24 58.82%, #fd9d24 64.702%, #bf8b2e 64.702%, #bf8b2e 70.584%, #3f7e44 70.584%, #3f7e44 76.466%, #0a97d9 76.466%, #0a97d9 82.348%, #56c02b 82.348%,#56c02b 88.23%, #00689d 88.23%, #00689d 94.112%, #19486a 94.112%);
}

/*ボタン*/
@media (max-width: 359px) {
.btn_box{
	padding:4px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.btn {
	display: inline-block;
	font-size:0.8125rem;
	line-height:1.3;
	font-weight:bold;
	letter-spacing: 0.05em;
	position: relative;
	background: #fff;
	color: #333;
	padding: 10px 60px 10px 15px;
	transition: all 0.3s;
}
}

@media (min-width: 360px) and (max-width: 960px) {
.btn_box{
	padding:4px;
	position: absolute;
	bottom: 10px;
	left: 50%;
	-webkit-transform: translate(-50%,0);
	transform: translate(-50%,0);
}
.btn {
	display: inline-block;
	font-size:0.8125rem;
	line-height:1.3;
	font-weight:bold;
	letter-spacing: 0.125em;
	position: relative;
	background: #fff;
	color: #333;
	padding: 10px 60px 10px 20px;
	transition: all 0.3s;
}
}
@media (min-width: 961px) {
.btn_box{
	padding:4px;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.btn {
	display: inline-block;
	font-size:0.9375rem;
	line-height:1.3;
	font-weight:bold;
	letter-spacing: 0.125em;
	position: relative;
	background: #fff;
	color: #333;
	padding: 10px 60px 10px 20px;
	transition: all 0.3s;
}
}
.btn:after {
	content: "";
	position: absolute;
	display: block;
	transition: all 0.3s;
	width: 7px;
	height: 18px;
	top: 50%;
	right: 2.5rem;
	box-shadow: 2px -2px 0 #fff;
	border-top: solid 2px #333;
	border-right: solid 2px #333;
	transform: translateY(-50%) rotate(45deg) skewX(-45deg);
}
.btn:hover:after {
	right: 5px;
	height: 40px;
}
.btn:hover {
	background:#fff;
}



/*modal*/
#detail_dt {
    position: absolute;
    left: 50%;
    top: 0;
    z-index: 10000 !important;
    bottom: 0;
    /* left: 0; */
    right: 0;
    margin: auto;
	background-color: #fff;
	padding: 10px;
}
#detail_dt section.con {}

#detail_dt .btn-w-close a {
  display: block;
  width: 103px;
  padding: 10px 0;
  margin: 0 auto;
	color: #fff;
}



#detail_dt .btn-w-close a {
  cursor: pointer;
}



@media all and (min-width: 768px) {
  #detail_dt {
    width: 750px;
    height: 450px;
    margin-left: -365px;
  }
	#detail_dt #stage, #detail_dt #workshop, #detail_dt #permanent, #detail_dt #foods { height: 100%;}
	#detail_dt section.con { height: 100%; overflow-y: scroll;}
	
  #detail_dt .btn-w-close {
    position: absolute;
    right: 10px;
    bottom: 10px;
  }
	#detail_dt .btn-w-close a {border-radius: 15px 0 0px 0; }
}

@media all and (max-width: 767px) {
  #detail_dt {
    width: 100%;
    margin: 0px -50% 0px!important; padding: 0; z-index: 1000;
  }
	#detail_dt section.con { position: relative; margin: 10px;}
	#detail_dt .btn-w-close {width: 100px; margin: 0 auto 0; padding:0; display: block;}
  #detail_dt .btn-w-close a {
     width: 100%; background-size: 103px 35px; background-position: center center; border-radius: 15px 15px 0px 0;
  }

}

/*==================================================
スライダーのためのcss
===================================*/
.slider {
    position:relative;
  z-index: 1;
  /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
  /*height: 100vh;スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
}
/*　背景画像設定　*/

/*.slider-item01 {
    background:url(https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/6-1-1/img/img_01.jpg);
}

.slider-item02 {
    background:url(https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/6-1-1/img/img_02.jpg);
}

.slider-item03 {
    background:url(https://coco-factory.jp/ugokuweb/wp-content/themes/ugokuweb/data/6-1-1/img/img_03.jpg);
}*/

.slider-item {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    /*height:100vh;各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
  z-index: 3;
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #ccc;/*矢印の色*/
    border-right: 2px solid #ccc;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left:2.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right:2.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
  position: relative;
  z-index: 3;
    text-align:center;
  margin:5px 0 0 0;
}

.slick-dots li {
    display:inline-block;
  margin:0 5px;
}

.slick-dots button {
    color: transparent;
    outline: none;
    width:8px;/*ドットボタンのサイズ*/
    height:8px;/*ドットボタンのサイズ*/
    display:block;
    border-radius:50%;
    background:#ccc;/*ドットボタンの色*/
	padding: 0; border: none;
}

.slick-dots .slick-active button{
    background:#333;/*ドットボタンの現在地表示の色*/
}





/*///////////////// lazy ////////////////*/
.lazy {
  position:relative;
  display:block;
  background:center top no-repeat;
  background-size:cover;
  margin:0 auto;
}
.lazy img{
  position:absolute;
  top:0;
  left:0;
	width: 100%; height: 100%;
}