@charset "utf-8";

.access01 h3{
	background:#902d59;
	width:233px;
	margin:-40px auto 0;
	padding:10px 0;
	color:#fff;
}

.access02 h3{
	background:#2b2861;
	width:233px;
	margin:-40px auto 0;
	padding:10px 0;
	color:#fff;
}

.access_box{
	overflow:hidden;
}

.access_box .left{
	float:left;
	width:39%;
	margin-top:20px;
}

.access_box .right{
	float:right;
	width:59%;
	margin-top:30px;
}

.access_box .left table th{
	border-bottom:1px solid #c03577;
	vertical-align:middle;
	white-space:nowrap;
	padding:10px 5px;
	text-align:center;
	font-size:0.8rem;
}

.access_box .left table td{
	border-bottom:1px solid #cecece;
	vertical-align:middle;
	padding:10px;
	font-size:0.8rem;
}

.access_box .left table th{
	border-bottom:1px solid #2a2760;
	padding:10px;
}


.access_box .left p{
	color:#902d59;
	padding-top:10px;
}

.access_box .right div{
	background:#fbf4f7;
	padding:20px;
	font-size:0.8rem;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.access02 .access_box .right div{
	background:#efeff3;
}

.access_box .right div li.icn01{
	background:url(../img/access/icn01.png) no-repeat 0 12px;
	padding:10px 0 0 20px;
}

.access_box .right div li.icn02{
	background:url(../img/access/icn02.png) no-repeat 0 12px;
	padding:10px 0 0 20px;
}

.access_box .right div li.icn03{
	background:url(../img/access/icn03.png) no-repeat 0 12px;
	padding:10px 0 0 20px;
}

.access_box .right div li.icn04{
	background:url(../img/access/icn04.png) no-repeat 0 12px;
	padding:10px 0 0 20px;
}

.access_box .right div a{
	color:#333;
}

.access_box .right h4{
	text-align:center;
	font-size:1rem;
	padding:10px 0 5px;
}

#access .map {
	max-width:748px;
	margin:0 auto;
	overflow:hidden;
}

#access .map div{
	width:100%;
	float:left;
	margin-top:10px;
}

#access .map img{
	max-width:100%;
	width:auto;
}

#access .map div:nth-child(2) {
	float:right;
}

#access .map div a{
	display:block;
	margin:0 auto;
	background:#a6b4c1;
	border:3px solid #d5dde5;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.2rem;
	text-decoration:none;
	color:#fff;
	line-height:62px;
    transition: all 0.4s;
	text-align:center;
}

#access .map div a:hover{
	background:#fff;
	color:#a6b4c1;
	border:3px solid #a6b4c1;
}

#access .map div:nth-child(2) a{
	display:block;
	margin:0 auto;
	background:#00a2ba;
	border:3px solid #8cd5e0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.2rem;
	text-decoration:none;
	color:#fff;
	line-height:62px;
    transition: all 0.4s;
	text-align:center;
}

#access .map div:nth-child(2) a:hover{
	background:#fff;
	color:#00a2ba;
	border:3px solid #00a2ba;
}

.access_time{
	overflow:hidden;
}

.access_time .left{
	float:left;
	width:49%;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.access_time .right{
	float:right;
	width:49%;
}

.access_time .left table{
	width:100%;
	border-bottom:1px solid #eee;
}

.access_time .left table th{
	background:#eeeeee;
	padding:5px 12px;
}

.access_time .left table td{
	padding:10px 12px;
}

.access_time .left table tr td:first-child{
	text-align:right;
	white-space:nowrap;
	width:90px;
}

#access .scroll{
	overflow: auto;
	white-space: nowrap;
}

#access .scroll::-webkit-scrollbar{
	 height: 5px;
}

#access .scroll::-webkit-scrollbar-track{
	 background: #F1F1F1;
}

#access .scroll::-webkit-scrollbar-thumb {
	 background: #BCBCBC;
}

.access_box{
	overflow:hidden;
}

.access_time .left table tr td:nth-child(2),
.access_time .left table tr td:nth-child(3),
.access_time .left table tr td:nth-child(4),
.access_time .left table tr td:nth-child(5),
.access_time .left table tr td:nth-child(6){
	color:#ddb4c8;
}

.access_time .left p{
	text-align:right;
	padding-top:10px;
}

.access_time .right h4{
	color:#760038;
	font-weight:bold
}

.access_time .right ul li{
	background:url(../img/access/list_dot.png) no-repeat 0 15px;
	padding:5px 0 0 6px;
}

p.far{
	font-size:1rem;
	color:#00a2ba;
	margin-bottom:30px;
}


p.far a{
	color:#00a2ba;
}

#access div.hotel{
	border-top:1px solid #dadada;
	padding-top:40px;
	margin-top:40px;
}

#access div.hotel:first-child{
	border-top:none;
	padding-top:0;
	margin-top:0;
}

.hotel img{
	max-width:100%;
	width:auto;
}


.hotel h3{
	padding:0;
	margin:0 0 15px;
}

.hotel div{
	position:relative;
	margin-bottom:10px;
}

.hotel div span{
	position:absolute;
	top:20px;
	right:20px;
	color:#fff;
	display:block;
	background:rgba(0,0,0,.7);
	padding:35px 20px;
	text-align:left;
	width:410px;
}

.hotel div span h4{
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.2rem;
	margin-bottom:10px;
	text-align: center;
}

.hotel div span p{
	color:#fff;
	padding:0 10px;
}

a.sitelink{
	max-width:380px;
	display:block;
	margin:20px auto 0;
	background:#00a2ba;
	border:3px solid #8cd5e0;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1rem;
	text-decoration:none;
	color:#fff;
	line-height:42px;
    transition: all 0.4s;
	text-align:center;
}

a.sitelink:hover{
	background:#fff;
	color:#00a2ba;
	border:3px solid #00a2ba;
}

.hotel_map div{
	width: 63%;
	float: left;
}

.hotel_map div:nth-child(2){
	width: 35%;
	margin-left: 2%;
}

.hotel_map div img{
	max-width: 100%;
}

.hotel_map div li{
	padding: 8px 0 8px 30px;
	margin-bottom: 10px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.hotel_map div li:nth-child(1){
	background: url(../img/access/icn_01.png) no-repeat;
}

.hotel_map div li:nth-child(2){
	background: url(../img/access/icn_02.png) no-repeat;
}

.hotel_map div li:nth-child(3){
	background: url(../img/access/icn_03.png) no-repeat;
}

.hotel_map div li:nth-child(4){
	background: url(../img/access/icn_04.png) no-repeat;
}

.hotel_map div li:nth-child(5){
	background: url(../img/access/icn_05.png) no-repeat;
}

.hotel_map div li:nth-child(6){
	background: url(../img/access/icn_06.png) no-repeat;
}

.hotel_map div li:nth-child(7){
	background: url(../img/access/icn_07.png) no-repeat;
}

.hotel_map div li:nth-child(8){
	background: url(../img/access/icn_08.png) no-repeat;
}

.hotel_map div li:nth-child(9){
	background: url(../img/access/icn_09.png) no-repeat;
}

.hotel_map div li:nth-child(10){
	background: url(../img/access/icn_10.png) no-repeat;
}


@media only screen and (min-width: 1681px) {

}

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

}

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

.access_time .left table th{
	padding:5px;
}

.access_time .left table td{
	padding:10px 5px;
}

.hotel div span{
	position:absolute;
	top:10px;
	right:10px;
	padding:20px;
	width:420px;
}

.hotel div span p{
	font-size:0.8rem;
	line-height:1.25rem;
}
	
}

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

.access_box .left{
	float:none;
	width:100%;
	margin-bottom:20px;
	margin-top:10px;
}

.access_box .left table{
	width:100%;
}

.access_time .left table tr td:first-child{
	width:90px;
	padding-right:20px;
}

.access_box .right{
	float:none;
	width:100%;
}

.access_time .left{
	float:none;
	width:100%;
}

.access_time .right{
	float:none;
	width:100%;
}

.hotel div span{
	position:inherit;
	top:0px;
	right:0px;
	color:#333;
	background:none;
	padding:0 0 15px;
	text-align:center;
	width:auto;
}

.hotel div span p{
	color:#333;
}


}

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

#access .map div{
	width:100%;
	float:none;
	margin-top:10px;
}

#access .map div:nth-child(2) {
	float:none;
}

.access01 h3,
.access02 h3{
	margin:-30px auto 0;
}

.hotel_map div{
	width: 100%;
	float: none;
}

.hotel_map div:nth-child(2){
	width: 100%;
	margin-left: 0;
	margin-top: 20px;
}

.hotel_map div li{
	width: 47%;
	float: left;
}

.hotel_map div li:nth-child(2n){
	margin-left: 6%;
}

.hotel_map div li:nth-child(2n+1){
	clear: both;
}

	
}

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

.hotel_map div li{
	width: 100%;
	float: none;
}

.hotel_map div li:nth-child(2n){
	margin-left: 0;
}

}

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

}