@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html { scroll-behavior: smooth }
.sbp-l { --cocoon-custom-background-color: #0f0; --cocoon-custom-border-color: #0f0 }
.sbp-r { --cocoon-custom-background-color: silver !important; --cocoon-custom-border-color: silver !important }
.中 { text-align: center }
.左 tr { text-align: left }
.右2 td:nth-child(2) { text-align: right }
.自動 { width: auto }
.中1 td:nth-child(1) { text-align: center }
.間 td, .間 th { padding: 0 }
input[type=number] { text-align: right; width: auto; padding: 0 }
.無線 tr td { border: none }
.下線 tr td { border-bottom: 1px solid }
.右 td { text-align: right }
.余白 { margin: 0 }
.解説 { overflow: auto; svg { width: 50%; float: left; circle { stroke: red; stroke-width: 3; fill: #fff } text { fill: red; font-size: 2em; font-weight: bold; text-anchor: middle; dominant-baseline: middle } } }
.解説 span, .番 { color: red; text-align: center; width: 3ex; height: 3ex; border: 1px red solid; border-radius: 50%; line-height: 3ex; display: inline-block }
ol ol { list-style-type: lower-alpha; ol { list-style-type: lower-roman } }
.青ボタン { color: #fff; background: navy; white-space: nowrap; border-radius: 8px; padding: 1em; display: inline-block }
.丸ボタン { color: #fff; background: navy; border-radius: 2em; padding: 1em; display: inline-block }
.線 th, .線 td { border: 1px solid }
svg { max-width: 100%; height: auto }
img.左, svg.左 { float: left }
.ボタン { background: #eee; white-space: nowrap; border: 1px #777 solid; border-radius: 2px }
span.下線 { text-decoration: underline }
.棒 { border-collapse: separate; border-spacing: 0 1px }
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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