@charset "utf-8";

/* ==

　01. プラン

=============================================================================== */
.bPlan .bMV {
	flex: 0 0 auto;
	position: relative;
	align-self: flex-start;
}
.bPlan .bMV:not(.slider) {
	overflow: hidden;
}
.bPlan .bMV .swiper {
	overflow: hidden;
}
.bPlan .bMV img {
	max-width: 100%;
	height: auto;
}
.bPlan .bMVBlk{
    position: relative;
}
.bPlan .bMVBlk .loading {
	width: 100%;
	height: 100%;
	background: #F5F5F5 url(/common/images/rn04/svg/loading_ico01.svg) no-repeat center;
	background-size: 80px auto;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	transition: opacity 1s 1s;
}
.bPlan .bMVBlk.is-slideShow .loading {
	opacity: 0;
	pointer-events: none;
}

.bPlan .bMV_thumb{
    width: 850px;
    margin: 25px auto 30px;
}
.bPlan .bMV_thumb .swiper-slide{
    position: relative;
    box-sizing: border-box;
}
.bPlan .bMV_thumb .swiper-slide.swiper-slide-thumb-active::before{
    content: "";
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 4px solid #8C7F4B;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.bPlan .bMV_thumb .swiper-slide img{
    width: 100%;
    height: auto;
}



.bPlan .bPlan_cont01{
    width: 1230px;
    margin: 0 auto 60px;
    display: flex;
    justify-content: center;
    gap: 0 25px;
}
.bPlan .bPlan_cont01 > div{
    background-color: #fff;
    border-radius: 5px;
}
.bPlanLocalNavs{
    min-width: 585px;
    display: flex;
}
.bPlanLocalNavs .lnav{
    width: 50%;
    position: relative;
}
.bPlanLocalNavs .lnav:nth-child(2)::before{
    content: "";
    width: 1px;
    height: calc(100% - 36px);
    background-color: #ddd;
    display: block;
    position: absolute;
    top: 18px;
    left: 0;
}
.bPlanLocalNavs .lnav a{
    width: 100%;
    height:100%;
    font-size: 180%;
    color: #8C7F4B;
    font-weight: bold;
    font-family: 'Noto Serif JP', serif;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    opacity: 1.0;
}
.d_hover .bPlanLocalNavs .lnav a:hover{
    opacity: 0.7;
}
.bPlanLocalNavs .lnav a::before{
    content: "";
    width: 25px;
    height: 25px;
    margin: 0 auto 5px;
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
}
.bPlanLocalNavs .lnav.nav_planDiagram a::before{
    background-image: url(/bunjo/images/bukken_template/rn04/ico_planDiagram.svg);
}
.bPlanLocalNavs .lnav.nav_VR a::before{
    background-image: url(/bunjo/images/bukken_template/rn04/ico_VR.svg);
}
.bPlanDatas{
    width: calc(100% - 610px);
    padding: 25px 20px;
}
.bPlanDatas .price{
    font-weight: bold;
    font-family: 'Noto Serif JP', serif;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 20px;
}
.bPlanDatas .price{
    font-size: 250%;
    color: #8C7F4B;
}
.bPlanDatas .price span{
    font-size: 60%;
    color: #000;
}
.bPlanDatas > div{
    width: 100%;
    display: flex;
}
.bPlanDatas dl{
    width: 50%;
	display: flex;
	font-size: 100%;
	line-height: 1.57;
	margin: 8px 0;
}
.bPlanDatas dt{
	width: 80px;
	margin-right: 10px;
	font-size: 117%;
}
.bPlanDatas dt span{
	padding: 2px 5px 3px;
	background-color: #191919;
	border-radius: 4px;
	color: #fff;
	font-weight: 600;
	text-align: center;
	display: block;
}
.bPlanDatas dd{
	width: calc(100% - 95px);
	font-size: 150%;
    white-space: nowrap;
}
.bPlanDatas p.txt_note{
    margin-top: 5px;
    font-size: 100%;
    color: #666;
}

.bPlan .bPlanDiagram figure{
    text-align: center;
}
.bPlan .bPlanDiagram p.txt_note{
    margin-top: 40px;
    font-size: 150%;
    color: #383434;
    font-weight: normal;
    text-align: center;
}
.bPlan .vr{
    width: 1190px;
    margin: 0 auto;
}
.bPlan .vrImage {
	width: 1190px;
	height: 770px;
	max-width: 100%;
	margin: 0 0 15px;
}
.bPlan .vr .txt_vr01{
    font-size: 117%;
}