@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
    body {
        font-size: 17px;     font-weight: 300;
        font-family: 'Noto Sans JP', sans-serif;
        padding-top: 0 !important; 
        background: var(--bg); 
        color: var(--gold);
        text-align: center ;
    }
    .btn { padding: 25px 25px; box-sizing: border-box; }
	.btn hover { background: var(--rose); border-color: var(--rose); color: var(--white); }
    .title { font-size: 3.0rem;  font-weight: 600;  color: var(--bzgld) ; } 
    .hd1 { font-size: 2.0rem;  font-weight: 600;  color: var(--bzgld) ; } 
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
    body {
        font-size: 12px;     font-weight: 300;
        font-family: 'Noto Sans JP', sans-serif;
        padding-top: 0 !important; 
        background: var(--bg); 
        color: var(--gold);
        text-align: center ;
    }
    .btn { padding: 10px 10px; box-sizing: border-box;  }
	.btn hover { background: var(--rose); border-color: var(--rose); color: var(--white); }
    .title { font-size: 3.0rem;  font-weight: 600;  color: var(--bzgld) ;} 
    .hd1 { font-size: 2.0rem;  font-weight: 600;  color: var(--bzgld) ; } 

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
    body {
        font-size: 12px;     font-weight: 300;
        font-family: 'Noto Sans JP', sans-serif;
        padding-top: 0 !important; 
        background: var(--bg); 
        color: var(--gold);
        text-align: center ;
    }
    .btn { padding: 10px 10px; box-sizing: border-box; }
	.btn hover { background: var(--rose); border-color: var(--rose); color: var(--white); }
    .title { font-size: 3.0rem;  font-weight: 600;  color: var(--bzgld) ;} 
    .hd1 { font-size: 2.0rem;  font-weight: 600;  color: var(--bzgld) ; } 
}

/　IN by　YH　*************************************/
/*
 *  *   *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
*/

  :root {
    --bg: #FAF8F5;
    --dark: #2C2C2C;
    --gold: #8B6F4E;
    --gold-light: #C9A97A;
    --rose: #C4A69D;
    --muted: #8A8A8A;
    --white: #FFFFFF;
    --panel: #F0EBE3;
    --divider: #D4C4B5;
    --bzgld: #8B7355 ;
    --cocob: #6F543A ; 
}

  html { scroll-behavior: smooth; }

  body {
    background: var(--bg);
    color: var(--dark);
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    overflow-x: hidden;
  }

.main {
	background-color: var(--bg);
	padding-top: 0 !important;   margin-top: 0 !important;
    text-align: center ;
}

.content {
	padding-top: 0 !important;
	margin-top: 0 !important; margin-bottom: 0px;
}

.entry-content {
	margin-top: 0px; margin-bottom: 0px;
}



.main-txt {
    margin-left: 20px ;
    margin-right: 20px ;
    line-height: 1.8 ;

}


.content { margin-top: 0px; margin-bottom: 0px; }
.entry-content { margin-top: 0px; margin-bottom: 0px; }



.article h1 {
  margin-top: 0;
  padding-top: 0;
}


/*
/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
	margin: 0;
padding: 0;
	color: var(--gold);
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
	margin: 0;
	color: var(--gold);
}