@charset "utf-8";

/*fee*/
.srBox{text-align:center;}
.srBox h3{
	margin-bottom:12px;
	font-size:3.2rem;
}
.srBox h3.sm-title {
	margin-bottom: 0;
    font-size: 2.4rem;
}
.srBox h3.sm-title+p.catch {
	margin-top: 10px;
	margin-bottom: 50px;
	color: #fff;
	font-weight: normal;
}
.srBox h3.sm-title+p.catch.fs-18 {
	font-size: 18px;
}
.srBox h3.sm-title {
	margin-bottom: 0;
    font-size: 2.4rem;
}
.srBox h3.sm-title+p.catch {
	margin-top: 10px;
	margin-bottom: 50px;
	color: #fff;
	font-weight: normal;
}
.srBox h3.sm-title+p.catch.fs-18 {
	font-size: 18px;
}
.srBox li p.notax{
	font-size:2.4rem;
	margin-bottom: 10px ;
}
.srBox li p.notax small{
	font-size:1.8rem;
	margin-bottom: 10px ;
}
.srBox li.loungeNumType > span{display:block;}
.srBox h3.subTitle .title1 .roomNum{
	display:inline-block;
	padding:3px 8px 1px;
}
.srBox ul{margin-bottom:20px;}
.srBox li{
	display:inline-block;
	vertical-align:middle;
	font-size:3.0rem;
	font-weight:bold;
}
.srBox li.loungeNumType > span{display:block;}
.srBox li small{
	display:inline-block;
	margin:0 5px;
	font-size:2.4rem;
	font-weight:normal;
	color:#000;
}

.srBox figure.drawing{
	margin:20px auto ;
	padding:0px;
	background:#fff;
}
.srBox figure.drawing.slickSlider{
	background-color: #181818;
	padding: 0;
	margin:20px auto 50px ;
}
.srBox figure.drawing.slickSlider span {
	display: block;
	margin-bottom: -10px;
	background-color: #fff;
}

.srBox .inner > p.fw-normal {
	font-weight: normal;
}
.srBox .dl{
	margin-top:30px;
	font-size:1.4rem;
	font-weight:bold;
}
.srBox .dl a{vertical-align:top;}
.srBox .inner > p{
	display:block;
	margin:30px auto 0;
	font-weight:bold;
	font-size:2.0rem;
	vertical-align:top;
}
.srBox .drawing .reservBtn,
.srBox .drawing .dl {
	font-size:2.0rem;
	margin-bottom: 20px;
}
.srBox .inner > p.fw-normal {
	font-weight: normal;
}
.srBox .inner > p+p{margin-top:16px;}
.srBox .moreLink{margin:30px auto 0;}
.srBox .moreLink a.more{
	padding-top:2px;
	vertical-align:top;
}
.flowChart li a.reserve,
.srBox p.reservBtn a{
	display:inline-block;
	padding:2px 12px 4px;
	background:#d73636;
	border-radius:4px;
	color:#fff;
	text-align:center;
	font-weight:normal;
}
.flowChart li a.reserve {margin-top: 15px;}
.flowChart li a.reserve::after,
.srBox p.reservBtn a:after{content:none;}
.srBox p.reservBtn a.loungeResv{background-color:#92d050;}
.flowChart li a.reserve:hover,
.srBox p.reservBtn a:hover{
	text-decoration:none;
	opacity:0.7;
}

@media screen and (min-width: 1081px) {
  #price, .srBox {
    padding: 75px 0 90px;
  }
 #price .inner, .srBox .inner {
    width: 70%;
    margin: 0 auto;
  }
}

/*serviceOption*/
/*#serviceOption{padding:30px 0;}*/
#serviceOption .serviceList li .note a.more{margin-top:4px;}
#serviceOption .serviceList li .note a.more:before{content:none!important;}

/*floor*/
#floor .inner{max-width:965px;}
#floor .floorMap li:nth-child(2) p.floorDetail:before{
	content:"";
	display:inline-block;
	width:25%;
	height:10px;
}
#floor figcaption {
  margin-top: 10px;
  padding-left: 31px;
  text-indent: -31px;
  font-size: 1.2rem;
}
#floor figcaption img {
  width: 18px;
  height: 18px;
}
@media screen and (min-width:1081px){
	#floor {
    padding: 70px 0;
  }
	#floor .floorLink ul:before{content:none;}
	#floor .floorLink li button{color:transparent;font-size:0;line-height:0;}
	#floor .floorLink li button:after{
		content:"";
		display:block;
		font-size:2.888rem;
		color:#c4c4c4;
		text-align:center;
		line-height:1.0;
	}
	#floor .floorLink li{position:relative;}
}
@media screen and (max-width:1080px){
	#floor .floorMap li a:after{
		display:block;
		position:absolute;
		bottom:0;
		right:30px;
		font-family:"Accurat","Helvetica Neue",sans-serif;
		font-weight:bold;
		letter-spacing:0.2rem;
		color:#c4c4c4;
		font-size:2.777rem;
		line-height:1.0;
		text-align:right;
	}
}

/************************************
service - plansPage
*************************************/
section.centerMv .f_ricoh {font-family: 'Prism Sans';}
main.ricohprism#plansPage #titleBlock{
	background-image:url("../img/mv-ricoh.jpg");
	background-repeat: no-repeat;
}
main.ricohprism#plansPage #titleBlock .enName {
	font-family: 'Prism Sans' !important;
}

.ricohprism section  {
	margin: 0;
	padding: 10vw 3%;
}
.ricohprism #intro02 {padding: 0 0 10vw;}
.ricohprism #intro01 {padding: 10vw 0;}
.ricohprism #intro02 .txtBox,
.ricohprism #intro01 .txtBox {
	padding-left: 3%;
	padding-right: 3%;
}

.ricohprism #location,
.ricohprism #download,
.ricohprism #flow,
.ricohprism #price {
	background-color: #e8edeb;
}
.ricohprism #flow {
	background-color: #d1dad5;
}
.ricohprism #price h3 .prism {
	color: #000;
	font-size: 4rem;
	font-family: 'Prism Sans';
	font-weight: bold;
}
.ricohprism .srBox h4 {
	font-size: 1.6rem;
	font-family: 'Noto Sans';
	font-weight: 600;
}
.ricohprism .srBox p.caution {
	font-size: 1.6rem;
	font-weight: normal;
	margin-top: .2em;
}
.ricohprism .srBox p.caution.btm {margin-bottom: 2em;}
.ricohprism .srBox figure.drawing {
	padding: 40px;
	background-color: #fff;
}
.ricohprism #serviceOption .subTitle {color: #000;}
.ricohprism #serviceOption h4 {background-color: #29526b;}
.ricohprism #serviceOption .serviceList {border-color: #f0f0f0;}
.ricohprism #serviceOption .serviceList li {border-color: #f0f0f0;}

.ricohprism #flow .flowChart > li h4 {background-color: #29526b;}
.ricohprism #flow .flowChart > li h4.black {background-color: #000;}

.ricohprism #flow .flowChart > li h4 .f_ricoh {
	font-family: 'Prism Sans';
}
.flowBox .mb,
.reservBtn.mb {margin-bottom: 1em;}
.ricohprism #flow .flowChart > li a[target="_blank"]::after {
	margin-left: 1em;
	margin-right: .2em;
}
.ricohprism .subTitle + p {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 58px;
}

@media screen and (min-width:769px) {
	.ricohprism #intro02 {padding: 0 0 50px;}
	.ricohprism #intro01 {padding: 50px 0 70px;}

	.ricohprism section.introBox {
		padding:48px 0px;
	}
	section#flow .flowChart > li .flowBox dl.mb {margin-bottom: 1.5em;}
	.ricohprism #location {padding: 90px 0px;}
}
@media screen and (min-width: 1081px) {
	.subNavPriority #locationNavi > ul#midNavi li[data-link="ricohprism"] a.active::after {background: #fff;}
}
@media (max-width: 768px) {
	.ricohprism #serviceOption .serviceList li.lastSpNote {
		padding-bottom: 0;
		border-bottom: none !important;
	}
}

/************************************
locationsPage
*************************************/
.subNavPriority #locationNavi {z-index: 2;}
.ricohprism #locationNavi .subTitleBar {
	color: #000;
	background: rgba(255,255,255,0.85);
	.pageTitle {
		color: rgba(0,0,0,0.7);
		font-family: 'Prism Sans' !important;
	}
}
.ricohprism#locationsPage {
	.subBefore h2 {color: #29526b;}
	.subBefore h2 .title2.fgTtl.f_ricoh {
		font-family: 'Prism Sans' !important;
		font-size: 6.5rem;
		line-height: 1;
	}
	#titleBlock h2 {text-shadow: none;}
	#titleBlock {margin-bottom: 0;}
	section#titleBlock::before {display: none;}
}

#locationNavi > ul#midNavi li a span.f_ricoh{
	font-family: 'Prism Sans' !important;
	font-size: 1.1rem;
	font-weight:bold;
	letter-spacing:0.15rem;
}

.ricohprism section.centerMv{
	background-image:url(../img/ricoh/mv_ricoh.jpg);
	background-position:center center;
}

.ricohprism#locationsPage #intro02 {padding: 0 0 5vw;}
.ricohprism#locationsPage #intro03 {
	padding-bottom: 5vw;
	justify-content: center;
}
.ricohprism .btn_c {
	font-size: 1.5rem;
	/*width: 100%;*/
	display: flex;
	justify-content: center;
	margin: 0 .5em 1em;
}
.ricohprism .btn_more {
	display:inline-block;
	padding:4px 12px 4px;
	background:#347cf7;
	border-radius:4px;
	color:#fff;
	text-align:center;
	font-weight:normal;
}
.ricohprism .btn_more.red {background-color: #d73636;}
.ricohprism .btn_more:hover {
	text-decoration: none;
	opacity: .7;
}
.ricohprism .btn_more span {
	font-family: 'Prism Sans';
}
.ricohprism .btn_more[target="_blank"]::after {
	content: '';
	background: none;
	width: 9px;
	height: 9px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}

.ricohprism section .dl .more {
	color: #000;
	text-decoration: none;
}
.ricohprism section .dl .more:hover {
	color: #0056b3;
	text-decoration: underline;
}
.ricohprism section .dl .more::after {display: none;}

@media screen and (min-width:769px) {
	.ricohprism#locationsPage #intro02 {padding: 0 0 20px;}
	section.introBox#intro03 {justify-content: center;}
	.ricohprism #intro03.introBox .btn_c {
		width: auto;
	}
}
@media screen and (min-width:1080px) {
	main.ricohprism#locationsPage #titleBlock {padding-bottom: 0;}
}