@charset "UTF-8";

/*
 * アプリ固有の色、レイアウト情報を記述します。
 * アカウント間で共通のものは _moduleApps.cssに記述してください。
 */
html {
  position: relative;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

body {
  position: relative;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: inherit;
  /*overflow: hidden;*/
  -webkit-overflow-scrolling: touch;
  /*overflow-y: scroll;*/
  /*overflow:auto;*/
}

a:focus,
button:focus {
  outline: none;
}

.js_h {}

.kyoritsu_container {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
}

/*body::-webkit-scrollbar {*/
/*z-index: 500000;*/
/*-webkit-transform: translate3d(0, 0, 0)*/
/*display: none !important;*/
/*}*/
/* bootstrap modify */

@media (min-width: 897px) {
  .container {
    max-width: none;
  }
}

.btn {
  font-weight: bold;
  padding: 13.5px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

#membersHeaderTab {
  position: fixed;
  top: 80px;
  width: 100%;
  height: 60px;
  background-color: #FFF;
  z-index: 10;
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 38, 64, 0.2);
  box-shadow: 0px 5px 5px -3px rgba(0, 38, 64, 0.2);
}

#membersHeaderTab #membersHeaderTabWrap {
  width: 1100px;
  min-width: 1100px;
  height: 100%;
  margin: 0 auto;
}

#membersHeaderTab ul {
  position: absolute;
  left: 50%;
  margin-left: -420px;
  width: 840px;
  height: 100%;
}

#membersHeaderTab ul li {
  width: 280px;
  height: 100%;
  float: left;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  border-bottom: 5px solid #fff;
}

#membersHeaderTab ul li a {
  display: block;
  padding-top: 22px;
  width: 280px;
  height: 100%;
  color: #9CBCD1;
  text-decoration: none;
}

#membersHeaderTab ul li.selectedTab {
  border-bottom: 5px solid #005B97;
}

#membersHeaderTab ul li.selectedTab a {
  color: #005B97;
}

/* 施設詳細画面 */
#contentArea {}

.kyoritsu_container::-webkit-scrollbar {
  z-index: 50000000;
}

#contentArea #facilitySliderArea {
  padding-top: 20px;
}

#contentArea div.facilityDetailInfoArea h2.shopLogo {
  text-align: center;
  padding: 30px 30px 60px;
}

#contentArea div.facilityDetailInfoArea h2.shopLogo img {
  width: auto;
  height: auto;
}

#contentArea div.facilityDetailInfoArea p.facility_area {
  text-align: center;
  font-size: 14px;
  padding-bottom: 10px;
}

#contentArea div.facilityDetailInfoArea ul.facility_list {
  position: relative;
  width: 500px;
  margin: 0 auto;
}

#contentArea div.facilityDetailInfoArea ul.facility_list li {
  display: table;
  position: relative;
  width: 100%;
  height: auto;
  padding: 15px 0;
  border-bottom: 1px solid #CCCCCC;
}

#contentArea div.facilityDetailInfoArea ul.facility_list li div {
  display: table-cell;
  vertical-align: middle;
}

#contentArea div.facilityDetailInfoArea ul.facility_list li h3.facillity_title {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
}

#contentArea div.facilityDetailInfoArea ul.facility_list li.iconRow {
  min-height: 70px;
  padding-left: 46px;
  padding-right: 60px;
  -webkit-background-size: 30px;
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: left center;
  color: #666;
}

#contentArea div.facilityDetailInfoArea ul.facility_list li.facility_addressArea {
  background-image: url(../src/img/common/icon/ico_label_map.png);
}

#contentArea div.facilityDetailInfoArea ul.facility_list li.facility_telArea {
  background-image: url(../src/img/common/icon/ico_label_telephone.png);
}

#contentArea div.facilityDetailInfoArea ul.facility_list li.facility_mailArea {
  background-image: url(../src/img/common/icon/ico_label_mail.png);
}

#contentArea div.facilityDetailInfoArea ul.facility_list li p {
  line-height: 24px;
  white-space: pre-wrap;
}

#contentArea div.facilityDetailInfoArea ul.facility_list li a.circleBtn {
  position: absolute;
  width: 50px;
  height: 50px;
  right: 0;
  top: 50%;
  margin-top: -25px;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-decoration: none;
}

#contentArea div.facilityDetailInfoArea ul.facility_list li a.mapBtn {
  background-image: url(../src/img/common/icon/ico_map_pin.png);
}

#contentArea div.facilityDetailInfoArea ul.facility_list li a.mailBtn {
  background-image: url(../src/img/common/icon/ico_map_mail.png);
}

#contentArea div.facilityDetailInfoArea ul li a.hovered {
  opacity: 0.8;
}

#contentArea div.facility_buttonArea {
  padding: 25px;
}

#contentArea div.facility_buttonArea a.btn {
  margin-top: 15px !important;
}

#contentArea {
  position: absolute;
  top: 0;
  width: 100%;
  height: auto;
  margin-top: 80px;
  -webkit-overflow-scrolling: touch;
  /*overflow-y: scroll;*/
}

/* 背景色 */
body.blueBg,
#contentArea.blueBg {
  height: auto;
  min-height: 100%;
  background-color: #E8F3FA;
}

#contentArea.managementBg {
  background-color: #E9EDF3;
}

#leftDrawer dl {
  margin-top: 20px;
}

#leftDrawer dl dt {
  font-size: 14px;
  margin-bottom: 11px;
  padding-left: 20px;
}

#leftDrawer dl dd ul {
  list-style-type: none;
  /*margin-top: 10px;*/
  /*padding-left: 10px;*/
  margin-bottom: 30px;
}

#leftDrawer dl dd ul li {
  /*margin: 10px 0;*/
  /*margin: 20px 0;*/
}

#leftDrawer dl dd ul li a {
  display: block;
  position: relative;
  padding: 11px 11px 11px 65px;
  font-size: 14px;
  color: #666;
  background-repeat: no-repeat;
  background-position: 29px center;
  -webkit-background-size: 24px;
  background-size: 24px;
  text-decoration: none;
}

#leftDrawer dl dd ul li a.hovered {
  color: #FFF;
  text-decoration: none;
  background-color: #005B97;
}

#leftDrawer dl dd ul li a:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-position: 29px center;
  -webkit-background-size: 24px;
  background-size: 24px;
  text-decoration: none;
  background-repeat: no-repeat;
}

#leftDrawer dl dd ul li a.hovered:after,
#leftDrawer dl dd ul li a.on:after {
  display: none;
}

/* 予約確認 */
#leftDrawer dl dd ul li a.sidemenu_reserve {
  background-image: url('../src/img/common/sidemenu/ico_reservation_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_reserve:after {
  background-image: url('../src/img/common/sidemenu/ico_reservation.png');
}

/* FAQ・お問い合わせ */
#leftDrawer dl dd ul li a.sidemenu_contact {
  background-image: url('../src/img/common/sidemenu/ico_contact_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_contact:after {
  background-image: url('../src/img/common/sidemenu/ico_contact.png');
}

/* コンセプト */
#leftDrawer dl dd ul li a.sidemenu_concept {
  background-image: url('../src/img/common/sidemenu/ico_concept_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_concept:after {
  background-image: url('../src/img/common/sidemenu/ico_concept.png');
}

/* 制度・特典について */
#leftDrawer dl dd ul li a.sidemenu_benefit {
  background-image: url('../src/img/common/sidemenu/ico_benefit_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_benefit:after {
  background-image: url('../src/img/common/sidemenu/ico_benefit.png');
}

/* プレミア会員について */
#leftDrawer dl dd ul li a.sidemenu_premiere {
  background-image: url('../src/img/common/sidemenu/ico_premium_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_premiere:after {
  background-image: url('../src/img/common/sidemenu/ico_premium.png');
}

/* dポイントについて */
#leftDrawer dl dd ul li a.sidemenu_dpoint {
  background-image: url('../src/img/common/sidemenu/ico_d_point_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_dpoint:after {
  background-image: url('../src/img/common/sidemenu/ico_d_point.png');
}

/* ご利用規約 */
#leftDrawer dl dd ul li a.sidemenu_rule {
  background-image: url('../src/img/common/sidemenu/ico_kiyaku_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_rule:after {
  background-image: url('../src/img/common/sidemenu/ico_kiyaku.png');
}

/* 個人情報保護方針 */
#leftDrawer dl dd ul li a.sidemenu_privacy {
  background-image: url('../src/img/common/sidemenu/ico_privacy_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_privacy:after {
  background-image: url('../src/img/common/sidemenu/ico_privacy.png');
}

/* ネットショップ */
#leftDrawer dl dd ul li a.sidemenu_netshop {
  background-image: url('../src/img/common/sidemenu/ico_netshop_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_netshop:after {
  background-image: url('../src/img/common/sidemenu/ico_netshop.png');
}

/* 事業紹介 */
#leftDrawer dl dd ul li a.sidemenu_jigyou {
  background-image: url('../src/img/common/sidemenu/ico_jigyou_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_jigyou:after {
  background-image: url('../src/img/common/sidemenu/ico_jigyou.png');
}

/* ログアウト */
#leftDrawer dl dd ul li a.sidemenu_logout {
  background-image: url('../src/img/common/sidemenu/ico_logout_focus.png');
}

#leftDrawer dl dd ul li a.sidemenu_logout:after {
  background-image: url('../src/img/common/sidemenu/ico_logout.png');
}

/******************** 共通パーツ　フォントカラー ********************/
.font-gray {
  font-size: 14px;
  color: #A7A8A8 !important;
}

.font-black {
  font-size: 14px;
  line-height: 21px;
  color: #333 !important;
}

.font-noitem-gray {
  font-size: 16px;
  color: #666666 !important;
}

.text-pre {
  white-space: pre-wrap;
}

.terms-gray {
  font-size: 16px;
  line-height: 32px !important;
  color: #696969 !important;
}

h4.contentTitle {
  font-size: 24px;
  line-height: 36px;
  font-weight: bold;
  color: #333;
  margin-bottom: 20px;
  margin-top: 30px;
  margin-bottom: 30px;
}

h4.contentTitle.contentDetailTitle {
  font-size: 32px;
  line-height: 48px;
}

hr.contentLine {
  width: 100%;
  height: 1px;
  background-color: #CCCCCC;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

hr.halfLine {
  width: 360px;
  margin: 30px auto 0;
  height: 1px;
  background-color: #CCCCCC;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.contentDateFont {
  color: #A7A8A8;
  font-size: 14px;
  line-height: 22px;
}

.contentBodyFont {
  font-size: 18px;
  line-height: 27px;
  color: #666666;
  margin-top: 20px;
}

.contentAttentionFont {
  font-size: 18px;
  line-height: 27px;
  color: #999999;
  margin-top: 20px;
}

.contentSmallFont {
  font-size: 14px;
  line-height: 21px;
  color: #333;
}

/*共通エラー*/
.error_img {
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 40px;
  text-align: center;
}

.error_img img {
  width: 200px;
  height: 200px;
}

/************* 共通パーツ スライダーエリア **********/
#sliderArea {
  width: 100%;
  min-width: 1100px;
  position: relative;
  overflow-y: hidden;
  margin-right: 0;
  margin-left: 0;
}

#sliderArea ul li {
  width: 980px !important;
}

#sliderArea ul li img {
  width: 100%;
  height: auto;
}

/************* 共通パーツ 記事エリア **********/
#articleArea {
  width: 100%;
  padding-bottom: 30px;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

#articleArea hr.allWidLine {
  margin: 0;
  background-color: #E8F3FA;
  height: 1px;
  border: none;
}

#articleArea section.contentBox {
  width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 20px;
  padding-bottom: 60px;
  /*border-bottom: 1px solid #E8F3FA;*/
}

#articleArea section.contentBox a.btn {
  width: 300px;
  min-width: 170px;
  margin: 30px auto 0;
}

#articleArea section.contentBox figure {
  position: relative;
  width: 100%;
}

#articleArea section.contentBox section {
  width: 100%;
}

#articleArea section.contentBox figure div.cardImg {
  width: 100%;
  height: 169px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#articleArea section.contentBox figure img {
  width: 100%;
  height: auto;
  /* -webkit-border-radius: 12px 12px 0 0;
          border-radius: 12px 12px 0 0;*/
}

#articleArea section.contentBox article.contentDetailArea h4 {
  margin-top: 40px;
}

#articleArea section.contentBox article.contentDetailArea .favoriteBtn {
  width: 54px;
  height: 54px;
}

#articleArea section.contentBox .cardImgList {
  max-width: 1100px;
  margin: 0 -10px;
}

/* 施設一覧 */
#contentArea.facilityArea .contentBox.facilityCategorySet {
  padding-top: 0;
}

#contentArea.usageHistoryArea .contentBox.facilityCategorySet.hiddenFacility {
  opacity: 0;
}

#contentArea .contentBox.facilityCategorySet .contentZeroText {
  padding-top: 30px;
  text-align: center;
}

#contentArea.facilityArea .contentBox h2 {
  margin-top: 0;
}

/* 利用履歴 */
#contentArea.usageHistoryArea {
  padding-top: 90px;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.facilityCategorySet {
  padding-bottom: 0;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.facilityCategorySet:last-child {
  padding-bottom: 110px;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.facilityCategorySet .cardImgContent a.btn.btn-color-navy_light {
  margin-top: 10px !important;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.facilityCategorySet .cardImgContent a.btn.btn-color-navy_border {
  margin-bottom: 10px;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.staticContent {
  max-width: 60%;
  text-align: center;
  padding: 0px 20px 0px 20px
}

#contentArea.usageHistoryArea #articleArea section.contentBox.staticContent div.linksArea {
  text-align: center;
  margin-bottom: 25px;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.staticContent a {
  font-weight: bold;
  font-size: 18px;
  text-decoration: underline;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.staticContent p.normalText {
  font-size: 18px;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.staticContent p.title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 25px;
  text-align: center;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.staticContent p.linkMargin {
  margin-bottom: 0px;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.staticContent p.annotationText {
  text-align: left;
  font-size: 14px;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.staticContent hr.contentsBorder {
  height: 1px;
  border: none;
  border-top: 1px #a6a6a6 solid;
  margin: 30px 0px 15px 0px;
}

#contentArea.usageHistoryArea #articleArea section.contentBox.facilityCategorySet p.contentZeroText {
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding-top: 0px;
}

/* お気に入り */
.favoriteArea {
  padding-top: 60px;
}

/**************** 文字多いページ用 ***************/
#articleArea.contentDetail {}

#articleArea.contentDetail .contentBox {
  padding: 20px 20px 60px 20px;
  border-bottom: none;
}

#articleArea.contentDetail .articleContainer {
  position: relative;
  width: 100%;
  padding: 0 100px;
}

/* プラポリ・利用規約用 */
#articleArea.contentDetail .policyContainer .privacyIndentArea {
  padding-right: 1em;
}

#articleArea.contentDetail .policyContainer ol {
  list-style-type: decimal;
  margin-left: 1.5em;
  line-height: 180%;
  padding: 15px 0px 15px 0px;
}

#articleArea.contentDetail .policyContainer ol.right-text {
  text-align: right;
}

.list_parentheses {
  padding-left: 0.5em;
  margin-left: 2.5em;
}

.list_parentheses li {
  list-style-type: none;
  counter-increment: cnt;
  text-indent: -2.0em;
  padding: 0px 0px 0px 15px;
}

.list_parentheses li:before {
  display: marker;
  content: "(" counter(cnt) ") ";
}

#articleArea.contentDetail .policyContainer h3 {
  font-size: 24px;
  font-weight: bold;
}

#articleArea.contentDetail .policyContainer h4 {
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0 0 0;
}

#articleArea.contentDetail .policyContainer h5 {
  margin: 20px 0 10px;
  font-weight: bold;
}

#articleArea.contentDetail .policyContainer p {
  padding: 15px 0 0 0;
  line-height: 1.5em;
}

#articleArea.contentDetail .policyContainer table.privacyCancelTable {
  width: 100%;
  border-top: 1px solid #C0CCC0;
}

#articleArea.contentDetail .policyContainer table.privacyCancelTable tr {
  border-bottom: 1px solid #C0CCC0;
}

#articleArea.contentDetail .policyContainer table.privacyCancelTable tr th,
#articleArea.contentDetail .policyContainer table.privacyCancelTable tr td {
  padding: 8px 10px;
}

#articleArea.contentDetail .policyContainer table.privacyCancelTable tr th {
  width: 190px;
  background-color: #f4f4f4;
}

/***********共通パーツ 文字色 **********/
.font-color-gray {
  color: #666 !important;
}

.font-color-green {
  color: #8BC356 !important;
}

.font-color-orange {
  color: #FDA641 !important;
}

/***********共通パーツ ボタン **********/
.btn-color-navy,
.btn-color-navy:hover,
.btn-color-navy:active,
.btn-color-navy:focus {
  font-size: 14px;
  color: #fff;
  background-color: #005B97;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-color-navy.hovered {
  background-color: #005084;
}

.btn-color-navy.on {
  background-color: #005084;
}

.btn-color-navy_light,
.btn-color-navy_light:focus,
.btn-color-navy_light:hover,
.btn-color-navy_light:active {
  width: 300px;
  font-size: 14px;
  color: #005B97;
  background-color: #fff;
  border: 1px solid #005B97;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-color-navy_light.hovered {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_light.on {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

/* ネイビーのボーダーボタン */
.btn-color-navy_border,
.btn-color-navy_border:focus,
.btn-color-navy_border:hover,
.btn-color-navy_border:active {
  width: 300px;
  font-size: 14px;
  color: #005B97 !important;
  background-color: #fff;
  border: 1px solid #005B97 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-color-navy_border.hovered {
  color: #fff !important;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_border.on {
  color: #fff !important;
  background-color: #005B97;
  border: 1px solid #005B97;
}

/* やじるしつき */
/* アローアイコンつきのネイビーボタン */
.btn-color-navy_border_arrow,
.btn-color-navy_border_arrow:focus,
.btn-color-navy_border_arrow:hover,
.btn-color-navy_border_arrow:active {
  width: 300px;
  font-size: 14px;
  color: #005B97;
  padding: 13px 30px 13px 15px;
  line-height: 1em;
  background-color: #fff;
  border: 1px solid #005B97;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: url('../src/img/common/icon/navy_arrow.png');
  background-repeat: no-repeat;
  -webkit-background-size: 6px 12px;
  -o-background-size: 6px 12px;
  background-size: 6px 12px;
  background-position: right 15px center;
}

.btn-color-navy_border_arrow.hovered {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_border_arrow.on {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

/* タップ前の色がうすいもの */
.btn-color-navy_border_light,
.btn-color-navy_border_light:focus,
.btn-color-navy_border_light:hover,
.btn-color-navy_border_light:active {
  width: 300px;
  font-size: 14px;
  color: #5A8FB2;
  background-color: #fff;
  border: 1px solid #5A8FB2;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-color-navy_border_light.hovered {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_border_light.on {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_border_mini,
.btn-color-navy_border_mini:focus,
.btn-color-navy_border_mini:hover {
  color: #5A8FB2;
  background-color: #fff;
  border: 1px solid #5A8FB2;
}

.btn-color-navy_border_mini.on {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_border_mini.hovered {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

/* 赤ボーダー */
.btn-color-red_border,
.btn-color-red_border:focus,
.btn-color-red_border:hover,
.btn-color-red_border:active {
  width: 300px;
  font-size: 14px;
  color: #D00E31;
  background-color: #fff;
  border: 1px solid #D00E31;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.btn-color-red_border.hovered {
  opacity: 0.5;
}

/* 灰ボーダー */
.btn-color-gray_border,
.btn-color-gray_border:focus,
.btn-color-gray_border:hover,
.btn-color-gray_border:active {
  width: 300px;
  font-size: 14px;
  color: #333;
  background-color: #fff;
  border: 1px solid #999999;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.btn-color-gray_border.hovered {
  opacity: 0.5;
}

/* アローアイコンつきのネイビーボタン */
.btn-color-navy_light_arrow,
.btn-color-navy_light_arrow:focus,
.btn-color-navy_light_arrow:hover,
.btn-color-navy_light_arrow:active {
  width: 300px;
  font-size: 14px;
  color: #005B97;
  padding: 13px 30px 13px 15px;
  line-height: 1em;
  background-color: #fff;
  border: 1px solid #005B97;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-image: url('../src/img/common/icon/navy_arrow.png');
  background-repeat: no-repeat;
  -webkit-background-size: 6px 12px;
  -o-background-size: 6px 12px;
  background-size: 6px 12px;
  background-position: right 15px center;
}

.btn-color-navy_light_arrow.hovered {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_light_arrow.on {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

/*色がうすいネイビー*/
.btn-color-navy_light,
.btn-color-navy_light:focus,
.btn-color-navy_light:hover,
.btn-color-navy_light:active {
  width: 300px;
  font-size: 14px;
  color: #fff;
  background-color: #5A8FB2;
  border: 1px solid #5A8FB2;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-color-navy_light.hovered {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_light.on {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

/* ピンクのボーダー */
.btn-color-pink_border,
.btn-color-pink_border:focus,
.btn-color-pink_border:hover,
.btn-color-pink_border:active {
  width: 300px;
  font-size: 14px;
  color: #F87E74 !important;
  background-color: #fff !important;
  border: 1px solid #F87E74 !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-color-pink_border.hovered {
  color: #fff !important;
  background-color: #F87E74 !important;
  border: 1px solid #F87E74 !important;
}

.btn-color-pink_border.on {
  color: #fff !important;
  background-color: #F87E74 !important;
  border: 1px solid #F87E74 !important;
}

/* タップ前の色がうすいもの */
.btn-color-navy_light_light,
.btn-color-navy_light_light:focus,
.btn-color-navy_light_light:hover,
.btn-color-navy_light_light:active {
  width: 300px;
  font-size: 14px;
  color: #5A8FB2;
  background-color: #fff;
  border: 1px solid #5A8FB2;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-color-navy_light_light.hovered {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_light_light.on {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_light_mini,
.btn-color-navy_light_mini:focus,
.btn-color-navy_light_mini:hover {
  color: #5A8FB2;
  background-color: #fff;
  border: 1px solid #5A8FB2;
}

.btn-color-navy_light_mini.on {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-navy_light_mini.hovered {
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
}

.btn-color-pink,
.btn-color-pink:hover,
.btn-color-pink:active {
  font-size: 14px;
  color: #fff;
  background-color: #F87E74;
}

.btn-color-pink.hovered {
  background-color: #DE584D;
}

.btn-color-thin_navy,
.btn-color-thin_navy:hover,
.btn-color-thin_navy:active,
.btn-color-thin_navy:focus {
  font-size: 14px;
  color: #fff;
  background-color: #5A8FB2;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-color-thin_navy.hovered {
  color: #fff;
  background-color: #4D7E9F;
}

.btn-color-white-shadow,
.btn-color-white-shadow:focus,
.btn-color-white-shadow:hover,
.btn-color-white-shadow:active {
  font-size: 14px;
  color: #5A8FB2;
  background-color: #fff;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
}

.btn-color-white-shadow.hovered {
  background-color: #005084;
}

/* グレー */
.btn-color-gray,
.btn-color-gray:hover,
.btn-color-gray:active,
.btn-color-gray:focus {
  font-size: 14px;
  color: #fff;
  background-color: #666666;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-color-gray.hovered {
  background-color: #555555;
}

.btn-color-gray.on {
  background-color: #555555;
}

button.favoriteBtn {
  display: block;
  position: absolute;
  right: 30px;
  bottom: 30px;
  width: 54px;
  height: 54px;
  padding: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  background-image: none;
  background-color: transparent;
  border: none;
}

button.favoriteBtn.on {
  background-image: url('../src/img/common/btn/btn_favorite_on.png');
}

button.favoriteBtn.off {
  background-image: url('../src/img/common/btn/btn_favorite_off.png');
}

button.favoriteBtn.off:after {
  content: "";
  display: none;
  width: 100%;
  height: 100%;
  background-image: url('../src/img/common/btn/btn_favorite_hover.png');
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

button.favoriteBtn.off.hovered:after {
  display: block;
}

/***********共通パーツ タイトル **********/
h2.main_title {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 40px;
  padding: 0 30px;
  font-size: 32px;
  text-align: center;
  color: #333333;
  margin-bottom: 44px;
  font-weight: 600;
}

/* ラインありタイトル */
h2.line_main_title {
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 30px;
  padding: 0px;
  font-size: 32px;
  text-align: center;
  color: #333333;
  font-weight: 600;
}

h2.line_main_title p {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  z-index: 8;
  background-color: #FFF;
}

h2.line_main_title.blue_title p {
  background-color: #E8F3FA;
}

h2.line_main_title:before {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: rgba(0, 0, 0, .3);
  z-index: 0;
}

h3.sub_title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  text-align: center;
}

h3.line_title {
  position: relative;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}

h3.line_title p {
  position: relative;
  display: inline-block;
  padding: 0 16px;
  z-index: 5;
  background-color: #FFF;
}

h3.line_title:before {
  position: absolute;
  top: 50%;
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #CCCCCC;
  z-index: 0;
}

h4.line_after_sub_title {
  font-size: 14px;
  text-align: center;
  margin-top: 5px !important;
  margin-bottom: 30px;
}

h4.mini_title {
  color: #666;
  font-weight: bold;
  font-size: 14px;
}

h4.mini_title p {
  text-align: center;
}

h4.mini_title.text-left {
  margin: 0 !important;
  text-align: left;
}

h4.mini_title.text-left p {
  text-align: left;
}

#articleArea section.contentBox:last-child {
  border-bottom: none;
}

h2.main_title p {
  position: relative;
  display: inline;
  background-color: #fff;
  padding: 0 17px;
  z-index: 5;
}

/***********共通パーツ dl メンテナンスリスト **********/

dl.tableList {
  display: table;
  padding: 14px 21px;
  width: 100%;
  clear: both;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 10px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  cursor: pointer;
}

dl.tableList.hovered {
  box-shadow: 0px 2px 10px rgba(0, 38, 64, .2);
  -webkit-box-shadow: 0px 2px 10px rgba(0, 38, 64, .2);
}

dl.tableList dt {
  display: table-cell;
  vertical-align: middle;
  width: 20%;
  color: #999;
}

dl.tableList dd {
  display: table-cell;
  vertical-align: middle;
  width: 80%;
  color: #333333;
  text-decoration: underline;
}

dl.tableList dd a {
  color: #333333;
}

/***********共通パーツ ul ボタンリスト **********/
ul.btnList {
  width: 740px;
  clear: both;
  margin: 0 auto 30px;
}

ul.btnList li {
  position: relative;
  float: left;
  width: 20%;
  padding: 5px;
  height: 50%;
}

ul.btnList li button {
  width: 100%;
  font-size: 10px;
  /*color: #005B97;*/
  padding: 10px 0 !important;
  background-color: #fff;
  /*border: 1px solid #005B97;*/
  padding: 10px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

@media (max-width: 1045px) {
  ul.btnList li {
    width: 25%;
  }
}

@media (max-width: 840px) {
  ul.btnList li {
    width: 33%;
  }
}

@media (max-width: 480px) {
  ul.btnList li {
    width: 50%;
  }
}

/***********共通パーツ カードリスト **********/
div.cardImgArea {
  padding-right: 10px;
  padding-left: 10px;
  margin-bottom: 20px;
}

div.cardImgArea a.cardLink {
  display: block;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  color: #333;
}

div.cardImgArea section.cardImgBox {
  height: 100%;
  border: 1px solid #CCCCCC;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-color: #FFF;
  overflow: hidden;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  cursor: pointer;
}

#contentArea.usageHistoryArea div.cardImgArea section.cardImgBox {
  cursor: default;
}

.communitySet div.cardImgArea section.cardImgBox {
  cursor: default;
}

.communitySet div.cardImgArea section.cardImgBox form {
  display: block;
  width: 100%;
}

.communitySet div.cardImgArea section.cardImgBox a {
  text-decoration: none;
  color: #333;
  width: 100%;
}

.communitySet div.cardImgArea section.cardImgBox button {
  padding: 0;
  background-color: transparent;
  border: none;
}

div.cardImgArea section.cardImgBox.hovered .cardImg {
  opacity: 0.6;
}

div.cardImgArea section.cardImgBox.hovered h3 {
  color: #005B97;
}

div.cardImgArea figure.cardImgMain {
  position: relative;
  width: 100%;
  line-height: 0;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

div.cardImgArea figure.cardImgMain img {
  width: 100%;
  height: auto;
}

div.cardImgArea figure.cardImgMain button.favoriteBtn {
  width: 54px;
  height: 54px;
  right: 10px;
  bottom: 10px;
}

div.cardImgArea div.cardImgheader {
  padding: 15px 20px;
}

div.cardImgArea div.cardImgheader .categoryName {
  /*width: 50%;*/
  width: 165px;
  float: left;
  background-color: #231815;
  font-size: 14px;
  padding: 5px;
  color: #fff;
  text-align: center;
  opacity: 0.8;
}

div.cardImgArea div.cardImgheader p.commentStatus {
  width: 130px;
  /*width: 50%;*/
  float: right;
  text-align: right;
  font-size: 14px;
  padding: 5px;
  color: #666666;
}

div.cardImgArea p.commentStatus span.ico_comment {
  display: inline-block;
  width: 20px;
  height: auto;
  background-image: url('../src/img/common/icon/ico_comment.png');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

div.cardImgArea div.cardImgheader p.commentStatus span.commentNum {
  padding-left: 5px;
}

div.cardImgArea .cardImgContent {
  /*position: relative;*/
  padding: 0px 15px 15px;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

div.cardImgArea.withBtn .cardImgContent {
  padding: 0px 15px 15px;
}

div.cardImgArea .cardImgContent h3 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
  line-height: 26px;
}

div.cardImgArea .cardImgContent h3.facilityName {
  height: auto;
}

div.cardImgArea .cardImgContent h3.communityName {
  min-height: 44px;
  padding-top: 15px;
  text-align: left;
}

div.cardImgArea .cardImgContent div.titleWrapper {
  height: 52px;
  overflow: hidden;
  margin-bottom: 15px;
}

div.cardImgArea .cardImgContent div.cardContentWrapper {
  height: 44px;
  overflow: hidden;
}

div.cardImgArea .cardImgContent div.topTitleWrapper {
  height: 52px;
  overflow: hidden;
  margin-bottom: 15px;
}

div.cardImgArea .cardImgContent h3.contentsDetailName {
  /*overflow: hidden;*/
  /*  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp : 2;*/
  /*min-height: 52px;*/
}

div.cardImgArea .cardImgContent p {
  font-size: 14px;
  margin: 0 0 15px;
  line-height: 22px;
  color: #3E3A39;
}

div.cardImgArea .cardImgContent p.cardAddressArea,
div.cardImgArea .cardImgContent p.telArea,
div.cardImgArea .cardImgContent p.cardUsageHistoryDateArea {
  color: #666666;
  /*min-height: 77px;*/
}

div.cardImgArea .cardImgContent div.cardAddressWrapper {
  height: 44px;
  overflow: hidden;
}

div.cardImgArea .cardImgContent p.cardAddressArea {
  margin-bottom: 0;
  display: block;
}

div.cardImgArea .cardImgContent p.communityTextArea {
  color: #666666;
  min-height: 88px;
  text-align: left;
}

div.cardImgArea hr.cardLine {
  width: 100%;
  height: 1px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background-color: #EBEBEB;
}

div.cardImgArea .cardImgContent .btn {
  /*position: absolute;*/
  /*bottom: 15px;*/
  /*left: 30px;*/
  height: 40px;
  padding: 10px;
  margin-top: 0 !important;
}

/************* 共通パーツ 検索エリア **********/
div.searchContainer {
  width: 610px;
  position: relative;
  margin: 0 auto;
}

div.searchContainer div.searchArea {
  box-sizing: border-box;
  position: relative;
  border: none;
  display: block;
  border-radius: 25px;
  height: 50px;
  width: 400px;
  overflow: hidden;
  background-color: #FFF;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

div.searchContainer form {
  width: 400px;
}

div.searchContainer div.searchArea div.searchFieldArea {
  float: left;
  padding: 9px 20px;
}

div.searchContainer div.searchArea div.searchSubmitArea {
  float: right;
  width: 62px;
  height: 100%;
}

div.searchContainer input[type="text"] {
  width: 298px;
  border: none;
  height: 2.0em;
  line-height: 2.0em;
  float: left;
}

div.searchContainer input[type="text"]::placeholder {
  color: #5A8FB2;
  ;
}

/* IE */
div.searchContainer input[type="text"]:-ms-input-placeholder {
  color: #5A8FB2;
  ;
}

/* Edge */
div.searchContainer input[type="text"]::-ms-input-placeholder {
  color: #5A8FB2;
  ;
}

div.searchContainer input[type="text"]:focus {
  outline: 0;
}

div.searchContainer button[type="submit"] {
  position: relative;
  display: block;
  width: 62px !important;
  height: 100%;
  cursor: pointer;
  border: none;
  background-color: #fff;
  color: transparent;
  right: 0px;
  top: 0px;
  outline: none;
  border-left: 1px solid rgba(0, 0, 0, .16);
  background-image: url('../src/img/common/icon/ico_search_white.png');
  background-repeat: no-repeat;
  -webkit-background-size: 22px;
  background-size: 22px;
  background-position: 45% center;
  -webkit-border-radius: 0 50px 50px 0;
  border-radius: 0 50px 50px 0;
  outline: 0;
  overflow: hidden;
}

div.searchContainer button[type="submit"]:after {
  content: "";
  position: absolute;
  display: block;
  cursor: pointer;
  border: none;
  background-color: transparent;
  color: transparent;
  width: 62px;
  height: 50px;
  right: 0px;
  top: 0px;
  outline: none;
  border-left: 1px solid rgba(0, 0, 0, .16);
  background-image: url('../src/img/common/icon/ico_search.png');
  background-repeat: no-repeat;
  -webkit-background-size: 22px;
  background-size: 22px;
  background-position: 45% center;
  opacity: 1;
}

div.searchContainer button.hovered[type="submit"] {
  background-color: #005B97;
}

div.searchContainer button.hovered[type="submit"]:after {
  opacity: 0;
}

/* 条件絞り込みボタン */
div.searchContainer div.refineSearchBtnArea {
  position: absolute;
  width: 200px;
  height: 50px;
  right: 0;
  top: 0;
}

div.searchContainer div.refineSearchBtnArea #refineSearch {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url('../src/img/common/icon/ico_funnel_white.png');
  background-repeat: no-repeat;
  -webkit-background-size: 22px;
  background-size: 22px;
  background-position: 27px center;
  background-color: #fff;
  border: none;
  padding-left: 60px;
  text-align: left;
}

div.searchContainer div.refineSearchBtnArea #refineSearch:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  background-image: url('../src/img/common/icon/ico_funnel.png');
  background-repeat: no-repeat;
  -webkit-background-size: 22px;
  background-size: 22px;
  background-position: 27px center;
  border: none;
  color: #5A8FB2;
  padding-left: 60px;
  text-align: left;
  opacity: 1;
}

div.searchContainer div.refineSearchBtnArea #refineSearch.hovered {
  background-color: #005B97;
  color: #FFF;
}

div.searchContainer div.refineSearchBtnArea #refineSearch.hovered:after {
  opacity: 0;
}

body.modal-open div.searchContainer div.refineSearchBtnArea #refineSearch {
  background-color: #005B97 !important;
  color: #FFF !important;
}

body.modal-open div.searchContainer div.refineSearchBtnArea #refineSearch:after {
  opacity: 0 !important;
}

/* 条件絞り込み後も青いままにする対応 */
div.searchContainer div.refineSearchBtnArea #refineSearch.on {
  background-color: #005B97 !important;
  color: #FFF !important;
}

div.searchContainer div.refineSearchBtnArea #refineSearch.on:after {
  opacity: 0 !important;
}

/***********共通パーツ ダイアログ **********/
.modal {
  z-index: 240000;
}

.modal-backdrop {
  z-index: 230500;
}

.modal .modal-dialog {
  width: 690px;
  max-width: 690px;
  min-width: 690px;
  padding: 0;
  top: 20%;
  height: 60%;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.modal .modal-dialog .modal-content {
  padding: 12px;
  height: 100%;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  border: none;
  /*-ms-overflow-y: scroll;*/
  /*overflow-y: scroll;*/
}

.modal .modal-dialog .modal-content .modal-body {
  -ms-overflow-y: scroll;
  overflow-y: scroll;
}

.modal .modal-header {
  padding: 0;
  border: none;
}

.modal .modal-.modal-scroll {
  height: 100%;
  overflow-y: scroll;
}

.modal .close {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 32px;
  height: 32px;
  background-image: url('../src/img/common/dialog/btn_close.png');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  opacity: 1 !important;
  z-index: 200000000;
}

#closeRefineSearchBtn {
  top: -35px;
  right: -35px;
}

.text-dialog .modal-dialog h5 {
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 27px;
}

.text-dialog p {
  font-size: 18px;
  line-height: 27px;
  text-align: center;
}

.text-dialog p.subText {
  color: #666666;
}

.text-dialog .modal-footer {
  padding: 27px 0 0 0;
  border-top: none;
  -webkit-justify-content: center;
  justify-content: center;
}

.text-dialog .modal-footer .btn {
  width: 300px;
  /*margin:  0 auto;*/
}

.text-dialog .modal-footer.doubleBtnArea {
  padding: 0 65px;
}

.text-dialog .modal-footer.doubleBtnArea .btn {
  width: 220px;
  margin: 0 10px;
}

/*ログインダイアログ*/
.modal-open {
  overflow: visible;
  top: auto !important;
  padding-right: 0 !important;
  /*overflow-y: scroll;*/
}

#modalLoginCheck .modal-content {
  height: 259px;
  padding: 40px;
}

#modalLoginCheck .modal-dialog {
  height: 259px;
}

/* ニックネーム設定ダイアログ */
#modalNicknameCheck .modal-content {
  height: 259px;
  padding: 40px;
}

#modalNicknameCheck .modal-dialog {
  height: 259px;
}

#modalNicknameCheck .modal-footer {
  padding-top: 20px;
}

/* ファミリーメンバー解除確認ダイアログ */
#modalUnLink .modal-content {
  height: 218px;
  padding: 40px;
}

#modalUnLink .modal-content-header {
  /*padding: 0 100px;*/
}

#modalUnLink .modal-dialog {
  height: 218px;
}

/* ファミリーメンバー解除完了ダイアログ */
#modalUnLinkComplete .modal-content {
  height: 218px;
  padding: 40px;
}

#modalUnLinkComplete .modal-content-header {
  /*padding: 0 100px;*/
}

#modalUnLinkComplete .modal-dialog {
  height: 218px;
}

#modalUnLinkComplete .modal-footer {
  padding-top: 0;
}

/* コミュニティ参加確認ダイアログ */
#modalJoinCommunityConfirm .modal-dialog {
  top: 10%;
}

#modalJoinCommunityConfirm .modal-content {
  height: auto;
  padding-top: 50px;
  padding-bottom: 40px;
}

#modalJoinCommunityConfirm p.communityInfo {
  padding: 0 30px;
  font-size: 18px;
  max-height: 180px;
  overflow-y: scroll;
  color: #666666;
  text-align: left;
}

/* コミュニティ退会ダイアログ */
#modalQuitCommunityComfirm .modal-content,
#modalQuitCommunityComplete .modal-content {
  height: 342px;
  min-height: 342px;
  padding-top: 40px;
}

#modalJoinCommunityComplete .modal-content {
  height: 369px;
  min-height: 369px;
  padding-top: 40px;
}

#modalQuitCommunityComfirm .modal-footer.doubleBtnArea {
  width: 610px;
  margin: 0 auto;
}

#modalJoinCommunityConfirm figure.communityIcon,
#modalQuitCommunityComfirm figure.communityIcon,
#modalQuitCommunityComplete figure.communityIcon,
#modalJoinCommunityComplete figure.communityIcon {
  width: 246px;
  margin: 0 auto;
  height: auto;
  padding-bottom: 30px;
}

#modalJoinCommunityConfirm figure.communityIcon img,
#modalQuitCommunityComfirm figure.communityIcon img,
#modalQuitCommunityComplete figure.communityIcon img,
#modalJoinCommunityComplete figure.communityIcon img {
  width: 100%;
  height: auto;
}

#modalJoinCommunityConfirm h4.communityName,
#modalQuitCommunityComfirm h4.communityName,
#modalQuitCommunityComplete h4.communityName,
#modalJoinCommunityComplete h4.communityName {
  width: 100%;
  white-space: nowrap;
  font-size: 24px;
  overflow: hidden;
  text-align: center;
  margin: 0;
  padding-bottom: 30px;
  font-weight: bold;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

#modalQuitCommunityComfirm p.dialogMessage,
#modalQuitCommunityComplete p.dialogMessage {
  font-size: 18px;
  line-height: 18px;
  color: #666666;
  padding-bottom: 30px;
}

#modalJoinCommunityComplete p.dialogMessage {
  font-size: 18px;
  line-height: 27px;
  color: #666666;
  padding-bottom: 30px;
}

#modalQuitCommunityComplete .modal-footer,
#modalJoinCommunityComplete .modal-footer {
  padding: 0;
}

#modalReserveConfirmList {
  background-color: rgba(0, 0, 0, .5);
}

/* コミュニティ参加ダイアログ コミュニティ一覧用調整 */
#modalJoinCommunityConfirm.forCommunity p.communityInfo {
  max-height: 180px;
  -ms-overflow-y: scroll;
  overflow-y: scroll;
  margin-bottom: 30px;
}

/* 予約確認ダイアログ */
#modalReserveConfirmList {}

#modalReserveConfirmList p,
#modalReserveConfirmList h5 {
  line-height: 1em;
}

#modalReserveConfirmList .btn {
  max-width: 300px;
  height: 50px;
  margin: 15px auto 0;
  padding: 0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  color: transparent;
  background-repeat: no-repeat;
  -webkit-background-size: 160px 30px;
  -o-background-size: 160px 30px;
  background-size: 160px 30px;
  background-position: center;
}

#modalReserveConfirmList .modal-content {
  height: 365px;
  padding-top: 40px;
}

#modalReserveConfirmList .reserve_btn_Dormyinn {
  margin-top: 30px;
  border: 1px solid #000;
  background-image: url('../src/img/common/dialog/reserve/img_check_dormy_inn.png');
}

#modalReserveConfirmList .reserve_btn_KyoritsuResort {
  border: 1px solid #634848;
  background-image: url('../src/img/common/dialog/reserve/img_check_resort.png');
}

#modalReserveConfirmList .reserve_btn_Yumeguri {
  border: 1px solid #126C32;
  background-image: url('../src/img/common/dialog/reserve/img_check_yumeguri.png');
}

@media (max-width: 897px) {
  .modal .close {
    right: 20px;
  }

  #closeRefineSearchBtn {
    right: 10px;
  }
}

@media (max-width: 330px) {
  div#modalRefineSearchFacilities input.resetBtn {
    font-size: 12px !important;
  }
}


/**************共通パーツ TOPへ戻るボタン**************/
.totopBtnArea {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 60px;
  height: 60px;
}

.totopBtnArea button {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #005B97;
  border: none;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  background-image: url('../src/img/common/btn/ico_go_to_top.png');
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: contain;
  background-size: contain;
}

.totopBtnArea button.hovered {
  background-color: #005084;
}

/**************共通パーツ テキストエリア**************/
textarea.commonTextArea {
  width: 100%;
  padding: 20px;
  margin-top: 10px;
  margin-bottom: 30px;
  border: 1px solid #E5E5E5;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  resize: none;
  background-color: #F5F3F0;
}

/******************** コンテンツ詳細 ***************/

.shareBtnArea {
  width: 1100px;
  margin: 0 auto;
  padding: 0 0 60px;
}

.shareBtnArea h4 {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 20px;
}

.shareBtnArea ul {
  text-align: center;
}

.shareBtnArea ul li {
  width: 60px;
  height: 60px;
  display: inline-block;
  margin: 0 15px;
}

.shareBtnArea ul li a {
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  text-decoration: none;
  opacity: 1;
}

.shareBtnArea ul li a.share_facebook {
  background-image: url('../src/img/common/share/btn_share_facebook.png');
}

.shareBtnArea ul li a.share_twitter {
  background-image: url('../src/img/common/share/btn_share_twitter.png');
}

.shareBtnArea ul li a.share_line {
  background-image: url('../src/img/common/share/btn_share_line.png');
}

.shareBtnArea ul li a.hovered {
  opacity: 0.8;
}

/* コメントエリア */
.commentArea {}

.commentArea .commentDetailArea {
  padding: 20px;
  background-color: #F5F3F0;
  margin-bottom: 15px;
}

.commentArea .commentHeader {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: center;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.commentArea .commentDetailArea.commentWriteArea {
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

.commentArea .userIconArea {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  /*padding: 0 20px 0 18px;*/
  /*background-color: tomato;*/
}

.commentArea .commentUserDataArea {
  clear: both;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  /*background-color: navy;*/
}

.commentArea .userIconArea {
  padding: 0 20px 0 18px
}

.commentArea .userIconArea img {
  width: 40px;
  height: 40px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.commentArea .userIconArea div.comment_thumb {
  width: 40px;
  height: 40px;
  -webkit-background-size: cover;
  background-size: cover;
  -webkit-border-radius: 20px;
  border-radius: 20px;
}

.commentArea .commentUserDataArea {
  position: relative;
}

.commentArea .commentUserDataArea p {
  display: inline-block;
}

.commentArea .commentUserDataArea p.nickName {
  width: 84%;
  font-weight: bold;
  font-size: 18px;
}

.commentArea .commentUserDataArea p.commentDate {
  width: 15%;
  padding-right: 18px;
  text-align: right;
}

.commentArea .commentHeader {
  /*padding-bottom: 10px;*/
}

.commentArea .comment {
  padding-top: 10px;
  font-size: 14px;
  line-height: 22px;
  border-top: 1px solid rgba(0, 0, 0, .1);
  color: #333333;
}

.commentArea .commentBody {
  color: #666666;
  line-height: 27px;
  font-size: 18px;
}

.commentArea .inputCommentArea {}

.commentArea .inputCommentArea textarea {
  width: 100%;
  padding: 20px;
  margin-top: 15px;
  margin-bottom: 30px;
  border: 1px solid #E5E5E5;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  resize: none;
}

.commentArea .inputCommentArea textarea::placeholder {
  color: rgba(90, 143, 143, .6);
}

.commentArea .btn {
  width: 40%;
  min-width: 170px;
  margin: 0 auto 15px auto;
}

.grayBgContent {
  background-color: #F5F3F0;
  padding: 15px;
  margin-bottom: 30px;
  text-align: center;
}

.grayBgContent p {
  /*margin-bottom: 15px;*/
}

.grayBgContent p.timeText {
  font-weight: bold;
  margin-bottom: 0;
  line-height: 21px;
  margin-top: 15px;
}

/* 共立マップ */
#kyoritsuMapArea {
  width: 100%;
  height: 100%;
}

#contentArea.mapDispArea {
  width: 100%;
  height: 100%;
}

#contentArea.mapDispArea #articleArea {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

#contentArea.mapDispArea #articleArea section.contentBox {
  width: 100%;
  height: 100%;
  padding: 0;
}

#contentArea.mapDispArea .searchContainer {
  position: fixed;
  top: 110px;
  left: 50%;
  margin-left: -305px;
  z-index: 1;
}

#contentArea.mapDispArea .gm-style-iw {
  color: #FFF;
  background-color: #005B97;
  padding: 12px 10px 12px 10px !important;
}

#contentArea.mapDispArea .gm-style .gm-style-iw-d {
  color: #FFF;
  background-color: #005B97;
  overflow: hidden !important;
}

#contentArea.mapDispArea .gm-style-iw-t button {
  display: none !important;
}

#contentArea.mapDispArea .gm-style-iw a {
  color: #FFF;
  text-decoration: none;
  padding-right: 16px;
  background-image: url('../src/img/common/icon/ico_arrow_next_sm_white.png');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: right center;
}

#contentArea.mapDispArea .gm-style-iw-t:after {
  background-color: #005B97 !important;
  background-image: none !important;
  -webkit-box-shadow: 0px 1px 5px #00000029;
  box-shadow: 0px 1px 5px #00000029;
}

/* マップピンの星アニメーション対応 */
#kyoritsuMapArea div.starAnimate {
  position: relative;
  width: 100%;
  height: 50%;
}

#kyoritsuMapArea div.starAnimate div {
  opacity: 0;
  position: absolute;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center;
  background-image: url('../src/img/map/pika.png');
}

#kyoritsuMapArea div.starAnimate div.star1 {
  top: 5%;
  left: 0%;
  width: 30%;
  height: 60%;
  -webkit-animation: kira 2s linear 0s infinite;
  animation: kira 2s linear 0s infinite;
}

#kyoritsuMapArea div.starAnimate div.star2 {
  top: -5%;
  left: 20%;
  width: 19%;
  height: 38%;
  -webkit-animation: kira 2s linear 0.2s infinite;
  animation: kira 2s linear 0.3s infinite;
}

#kyoritsuMapArea div.starAnimate div.star3 {
  top: 2%;
  left: 70%;
  width: 11%;
  height: 22%;
  -webkit-animation: kira 2s linear 0.4s infinite;
  animation: kira 2s linear 0.6s infinite;
}

#kyoritsuMapArea div.starAnimate div.star4 {
  top: 6%;
  left: 82%;
  width: 10%;
  height: 20%;
  -webkit-animation: kira 2s linear 0.6s infinite;
  animation: kira 2s linear 0.9s infinite;
}

#kyoritsuMapArea div.starAnimate div.star5 {
  top: 20%;
  left: 80%;
  width: 20%;
  height: 40%;
  -webkit-animation: kira 2s linear 0.8s infinite;
  animation: kira 2s linear 1.2s infinite;
}

@keyframes kira {
  0% {
    transform: rotate(0deg);
    opacity: 0;
  }

  25% {
    transform: rotate(-5deg);
    opacity: 0.5;
  }

  50% {
    transform: rotate(0deg);
    opacity: 1;
  }

  75% {
    transform: rotate(-5deg);
    opacity: 0.5;
  }

  100% {
    transform: rotate(0deg);
    opacity: 0;
  }
}

@-webkit-keyframes kira {
  0% {
    transform: translate(0%, 0%) rotate(0deg);
    opacity: 0;
  }

  25% {
    transform: translate(25%, 25%) rotate(5deg);
    opacity: 0.5;
  }

  50% {
    transform: translate(0%, 50%) rotate(0deg);
    opacity: 1;
  }

  75% {
    transform: translate(25%, 75%) rotate(5deg);
    opacity: 0.5;
  }

  100% {
    transform: translate(0%, 100%) rotate(0deg);
    opacity: 1;
  }
}

/* マップアイコン解説ボタン */
#mapInformationBtnArea {
  position: absolute;
  left: 30px;
  bottom: 110px;
  width: 60px;
  height: 60px;
  z-index: 1;
}

#mapInformationBtnArea a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('../src/img/map/ico_map_info.png');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-color: #FFF;
  -webkit-border-radius: 30px;
  border-radius: 30px;
  text-decoration: none;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  opacity: 1;
}

#mapInformationBtnArea a.hovered {
  opacity: 0.8;
}

/* 現在地ボタン(SPのみ) */
#nowLocationBtnArea {
  position: absolute;
  width: 32px;
  height: 32px;
  z-index: 1;
  right: 15px;
  bottom: 130px;
}

#nowLocationBtnArea a {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url('../src/img/map/ico_location.png');
  background-repeat: no-repeat;
  -webkit-background-size: 17px 17px;
  background-size: 17px 17px;
  background-color: #FFF;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
  background-position: center;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  background-color: #005B97;
  opacity: 1;
}

#nowLocationBtnArea a.hovered {
  opacity: 0.8;
}

/* トースト */
#mapErrorToast.show {
  position: fixed;
  right: 50%;
  top: 50%;
  margin-right: -175px;
  margin-top: -20px;
  color: red;
  /*background-color: yellow;*/
}

#mapErrorToast.show .close {
  position: absolute;
  right: 10px;
  top: 5px;
  /*position: absolute;
  right: 10px;
  top: 3px;*/
}

#mapErrorToast.show .toast-header {
  height: 37px;
}

/*********** お問い合わせ画面 ************/
#articleArea.contactArea section.contentBox {
  padding-right: 160px;
  padding-left: 160px;
  padding-bottom: 100px;
}

#articleArea.contactArea h2 {
  margin-bottom: 30px;
}

#articleArea .btn {
  width: 300px;
  margin: 0 auto;
}

#articleArea.contactArea .contactconfirmArea {
  padding: 15px 0 30px 0;
}

#articleArea.contactArea .contactconfirmArea p {
  color: #666;
}

#articleArea.contactArea .selectArea {
  margin-top: 5px;
  margin-bottom: 60px;
}

#articleArea.contactArea .selectArea select {
  height: 50px;
  line-height: 50px;
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  max-width: 300px;
  padding: 0 0 0 15px;
  background-image: url('../src/img/common/icon/ico_arrow_next_md_blue.png');
  background-repeat: no-repeat;
  background-position: 95% center;
  -webkit-background-size: 12px 6px;
  -o-background-size: 12px 6px;
  background-size: 12px 6px;
  border-color: #999;
}

#articleArea.contactArea .selectArea select::-ms-expand {
  display: none;
}

/*********** ファミリーメンバー連携追加画面 ************/
#articleArea.contactArea h4.mini_title {
  width: 300px;
  margin: 0 auto;
  padding-bottom: 5px;
}

#articleArea.contactArea h4.mini_title.leftTitle {
  text-align: left;
  margin: 0;
  padding-bottom: 15px;
}

#articleArea.contactArea h4.mini_title.leftTitle p {
  text-align: left;
}

#articleArea.contactArea input.mailAddressInput {
  display: block;
  width: 300px;
  margin: 0 auto 30px;
  font-size: 14px;
  color: #5A8FB2;
  padding: 18px 15px 17px 15px;
  border: 1px solid #999999;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

#articleArea.contactArea input.mailAddressInput::placeholder {
  color: rgba(90, 143, 178, .6);
}

#articleArea.contactArea input.mailAddressInput:-ms-input-placeholder {
  color: rgba(90, 143, 178, .6);
}

#articleArea.contactArea input.mailAddressInput::-ms-input-placeholder {
  color: rgba(90, 143, 178, .6);
}

/* よくある質問 */
#articleArea.contactArea .contentBox.faqBox {
  padding-bottom: 45px;
}

#articleArea.contactArea .contentBox.faqLastBox {
  padding-top: 60px;
}

#articleArea.contactArea ul.pageLinkList li {
  width: 50%;
  display: inline-block;
  float: left;
  padding-bottom: 15px;
}

#articleArea.contactArea ul.pageLinkList li:nth-child(odd) {
  padding-right: 7.5px;
}

#articleArea.contactArea ul.pageLinkList li:nth-child(even) {
  padding-left: 7.5px;
}

#articleArea.contactArea ul.pageLinkList li a {
  font-size: 18px;
  width: 100%;
  margin: 0;
}

#articleArea.contactArea h3.faqTitleForSP {}

#articleArea.contactArea table.faqTable {
  width: 100%;
  margin-top: 40px;
  table-layout: fixed;
}

#articleArea.contactArea table.faqTable tr td.faqTitle {
  width: 140px;
  min-width: 140px;
  padding-right: 10px;
  vertical-align: top;
}

#articleArea.contactArea table.faqTable tr td.faqTitle h3 {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
}

#articleArea.contactArea table.faqTable .accordion>.card {
  border: none;
  margin-bottom: 20px;
}

#articleArea.contactArea table.faqTable .accordion>.card .card-header {
  padding: 0;
  position: relative;
  background-color: #FFF;
  border-bottom: none;
}

#articleArea.contactArea table.faqTable .accordion>.card .card-header a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 34px 16px;
  background-image: url('../src/img/faq/ico_question.png');
  background-repeat: no-repeat;
  -webkit-background-size: 24px;
  background-size: 24px;
  background-position: left 2px;
  text-decoration: none;
  font-weight: bold;
}

#articleArea.contactArea table.faqTable .accordion>.card .card-header a:after {
  position: absolute;
  right: 0;
  top: 0;
  content: "";
  display: block;
  width: 18px;
  height: 100%;
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: url('../src/img/faq/ico_spread.png');
  -webkit-background-size: 18px 9px;
  background-size: 18px 9px;
  background-position: center;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
}

#articleArea.contactArea table.faqTable .accordion>.card .card-header a.collapsed:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

#articleArea.contactArea table.faqTable .accordion>.card .card-header a p {
  color: #005B97;
  font-size: 20px;
  line-height: 30px;
}

#articleArea.contactArea table.faqTable .accordion>.card .card-header a.collapsed p {
  color: #333;
}

#articleArea.contactArea table.faqTable .accordion>.card .card-header:after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  bottom: 1px;
  left: 0;
  background-color: #ccc;
}

#articleArea.contactArea table.faqTable .accordion>.card .card-body {
  padding: 16px 16px 16px 34px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
  background-image: url('../src/img/faq/ico_answer.png');
  background-repeat: no-repeat;
  -webkit-background-size: 24px;
  background-size: 24px;
  background-position: left 10px;
}

#articleArea.contactArea table.faqTable .accordion>.card .card-body b {
  font-weight: bold;
}

/*********** ファミリーメンバー解除画面 ************/
#articleArea.contactArea.famillyMembers .contentBox {
  padding-top: 80px;
}

#articleArea.familyMemberArea {
  padding-top: 30px;
}

#articleArea.familyMemberArea section.contentBox {
  padding-right: 160px;
  padding-left: 160px;
  padding-bottom: 100px;
}

#articleArea.familyMemberArea div.submitBtnArea {
  margin-top: 30px;
}

body.forApp #articleArea.familyMemberArea section.contentBox {
  padding-bottom: 60px;
}

/***********共通パーツ メンバー画像リスト **********/
ul.memberImgList {
  width: 100%;
  clear: both;
}

ul.memberImgList li {
  width: 33.3%;
  height: 210px;
  padding: 15px 15px 10px 15px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  float: left;
  text-align: center;
  padding: 10px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

ul.memberImgList li img {
  width: 120px;
  height: 120px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  margin-bottom: 15px;
}

ul.memberImgList li .famillyMemberPhoto {
  width: 120px;
  height: 120px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  margin-bottom: 15px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: 0 auto 15px;
}

ul.memberImgList li .memberName {
  overflow: hidden;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
  /*-ms-text-overflow: ellipsis;*/
  /*text-overflow: ellipsis;*/
}

/***********共通パーツ 画像チェックボックスリスト **********/
ul.checkBoxWithImgList {
  width: 100%;
  clear: both;
}

ul.checkBoxWithImgList li {
  width: 33.3%;
  float: left;
  text-align: center;
  padding: 10px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

ul.checkBoxWithImgList li input {
  display: none;
}

ul.checkBoxWithImgList li label {
  width: 100%;
  height: 210px;
  padding: 15px 15px 10px 15px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
}

ul.checkBoxWithImgList li label img {
  width: 120px;
  height: 120px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  margin-bottom: 15px;
}

ul.checkBoxWithImgList li label div {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 15px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

ul.checkBoxWithImgList li label .memberName {
  overflow: visible;
  white-space: pre-wrap;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
  /*-ms-text-overflow: ellipsis;*/
  /*text-overflow: ellipsis;*/
}

ul.checkBoxWithImgList li label p.imgcheckbox {
  position: relative;
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  background-image: url('../src/img/common/input/checkbox_on.png');
}

ul.checkBoxWithImgList li label p.imgcheckbox:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 20px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  background-image: url('../src/img/common/input/checkbox_off.png');
}

ul.checkBoxWithImgList input[type="checkbox"]:checked+label {
  background-color: #E8F3FA;
}

ul.checkBoxWithImgList input[type="checkbox"]:checked+label p.imgcheckbox:after {
  display: none;
}

ul.checkBoxWithImgList.centerMemberImgList li {
  float: none;
  margin: 0 auto;
  padding: 30px 10px;
}

/***********共通パーツ 画像数字ラジオボタン **********/
input[type="radio"].imgIconRadio {
  display: none;
}

input[type="radio"].imgIconRadio+label p {
  position: relative;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  background-color: #005B97;
  border: 1px solid #005B97;
  padding: 0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

input[type="radio"].imgIconRadio+label p span.radioAfter {
  position: absolute;
  top: -1px;
  left: -1px;
  display: block;
  width: 20px;
  height: 20px;
  font-size: 10px;
  text-align: center;
  line-height: 18px;
  color: #005B97;
  background-color: #FFF;
  border: 1px solid #005B97;
  padding: 0;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

input[type="radio"].imgIconRadio:checked+label p span.radioAfter {
  display: none;
}

/* 施設一覧 */
#contentArea.facilityArea #articleArea section.contentBox {
  padding-top: 30px;
}

#articleArea section.contentBox.facilityCategorySet .cardImgBox section {
  width: 100%;

}

#articleArea section.contentBox.facilityCategorySet .cardImgContent {
  width: 100%;
}

#contentArea .contentBox.facilityCategorySet .contentZeroText {
  font-size: 14px;
  padding-top: 8px;
  text-align: center;
}

#articleArea section.contentBox.communitySet {
  padding-top: 0;
}

#articleArea section.contentBox.communitySet .cardImgMain .cardImg {
  width: 100%;
  height: 109px;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position: center;
}

/* 共通パーツ 説明欄 */
#articleArea section.contentBox.descriptionBox {
  padding-top: 30px;
}

#articleArea section.contentBox .descriptionArea {
  width: 860px;
  margin: 0 auto;
  padding: 16px 20px 15px 20px;
  background-color: #FFF;
}

#articleArea section.contentBox .descriptionArea h3 {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  padding-bottom: 15px;
}

#articleArea section.contentBox .descriptionArea p {}

/*************** 条件絞り込みダイアログ **************/
div#modalRefineSearchFacilities {}

div#modalRefineSearchFacilities .modal-dialog form {
  height: 100%;
}

div#modalRefineSearchFacilities .modal-dialog form .modal-content {
  padding: 0;
}

div#modalRefineSearchFacilities .modal-content-header {
  border-bottom: 1px solid #ccc;
}

div#modalRefineSearchFacilities .modal-body {
  padding: 20px 30px;
}

div#modalRefineSearchFacilities h3.contentTitle {
  margin: 18px 0;
  text-align: center;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

div#modalRefineSearchFacilities h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
}

div#modalRefineSearchFacilities input.resetBtn {
  position: absolute;
  right: 30px;
  top: 25px;
  color: #005B97;
  font-size: 14px;
  font-weight: bold;
  border: none;
  background-color: #fff;
}

div#modalRefineSearchFacilities input.resetBtn.hovered {
  opacity: 0.8;
}

div#modalRefineSearchFacilities .card-body {
  padding: 15px 15px 15px 15px;
}

div#modalRefineSearchFacilities ul.btnList {
  width: 100%;
  padding: 0 15px 0 15px;
  margin: 0;
}

div#modalRefineSearchFacilities ul.btnList li {
  width: 25%;
  height: 40px;
}

div#modalRefineSearchFacilities hr.modalWid {
  width: 100%;
  height: 1px;
  border: none;
  background-color: #CCCCCC;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 20px 0 20px 0;
}

div#modalRefineSearchFacilities ul.btnList button {
  width: 100%;
  height: 100%;
  font-size: 10px;
  font-weight: bold;
  padding: 7px 0 !important;
  outline: none;
}

/* アコーディオン */
div#modalRefineSearchFacilities #accordion {
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-color: #E8F3FA;
}

div#modalRefineSearchFacilities #accordion .text-body {
  position: absolute;
  right: 0;
  top: 0;
  width: 47px;
  height: 40px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: url('../src/img/common/icon/ico_spread_on.png');
  -webkit-background-size: 18px 9px;
  background-size: 18px 9px;
  background-position: center;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
}

div#modalRefineSearchFacilities #accordion .text-body.collapsed {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

div#modalRefineSearchFacilities .card {
  border: none;
  border-bottom: 1px solid #fff;
  background-color: #E8F3FA;
}

div#modalRefineSearchFacilities .card-header {
  padding: 10px;
  border-bottom: none;
  background-color: #CCDEED;
}

div#modalRefineSearchFacilities .collapse {}

div#modalRefineSearchFacilities div.modalFooterBtnArea button {
  border: none;
  -webkit-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;
  outline: none;
}

/*************** 感想を書くダイアログ **************/
div#modalWriteEnquete {}

div#modalWriteEnquete .close {
  right: -30px;
  top: -30px;
}

div#modalWriteEnquete .modal-dialog {
  height: 90%;
  top: 2%;
}

div#modalWriteEnquete .modal-dialog form {
  height: 100%;
}

div#modalWriteEnquete .modal-dialog form .modal-content {
  padding: 0;
}

div#modalWriteEnquete .modal-content-header {
  border-bottom: 1px solid #ccc;
}

div#modalWriteEnquete .modal-body {
  padding: 20px 30px 120px;
}

div#modalWriteEnquete h3.contentTitle {
  margin: 18px 0;
  text-align: center;
  font-size: 24px;
  color: #333;
  font-weight: bold;
}

div#modalWriteEnquete h4 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #333;
}

div#modalWriteEnquete h5 {
  font-size: 14px;
  font-weight: bold;
  /*  margin-bottom: 15px;*/
  color: #333;
  padding-left: 10px;
}

div#modalWriteEnquete p.useDate {
  color: #666666;
  font-size: 12px;
}

div#modalWriteEnquete textarea.commonTextArea {
  height: 120px;
}

div#modalWriteEnquete .imgRadioArea.target5 {
  margin-right: -25px;
}

div#modalWriteEnquete .imgRadioArea table {
  width: 100%;
}

div#modalWriteEnquete .imgRadioArea th,
div#modalWriteEnquete .imgRadioArea td {
  width: 12%;
  text-align: center;
  padding: 7px;
  vertical-align: middle;
}

div#modalWriteEnquete .imgRadioArea td {
  font-weight: bold;
  font-size: 14px;
}

div#modalWriteEnquete .imgRadioArea th.imgRadioTitle,
div#modalWriteEnquete .imgRadioArea td.imgRadioTitle {
  text-align: left;
  width: 32%;
  padding-left: 0;
}

div#modalWriteEnquete .imgRadioArea th {
  text-align: center;
  font-size: 12px;
}

/* 10段階評価用 */
div#modalWriteEnquete .imgRadioArea table.imgRadioTable10 .imgRadioTitle {
  width: 40%;
}

div#modalWriteEnquete .imgRadioArea table.imgRadioTable10 th {
  position: relative;
  height: 37px;
}

div#modalWriteEnquete .imgRadioArea table.imgRadioTable10 th span {
  display: block;
  width: 4em;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -2em;
}

div#modalWriteEnquete .imgRadioArea table.imgRadioTable10 th,
div#modalWriteEnquete .imgRadioArea table.imgRadioTable10 td {
  width: 5%;
}

div#modalWriteEnquete span.badAnswer {
  color: #F87E74;
}

div#modalWriteEnquete span.notBadAnswer {
  color: #666666;
}

div#modalWriteEnquete span.goodAnswer {
  color: #005B97;
}

div#modalWriteEnquete .card-body {
  padding: 15px 15px 15px 15px;
}

div#modalWriteEnquete hr.modalWid {
  width: 100%;
  height: 1px;
  border: none;
  background-color: #CCCCCC;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 20px 0 20px 0;
}

div#modalWriteEnquete ul.btnList button {
  width: 100%;
  height: 100%;
  font-size: 10px;
  font-weight: bold;
  padding: 7px 0 !important;
  outline: none;
}

/* アコーディオン */
div#modalWriteEnquete #accordion .text-body.collapsed {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

div#modalWriteEnquete .card {
  border: none;
  border-bottom: 1px solid #fff;
  background-color: #E8F3FA;
}

div#modalWriteEnquete .card-header {
  padding: 10px;
  border-bottom: none;
  background-color: #CCDEED;
}

div#modalWriteEnquete .collapse {}

div#modalWriteEnquete div.modalFooterBtnArea button,
div#modalWriteEnquete div.modalFooterBtnArea a.modalFooterBtn {
  color: #FFF;
  border: none;
  -webkit-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px;
  outline: none;
}

div#modalSendEnqueteComplete .modal-dialog {
  height: 259px;
}

div#modalSendEnqueteComplete .modal-dialog .modal-content {
  padding-top: 30px;
}

/* 感想を送る確認ダイアログ */
div#modalSendEnqueteComplete .contentBodyFont {
  margin-bottom: 10px;
}

/*************************** 共立メンバーズマイページ ***************************/
#contentArea.mypageArea {}

#contentArea.mypageArea #articleArea section.contentBox {
  padding-top: 80px;
}

div.mypageContent {
  position: relative;
  width: 1060px;
  height: auto;
  margin: 0 auto;
  background-color: #FFF;
  padding: 60px 0 60px 0;
  margin-bottom: 30px;
  -webkit-border-radius: 24px;
  border-radius: 24px;
  text-align: center;
}

div.mypageContent h3.sub_title {
  font-size: 32px;
  margin-bottom: 30px;
}

div.mypageContent a.print {
  position: absolute;
  color: transparent;
  font-size: 0.1px;
  top: 30px;
  right: 30px;
  width: 30px;
  height: 30px;
  background-image: url(../src/img/mypage/icon/ico_print.png);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  opacity: 1;
}

div.mypageContent a.print.hovered {
  opacity: 0.5;
}

/* カード部分 */
div.mypageContent div.kyoritsuMembersCardBg {
  position: relative;
  width: 361px;
  height: auto;
  margin: 0 auto 15px;
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
}

div.mypageContent p.membersIdArea {
  font-size: 18px;
  margin-bottom: 15px;
}

div.mypageContent p.nameFont {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

div.mypageContent div.statusDivIcon {
  width: 160px;
  margin: 0 auto 15px;
  border: 1px solid;
  padding: 7px 0;
  font-size: 12px;
}

/* 会員種別は別途色指定 */
/* 共立メンバーズ ゴールド会員 */
div.mypageContent div.statusDivIcon.gold {
  border-color: #D2B333;
  color: #D2B333;
  word-break: break-word;
}

/* 共立メンバーズ メンバー会員 */
div.mypageContent div.statusDivIcon.member {
  border-color: #0166B3;
  color: #0166B3;
  word-break: break-word;
}

/* 共立メンバーズ シルバー会員 */
div.mypageContent div.statusDivIcon.silver {
  border-color: #8D939B;
  color: #8D939B;
  word-break: break-word;
}


div.mypageContent p.lastUpdate {
  margin: 15px 0px 15px 0px;
  font-size: 14px;
}

div.mypageContent span.lastUpdateText {
  display: inline-block;
  padding-right: 20px;
}

div.mypageContent div.statusDivArea {
  width: 355px;
  margin: 0 auto;
  padding: 15px;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
}

div.mypageContent div.statusDivArea p.statusDivInfoText {
  font-size: 14px;
  color: #666666;
  margin-bottom: 10px;
}

div.mypageContent div.statusDivArea p.serviceType {
  font-size: 24px;
  font-weight: bold;
}

div.mypageContent div.memberTypeArea {
  width: 355px;
  margin: 0 auto;
  padding: 15px;
  border-bottom: 1px solid #CCCCCC;
}

div.mypageContent div.memberTypeArea p.memberType {
  font-size: 24px;
  font-weight: bold;
  color: #89C255;
  margin-bottom: 10px;
}

/* 0件表示 */
div.mypageContent p.noContentsText {
  display: block;
  font-size: 14px;
  padding: 15px 30px 30px 30px;
  color: #666;
}

div.familyMemberArea p.noContentsText.parentMember {
  padding-top: 45px;
  padding-bottom: 50px;
}

div.familyMemberArea p.noContentsText {
  text-align: center;
  display: block;
  font-size: 14px;
  padding: 15px 30px 30px 30px;
  color: #666;
}

div.mypageContent div.mypageFamilyMemberBox p.noContentsText {
  padding-top: 30px;
  padding-bottom: 60px;
}

div.mypageContent div.mypageFamilyMemberBox.invitate p.noContentsText {
  padding-top: 0px;
  padding-bottom: 30px;
}

/* プロフィール */
div.mypageContent {}

div.mypageContent div.profilePhoto {
  position: relative;
  width: 120px;
  height: 120px;
  margin: 0 auto 15px;
  -webkit-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

div.mypageContent div.profilePhoto img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

div.mypageContent div.profilePhoto .btn-group {
  position: relative;
  width: 100%;
  height: 100%;
}

div.mypageContent div.profilePhoto button.changePhoto {
  position: absolute;
  width: 30px !important;
  height: 30px;
  font-size: 0.1px;
  right: 0;
  bottom: 12px;
  color: transparent;
  background-image: url('../src/img/mypage/icon/ico_camera.png');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: #5A8FB2;
  border: none;
  -webkit-border-radius: 15px;
  border-radius: 15px;
}

div.mypageContent div.profilePhoto button.changePhoto.hovered {
  background-color: #005B97;
}

/* ドロップダウンメニュー */
div.mypageContent div.profilePhoto div.photoUploadMenu {
  transform: translate3d(90px, -12px, 0px) !important;
  -webkit-transform: translate3d(90px, -12px, 0px) !important;
  min-width: 184px;
  top: -15px !important;
  left: 12px !important;
  padding: 0;
  -webkit-border-radius: 10px !important;
  border-radius: 10px !important;
  border: none;
  -webkit-box-shadow: 0px 2px 10px #00264033;
  box-shadow: 0px 2px 10px #00264033;
}

div.mypageContent div.profilePhoto div.photoUploadMenu a {
  display: block;
  padding: 15px;
  font-size: 14px;
  opacity: 1;
  background-color: #FFF !important;
}

div.mypageContent div.profilePhoto div.photoUploadMenu a.photoUploadBtn {
  font-weight: bold;
  color: #005B97;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

div.mypageContent div.profilePhoto div.photoUploadMenu a.photoDeleteBtn {
  color: #FF3673;
}

div.mypageContent div.profilePhoto div.photoUploadMenu a.hovered {
  background-color: #FFF;
  opacity: 0.5;
}

/* プロフィール写真登録ダイアログ */
#modalProfilePhotoEdit {
  text-align: center;
}

#modalProfilePhotoEdit .modal-content {
  height: 443px;
  padding-top: 40px;
}

#modalProfilePhotoEdit p.profilePhotoAttentionText {
  color: #FF3673;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 15px;
}

#modalProfilePhotoEdit div.photoArea {
  width: 200px;
  height: 200px;
  margin: 0 auto 30px;
  overflow: hidden;
  text-align: center;
}

#modalProfilePhotoEdit div.photoArea img {
  width: auto;
  height: 100%;
}

#modalProfilePhotoEdit .photoCancelBtn {
  width: 120px;
}

#modalProfilePhotoEdit .photoUpBtn {
  width: 300px;
}

div.mypageContent div.profilePhoto div.photoUploadMenu .dropdown-divider {
  width: 154px;
  margin: 0 auto;
}

div.mypageContent p.normalFont {
  font-size: 18px;
  margin-bottom: 10px;
}

div.mypageContent p.joinDateArea {
  color: #BEA177;
}

div.mypageContent p.joinDateArea span.joinDayText {
  display: inline-block;
  padding-right: 20px;
  margin-bottom: 30px;
  font-size: 14px;
}

div.mypageContent a.daccountQuit {
  display: block;
  width: 300px;
  height: 50px;
  margin: 15px auto 0;
  color: transparent;
  font-size: 0.1px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  background-image: url('../src/img/mypage/btn/btn_d_account.png');
  opacity: 1;
}

div.mypageContent a.daccountQuit.hovered {
  opacity: 0.5;
}

div.mypageContent div.mypageFamilyMemberBox ul.centerMemberImgList li div {
  width: 120px;
}

div.mypageContent .submitBtnArea a.btn {
  margin-top: 15px !important;
}

div.mypageContent div.mypageCommunityContent {
  width: 660px;
  height: auto;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin: 0 auto;
  padding-top: 15px;
  line-height: 0.1px;
}

div.mypageContent div.mypageCommunityContent ul {
  display: inline-block;
  width: auto;
  max-width: 540px;
  margin: 0 auto;
}

div.mypageContent div.mypageCommunityContent ul li {
  width: 180px;
  padding: 0 15px 15px;
  float: left;
}

div.mypageContent div.mypageCommunityContent ul li img {
  width: 100%;
  height: auto;
}

/****** 会員情報の確認・変更ダイアログ ******/
#modalMemberInfoEdit .modal-dialog {
  min-height: 280px;
}

#modalMemberInfoEdit .modal-dialog .modal-content {}

#modalMemberInfoEdit ul.modalLinkList {
  position: relative;
  width: 100%;
}

#modalMemberInfoEdit ul.modalLinkList li {
  width: 50%;
  padding: 0 15px 0 15px;
  float: left;
  font-size: 14px;
  font-weight: bold;
}

#modalMemberInfoEdit ul.modalLinkList li a {
  display: block;
  padding: 23px 30px 17px 0;
  border-bottom: 1px solid #ccc;
  color: #005B97;
  background-image: url('../src/img/common/icon/navy_arrow.png');
  background-repeat: no-repeat;
  background-position: right 10px center;
  -webkit-background-size: 6px 12px;
  background-size: 6px 12px;
  text-decoration: none;
  opacity: 1;
}

#modalMemberInfoEdit ul.modalLinkList li a.hovered {
  opacity: 0.5;
}

/****** 共立メンバーズゴールド会員 ******/
#contentArea.mypageArea.card_goldMember {}

#contentArea.mypageArea.card_goldMember div.kyoritsuMembersCardBg {}

#contentArea.mypageArea.card_goldMember div.kyoritsuMembersCardBg img {
  width: 100%;
  height: auto;
}

#contentArea.mypageArea.card_goldMember div.statusDivArea p.serviceType {
  color: #D2B333;
  word-break: break-word;
}

/****** 共立メンバーズメンバー会員 ******/
#contentArea.mypageArea.card_member {}

#contentArea.mypageArea.card_member div.kyoritsuMembersCardBg {}

#contentArea.mypageArea.card_member div.kyoritsuMembersCardBg img {
  width: 100%;
  height: auto;
}

#contentArea.mypageArea.card_member div.statusDivArea p.serviceType {
  color: #0166B3;
  word-break: break-word;
}

/****** 共立メンバーズシルバー会員 ******/
#contentArea.mypageArea.card_silverMember {}

#contentArea.mypageArea.card_silverMember div.kyoritsuMembersCardBg {}

#contentArea.mypageArea.card_silverMember div.kyoritsuMembersCardBg img {
  width: 100%;
  height: auto;
}

#contentArea.mypageArea.card_silverMember div.statusDivArea p.serviceType {
  color: #8D939B;
  word-break: break-word;
}

/* ドコモ対応 */
div.mypageContent p.dpointStatus {
  padding: 30px 10px 0 10px;
  /*font-size: 18px;*/
  font-size: 14px;
  line-height: 1.5em;
  font-weight: bold;
  /*line-height: 26px;*/
}

div.mypageContent p.dpointStatus span.text-red-d {
  color: #D00E31;
}

div.mypageContent p.dpointStatus span.dpointAttention {
  display: block;
  /*margin-top: 15px;*/
  /*font-size: 14px;*/
  /*font-weight: normal;*/
  /*color: #666666;*/
  /*line-height: 21px;*/
}

/*************** 静的ページ 事業紹介 **************/
div.staticInfoArea {}

div.staticInfoArea h3.floatImgTitle {
  width: 480px;
  height: 64px;
  bottom: -5px;
  left: 50%;
  margin-left: -240px;
  position: absolute;
  color: transparent;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center;
}

div.staticInfoArea figure.staticLogo {
  width: 330px !important;
  margin: 36px auto 0;
}

div.staticInfoArea h3.title_dormy {
  background-image: url('../src/img/info/company/pc_title_01.png');
}

div.staticInfoArea h3.title_dormyinn {
  background-image: url('../src/img/info/company/pc_title_02.png');
}

div.staticInfoArea h3.title_resort {
  background-image: url('../src/img/info/company/pc_title_03.png');
}

div.staticInfoArea h3.title_senior {
  bottom: -20px;
  height: 95px;
  background-image: url('../src/img/info/company/pc_title_04.png');
}

div.staticInfoArea h3.title_restaurant {
  background-image: url('../src/img/info/company/pc_title_05.png');
}

div.staticInfoArea div.mainTextArea {
  margin-top: 40px;
  padding: 0 30px 40px 30px;
}

div.staticInfoArea div.mainTextArea.firstMainTextArea {
  margin-top: 30px;
  padding: 0 30px 60px 30px;
}

div.staticInfoArea div.mainTextArea.seniorLife {
  margin-top: 70px;
}

div.staticInfoArea h4.staticInfoSub {
  font-size: 24px;
  font-weight: bold;
  color: #333333;
  padding-bottom: 20px;
  margin-bottom: 16px;
  border-bottom: 1px solid #e5e5e5;
}

div.staticInfoArea h4.staticInfoSub.text-center {
  line-height: 46px;
  border-bottom: none;
}

div.staticInfoArea p.staticInfoMainTxt,
div.staticInfoArea ul {
  font-size: 18px;
  color: #333333;
  line-height: 31px;
}

div.staticInfoArea ul.mklist {
  color: #FFF;
  font-size: 1.4rem;
  line-height: 1.6;
}

hr.staticInfoBorder {
  height: 1px;
  border: none;
  border-top: 1px #e4e4e4 solid;
  margin: 30px 0;
}

div.staticInfoArea p.staticInfoBoldTxt {
  font-size: 22px;
  font-weight: bold;
  line-height: 42px;
  margin-top: 80px;
}

div.staticInfoArea p.staticInfoBoldTxt .orangeText {
  color: #EA5539;
}

div.staticInfoArea div.staticInfoGrayBgArea {
  margin-bottom: 0;
  padding: 40px 30px 100px 30px;
  background-color: #F5F3F0;
}

div.staticInfoArea h5.staticInfoFukidashi {
  width: 400px;
  height: 76px;
  margin: 0 auto;
  color: transparent;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-position: center;
  background-image: url('../src/img/info/company/pc_fukidashi.png');
}

div.staticInfoArea ul.staticInfoList {
  margin-top: 15px;
  border-top: 1px solid #E5E5E5;
}

div.staticInfoArea ul.staticInfoList li {
  padding: 10px 0;
  border-bottom: 1px solid #e5e5e5;
  text-align: center;
}

div.staticInfoArea .staticInfoBtnArea {
  padding-top: 10px;
}

#contentArea.staticInfoArea #articleArea a.btn {
  width: 340px;
}

/* 学生寮 */
div.staticInfoArea .manyBtnArea {
  text-align: center;
  padding-top: 40px;
}

div.staticInfoArea .manyBtnArea img {
  width: 100%;
  height: auto;
}

div.staticInfoArea .manyBtnArea h5 {
  font-weight: bold;
  font-size: 22px;
  color: #333;
  margin-top: 10px;
  margin-bottom: 30px;
}

#contentArea.staticInfoArea #articleArea .manyBtnArea a.btn {
  width: 240px;
}

#contentArea.staticInfoArea #articleArea.contactArea figure.conceptLogo {
  width: 100%;
  height: auto;
  text-align: center;
}

#contentArea.staticInfoArea #articleArea.contactArea figure.conceptLogo img {
  max-width: 80%;
  height: auto;
}

/*************** 静的ページ・特典 **************/
.benefitsInfoArea {
  color: #333;
}

.benefitsInfoArea .nav {
  width: 100%;
  -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 38, 64, 0.2);
  box-shadow: 0px 5px 5px -3px rgba(0, 38, 64, 0.2);
}

.benefitsInfoArea .nav .nav-item {
  width: 50%;
  text-align: center;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.benefitsInfoArea .nav .nav-item .nav-link {
  font-size: 18px;
  font-weight: bold;
  padding: 12px;
  background-color: #FFF;
  color: #5A8FB2;
  border-bottom: 4px solid #fff;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.benefitsInfoArea .nav .nav-item .nav-link.active {
  background-color: #FFF;
  color: #005B97;
  border-bottom: 4px solid #005B97;
}

.benefitsInfoArea h3.navy_border_title {
  width: 100%;
  margin-top: 60px;
  margin-bottom: 28px;
  color: #005B97;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  padding: 20px;
  border: 1px solid #005B97;
}

.benefitsInfoArea h4.blue_font_title {
  font-size: 24px;
  font-weight: bold;
  padding: 40px 0 20px 0;
  margin-bottom: 20px;
  color: #005B97;
  border-bottom: 2px solid #e5e5e5;
}

.blueHeaderContentArea {
  padding: 0 30px;
}

.benefitsInfoArea .mainText {
  font-size: 18px;
  line-height: 31px;
}

.benefitsInfoArea .mainText .mainText_bold {
  font-weight: bold;
}

.benefitsInfoArea .subText {
  font-size: 14px;
  line-height: 24px;
}

.benefitsInfoArea .mainTextArea {
  font-size: 18px;
  line-height: 31px;
  color: #333;
  margin-bottom: 30px;
}

.benefitsInfoArea .blueHeaderArea {
  padding-bottom: 40px;
  margin-top: 30px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  overflow: hidden;
  background-color: #F5F3F0;
}

.benefitsInfoArea figure.mainImg {
  padding-top: 12px;
  margin-bottom: 40px;
}

.benefitsInfoArea .blue_circle_list li {
  background-image: url('../src/img/info/benefit/members/blue_list_icon.png');
  -webkit-background-size: 12px;
  -o-background-size: 12px;
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 0px 10px;
  font-size: 18px;
  padding: 6px 6px 6px 23px;
}

.benefitsInfoArea h3.blue_bg_title {
  padding: 20px;
  background-color: #5A8FB2;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  text-align: center;
}

.benefitsInfoArea .timeSeriesArea {
  width: 100%;
  height: auto;
  text-align: center;
}

.benefitsInfoArea .timeSeriesArea img {
  max-width: 100%;
  height: auto;
}

/* ファミリーメンバーズ連携と解除 */
.membersSettingInfo {
  margin-top: 40px;
  color: #333;
}

.membersSettingInfo .collapseCard .card {
  background-color: #F5F3F0;
  border: none;
  padding-bottom: 40px;
  -webkit-border-radius: 0 0 10px 10px;
  border-radius: 0 0 10px 10px;
}

.membersSettingInfo .membersSettingInfoHeader {
  position: relative;
  display: block;
  width: 100%;
  padding: 20px;
  -webkit-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
  text-align: center;
  font-size: 22px;
  letter-spacing: 0.1em;
  background-color: #5A8FB2;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
}

.membersSettingInfo .membersSettingInfoHeader.collapsed {
  -webkit-border-radius: 50px 50px 50px 50px;
  border-radius: 50px 50px 50px 50px;
}

.membersSettingInfo .membersSettingInfoHeader:after {
  position: absolute;
  right: 30px;
  top: 0;
  content: "";
  display: block;
  width: 18px;
  height: 100%;
  text-decoration: none;
  background-repeat: no-repeat;
  background-image: url('../src/img/info/benefit/members/benefit_white_arrow.png');
  -webkit-background-size: 18px 9px;
  background-size: 18px 9px;
  background-position: center;
  -webkit-transition: all .15s linear;
  -moz-transition: all .15s linear;
  transition: all .15s linear;
}

.membersSettingInfo .membersSettingInfoHeader.collapsed:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.membersSettingInfo .collapseCard p.cardText {
  font-size: 18px;
  padding: 20px 20px 30px 20px;
  padding-bottom: 30px;
  border-bottom: 1px solid #5A8FB2;
}

.membersSettingInfo .collapseCard .orange_number_list li {
  position: relative;
  font-size: 18px;
  line-height: 31px;
  padding: 34px 20px 34px 70px;
  border-bottom: 2px solid #dcdad8;
  background-repeat: no-repeat;
  background-position: left center;
  -webkit-background-size: 50px 50px;
  -o-background-size: 50px 50px;
  background-size: 50px 50px;
}

.membersSettingInfo .collapseCard .orange_number_list li:after {
  position: absolute;
  display: block;
  width: 60px;
  height: 16px;
  content: "";
  top: -2px;
  left: 50%;
  margin-left: -30px;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  background-image: url('../src/img/info/benefit/members/benefit_blue_icon.png');
}

.membersSettingInfo .collapseCard .orange_number_list li.list_1 {
  background-image: url('../src/img/info/benefit/members/mark_1.png');
}

.membersSettingInfo .collapseCard .orange_number_list li.list_2 {
  background-image: url('../src/img/info/benefit/members/mark_2.png');
}

.membersSettingInfo .collapseCard .orange_number_list li.list_3 {
  background-image: url('../src/img/info/benefit/members/mark_3.png');
}

.membersSettingInfo .collapseCard .orange_number_list li.list_4 {
  background-image: url('../src/img/info/benefit/members/mark_4.png');
}

.membersSettingInfo .collapseCard .orange_number_list li.list_5 {
  background-image: url('../src/img/info/benefit/members/mark_5.png');
}

.membersSettingInfo .collapseCard .orange_number_list li.noArrowIcon {
  border-top: 1px solid #5A8FB2;
}

.membersSettingInfo .collapseCard .orange_number_list li.noArrowIcon:after {
  display: none;
}

.membersSettingInfo .subText {
  padding-top: 30px;
}

.membersSettingInfo .orange_number_list .subText {
  padding-top: 10px;
}

.membersSettingInfo .btn {
  width: 300px !important;
}

/* 会員の種類テーブル */
.benefitsInfoArea .tableScrollArea {}

table.membersTypeTable {
  width: 100%;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

table.membersTypeTable th,
table.membersTypeTable td {
  color: #333;
  padding: 20px;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

table.membersTypeTable td.memberName {
  padding-left: 0;
  padding-right: 0;
}

table.membersTypeTable th {
  padding: 20px 0;
  background-color: #4472C4;
  text-align: center;
  color: #fff;
  letter-spacing: 0.2em;
  font-weight: bold;
}

table.membersTypeTable tr:nth-child(even) {
  background-color: #CFD5EA;
}

table.membersTypeTable tr:nth-child(odd) {
  background-color: #E9EBF5;
}

table.membersTypeTable th.thType {
  min-width: 168px;
}

table.membersTypeTable th.thPlice {
  min-width: 112px;
}

table.membersTypeTable th.thLimit {
  min-width: 112px;
}

table.membersTypeTable th.thChara {
  min-width: 390px;
}

table.membersTypeTable .font_bold {
  font-weight: bold;
}

table.membersTypeTable .font_normal {
  font-size: 14px;
  line-height: 24px;
}

table.membersTypeTable .font_normal p.tablink {
  color: #005B97;
  text-decoration: underline;
  display: inline;
  cursor: pointer;
}

table.membersTypeTable .align_center {
  text-align: center;
}

/* ステータス制度テーブル */
table.statusDivTable {
  width: 100%;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}

table.statusDivTable th,
table.statusDivTable td {
  color: #333;
  padding: 20px;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
}

table.statusDivTable td.statusDiv {
  padding-left: 0;
  padding-right: 0;
}

table.statusDivTable th {
  padding: 20px 0;
  background-color: #4472C4;
  text-align: center;
  color: #fff;
  letter-spacing: 0.2em;
  font-weight: bold;
}

table.statusDivTable tr:nth-child(3n) {
  background-color: #CFCECE;
}

table.statusDivTable tr:nth-child(3n+1) {
  background-color: #FFF5D3;
}

table.statusDivTable tr:nth-child(3n+2) {
  background-color: #CFD5EA;
}

table.statusDivTable th.thStatusDiv {
  min-width: 168px;
}

table.statusDivTable th.thCondition {
  min-width: 244px;
}

table.statusDivTable th.thBenefit {
  min-width: 370px;
}

table.statusDivTable .font_bold {
  font-weight: bold;
}

table.statusDivTable .font_normal {
  font-size: 14px;
  line-height: normal;
}

table.statusDivTable .font_normal span.border_solid {
  border: 1px solid;
  border-color: #333;
}

table.statusDivTable .align_center {
  text-align: center;
}

table.statusDivTable .font_small {
  font-size: 12px;
  line-height: normal;
}

/* 基本サービス */
.benefitInformationArea {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 30px 0 30px 140px;
  clear: both;
  border-bottom: 1px solid #e5e5e5;
}

.benefitInformationArea .benefitImgIcon {
  position: absolute;
  left: 30px;
  top: 30px;
  width: 112px;
  height: 100%;
}

.benefitInformationArea .benefitImgIcon img {
  width: 80px;
  height: auto;
}

.benefitInformationArea .benefitCategoryIcon {
  display: inline-block;
  width: 120px;
  margin-right: 5px;
  padding: 5px;
  color: #DDDDDE;
  background-color: #EFF1F2;
  text-align: center;
  font-size: 12px;
}

.benefitInformationArea .benefitCategoryIcon.on {
  background-color: #5A8FB2;
  color: #fff;
}

.benefitInformationArea h4 {
  font-size: 18px;
  font-weight: bold;
  padding: 15px 0;
}

.benefitPlusInformationArea {
  position: relative;
  width: 100%;
  margin: 0;
  padding: 30px 0 30px 0;
  clear: both;
}

.benefitPlusInformationArea .mainText {
  font-size: 14px;
  line-height: 24px;
}

.benefitPlusIconArea {
  clear: both;
  text-align: center;
}

.benefitPlusIconArea {
  clear: both;
  text-align: center;
}

.benefitPlusIconArea img {
  width: 80px;
  height: auto;
}

#pills-services .navy_border_title {
  margin-bottom: 0;
}

/***********共通パーツ 通常チェックボックス **********/
div.imgcheckboxWrap {
  width: 100%;
  height: 100%;
}

div.imgcheckboxWrap input {
  display: none;
  font-size: 14px;
}

div.imgcheckboxWrap label p {
  position: relative;
  color: #333;
  width: 100%;
  height: 20px;
  line-height: 20px;
  padding-left: 30px;
  font-weight: bold;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: left center;
  background-image: url('../src/img/common/input/checkbox_on.png');
}

div.imgcheckboxWrap label p:after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 20px;
  height: 20px;
  left: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  background-position: center;
  background-image: url('../src/img/common/input/checkbox_off.png');

}

div.imgcheckboxWrap input[type="checkbox"]:checked+label p {
  color: #005B97;
}

div.imgcheckboxWrap input[type="checkbox"]:checked+label p:after {
  display: none;
}

/***********共通パーツ フッター **********/

footer#footer {
  padding-bottom: 80px;
}

footer#footer ul {
  margin: 40px -30px;
}

footer#footer ul li {
  position: relative;
  height: 70px;
  padding: 0;
  /*border: 1px solid #E8F3FA;*/
  text-align: center;
}

footer#footer ul li img {
  width: 100%;
  height: auto;
}

footer#footer .footerLogoArea {
  padding: 30px;
}

footer#footer p.footerLogo {
  text-align: center;
}

footer#footer p.footerLogo img {
  width: 155px;
  height: auto;
}

footer#footer p.copyright {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
  color: #333333;
}

footer#footer .footerContentArea {
  position: relative;
  width: 100%;
  padding: 30px 0;
  background-color: #005B97;
  height: auto;
}

footer#footer .footerContentArea ul {
  width: 840px;
  margin: 0 auto;
}

/******************** スマホ対応 ********************/
@media (max-width: 897px) {

  /* スライダー */
  #sliderArea {
    width: 100%;
    min-width: auto;
    position: relative;
    overflow-y: hidden;
    margin-right: 0;
    margin-left: 0;
  }

  #sliderArea ul li {
    width: 980px !important;
  }

  #sliderArea ul li img {
    width: 100%;
    height: auto;
  }

  .modal .modal-dialog {
    width: auto;
    max-width: none !important;
    min-width: 90% !important;
  }

  /*ログインダイアログ*/
  #modalLoginCheck .modal-content {
    height: 259px;
    padding: 10px;
  }

  #modalLoginCheck .modal-dialog {
    height: 259px;
  }

  #modalLoginCheck .modal-dialog h5 {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 24px;
  }

  #modalLoginCheck p {
    font-size: 16px;
    line-height: 21px;
    text-align: center;
  }

  #modalLoginCheck .modal-footer {
    padding: 27px 0 0 0;
    border-top: none;
  }

  #modalLoginCheck .modal-footer .btn {
    width: 300px;
    margin: 0 auto;
  }

  #contentArea {
    padding-left: 0;
    /*margin: 148px auto 0;*/
    margin: 94px auto 0;
  }

  body.dispName #contentArea {
    margin-top: 148px;
  }

  body.dispLoginBtn #contentArea {
    margin-top: 158px;
  }

  dl.tableList dt {
    width: 30%;
  }

  #articleArea section.contentBox {
    width: 100%;
    padding: 15px 15px 30px 15px;
    border-bottom: 10px solid #E8F3FA;
  }

  #articleArea section.contentBox a.btn,
  #articleArea section.contentBox button.btn {
    margin: 20px auto 0 auto;
    width: 80%;
  }

  /********タイトル*******/
  h2.main_title {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: 10px;
  }

  /*ラインありタイトル*/
  h2.line_main_title {
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 14px;
    /*border-bottom: 1px solid rgba(0,0,0,.1);*/
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 10px;
  }

  h2.line_main_title p {
    position: relative;
    display: inline-block;
    padding: 0 16px;
    z-index: 5;
    background-color: #FFF;
  }

  h2.line_main_title.blue_title p {
    background-color: transparent;
  }

  h2.line_main_title:before {
    position: relative;
    content: "";
    display: block;
    top: 25px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, .1);
  }

  h3.sub_title,
  h4.mini_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    color: #666666;
  }

  h3.line_title {
    font-size: 14px;
  }

  h3.line_title:before {
    display: none;
  }

  h4.line_after_sub_title {
    font-size: 10px !important;
  }

  hr.halfLine {
    width: 100%;
    margin-top: 15px;
  }

  /*お知らせ*/
  dl.tableList {
    opacity: 1;
    position: relative;
    padding: 0px 10px 10px 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  dl.tableList.hovered {
    opacity: 0.7;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

  dl.tableList:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -6px;
    display: block;
    height: 12px;
    width: 6px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-image: url('../src/img/common/icon/navy_arrow.png');
  }

  dl.tableList dt,
  dl.tableList dd {
    display: block;
    text-decoration: none;
  }

  dl.tableList dd {
    width: 100%;
    padding-right: 15px;
  }

  /************************* 施設一覧 **********************/
  #articleArea section.contentBox.facilityCategorySet {
    padding: 15px 10px 30px 10px;
  }

  #articleArea section.contentBox.facilityCategorySet:last-of-type {
    padding-bottom: 100px;
  }

  #articleArea section.contentBox.facilityCategorySet .cardImgList {
    margin: 0 -5px;
  }

  #articleArea section.contentBox.facilityCategorySet .cardImgList .cardImgArea {
    padding: 4px;
    margin-bottom: 2px;
  }

  #articleArea section.contentBox.facilityCategorySet .cardImgList .cardImgheader {
    padding: 8px 10px;
  }

  #articleArea section.contentBox.facilityCategorySet .cardImgList .categoryName {
    width: 100%;
    max-width: 160px;
    font-size: 10px;
  }

  #articleArea section.contentBox.facilityCategorySet .cardImgList h3.facilityName {
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 8px;
    display: block;
  }

  #articleArea section.contentBox.facilityCategorySet div.cardImgArea hr.cardLine {
    margin: 8px 0;
  }

  #articleArea section.contentBox.facilityCategorySet .cardImgContent {
    padding: 0 10px 10px;
  }

  #articleArea section.contentBox.facilityCategorySet .cardAddressArea,
  #articleArea section.contentBox.facilityCategorySet .telArea,
  #articleArea section.contentBox.facilityCategorySet .cardUsageHistoryDateArea {
    /*min-height: 55px;*/
    font-size: 10px;
    /*border-bottom: 1px solid rgba(0,0,0,.1);*/
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  div.cardImgArea .cardImgContent div.cardAddressWrapper {
    height: 36px;
  }

  #articleArea section.contentBox.facilityCategorySet .cardImgContent a.btn {
    width: 80%;
    min-width: 0;
    height: 30px;
    padding: 8px;
    font-size: 12px;
    line-height: 1em;
    left: 25px;
    margin: 0 auto;
  }

  /* 施設一覧 検索・条件絞り込みエリア */
  div.searchContainer {
    width: 100%;
    display: table;
  }

  div.searchContainer .searchBox {
    padding-right: 15px;
  }

  div.searchContainer form {
    display: table;
    position: relative;
    width: 100%;
    height: 50px;
    vertical-align: top;
    padding-right: 0;
  }

  div.searchContainer div.searchArea div.searchFieldArea {
    width: 100%;
    height: 50px;
    padding: 9px 60px 9px 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  div.searchContainer div.searchArea div.searchSubmitArea {
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
  }

  div.searchContainer div.searchArea div.searchSubmitArea .btn {
    width: 50px !important;
    margin: 0 !important;
    height: 50px !important;
  }

  div.searchContainer button[type="submit"]:after {
    width: 50px;
    height: 50px;
  }

  div.searchContainer div.refineSearchBtnArea {
    position: relative;
    display: table-cell;
    vertical-align: top;
    width: 50px;
    height: 50px;
    padding-top: 0;
    margin: 0 !important;
  }

  div.searchContainer div.refineSearchBtnArea #refineSearch {
    width: 50px;
    height: 50px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-position: center;
  }

  div.searchContainer div.refineSearchBtnArea #refineSearch.on {
    color: transparent !important;
  }

  div.searchContainer div.refineSearchBtnArea #refineSearch:after {
    width: 50px;
    height: 50px;
    padding: 0;
    background-position: center;
  }

  div.searchContainer div.searchArea {
    width: 100%;
  }

  div.searchContainer input[type="text"] {
    width: 100%;
  }

  /*共立マップ*/
  #contentArea.mapDispArea .searchContainer {
    width: 100%;
    left: 0;
    top: 120px;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
  }

  #mapInformationBtnArea {
    width: 50px;
    height: 50px;
    left: 15px;
    bottom: 130px;
  }

  /* トースト */
  #mapErrorToast.show {
    position: fixed;
    width: 100%;
    right: 3%;
    top: 50%;
    max-width: 94%;
    margin-right: 0;
    margin-top: -20px;
    color: red;
    /*background-color: yellow;*/
  }

  #mapErrorToast.show .close {
    position: absolute;
    right: 10px;
    top: 5px;
    /*position: absolute;
  right: 10px;
  top: 3px;*/
  }

  #mapErrorToast.show .toast-header {
    height: 37px;
  }

  #contentArea.mapDispArea #articleArea section.contentBox {
    padding-bottom: 0;
  }

  section.refineSearchArea {
    padding-bottom: 15px;
  }

  section.refineSearchArea button.btn {
    margin-top: 15px !important;
  }

  .font-noitem-gray {
    font-size: 14px;
  }

  /* ダイアログ */
  .modal .modal-content-header {
    padding: 10px 5px 5px 5px;
    text-align: center;
    /*border-bottom: 1px solid #707070;*/
  }

  .modal .modal-separator-header,
  .modal .modal-separator-footer {
    position: absolute;
    opacity: 0.13;
    width: 100%;
    height: 1px;
    background-color: #08141F;
  }

  .modal .modal-separator-header {
    left: 0;
    top: 81px;
  }

  .modal .modal-separator-footer {
    left: 0;
    bottom: 77px;
  }

  .modal .modal-content-header h4.contentTitle {
    font-size: 16px;
    line-height: 19px;
  }

  .modal .modal-content-header p {
    color: #333;
    font-size: 13px;
    line-height: 16px;
  }

  .modal .modal-footer {
    border-top: none;
    padding: 17px 5px 5px 5px;
    min-height: 66px;
  }

  #modalRefineSearch .modal-body {
    padding: 0;
  }

  /* 視閲・マップ条件絞り込みダイアログ */
  div#modalRefineSearchFacilities {}

  div#modalRefineSearchFacilities .modal-dialog {
    height: 80%;
    top: 10%;
  }

  div#modalRefineSearchFacilities h3.contentTitle {
    font-size: 16px;
    margin: 0;
  }

  div#modalRefineSearchFacilities .modal-content-header {
    padding: 20px 15px 15px 15px;
  }

  div#modalRefineSearchFacilities input.resetBtn {
    top: 22px;
    right: 15px;
    padding: 0;
  }

  div#modalRefineSearchFacilities .modal-body {
    padding: 15px 20px 15px 20px;
  }

  div#modalRefineSearchFacilities h4 {
    font-size: 14px;
    margin-bottom: 10px;
  }

  div#modalRefineSearchFacilities hr.modalWid {
    margin: 15px 0;
  }

  div#modalRefineSearchFacilities ul.btnList {
    padding: 0 8px 0 8px;
  }

  div#modalRefineSearchFacilities ul.btnList li {
    width: 50%;
  }

  /* 感想を書くダイアログ */
  #modalWriteEnquete {}

  div#modalWriteEnquete .close {
    right: 0px;
    top: -40px;
  }

  div#modalWriteEnquete .modal-dialog {
    height: 85%;
    top: 30px;
  }

  div#modalWriteEnquete.focusText1 .modal-dialog {
    top: -70px;
  }

  div#modalWriteEnquete.focusText2 .modal-dialog {
    top: -70px;
  }

  div#modalWriteEnquete .imgRadioArea.target5 {
    margin-right: 0;
  }

  div#modalWriteEnquete h3.contentTitle {
    margin: 5px 0;
    font-size: 18px;
  }

  #modalWriteEnquete h5 {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px;
    padding-left: 0 !important;
  }

  #modalWriteEnquete h5.forcomment {
    margin-bottom: 10px;
  }

  div#modalWriteEnquete .imgRadioArea th.imgRadioTitle,
  div#modalWriteEnquete .imgRadioArea td.imgRadioTitle {
    display: none;
  }

  div#modalWriteEnquete .imgRadioArea th {
    position: relative;
    height: 37px;
  }

  div#modalWriteEnquete span.badAnswer,
  div#modalWriteEnquete span.notBadAnswer,
  div#modalWriteEnquete span.goodAnswer {
    display: block;
    width: 5em;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -2.5em;
  }

  table.imgRadioTable10 {
    width: 80%;
    margin: 0 auto;
  }

  div#modalWriteEnquete .imgRadioArea th,
  div#modalWriteEnquete .imgRadioArea td {
    padding: 0 !important;
  }

  /* ラジオボタンリスト */
  .radioBtnList li {
    position: relative;
    display: block;
    margin: 0 32px 0 0;
    padding: 13px 0;
  }

  .radioBtnList li.border-bottom {
    padding: 20px 0;
    border-bottom: 1px solid #707070;
  }

  .radioBtnList input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
  }

  .radioBtnList label {
    font-size: 14px;
    display: block;
    background-image: url('../src/img/common/input/radio_off.png');
    background-size: 20px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 4px 0 4px 28px;
  }

  .radioBtnList input[type="radio"]:checked+label {
    background-image: url('../src/img/common/input/radio_on.png');
  }

  /* チェックボックスリスト */
  ul.checkBoxWithImgList {
    width: auto;
    margin: 0 -20px;
    padding: 5px;
  }

  ul.checkBoxWithImgList li {
    width: 50%;
    padding: 5px;
  }

  ul.checkBoxWithImgList li label .memberName {
    font-size: 14px;
  }

  /* コンテンツ詳細 */
  #articleArea section.contentBox article.contentDetailArea .favoriteBtn {
    right: 15px;
    bottom: 15px;
  }

  #articleArea.contentDetail .contentBox {
    padding: 15px 15px 30px 15px;
    border-bottom: 10px solid #E8F3FA;
  }

  #articleArea.contentDetail .contentBox:last-of-type {
    border-bottom: none !important;
    padding-bottom: 80px;
  }

  body.forApp #articleArea.contentDetail .contentBox:last-of-type {
    padding-bottom: 20px;
  }

  #articleArea.contentDetail .commentDetailArea:last-of-type {
    margin-bottom: 30px;
  }

  #articleArea.contentDetail .articleContainer {
    padding: 0;
  }

  #articleArea section.contentBox article.contentDetailArea h4 {
    font-size: 16px;
    line-height: 23px;
    margin-top: 15px;
    margin-bottom: 15px;
  }

  #articleArea section.contentBox article.contentDetailArea .contentDateFont {
    font-size: 12px;
  }

  #articleArea section.contentBox article.contentDetailArea .contentBodyFont {
    font-size: 14px;
    line-height: 21px;
    margin-top: 15px;
  }

  #articleArea section.contentBox article.contentDetailArea .contentAttentionFont {
    font-size: 14px;
    line-height: 21px;
    margin-top: 15px;
  }

  .shareBtnArea {
    width: 100%;
    margin: 0;
    padding: 30px 15px;
    border-bottom: 10px solid #E8F3FA;
  }

  .shareBtnArea h4 {
    padding: 10px;
    font-size: 14px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
  }

  /*コメントエリア*/
  .commentArea {
    margin-top: 15px;
  }

  .commentDetailArea {}

  .commentArea .commentUserDataArea p {
    display: block;
    text-align: left !important;
    width: 100% !important;
  }

  .commentArea .commentHeader .nickName {
    margin-bottom: 2px;
  }

  .commentArea .commentHeader .userName {
    font-size: 14px;
  }

  .commentArea .commentBody {
    font-size: 14px;
    line-height: 21px;
  }

  /* コメント入力エリア */
  .commentArea .commentDetailArea {
    margin-bottom: 30px;
  }

  .commentArea .commentDetailArea.commentWriteArea {
    padding: 0;
    margin-bottom: 0 !important;
    background-color: #FFF;
  }

  .commentArea .inputCommentArea textarea {
    margin-bottom: 20px;
    background-color: #F5F3F0;
    resize: none;
  }

  /* テキストエリア */
  textarea.commonTextArea {
    margin-bottom: 10px;
  }

  /**************** お問い合わせ画面 ***************/
  #articleArea.contactArea section.contentBox {
    padding: 15px 15px 114px 15px;
  }

  #articleArea.contactArea .contactconfirmArea {
    padding: 15px 0 15px 0;
  }

  .grayBgContent {
    text-align: left;
  }

  #articleArea.contactArea h4.mini_title.leftTitle {
    width: 100%;
    text-align: center;
    margin: 0;
    padding-bottom: 15px;
  }

  #articleArea.contactArea h4.mini_title.leftTitle p {
    text-align: center;
  }

  #articleArea.contactArea .selectArea {
    margin-bottom: 30px;
  }

  #articleArea.contactArea .selectArea select {
    width: 100%;
    max-width: 100%;
  }

  /********************** ファミリーメンバー解除画面 ******************:*/
  #articleArea.familyMemberArea {
    padding-top: 30px;
  }

  #articleArea.familyMemberArea section.contentBox {
    padding: 15px 15px 114px 15px;
  }

  #articleArea section.contentBox .submitBtnArea a.btn {
    margin-top: 15px;
  }

  /*カード*/
  div.cardImgArea div.cardImgheader .categoryName {
    width: 100%;
    float: none;
  }

  div.cardImgArea div.cardImgheader p.commentStatus {
    width: 100%;
    float: none;
  }

  ul.btnList {
    width: 100%;
  }

  div.cardImgArea figure.cardImgMain button.favoriteBtn {
    width: 50px;
    height: 50px;
  }

  div.cardImgArea .cardImgContent p {
    font-size: 12px;
    line-height: 18px;
  }

  div.cardImgArea .cardImgContent div.titleWrapper {
    height: 44px;
    overflow: hidden;
    margin-bottom: 0;
  }

  /* ダイアログ */
  .modal .modal-dialog {
    margin: 15px;
    height: 70%;
    top: 15%;
  }

  .text-dialog .modal-dialog h5 {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }

  .text-dialog .modal-footer.doubleBtnArea {
    position: relative;
    width: 100%;
    padding: 0;
    height: 103px;
  }

  .text-dialog .modal-footer.doubleBtnArea .btn {
    position: absolute;
    display: block;
    width: 100%;
    margin: 0;
  }

  /* ファミリーメンバーズ解除確認 */
  #modalUnLink .modal-content {
    height: 203px;
    padding: 15px;
  }

  #modalUnLink .modal-content-header {
    padding: 0;
  }

  /* ファミリーメンバーズ解除完了 */
  #modalUnLinkComplete .modal-content {
    height: 144px;
    padding: 15px;
  }

  #modalUnLinkComplete .modal-content-header {
    padding: 0;
  }

  #modalUnLinkComplete .modal-footer {
    padding: 0;
  }

  .text-dialog .modal-footer.doubleBtnArea .btn:first-child {
    top: 0;
    left: 0;
  }

  .text-dialog .modal-footer.doubleBtnArea .btn:last-child {
    bottom: 0;
    left: 0;
  }

  /* コミュニティ参加ダイアログ */
  #modalJoinCommunityConfirm .modal-content {
    height: auto;
    padding-top: 20px;
    padding-bottom: 12px;
  }

  #modalJoinCommunityConfirm .modal .modal-content-header {
    padding: 0;
  }

  #modalJoinCommunityConfirm p.communityInfo {
    font-size: 12px !important;
    line-height: 1.2em !important;
    padding-right: 0;
    padding-left: 0;
  }

  #modalJoinCommunityConfirm.forCommunity p.communityInfo {
    max-height: 90px;
    margin-bottom: 10px;
  }

  /* コミュニティ退会ダイアログ */
  #modalQuitCommunityComplete .modal-content {
    height: auto;
    min-height: 222px;
    padding-top: 20px;
  }

  #modalQuitCommunityComfirm .modal-content {
    height: auto;
    min-height: 281px;
    padding-top: 20px;
  }

  #modalJoinCommunityComplete .modal-content {
    height: auto;
    min-height: 243px;
    padding-top: 20px;
  }

  #modalQuitCommunityComfirm .modal-content-header,
  #modalQuitCommunityComplete .modal-content-header,
  #modalJoinCommunityComplete .modal-content-header {
    padding: 0;
  }

  #modalQuitCommunityComfirm .modal-footer.doubleBtnArea {
    width: 100%;
    margin: 0 auto;
  }

  #modalJoinCommunityConfirm figure.communityIcon,
  #modalQuitCommunityComfirm figure.communityIcon,
  #modalQuitCommunityComplete figure.communityIcon,
  #modalJoinCommunityComplete figure.communityIcon {
    width: 173px;
    margin: 0 auto;
    height: auto;
    padding-bottom: 15px;
  }

  #modalJoinCommunityConfirm figure.communityIcon img,
  #modalQuitCommunityComfirm figure.communityIcon img,
  #modalQuitCommunityComplete figure.communityIcon img,
  #modalJoinCommunityComplete figure.communityIcon img {
    width: 100%;
    height: auto;
  }

  #modalJoinCommunityConfirm h4.communityName,
  #modalQuitCommunityComfirm h4.communityName,
  #modalQuitCommunityComplete h4.communityName,
  #modalJoinCommunityComplete h4.communityName {
    width: 100%;
    white-space: nowrap;
    font-size: 14px;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding-bottom: 15px;
    font-weight: bold;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
  }

  #modalQuitCommunityComfirm p.dialogMessage,
  #modalQuitCommunityComplete p.dialogMessage {
    font-size: 14px;
    line-height: 21px;
    color: #666666;
    padding-bottom: 20px;
  }

  #modalJoinCommunityComplete p.dialogMessage {
    font-size: 14px;
    line-height: 21px;
    color: #666666;
    padding-bottom: 20px;
  }

  #modalQuitCommunityComplete .modal-footer,
  #modalJoinCommunityComplete .modal-footer {
    padding: 0;
  }

  /* ニックネーム設定ダイアログ */
  #modalNicknameCheck .modal-content {
    height: 239px;
    padding: 20px 15px;
  }

  #modalNicknameCheck .modal-content-header {
    padding: 0;
  }

  #modalNicknameCheck .modal-content-header h5 {
    margin-bottom: 15px;
    line-height: 15px;
  }

  #modalNicknameCheck .modal-content-header p {
    margin-bottom: 20px;
  }

  @media screen and (max-width: 430px) {

    #modalNicknameCheck .modal-content-header h5 {
      font-size: 15px;
    }
  }

  /*コメントエリア*/
  .commentArea .btn {
    width: 70%;
  }

  /* 施設詳細画面 */
  #contentArea div.facilityDetailInfoArea {}

  #contentArea div.facilityDetailInfoArea h2.shopLogo {
    text-align: center;
    padding: 5px 0 31px;
  }

  #contentArea div.facilityDetailInfoArea h2.shopLogo img {
    width: auto;
    height: auto;
  }

  #contentArea div.facilityDetailInfoArea p.facility_area {
    text-align: center;
    font-size: 12px;
    padding-bottom: 5px;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list {
    width: auto;
    margin: 0 -15px;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li {
    display: table;
    position: relative;
    width: 100%;
    height: auto;
    padding: 12px 0;
    border-bottom: none;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li h4 {
    font-size: 12px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li.facility_shopNameArea {
    text-align: center;
    border-bottom: 10px solid #E8F3FA;
    padding-top: 0;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li div {
    display: table-cell;
    vertical-align: middle;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li h3.facillity_title {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li.iconRow {
    min-height: 70px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 75px;
    -webkit-background-size: 30px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    color: #666;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li.facility_addressArea {
    background-image: none;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li.facility_telArea {
    background-image: none;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li.facility_mailArea {
    background-image: none;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li p {
    font-size: 12px;
    line-height: 20px;
    white-space: pre-wrap;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li a.circleBtn {
    position: absolute;
    width: 50px;
    height: 50px;
    right: 15px;
    top: 50%;
    margin-top: -25px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-decoration: none;
  }

  #contentArea div.facilityDetailInfoArea ul.facility_list li a.telBtn {
    background-image: url(../src/img/common/icon/ico_map_tel.png);
  }

  #contentArea div.facility_buttonArea {
    padding: 0 0 60px 0;
  }

  #contentArea div.facility_buttonArea a.btn {
    margin-top: 15px !important;
  }

  /*********** ファミリーメンバー連携追加画面 ************/
  #articleArea.contactArea.famillyMembers .contentBox {
    padding-top: 50px;
  }

  #articleArea.contactArea.famillyMembers h4.mini_title {
    width: auto;
    text-align: left;
  }

  #articleArea.contactArea input.mailAddressInput {
    display: block;
    width: 100%;
    margin: 0 auto 30px;
    font-size: 14px;
    color: #5A8FB2;
    padding: 18px 15px 17px 15px;
    border: 1px solid #999999;
    -webkit-border-radius: 6px;
    border-radius: 6px;
  }

  #articleArea.contactArea input.mailAddressInput::placeholder {
    color: #5A8FB2;
  }

  /* コミュニティ一覧 */
  #articleArea section.contentBox.descriptionBox {
    padding: 10px 0 0 0;
  }

  #articleArea section.contentBox.communitySet {
    padding: 0 15px 60px 15px;
  }

  div.cardImgArea .cardImgContent h3.communityName {
    font-size: 14px;
    color: #333 !important;
  }

  div.cardImgArea .cardImgContent h3.contentsDetailName {
    font-size: 14px;
    line-height: 21px;
    /*min-height: 40px;*/
  }

  div.cardImgArea .cardImgContent p.communityTextArea {
    font-size: 10px;
    line-height: 15px;
  }

  section.contentBox.communitySet div.cardImgArea hr.cardLine {
    margin-bottom: 10px;
    margin-top: 10px;
  }

  div.cardImgArea .cardImgContent p.communityTextArea {
    min-height: 70px;
    margin-bottom: 0;
  }

  div.cardImgArea.withBtn .cardImgContent {
    position: relative;
    padding: 0 10px 10px 10px;
  }

  div.cardImgArea.withBtn {
    padding-right: 5px;
    padding-left: 5px;
  }

  #articleArea div.cardImgArea.withBtn .cardImgContent .btn {
    width: 100%;
    height: 30px;
    font-size: 12px;
    padding: 5px;
    min-width: auto;
  }

  /* よくある質問 */
  #articleArea.contactArea .contentBox.faqBox {
    padding-bottom: 15px;
  }

  #articleArea.contactArea .contentBox.faqBox .grayBgContent,
  #articleArea.contactArea .contentBox.faqLastBox .grayBgContent {
    font-size: 12px;
    text-align: center;
  }

  #articleArea.contactArea .contentBox.faqBox h3.faqTitleForSP {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding-top: 15px;
  }

  #articleArea.contactArea .contentBox.faqLastBox {
    padding-top: 30px;
  }

  #articleArea.contactArea ul.pageLinkList li {
    width: 50%;
    display: inline-block;
    float: left;
    padding-bottom: 15px;
  }

  #articleArea.contactArea ul.pageLinkList li:nth-child(odd) {
    padding-right: 7.5px;
  }

  #articleArea.contactArea ul.pageLinkList li:nth-child(even) {
    padding-left: 7.5px;
  }

  #articleArea.contactArea ul.pageLinkList li a {
    display: table;
    vertical-align: middle;
    width: 100%;
    margin: 0;
    padding: 9px 30px 9px 15px;
    text-align: left;
    min-width: auto;
    height: 100%;
    font-size: 16px;
    min-height: 44px;
  }

  #articleArea.contactArea ul.pageLinkList li a span {
    display: table-cell;
    vertical-align: middle;
  }

  #articleArea.contactArea h3.faqTitleForSP {}

  #articleArea.contactArea table.faqTable {
    margin-top: 40px;
  }

  #articleArea.contactArea table.faqTable tr td.faqTitle {
    width: 0;
    min-width: 0;
    padding-right: 0;
  }

  #articleArea.contactArea table.faqTable tr td.faqTitle h3 {
    font-size: 20px;
    color: #333333;
    font-weight: bold;
  }

  #articleArea.contactArea table.faqTable .accordion>.card {
    border: none;
    margin-bottom: 20px;
  }

  #articleArea.contactArea table.faqTable .accordion>.card .card-header {
    padding: 0;
    position: relative;
    background-color: #FFF;
    border-bottom: none;
  }

  #articleArea.contactArea table.faqTable .accordion>.card .card-header a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px 34px 16px;
    background-image: url('../src/img/faq/ico_question.png');
    background-repeat: no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
    background-position: left 2px;
    text-decoration: none;
    font-weight: bold;
  }

  #articleArea.contactArea table.faqTable .accordion>.card .card-header a:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    display: block;
    width: 18px;
    height: 100%;
    text-decoration: none;
    background-repeat: no-repeat;
    background-image: url('../src/img/faq/ico_spread.png');
    -webkit-background-size: 18px 9px;
    background-size: 18px 9px;
    background-position: center;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
  }

  #articleArea.contactArea table.faqTable .accordion>.card .card-header a.collapsed:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  #articleArea.contactArea table.faqTable .accordion>.card .card-header a p {
    color: #005B97;
    font-size: 20px;
    line-height: 30px;
  }

  #articleArea.contactArea table.faqTable .accordion>.card .card-header a.collapsed p {
    color: #333;
  }

  #articleArea.contactArea table.faqTable .accordion>.card .card-header:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    bottom: 1px;
    left: 0;
    background-color: #ccc;
  }

  #articleArea.contactArea table.faqTable .accordion>.card .card-body {
    padding: 16px 16px 16px 34px;
    font-size: 16px;
    line-height: 24px;
    color: #666;
    background-image: url('../src/img/faq/ico_answer.png');
    background-repeat: no-repeat;
    -webkit-background-size: 24px;
    background-size: 24px;
    background-position: left 10px;
  }

  /*************************** 共立メンバーズマイページ ***************************/
  #contentArea.mypageArea {
    margin-top: 135px !important;
    padding-top: 40px;
  }

  #contentArea.mypageArea #articleArea section.contentBox {
    padding: 0;
  }

  .favoriteArea {
    padding-top: 40px;
  }

  #contentArea.usageHistoryArea {
    margin-top: 120px;
    padding-top: 40px;
  }

  #contentArea.usageHistoryArea #articleArea section.contentBox.staticContent {
    max-width: 90%;
  }

  #contentArea.usageHistoryArea #articleArea section.contentBox.staticContent div.linksArea {
    margin-bottom: 0px;
  }

  #contentArea.usageHistoryArea #articleArea section.contentBox.staticContent a {
    font-size: 14px;
  }

  #contentArea.usageHistoryArea #articleArea section.contentBox.staticContent p.normalText {
    font-size: 14px;
  }

  #contentArea.usageHistoryArea #articleArea section.contentBox.staticContent p.title {
    font-size: 14px;
  }

  #contentArea.usageHistoryArea #articleArea section.contentBox.staticContent p.linkMargin {
    margin-bottom: 5px;
  }

  #contentArea.usageHistoryArea #articleArea section.contentBox.staticContent p.annotationText {
    font-size: 12px;
  }

  #contentArea.usageHistoryArea #articleArea section.contentBox.facilityCategorySet p.contentZeroText {
    font-size: 14px;
  }

  div.mypageContent {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto;
    background-color: #FFF;
    padding: 30px 0 30px 0;
    margin-bottom: 10px;
    -webkit-border-radius: 0;
    border-radius: 0;
    text-align: center;
  }

  div.mypageContent h3.sub_title {
    position: relative;
    font-size: 14px;
    margin-bottom: 25px;
    color: #333333;
    padding: 0 15px;
  }

  div.mypageContent h3.sub_title span {
    display: block;
    text-align: center;
    position: relative;
  }

  div.mypageContent h3.sub_title span:after {
    position: absolute;
    bottom: -10px;
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    background-color: #EBEBEB;
  }

  div.mypageContent a.print {
    position: absolute;
    color: transparent;
    font-size: 0.1px;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    background-image: url(../src/img/mypage/icon/ico_print.png);
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    opacity: 1;
  }

  div.mypageContent a.print.hovered {
    opacity: 0.5;
  }

  div.mypageContent p.membersIdArea {
    font-size: 14px;
    margin-bottom: 10px;
  }

  div.mypageContent p.nameFont {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
  }

  div.mypageContent p.lastUpdate {
    margin: 15px 0px 15px 0px;
    font-size: 14px;
  }

  div.mypageContent span.lastUpdateText {
    display: inline-block;
    padding-right: 20px;
  }

  div.mypageContent div.statusDivArea {
    width: 90%;
    margin: 0 auto;
    padding: 15px;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
  }

  div.mypageContent div.statusDivArea p.statusDivInfoText {
    font-size: 12px;
    color: #666666;
    margin-bottom: 10px;
  }

  div.mypageContent div.statusDivArea p.serviceType {
    font-size: 20px;
    font-weight: bold;
  }

  div.mypageContent div.memberTypeArea {
    width: 90%;
    margin: 0 auto;
    padding: 15px;
    border-bottom: 1px solid #CCCCCC;
  }

  div.mypageContent div.memberTypeArea p.memberType {
    font-size: 20px;
    font-weight: bold;
    color: #89C255;
    margin-bottom: 10px;
  }

  /* 0件表示 */
  div.mypageContent p.noContentsText {
    display: block;
    font-size: 14px;
    padding: 15px 30px 30px 30px;
    color: #666;
  }

  div.familyMemberArea p.noContentsText {
    padding-top: 30px;
    padding-bottom: 50px;
  }

  /* プロフィール */
  div.mypageContent {}

  div.mypageContent div.profilePhoto {
    position: relative;
    width: 120px;
    height: 120px;
    margin: 0 auto 15px;
  }

  div.mypageContent div.profilePhoto img {
    width: 100%;
    height: auto;
    -webkit-border-radius: 50%;
    border-radius: 50%;
  }

  div.mypageContent div.profilePhoto .btn-group {
    width: 100%;
  }

  div.mypageContent div.profilePhoto button.changePhoto {
    position: absolute;
    width: 30px !important;
    height: 30px;
    font-size: 0.1px;
    right: 0;
    bottom: 12px;
    color: transparent;
    background-image: url('../src/img/mypage/icon/ico_camera.png');
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-color: #5A8FB2;
    border: none;
    -webkit-border-radius: 15px;
    border-radius: 15px;
  }

  div.mypageContent div.profilePhoto button.changePhoto.hovered {
    opacity: 0.5;
  }

  /* ドロップダウンメニュー */
  div.mypageContent div.profilePhoto div.photoUploadMenu {
    min-width: 125px;
    width: 125px;
    transform: translate3d(90px, -12px, 0px) !important;
    -webkit-transform: translate3d(90px, -12px, 0px) !important;

    top: -15px !important;
    left: 12px !important;
    padding: 0;
    -webkit-border-radius: 10px !important;
    border-radius: 10px !important;
    border: none;
    -webkit-box-shadow: 0px 2px 10px #00264033;
    box-shadow: 0px 2px 10px #00264033;
  }

  div.mypageContent div.profilePhoto div.photoUploadMenu a {
    display: block;
    padding: 8px;
    font-size: 10px;
    opacity: 1;
    background-color: #FFF !important;
  }

  div.mypageContent div.profilePhoto div.photoUploadMenu a.photoUploadBtn {
    font-weight: bold;
    color: #005B97;
    -webkit-border-radius: 10px;
    border-radius: 10px;
  }

  div.mypageContent div.profilePhoto div.photoUploadMenu a.photoDeleteBtn {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    color: #FF3673;
  }

  div.mypageContent div.profilePhoto div.photoUploadMenu a.hovered {
    background-color: #FFF;
    opacity: 0.5;
  }

  /* お気に入り等タブ */
  #membersHeaderTab {
    position: fixed;
    top: 94px;
    width: 100%;
    height: 44px;
    background-color: #FFF;
    z-index: 10;
    -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 38, 64, 0.2);
    box-shadow: 0px 5px 5px -3px rgba(0, 38, 64, 0.2);
  }

  #membersHeaderTab #membersHeaderTabWrap {
    width: 1100px;
    min-width: 1100px;
    height: 100%;
    margin: 0 auto;
  }

  #membersHeaderTab ul {
    position: absolute;
    left: 0;
    margin-left: 0;
    width: 100%;
    height: 100%;
  }

  #membersHeaderTab ul li {
    width: 33%;
    height: 100%;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    border-bottom: 5px solid #fff;
  }

  #membersHeaderTab ul li:nth-child(2) {
    width: 34%;
  }

  #membersHeaderTab ul li a {
    display: block;
    padding-top: 15px;
    width: 100%;
    height: 100%;
    color: #9CBCD1;
    text-decoration: none;
  }

  #membersHeaderTab ul li.selectedTab {
    border-bottom: 5px solid #005B97;
  }

  #membersHeaderTab ul li.selectedTab a {
    color: #005B97;
  }

  /* プロフィール写真登録ダイアログ */
  #modalProfilePhotoEdit {
    text-align: center;
  }

  #modalProfilePhotoEdit .modal-content {
    height: 300px;
    padding-top: 10px;
  }

  #modalProfilePhotoEdit h5.contentTitle {
    font-size: 14px;
    margin-bottom: 15px;
  }

  #modalProfilePhotoEdit p.profilePhotoAttentionText {
    color: #FF3673;
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 10px;
  }

  #modalProfilePhotoEdit div.photoArea {
    width: 100px;
    height: 100px;
    margin: 0 auto 10px;
    overflow: hidden;
    text-align: center;
  }

  #modalProfilePhotoEdit div.photoArea img {
    width: auto;
    height: 100%;
  }

  #modalProfilePhotoEdit .photoCancelBtn {
    width: 100%;
    margin-bottom: 10px;
  }

  #modalProfilePhotoEdit .photoUpBtn {
    width: 100%;
  }

  #joinCommunityArea {
    padding-bottom: 15px;
  }

  #articleArea section.contentBox figure div.cardImg {
    width: 100%;
    height: 150px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  div.mypageContent div.profilePhoto div.photoUploadMenu .dropdown-divider {
    width: 154px;
    margin: 0 auto;
  }

  div.mypageContent p.normalFont {
    font-size: 18px;
    margin-bottom: 10px;
  }

  div.mypageContent p.joinDateArea {
    color: #BEA177;
  }

  div.mypageContent p.joinDateArea span.joinDayText {
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 30px;
    font-size: 14px;
  }

  div.mypageContent a.daccountQuit {
    display: block;
    width: 100%;
    height: 50px;
    margin: 15px auto 0;
    color: transparent;
    font-size: 0.1px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    background-position: center;
    background-image: url('../src/img/mypage/btn/btn_d_account.png');
    opacity: 1;
  }

  div.mypageContent a.daccountQuit.hovered {
    opacity: 0.5;
  }

  div.mypageContent .submitBtnArea a.btn {
    margin-top: 15px !important;
  }

  div.mypageContent div.mypageCommunityContent {
    width: 100%;
    height: auto;
    border-top: none;
    border-bottom: none;
    margin: 0 auto;
    padding: 0 18px 0 18px;
    line-height: 0.1px;
  }

  div.mypageContent div.mypageCommunityContent ul {
    display: inline-block;
    width: auto;
    max-width: 540px;
    margin: 0 auto;
  }

  div.mypageContent div.mypageCommunityContent ul li {
    width: 50%;
    padding: 0 15px 15px;
    float: left;
  }

  div.mypageContent div.mypageCommunityContent ul li img {
    width: 100%;
    height: auto;
  }

  /* 共立フーズビジネス外食店舗 */
  #contentArea.facilityArea .contentBox.kyoristuFoodsShopList h2 {
    padding-right: 0;
    padding-left: 0;
  }

  #contentArea.facilityArea .contentBox.kyoristuFoodsShopList a.btn {
    margin-top: 10px;
  }

  section.contentBox.kyoristuFoodsShopList div.cardImgArea section.cardImgBox {
    border-radius: 0;
  }

  #articleArea section.contentBox.kyoristuFoodsShopList .cardImgBox section {
    background-color: #F5F3F0;
  }

  #articleArea section.contentBox.kyoristuFoodsShopList div.cardImgArea div.cardImgheader {
    padding-left: 15px;
  }

  #articleArea section.contentBox.kyoristuFoodsShopList .cardImgList h3.facilityName {
    color: #333;
    font-size: 18px;
    min-height: 18px;
    margin-bottom: 15px;
    display: block;
  }

  #articleArea section.contentBox.kyoristuFoodsShopList .cardImgContent a.btn {
    width: 100%;
    padding: 14px;
    height: 48px;
    font-size: 14px;
  }

  #articleArea section.contentBox.kyoristuFoodsShopList:last-child {
    padding-bottom: 60px;
  }

  #articleArea section.contentBox.kyoristuFoodsShopList div.cardImgArea .cardImgContent p.cardAddressArea {
    font-size: 14px;
    min-height: 35px;
    padding-bottom: 10px;
  }

  /*************** 静的ページ 事業紹介 **************/
  div.staticInfoArea {}

  #contentArea.staticInfoArea #articleArea section.contentBox {
    padding: 0;
  }

  div.staticInfoArea h3.floatImgTitle {
    width: 300px;
    height: 44px;
    bottom: -5px;
    left: 50%;
    margin-left: -150px;
    position: absolute;
    color: transparent;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
  }

  div.staticInfoArea figure.staticLogo {
    width: 250px !important;
    margin: 20px auto 0;
  }

  div.staticInfoArea h3.title_dormy {
    background-image: url('../src/img/info/company/mb_title_01.png');
  }

  div.staticInfoArea h3.title_dormyinn {
    background-image: url('../src/img/info/company/mb_title_02.png');
  }

  div.staticInfoArea h3.title_resort {
    background-image: url('../src/img/info/company/mb_title_03.png');
  }

  div.staticInfoArea h3.title_senior {
    bottom: -20px;
    height: 95px;
    background-image: url('../src/img/info/company/mb_title_04.png');
  }

  div.staticInfoArea h3.title_restaurant {
    background-image: url('../src/img/info/company/mb_title_05.png');
  }

  div.staticInfoArea div.mainTextArea {
    margin-top: 30px;
    padding: 0 15px 30px 15px;
  }

  div.staticInfoArea div.mainTextArea.firstMainTextArea {
    margin-top: 20px;
    padding: 0 15px 40px 15px;
  }

  div.staticInfoArea div.mainTextArea.seniorLife {
    margin-top: 60px;
  }

  div.staticInfoArea h4.staticInfoSub {
    font-size: 17px;
    font-weight: bold;
    color: #333333;
    line-height: 25px;
    padding-bottom: 20px;
    margin-bottom: 16px;
    border-bottom: 1px solid #e5e5e5;
  }

  div.staticInfoArea h4.staticInfoSub.text-center {
    line-height: 28px;
  }

  div.staticInfoArea p.staticInfoBoldTxt {
    font-size: 15px;
    line-height: 28px;
    margin-top: 45px;
  }

  div.staticInfoArea p.staticInfoMainTxt,
  div.staticInfoArea ul {
    font-size: 14px;
    color: #333333;
    line-height: 24px;
  }

  div.staticInfoArea div.staticInfoGrayBgArea {
    margin-bottom: 0;
    padding: 40px 30px 80px 30px;
    background-color: #F5F3F0;
  }

  div.staticInfoArea h5.staticInfoFukidashi {
    width: 200px;
    height: 60px;
    margin: 0 auto;
    color: transparent;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-position: center;
    background-image: url('../src/img/info/company/mb_fukidashi.png');
  }

  div.staticInfoArea ul.staticInfoList {
    margin-top: 15px;
    border-top: 1px solid #E5E5E5;
  }

  div.staticInfoArea ul.staticInfoList li {
    padding: 10px 0;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
  }

  #contentArea.staticInfoArea #articleArea a.btn {
    width: 260px;
  }

  /* 学生寮 */
  div.staticInfoArea .manyBtnArea {
    text-align: center;
    padding-top: 10px;
  }

  div.staticInfoArea .manyBtnArea div {
    padding: 0;
  }

  div.staticInfoArea .manyBtnArea img {
    width: 100%;
    height: auto;
  }

  div.staticInfoArea .manyBtnArea h5 {
    font-weight: bold;
    font-size: 16px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 20px;
  }

  #contentArea.staticInfoArea #articleArea .manyBtnArea a.btn {
    max-width: 305px;
    width: 260px;
  }

  /*************** 静的ページ・特典 **************/
  .benefitsInfoArea {
    color: #333;
  }

  .benefitsInfoArea .nav {
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-box-shadow: 0px 5px 5px -3px rgba(0, 38, 64, 0.2);
    box-shadow: 0px 5px 5px -3px rgba(0, 38, 64, 0.2);
  }

  .benefitsInfoArea .nav .nav-item {
    width: 50%;
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .benefitsInfoArea .nav .nav-item .nav-link {
    font-size: 14px;
    font-weight: bold;
    padding: 12px;
    background-color: #FFF;
    color: #5A8FB2;
    border-bottom: 4px solid #fff;
    -webkit-border-radius: 0;
    border-radius: 0;
  }

  .benefitsInfoArea .nav .nav-item .nav-link.active {
    background-color: #FFF;
    color: #005B97;
    border-bottom: 4px solid #005B97;
  }

  .benefitsInfoArea h3.navy_border_title {
    width: 100%;
    margin-top: 60px;
    margin-bottom: 20px;
    color: #005B97;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    padding: 16px;
    border: 1px solid #005B97;
  }

  .benefitsInfoArea h3.navy_border_title.firstTitle {
    margin-top: 80px;
  }

  .benefitsInfoArea h4.blue_font_title {
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
    padding: 30px 0 15px 0;
    margin-bottom: 15px;
    color: #005B97;
    border-bottom: 2px solid #e5e5e5;
  }

  .benefitsInfoArea .tableScrollArea {
    overflow-x: scroll;
    overflow-y: hidden;
    margin-right: -15px;
    margin-left: -15px;
    padding-bottom: 10px;
    padding-left: 15px;
    -webkit-scrollbar: #005B97;
  }

  .blueHeaderContentArea {
    padding: 0 15px;
  }

  .benefitsInfoArea .mainText {
    font-size: 14px;
    line-height: 24px;
  }

  .benefitsInfoArea .mainText .mainText_bold {
    font-weight: bold;
  }

  .benefitsInfoArea .subText {
    font-size: 14px;
    line-height: 24px;
  }

  .benefitsInfoArea .mainTextArea {
    font-size: 14px;
    line-height: 24px;
    color: #333;
    margin-bottom: 20px;
  }

  .benefitInfoArea .mainTextArea span span.tablink {
    color: #2E75B6;
    display: inline;
    cursor: pointer;
  }

  .benefitsInfoArea .blueHeaderArea {
    padding-bottom: 30px;
    margin-top: 30px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #F5F3F0;
  }

  .benefitsInfoArea figure.mainImg {
    padding-top: 12px;
    margin-bottom: 26px;
  }

  .benefitsInfoArea .blue_circle_list li {
    background-image: url('../src/img/info/benefit/members/blue_list_icon.png');
    -webkit-background-size: 10px;
    -o-background-size: 10px;
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: 0px 7px;
    font-size: 13px;
    padding: 6px 6px 6px 20px;
  }

  .benefitsInfoArea h3.blue_bg_title {
    padding: 20px;
    background-color: #5A8FB2;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
  }

  .benefitsInfoArea .timeSeriesArea {
    width: 100%;
    height: auto;
    text-align: center;
  }

  .benefitsInfoArea .timeSeriesArea img {
    max-width: 90%;
    height: auto;
  }

  /* ファミリーメンバーズ連携と解除 */
  .membersSettingInfo {
    margin-top: 40px;
    color: #333;
  }

  .membersSettingInfo .collapseCard .card {
    background-color: #F5F3F0;
    border: none;
    padding: 10px 15px 10px 15px;
    padding-bottom: 40px;
    -webkit-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;
  }

  .membersSettingInfo .membersSettingInfoHeader {
    position: relative;
    display: block;
    width: 100%;
    padding: 20px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.1em;
    background-color: #5A8FB2;
    color: #fff;
    text-decoration: none;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
  }

  .membersSettingInfo .membersSettingInfoHeader.collapsed {
    -webkit-border-radius: 50px 50px 50px 50px;
    border-radius: 50px 50px 50px 50px;
  }

  .membersSettingInfo .membersSettingInfoHeader:after {
    position: absolute;
    right: 16px;
    top: 0;
    content: "";
    display: block;
    width: 18px;
    height: 100%;
    text-decoration: none;
    background-repeat: no-repeat;
    background-image: url('../src/img/info/benefit/members/benefit_white_arrow.png');
    -webkit-background-size: 18px 9px;
    background-size: 18px 9px;
    background-position: center;
    -webkit-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
  }

  .membersSettingInfo .membersSettingInfoHeader.collapsed:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }

  .membersSettingInfo .collapseCard p.cardText {
    font-size: 14px;
    line-height: 24px;
    padding: 20px 0px 25px 0px;
    padding-bottom: 30px;
    border-bottom: 1px solid #5A8FB2;
  }

  .membersSettingInfo .collapseCard .orange_number_list li {
    position: relative;
    font-size: 14px;
    line-height: 24px;
    padding: 34px 20px 34px 44px;
    border-bottom: 2px solid #dcdad8;
    background-repeat: no-repeat;
    background-position: left center;
    -webkit-background-size: 30px 30px;
    -o-background-size: 30px 30px;
    background-size: 30px 30px;
  }

  .membersSettingInfo .collapseCard .orange_number_list li:after {
    position: absolute;
    display: block;
    width: 60px;
    height: 16px;
    content: "";
    top: -2px;
    left: 50%;
    margin-left: -30px;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-image: url('../src/img/info/benefit/members/benefit_blue_icon.png');
  }

  .membersSettingInfo .collapseCard .orange_number_list li.list_1 {
    background-image: url('../src/img/info/benefit/members/mark_1.png');
  }

  .membersSettingInfo .collapseCard .orange_number_list li.list_1:after {
    display: none;
  }

  .membersSettingInfo .collapseCard .orange_number_list li.list_2 {
    background-image: url('../src/img/info/benefit/members/mark_2.png');
  }

  .membersSettingInfo .collapseCard .orange_number_list li.list_3 {
    background-image: url('../src/img/info/benefit/members/mark_3.png');
  }

  .membersSettingInfo .collapseCard .orange_number_list li.list_4 {
    background-image: url('../src/img/info/benefit/members/mark_4.png');
  }

  .membersSettingInfo .collapseCard .orange_number_list li.list_5 {
    background-image: url('../src/img/info/benefit/members/mark_5.png');
  }

  .membersSettingInfo .collapseCard .orange_number_list li.noArrowIcon {
    border-top: 1px solid #5A8FB2;
  }

  .membersSettingInfo .collapseCard .orange_number_list li.noArrowIcon:after {
    display: none;
  }

  .membersSettingInfo .subText {
    padding-top: 30px;
  }

  .membersSettingInfo .orange_number_list .subText {
    padding-top: 10px;
  }

  .membersSettingInfo .btn {
    width: 300px !important;
  }

  #collapseMembersDelete .card {
    padding-top: 30px;
  }

  /* 会員の種類テーブル */

  table.membersTypeTable {
    width: 100%;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }

  table.membersTypeTable th,
  table.membersTypeTable td {
    color: #333;
    padding: 20px;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
  }

  table.membersTypeTable th {
    padding: 20px 0;
    background-color: #4472C4;
    text-align: center;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: bold;
  }

  table.membersTypeTable tr:nth-child(even) {
    background-color: #CFD5EA;
  }

  table.membersTypeTable tr:nth-child(odd) {
    background-color: #E9EBF5;
  }

  table.membersTypeTable th.thType {
    min-width: 168px;
  }

  table.membersTypeTable th.thPlice {
    min-width: 112px;
  }

  table.membersTypeTable th.thLimit {
    min-width: 112px;
  }

  table.membersTypeTable th.thChara {
    min-width: 390px;
  }

  table.membersTypeTable .font_bold {
    font-weight: bold;
  }

  table.membersTypeTable .font_normal {
    font-size: 14px;
    line-height: 24px;
  }

  table.membersTypeTable .align_center {
    text-align: center;
  }

  /* ステータス区分テーブル */
  table.statusDivTable {
    width: 100%;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }

  table.statusDivTable th,
  table.statusDivTable td {
    color: #333;
    padding: 20px;
    vertical-align: middle;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
  }

  table.statusDivTable th {
    padding: 20px 0;
    background-color: #4472C4;
    text-align: center;
    color: #fff;
    letter-spacing: 0.2em;
    font-weight: bold;
  }

  table.statusDivTable tr:nth-child(3n) {
    background-color: #CFCECE;
  }

  table.statusDivTable tr:nth-child(3n+1) {
    background-color: #FFF5D3;
  }

  table.statusDivTable tr:nth-child(3n+2) {
    background-color: #CFD5EA;
  }

  table.statusDivTable th.thStatusDiv {
    min-width: 168px;
  }

  table.statusDivTable th.thCondition {
    min-width: 244px;
  }

  table.statusDivTable th.thBenefit {
    min-width: 370px;
  }

  table.statusDivTable .font_bold {
    font-weight: bold;
  }

  table.statusDivTable .font_normal {
    font-size: 14px;
    line-height: normal;
  }

  table.statusDivTable .font_normal span.border_solid {
    border: 1px solid;
    border-color: #333;
  }

  table.statusDivTable .align_center {
    text-align: center;
  }

  table.statusDivTable .font_small {
    font-size: 12px;
    line-height: normal;
  }

  /* 基本サービス */
  .benefitInformationArea {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 30px 0 30px 100px;
    clear: both;
    border-bottom: 1px solid #e5e5e5;
  }

  .benefitInformationArea .benefitImgIcon {
    position: absolute;
    left: 0px;
    top: 30px;
    width: 112px;
    height: 100%;
  }

  .benefitInformationArea .benefitImgIcon img {
    width: 80px;
    height: auto;
  }

  .benefitInformationArea .benefitCategoryIcon {
    display: inline-block;
    width: auto;
    max-width: 120px;
    min-width: 40%;
    margin-right: 5px;
    padding: 5px;
    color: #DDDDDE;
    background-color: #EFF1F2;
    text-align: center;
    font-size: 12px;
  }

  .benefitInformationArea .benefitCategoryIcon.on {
    background-color: #5A8FB2;
    color: #fff;
  }

  .benefitInformationArea h4 {
    font-size: 17px;
    font-weight: bold;
    padding: 15px 0;
  }

  #pills-services .navy_border_title {
    margin-bottom: 0;
  }

  /****** 会員情報の確認・変更ダイアログ ******/
  #modalMemberInfoEdit .modal-dialog {
    min-height: 280px;
  }

  #modalMemberInfoEdit .modal-dialog .modal-content-header {
    padding-bottom: 10px;
  }

  #modalMemberInfoEdit .modal-dialog .modal-content {
    height: auto;
  }

  #modalMemberInfoEdit .modal-dialog .modal-content h5 {
    font-size: 14px;
    margin-bottom: 0;
  }

  #modalMemberInfoEdit .modal-content-header {
    padding-top: 0;
  }

  #modalMemberInfoEdit ul.modalLinkList {
    position: relative;
    width: 100%;
  }

  #modalMemberInfoEdit ul.modalLinkList li {
    width: 100%;
    padding: 0 10px 0 10px;
    float: none;
    font-size: 12px;
    font-weight: bold;
  }

  #modalMemberInfoEdit ul.modalLinkList li a {
    display: block;
    padding: 15px 30px 15px 0;
    border-bottom: 1px solid #ccc;
    color: #005B97;
    background-image: url('../src/img/common/icon/navy_arrow.png');
    background-repeat: no-repeat;
    background-position: right 10px center;
    -webkit-background-size: 6px 12px;
    background-size: 6px 12px;
    text-decoration: none;
    opacity: 1;
    text-align: left;
  }

  #modalMemberInfoEdit ul.modalLinkList li a.hovered {
    opacity: 0.5;
  }

  /* 予約確認ダイアログ */
  #modalReserveConfirmList {}

  #modalReserveConfirmList p,
  #modalReserveConfirmList h5 {
    line-height: 1em;
  }

  #modalReserveConfirmList .btn {
    max-width: none;
    width: 100%;
    height: 44px;
    margin: 15px auto 0;
    padding: 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    color: transparent;
    background-repeat: no-repeat;
    -webkit-background-size: 160px 30px;
    -o-background-size: 160px 30px;
    background-size: 160px 30px;
    background-position: center;
  }

  #modalReserveConfirmList .modal-content {
    height: 282px;
    padding-top: 10px;
    padding-bottom: 15px;
  }

  #modalReserveConfirmList .reserve_btn_Dormyinn {
    margin-top: 20px;
    border: 1px solid #000;
    background-image: url('../src/img/common/dialog/reserve/img_check_dormy_inn.png');
  }

  #modalReserveConfirmList .reserve_btn_KyoritsuResort {
    border: 1px solid #634848;
    background-image: url('../src/img/common/dialog/reserve/img_check_resort.png');
  }

  #modalReserveConfirmList .reserve_btn_Yumeguri {
    border: 1px solid #126C32;
    background-image: url('../src/img/common/dialog/reserve/img_check_yumeguri.png');
  }

  /***********共通パーツ メンバー画像リスト **********/
  ul.memberImgList {
    width: 100%;
    padding: 0 10px;
    clear: both;
  }

  ul.memberImgList li {
    width: 50%;
    height: 230px;
    padding: 15px 15px 10px 15px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    float: left;
    text-align: center;
    padding: 10px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
  }

  ul.memberImgList li img {
    width: 120px;
    height: 120px;
    -webkit-border-radius: 60px;
    border-radius: 60px;
    margin-bottom: 15px;
  }

  ul.memberImgList li .memberName {
    overflow: hidden;
    white-space: pre-wrap;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    /*-ms-text-overflow: ellipsis;*/
    /*text-overflow: ellipsis;*/
  }

  /*TOPへ戻るボタン*/
  .totopBtnArea {
    right: 15px;
    width: 40px;
    height: 40px;
  }

  .totopBtnArea button {
    width: 40px;
    height: 40px;
  }

  /**************フッター************/
  footer#footer .footerContentArea ul {
    width: 100%;
  }

  footer#footer ul li {
    height: 60px;
    padding: 0;
  }

  /********* ボタン *******/
  .btn {
    height: 44px;
    padding: 11px;
  }
}

/* 管理画面 */
#contentArea.managementScreenArea {
  margin-top: 0 !important;
  padding-bottom: 60px;
}

.managementScreenArea {}

.managementScreenArea #managementHeaderArea {
  width: 100%;
  height: 50px;
  padding: 12px 0 11px 23px;
  background-color: #FFF;
}

.managementScreenArea h1.managementKyoritsuLogo {
  width: 91px;
  height: 27px;
  background-image: url('../src/img/common/Dormy_s_logo.png');
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}

#managementArea {
  width: 990px;
  margin: 0 auto;
  color: #606060;
}

#managementArea h2 {
  font-size: 20px;
  padding: 25px 0;
  margin: 0;
}

#managementArea h3 {
  font-size: 18px;
  padding: 0 30px 25px 30px;
}

#managementArea .managementTableArea {
  width: 100%;
  padding: 25px 0 20px 0;
  border-top: 3px solid #005BAC;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  overflow: hidden;
  background-color: #FFF;
  -webkit-box-shadow: 0px 1px 2px #00000014;
  box-shadow: 0px 1px 2px #00000014;
}

#managementArea .managementTableArea .managementTableWrap {
  padding: 0 30px;
  margin: 0;
}

#managementArea table.managementTable tr {
  border-top: 1px solid #F2F2F2;
}

#managementArea table.managementTable tr th,
#managementArea table.managementTable tr td {
  font-size: 14px;
  line-height: 24px;
  padding: 12px 12px 12px 0;
}

#managementArea table.managementTable tr th {
  width: 30%;
  font-weight: bold;
}

#managementArea table.managementTable tr td {
  width: 70%;
}

#managementArea select {
  font-size: 14px;
}

#managementArea hr {
  margin-top: 0;
}

#managementArea .btnManagementConfirm {
  display: inline-block;
  border: none;
  font-size: 14px;
  padding: 10px 36px;
  background-color: #005BAC;
  color: #fff;
  opacity: 1;
  -webkit-border-radius: 0 !important;
  border-radius: 0 !important;
  width: 100px;
}

#managementArea .btnManagementConfirm.hovered {
  opacity: 0.5;
}

#managementArea .managementFooter {
  padding-right: 30px;
  text-align: right;
}

#managementArea .managementEditComplete {
  text-align: center;
  padding: 235px 0 260px 0;
}

#managementArea .managementEditComplete p.reviewCompleteText {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
  color: #333333;
}


footer#footer p.footerLogo img {
  width: 110px;
  height: auto;
}

footer#footer p.footerLogo a {
  display: inline-block;
}

#managementArea .managementEditComplete p.reviewCompleteTextSub {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 30px;
  color: #999999;
}

/* プロモーション */
#promotionPage .mem-cta .btn-img {
  text-decoration: none;
}

#promotionPage .lead a {
  text-decoration: none;
}

/*ヘッダー・フッターない時用*/
body.forApp {}

body.forApp #contentArea {
  margin-top: 0;
}

body.forApp #contentArea div.facility_buttonArea {
  padding-bottom: 20px;
}

/* 共立MAP */
body.forApp #contentArea.mapDispArea #articleArea section.contentBox {
  padding-bottom: 0px;
}

body.forApp #contentArea.mapDispArea .searchContainer {
  top: 15px;
}

body.forApp #articleArea.contactArea section.contentBox {
  padding-bottom: 30px;
}

body.forApp #contentArea.mapDispArea #articleArea {
  padding-bottom: 0;
}

body.forApp #mapInformationBtnArea {
  bottom: 30px;
}

body.forApp #nowLocationBtnArea {
  bottom: 30px;
}

body.forApp .forAppHiddenItem {
  display: none;
}

body.forApp div.mypageContent div.mypageFamilyMemberBox.invitate {
  padding-bottom: 60px;
}

body.forApp .usageHistoryArea {
  margin-top: 0;
}

body.forApp #membersHeaderTab {
  top: 0;
}

body.forApp {}

body.forApp .usageHistoryArea {
  padding-top: 0;
}

body.forApp .favoriteArea {
  padding-top: 0;
}

body.forApp #membersHeaderTab {
  display: none;
}

body.forApp .staticInfoArea h2.line_main_title {
  display: none !important;
}

/* 会員制度・特典 */
body.forApp .benefitsInfoArea .line_main_title {
  display: none;
}

body.forApp .benefitsInfoArea .nav {
  position: fixed;
  top: 0;
  z-index: 50;
}

body.forApp .benefitsInfoArea h3.navy_border_title.firstTitle {
  margin-top: 55px;
}

/* カード部分 */
@media (max-width: 430px) {
  div.mypageContent div.membersCardWrap {
    position: relative;
    width: 100%;
    padding: 10px 10px 0 10px;
  }

  div.mypageContent div.kyoritsuMembersCardBg {
    position: relative;
    width: 100%;
    height: auto;
    margin: 0 auto 15px;
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
  }

  div.mypageContent div.kyoritsuMembersCardBg img {
    position: relative;
    width: 100%;
    height: auto;
  }
}

@media print {
  body {
    -webkit-print-color-adjust: exact;
  }

  #headerArea {
    display: none;
  }

  #header {
    display: none;
  }

  div.mypageContent h3.sub_title {
    font-size: 32px;
    margin-bottom: 30px;
  }

  div.mypageContent div.membersCardWrap {
    width: 361px;
    height: auto;
    margin: 0 auto 15px;
  }

  #membersHeaderTab {
    display: none
  }

  body.blueBg,
  #contentArea.blueBg {
    background-color: #fff !important;
  }

  #membersProfileArea {
    display: none;
  }

  #joinCommunityArea {
    display: none;
  }

  div.mypageContent a.print {
    display: none !important;
  }

  .totopBtnArea {
    display: none;
  }

  #toTopBtn {
    display: none;
  }

  #footer {
    display: none;
  }
}