@charset "UTF-8";
/* ------------------------------
　　ベース
------------------------------ */

.wrapper_contents {
	margin-bottom: 40px;
}

.centerTxt {
	display: block;
	width: 100%;
	text-align: center;
}

.responsive_img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	vertical-align: middle;
}

.imgsize90 {
	width: 90%;
	height: auto;
}

.imgsize80 {
	width: 80%;
	height: auto;
}


/*	show	*/
.pcshow {
	display: none;
}

.spshow {
	display: block;
}

.pcshow-inline {
	display: none;
}

.spshow-inline {
	display: inline-block;
}


/*	contents	*/
.wrapper_detail {
	padding-left: 0.3em;
	padding-right: 0.3em;
	/* 	padding-bottom: 2em; */
}

.wrapper_detail .h2_access {
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	margin-bottom: 0.5em;
	color: #77534d;
	border-bottom: 8px solid #519dc6;
}

.access_wrapper .access_gmap {
	margin-top: 1.0em;
}


.wrapper_detail img {
	margin: 0.5em 0;
	padding: 0;
	vertical-align: middle;
}

.wrapper_detail p {
	margin-top: 0.2em;
	margin-left: 0;
	margin-right: 0;
	line-height: 1.7;
}

.access_wrapper ul {
	margin: 0;
	padding: 0;
}

.access_wrapper ul li {
	border-bottom: 1px dashed #c3c3c3;
	padding: 1em 0 1em 1.5em;
	margin-left: 0;
	text-indent: -1.7em;
	list-style: none;
	color: #000;
	line-height: 1.7;
	font-size: clamp(12px, 3.3vw, 16px);
}

.access_wrapper ul li::before {
	display: inline-block;
	content: "";
	margin-top: 0.4em;
	margin-right: 0.5em;
	margin-left: 0.5em;
	width: 12px;
	height: 12px;
	vertical-align: top;
	border-radius: 6px;
	background-color: #499bcc;
}

.access_wrapper ul li:last-child {
	border-bottom: none;
}


.wrapper_detail p strong {
	color: #ff8800;
}

.access_addressbox {
	display: flex;
	align-items: center;
	gap: 0.5em;
	/* max-width: 700px; */
	margin: 0 auto 3em auto;
}

.access_addressbox .access_addressbox_l {
	width: 55%;
	font-feature-settings: "palt";
	font-size: clamp(14px, 2.8vw, 18px);
	line-height: 1.5;
}

.access_addressbox .access_addressbox_l p {
	margin: 0.5em 0;
}

.access_addressbox .access_addressbox_r {
	width: 45%;	
}


.access_wrapper {
	margin-bottom: 30px;
}


.access_wrapper .access_btn {
	clear: both;
	display: table;
	width: calc(100% - 20px);
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.access_btn_border {
	padding-bottom: 10px;
	border-bottom: 1px dashed #dfdfdf;
}


.access_wrapper .access_btn_l {
	display: table-cell;
	width: 28%;
	min-width: 100px;
	vertical-align: middle;
	padding: 0 6px;
}

.access_wrapper .access_btn_c {
	display: block;
	width: 100%;
	vertical-align: middle;
	padding: 0 6px;
	text-align: center;
}

.access_wrapper .access_btn_c span {
	padding-bottom: 0.08em;
	background:linear-gradient(transparent 80%, #ffe7c4 80%);
}

.access_wrapper .access_btn_r {
	display: table-cell;
	width: 72%;
	vertical-align: middle;
	padding: 0 6px;
}

.access_wrapper p.yoyak_caution {
	font-size: 1em;
	color: #79211d;
	text-align: center;
}

.access_wrapper p.access_p_center {
	text-align: center;
}

.access_wrapper p strong {
	color: #79211d;
	font-size: 1.2em;
}

.access_wrapper .access_btn_l span {
	display: block;
	background: #eae4d8;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 15px 10px;
	color: #5b391a;
	text-align: center;
	border-radius: 100px;
	font-feature-settings : "palt" 1;
	font-size: 1.2em;
	text-decoration: none;
}


.access_wrapper .access_h3_read {
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0.5em 0;
	color: #5b391a;
	line-height: 1.5;
	background: none;
	border-bottom: 1px solid #5b391a;
	font-feature-settings: "palt";
	font-size: clamp(14px, 4.8vw, 20px);
	font-weight: normal;
	text-align: center;
	position: relative;
}

.access_wrapper .access_h3_read2 {
	clear: both;
	margin-top: 2em;
	margin-bottom: 2em;
	padding: 0.5em 0;
	color: #5b391a;
	line-height: 1.5;
	background: none;
	border-bottom: 1px solid #5b391a;
	font-feature-settings: "palt";
	font-size: clamp(14px, 4.0vw, 20px);
	font-weight: normal;
	text-align: center;
	position: relative;
}

.access_wrapper .access_h3 {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px 0 0 0;
	color: #5b391a;
	line-height: 1.8;
	background: none;
	border-bottom: 1px solid #5b391a;
	font-feature-settings: "palt";
	font-size: clamp(14px, 4.0vw, 24px);
	text-align: center;
	position: relative;
	font-weight: normal;
}

.access_wrapper .access_h3_icon {
	clear: both;
	margin-top: 50px;
	margin-bottom: 20px;
	padding: 5px 0 .3em 2em;
	color: #5b391a;
	line-height: 2.0;
	background: none;
	border-bottom: 1px solid #5b391a;
	font-size: 20px;
	text-align: center;
	position: relative;
	font-weight: normal;
}

.access_wrapper .access_h3_read:after,
.access_wrapper .access_h3_read2:after,
.access_wrapper .access_h3:after,
.access_wrapper .access_h3_icon:after {
	content: '';                /* 擬似要素に実体を持たせる */
	width: 100%;                /* 二重線の下の線になる要素の幅を指定する */
	height: 1px;                /* 線を表示させるために1pxだけ高さを入れる */
	border-bottom: 1px solid #5b391a;   /* 二重線の下の線になる一本線の枠線をひく*/
	position: absolute;         /* 二重線の下の線の位置を自由に動かせるようにする */
	left: 0px;                 	/* 二重線の下の線の位置を、内側の線の左に揃える */
	bottom: -4px;               /* 二重線の下の線の位置を、内側の線から下に-2pxずらす */
}

.access_wrapper .access_h3_train:before {
	position:absolute;
	content: "";
	display: inline-block;
	width: 2.0em;
	height: 2.0em;
	background: url(/themes/miyakawa2018/images/access_icon_train.png)	no-repeat;
	background-size: 2.0em;
	margin-left: -2.2em;
}

.access_wrapper .access_h3_bus:before {
	position:absolute;
	content: "";
	display: inline-block;
	width: 2.0em;
	height: 2.0em;
	background: url(/themes/miyakawa2018/images/access_icon_bus.png)	no-repeat;
	background-size: 2.0em;
	margin-left: -2.2em;
}

.access_wrapper .access_h3_car:before {
	position:absolute;
	content: "";
	display: inline-block;
	width: 2.0em;
	height: 2.0em;
	background: url(/themes/miyakawa2018/images/access_icon_car.png)	no-repeat;
	background-size: 2.0em;
	margin-left: -2.2em;
}

.access_wrapper p.address {
	text-align: center;
	font-size: 90%;
}

.access_wrapper strong {
	color: #f00000;
}

.access_wrapper .access_gmap {
	text-align: center;
}

.access_wrapper .access_gmap iframe {
	width: 100%;
	/* max-width: 700px; */
	max-width: 100%;
	height: auto;	
}

.access_wrapper .access_gmap iframe[src*="www.google.com/maps/embed"] {
	width: 100%;
	height: auto;
	aspect-ratio: 700/435;
}

.access_wrapper .access_map {
	text-align: center;
}

.access_wrapper .access_map img {
	width: 100%;
	/* max-width: 700px; */
	max-width: 100%;
	height: auto;
}

.access_wrapper .googlemaps_btn {
	text-align: center;
}

.access_wrapper .googlemaps_btn a {
	display: inline-block;
	border: 2px solid #b18a65;
	font-size: 90%;
	color: #b18a65;
	text-align: center;
	border-radius: 10px;
	margin: 5px 0;
	padding: 0.5em 2.5em;
}

.access_wrapper .googlemaps_btn a .acms-icon-target-blank {
	margin-right: 0.1em;
	margin-bottom: 0.1em;
}



.access_wrapper .access_h4 {
	margin: 0 0 1em 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px dashed #ccc;
	color: #5b391a;
	font-feature-settings: "palt";
	font-size: clamp(14px, 3.8vw, 18px);
	font-weight: normal;
}

.access_rootbox {
	display: flex;
	align-items: top;
	flex-wrap: wrap;
	gap: 1.0em;
	/* max-width: 700px; */
	margin: 0 auto 3em auto;
}

.access_rootbox_detail {
	width: calc(50% - 0.5em);
}

.access_rootbox_detail img {
	margin: 0.5em 0 0 0;
	padding: 0;
	vertical-align: middle;
}

.access_rootbox p {
	margin: 0.5em 0;
	font-feature-settings: "palt";
	font-size: clamp(14px, 2.8vw, 18px);
	line-height: 1.5;
}




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

	.access_wrapper .access_h3 {
		margin-top: 20px;
	}

	.access_wrapper .access_btn_l {
		width: 28%;
	}
	
	.access_wrapper .access_btn_r {
		width: 72%;
		font-size: 0.9em;
	}

	.access_wrapper .access_btn_c {
		font-size: 0.9em;
		width: inherit;
	}

	.access_wrapper .access_btn_l span {
		font-size: 1.0em;
		line-height: 1.5;
	}
	
	.access_wrapper .access_btn_l_pdf span {
		font-size: 0.9em;
	}

	.access_wrapper .access_btn_c_pdf span {
		width: calc(50% - 20px);
	}

	.access_wrapper p.yoyak_caution {
		font-size: 1.0em;
	}

}

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

	.access_btn_l {
		width: 50%;
	}
	
	.access_btn_r {
		width: 50%;
		font-size: 0.8em;
	}

	.access_wrapper .access_btn_c {
		font-size: 0.8em;
	}

	.access_wrapper .access_btn_l span {
		font-size: 1.0em;
		line-height: 1.5;
	}
	
	.access_wrapper .access_btn_l_pdf span {
		font-size: 0.8em;
	}
}


/*	pc	*/
@media screen and (min-width: 970px) {

	/*	show	*/
	.pcshow {
		display: block;
	}

	.spshow {
		display: none;
	}

	.pcshow-inline {
		display: inline-block;
	}

	.spshow-inline {
		display: none;
	}

	.col-12 {
		float: left;
		width: 98%;
		margin-left: 1%;
		margin-right: 1%;
	}


	/*	文字サイズ	*/
	.wrapper_detail .h3_access {
		font-size: clamp(16px, 4.2vw, 26px);
		margin-bottom: 0.5em;
	}


	.wrapper_contents {
		clear: both;
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.wrapper_detail {
		margin-bottom: 20px;
	}

	.wrapper_detail img {
		width: calc(100%);
		margin-left: 0;
		/* margin-bottom: 40px; */
	}

	.wrapper_detail p {
		width: calc(100% - 20px);
		font-size: 100%;
		margin-left: 2%;
		margin-right: 20px;
		font-size: clamp(12px, 4.2vw, 16px);
	}

}