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

:root {
        --main-color: #000;
    }
    
    #tokushu h1,
    #tokushu h2,
    #tokushu h3,
    #tokushu h4,
    #tokushu h5 {
        line-height: 1.3;
    }
    #tokushu a {
        text-decoration: underline;
    }
	
    #tokushu.poetry h1 {
        font-size: 42px;
        font-weight: bold;
        line-height: 1.3;
    }
    #tokushu h1 span {
        font-size: 60%;
        margin: 0 0 3px 0;
    }
	
    #tokushu.poetry h1 span,
    #tokushu.poetry h2 span,
    #tokushu.poetry h3 span,
    #tokushu.poetry h4 span{
        display: block;
    }
	
  #tokushu.poetry a {
  text-decoration: underline;
  }	
  
   #tokushu.poetry a:hover {
  text-decoration: none;
  }	


  #tokushu.poetry h2 {
  color: #333;
  border: none;
  }
  
  
#tokushu.poetry .kakomi {
margin:60px 0;
border: none;
padding: 30px;
background: none;
border-top: #666 2px solid;
border-bottom: #666 2px solid;
}

#tokushu.poetry .kakomi h3 {
margin: 0 0 20px 0;
}


#tokushu.poetry .kakomi p {
margin: 15px 0;
}

#tokushu.poetry .kakomi p:last-child {
margin-bottom:0;
}

#tokushu.poetry .kakomi img {
width: 100%;
}


#tokushu.poetry .poem {
margin: 60px 0;
border-bottom: 10px solid #eaeaea;
padding-bottom: 60px
}

#tokushu.poetry .poem h3 {
background: #333;
color: #FFFFFF;
font-weight: normal;
font-size: 1.2rem;
padding: 5px 15px;
display: inline-block;
margin: 30px 0 0 0;
z-index: 1;
position: relative;
}

#tokushu.poetry .photo {
margin: 10px 0 15px 0;
font-size: 0.9rem;
color: #333333;
line-height: 1.6em;
z-index: 0
}

#tokushu.poetry .photo img {
margin: -25px 0 15px 0
}


#tokushu.poetry div.place-address {
text-align: center;
font-size: 90%;
margin: 0 auto 40px auto;
width: 100%;
}


#tokushu.poetry .poetry-text h3 {
font-size: 1.2rem;
margin: 15px 0 7px 0;
background: none;
padding: 0;
color: #333333;
font-weight: bold;
}

#tokushu.poetry .poetry-text {
  margin: 60px 0;
  display: flex;
  gap: 10px;
}

/* 幅は「親」に指定 */
#tokushu.poetry .poetry-text .poetry-en {
  width: 52%;
  border-right: 1px solid #ccc;
  padding-right: 10px;
  box-sizing: border-box;
}

#tokushu.poetry .poetry-text .poetry-ja {
  width: 48%;
  padding-left: 15px;
  box-sizing: border-box;
}

/* pは幅を触らない */
#tokushu.poetry .poetry-text p {
  margin: 0;
  line-height: 2;
}

/* フォントサイズ */
#tokushu.poetry .poetry-text .poetry-en p {
  font-size: 90% !important;
}

#tokushu.poetry .poetry-text .poetry-ja p {
  font-size: 80% !important;
}




#tokushu.poetry .poet-profile {
  display: flex;
  align-items: flex-start;
  gap: 25px; 
  }

#tokushu.poetry .portrait {
  width: 150px;
}

#tokushu.poetry .info-poet h4 {
  margin: 0 0 10px 0;
  border: none;
  padding: 0;
  font-size: 1.2rem;
  line-height: 1.6
}

#tokushu.poetry .info-poet h4 span {
font-size: 70%;
}

#tokushu.poetry .info-poet p {
  margin: 5px 0;
  line-height: 1.4;
  font-size: 90%;
}





#tokushu.poetry .enjoy {
border-top:none;
margin: 60px 0 20px 0;
clear: both
}

#tokushu.poetry .enjoy h2 {
background: #333;
color: #FFF;
padding: 15px 25px;
margin: 70px 0 30px 0;
}


#tokushu.poetry .enjoy h3 {
font-size: 1.4rem;
margin: 50px 0 20px 0;
display: inline-block;
 border-bottom: 1px solid #333;
 padding-bottom: 5px;
}

#tokushu.poetry .rhythm {
text-align: center;
margin: 30px auto;
width: 85%;
}

#tokushu.poetry .rhythm .eng-rhythm {
font-size: 140% !important;
line-height: 1.7;
margin: 20px 0;
} 

#tokushu.poetry .rhythm span {
background: #fff955
}

#tokushu.poetry .rhythm .quote {
margin: 10px 0 0 0;
font-size: 1rem;
}

#tokushu.poetry .rhythm .note {
font-weight: bold;
margin: 20px 0;
line-height: 1.5;
}


/* responsive */

body.white .site #tokushu.poetry {
font-size: 20px;
}

body.white .site #tokushu.poetry a {
text-decoration: underline;
}

body.white .site #tokushu.poetry h1 {
margin: 0 0 10px 0;
font-size:45px;
line-height: 46px;
color: #333333;
}

body.white .site #tokushu.poetry h1 span {
line-height: 1.3em;
display:  inline-block;
margin-bottom:7px;
font-size: 22px
}

body.white .site #tokushu.poetry h1 br {
display: none;
}

body.white .site #tokushu.poetry .photo {
font-size: 14px;
text-align: center;
margin: 40px 0
}

body.white .site #tokushu.poetry h2 br,
body.white .site #tokushu.poetry h3 br {
display: none;
}

 body.white .site #tokushu.poetry .poetry-text {
    flex-direction: column;
	margin: 50px 0;
	clear: both;
  }

body.white .site #tokushu.poetry .poetry-ja,
body.white .site #tokushu.poetry .poetry-en
{
 width: 100% !important;   /* ←強制上書き */
    max-width: 100%;
    flex: none; 
  }

 

  body.white .site #tokushu.poetry .poetry-text {
    flex-direction: column;   /* 縦並び */
    gap: 20px;
  }

  body.white .site #tokushu.poetry .poetry-text .poetry-en,
  body.white .site #tokushu.poetry .poetry-text .poetry-ja {
    width: 100%;              /* フル幅 */
    padding: 0;
    border-right: none;       /* 区切り線を消す */
  }

  /* 英語を上、日本語を下に */
 body.white .site  #tokushu.poetry .poetry-text .poetry-en {
    border-top: 1px solid #ccc; /* 下に区切り線 */
    padding-top: 20px;
  }

  body.white .site #tokushu.poetry .poetry-text .poetry-ja {
   border-top: 1px solid #ccc; /* 下に区切り線 */
    padding-top: 20px;
  }

  /* テキスト調整 */
  body.white .site #tokushu.poetry .poetry-text p {
    font-size: 100%;   /* 少し大きめ */
    line-height: 1.8;
  }

  /* タイトル */
  body.white .site #tokushu.poetry .poetry-text h3 {
    font-size: 1.1rem;
    text-align: left;
	margin: 20px 0 10px 0;
  }
  
body.white .site #tokushu.poetry .rhythm {
text-align: center;
margin: 30px auto;
width: 100%;
font-size: 1rem
}

body.white .site #tokushu.poetry .rhythm .eng {
font-size: 140%;
line-height: 1.7;
font-weight: bold;
} 


body.white .site #tokushu.poetry div.place-address {
text-align: center;
font-size: 1rem;
margin: 0 auto 40px auto;
width: 100%;
}




  /* 親のflexを縦並びに */
  body.white .site #tokushu.poetry .poet-profile {
    flex-direction: column;
    align-items: center;  /* 中央揃え */
    gap: 15px;
  }

  /* 肖像画は中央に表示 */
  body.white .site #tokushu.poetry .portrait {
    width: 120px;       /* 少し小さめに */
    height: auto;
  }

  /* 情報テキストも中央揃え */
  body.white .site #tokushu.poetry .info-poet {
    text-align: center;
    width: 100%;
  }

  /* 名前・タイトル調整 */
 body.white .site  #tokushu.poetry .info-poet h4 {
    font-size: 1.1rem;
    line-height: 1.4;
  }

  body.white .site #tokushu.poetry .info-poet h4 span {
    font-size: 75%;
  }

  /* 残りの文章 */
  body.white .site #tokushu.poetry .info-poet p {
    line-height: 1.6;
  }