@charset "utf-8";
/* CSS Document */

/* cp_ishigaki customスタイル */

/*----------------------------------
トップページ
----------------------------------*/
.price-section{
  margin-bottom: 20px;
}

.branding-area p.top-message{
  text-align: center;
  font-weight: bold;
  color: #800000;
  font-size: 24px;
  padding: 0;
}

.wrap02.modelroom{
  padding-top: 0;
}

.cap_L {
  padding: 10px;
  background: #663401;
  /*background: #193d5b;*/
  text-align: center;
  color:#fff;
  font-weight:bold;
}
.cap_L small {
  font-size:85%;
  font-weight:normal;
}
dl.infoRed > dt {
  margin:0.5em 0;
  padding:0.8em;
  background: #800000;  
}
dl.infoRed  > dd{
  line-height:1.4;
  padding:0 0.5em;
}
dl.infoRed strong{
  color:#800000;
  font-weight:bold;
}

/* トップ 完成物件写真へのリンクボタン */

.btnPhoto {
  text-align: center;
}

.btnPhoto a {
  font-size: 1em;
  display: inline-block;
  padding: 5px 8px;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  background-color: #193D5B;
  background-position: 20px 50%;
  background-repeat: no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border-top: 1px solid #f2f4f1;
  box-shadow: 0 1px 0 #193D5B;
}

/* トップ 完成物件写真 */

ul.photo-group {
  width:70%;
  margin: 0px auto 10px;
  text-align: center;
}
ul.photo-group li {
  display: block;
    list-style: none;
    margin: 20px 0 20px;
}

/*overwrite*/
.wrap02 {
    padding: 10px 4px;
}

/* -------------
fine-ishigaki
------------- */
/* 共通 */
.fine-ishigaki-heading-wrap {
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  font-family: 'Noto Serif JP', serif;
  color: #0d2246;
}

.fine-ishigaki-heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1;
}

.fine-ishigaki-heading span {
  font-size: 16px;
}

/* TOP */
.fine-ishigaki-fv {
  width: 100%;
  margin: 0 auto 10px;
  text-align: center;
  font-family: 'Noto Serif JP', serif;
  color: #0d2246;
}

.fine-ishigaki-fv .fine-ishigaki-logo {
  width: 50%;
  max-width: 229px;
  min-width: 200px;
  margin: 0 auto 5px;
}

.fine-ishigaki-fv h1 {
  width: fit-content;
  margin: 0 auto 10px;
  /* border-bottom: 2px solid #0d2246; */
  font-size: clamp(20px, 15.705px + 1.342vw, 26px);
  font-weight: bold;
  line-height: 1.5;
}

.fine-ishigaki-fv h1 span {
  font-size: clamp(16px, 13.136px + 0.895vw, 20px);
}

.fine-ishigaki-fv > p.fine-ishigaki-fv-text {
  margin-bottom: 10px;
  padding: 0;
  font-size: clamp(16px, 13.136px + 0.895vw, 20px);
  font-weight: bold;
  line-height: 1.5;
}

.fine-ishigaki-fv img {
  max-width: 100%;
}

.fine-ishigaki-contents {
  padding: 15px 3.125%;
  font-family: 'Noto Serif JP', serif;
  /* font-size: 15px; */
  overflow: hidden;
}

.fine-ishigaki-contents.top {
  padding-top: 0;
}

.fine-ishigaki-guidance {
  width: 100%;
  margin: 20px auto 60px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e9ec;
}

.fine-ishigaki-guidance.-style01 {
  border: none;
  margin-bottom: 0px;
}

.fine-ishigaki-guidance p.fine-ishigaki-guidance-text {
  width: 100%;
  padding: 5px 0;
  border: 1px solid #0d2246;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #0d2246;
}

.fine-ishigaki-guidance.-style01 p.fine-ishigaki-guidance-text {
  border: none;
  font-size: 20px;
  font-weight: bold;
}

.fine-ishigaki-guidance.-style01 p.fine-ishigaki-guidance-text span.new {
  display: inline-block;
  position: relative;
}

.fine-ishigaki-guidance.-style01 p.fine-ishigaki-guidance-text span.new:before {
  font-family: Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  content: "NEW";
  display: inline-block;
  position: absolute;
  top: -17px;
  left: -47px;
  width: 40px;
  height: 18px;
  text-align: center;
  line-height: 18px;
  color: #fff;
  font-size: 14px;
  background: #950300;
}

.top-btn-wrap {
  display: flex;
  justify-content: space-between;
  column-gap: 10px;
  margin-bottom: 10px;
}

a.top-btn {
  display: block;
  width: 100%;
  padding: 16px 0;
  font-size: 15px;
  text-align: center;
  color: #fff;
  background: #0d2246;
  text-decoration: none;
  line-height: 1em;
  font-family: 'Noto Serif JP', serif;
}

a.inquiry-btn {
  display: block;
  width: 100%;
  margin: 30px auto 30px;
  padding: 20px 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
  background: #0d2246;
  text-decoration: none;
  line-height: 1em;
  font-family: 'Noto Serif JP', serif;
}

.top-logo-wrap {
  display: flex;
  flex-direction: column;
  width: 60%;
  max-width: 300px;
  min-width: 200px;
  margin: 0 auto 20px;
}

.top-logo-wrap figure {
  margin: 0 0 25px;
}

.top-logo-wrap figure:first-of-type {
  width: 80%;
}

.top-logo-wrap figure:nth-of-type(2) {
  width: 85%;
}

.top-logo-wrap figure figcaption {
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 600;
}

.top-logo-wrap figure img {
  max-width: 100%;
}

/*----------------------------------
ロケーション
----------------------------------*/

body#location .location_info {
    background-color: #fff5ed;
    margin: 20px 0 0;
    padding: 20px 0 45px;
}

body#location .location_info h3 {
    font-size: 180%;
    font-weight: bold;
    text-align: center;
    color: #663401;
	border-bottom: none;
}

body#location .location_info .wrap {
    background: none;
    margin-bottom: 20px;
}

body#location .location_list {
    background: none;
    color: #193d5b;
}

body#location .location_list .category01 {
    color: #fff;
    background-color: #663401;
    padding: 5px;
}
body#location .location_list table {
    width: 100%;
}

body#location .location_list table th, body#location .location_list table td {
    padding: 10px 5px;
}

body#location .location_list table th {
    width: 35%;
    font-weight: normal;
	text-indent: -1em;
    padding-left: 1em;
}

body#location .location_list table td {
    width: 32.5%;
    /*font-weight: bold;*/
    text-align: right;
}

/*----------------------------------
モデルルーム
----------------------------------*/
#slider {
  margin: 0 auto 10px;
}
.slide-item img {
  width: 100%;
}
#thumbnail-list {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.thumbnail-item {
  flex: 0 1 8%;
  margin: 0 5px 10px 5px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
.thumbnail-item:after {
  content: '';
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: .3s opacity linear;
}
.thumbnail-item.thumbnail-current:after {
  opacity: 0;
}
.thumbnail-item img {
  width: 100%;
  margin: 0 auto;
  display:block;
}
ul.btn-group {
  width:100%;
  /*width:70%;*/
  margin: 0px auto 10px;
  text-align: center;
}
ul.btn-group li {
  display: block;
    list-style: none;
    margin: 20px 0 20px;
}

ul.btn-group li span {
    display: block;
    margin: 5px 0;
    text-align: right;
    letter-spacing: -0.02em;
}

.mdr {
  margin: 0 auto 10px;
  text-align:center!important;
}

/*----------------------------------
構造・設備
----------------------------------*/
body#equipment .line_top01{
  border-top:1px solid #193d5b;
  padding-top: 60px;
}
.equipment h3{
  margin:20px 0;
  padding:5px 10px 0;
  font-size:120%;
  font-weight:bold;
  background: #193d5b;
  color:#fff;
}
.equipment h3 span{
  display: block;
  padding: 5px 0;
  border-top: 1px solid #fff;
  font-size:80%;
  font-weight:normal;
}
.equipment-wrap {
  letter-spacing: -.40em;
  margin-top: 40px;
  margin-bottom:40px;
}
.equipment-wrap .equipment-detail {
  position: relative;
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 100%;
  box-sizing: border-box;
/*  margin-right: 5%;*/
  margin-bottom:40px;
}
.equipment-wrap .equipment-detail:nth-child(3n){
  margin-right: 0;
}
.equipment-wrap .equipment-detail img{
  width:100%;
  height:auto;
}
.equipment-wrap .equipment-detail dl{
  margin-bottom:10px;
  background: #fff;
}
.equipment-wrap .equipment-detail dt{
  margin-bottom:5px;
  border-bottom:1px solid #193d5b;
  color:#193d5b;
  font-size:110%;
  font-weight:bold;
}
.equipment-wrap .equipment-detail dd{
  margin-bottom:7px;
}

.f_en {
    font-family: Cinzel,serif;
    font-weight: 400;
}

.equipment-wrap a:link {
    /*color: #212121;*/
    text-decoration: none;
}

.equipment-wrap .eq_link_btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.equipment-wrap .eq_link_btns .btn_w {
    width: 100%;
}

.equipment-wrap .eq_link_btns a {
    display: block;
    width: 49%;
    line-height: 1;
    padding: 10px 0;
    margin-bottom: 5px;
    text-align: center;
    border: 1px #231815 solid;
    /*font-size: 1.6rem;*/
    color: #000;
    letter-spacing: 0.01em;
    transition: all .3s;
}

.branding-areaHg .equipment-wrap .eq_link_btns .btn_w {
    width: 100%;
}

.branding-areaHg .equipment-wrap #c04.eq_link_btns a {
    border: 1px #fff solid;
    color: #fff;
}

.equipment-wrap .eq_link_btns a.btn:hover,
.equipment-wrap .eq_link_btns a.btn:active {
	background: #e9e9e9;
}

.branding-areaHg .equipment-wrap #c04.eq_link_btns a.btn:hover,
.branding-areaHg .equipment-wrap #c04.eq_link_btns a.btn:active {
    color: #000;
	border: 1px #231815 solid;
}

.equipment-wrap .eq_link_btns a.on {
    background-color: #231815;
    color: #fff;
}

.branding-areaHg .equipment-wrap #c04.eq_link_btns a.on {
    background-color: #231815;
    color: #fff;
    border-color: #231815;
}

.equipment-wrap .eq_link_btns a.on:hover,
.equipment-wrap .eq_link_btns a.on:active {
	background-color: #e9e9e9;
    border: 1px #231815 solid;
	color: #000;
}

.branding-areaHg .equipment-wrap #c04.eq_link_btns a.on:hover,
.branding-areaHg .equipment-wrap #c04.eq_link_btns a.on:active {
	background-color: #e9e9e9;
    border: 1px #231815 solid;
	color: #000;
}

.equipment-wrap h2.con_titl {
    color: #231815;
    margin-bottom: 30px;
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 1.1;
}

.equipment-wrap h2.con_titl span {
    font-size: 0.9375rem;
    font-weight: 600;
}

.equipment-wrap .c_boxs01 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 20px;
    margin-bottom: 30px;
    border-bottom: 1px #999 solid;
}

.equipment-wrap .c_boxs01 .box,
.equipment-wrap .c_boxs01 .box02 {
    width: 48%;
	margin-bottom: 30px;
}

.equipment-wrap .c_boxs02 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0;
}

.equipment-wrap .c_boxs02 .box01,
.equipment-wrap .c_boxs02 .box01d,
.equipment-wrap .c_boxs02 .box02e {
    width: 100%;
    margin-bottom: 8px;
}

.equipment-wrap .c_boxs02 .box01c,
.equipment-wrap .c_boxs02 .box02d {
    width: 48%;
}


.equipment-wrap .c_boxs02 .box02 {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    margin-bottom: 0;
}

.equipment-wrap .c_boxs02 .box02b {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 48%;
    margin-bottom: 20px;
}

.equipment-wrap .c_boxs03 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 30px;
    margin-bottom: 60px;
    border-bottom: 1px #999 solid;
}

.equipment-wrap .c_boxs03 .boxs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.equipment-wrap .c_boxs03 .boxs .box {
    width: 48%;
    margin-bottom: 30px;
}

.equipment-wrap .c_boxs03 .boxs .box_bo {
	width: 42%;
    padding: 10px;
    border: 1px #333 solid;
}

.equipment-wrap .c_boxs03 .box_o {
    width: 48%;
    margin-bottom: 30px;
}

.equipment-wrap .security {
    margin-bottom: 20px;
    padding: 0 0;
    border: none;
}

.equipment-wrap .security h3 {
    position: relative;
    line-height: 2.0em;
    margin-bottom: 20px;
    padding: 6px 0 3px 10px;
    background: #efefef;
    font-size: 1.125rem;
    font-weight: 600;
    border: none;
    letter-spacing: 0;
    text-align: left;
}

.equipment-wrap .security h3.clavis {
    padding-left: 85px!important;
    letter-spacing: 0!important;
}

.equipment-wrap .security h3.clavis:before {
    position: absolute;
    top: 5px;
    left: 10px;
    content: "";
    display: inline-block;
    width: 3.9em;
    height: 2em;
    background: url(/okinawa/shurikinjocho/img/logo_Clavis.png) no-repeat;
    background-size: contain;
}

.equipment-wrap .c_boxs06, .equipment-wrap .c_boxs07 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 0 10px;
}

.equipment-wrap .c_boxs06 .box01 {
    margin-bottom: 0.8em;
    width: 60%;
}

.equipment-wrap .c_boxs06 .box02 {
    width: 100%;
}

.equipment-wrap .security .c_boxs07 .box01 {
    margin-bottom: 40px;
    width: 100%;
}

.equipment-wrap .security .c_boxs07 .box02 {
    width: 100%;
    margin-bottom: 30px;
}

.equipment-wrap .c_boxs01 img,
.equipment-wrap .c_boxs02 img,
.equipment-wrap .c_boxs03 img,
.equipment-wrap .c_boxs06 img,
.equipment-wrap .c_boxs07 img {
    -webkit-backface-visibility: hidden;
    max-width: 100%;
    height: auto;
    border: none;
    vertical-align: bottom;
    margin: 0;
    padding: 0;
}

.equipment-wrap .c_boxs01 .titl,
.equipment-wrap .c_boxs02 .titl,
.equipment-wrap .c_boxs03 .titl,
.equipment-wrap .c_boxs07 .titl {
    font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,'Noto Serif JP',serif;
    margin: 10px 0;
    font-size: 0.9375rem;
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.2;
}

.equipment-wrap .c_boxs01 .txt,
.equipment-wrap .c_boxs02 .txt,
.equipment-wrap .c_boxs02 .txt_df,
.equipment-wrap .c_boxs03 .txt,
.equipment-wrap .c_boxs05 .txt,
.equipment-wrap .c_boxs07 .txt {
    font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,'Noto Serif JP',serif;
    font-size: 0.8125rem;
    font-weight: 600;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 0.01em;
}

.equipment-wrap .c_boxs06 .txt {
    font-size: 0.8125rem;
    text-align: justify;
    text-justify: inter-ideograph;
    letter-spacing: 0.01em;
}

.equipment-wrap .c_boxs01 .cap,
.equipment-wrap .c_boxs02 .cap,
.equipment-wrap .c_boxs05 .cap {
	color: #424242;
    width: 100%;
    font-size: 0.75rem;
	letter-spacing: 0;
	
}

.equipment-wrap .c_boxs05 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px #999 solid;
}

.equipment-wrap .c_boxs05 .box01 {
    width: 100%;
    margin-bottom: 10px;
}

.equipment-wrap .c_boxs05 .box02 {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
}

.equipment-wrap .c_boxs05 h3 {
    margin-bottom: 0.1em;
    font-size: 1.375rem;
    font-weight: 600;
    border: none!important;
    letter-spacing: 0;
    text-align: left;
    line-height: 1.4;
}

.equipment-wrap .c_boxs05 h4 {
    margin-bottom: 0.8em;
    font-size: 1.0625rem;
    font-weight: 600;
    border: none!important;
    letter-spacing: 0;
    text-align: left;
}


@media (max-width: 740px) {

.equipment-wrap .eq_link_btns a {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 0.8125rem;
}

}


/*----------------------------------
アクセス周辺
----------------------------------*/
.life-photo-list {
  margin-bottom:10px;
  width:100%;
  display:flex;
  flex-wrap:wrap;
}
.life-photo-list li {
  width:32.2%;
  margin-right:1%;
  float:left;
  margin-bottom:6px;
  font-size:80%;
  line-height:1.1;
}
.life-photo-list li img{
  margin-bottom:2px
}
.life-photo-list li:nth-child(3),
.life-photo-list li:nth-child(6),
.life-photo-list li:nth-child(9),
.life-photo-list li:nth-child(12) {
  margin-right:0;
}

.access-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
}

.access-wrap h3.subTtl {
    display: inline-block;
    color: #8f2d14;
    font-size: 1.375rem;
    font-weight: 600;
    margin-bottom: 30px;
    padding: 0 5px;
    border-bottom: 1px solid #8f2d14;
}

.access-wrap h3.subTtl, .access-wrap h3.subTtl02 {
    font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,'Noto Serif JP',serif;
}

.access-wrap .p_cap01 {
    color: #fff;
    padding: 2px 5px;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0,0,0,.8);
    text-align: center;
}

.access-wrap .boxs {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.access-wrap .boxs .box {
    width: 48%;
    margin-bottom: 20px;
}

.access-wrap h2.con_titl {
    color: #231815;
    margin-bottom: 30px;
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 0.9;
}

.access-wrap h2.con_titl span {
    font-size: 0.875rem;
    font-weight: 600;
}

.access-wrap h3.subTtl, .access-wrap h3.subTtl02 {
    font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,'Noto Serif JP',serif;
}

.access-wrap h3.subTtl02 {
    display: block;
    color: #231860;
    font-size: 1.25rem;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 20px;
    padding: 0 5px;
}

.access-wrap .boxs.bgCl {
    /*width: 100%;*/
    padding: 30px 40px;
    margin-bottom: 40px;
    background-color: #f6f3f0;
}

.access-wrap .boxs.bgCl .box01 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
	margin-bottom: 10px;
}

.access-wrap .boxs.bgCl .box02 {
    width: 100%;
}

.access-wrap h2.con_titl {
    color: #231815;
    margin-bottom: 20px;
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: 2px;
    line-height: 0.9;
}

.access-wrap h3.subTtl02 {
    display: block;
    color: #231860;
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 20px;
    padding: 0 5px;
	text-align: left;
}

.access-wrap h4.cntrBdy {
    color: #fff;
    margin-bottom: 30px;
    font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,'Noto Serif JP',serif;
    font-size: 0.875rem;
    text-align: left;
    border: none;
    letter-spacing: 0.04em;
}

.boxs.bgCl .box01 h2.con_titl {
    color: #92826e!important;
}

.access-wrap .boxs.bgCl .txt {
    font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,'Noto Serif JP',serif;
    font-size: 0.875rem;
    line-height: 1.7;
    font-weight: 500;
}

.map03Wrap {
    background: #92826e;
    margin-bottom: 20px;
    padding: 10px 10px;
}


.access-wrap .boxs, .access-wrap .erea_info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 30px;
}

.access-wrap .boxs .box4clm {
    width: 48%;
    margin: 0 auto 20px;
}

.access-wrap .erea_info .box {
    width: 100%;
    margin: 0 auto;
}

.access-wrap .erea_info .box .titl {
    line-height: 1.0;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 1.5rem;
    color: #fff;
}

.access-wrap .erea_info .box .data {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
    background-image: url(/okinawa/shurikinjocho/img/dot.png);
    background-repeat: repeat-x;
    background-position: center;
    background-size: 5px;
    font-size: 0.8125rem;
}

.access-wrap .erea_info .box .data .data_txt {
    font-family: "游明朝","Yu Mincho","游明朝体",YuMincho,'Noto Serif JP',serif;
    color: #fff;
    padding: 0 5px;
    background-color: #92826e;
	letter-spacing: -0.04em;
}

.box4clm .cap.f_go {
    color: #fff;
    padding-top: 6px;
	font-size: 0.8125rem;
    letter-spacing: 0.01em;
    line-height: 1.4;
}


/*----------------------------------
物件概要
----------------------------------*/
.eltbl {
  margin-bottom:1em;
}
.eltbl dt {
  padding:0.4em 0.7em;
  border-bottom:1px solid #E0E0E0;
  background: #F2F2F2;
  font-size:115%;
  font-weight: 500;
}
.eltbl dt:before {
  content: "- ";
  color:#193D5B;
}
.eltbl dt.stitle{
  background: #193D5B;
    color:#fff;
}
.eltbl dt.stitle:before {
  content: "■ ";
  color:#fff;
}
.eltbl dd {
  padding:0.4em 0.4em;
  border-bottom:1px solid #193D5B;
  font-weight: 500;
}
.eltbl dd:last-child {
  padding:0.4em 0.4em;
  border-bottom:none;
  margin-bottom:10px;
}

.el-info  {
  padding: 8px 5px 20px;
  /*padding-top: 10px;*/
  border-top:2px solid #193D5B;
}

.el-info p {
    margin-bottom: 0.2em;
    line-height: 1.3;
    font-size: 0.8125rem!important;
    padding-left: 1.0em!important;
    text-indent: -1.0em;
}

/*----------------------------------
イベント
----------------------------------*/

body#event .container {
  padding: 3rem 0px;
}

body#event h2 {
  font-weight: bold;
  font-size: 4vw;
  margin-bottom: 1rem;
  border-left: 5px solid #004178;
  padding: 5px;
  padding-left: 1rem;
  letter-spacing: 0.2rem;
  text-align: left;
}

body#event .event-section {
  background-color: #f7fbff;
  margin-bottom: 3rem;
  padding: 2rem;
}

body#event .event-section h3 {
  font-weight: bold;
  font-size: 3.5vw;
  letter-spacing: 0.2rem;
  margin-bottom: 2rem;
  text-align: left;
  line-height: 1.5;
  border-bottom: none;
}
body#event .event-section h3 span.linebreak{
  font-size: 3.5vw;
  display: inline-block;
}

body#event .event-section p {
  font-size: 1.3rem;
}

body#event .event-section p.exp-detail {
  font-size: 3.5vw;
  font-weight: bold;
  margin-bottom: 2rem;
  padding: 10px;
  border-top: dotted 1px #2b3a54;
  border-bottom: dotted 1px #2b3a54;
  line-height: 1.5;
}

body#event .event-section p.notelist {
  line-height: 1.5;
  padding-left: 1rem;
  text-indent: -1rem;
}

body#event .event-section p.caution {
  line-height: 1.5;
  padding-left: 1rem;
}

body#event .map {
  width: 100%;
  background-color: #fff;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
  border-top: solid 1px #E8E9EC;
}

body#event .salon {
  border-top: none;
}

body#event .map img {
  max-width: 450px;
}

body#event .salon img {
  max-width: 570px;
}

body#event .map .caption {
  font-size: 1.3rem;
  padding-bottom: 1rem;
}

/*----------------------------------
共通
----------------------------------*/
.brand,
.brand2 {
  padding-bottom: 8px;
  width: 100%;
  margin-top:0;
}
.branding-area,
.branding-area02 {
  background: #fff;
  padding: 1.5% 0 0;
}
.branding-areaHg {
    background: #92826e;
    padding: 1.5% 0 0;
}
.branding-area p {
  padding: 1.5%;
  font-size: 115.38462%;
  line-height:1.3;
}
.branding-area02 p {
  padding: 0.5%;
  font-size: 100%;
  line-height:1.65;
  font-weight: normal;
}
h2.el-title {
  margin:0 auto 10px;
  padding:0.4em 0 0.2em;;
  background:#fff;
  color:#663401;
  /*color:#d4320d;*/
  font-size:140%;
  font-weight:bold;
  text-align:center;
  line-height:1.3;
}
h2.el-title small {
  font-size:70%;
}
.el-title-sub {
	display: block;
	color:#663401;
	font-size:110%;
	text-align: center;
	margin-bottom: 10px;
}
h3{
  margin: 0.5em 0;
  color:#193d5b;
  font-size: 1.0625rem;
  /*font-size:120%;*/
  font-weight:bold;
  text-align:center;
  border-bottom: 1px solid #193d5b;
}

h3 span {
    padding: 0 5px;
    font-size: 0.875rem;
}

h4{
  margin: 0.6em 0 0.2em;
  /*margin-bottom:1em;*/
  font-size: 1.0rem;
  font-weight:bold;
  color:#193d5b;
  text-align:center;
  border-bottom: 1px solid #193d5b;
}

ol.obj {
	counter-reset: item;
    padding-left: 0.5em;
    font-size: 0.875rem;
}

ol.obj li {
    margin-bottom: 6px;
    text-indent: -1.8em;
    padding-left: 1.8em;
}

ol.obj li:before {
    counter-increment: item;
    content: counter(item)'.';
    padding-right: 0.8em;
    font-weight: 600;
    /*color: #86210d;*/
}

.cap_p {
  margin-top:.5em;
  font-size:90% !important;
  line-height:1.5 !important;
}
.cap_small {
  font-size:85% !important;
  font-weight:normal;
}
.mt0{
  margin-top:0!important;
}
.mt10{
  margin-top:10px!important;
}.mt20{
  margin-top:20px!important;
}
.mt30{
  margin-top:30px!important;
}
.mt40{
  margin-top:40px!important;
}
.mb0{
  margin-bottom: 0px!important;
}
.mb5{
  margin-bottom: 5px!important;
}
.mb10{
  margin-bottom:10px!important;
}
.mt20{
  margin-top:20px!important;
}
.mb20{
  margin-bottom:20px!important;
}
.mb30{
  margin-bottom:30px!important;
}
.mb40{
  margin-bottom:40px!important;
}

.pdg0 { padding: 0 0!important;}
.pt0 {
  padding-top: 0!important;
}
.pb0 {
  padding-bottom: 0!important;
}

.txtWht {
    color: #fff!important;
}
.txt15 {
    font-size: 0.9375rem!important;
}
.txt14 {
    font-size: 0.875rem!important;
}
.txt20 {
    font-size: 1.25rem!important;
}
.txtBold { font-weight:600;}
.text-center {
    text-align: center;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.ls0 {
	letter-spacing: 0!important;
}
.ind1em {
	text-indent: -1em;
	padding-left: 1em;
}
.noBdr {
	border: none!important;
}
.wdh100per {
	width: 100%!important;
}
.wdh2col {
	width: 48%!important;
}
.grayBg {
    padding: 20px 20px;
    background: #efefef;
}
.grayBg02 {
    padding: 20px 20px;
    background: #eae5da;
}

/*----------------------------------
上部ナビ
----------------------------------*/
.wrap {
  padding: 10px 3.125%;
  background: #fff;
  max-width: none;
  min-width: 0;
  width: auto;
}

.area-subnav {
  font-family: 'Noto Serif JP', serif;
  border: none;
  border-radius: 0;
  background: #142346;
}
.area-subnav dt,
.area-subnav dd{
  font-size: 100%;
}
.area-subnav dt a {
  padding: 10px;
  color: #fff;
}
.area-subnav li {
  border-top: 1px solid #E8E9EC;
}
.area-subnav li a{
  color: #fff;
}
.area-subnav li a > .ja {
  display: inline-block;
  font-size: 10px;
  margin-left: 5px;
  transform: translateY(-1px);
}
.area-subnav li.active{
  border-left: 3px solid #d4320d;
  background-color:#fff;
}
.area-subnav li.active a{
  color:#d4320d;
}
.area-subnav li.inquiry {
  background: #004178;
}

.area-subnav dt span:before {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -3px;
  border: 5px solid transparent;
  border-top: 5px solid #fff;
}
.area-subnav-open dt span:before {
  margin-top: -8px;
  border: 5px solid transparent;
  border-bottom: 5px solid #fff;
}
.area-subnav li.grayout {
  padding: 10px 15px;
  color: #999;
  font-weight: bold;
}
.area-subnav li.grayout span {
  margin-left:0.5em;
  font-weight:normal;
}

/*----------------------------------
フッターナビ
----------------------------------*/
/*content.css調整*/
.wire01 .wire01-title {
    margin-bottom: 0;
}

.list01{
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  background:#f9f8f6;
  color: #193d5b;
}
.list01 a{
  color: #193d5b;
}
.list01 li{
  border-top: 1px solid #e0e0e0;
}
.list01 a:before {
  border-top: 1px solid #193d5b;
  border-right: 1px solid #193d5b;
}
.list01 li.active{
  border-left: 3px solid #d4320d;
  background-color:#fff;
}
.list01 li.active a{
  color:#d4320d;
}

.fine-ishigaki-footer-nav{
  font-family: 'Noto Serif JP', serif;
  margin-top: 25px;
  border-bottom: 1px solid #E8E9EC;
  background:#e5e5e5;
  color: #193d5b;
}
.fine-ishigaki-footer-nav li:first-child {
  border-top: 1px solid #E8E9EC;
}
.fine-ishigaki-footer-nav li{
  border-top: 1px solid #142346;
}
.fine-ishigaki-footer-nav a{
  color: #142346;
}
.fine-ishigaki-footer-nav li.inquiry a{
  color: #004178;
}
.fine-ishigaki-footer-nav li a .ja{
  display: inline-block;
  margin-left: 5px;
  font-size: 10px;
  transform: translateY(-1px);
}
.fine-ishigaki-footer-nav a:before {
  border-top: 1px solid #142346;
  border-right: 1px solid #142346;
}
.fine-ishigaki-footer-nav li.inquiry a:before{
  border-color: #004178;
}
.fine-ishigaki-footer-nav li.active{
  border-top: 1px solid #004178;
  border-left: 3px solid #004178;
  background-color:#fff;
}
.fine-ishigaki-footer-nav li.active a{
  color:#004178;
}
.fine-ishigaki-footer-nav li.active a:before {
  border-top: 1px solid #004178;
  border-right: 1px solid #004178;
}