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

/* cp_ishigaki customスタイル */

/*----------------------------------
トップページ
----------------------------------*/
body#top .top-h1 {
  position: relative;
  font-family: 'Cormorant Garamond', serif;
}

body#top .top-ttl {
  position: absolute;
  top: 15px;
  right: 0;
  left: 0;
  padding: 0;
  /*color: #FFF;*/
  color: #0e178f;
  font-size: clamp(14px, -2.906px + 4.484vw, 24px);
  font-weight: bold;
  /*text-shadow: #3641C5 0px 0px 10px;*/
  text-shadow: #fff 0px 0px 10px;
  line-height: 1.5;
  text-align: center;
}

/*body#top .top-ttl span {
  text-shadow: #F0BCCC 0px 0px 10px;
}*/

body#top .top-ttl .txt85per {
  font-size: 85%;
}

body#top .top-subttl {
  background-color: #151A83;
  color: #fff;
  font-size: clamp(14px, -2.906px + 4.484vw, 24px);
  font-weight: bold;
  letter-spacing: 2px;
  line-height: 2.5;
  text-align: center;
}

.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;
}

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

/* 250226 */
.location-ditem_column1 {
    width: 100%;
    margin-bottom: 20px;
}

.location-dlist_column2 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.location-ditem_column2 {
    width: calc((100% - 20px) / 2);
}

.location-dttl_blue {
    background-color: #68A9CF;
    padding-left: 5px;
    color: #fff;
}

.location-dttl_grn {
    background-color: #8DC76D;
    padding-left: 5px;
    color: #fff;
}

.location-dttl_pink {
    background-color: #E17E85;
    padding-left: 5px;
    color: #fff;
}

.location-dttl_purple {
    background-color: #B979B1;
    padding-left: 5px;
    color: #fff;
}

.location-dttl_drkgrn {
    background-color: #25B7AA;
    padding-left: 5px;
    color: #fff;
}

.location-dttl_orng {
    background-color: #F6AD54;
    padding-left: 5px;
    color: #fff;
}

.location-ddata_column {
    margin-top: 2px;
}

.location-h3 {
    margin: 60px 0 30px;
    border: none;
    color: #4893c2;
    text-align: center;
    font-family: 'Cormorant Garamond', serif;
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 0.075em;
}

.location-wrap {
    width: 95%;
    margin: 0 auto;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "Noto Serif JP", serif;
}

.location-item {
    margin-bottom: 60px;
}

.location-item:last-of-type {
    margin-bottom: 0;
    padding-bottom: 60px;
}

.location-info-h4 {
    position: relative;
    margin-bottom: 0.3em;
    padding: 0 0 8px 10px;
    border-bottom: solid 2px #cccccc;
    color: #666666;
    text-align: left;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0.025em;
}

.location-ditem_info {
    display: flex;
    justify-content: space-between;
    padding: 15px 0 8px;
    border-bottom: 1px dotted #dcdcdc;
}

.location-dttl_info {
  width: 65%;
}

.location-ddata_info {
  width: 30%;
  text-align: right;
}
/* 250226 ここまで */

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;
}

/*----------------------------------
ランドプラン・眺望
----------------------------------*/
body#view .freespirit {
  margin-bottom: 120px;
  background: linear-gradient(#ebf6fc, #ffffff);
  text-align: center;
}

body#view .entrance {
  margin: 40px 0;
}

body#view .view {
  margin-bottom: 60px;
}

body#view .view-h3 {
  margin-top: 30px;
  border: none;
  color: #4893c2;
  font-size: 24px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "Noto Serif JP", serif;
  line-height: 1.3;
  text-align: center;
  letter-spacing: 0.075em;
}

body#view .pano-wrap {
    position: relative;
    overflow: hidden;
    user-select: none;
    margin: 20px 0 0;
}

body#view .pano-wrap .figure img {
    position: relative;
    left: -1335px;
    width: auto;
    max-width: none;
    height: 500px;
    vertical-align: top;
}

body#view .pano-wrap .pano {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    width: 100%;
    margin: auto;
    z-index: 1;
    height: 0;
}

body#view .pano-wrap .pano .controls {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 0;
}

body#view .pano-wrap .pano .controls a {
    width: 30px;
    height: 50px;
}

body#view .pano-wrap .pano .controls .left {
    background: url(/other/yojiro/img/btn_panoPrev.png) no-repeat center center / cover;
}

body#view .pano-wrap .pano .controls .right {
    background: url(/other/yojiro/img/btn_panoNext.png) no-repeat center center / cover;
}

/*----------------------------------
ルームプラン
----------------------------------*/
body#plan .plan-block {
  margin-bottom: 40px;
}

body#plan .plan-h2 {
  margin-bottom: 40px;
}

body#plan .plan-ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px
}

body#plan .plan-li {
  width: calc((100% - 5px) / 2);
}

.plan-modalwrap img,
.plan-modalwrap a {
  margin-bottom: 20px;
}

body#plan .plan-btn {
  background: linear-gradient(to right, #46beb4, #1e7cda);
  display: block;
  padding: 20px;
  border-radius: 4px;
  color: #ffffff;
  font-size: 16px;
  text-decoration: none;
  text-align: center;
  transition: 0.3s;
}

body#plan .plan-btn:hover {
  opacity: 0.7;
}

/*----------------------------------
設備・仕様・構造・その他
----------------------------------*/
/* 250228 */
.equipment-wrap {
    margin-top: 40px;
}

.equipment-ul_plan {
    text-align: center;
}

.equipment-li_plan {
    margin-bottom: 40px;
}

.equipment-navi {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.equipment-naviitem {
    display: inline-block;
    width: calc((100% - 10px) / 2);
    text-align: center;
}

.equipment-naviitem a {
    display: block;
    background: #024882;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 4px;
}

.equipment-naviitem a:hover {
    opacity: 0.7;
}

.equipment-naviitem a span:hover {
    color: #fff;
    text-decoration: none;
}

/* 各プラン共通 */
.plans {
    margin-top: 80px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "Noto Serif JP", serif;
}

.plans-ul_change {
    margin-bottom: 40px;
}

.plans-li_change {
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.plans-li_change._active::after {
    content: '';
    position: absolute;
    display: block;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -10px;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    transition: all 0.3sease 0s;
}

.plans-li_change._states {
    background: #024882;
}

.plans-li_change._states::after {
    border-color: #024882 transparent transparent transparent;
}

.plans-li_change._premium {
    background: #837e84;
}

.plans-li_change._premium::after {
    border-color: #837e84 transparent transparent transparent;
}

.plans-li_change._executive {
    background: #1e1612;
}

.plans-li_change._executive::after {
    border-color: #1e1612 transparent transparent transparent;
}

.plans-li_change a {
    display: block;
    padding: 10px 0;
    color: #fff;
    text-decoration: none;
}

.plans-li_change a:hover {
    text-decoration: none;
}

.plans-content {
    margin-bottom: 80px;
}

.plans-ul_column2 {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.plans-li_column2 {
    width: calc((100% - 15px) / 2);
}

.plans-figure img {
    margin-bottom: 10px;
}

.plans-figure figcaption {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: bold;
}

.plans-desc span {
    font-size: 11px;
}

.plans-note {
    margin-top: 60px;
    font-size: 12px;
}

/* states */
.states-h2 {
    margin: 60px 0 40px;
    font-size: 30px;
    text-align: center;
}

.states-h3 {
    margin-bottom: 30px;
    color: #000;
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.075em;
    line-height: 1.2;
    text-align-last: left;
    border: none;
}

.states-h3 span {
    padding: 0;
    font-size: 60%;
}

.states-mv {
    margin-bottom: 30px;
}

/* premium */
.premium {
    background: url(/other/yojiro/img/equipment/premium/bg.jpg);
    padding: 40px 0;
    color: #fff;
}

.equipment-naviitem_premium {
    display: inline-block;
    width: calc((100% - 10px) / 2);
    text-align: center;
}

.equipment-naviitem_premium a {
    display: block;
    background: #837e84;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 4px;
}

.equipment-naviitem_premium a:hover {
    opacity: 0.7;
}

.equipment-naviitem_premium a span:hover {
    color: #fff;
    text-decoration: none;
}

.premium-h2 {
    margin: 60px 0;
}

.premium-h3 {
    margin-bottom: 30px;
    border: none;
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.075em;
    text-align: center;
}

.plans-dl {
    margin-bottom: 20px;
}

.plans-ditem {
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #fff;
}

.plans-dt {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.plans-dd {
    margin-bottom: 10px;
}

.premiumicon {
    background: #666469;
    display: block;
    width: fit-content;
    margin-bottom: 4px;
    padding: 4px 8px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
}

/* executive */
.executive {
    background: url(/other/yojiro/img/equipment/executive/bg.jpg);
    padding: 80px 0;
    color: #fff;
}

.equipment-naviitem_executive {
    display: inline-block;
    width: calc((100% - 10px) / 2);
    text-align: center;
}

.equipment-naviitem_executive a {
    display: block;
    background: #1e1612;
    color: #ffffff;
    text-decoration: none;
    padding: 10px 5px;
    border-radius: 4px;
}

.equipment-naviitem_executive a:hover {
    opacity: 0.7;
}

.equipment-naviitem_executive a span:hover {
    color: #fff;
    text-decoration: none;
}

.executive-h2 {
    margin: 60px 0;
}

.executive-h3 {
    margin-bottom: 30px;
    color: #fff;
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.075em;
    text-align: center;
    border: none;
}

.executive-ul {
    margin-bottom: 20px;
}

.executive-li {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #fff;
}

.executive-lileft {
    width: 60%;
}

.executive-liright {
    width: 35%;
}

.executive-littl {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
}

.executiveicon {
    background: #1e1612;
    display: block;
    width: fit-content;
    margin-bottom: 4px;
    padding: 4px 8px;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
}

/* equipment */
.equipment {
    margin-top: 80px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "Noto Serif JP", serif;
}

.equipment-h3 {
    position: relative;
    margin-bottom: 30px;
    padding: 10px 15px;
    border-bottom: 1px #ccc solid;
    border-left: solid 4px #ccc;
    color: #000;
    font-family: 'Cormorant Garamond', serif;
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0.075em;
    text-align: left;
}

.equipment-h3 span {
    display: block;
    padding: 0;
    font-size: 65%;
    line-height: 1.2;
}

.equipment-note {
    margin-top: 60px;
    font-size: 12px;
}

/* other */
.other {
    margin-top: 80px;
}

.other-h3 {
    margin-bottom: 30px;
    color: #000;
    font-family: 'Cormorant Garamond', serif;
    font-size: 30px;
    font-weight: 500;
    letter-spacing: 0.075em;
    text-align: center;
    border: none;
}

.other-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

.other-li {
    width: calc((100% - 20px) / 2);
}

.other-li img {
    margin-bottom: 10px;
}

.other-ttl {
    margin-bottom: 5px;
    font-weight: bold;
}

/* eco */
.eco {
    background: #f0eddf;
    position: relative;
    margin-top: 80px;
    padding: 80px 20px;
    border-radius: 4px;
}

.ecoicon {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 88px;
    margin: 0;
    padding: 0;
    z-index: 1;
}

.eco-box {
    position: relative;
    background: #f8f7f6;
    margin-top: 60px;
    padding: 50px 20px;
    border-radius: 10px;
}

.eco-box:first-of-type {
  margin-top: 0;
}

.eco-subttl {
    font-size: 14px;
    text-align: center;
}

.eco-h4 {
    background: #8bc1ac;
    margin: 8px 0 20px;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

.eco-boxinner:first-of-type {
  margin-bottom: 60px;
}

.eco-contentfig {
    display: flex;
    align-items: center;
    max-width: 300px;
    width: 100%;
    margin: 20px auto;
}

.eco-boxnote {
    margin-top: 20px;
    font-size: 12px;
}

/* structure */
.structure {
    margin-top: 80px;
}

.structure-ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

.structure-li {
    width: calc((100% - 20px) / 2);
}

.structure-fig img {
    margin-bottom: 10px;
}

.structure-fig figcaption {
    margin-bottom: 5px;
    font-size: 15px;
    font-weight: bold;
}

.structure-content {
    margin-bottom: 10px;
    padding: 60px 0;
    font-size: 15px;
    font-weight: bold;
}

.structure-desc span {
    font-size: 12px;
}

/* security */
.security {
    margin: 80px 0;
}

.security-ul {
    display: flex;
    flex-wrap: wrap;
}

.security-li {
    width: 100%;
    margin-top: 20px;
    padding-top: 10px;
    border-top: 1px solid #ccc;
}

.security-li:first-of-type {
  margin-top: 0;
}

.security-li:first-child {
    border: none;
}

.security-ttl {
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
}

.security-desc {
  margin-bottom: 20px;
}

.security-fig {
  text-align: center;
}

.security-fig img {
  width: auto;
}

.raccess {
    position: relative;
    margin-top: 80px;
    padding: 10px;
    border: 2px solid #8290b3;
}

.security-h4 {
    background: #8290b3;
    margin-bottom: 20px;
    padding: 15px;
    color: #fff;
    font-size: 22px;
    text-align: left;
}

.security-h4 span {
    font-size: 1.2em;
}

.raccessimg {
    position: absolute;
    top: 10px;
    right: 0;
    z-index: 1;
    width: 39%;
    max-width: 159px;
}

.raccess-desc {
    margin: 50px 0 20px;
    font-size: 16px;
    text-align: center;
}

.raccess-fig {
    text-align: center;
}

.raccess-note {
    margin-top: 20px;
    font-size: 16px;
    text-align: center;
}
/* 250228 ここまで */

/*----------------------------------
アクセス周辺
----------------------------------*/
.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%;
}
.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;
}
.eltbl dd:last-child {
  padding:0.4em 0.4em;
  border-bottom:none;
  margin-bottom:10px;
}

/*
.el-info p {
  margin-bottom:0.3em;
  line-height: 1.3 !important;
  font-size: 95% !important;
  font-weight:normal;
  padding: 0 0 0 1.1em !important;
  text-indent:-1em;
}*/

.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;
}

/*----------------------------------
共通
----------------------------------*/
figure {
  margin: 0;
}

img {
  max-width: 100%;
}

.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;
}

.yojiro-title {
    position: relative;
    text-align: center;
    font-weight: normal;
    padding: 35px 0;
    background: url(/other/yojiro/img/bg.jpg) no-repeat top center;
}

h2.yojiro-title {
    color: #233648;
    font-size: 1.875rem;
    /* margin-bottom: 90px; */
    font-family: 'Cormorant Garamond', serif;
    font-weight: 500;
    letter-spacing: 0.075em;
    line-height: 1;
}

.yojiro-title span {
    display: block;
    margin-top: 1em;
    color: #233648;
    font-size: 18px;
    font-weight: normal;
}

.yojiro-title span::before {
    content: "";
    background: #233648;
    display: block;
    width: 50px;
    height: 1px;
    margin: 15px auto;
}
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;
}

.bg-none {
  background: none;
}

.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:20px!important;
}
.mb40{
  margin-bottom:40px!important;
}
.mb80{
  margin-bottom:80px!important;
}
.pdg0 { padding: 0 0!important;}
.pt20{
  padding-top: 20px!important;
}
.pb40 {
  padding-bottom: 40px!important;
}

.txtWht {
    color: #fff!important;
}
.txt14 {
    font-size: 0.875rem!important;
}
.txt15 {
    font-size: 0.9375rem!important;
}
.txt20 {
    font-size: 1.25rem!important;
}
.txtBold { font-weight:600;}
.serif {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "Noto Serif JP", serif;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.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;
}

/*----------------------------------
上部ナビ
----------------------------------*/
.area-subnav {
  border: none;
  border-radius: 0;
  background: #f9f8f6;
  border-top: 3px solid #193d5b;
  border-bottom: 1px solid #E0E0E0;
}
.area-subnav dt,
.area-subnav dd{
  font-size: 100%;
}
.area-subnav dt a {
  padding: 10px 15px;
  color: #193d5b;
}
.area-subnav li {
  border-top: 1px solid #E0E0E0;
}
.area-subnav li a{
  color: #193d5b;
}
.area-subnav li.active{
  border-left: 3px solid #d4320d;
  background-color:#fff;
}
.area-subnav li.active a{
  color:#d4320d;
}

.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 #193d5b;
}
.area-subnav-open dt span:before {
  margin-top: -8px;
  border: 5px solid transparent;
  border-bottom: 5px solid #193d5b;
}
.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;
}