@charset "UTF-8";

/*
    Theme Name: erishige 20230711
    Theme URI: 
    Description: erishige 
    Author:
    Author URI:
    Version: 1.0.0
*/

/** font Noto Serif JP を font family に登録 */
/*
@font-face {
  font-family: 'NotoSerifJP';
  src: url('https://erishige.com/wp-content/themes/erishige/font/NotoSerifJP-Regular.otf')  format('opentype');
}
*/
@font-face {
  font-family: 'Sawarabi Mincho';
  src: url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.eot);
  src: url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/sawarabimincho/v1/SawarabiMincho-Regular.ttf) format('truetype');
}

* {
/*	font-family: 'NotoSerifJP';  */
	font-family: 'Sawarabi Mincho'; 
}

body {
    background-color:#e9f6f7; /* #E7E2E2 */
}

p {
    font-size: 16px;
    line-height: 1.4em;
}


/** Aタグ リンクに対する設定 */
a { 
    color: inherit;
    text-decoration: underline;
}

a:hover { 
	color: inherit;
    text-decoration: underline;
}

/** フォントサイズ クラス */
.fontsize_0 { font-size: 90px; line-height:1.4em; } 
.fontsize_1 { font-size: 40px; line-height:1.4em; } 
.fontsize_2 { font-size: 32px; line-height:1.4em; } 
.fontsize_3 { font-size: 28px; line-height:1.4em; } 
.fontsize_4 { font-size: 24px; line-height:1.4em; } 
.fontsize_5 { font-size: 20px; line-height:1.4em; } 
.fontsize_6 { font-size: 18px; line-height:1.4em; } 
.fontsize_7 { font-size: 16px; line-height:1.4em; } 
.fontsize_8 { font-size: 14px; line-height:1.4em; } 
.fontsize_9 { font-size: 13px; line-height:1.4em; } 
.fontsize_10 { font-size: 12px; line-height:1.4em; }

/** 上に対する空白 */
.m_top_5 { margin-top:5px; }
.m_top_10 { margin-top:10px; }
.m_top_15 { margin-top:15px; }
.m_top_20 { margin-top:20px; }
.m_top_25 { margin-top:25px; }
.m_top_30 { margin-top:30px; }
.m_top_40 { margin-top:40px; }
.m_top_50 { margin-top:50px; }
.m_top_60 { margin-top:60px; }
.m_top_70 { margin-top:70px; }
.m_top_80 { margin-top:80px; }
.m_top_100 { margin-top:100px; }

/** 下に対する空白 */
.m_bottom_5 { margin-bottom:5px; }
.m_bottom_10 { margin-bottom:10px; }
.m_bottom_15 { margin-bottom:15px; }
.m_bottom_20 { margin-bottom:20px; }
.m_bottom_25 { margin-bottom:25px; }
.m_bottom_30 { margin-bottom:30px; }
.m_bottom_40 { margin-bottom:40px; }
.m_bottom_50 { margin-bottom:50px; }
.m_bottom_60 { margin-bottom:60px; }
.m_bottom_70 { margin-bottom:70px; }
.m_bottom_80 { margin-bottom:80px; }
.m_bottom_100 { margin-bottom:100px; }

/** 回りに対する空白 */
.m_box_size_05 { margin: 5px; }
.m_box_size_10 { margin: 10px; }
.m_box_size_15 { margin: 15px; }
.m_box_size_20 { margin: 20px; }
.m_box_size_30 { margin: 30px; }
.m_box_size_40 { margin: 40px; }

/** ヘッダー 設定 */
header h1 { 
    font-size:43px;
    line-height:1.2em;
    color: #4D4D4D; 
    width:300px;
    float:left;
}

header h2 { 
    font-size:30px;
    line-height:1.2em;
    font-weight: bold;
    color: #4D4D4D;
}

header nav ul li {
    font-size: 14px;
    line-height: 32px;
    display: inline-block;
    white-space: nowrap;
    margin-top:25px;
    margin-right: 25px;
    margin-top:30px;
}

header nav ul li a {
    color: #8B8B8B;
}

header nav ul li a:hover {
    color: #4c8385;
    transition: color 0.4s ease 0s;
}

header nav ul li a.active{
    color: #4c8385;
    transition: color 0.4s ease 0s;
}

/** 丸型メニュー  */
.circle{
    height:120px;
    min-height:25px;
    width:120px;
    position: relative;
    margin: 0px 0px 38px calc((100% - 980px) * 0.5);
    left: 430px;
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
    align-self: start;
}

.circle:hover { opacity: 0.6; filter: brightness(110%); }

.circle .about_link{
    justify-content: center;
    text-align: initial;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(232, 53, 86, 1);
    transition: border 0.4s ease 0s, background-color 0.4s ease 0s;
    border: solid rgba(232, 53, 86, 1) 0px;
    border-radius: 50%;
}

.circle .tenants_link{
    justify-content: center;
    text-align: initial;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(97, 208, 212, 1);
    transition: border 0.4s ease 0s, background-color 0.4s ease 0s;
    border: solid rgba(97, 208, 212, 1) 0px;
    border-radius: 50%;
}

.circle .contact_link{
    justify-content: center;
    text-align: initial;
    display: flex;
    align-items: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(209, 201, 38, 1);
    transition: border 0.4s ease 0s, background-color 0.4s ease 0s;
    border: solid rgba(209, 201, 38, 1) 1px;
    border-radius: 50%;
}

.circle .about_link span{
    font: normal normal normal 18px/1.4em "NotoSerifJP";
    transition: color 0.4s ease 0s;
    color: #FFFFFF;
    display: inline-block;
    margin: calc(-1 * 0px) 0px 0;
    position: relative;
    white-space: nowrap;
}

.circle .tenants_link span{
    font: normal normal normal 18px/1.4em "NotoSerifJP";
    transition: color 0.4s ease 0s;
    color: #FFFFFF;
    display: inline-block;
    margin: calc(-1 * 0px) 0px 0;
    position: relative;
    white-space: nowrap;
}

.circle .contact_link span{
    font: normal normal normal 18px/1.4em "NotoSerifJP";
    transition: color 0.4s ease 0s;
    color: #FFFFFF;
    display: inline-block;
    margin: calc(-1 * 0px) 0px 0;
    position: relative;
    white-space: nowrap;
}

a.about_link  {
	text-decoration: none;
} 

a.tenants_link{
	text-decoration: none;
}

a.contact_link{
	text-decoration: none;
}

/** 丸型画像 */
div.home_circle {
    width:320px;
    height:320px; 
    margin:auto;
    display: block;
    border-radius: 50%;
    border: 0px solid rgba(234, 229, 229, 1);
    background-color: rgba(234, 229, 229, 1);
    overflow: hidden;
}

div.home_circle img {
    width:320px;
    height:320px; 
    object-fit: cover;
}

/** お知らせ一覧 */
ul.news_list{
	list-style: none;
	padding:0;
	margin:20px 0;
}

ul.news_list li{
	font-size:18px;
	padding:10px 0;
}

/** お問い合わせ画面 */
#contact label{
    width:100%;
}

#contact .wpcf7-form-control-wrap input,.wpcf7-form-control-wrap textarea{
    width:100%;
    font: normal normal normal 18px/1.4em "NotoSerifJP";
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    border: 4px solid rgba(0, 108, 109, 1);
    color: #2A2A2A;
    display: block;
    padding: 5px;
}

#contact .wpcf7-submit{
    font: normal normal normal 18px/1.4em "NotoSerifJP";
    background-color: rgba(0, 108, 109, 1);
    border: 0;
    color: #FFFFFF;
    cursor: pointer;
    margin: 0;
    padding: 5px;
    float:right;
}

@media (min-width: 1200px) {
    h1 { font-size: 40px; line-height:1.4em; }
    h2 { font-size: 90px; line-height:1.4em; }
    h3 { font-size: 40px; line-height:1.4em; }
    h4 { font-size: 28px; line-height:1.4em; }
    h5 { font-size: 20px; line-height:1.4em; }
    h6 { font-size: 14px; line-height:1.4em; }
    .container { max-width: 980px;}
    h3.home_title {
        font-size: 44px;
        margin:20px 0;
    }

    .font01 {
        font-size: 20px;
        color: #4D4D4D;
    }

    .font02 {
/*        font-weight:bold; */
        font-size:64px;
        line-height: 1.2em;
        color: #4D4D4D;
        margin: 0;
    }

    h2.page_title {
        margin-top:50px;
        line-height: normal;
        font-size:80px;
        line-height: 1.2em;
        color: #4D4D4D;
    }
}

@media (min-width: 992px) {
  h1 { font-size: 40px; line-height:1.4em; }
  h2 { font-size: 60px; line-height:1.4em; }
  h3 { font-size: 40px; line-height:1.4em; }
  h4 { font-size: 28px; line-height:1.4em; }
  h5 { font-size: 20px; line-height:1.4em; }
  h6 { font-size: 14px; line-height:1.4em; }
}

@media (min-width: 768px) {
  h1 { font-size: 40px; line-height:1.4em; }
  h2 { font-size: 60px; line-height:1.4em; }
  h3 { font-size: 40px; line-height:1.4em; }
  h4 { font-size: 28px; line-height:1.4em; }
  h5 { font-size: 20px; line-height:1.4em; }
  h6 { font-size: 14px; line-height:1.4em; }
}

@media (max-width: 767px) {
  h1 { font-size: 40px; line-height:1.4em; }
  h2 { font-size: 35px; line-height:1.4em; }
  h3 { font-size: 30px; line-height:1.4em; }
  h4 { font-size: 25px; line-height:1.4em; }
  h5 { font-size: 20px; line-height:1.4em; }
  h6 { font-size: 14px; line-height:1.4em; }
  h3.home_title {
        font-size: 44px;
        margin:20px 0;
    }

    .font01 {
        font-size: 20px;
        color: #4D4D4D;
    }

    .font02 {
/*        font-weight:bold; */
        font-size:35px;
        line-height:1.2em;
        color: #4D4D4D;
        margin-top:30px;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
    }

    h2.page_title {
        margin-top:50px;
        line-height: 1.2em;
        font-size: 30px;
        color: #4D4D4D;
    }
}

.widget_pages{
	margin-top:35px;
}

.widget_pages ul {
	list-style:none;
	padding:0;
}

.widget_pages ul li {
	padding:5px 0;
}

.grecaptcha-badge { visibility: hidden; }

.btn-primary {
    color: #fff;
    background-color: /* #007bff; */ #333333;
    border-color: /* #007bff; */ #333333;
}
.btn-primary:hover {
    color: #fff;
    background-color: /* #0069d9; */ #33cc33;
    border-color: /* #0069d9; */ #33cc33;
}