/* 共通
------------------------------------------------------------ */
/* ヘッダ */
.page_title {
    background: url("../images/service/title_back.jpg") center top;
    background-size: cover;
}

.link_bt * {
	font-family: "Noto Sans JP", sans-serif;
    color: #023693;
}
.link_bt a {
    display: table;
    width: 320px;
    max-width: 100%;
    text-align: center;
    padding: 1em 0;
    margin: 0 auto 20px;
    background: #fff;
    border: solid 1px #023693;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 2px 0px 0px rgba(0,0,0,0.1);
    position: relative;
}
.link_bt a img {
    position: absolute;
    right: 20px;
    top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.red_txt {
    color: #c73434
}

@media (min-width: 768px) {
.link_bt a {
    width: 320px;
}
}

@media (min-width: 1200px) {
.link_bt a {
    width: 420px;
}
}



.line_reservation section article{ border: none; padding: 0;}

.line_reservation .page_title {
    background: url("../images/service/title_back_donation.jpg") center top;
    background-size: cover;
}
.line_reservation article > div {
    max-width: 1100px;
    margin: auto;
}


@media (max-width: 768px) {
	.line_reservation .intro h2 img{ display:none;}
	.line_reservation .intro h2{    background: url("../images/line_reservation/kanban_sp.png") center top;
    background-size: cover;
    display:block;
    width: 100%;
    padding-top: 100%;
 }
}

.line_reservation .line_list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}



.line_reservation .line_list .box{
	width: 48%;
	max-width: 570px;
	margin: 30px 0 75px;
	@media (max-width: 768px) {
		width: 100%;
		max-width: 100%;
		margin: 25px auto 50px;
		}
	
}

.line_reservation .line_list .box dt{ font-size: 32px; color: #fff; background-color:#46a7cd; padding: 0px 15px; border-radius: 10px 10px 0 0;
	@media (max-width: 1000px) { font-size: 22px; }
	@media (max-width: 768px) { font-size: 18px; }
}
.line_reservation .line_list .box dd{ font-size: 18px; border-bottom: 1px solid #d8d8d8; padding: 15px; line-height: 1.4;
	@media (max-width: 1000px) { font-size: 16px;  line-height: 1.6;}
	@media (max-width: 768px) { font-size: 15px;  line-height: 2;}
}
.line_reservation .line_list .box dl{ border-bottom: 1px solid #d8d8d8; }
.line_reservation .line_list .box dd .label{ color: #fff; background-color:#46a7cd; padding: 0 10px;}
.line_reservation .line_list .box dd .bold{ font-weight: 700;}
.line_reservation .line_list .box dd .underline{ text-decoration: underline; }
.line_reservation .line_list .box dd .small{ font-size: 12px;
	@media (max-width: 1000px) { font-size: 12px; }
	@media (max-width: 768px) { font-size: 10px; }
}
.line_reservation .line_list .box dd .red{ color: #cb2626;}

.line_reservation .line_list .qrcode{
	display: flex;
	justify-content: space-around;
	align-items: center;
	@media (max-width: 768px) {
		display: block;
	}
}
.line_reservation .line_list .qrcode .text{ width: calc( 80% - 180px ); font-size: 16px; display: block;
	@media (max-width: 1000px) { font-size: 14px; }
	@media (max-width: 768px) { font-size: 14px; width: 100%; margin-bottom: 10px; }
}
.line_reservation .line_list .qrcode .code{ width: 170px; display: block;
	@media (max-width: 768px) { width: 100%; text-align: center;}
}

.line_reservation .line_list .box.sirayuri dt{ background-color:#9a7f6d;}
.line_reservation .line_list .box.sirayuri dd .label{ background-color:#9a7f6d;}

.line_reservation .line_list .box.nekonoshinsatushitsu dt{ background-color:#67a05a;}
.line_reservation .line_list .box.nekonoshinsatushitsu dd .label{ background-color:#67a05a;}

.line_reservation .line_list .box.zenzi dt{ background-color:#d06d4e;}
.line_reservation .line_list .box.zenzi dd .label{ background-color:#d06d4e;}