@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One Child
Template: twentytwentyone
*/

/* マージントップ
   ・「ウィジェットエリアがない場合のサイトフッター」
   ・「ウィジェットエリア」
*/
.no-widgets .site-footer, .widget-area {
  margin-top: calc(1 * var(--global--spacing-vertical));
}

/* マージンボトム */
.site-header {
  padding-bottom: calc(1 * var(--global--spacing-vertical));
}

/* 本文エリアのヘッダークラスのpadding-bottomだけ変更 */
.site-main > article > .entry-header {
  padding-bottom: calc(1 * var(--global--spacing-vertical));
}

/* 本文エリアのフッタークラスのpadding-bottomだけ変更 */
.site-main > article > .entry-footer {
  padding-bottom: calc(1 * var(--global--spacing-vertical));
}

/* デスクトップデバイスの本文幅を広げる
     レスポンシブのブレイクポイントに従う
       min-width: 482px, 652px , 822px
*/
@media only screen and (min-width: 822px){
  .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width {
    max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto;
  }
  .entry-footer {
    max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto;
  }
  .author-bio {
    max-width: var(--responsive--alignwide-width);
    margin-left: auto;
    margin-right: auto;
  }
  .site {
    max-width: 70vw;
    margin-left: auto;
    margin-right: auto;
  }
}

/* サイト名とサイト説明文のフォント */
.site-title {
  font-size: 40px;
}
.site-description {
	font-size: var(--global--font-size-sm);
}

/* 投稿と固定ページのタイトルのフォント */
.singular .entry-title {
	font-size: 30px;
}

/* アーカイブ(月別、カテゴリーなど)のタイトルのフォント */
.page-title {
	font-size: 30px;
}

/* カテゴリーの説明文のフォント */
.archive-description {
	font-size: 15px;
}

/* 本文エリアの本文のフォント */
p {
	font-size: 15px;
}

/* 規約等の表部分のフォント */
td {
	font-size: 15px;
}

/* Site Reviews レビュータイトル部分のフォント */
h3 {
	font-size: 20px;
}

/* Site Reviews 入力項目説明、コメント部分のフォント */
span {
	font-size: 17px;
}



/* マニュアルの各ページの項目タイトル部分のフォント */
h2 {
	font-size: 25px;
}

/* マニュアルの本文表形式部分のフォント */
li {
	font-size: 15px;
}

/* 問い合わせフォームの「必須」マーク */
.required-srt {
	font-size: 8pt;
	padding: 3px 6px;
	background: #ce0000;
	color: #fff;
	border-radius: 5px;
	margin-left: 20px;
	vertical-align: middle;
}


/* CC Child Pages 2列設定を画面縮小時に1列設定に変更 */
@media screen and (max-width: 822px) {
   .twocol .ccchildpage,
   .threecol .ccchildpage,
   .fourcol .ccchildpage {
       margin-left: 40px;
       margin-right: auto;
       width: 98%;
       float: none;
   }
}

/* CC Child Pages 2列設定を画面縮小時に1列設定に変更 */
@media screen and (max-width: 482px) {
   .twocol .ccchildpage,
   .threecol .ccchildpage,
   .fourcol .ccchildpage {
       margin-left: 10px;
       margin-right: auto;
       width: 98%;
       float: none;
   }
}