@charset "utf-8";
/* main
================================================ */
.word-break>span,
.word-break>span span {display:inline-block}
.btn-normal {
	font-size: 1.6rem;
}
.box-parking h2.font-size_LL {
	margin: 3rem auto;
}

.box-parking h2.font-size_L {
	margin: 10rem auto 2rem ;
}


#parking_01 .btn-parking_plan { 
	margin: 1.5em auto 2em;
}

#parking_01 .parking_lead p {
	margin: 60px auto;
    line-height: 2;
}

#parking_01 a {
    text-decoration: underline;
}

#parking_01 dl  {
    display:grid;
    grid-template-columns: auto auto;
    flex-flow: column nowrap;
    margin:5rem auto;

    gap:20px;
    color: #333;
}
#parking_01 dl div {
	display: inherit;
	grid-template-columns: 1fr;
	align-items: end;
}

#parking_01 dt {
	grid-column: 1 / -1;
    font-weight: bold;
    color: #B79E6C;
}

#parking_01 dd {
    background-color: #FFF;
    padding: 1em 1.2em;
	text-align: center;
}
#parking_01 dd span {
    font-weight: bold;
}
#parking_01 dd + dd {
    border-left: 1px dotted #000;
}



#parking_02  p.font-size_L {
	margin:2rem auto 2rem ;
}

#parking_02 .kome {
	margin-top: 1em;
}

#parking_03 div.image-box {
	margin: 2rem auto;
}

#parking_03  p {
	margin:2rem auto 2rem ;
	line-height: 2;
	font-size: 1.8rem;
}


.parking-fee dl  {
    display:grid;
    grid-template-columns: auto auto;
    flex-flow: column nowrap;
    margin:5rem auto;

    gap:20px;
    color: #333;
}
.parking-fee dl div {
	display: inherit;
	grid-template-columns: 1fr;
	align-items: end;
}

.parking-fee dt {
	grid-column: 1 / -1;
    font-weight: bold;
    color: #B79E6C;
}

.parking-fee dd {
    background-color: #FFF;
    padding: 1em 1.2em;
	text-align: center;
}
.parking-fee dd span {
    font-weight: bold;
}
.parking-fee dd + dd {
    border-left: 1px dotted #000;
}

.parking-caution ul {
    margin-left: 1em;
}
.parking-caution ul li {
    text-indent: -1em;
}
.parking-caution ul li::before { 
    content:"・";
    width: 1em;
}


/* ================================================
 タブレット
================================================ */
@media screen and (max-width: 896px) {
/* main
================================================ */
.line_list{
	border-left: 4px solid #E5E5E5;
	padding-left: 1.2em;
}
}
@media screen and (max-width: 673px) {
/* main
================================================ */

.line_list{
	width: 100%;
	border-left: 4px solid #E5E5E5;
	margin-top: 4%;
	margin-left: 0;
	padding-left: 1em;
}
.line_list h5{
	margin-bottom: 0.4em;
}


.parking-fee dl {
	grid-template-columns: 1fr;
}
.parking-fee dd + dd {
    border-top: 1px dotted #000;
    border-left: initial;
}

}


/* ================================================
 スマホ
================================================ */
@media screen and (max-width: 480px) {
/* main
================================================ */

#parking_03  p {

	font-size: 1.6rem;
}

.line_list{
	border-left: 3px solid #E5E5E5;
	margin-top: 5%;
	padding-left: 0.8em;
}


}