@charset "UTF-8";

/*!
Theme Name: miura-ichizoku2023c
Description: miura-ichizoku 2023renewal theme
Author: miura-ichizoku
Author URI: https://miura-ichizoku.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* -------------------------------------------------------------------
　カラー
------------------------------------------------------------------- */
/* 
黄 #ffeb01
紫 #592C63 > #20004A
赤 #E83015

漆黒 #0a0017 
漆黒（＋明）#20004A
金色 #e6b422
*/

/* -------------------------------------------------------------------
　全般
------------------------------------------------------------------- */
/* Ten Mincho Regular */
/*
body {
    font-family: "ten-mincho", serif;
    font-weight: 400;
    font-style: normal;
}
*/

/*
body {
    font-family: 'Hina Mincho', serif;
    font-family: 'Yuji Syuku', serif;
    font-family: 'New Tegomin', serif;
}
*/

body {
    font-family: 'Hina Mincho', serif;
    letter-spacing: 0.1em;
}

.main h1 {
    padding: 0.5rem 1rem 0.5rem 1.5rem;
    margin-bottom: 2rem;
    background-image: linear-gradient(#ffeb01 0%, #ffeb01 33%, #20004A 33%, #20004A 66%, #E83015 66%, #E83015 100%);
    background-repeat: no-repeat;
    background-size: 0.5rem 100%;
}
.author-info{
    display: none;
}
/* VK Blocks対策 */
.container.cf {
    max-width: unset;
}


/* -------------------------------------------------------------------
　ヘッダー
------------------------------------------------------------------- */

.logo-header img{
    max-width: 800px;
}
@media screen and (max-width: 800px){
  .logo-header img{
    max-width: 100%;
  }
}

@media screen and (max-width: 1023px){
  /* メニューアイコンを家紋に置換 */
  .navi-menu-icon {
    background-image: url(https://miura-ichizoku.jp/wp-content/uploads/2023/07/miura-ichizoku-kamon.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center center;
  }
  .navi-menu-icon .fa-bars {
    color: transparent;
  }

  /* ロゴタイプを家紋なしに置換 */
  .logo-menu-button img {
    display: none;
  }
  .logo-menu-button {
    background-image: url(https://miura-ichizoku.jp/wp-content/uploads/2023/07/miura-ichizoku-logotype.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
  }
}
.navi-in a {
    font-size: 18px;
    font-weight: 500;
}


/* -------------------------------------------------------------------
　フッター
------------------------------------------------------------------- */
.footer-center .widget-footer-center {
    margin-top: 0;
}
.footer-logo {
    max-width: 480px;
    margin:0 auto;
}
.footer-logo img {
    margin-bottom: 2rem;
}
.footer-sns {
    font-size: 2.8rem;
    display: flex;
    justify-content: space-evenly;
    align-content: center;
    align-items: center;
}
.footer-sns:hover svg {
/*
    transform: scale(1.1);
*/
}
.footer-center .widget-footer-center, .footer-mobile .widget-footer-mobile {
    margin-bottom: 0;
}
.navi-footer-in a {
    font-size: 18px;
}
.footer-bottom {
    font-size: 16px;
}

@media screen and (max-width: 480px){
  .navi-footer-in ul {
    flex-direction: column;
    align-items: center;
  }
  .navi-footer-in a {
    font-size: 16px;
  }
  .footer-logo {
    padding: 0 10px;
  }
  .footer-bottom {
    font-size: 14px;
  }
}

/* -------------------------------------------------------------------
　トップページ
------------------------------------------------------------------- */
.home.page .article h1{
    display: none;
}
.home.page .content{
    margin-top: 0px;
}
.home.page .entry-content{
    margin-top: 0px;
}
.home.page .date-tags,
.page .date-tags,
[class*="post-"] .date-tags{
    display: none;
}


/* -------------------------------------------------------------------
　投稿全般
------------------------------------------------------------------- */
.entry-card-info > * {
    font-size: 1.25em;
}
.post-date, .post-update {
    font-size: 1rem;
}

.article h3 {
    margin-top: 3.24em;
}


/* -------------------------------------------------------------------
　お知らせ・通知エリア
------------------------------------------------------------------- */
.home.page .article h2.toppage-whatsnew{
    padding: 0.5rem 0 1rem;
    margin-bottom: 2rem;
    background: linear-gradient(90deg, #ffeb01 0% 33%, #20004A 33% 66%, #E83015 66%);
    background-repeat: no-repeat;
    background-size: 15rem 0.2em;
    background-position: bottom;
    text-align: center;
    font-size: 26px;
    color: #0a0017;
}
.toppage-whatsnew-box, .azumakagami-box{
    margin: 2rem 0;
    padding: 3rem 3rem 0.5rem 3rem;
    background-color: #fafaff;
    box-shadow: inset 0 0 40px #e0dfe1;
}
.toppage-whatsnew-box ul{
    list-style: none;
    padding-left: 0;
}
.article ul li.toppage-whatsnew-body,
.toppage-whatsnew-body {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
}
.toppage-whatsnew-body::after {
    content: '';
    width: 100%;
}
.toppage-whatsnew-body-item {
  margin-bottom: 5px;
}
.toppage-whatsnew-body-item:nth-child(n+2) {
    order: 1;
}
.home.page .article .toppage-whatsnew-date{
    margin-bottom:5px;
    font-size:1em;
}
.article p.toppage-whatsnew-category{
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 5px 15px;
    border-radius: 3px;
}
.toppage-whatsnew-category{
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 5px 15px;
    border-radius: 3px;
}
span.toppage-whatsnew-category{
    margin-bottom: 20px;
}
.toppage-whatsnew-title{
    margin-bottom:5px;
    font-size:1.15em;
}
.ect-entry-card .toppage-whatsnew-body {
    margin-bottom: 50px;
}
.ect-entry-card .toppage-whatsnew-contents {
    font-size:1em;
}

.whatsnew-category-1, .whatsnew-category-2, .whatsnew-category-3, .whatsnew-category-4, .whatsnew-category-5, .whatsnew-category-6,
.nt-notice { 
    background-color: #20004A;
    color: #ffffff;
/*
    background-color: #ffffff;
    color: #20004A;
    border: 2px solid #20004A;
    font-weight: 600;
*/
}
.whatsnew-category-7,
.nt-warning { 
    background-color: #ffeb01;
    color: #0a0017;
}
.whatsnew-category-8, .whatsnew-category-9,
.nt-danger { 
    background-color: #E83015;
    color: #ffffff;
}

@media screen and (max-width: 1023px){
  .toppage-whatsnew-box{
    padding: 1rem 1rem 0.5rem 1rem;
  }
}

@media screen and (max-width: 480px){
  .home.page .article h2.toppage-whatsnew{
    font-size: 20px;
    padding: 0.6em 0.8em;
  }
  .toppage-whatsnew-box, .azumakagami-box{
    margin: 2rem 0;
    padding: 1rem 1rem 0.5rem 1rem;
  }
  .toppage-whatsnew-box ul{
    margin-bottom: 0;
  }
  .toppage-whatsnew-body {
    display: inline;
  }
  .toppage-whatsnew-body-item:nth-child(n+1) {
    order: 1;
  }
  .toppage-whatsnew-date {
    margin-right: 10px;
  }
  .toppage-whatsnew-category{
    display: inline;
  }
  .home.page .article .toppage-whatsnew-title{
    margin-left: 0;
    margin-bottom: 15px;
  }
  ul.whatsnew-list{
    list-style: none;
    padding-left: 0;
  }
  ul.whatsnew-list .toppage-whatsnew-title{
    margin-left: 0;
    margin-bottom: 30px;
  }
}


/* -------------------------------------------------------------------
　講座・催し
------------------------------------------------------------------- */

.lectures-list, .entry-card {
    margin-bottom: 70px;
}
.entry-card-thumb {
    margin-bottom: 20px;
}
h2.lectures-list-title, h2.entry-card-title {
    font-size: 24px;
    margin-bottom: 15px;
    padding: 0;
    background-color: transparent;
    color: #0a0017;
}
.lectures-list-content div, .entry-card-snippet {
    font-size: 18px;
    line-height: 1.8;
}

.button-lectures-list {
    margin-top: 10px;
    margin-bottom: 6em !important;
    clear:both;
}
.lectures-list .entry-card-snippet, .entry-card-snippet {
    -webkit-line-clamp: 20;
}
.azumakagami-box {
    margin-top: 80px;
}
.azumakagami-box span {
    display: block;
    margin-bottom: 30px;
}
.lectures-archive-link {
    margin-top: 50px;
}
.lectures-link {
    margin-top: 30px;
    margin-bottom: 50px;
}
.lectures-list-key p {
    margin-bottom: 1.8em;
}

.member-type {
    margin-bottom: 15px;
    margin-right: 15px;
    padding: 5px 15px;
    border-radius: 3px;
    display: inline-block;
}
.member-type-non-members { 
    background-color: #ffffff;
    color: #20004A;
    border: 2px solid #20004A;
    font-weight: 600;
}
.member-type-members-only { 
    background-color: #ffeb01;
    color: #0a0017;
}

@media screen and (max-width: 1438px){
  .lectures-list .entry-card-thumb,  .entry-card-thumb {
    width: 38%;
  }
}

@media screen and (max-width: 480px){
  .lectures-list, .entry-card {
    margin-bottom: 60px;
  }
  .lectures-list-figure, .entry-card-thumb {
    float: none;
  }
  .lectures-list .entry-card-thumb, .entry-card-thumb {
    width: 100%;
    margin-bottom: 20px;
  }
  h2.lectures-list-title, h2.entry-card-title {
    font-size: 20px;
  }
  .lectures-list-content div, .entry-card-snippet {
    font-size: 16px;
    line-height: 1.4;
  }
   .lectures-list .card-snippet, .card-snippet {
    clear: none;
  }
  .lectures-list .entry-card-snippet, .no-sp-snippet .entry-card-snippet {
    display: block;
  }
  .azumakagami-box {
    padding-top: 35px;
  }
}


/* -------------------------------------------------------------------
　三浦大介新聞
------------------------------------------------------------------- */

.page .newspapers {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.page .newspapers .entry-card-content {
    margin-left: 0;
    text-align: center;
}
.newspaper-mobile-note {
    display: none;
}

@media screen and (max-width: 1438px){
  .newspapers .entry-card-thumb {
    width: 320px;
  }
  .newspaper-content {
    margin-bottom: 10px;
  }
  .newspaper-mobile-note {
    display: block;
    font-size: 0.8rem;
    text-align: center;
  }

}


/* -------------------------------------------------------------------
　フォーム
------------------------------------------------------------------- */
input[type='submit'] {
    background-color: var(--wp--preset--color--key-color);
    color: var(--cocoon-white-color);
    padding: 14px 20px;
    font-size: 18px;
    font-weight: bold;
    font-family: inherit;
}
input[type='submit'][value='戻る'] {
    background-color: var(--cocoon-white-color);
    color: var(--wp--preset--color--key-color);
    border: 2px solid var(--wp--preset--color--key-color);
    padding: 14px 20px;
    font-size: 18px;
    font-weight: bold;
    font-family: inherit;
    margin-top: 15px;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}