html,body,#kogecha{
    margin: 0 !important;
    padding: 0 !important;
    width: 100% ;
    background-color: #ffffff !important;
    font-size: 16px !important;
     font-family: "Noto Sans JP", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 300 !important;
  font-style: normal !important;
}

#kogecha h1, 
#kogecha h2, 
#kogecha h3, 
#kogecha p,
#kogecha ul,
#kogecha ol, 
#kogecha div {
  margin: 0 !important;
  letter-spacing: 0.1em !important;
  line-height:1.5 !important;
}

/* ヘッダー部分*/

header{

    padding: 0 5px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    gap: 5px; 

}

.SEBook{
　 height: 5px;
  width: auto; 
}

.se-book{
    font-weight: 500;
    color: #222222;
}

/* トップ画像 */
picture img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
}


/* 見出しの指定 */
#kogecha h1,
#kogecha h2,
#kogecha h3{
    text-align: center !important;
}

/* トップ画像下のテキスト*/
.top-text{
    color:#ffffff !important;
}
.top-text-area{
    background-color:#000000 !important;
    padding:25px 25px 25px 25px !important;
  
}

/* 通常版の紹介 */

.normal-edition-area{
    background-color:#e3e3e3 !important;
    padding:25px 25px 25px 25px !important;
    text-align: center !important;
}

.normal-edition{
    line-height: 1.1 !important;
}

.normal-edition-text01{
    color:#7d7d7d !important;
    font-family:Roboto !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    letter-spacing:0.3em !important;
}

.normal-edition-text02{
    color: #222222 !important;
    letter-spacing:0.3em !important;
    margin-bottom:25px !important;
    display: inline-block !important;

}


.normal-edition-book{
    width: 100% !important;
    height: auto !important; 
    display: block !important;
}


.normal-edition-spec{
    display: inline-block !important; 
    text-align:left !important;
}

/* 通常版の購入ボタン */
.normal-btn{
    display: flex !important;
    gap: 0px !important; 
    justify-content: center !important;
}
.normal-amazon{
    width: 200px !important;
    background-color:#ffffff !important;
    border:2px solid #222222 !important;
     border-right: none !important;
     font-weight:700 !important;
     font-size:20px !important;
    color:#222222 !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s, color 0.3s !important;
}
.normal-amazon:hover {
    background-color: #f08300 !important;
    color: #ffffff !important;
    border:2px solid #f08300 !important;
}

.normal-seshop{
    width: 200px !important;
     background-color:#ffffff !important;
    border:2px solid #000000 !important;
    font-weight:700 !important;
    font-size:20px !important;
    color:#000000 !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s, color 0.3s !important;
}
.normal-seshop:hover {
    background-color: #2ca9e1 !important;
    color: #ffffff !important;
    border:2px solid #2ca9e1 !important;
}


/* 特別版の紹介 */

.special-edition-area{
    background-color:#222222 !important;
    padding:25px 25px 25px 25px !important;
    text-align: center !important;
}

.special-edition{
    line-height: 1.1 !important;
}

.special-edition-text01{
    color:#fe0137 !important;
    font-family:Roboto !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    letter-spacing:0.3em !important;
}

.special-edition-text02{
    letter-spacing:0.3em !important;
    color: #ffffff !important;
    margin-bottom:25px !important;
    display: inline-block !important;
}


.special-edition-text03{
     text-align: left !important;
     color: #ffffff !important;
     margin-bottom: 25px !important;
}

.special-edition-area img{
    width: 100% !important;
    height: auto !important; 
    display: block !important;
}

.special-edition-spec{
    display:inline-block !important;
    text-align: left !important;
    color: #ffffff !important;
}


.rough-sketch-title{
    color: #ffffff !important;
    margin-top: 25px !important;
    border-bottom: 1px solid #ffffff !important;
    padding-bottom: 8px !important; 
}

.rough-sketch-spec{
    display:inline-block !important;
    text-align: left !important;
    color: #ffffff !important;
}

/* 特別版の購入ボタン */

.special-btn{
    display: flex !important;
    gap: 0px !important; 
    justify-content: center !important;
}
.special-amazon{
    width: 200px !important;
    background-color:#222222 !important;
    border:2px solid #fe0137 !important;
    border-right: none !important;
    font-weight:700 !important;
    font-size:20px !important;
    color:#fe0137 !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s, color 0.3s !important;
}
.special-amazon:hover {
    background-color:#f08300 !important;
    color: #ffffff !important;
    border:2px solid #f08300 !important;
}

.special-seshop{
    width: 200px !important;
    background-color:#222222 !important;
    border:2px solid #fe0137 !important;
    font-weight:700 !important;
    font-size:20px !important;
    color:#fe0137 !important;
    padding: 10px 20px !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: background-color 0.3s, color 0.3s !important;
}
.special-seshop:hover {
    background-color:#2ca9e1 !important;
    color: #ffffff !important;
    border:2px solid #2ca9e1 !important;
}

/* ラフスケッチ画像 */

.rough-sketch-area{
    margin-top: 0px !important; 
    margin-bottom: 25px !important;  
}
.rough-sketch-area img{
    margin-top: 0px !important;
    margin-bottom: 25px !important;
    width: 100% !important;
    height: auto !important; 
    display: block !important;

}

/* 紙面画像 */
.illustration-area{
    background-color: #f6f6f6 !important;
    padding:25px 25px 25px 25px !important;
    text-align: center !important;   
    margin-bottom: 0px !important;
}

.illustration{
    line-height: 1.1 !important;
}

.illustration-text01{
     color:#7d7d7d !important;
    font-family:Roboto !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    letter-spacing:0.3em !important;
}

.illustration-text02{
    color: #222222 !important;
    letter-spacing:0.3em !important;
    margin-bottom:25px !important;
    display: inline-block !important;
}


.illustration-area img{
    margin-top: 10px !important;
    margin-bottom: 25px !important;
    width: 100% !important;
    height: auto !important; 
    display: block !important;
}


/* プロフィール */
.profile-area{
    padding:25px 25px 25px 25px !important;
    background-color:#222222 !important;
    text-align: center !important;
}

.profile{
    line-height: 1.1 !important;
}

.profile-text01{
      color:#7d7d7d !important;
    font-family:Roboto !important;
    font-weight: 300 !important;
    font-size: 20px !important;
    letter-spacing:0.3em !important;
}

.profile-text02{
    letter-spacing:0.3em !important;
    color: #ffffff !important;
    margin-bottom:5px !important;
    display: inline-block !important;
}

.X-account{
  margin-top: 5px !important;   /* 上の行との間隔 */
  margin-bottom: 10px !important; 
  margin-bottom:20px !important;
  display: inline-block !important;
  font-weight: 100 !important;
  font-size: 15px !important;
}

.profile-area img{
    width: 150px !important;
    height:150px !important;
    margin-bottom: 20px !important;
}

.profile-text03{
    color: #ffffff !important;
    text-align: left !important;
}

.X_link{
    color:#ffffff !important; /* 通常の文字色 */
    text-decoration: none !important; /* 下線を消したい場合 */
}

.X_link:hover{
    color: rgb(7, 181, 160) !important; /* 通常の文字色 */
    text-decoration: underline !important; 
}



/* PC画面表示設定（横幅750px以上） */
@media screen and (min-width: 750px) {

.top-text{
    max-width: 650px !important;
    margin: 0 auto !important;
    font-size:18px !important;
    line-height:1.8 !important;
    font-weight: 300 !important;
}

.normal-edition-book{
    display: flex !important;
    flex-direction: row !important;
    gap:20px !important;
     justify-content: center !important;
     margin-bottom: 50px !important;
}

.normal-edition-book img{
    flex: 1 !important; 
    max-width: 30% !important; 
}

.normal-edition-spec{
    max-width: 100% !important;
}

/* 特別版 */

.special-edition-book{
    display: flex !important;
    flex-direction: row !important;
    gap:20px !important;
     justify-content: center !important;
     margin-bottom: 50px !important;
}

.special-edition-text03{
    max-width: 650px !important;
     margin: 0 auto !important;
     margin-bottom: 50px !important;
}

.special-edition-book img{
    flex: 1 !important; 
    max-width: 30% !important; 
}

.special-edition-spec{
    max-width: 100% !important;
}

.special-btn{
    margin-bottom:50px !important;
}

.rough-sketch-area{
    display: flex !important;
    flex-direction: row !important;
    gap:20px !important;
     justify-content: center !important;
     margin-bottom: 50px !important;
}

.rough-sketch-area img{
    flex: 1 !important; 
    max-width: 30% !important; 
}


.illustration-shimen{
    display: flex !important;
    flex-direction: row !important;
    gap:20px !important;
     justify-content: center !important;
     margin-bottom: 50px !important;
}

.illustration-area img{
    flex: 1 !important; 
    max-width: 30% !important; 
}


.profile-honmon{
     display: flex !important;
    flex-direction: row !important;
    gap:20px !important;
     justify-content: center !important;
     margin-bottom: 50px !important;
}

.profile-text03{
    max-width: 300px !important;
}




}