@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}

 @keyframes bgAnime {
 0% {
opacity: 0;
background-size: 170%;
}
 100% {
opacity: 1;
}
}
.sp{
	display: none;
}
.pc{
	display: block; 
}
.mini{
	font-size:75%;
	font-weight:normal;
}
@media screen and (max-width: 768px) {
  .sp{
	  display: block; 
}
  .pc{ 
	  display: none; 
}
}


.read01_center{
	text-align: center;
	margin: 2% 0 5%;
}
.read02_center{
	margin:0 auto;
	text-align: center;
}
.txt00{
	font-size:16px;
	line-height:1.5;
}
.txt00 span{
	font-size:150%;
}
.caution01{
	width:50%;
	background:#fff;
	padding:5px 15px;
	position:absolute;
	bottom:9%;
	left:0;
	font-size:14px;
}

@media only screen and (max-width:786px) {
.txt00{
	font-size:14px;
	line-height:1.6;
	width:95%;
	margin:20px auto 0;
}
}

/* ---------------------------

.sec02

--------------------------- */
.sec02 .content01 h1{
	width:150px;
	height:110px;
	background:#150035;
	color:#fff;
	font-size:25px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	letter-spacing:0.1em;
	line-height:1;
	text-align:center;
	padding-top:25px;
	float:left;
}
.sec02 .content01 h1:first-line{
	font-size:200%;
}
.sec02 .content01 h2{
	width:300px;
	margin:0 auto;
	padding-top:2%;
	text-align:center;
	border-bottom:2px solid #150035;
}
.sec02 .content01 picture img{
	width:100%;
}
.sec02 .content02 h1{
	width:150px;
	height:110px;
	background:#150035;
	color:#fff;
	font-size:25px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	letter-spacing:0.1em;
	line-height:1;
	text-align:center;
	padding-top:25px;
	float:left;
}
.sec02 .content02 h1:first-line{
	font-size:200%;
}
.sec02 .content02 h2{
	width:300px;
	margin:0 auto;
	padding-top:2%;
	text-align:center;
	border-bottom:2px solid #150035;
}
.sec02 .content03 h1{
	width:150px;
	height:110px;
	background:#150035;
	color:#fff;
	font-size:25px;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo, sans-serif;
	letter-spacing:0.1em;
	line-height:1;
	text-align:center;
	padding-top:25px;
	float:left;
}
.sec02 .content03 h1:first-line{
	font-size:200%;
}
.sec02 .content03 h2{
	width:300px;
	margin:0 auto;
	padding-top:2%;
	text-align:center;
	border-bottom:2px solid #150035;
}

.sec02 .content01{
	/*background: linear-gradient(180deg, #ffffff 0%, #ffffff 50%, #8dc998 50%, #8dc998 100%);*/
	justify-content: center;
	align-items: center;
	max-width:1150px;
	min-height:780px;
	margin:0 auto;
	position:relative;
}
.sec02 .content02{
	max-width:1150px;
	min-height:780px;
	margin:0 auto;
	position:relative;
}
.sec02 .content02 .sec_content{
	display:flex;
	margin:5% 0;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sec02 .content02_clm{
	text-align:center;
	width: 29%;
}
.sec02 .content02_clm img{
	width:100%;
}
.sec02 .content02_clm dd span{
	font-size:130%;
	font-weight: bold;
}
.sec02 .clm_icon{
	font-size:180%;
}
.sec02 .clm01{
	background-color:#146145;
	color:#fff;
	font-weight: bold;
	padding:5% 0;
	margin-bottom:5%;
}
.sec02 .clm02{
	border:solid 3px #b80020;
	padding:5% 0;
	margin-bottom:5%;
	font-weight: bold;
}
.sec02 .clm03{
	border:solid 3px #107a3b;
	padding:5% 0;
	margin-bottom:5%;
	font-weight: bold;
}
.sec02 .content03{
	max-width:1150px;
	min-height:700px;
	margin:0 auto;
	position:relative;
}
.sec02 .content03 .read02_center{
	margin:7% auto 0;
	text-align: center;
}
.sec02 .content03 .sec_content{
	display:flex;
	margin: 4% 0 2%;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sec02 .content03_clm .txt{
	background-color:#12132f;
	color:#fff;
	font-weight:bold;
	text-align:center;
	min-height:70px;
	padding:8px 0;
}
.sec02 .sec_content_gallery{
	display:flex;
	justify-content: space-between;
	width:100%;
}


@media only screen and (max-width:786px) {
.sec02 .sec_content{
	margin-bottom:5%;
}	
.sec02 .content01 .read01_center{
	margin-top:50px;
	padding:5%;
}
.sec02 .content01 .read02_center{
	padding:5%;
}

.sec02 .content02_clm{
	width: 47%;
	margin:0 auto;
}
.sec02 .last_clm{
	width:95%;
}
.sec02 .clm_icon {
	display:none;
}
.sec02 .content02 .read02_center{
	padding:5%;
}
.sec02 .content03 .sec_content {
	display:none;
}
.sec02 .content03_clm{
	/*width: 360px;
	margin-right: 15px;
	*/
	width:49.5vw;
}
.sec02 .content03_clm .txt{
	background-color:#12132f;
	color:#fff;
	font-weight:bold;
	text-align:center;
	min-height:60px;
	padding:10px 0 0;
}
.sec02 .content03_clm:nth-of-type(2){
	margin-left:1vw;
}
.sec02 .content03 .read02_center{
	padding:5%;
}
}



#gallery02 {
	position: relative;
	width: 100%;
	height: 300px;
	margin: 0px auto;
	padding: 10px 0;
	background:#fff;
	z-index:0;
}
#gallery02 .slideFrame {
	position: relative;
	height: 300px;
	overflow: hidden;
	/*margin: 10px;*/
	margin: 10px 5vw;
}

/* slide images */
#gallery02 .slideFrame ul {
	position: absolute;
	top: 0;
	/*left: 90px;*/
	left: 0;
	/*width: 1150px;*/
	margin: 0;
    width: 100%;
    display: flex;
}
#gallery02 .slideFrame ul li {
	float: left;
	/*width: 33%;*/
	width: 100%;
	text-align:center;
	list-style-type: none;
	margin: 0 0.5vw;
}
#gallery02 .slideFrame ul li img{
	max-width: 100%;
}
#gallery02 .slideFrame ul li:last-child {
	margin-right: 0;
}
#gallery02 .slideFrame ul li a {
	background: none;
}
/* slider arrow button */
#gallery02 p,
#gallery02 p label {
	position: absolute;
	/*
	top:280px;
	margin: 0;
	width: 110px;
	height: 110px;
	*/
	cursor: pointer;
	background: rgba(0,0,0,0.0);
    bottom: 0;
    margin: 0;
    width: 50vw;
    height: 50px;
	z-index: 3;
}
.content03_num{
	display:block;
	/*margin-right: 15px;*/
	margin-top: 25px;
}
#gallery02 .prev {
	/*left: 0;*/
	/*left: 25vw;*/
}
#gallery02 .next {
	/*right: 0;*/
	/*right: 25vw;*/
}
#gallery02 p span {
/*	display: block;
	width: 26px;
	height: 26px;
	margin: 270px 0 0 40px;
*/
	position:relative;
}
/*
#gallery02 p:hover span {
	margin: 270px 0 0 32px;
}
*/
/*
#gallery02 .next span {
	margin-left: 44px;
}
#gallery02 .next:hover span {
	margin-left: 52px;
}
*/
#gallery02 p span:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    background: black;
	padding: 9px 15px;
	border-radius: 50%;
	color: #FFFFFF;
    display: block;	
}

#gallery02 .prev span:before{
/*	content:"";
	display:block;
	position:relative;
	top:0;
	left: -10px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate 
	-webkit-transform: rotate(45deg) skew(0deg,-45deg);
	-moz-transform: rotate(45deg) skew(0deg,-45deg);
	-ms-transform: rotate(45deg) skew(0deg,-45deg);
	-o-transform: rotate(45deg) skew(0deg,-45deg);
	transform: rotate(45deg) skew(0deg,-45deg);
	*/
    content: "\f060";
    left: 25vw;
}
/*
#gallery02 .prev span:after{
	content:"";
	display:block;
	position:relative;
	top:-5px;
	left: -10px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate 
	-webkit-transform:rotate(-45deg) skew(0deg,45deg);
	-moz-transform: rotate(-45deg) skew(0deg,45deg);
	-ms-transform:rotate(-45deg) skew(0deg,45deg);
	-o-transform:rotate(-45deg) skew(0deg,45deg);
	transform:rotate(-45deg) skew(0deg,45deg);
}
*/
#gallery02 .next span:before{
	/*
	content:"";
	display:block;
	position:relative;
	top:0;
	left: 30px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate 
	-webkit-transform:rotate(-45deg) skew(0deg,45deg);
	-moz-transform: rotate(-45deg) skew(0deg,45deg);
	-ms-transform:rotate(-45deg) skew(0deg,45deg);
	-o-transform:rotate(-45deg) skew(0deg,45deg);
	transform:rotate(-45deg) skew(0deg,45deg);
	*/
    right: -25vw;
    content: "\f061";

}
/*
#gallery02 .next span:after{
	content:"";
	display:block;
	position:relative;
	top:-5px;
	left: 30px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate 
	-webkit-transform: rotate(45deg) skew(0deg,-45deg);
	-moz-transform: rotate(45deg) skew(0deg,-45deg);
	-ms-transform: rotate(45deg) skew(0deg,-45deg);
	-o-transform: rotate(45deg) skew(0deg,-45deg);
	transform: rotate(45deg) skew(0deg,-45deg);
}
*/
#gallery02 input{
	position:absolute;
	left:-9999px;
	z-index:-9999;
}
/* CSS Programming */
#gallery02 #switch02_1:checked ~ .slideFrame ul {
	left: 0;
}
#gallery02 #switch02_2:checked ~ .slideFrame ul {
	/*left: -465px;*/
	left: -91vw;
}
#gallery02 #switch02_3:checked ~ .slideFrame ul {
	/*left: -935px;*/
	left: -182vw;
}
/*
@media only screen and (max-width:400px) {
#gallery02 #switch02_1:checked ~ .slideFrame ul {
	left: 10px;
}
#gallery02 #switch02_2:checked ~ .slideFrame ul {
	left: -370px;
}
#gallery02 #switch02_3:checked ~ .slideFrame ul {
	left: -750px;
}
}
*/
#gallery02 #switch02_1:checked ~ .prev label[for="switch02_3"],
#gallery02 #switch02_2:checked ~ .prev label[for="switch02_1"],
#gallery02 #switch02_3:checked ~ .prev label[for="switch02_2"],
#gallery02 #switch02_1:checked ~ .next label[for="switch02_2"],
#gallery02 #switch02_2:checked ~ .next label[for="switch02_3"],
#gallery02 #switch02_3:checked ~ .next label[for="switch02_1"] {
	z-index: 999;
}

/* transition  */
#gallery02 span  {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0;
}
#gallery02 .slideFrame ul  {
	transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
	-webkit-transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}

/* clearfix */
#gallery02 ul:before, #gallery ul:after {
	content: ""; display: table;
}
#gallery02 ul:after {
	clear: both;
}
#gallery02 ul {
	*zoom: 1;
}



/* ---------------------------

.sec03

--------------------------- */
.sec03{
	background-color: #fff5f4;
}

.sec03 .content01{
	width:1150px;
	height:700px;
	background:url(../img/bg_line.gif) no-repeat center top;
	margin:0 auto;
	position:relative;
}

/* sec03 pic position*/

.sec03 .content01 .pic01{
	width:348px;
	height:241px;
	background:url(../img/pic01.png) no-repeat center top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:absolute;
	top: 15%;
	left: 35%;
}
.sec03 .content01 .pic02{
	width:112px;
	height:127px;
	background:url(../img/pic02.png) no-repeat 0% 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:absolute;
	top: 25%;
	left:0%;
}
.sec03 .content01 .pic03{
	width:85px;
	height:60px;
	background:url(../img/pic02.png) no-repeat 40.3% 7.5%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:absolute;
	top: 20%;
	left:20%;
}
.sec03 .content01 .pic04{
	width:95px;
	height:79px;
	background:url(../img/pic02.png) no-repeat 87% 1%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:15%;
    left:95%;
}
.sec03 .content01 .pic05{
	width:124px;
	height:71px;
	background:url(../img/pic02.png) no-repeat 0% 57%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:65%;
    left:15%;
}
.sec03 .content01 .pic06{
	width:124px;
	height:83px;
	background:url(../img/pic02.png) no-repeat 48.5% 53.1%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:52%;
    left:45%;
}
.sec03 .content01 .pic07{
	width:134px;
	height:67px;
	background:url(../img/pic02.png) no-repeat 100% 65%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:37%;
    left:85%;
}
/*.sec03 .content01 .pic08{
	width:74px;
	height:69px;
	background:url(../img/pic02.png) no-repeat 0% 99%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:75%;
    left:35%;
}*/
.sec03 .content01 .pic09{
	width:76px;
	height:48px;
	background:url(../img/pic02.png) no-repeat 30% 98%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:80%;
    left:75%;
}
.sec03 .content01 .pic10{
	width:120px;
	height:69px;
	background:url(../img/pic02.png) no-repeat 75% 100%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:55%;
    left:82%;
}

/* sec03 pic position*/

.sec03 .content01 .pic01{
	width:348px;
	height:241px;
	background:url(../img/pic01.png) no-repeat center top;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:absolute;
	top: 15%;
	left: 33%;
}
.sec03 .content01 .pic02{
	width:112px;
	height:127px;
	background:url(../img/pic02.png) no-repeat 0% 0%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:absolute;
	top: 25%;
	left:0%;
}
.sec03 .content01 .pic03{
	width:85px;
	height:60px;
	background:url(../img/pic02.png) no-repeat 40.3% 7.5%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:absolute;
	top: 20%;
	left:20%;
}
.sec03 .content01 .pic04{
	width:95px;
	height:79px;
	background:url(../img/pic02.png) no-repeat 87% 1%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:15%;
    left:95%;
}
.sec03 .content01 .pic05{
	width:124px;
	height:71px;
	background:url(../img/pic02.png) no-repeat 0% 57%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:65%;
    left:15%;
}
.sec03 .content01 .pic06{
	width:124px;
	height:83px;
	background:url(../img/pic02.png) no-repeat 48.5% 53.1%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:52%;
    left:45%;
}
.sec03 .content01 .pic07{
	width:134px;
	height:67px;
	background:url(../img/pic02.png) no-repeat 100% 65%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:37%;
    left:85%;
}
/*.sec03 .content01 .pic08{
	width:74px;
	height:69px;
	background:url(../img/pic02.png) no-repeat 0% 99%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:75%;
    left:35%;
}*/
.sec03 .content01 .pic09{
	width:76px;
	height:48px;
	background:url(../img/pic02.png) no-repeat 30% 98%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:80%;
    left:75%;
}
.sec03 .content01 .pic10{
	width:120px;
	height:69px;
	background:url(../img/pic02.png) no-repeat 75% 100%;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position:absolute;
    top:55%;
    left:82%;
}

/* sec03 station position */

.stationList{
	width:1150px;
	height:630px;
	position:relative;
}
.stationList li{
	list-style-type:none;
	font-size:16px;
	line-height:1.0;
}
.stationList li a{
	text-decoration: none;
	font-weight:bold;
}
.stationList li.ao a{
	color:#234894;
}
.stationList li.arima a{
	color:#e45264;
}
.stationList li.sanda a{
	color:#4f8e63;
}
.stationList li.koentoshi a{
	color:#9e7942;
}
.stationList li.sta59{
    position:absolute;
    top:14%;
    left:9.5%;
}
.stationList li.sta58{
    position:absolute;
    top:20%;
    left:12%;
}
.stationList li.sta57{
    position:absolute;
    top:23%;
    left:14.5%;
}
.stationList li.sta56{
    position:absolute;
    top:30%;
    left:16.3%;
}
.stationList li.sta55{
    position:absolute;
    top:33%;
    left:18.2%;
}
.stationList li.sta54{
    position:absolute;
    top:37.5%;
    left:22%;
}
.stationList li.sta53{
    position:absolute;
    top:40.5%;
    left:24%;
}
.stationList li.sta52{
    position:absolute;
    top:34%;
    left:28%;
}
.stationList li.sta51{
    position:absolute;
    top:43.5%;
    left:26.5%;
}
.stationList li.sta50{
    position:absolute;
    top:48%;
    left:28.7%;
}
.stationList li.sta49{
    position:absolute;
    top:52%;
    left:24.5%;
}
.stationList li.sta48{
    position:absolute;
    top:55.5%;
    left:31%;
}
.stationList li.sta47{
    position:absolute;
    top:60%;
    left:34%;
}
.stationList li.sta46{
    position:absolute;
    top:61%;
    left:40%;
}
.stationList li.sta45{
    position:absolute;
    top:64%;
    left:41.5%;
}
.stationList li.sta44{
    position:absolute;
    top:63%;
    left:49%;
}
.stationList li.sta43{
    position:absolute;
    top:70%;
    left:50%;
}
.stationList li.sta42{
    position:absolute;
    top:74%;
    left:51.5%;
}
.stationList li.sta41{
    position:absolute;
    top:64.5%;
    left:55.2%;
}
.stationList li.sta06{
    position:absolute;
    top:71%;
    left:60%;
}
.stationList li.sta05{
    position:absolute;
    top:81%;
    left:60%;
}
.stationList li.sta04{
    position:absolute;
    top:84%;
    left:55.5%;
}
.stationList li.sta03{
    position:absolute;
    top:87%;
    left:56.5%;
}
.stationList li.sta02{
    position:absolute;
    top:86%;
    left:65%;
}
.stationList li.sta01{
    position:absolute;
    top:90.5%;
    left:65%;
}
.stationList li.sta07{
    position:absolute;
    top:66%;
    left:61%;
}
.stationList li.sta08{
    position:absolute;
    top:62%;
    left:61.5%;
}
.stationList li.sta09{
    position:absolute;
    top:57%;
    left:57%;
}
.stationList li.sta10{
    position:absolute;
    top:50%;
    left:62%;
}
.stationList li.sta11{
    position:absolute;
    top:54%;
    left:68%;
}
.stationList li.sta12{
    position:absolute;
    top:50%;
    left:69.5%;
}
.stationList li.sta13{
    position:absolute;
    top:47%;
    left:71.5%;
}
.stationList li.sta14{
    position:absolute;
    top:42%;
    left:66.5%;
}
.stationList li.sta15{
    position:absolute;
    top:43.5%;
    left:73.5%;
}
.stationList li.sta16{
    position:absolute;
    top:38%;
    left:79%;
}
.stationList li.sta21{
    position:absolute;
    top:36%;
    left:74%;
}
.stationList li.sta22{
    position:absolute;
    top:30%;
    left:75%;
}
.stationList li.sta23{
    position:absolute;
    top:24.5%;
    left:75.5%;
}
.stationList li.sta24{
    position:absolute;
    top:19%;
    left:75.7%;
}
.stationList li.sta25{
    position:absolute;
    top:15.5%;
    left:75%;
}
.stationList li.sta26{
    position:absolute;
    top:11%;
    left:75.5%;
}
.stationList li.sta27{
    position:absolute;
    top:7.5%;
    left:74.5%;
}
.stationList li.sta28{
    position:absolute;
    top:4.5%;
    left:76.5%;
}
.stationList li.sta29{
    position:absolute;
    top:0%;
    left:76.5%;
}
.stationList li.sta31{
    position:absolute;
    top:3%;
    left:63.5%;
}
.stationList li.sta32{
    position:absolute;
    top:-5%;
    left:69%;
}
.stationList li.sta33{
    position:absolute;
    top:-6%;
    left:53%;
}



#gallery03 {
	position: relative;
	width: 100%;
	height: 320px;
	margin: 0px auto;
	padding: 10px 0;
	z-index:0;
}
#gallery03 .slideFrame {
	position: relative;
	height: 318px;
	overflow: hidden;
	margin: 10px;
}

/* slide images */
#gallery03 .slideFrame ul.slidList {
	position: absolute;
	top: 0;
	left: 90px;
	width: 1850px;
	margin: 0;
}
#gallery03 .slideFrame ul.slidList li {
	float: left;
	width: 25%;
	text-align:center;
	list-style-type: none;
}
#gallery03 .slideFrame ul.slidList li img{
	max-width: 100%;
}
#gallery03 .slideFrame ul.slidList li:last-child {
	margin-right: 0;
}
#gallery03 .slideFrame ul.slidList li a {
	background: none;
}
/* slider arrow button */
#gallery03 p,
#gallery03 p label {
	position: absolute;
	top: 15px;
	margin: 0;
	width: 110px;
	height: 320px;
	cursor: pointer;
	background: rgba(0,0,0,0.0);
}
#gallery03 .prev {
	left: 0;
}
#gallery03 .next {
	right: 0;
}
#gallery03 p span {
	display: block;
	width: 26px;
	height: 26px;
	margin: 120px 0 0 40px;
}
#gallery03 p:hover span {
	margin: 120px 0 0 32px;
}
#gallery03 .next span {
	margin-left: 44px;
}
#gallery03 .next:hover span {
	margin-left: 52px;
}
#gallery03 .prev span:before{
	content:"";
	display:block;
	position:relative;
	top:0;
	left: -10px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate */
	-webkit-transform: rotate(45deg) skew(0deg,-45deg);
	-moz-transform: rotate(45deg) skew(0deg,-45deg);
	-ms-transform: rotate(45deg) skew(0deg,-45deg);
	-o-transform: rotate(45deg) skew(0deg,-45deg);
	transform: rotate(45deg) skew(0deg,-45deg);
}
#gallery03 .prev span:after{
	content:"";
	display:block;
	position:relative;
	top:-5px;
	left: -10px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate */
	-webkit-transform:rotate(-45deg) skew(0deg,45deg);
	-moz-transform: rotate(-45deg) skew(0deg,45deg);
	-ms-transform:rotate(-45deg) skew(0deg,45deg);
	-o-transform:rotate(-45deg) skew(0deg,45deg);
	transform:rotate(-45deg) skew(0deg,45deg);
}
#gallery03 .next span:before{
	content:"";
	display:block;
	position:relative;
	top:0;
	left: 30px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate */
	-webkit-transform:rotate(-45deg) skew(0deg,45deg);
	-moz-transform: rotate(-45deg) skew(0deg,45deg);
	-ms-transform:rotate(-45deg) skew(0deg,45deg);
	-o-transform:rotate(-45deg) skew(0deg,45deg);
	transform:rotate(-45deg) skew(0deg,45deg);
}
#gallery03 .next span:after{
	content:"";
	display:block;
	position:relative;
	top:-5px;
	left: 30px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate */
	-webkit-transform: rotate(45deg) skew(0deg,-45deg);
	-moz-transform: rotate(45deg) skew(0deg,-45deg);
	-ms-transform: rotate(45deg) skew(0deg,-45deg);
	-o-transform: rotate(45deg) skew(0deg,-45deg);
	transform: rotate(45deg) skew(0deg,-45deg);
}

#gallery03 input{
	position:absolute;
	left:-9999px;
	z-index:-9999;
}
/* CSS Programming */
#gallery03 #switch03_1:checked ~ .slideFrame ul.slidList {
	left: 10px;
	display: flex;
	flex-direction: row;
}
#gallery03 #switch03_2:checked ~ .slideFrame ul.slidList {
	left: -462px;
}
#gallery03 #switch03_3:checked ~ .slideFrame ul.slidList {
	left: -925px;
}
#gallery03 #switch03_4:checked ~ .slideFrame ul.slidList {
	left: -1387px;
}
#gallery03 #switch03_1:checked ~ .prev label[for="switch03_4"],
#gallery03 #switch03_2:checked ~ .prev label[for="switch03_1"],
#gallery03 #switch03_3:checked ~ .prev label[for="switch03_2"],
#gallery03 #switch03_4:checked ~ .prev label[for="switch03_3"],
#gallery03 #switch03_1:checked ~ .next label[for="switch03_2"],
#gallery03 #switch03_2:checked ~ .next label[for="switch03_3"],
#gallery03 #switch03_3:checked ~ .next label[for="switch03_4"],
#gallery03 #switch03_4:checked ~ .next label[for="switch03_1"] {
	z-index: 1;
}

/* transition  */
#gallery03 span  {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0;
}
#gallery03 .slideFrame ul.slidList  {
	transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
	-webkit-transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}

/* clearfix */
#gallery03 u.slidListl:before, #gallery03 ul.slidList:after {
	content: ""; display: table;
}
#gallery03 ul.slidList:after {
	clear: both;
}
#gallery03 ul.slidList {
	*zoom: 1;
}

@media only screen and (max-width:786px) {

.sec03 .content01 .read01_center{

}
.sec03 .content01 .read02_center{
	padding:5%;
}
.sec03 .content01 .caution01{
	display:none;
}
.sec03 .content01{
	width:100%;
	height:auto;
	background:url(../img/sp_bg_line.gif) no-repeat center top;
	background-size:contain;
	margin:0 auto;
	position: static;
}

/* sec03 pic position*/
.sec03 .content01 .pic01,
.sec03 .content01 .pic02,
.sec03 .content01 .pic03,
.sec03 .content01 .pic04,
.sec03 .content01 .pic05,
.sec03 .content01 .pic06,
.sec03 .content01 .pic07,
.sec03 .content01 .pic08,
.sec03 .content01 .pic09,
.sec03 .content01 .pic10{
	display:none;
}

/* sec03 station position */

.stationList{
	width:95%;
	height:auto;
	position: static;
	margin:65% auto 10%;
}
.stationList li{
	list-style-type:none;
	font-size:16px;
	float:left;
}
.stationList:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
.stationList li a{
	text-decoration: none;
	font-weight:bold;
	display:block;
	padding:5px 10px;
	margin:3px;
	background:rgba(255,255,255,0.6);
}
.stationList li.ao a{
	color:#234894;
	border:1px solid #234894;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.stationList li.arima a{
	color:#e45264;
	border:1px solid #e45264;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.stationList li.sanda a{
	color:#4f8e63;
	border:1px solid #4f8e63;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.stationList li.koentoshi a{
	color:#9e7942;
	border:1px solid #9e7942;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.stationList li.tit_ao.sp{
	width:100%;
	height:30px;
	background:url(../img/sp_tit_ao.png) no-repeat center top;
	background-size:contain;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display:block;
	margin:20px auto 10px;
}
.stationList li.tit_arima.sp{
	width:100%;
	height:30px;
	background:url(../img/sp_tit_arima.png) no-repeat center top;
	background-size:contain;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display:block;
	margin:20px auto 10px;
}
.stationList li.tit_sanda.sp{
	width:100%;
	height:30px;
	background:url(../img/sp_tit_sanda.png) no-repeat center top;
	background-size:contain;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display:block;
	margin:20px auto 10px;
}
.stationList li.tit_koentoshi.sp{
	width:100%;
	height:30px;
	background:url(../img/sp_tit_koentoshi.png) no-repeat center top;
	background-size:contain;
	text-indent: 100%; 
	white-space: nowrap; 
	overflow: hidden;
	display:block;
	margin:20px auto 10px;
}

.stationList li.sta01,
.stationList li.sta02,
.stationList li.sta03,
.stationList li.sta04,
.stationList li.sta05,
.stationList li.sta06,
.stationList li.sta07,
.stationList li.sta08,
.stationList li.sta09,
.stationList li.sta10,
.stationList li.sta11,
.stationList li.sta12,
.stationList li.sta13,
.stationList li.sta14,
.stationList li.sta15,
.stationList li.sta16,
.stationList li.sta17,
.stationList li.sta18,
.stationList li.sta19,
.stationList li.sta20,
.stationList li.sta21,
.stationList li.sta22,
.stationList li.sta23,
.stationList li.sta24,
.stationList li.sta25,
.stationList li.sta26,
.stationList li.sta27,
.stationList li.sta28,
.stationList li.sta29,
.stationList li.sta30,
.stationList li.sta31,
.stationList li.sta32,
.stationList li.sta33,
.stationList li.sta34,
.stationList li.sta35,
.stationList li.sta36,
.stationList li.sta37,
.stationList li.sta38,
.stationList li.sta39,
.stationList li.sta40,
.stationList li.sta41,
.stationList li.sta42,
.stationList li.sta43,
.stationList li.sta44,
.stationList li.sta45,
.stationList li.sta46,
.stationList li.sta47,
.stationList li.sta48,
.stationList li.sta49,
.stationList li.sta50,
.stationList li.sta51,
.stationList li.sta52,
.stationList li.sta53,
.stationList li.sta54,
.stationList li.sta55,
.stationList li.sta56,
.stationList li.sta57,
.stationList li.sta58,
.stationList li.sta59{
    position: static;
}

}

.sec03 .content02{
	width:1150px;
	height:700px;
	background:url(../img/lodge_img.png) no-repeat center top;
	margin:0 auto;
	position:relative;
}
.sec03_con02_read01{
	position:absolute;
	top: 70px;
	left: 0;
	background-color: #000;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 25px;
}
.sec03_con02_read02{
	position:absolute;
	top: 174px;
	right:0;
	width: 25%;
	min-width: 150px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	padding: 2%;
}
.sec03_con02_read02:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 0, 0, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:80px;
    border-right-width:80px;
    border-right-color:#000000;
    right:100%;
    top:70%;
}
.sec03_con02_read03{
	position:absolute;
	top: 417px;
	left:0;
	width: 25%;
	min-width: 150px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	padding: 2%;
}
.sec03_con02_read03:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 0, 0, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:80px;
    border-right-width:80px;
    margin-top: -10px;
    border-left-color:#000000;
    left:100%;
    top:25%;
}
.sec03_con02_read04{
	position:absolute;
	top: 230px;
	left: 0;
	width: 25%;
	min-width: 150px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	padding: 15px;
}
.sec03_con02_read04:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 0, 0, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:100px;
    border-right-width:100px;
    margin-top: -10px;
    border-left-color:#000000;
    left:100%;
    top:75%;
}
.sec03_con02_read05{
	position:absolute;
	bottom: 50px;
	right: 0;
	width: 46%;
	min-width: 300px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	padding: 3% 2% 2% 130px;
}
.sec03_con2-iconarea{
	position:relative;
}
.sec03_con2-icon01{
	position:absolute;
	bottom: -100px;
	right: 10px;
	width: 70%;
}
.sec03_con2-icon02{
	position:absolute;
	top: -130px;
	left: 0;
	width: 60%;
}
.sec03_con2-icon03{
	position:absolute;
	top: 32px;
	left: 5px;
	width: 100px;
}
.sec03_con2-icon04{
	position:absolute;
	bottom: -50px;
	left: -118px;
	width: 30%;
}
.sec03_con2-icon01 img{
	width:100%;
}
.sec03_con2-icon02 img{
	width:100%;
}
.sec03_con2-icon03 img{
	width:100%;
}
.sec03_con2-icon04 img{
	width:100%;
}
@media screen and (max-width: 599px) {
.sec03 .content02{
	width:100%;
	height: 800px;
	background: url(../img/lodge_img.png) no-repeat top center;
	background-size: 140%;
	background-position:50% 30%;
	position:relative;
}
.sec03_con02_read01{
	position:absolute;
	top: 70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	width:90%;
	text-align: center;
	background-color: #000;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 15px;
}
.sec03_con02_read02{
	position:absolute;
	top: 475px;
	right:10px;
	width: 25%;
	min-width: 215px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	padding: 2%;
}
.sec03_con02_read02:after{
	display:none;
}
.sec03_con02_read03{
	position:absolute;
	top: 560px;
	left:10px;
	width: 70%;
	min-width: 230px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	padding: 15px;
}
.sec03_con02_read03:after{
	display:none;
}
.sec03_con02_read04{
	position:absolute;
	top: 230px;
	left: 10px;
	width: 70%;
	min-width: 225px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	padding: 15px;
}
.sec03_con02_read04:after{
	display:none;
}
.sec03_con02_read05{
	position:absolute;
	bottom: 40px;
	left:10px;
	width: 95%;
	min-width: 300px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
}
.sec03_con2-icon01{
	position:absolute;
	top: -90px;
	right: 10px;
	width: 120px;
}
.sec03_con2-icon02{
	position:absolute;
	top: -105px;
	left: 0;
	width: 40%;
}
.sec03_con2-icon04{
	position:absolute;
	top: -68px;
	left: -115px;
	width: 30%;
}
}

.sec03 .content03{
	width:1150px;
	height:700px;
	background:url(../img/cycling_img.png) no-repeat center top;
	margin:0 auto;
	position:relative;
}
.sec03 .content03 .read01_center{

}
.sec03 .content03 .read02_center{
	position:absolute;
	bottom:40%;
	left:20%;
}
.sec03 .content03 .sec03_con03_read01{
	position:absolute;
	bottom: 15%;
	left: 8%;
	width: 40%;
	min-width: 350px;
	background-color: #fff;
	border: solid 6px;
	border-radius: 15px;
	padding: 30px 20px;
	font-weight:bold;
	font-size:140%;
	text-align:center;
}

.sec03 .content03 .sec03_con03_read02{
	position:absolute;
	bottom: 15%;
	right: 8%;
	width: 40%;
	min-width: 350px;
	background-color: #fff;
	border: solid 6px;
	border-radius: 15px;
	padding: 30px 20px;
	font-weight:bold;
	font-size:140%;
	text-align:center;
}

@media screen and (max-width: 599px) {
.sec03 .content03{
	width:100%;
	height: 800px;
	background:url(../img/sp_cycling_img.png) no-repeat center top;
	background-size: 140%;
	background-position:50% 30%;
	position:relative;
}
.sec03 .content03 .read02_center{
	position:absolute;
	bottom:30%;
	left:0;
}
.sec03 .content03 .sec03_con03_read01{
	position:absolute;
	bottom: 10%;
	left:2.5%;
	width: 95%;
	min-width: 300px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	font-size: 18px;
    padding: 5%;
}

.sec03 .content03 .sec03_con03_read02{
	position:absolute;
	bottom: -5%;
	left:2.5%;
	width: 95%;
	min-width: 300px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	font-size: 18px;
    padding: 5%;
}
}
.sec03_01_slide {
	position: relative;
	overflow: hidden;
}
input[name="sec03_01_slide"] {
	display: none;
}

/* :::::: slideContents :::::: */
.slideContents {
	position: relative;
	background: #86c0de;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: transform .6s;
}
.slideContents section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slideContents section img {
	max-width: 100%;
	height: auto;
	padding: 0 50px;
	box-sizing: border-box;
	vertical-align: middle;
}
@media (min-width: 520px) {
	.slideContents section img {
		aspect-ratio: 3 / 1;
		object-fit: cover;
	}
}

/* :::::: arrows :::::: */
.arrow,
.arrow label,
.arrow .ico {
	position: absolute;
}
.arrow {
	top: 0;
	margin: 0;
	transition: background .3s;
}
.prev {
	left: 0;
}
.next {
	right: 0;
}
.arrow:hover {
	background: rgba(255,255,255,.2);
}
.arrow,
.arrow label {
	cursor: pointer;
	width: 50px;
	height: 100%;
}
.arrow label {
	top: 0;
	left: 0;
	z-index: 1;
}
.arrow .ico {
	top: calc(50% - 6px);
	width: 12px;
	height: 12px;
	border-top: 3px solid #fff;
}
.prev .ico {
	left: 50%;
	border-left: 3px solid #fff;
	transform: rotate(-45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.next .ico {
	right: 50%;
	border-right: 3px solid #fff;
	transform: rotate(45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.arrow:hover .ico {
	opacity: .6;
}
.prev:hover .ico {
	transform: translateX(-6px) rotate(-45deg);
}
.next:hover .ico {
	transform: translateX(6px) rotate(45deg);
}

/* :::::: mechanism :::::: */
#tanigami01:checked ~ .slideContents #slide1,
#tanigami02:checked ~ .slideContents #slide2,
#tanigami03:checked ~ .slideContents #slide3 {
	position: relative;
	transform: none;
}
#switch1:checked ~ .slideContents #slide6,
#switch1:checked ~ .slideContents #slide5,
#switch2:checked ~ .slideContents #slide1,
#switch2:checked ~ .slideContents #slide6,
#switch3:checked ~ .slideContents #slide2,
#switch3:checked ~ .slideContents #slide1,
#switch4:checked ~ .slideContents #slide3,
#switch4:checked ~ .slideContents #slide2,
#switch5:checked ~ .slideContents #slide4,
#switch5:checked ~ .slideContents #slide3,
#switch6:checked ~ .slideContents #slide5,
#switch6:checked ~ .slideContents #slide4 {
	transform: translateX(-100%);
}
#switch1:checked ~ .slideContents #slide4,
#switch1:checked ~ .slideContents #slide5,
#switch2:checked ~ .slideContents #slide5,
#switch2:checked ~ .slideContents #slide6,
#switch3:checked ~ .slideContents #slide6,
#switch3:checked ~ .slideContents #slide1,
#switch4:checked ~ .slideContents #slide1,
#switch4:checked ~ .slideContents #slide2,
#switch5:checked ~ .slideContents #slide2,
#switch5:checked ~ .slideContents #slide3,
#switch6:checked ~ .slideContents #slide3,
#switch6:checked ~ .slideContents #slide4 {
	transition-duration: 0s;
}

/* :::::: arrow mechanism :::::: */
.arrow label {
	pointer-events: none;
}
#tanigami01:checked ~ .prev label[for="switch3"],
#tanigami02:checked ~ .prev label[for="switch1"],
#tanigami03:checked ~ .prev label[for="switch2"],
#tanigami01:checked ~ .next label[for="switch3"],
#tanigami02:checked ~ .next label[for="switch2"],
#tanigami03:checked ~ .next label[for="switch1"] {
	pointer-events: auto;
}



/* ---------------------------

.sec04

--------------------------- */
.sec04{
	background-color: #daecd4;
}

.sec04 .content01{
	max-width:1150px;
	min-height:700px;
	margin:0 auto;
	position:relative;
}
.sec04 .content01 .read02_center{
	margin:7% auto 0;
	text-align: center;
}
.sec04 .content01 .sec04_con01_read01{
	position:absolute;
	bottom: 5%;
	left: 25%;
	width: 50%;
	min-width: 350px;
	background-color: #fff;
	border: solid 6px;
	border-radius: 15px;
	padding: 30px 20px;
	font-weight:bold;
	font-size:140%;
	text-align:center;
}
.sec04 .content01 .sec_content{
	display:flex;
	margin: 3% 0 2%;
	justify-content: space-between;
	flex-wrap: wrap;
}

.sec04 .content01_clm{
	width: 270px;
}
.sec04 .content01_clm img{
	width:270px;
	border:3px solid #fff;
	box-sizing: border-box;
	
}
.sec04 .content01_clm .txt{
	font-size:12px;
	text-align:left;
	min-height:120px;
	line-height:1.6;
	padding:5px 5px 15px;
}
.sec04 .content01_clm a{
	text-decoration:none;
	color:#000;
	display: inline-block;
	cursor: pointer;
	transition: all 0.3s ease 0s;
}
.sec04 .content01_clm img:hover {
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
	transform: translateY(-0.1875em);
}

.sec04 .content01_clm .txt em{
	font-size:14px;
	font-weight:600;
	font-style:normal;
	line-height:2.5;
	border-bottom:1px dashed #000;
}
.sec04 .sec_content_gallery{
    width: 96vw;
	display:flex;
	justify-content: space-between;
}



@media only screen and (max-width:786px) {
.sec04 .content01 .read01_center{
	margin-top:50px;
}
.sec04 .content01 .sec04_con01_read01{
	position:absolute;
	bottom: 0;
	left:2.5%;
	width: 95%;
	min-width: 300px;
	background-color: #fff;
	border: solid 3px;
	border-radius: 15px;
	font-size: 18px;
    padding: 5%;
}
.sec04 .last_clm{
	width:95%;
}
.sec04 .clm_icon {
	display:none;
}

.sec04 .content01 .sec_content {
	display:none;
}
.sec04 .content01_clm{
	width: 48%;
	/*margin-right: 15px;*/
}
.sec04 .content01_clm img{
	/*width:270px;*/
	width:100%;
	border:3px solid #fff;
	box-sizing: border-box;
	
}
.sec04 .content01_clm img:hover {
	box-shadow: none;
	transform: none;
}
#gallery04 {margin-top:50px;}
}


#gallery04 {
	position: relative;
	width: 100%;
	height: 440px;
	margin: 10px auto;
	padding: 10px 0;
	z-index:0;
}
#gallery04 .slideFrame {
	position: relative;
	/*height: 318px;*/
	height: 440px;
	overflow: hidden;
	margin: 10px;
}

/* slide images */
#gallery04 .slideFrame ul.slidList {
	position: absolute;
	top: 0;
/*	left: 90px;*/
	left: 0;
/*	width: 1850px;*/
	margin: 0;
    width: 100%;
	display:flex;

}
#gallery04 .slideFrame ul.slidList li {
	float: left;
	/*width: 25%;*/
	width: 100%;
	text-align:center;
	list-style-type: none;
}
#gallery04 .slideFrame ul.slidList li img{
	max-width: 100%;
}
#gallery04 .slideFrame ul.slidList li:last-child {
	margin-right: 0;
}
#gallery04 .slideFrame ul.slidList li a {
	background: none;
}
/* slider arrow button */
#gallery04 p,
#gallery04 p label {
	position: absolute;
	/*
	top: 15px;
	margin: 0;
	width: 110px;
	height: 370px;
	height: 320px;*/
    bottom: 0;
    margin: 0;
    width: 50vw;
    height: 50px;
	z-index: 3;
	cursor: pointer;
	background: rgba(0,0,0,0.0);
}
#gallery04 p{
	bottom: -25px;
}
@media only screen and (max-width:700px) {
#gallery04 p{
	bottom:5px;
}
}
@media only screen and (max-width:650px) {
#gallery04 p{
	bottom:15px;
}
}
@media only screen and (max-width:600px) {
#gallery04 p{
	bottom:30px;
}
}
@media only screen and (max-width:560px) {
#gallery04 p{
	bottom:50px;
}
}
@media only screen and (max-width:500px) {
#gallery04 p{
	bottom:25px;
}
}
@media only screen and (max-width:450px) {
#gallery04 p{
	bottom:50px;
}
}
#gallery04 p label {
}
.content04_num{
	display:block;
	margin-top:25px;
}
#gallery04 .prev,
#gallery04 p.prev label {
	left: 0;
}
#gallery04 .next,
#gallery04 p.next label {
	right: 0;
}
#gallery04 p span {
/*	display: block;
	width: 26px;
	height: 26px;
	margin: 120px 0 0 40px;
	margin: 340px 0 0 40px;
	*/
	position:relative;
}
#gallery04 p:hover span {
	/*margin: 120px 0 0 32px;
	margin: 340px 0 0 40px;*/
}
/*
#gallery04 .next span {
	margin-left: 44px;
}
#gallery04 .next:hover span {
	margin-left: 52px;
}
*/
#gallery04 p span:before {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    background: black;
	padding: 9px 15px;
	border-radius: 50%;
	color: #FFFFFF;
    display: block;	
}

#gallery04 .prev span:before{
/*	content:"";
	display:block;
	position:relative;
	top:0;
	left: -10px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate 
	-webkit-transform: rotate(45deg) skew(0deg,-45deg);
	-moz-transform: rotate(45deg) skew(0deg,-45deg);
	-ms-transform: rotate(45deg) skew(0deg,-45deg);
	-o-transform: rotate(45deg) skew(0deg,-45deg);
	transform: rotate(45deg) skew(0deg,-45deg);
	*/
    content: "\f060";
    left: 0;

}
#gallery04 .prev span:after{
	/*
	content:"";
	display:block;
	position:relative;
	top:-5px;
	left: -10px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate 
	-webkit-transform:rotate(-45deg) skew(0deg,45deg);
	-moz-transform: rotate(-45deg) skew(0deg,45deg);
	-ms-transform:rotate(-45deg) skew(0deg,45deg);
	-o-transform:rotate(-45deg) skew(0deg,45deg);
	transform:rotate(-45deg) skew(0deg,45deg);
	*/
}
#gallery04 .next span:before{
/*
content:"";
	display:block;
	position:relative;
	top:0;
	left: 30px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate 
	-webkit-transform:rotate(-45deg) skew(0deg,45deg);
	-moz-transform: rotate(-45deg) skew(0deg,45deg);
	-ms-transform:rotate(-45deg) skew(0deg,45deg);
	-o-transform:rotate(-45deg) skew(0deg,45deg);
	transform:rotate(-45deg) skew(0deg,45deg);
	*/
    content: "\f061";
    right: 0;

}
#gallery04 .next span:after{
/*
content:"";
	display:block;
	position:relative;
	top:-5px;
	left: 30px;
	width:6px;
	height:15px;
	background:#12132f;
	z-index:1;
  /* Rotate 
	-webkit-transform: rotate(45deg) skew(0deg,-45deg);
	-moz-transform: rotate(45deg) skew(0deg,-45deg);
	-ms-transform: rotate(45deg) skew(0deg,-45deg);
	-o-transform: rotate(45deg) skew(0deg,-45deg);
	transform: rotate(45deg) skew(0deg,-45deg);
*/
}

#gallery04 input{
	position:absolute;
	left:-9999px;
	z-index:-9999;
}
/* CSS Programming */
#gallery04 #switch04_1:checked ~ .slideFrame ul.slidList {
	left: 0;
	display: flex;
	flex-direction: row;
}
#gallery04 #switch04_2:checked ~ .slideFrame ul.slidList {
	left: -96vw;
}
#gallery04 #switch04_3:checked ~ .slideFrame ul.slidList {
	left: -192vw;
}
#gallery04 #switch04_4:checked ~ .slideFrame ul.slidList {
	left: -288vw;
}
#gallery04 #switch04_1:checked ~ .prev label[for="switch04_4"],
#gallery04 #switch04_2:checked ~ .prev label[for="switch04_1"],
#gallery04 #switch04_3:checked ~ .prev label[for="switch04_2"],
#gallery04 #switch04_4:checked ~ .prev label[for="switch04_3"],
#gallery04 #switch04_1:checked ~ .next label[for="switch04_2"],
#gallery04 #switch04_2:checked ~ .next label[for="switch04_3"],
#gallery04 #switch04_3:checked ~ .next label[for="switch04_4"],
#gallery04 #switch04_4:checked ~ .next label[for="switch04_1"] {
	z-index: 5;
}

/* transition  */
#gallery04 span  {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0;
}
#gallery04 .slideFrame ul.slidList  {
	transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0s;
	-webkit-transition: left 1s cubic-bezier(0.85, 0.03, 0.15, 0.96) 0;
}

/* clearfix */
#gallery04 u.slidListl:before, #gallery04 ul.slidList:after {
	content: ""; display: table;
}
#gallery04 ul.slidList:after {
	clear: both;
}
#gallery04 ul.slidList {
	*zoom: 1;
}

/* :::::: sec3-1slider :::::: */

.modal_slideshow_t {
	position: relative;
	overflow: hidden;
}
input[name="modal_slideshow_t"] {
	display: none;
}
.modal_slideshow_m {
	position: relative;
	overflow: hidden;
}
input[name="modal_slideshow_m"] {
	display: none;
}
.modal_slideshow_k {
	position: relative;
	overflow: hidden;
}
input[name="modal_slideshow_k"] {
	display: none;
}
/* :::::: slideContents_t :::::: */
.slideContents_t {
	position: relative;
	background: #fff;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: transform .6s;
}
.slideContents_t section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.slideContents_t section img {
	max-width: 100%;
	height: auto;
	box-sizing: border-box;
	vertical-align: middle;
}
/* :::::: slideContents_m :::::: */
.slideContents_m {
	position: relative;
	background: #fff;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: transform .6s;
}
.slideContents_m section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* :::::: slideContents_k :::::: */
.slideContents_k {
	position: relative;
	background: #fff;
	text-align: center;
	-webkit-user-select: none;
	user-select: none;
	transition: transform .6s;
}
.slideContents_k section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/* :::::: arrows :::::: */
.arrow,
.arrow label,
.arrow .ico {
	position: absolute;
}
.arrow {
	top: 0;
	margin: 0;
	transition: background .3s;
}
.prev {
	left: 0;
}
.next {
	right: 0;
}
.arrow:hover {
	background: rgba(255,255,255,.2);
}
.arrow,
.arrow label {
	cursor: pointer;
	width: 50px;
	height: 100%;
}
.arrow label {
	top: 0;
	left: 0;
	z-index: 999;
}
.arrow .ico {
	top: calc(50% - 6px);
	width: 12px;
	height: 12px;
	border-top: 3px solid rgb(0, 0, 0);
}
.prev .ico {
	left: 50%;
	border-left: 3px solid rgb(0, 0, 0);
	transform: rotate(-45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.next .ico {
	right: 50%;
	border-right: 3px solid rgb(0, 0, 0);
	transform: rotate(45deg);
	transition: transform .3s cubic-bezier(0.215, 0.61, 0.355, 1), opacity .3s;
}
.prev:hover .ico {
	transform: translateX(-6px) rotate(-45deg);
}
.next:hover .ico {
	transform: translateX(6px) rotate(45deg);
}

/* :::::: mechanism :::::: */
#tanigami1:checked ~ .slideContents_t #tanigami1_slide,
#tanigami2:checked ~ .slideContents_t #tanigami2_slide,
#tanigami3:checked ~ .slideContents_t #tanigami3_slide {
	position: relative;
	transform: none;
}
#tanigami1:checked ~ .slideContents_t #tanigami3_slide,
#tanigami1:checked ~ .slideContents_t #tanigami2_slide,
#tanigami2:checked ~ .slideContents_t #tanigami1_slide,
#tanigami2:checked ~ .slideContents_t #tanigami3_slide,
#tanigami3:checked ~ .slideContents_t #tanigami2_slide,
#tanigami3:checked ~ .slideContents_t #tanigami1_slide{
	transform: translateX(-100%);
}
#tanigami1:checked ~ .slideContents_t #tanigami2_slide,
#tanigami1:checked ~ .slideContents_t #tanigami3_slide,
#tanigami2:checked ~ .slideContents_t #tanigami3_slide,
#tanigami2:checked ~ .slideContents_t #tanigami1_slide,
#tanigami3:checked ~ .slideContents_t #tanigami1_slide,
#tanigami3:checked ~ .slideContents_t #tanigami2_slide{
	transition-duration: 0s;
}

/* :::::: arrow mechanism :::::: */
.arrow label {
	pointer-events: none;
}
#tanigami1:checked ~ .prev label[for="tanigami3"],
#tanigami2:checked ~ .prev label[for="tanigami1"],
#tanigami3:checked ~ .prev label[for="tanigami2"],
#tanigami1:checked ~ .next label[for="tanigami2"],
#tanigami2:checked ~ .next label[for="tanigami3"],
#tanigami3:checked ~ .next label[for="tanigami1"]{
	pointer-events: auto;
}

/* :::::: mechanism :::::: */
#midorikawa1:checked ~ .slideContents_m #midorikawa1_slide,
#midorikawa2:checked ~ .slideContents_m #midorikawa2_slide{
	position: relative;
	transform: none;
}
#midorikawa1:checked ~ .slideContents_m #midorikawa2_slide,
#midorikawa1:checked ~ .slideContents_m #midorikawa2_slide,
#midorikawa2:checked ~ .slideContents_m #midorikawa1_slide,
#midorikawa2:checked ~ .slideContents_m #midorikawa1_slide{
	transform: translateX(-100%);
}
#midorikawa1:checked ~ .slideContents_m #midorikawa2_slide,
#midorikawa1:checked ~ .slideContents_m #midorikawa2_slide,
#midorikawa2:checked ~ .slideContents_m #midorikawa1_slide,
#midorikawa2:checked ~ .slideContents_m #midorikawa1_slide{
	transition-duration: 0s;
}

/* :::::: arrow mechanism :::::: */
.arrow label {
	pointer-events: none;
}
#midorikawa1:checked ~ .prev label[for="midorikawa2"],
#midorikawa2:checked ~ .prev label[for="midorikawa1"],
#midorikawa1:checked ~ .next label[for="midorikawa2"],
#midorikawa2:checked ~ .next label[for="midorikawa1"]{
	pointer-events: auto;
}

/* :::::: mechanism :::::: */
#kawa1:checked ~ .slideContents_k #kawa1_slide,
#kawa2:checked ~ .slideContents_k #kawa2_slide{
	position: relative;
	transform: none;
}
#kawa1:checked ~ .slideContents_k #kawa2_slide,
#kawa1:checked ~ .slideContents_k #kawa2_slide,
#kawa2:checked ~ .slideContents_k #kawa1_slide,
#kawa2:checked ~ .slideContents_k #kawa1_slide{
	transform: translateX(-100%);
}
#kawa1:checked ~ .slideContents_k #kawa2_slide,
#kawa1:checked ~ .slideContents_k #kawa2_slide,
#kawa2:checked ~ .slideContents_k #kawa1_slide,
#kawa2:checked ~ .slideContents_k #kawa1_slide{
	transition-duration: 0s;
}

/* :::::: arrow mechanism :::::: */
.arrow label {
	pointer-events: none;
}
#kawa1:checked ~ .prev label[for="kawa2"],
#kawa2:checked ~ .prev label[for="kawa1"],
#kawa1:checked ~ .next label[for="kawa2"],
#kawa2:checked ~ .next label[for="kawa1"]{
	pointer-events: auto;
}

/* :::::: tanigami10-1 :::::: */

.radio_wrap10-1{
	width: 50%;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
}
.slidmain10-1{
	width: 100%;
	margin:0 auto;
}
.slidmain10-1 img{
	width:100%;
}
.tanigami{
	width: 100%;
	margin: 10% auto 0;
}

.tanigaminail_list{
	display:flex;
	width: 100%;
	margin:0 auto;
	flex-direction: row;
}
.tanigaminail_list li{
	width:50%;
}
.tanigaminail_list img{
	width:100%;
	display:block;
	cursor: pointer;
}
.tanigaminail_list img:hover {
opacity: 0.7;
color: white;
}
input + #slider01-tani1,
input + #slider02-tani1,
input + #slider03-tani1,
input + #slider04-tani1{
	display:none;
}
input:checked + #slider01-tani1,
input:checked + #slider02-tani1,
input:checked + #slider03-tani1,
input:checked + #slider04-tani1{
    display: block;
    text-align:center;
    opacity: 1;
    color: 000;
    object-fit: cover;
    animation-duration: 3s;
    animation-name: fade-in;
    -moz-animation-duration: 3s;
    -moz-animation-name: fade-in;
    -webkit-animation-duration: 3s;
    -webkit-animation-name: fade-in;
}
input[name="map-photo10-1"] {
    display: none;
}




/* ---------------------------

.sec05

--------------------------- */
.sec05{
	background-color: #defef9;
}

.sec05 .content01{
	max-width:1150px;
	min-height:600px;
	margin:100px auto 0;
	position:relative;
}
.h3_box{
	text-align:center;
	margin:50px auto 20px;
}
.sec05 .content01 h3{
	font-size:16px;
}

@media only screen and (max-width:786px) {
.sec05 .content01{
	margin:0 auto;
	min-height:550px;
}
}


/* ---------------------------

.event_box 231106’ljÁ

--------------------------- */
.event_box{
	width:800px;
	margin:20px auto;
	display:block;
}
.event_box img{width:100%;}
.event_box .event_btn{
	width:500px;
	margin:0 auto;display: flex;
	flex-direction: row;
	justify-content: center;
}
.event_box .event_btn li{
	margin:10px;
}
.event_box .event_btn li a{
	display:block;
	cursor:pointer;
}

@media only screen and (max-width:786px) {
.event_box{
	width:90%;
	margin:20px auto;
	display:block;
}
.event_box .event_btn{
	width:90%;
	margin:0 auto;display: flex;
	flex-direction: row;
	justify-content: center;
}
}