@charset "utf-8";

/* =======================================================================================
	COMMON
======================================================================================= */

/* =======================================================================================
	PAGE
======================================================================================= */

/* contbox
------------------------------------------------------------------------ */
	.mapContainer .contbox {
		page-break-inside: avoid !important; /* 問題が出たら個別に設定する等の調整を！ */
	}

/* mapWrap
------------------------------------------------------------------------ */
@media screen and (max-width: 736px) { /*{SP}*/
	.mapWrap.contbox {
		width:94%;
	} 
}



/* car
------------------------------------------------------------------------ */
	.mapBox-car {
		font-size: 1.5rem;
		text-align: center;
		letter-spacing: .06em;
		padding: 40px 0;
		border:0 solid rgba(var(--site-lineColor-basic), 1);
		border-width:1px 0;
	}
	.mapBox-car .carWrap > * {
		display: block;
	}
	.mapBox-car .guidanceBox {
		padding:0.7em 0.5em 0.5em;
		background: rgba(var(--site-lineColor-basic), 1);
		color:#fff;
		line-height: 1.4;
	}
	.mapBox-car .subBox {
		margin-top:1em;
		font-size: 1.05em;
	}
	.mapBox-car .addressBox {
		font-size: 1.8em;
		letter-spacing: .055em;
	}
@media screen and (max-width: 1200px) {
	.mapBox-car {
		padding: 40px 0;
	}
}
@media screen and (max-width: 736px) {
	.mapBox-car {
		font-size: 1.4rem;
		padding: 4.5vw 0
	}
	.mapBox-car .addressBox {
		font-size: 1.6em;
	}
}
@media screen and (max-width: 520px) {
	.mapBox-car {
		font-size: 1.3rem;
		letter-spacing: .04em;
		padding: 6vw 0;
	}
	.mapBox-car .addressBox {
		font-size: 1.5em;
	}
}




/* gMapSection
------------------------------------------------------------------------ */
	.gMapSection .gMapWrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.gMapSection .gMapWrap > * {
		width: calc(50% - 10px);
	}
	.gMapSection [class*="generalBtnUnit"] {
		--M-fluidFontSize-max-fontsize: 14;
		--M-fluidFontSize-min-fontsize: 13;
		--M-fluidFontSize-max-viewport: 737;
		--M-fluidFontSize-min-viewport: 360;
		color: #fff;
		width: 100%;
		max-width: 240px;
		padding: 12px 30px;
	}
	/*個別*/
	.btnPrint [class*="generalBtnUnit"] {
		margin-left:auto;
		margin-right:0;
		color: rgba(var(--site-themeColor-base_text-accent), 1);
		border:1px solid rgba(var(--site-themeColor-base_text-accent), 1);
		background: #fff;
	}
	.btnPrint [class*="generalBtnUnit"]::before {
		background: #e9dfc8;
	}	
	.btnMap [class*="generalBtnUnit"] {
		background: rgba(var(--site-themeColor-base_text-accent), 1);
		margin-left:0;
		margin-right:auto;
	}
	.btnMap [class*="generalBtnUnit"]::before {
		background: #aa9871;
	}	
	
	@media (hover: hover) and (pointer: fine) {
		/*.btnPrint [class*="generalBtnUnit"][href]:hover {
			color:#fff;
		}*/
	}	

@media screen and (max-width: 736px) { /*{SP}*/
	.gMapSection .gMapWrap > * {
		width: 100%;
	}
	.btnPrint [class*="generalBtnUnit"],
	.btnMap [class*="generalBtnUnit"] {
		margin-left:auto;
		margin-right:auto;
	}
	.btnMap {
		margin-top:10px;
	}
}
@media screen and (max-width: 480px) { /*{SPs}*/
	.gMapSection [class*="generalBtnUnit"] {
		/*max-width: 280px;*/
	}

}


	
	
/*icon_svg
-------------------------------------------------------
- アイコンSVG画像
- 例：<a href="xxx" class="generalBtnUnit icon_svgParent">SVG画像<span class="icon_svg"></span></a>
---------------------------------------------------- */
	.icon_svgParent {
		position: relative;
		height:100%;
	}
    .icon_svg:before {
        content:"";
        display: block;
        padding-top: 100%; 
      }
	.icon_svg {
		position: absolute;
		top:50%;
		transform: translateY(-50%);
		right:25px;
		width: 30px;
		/*background: url("../images/share/ico_print.svg") center center no-repeat;*/
		background-size: 100% auto;
	}
	/*個別*/
	.btnMap .icon_svg {
		background: url("../images/share/ico_map.svg") center center no-repeat;
	}
	.btnPrint .icon_svg {
		background: url("../images/share/ico_print.svg") center center no-repeat;
	}

@media screen and (max-width: 736px) { /*{SP}*/
	.icon_svg {
		right:18px;
		width: 20px;
	}
}














/* ***************************************************************************************************
	printOnly 
*************************************************************************************************** */
@media print { /*{printOnly}*/
	/* ------------------------------------------------------
		Basically fixed.
	------------------------------------------------------ */
	body.printSetting .mainHeaderSmallSection,
	body.printSetting .heading_Line03,
	body.printSetting .gMapSection,
	body.printSetting .printSection,
	body.printSetting .mainElementFooterWrap {
		display: none;
	}

}