@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ● 大浴場ページ専用CSS                                  */
/*    ・ページ固有の処理を記述                             */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++ */





/* --------------------------------------------------- */
/* 天空大浴場 曙覧                                     */
/* --------------------------------------------------- */

/* DaiyokujoArea
--------------------------------------------------- */
.DaiyokujoArea{
}
            /* + + + + + レスポンシブ + + + + +  */
            
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .DaiyokujoArea{
                  padding-bottom: 0;
                }


/* DaiyokujoBlock
--------------------------------------------------- */
.DaiyokujoBlock{

}
    .DaiyokujoBlock .Logo{
      display: inline-block;
    }
    .DaiyokujoBlock .Logo img{
      width: 220px;
    }




    .DaiyokujoBlock .BlockContents{
    
    }
    .DaiyokujoBlock .BlockContents .Logo{
      text-align: center;
      border: 1px solid #ccc;
      padding: 25px 0;
      width: 250px;
      margin: 0 auto;
    }






/* --------------------------------------------------- */
/* おすすめポイント                                  */
/* --------------------------------------------------- */

/* RecommendArea
--------------------------------------------------- */
.RecommendArea{
  padding: 60px 0;
}


/* RecommendBlock
--------------------------------------------------- */
.RecommendBlock{

}








/* --------------------------------------------------- */
/* 温泉の概要                                          */
/* --------------------------------------------------- */

/* OutlineArea
--------------------------------------------------- */
.OutlineArea.bg-wagara{
  margin-bottom: 0;
  padding-bottom: 30px;
}



/* OutlineBlock
--------------------------------------------------- */
.OutlineBlock{

}
    .OutlineBlock .BlockContents{
      max-width: 800px;
      margin: 0 auto;
    }

/* ConceptBlock
--------------------------------------------------- */
.ConceptBlock{
  margin-top: 3em;
}
    .ConceptBlock .BlockHeader{
      text-align: center;
      margin: 0 0 30px;
    }
    .ConceptBlock .Logo{
      width: 300px;
      padding: 25px;
      display: inline-block;
      background: #fff;
      border: 1px solid rgba(0,0,0,0.1);
    }
    .ConceptBlock .BlockContents{
      /*max-width: 800px;*/
      margin: 0 auto;
    }


            /* + + + + + レスポンシブ + + + + +  */
            
                /* bp2より狭いディスプレイ用 */
                body.rsbp-under-bp2 .ConceptBlock .BlockContents .ImageItem .Image{
                  margin: 0 auto;
                }
                body.rsbp-under-bp2 .ConceptBlock .Logo{
                  width: 250px;
                }




/* --------------------------------------------------- */
/* お客様の声                                          */
/* --------------------------------------------------- */

/* ReviewArea
--------------------------------------------------- */
.ReviewArea{
}


/* ReviewBlock
--------------------------------------------------- */
.ReviewBlock{
}
.ReviewBlock .BlockContents{
}


    /* - - 装飾（固有） - - */
    .ReviewBlock .Paragraph.Breakfast {
      background-image: linear-gradient( to bottom, rgba(234,248,241,0.125) 0%, rgba(234,248,241,0.5) 100%),  url(../../hotspa/img/photo/review_bg.jpg);
      background-size: auto auto, cover;
    }
            .ReviewBlock .Paragraph.Breakfast .ParagraphHeader .Heading{
              background: rgba(129,171,117,0.85);
            }
            .ReviewBlock .Paragraph.Breakfast .ParagraphHeader .Heading::before{
              border-top-color: rgba(129,171,117,0.85);
            }
            .ReviewBlock .Paragraph.Breakfast .ParagraphContents{
            }
            .ReviewBlock .Paragraph.Breakfast .ParagraphContents ul li em{
              color: rgba(129,171,117,1);
            }