@charset "utf-8";
/* ===================================================================

 file name  :access.css
 style info :アクセス情報

=================================================================== */

/* =============================

	overwrite

=============================== */
#content #pageHeader .pageInner{
	background:url(../images/access/bg_ttlpage.jpg) no-repeat 50% 0;
}

/* =================================== */
#main .inner{
	padding: 58px 50px 80px;
	box-shadow: 0 0 3px rgba(0,0,0,0.1);
}
#main .inner h3{
	margin: 0 0 32px;
	padding: 17px;
	font-size: 183%;
	line-height: 1;
	color: #614c3f;
	background: #f6f6f6;
}
#main .inner h3.clr-both{
	clear: both;
}
#main .inner .txt-block{
	width: 580px;
	float: left;
}
#main .inner .map{
	float: right;
}

#main .inner .list01,
#main .inner .list02{
	margin: 0 0 65px;
	font-size: 134%;
	line-height: 1.875;
}
#main .inner .list01 dt{
	float: left;
}

#main .inner .list02 dt{
	color: #614c3f;
}
#main .inner .txt-block p{
	margin: 0 0 65px;
	font-size: 134%;
	line-height: 1.875;
}

#main .inner .list02 dd.mb{
	margin-bottom: 26px;
}
#main .inner .list02 .fz{ font-size: 22px;}
#main .inner .list02 .fwb{ font-weight: bold;}
#main .inner .list02 .cl-r{ color: #c30d23;}

#main .inner .time{
	width: 100%;
	margin: -35px 0 0;
	font-size: 134%;
}
#main .inner .time caption{
	padding: 0.5em 1em;
	color :#614c3f;
	font-weight: bold;
	background: #e9e2de;
	border: solid 1px #d6d6d6;
	border-bottom: none;
}
#main .inner .time th,
#main .inner .time td{
	padding: 1em 0;
	text-align: center;
	border: solid 1px #d6d6d6;
}
#main .inner .time tr:nth-child(1) th{ color: #73bb31;}
#main .inner .time tr:nth-child(2) th{ color: #4099d4;}
#main .inner .time tr:nth-child(3) th{ color: #ea629f;}
#main .inner .time tr:nth-child(4) th{ color: #e6002d;}
#main .inner .time tr:nth-child(5) th{ color: #f39800;}

/* ==========================================================================
   1014
   ========================================================================== */
.ac_redbox{
	display:block;
	padding:8px 10px 10px;
	background-color:#c30d23;
	color:#fff;
	font-size:95%;
}

/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	/* =============================
	
		overwrite
	
	=============================== */
	
	
	/* =================================== */
	#main .inner{
		padding: 20px 15px;
	}
	#main .inner h3{
		margin: 0 0 15px;
		padding: 15px 10px;
		font-size: 117%;
	}
	#main .inner .txt-block{
		width: 100%;
		float: none;
	}
	#main .inner .map{
		float: none;
		margin: 0 0 30px;
	}
	
	#main .inner .list01,
	#main .inner .list02{
		margin: 0 0 30px;
		font-size: 100%;
		line-height: 1.6;
	}
	#main .inner .txt-block p{
		margin: 0 0 30px;
		font-size: 100%;
		line-height: 1.6;
	}
	
	#main .inner .list02 dd.mb{
		margin-bottom: 10px;
	}
	#main .inner .list02 .fz{ font-size: 18px;}
	
	#main .inner .time{
		width: 100%;
		margin: 0 0 20px;
		font-size: 92%;
	}
	#main .inner .time caption{
		padding: 0.5em 1em;
		color :#614c3f;
		font-weight: bold;
		background: #e9e2de;
		border: solid 1px #d6d6d6;
		border-bottom: none;
	}
	#main .inner .time th,
	#main .inner .time td{
		padding: 1em 0;
		text-align: center;
		border: solid 1px #d6d6d6;
	}
	
}


/*=================================
優待店舗のモーダルウィンドウ
=================================*/

/* モーダルを開くボタン */
.modal-open{
	position: relative;
	font-size: 16px;
	font-weight: bold;
	width: 102%;
	color: #fff;
	border: none;
	cursor: pointer;
	background-color: #fff;
	translate: -7px;
  }
  
  /* モーダルと背景の指定 */
  .modal{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,50%);
	padding: 40px 20px;
	overflow: auto;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	box-sizing: border-box;
  }
  
  /* モーダルの擬似要素の指定 */
  .modal:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	margin-left: -0.2em;
  }
  
  /* クラスが追加された時の指定 */
  .modal.is-active{
	opacity: 1;
	visibility: visible;
  }
  
  /* モーダル内側の指定 */
  .modal-container{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	max-width: 900px;
	width: 90%;
  }
  
  /* モーダルを閉じるボタンの指定 */
  .modal-close{
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -20px;
	right: -20px;
	width: 50px;
	height: 50px;
	color: #fff;
	background: #000;
	border-radius: 50%;
	cursor: pointer;
	font-size: 200%;
  }
  
  /* モーダルのコンテンツ部分の指定 */
  .modal-content{
	background: #fff;
	text-align: left;
	line-height: 1.8;
	padding: 20px;
  }
  
  /* モーダルのコンテンツ部分のテキストの指定 */
  .modal-content p{
	margin: 1em 0;
  }

  /*モーダルの画像*/

  .yutai_shop {
		margin: 0 auto 40px;
  }

  .yutai_shop img {
		width: 100%;
  }

  .yutai_shop_zoom {
		margin: 0;
  }

  .yutai_shop_zoom img {
	width: 100%;
  }


  .modal_allwrap {
		width: 580px;
  }



  /*768px以下*/
@media screen and (max-width: 768px){
  /* モーダル内側の指定 */
  .modal-container{
	max-width: 900px;
	width: 98%;
  }	
  
  .modal_allwrap {
	width: 100%;
}
  }




/*=================================
TIMES駐車場案内
=================================*/

.times_box_wrap {
		border: solid 1px #0e1f54;
		margin: 20px 0;
}

.times_box_detail {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size: 260%;
		font-weight: 500;
}

.times_box_detail li {
	width: 75%;
	flex-shrink: 0;
	padding: 40px 0 0px 30px;
}

.times_box_detail li:nth-child(2) {
	text-align: right;
	padding: 20px 60px 0px 0;
	width: 15%;
}

.times_box_detail img {
		width: 100%;
		max-width: 100px;
}

.times_blue_line {
		background-color: #0f5697;
		height: 20px;
}

.times_bigfont {
		font-size: 140%;
		font-weight: 500;
}

.times_br {
	display: none;
}

.ymarker {
	padding: 0 2px;
	background: linear-gradient(transparent 50%, #ffff7d 50%);
	}



.nyuko_image_pc {
	display: block;
	margin-bottom: 30px;
}

.nyuko_image_pc img {
		width: 100%;
}

.nyuko_image_sp {
	display: none;
}

.carport_read {
		margin: 30px 0;
		font-size: 120%;
		line-height: 150%;
}


  /*768px以下*/
  @media screen and (max-width: 768px){
	.times_br {
			display: block;
	}



	.times_box_detail {
		display: block;
}

.times_box_detail li {
	width: 100%;
	padding: 30px 30px 10px 30px;
}

.times_box_detail li:nth-child(2) {
	text-align: center;
	padding: 20px 20px 0 20px;
	width: 100%;
}

.times_box_detail {
	font-size: 130%;
}

.times_bigfont {
	font-size: 170%;
	font-weight: 500;
}

.nyuko_image_pc {
	display: none;
}

.nyuko_image_sp {
	display: block;
	margin-bottom: 30px;
}

.nyuko_image_sp img {
		width: 100%;
}
  }