@charset "UTF-8";
/* ######################################################################################

　アクセス

###################################################################################### */

.kokutai {
	color:#E10003;
	font-weight: bold;
	font-size: 110%;
	border: solid 3px #E10003;
	padding:12px 10px 10px;
	text-align: center;
}

.pageAccess .access img { /*margin: 30px 0;*/}
.pageAccess .access p.print_btn {
	
}
.pageAccess .access p.att { line-height: 1.5;}
.pageAccess .access p.print_btn a {
	background: #35682c;
    background: linear-gradient(45deg, #35682c, #0a190a);
	display: block;
	margin:20px auto;
	text-align: center;
	color: #fff;
	width: 40%;
	padding: 20px;
	text-decoration: none;
	transition : .5s;
}
.pageAccess .access p.print_btn.wide a {
	width: 100%;
}
.pageAccess .access p.print_btn a:after {
	content:"\f105";
	display:inline-block;
	margin-right: 5px;
	color: #fff;
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 8px;
}
.pageAccess .access p.print_btn a:hover {
	box-shadow:0px 0px 4px #999;
	color:#ffffff;
	transition : .5s;
	opacity: 0.5;
    background: linear-gradient(45deg, #0a190a, #35682c);
}
.pageAccess .access p.print_btn a:hover:after { color: #ffffff;}

.pageAccess .access p.gmapbtn a {
	background: #042662;
    background: linear-gradient(45deg, #2a5298, #042662);
	display: block;
	margin:20px auto;
	text-align: center;
	color: #fff;
	width: 40%;
	padding: 20px;
	text-decoration: none;
	transition : .5s;
}
.pageAccess .access p.gmapbtn a:after {
	content:"\f105";
	display:inline-block;
	margin-right: 5px;
	color: #fff;
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 8px;
}
.pageAccess .access p.gmapbtn a:after {
	content:"\f105";
	display:inline-block;
	margin-right: 5px;
	color: #fff;
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 8px;
}
.pageAccess .access p.gmapbtn a:hover {
	box-shadow:0px 0px 4px #999;
	color:#ffffff;
	transition : .5s;
	opacity: 0.5;
	background: linear-gradient(45deg, #042662, #2a5298);
}

.pageAccess .mgallery { margin-top: 80px;}
.pageAccess .mgallery h2 {
	background: #f5f5f5;
	text-align: center;
	padding: 15px;
	font-weight: normal;
	font-size: 1.5rem;
	margin-bottom: 30px;
}


.pageAccess .live_link {}
.pageAccess .live_link:after {
  content: "";
  display: block;
  clear: both;
}
.pageAccess .live_link .leftcol { float: left; width: 47%;}
.pageAccess .live_link .rightcol { float: right; width: 47%;}

.pageAccess .live_link .carnavi {
	/*margin-top: 30px;*/
	background: #f5f5f5;
	text-align: center;
	border-radius: 0 0 6px 6px;
	/*padding: 10px 0 20px;*/
    margin-bottom: 20px;
}
.pageAccess .live_link .carnavi p {
	font-size: 24px;
	line-height: 1.5;
	padding: 10px 0;
	font-weight: normal;
	letter-spacing: 0.075em;
}
.pageAccess .live_link .carnavi a {
	display: block;
	background: #950012;
	padding: 15px;
	width: 80%;
	margin:auto;
	text-decoration: none;
	color: #fff;
	transition : .5s;
	border-radius: 4px;
}
.pageAccess .live_link .carnavi a:hover { opacity: 0.5; transition : .5s;}
.pageAccess .live_link .carnavi .parking {
	background: #76161f;
	padding: 8px;
	text-align: center;
}
.pageAccess .live_link .carnavi .parking img { width: 90%; height: auto;}


@media print, screen and (min-width: 768px) {
    .pageAccess .access{padding-bottom: 120px;}
}
@media screen and (max-width: 767px) {

	.pageAccess .access {
		padding-bottom: 60px;
		padding-top: 40px;
	}

    .pageAccess .wallTitle img{}
    .pageAccess .access.contentsS { padding:40px 15px; }
	.pageAccess .access p.print_btn a,
	.pageAccess .access p.gmapbtn a{
		width: 90%;
	}
	.pageAccess .live_link .leftcol,
	.pageAccess .live_link .rightcol { float: none; width: 100%;}
	.pageAccess .mgallery h2 {
		font-size: 1.25rem;
	}	
}

.pageAccess .googlemap { /*margin-top: 80px;*/}

.GoogleMap{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;/*比率をお好みで*/
}
.GoogleMap iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 767px) {
	.GoogleMap{
		padding-top: 140.25%;/*比率をお好みで*/
	}
	.pageAccess .googlemap { /*margin-top: 60px;*/}
}



/* GoogleMap */
.pageAccess #Gmap,
.pageAccess #Gmap_mg {height: 700px;}

.pageAccess .googlemap h2 {
	font-size: 1.5rem;
	margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
    .pageAccess #Gmap,
	.pageAccess #Gmap_mg{height: 150vw; max-height:700px;}
}
.pageAccess .access .gallery:after{
        content:"";
        display: block;
        clear: both;
    }
/* gallery */
.pageAccess .gallery{ } 
.pageAccess .gallery .left_col{ width: 500px; float: left; padding-bottom: 80px;} 
.pageAccess .gallery .left_col .googlemap a {
	background: #000;
	color: #fff;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 60px;
	font-size: 20px;
    margin-top: 20px;
}
.pageAccess .gallery .right_col{ width: 400px; float: right;}

.pageAccess .gallery .right_col .carnavi {
	background: #c30045;
	text-align: center;
	padding: 10px 0 20px;
    margin-bottom: 20px;
}
.pageAccess .gallery .right_col .carnavi p {
	font-size: 24px;
	line-height: 1.5;
	padding: 10px 0;
	font-weight: normal;
	letter-spacing: 0.075em;
	color: #fff;	
}
.pageAccess .gallery .right_col .carnavi a {
	display: block;
	background: #fefcea; /* Old browsers */
	background: -moz-linear-gradient(top,  #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1da36', endColorstr='#fefcea',GradientType=0 ); /* IE6-9 */
	padding: 15px;
	width: 80%;
	margin:auto;
	text-decoration: none;
}
.pageAccess .gallery .right_col .carnavi a:hover {
	background: #f1da36; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1da36 0%, #fefcea 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f1da36 0%,#fefcea 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f1da36 0%,#fefcea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=0 ); /* IE6-9 */	
}

.pageAccess a.print_btn {
	background: linear-gradient(to right, #46beb4, #1e7cda);
	display: block;
	margin:20px auto;
	text-align: center;
	color: #fff;
	width: 40%;
	padding: 20px;
	text-decoration: none;
	transition : .5s;
	border-radius: 4px;
}
.pageAccess a.print_btn:after {
	content:"\f105";
	display:inline-block;
	margin-right: 5px;
	color: #fff;
	font-family:"Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 8px;
}
.pageAccess a.print_btn:hover {
	box-shadow:0px 0px 4px #999;
	transition : .5s;
	opacity: 0.5;
}
.pageAccess a.print_btn:hover:after { color: #ffffff;}

/* end */