/*
Theme Name: 株式会社協栄電設
Theme URI: https://kyoeidensetu.example.com/
Description: 株式会社協栄電設 公式サイトテーマ。PHP 7.4 / 8.4+ 対応。
Author: CREATEONE
Author URI: https://createone.jp/
Version: 2.0.0
Requires at least: 6.0
Tested up to: 6.9
Requires PHP: 7.4
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kyoeidensetu
*/

/* === エディタ用サブタイトル (旧 options/editor/editor-style.css を統合) === */
/*-------------------------サブタイトル1*/
h2.subtitle01 {
  line-height: 60px;
  color: #0CCED9;
  font-size: 130%;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF), color-stop(0.00, #EDEEF0));
  background: -webkit-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: -moz-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: -ms-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  border-top: 5px solid #0CCED9;
  padding: 0 30px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  h2.subtitle01  {
    line-height: 1.2em !important;
    color: #0CCED9;
    font-size: 130%;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF), color-stop(0.00, #EDEEF0));
    background: -webkit-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: -moz-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: -o-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: -ms-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    border-top: 5px solid #0CCED9;
    padding: 0.5em;
    margin-bottom: 1em !important;
  }
}
/*-------------------------サブタイトル2*/
h2.subtitle02 {
  line-height: 60px;
  color: #6A3906;
  font-size: 130%;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF), color-stop(0.00, #EDEEF0));
  background: -webkit-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: -moz-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: -ms-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  border-top: 5px solid #6A3906;
  padding: 0 30px;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  h2.subtitle02 {
    line-height: auto;
    color: #6A3906;
    font-size: 110%;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF), color-stop(0.00, #EDEEF0));
    background: -webkit-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: -moz-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: -o-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: -ms-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    border-top: 5px solid #6A3906;
    padding: 0 1em;
    margin-bottom: 1em !important;
  }
}
/*-------------------------サブタイトル3*/
h2.subtitle03  {
  line-height: 60px;
  color: #028B5F;
  font-size: 130%;
  font-weight: bold;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF), color-stop(0.00, #EDEEF0));
  background: -webkit-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: -moz-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: -o-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: -ms-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  background: linear-gradient(top, #EDEEF0 0%, #FFF 100%);
  border-top: 5px solid #028B5F;
  padding: 0 30px;
}
@media (max-width: 768px) {
  h2.subtitle03 {
    color: #028B5F;
    font-size: 1.6rem;
    font-weight: bold;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFF), color-stop(0.00, #EDEEF0));
    background: -webkit-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: -moz-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: -o-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: -ms-linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    background: linear-gradient(top, #EDEEF0 0%, #FFF 100%);
    border-top: 5px solid #028B5F;
    margin: 0 !important;
    padding: 15px;
  }
}
/*-------------------------サブタイトル4 (下線)*/
h3.subtitle04{
  color: #0CCED9;
  padding: 10px 15px;
  border-bottom: 3px solid #0CCED9;
}
/*-------------------------サブタイトル5 (点線)*/
h3.subtitle05{
  color: #0CCED9;
  padding: 10px 15px;
  border-bottom: 3px dotted #0CCED9;
}
/*-------------------------サブタイトル6 (上下線)*/
h3.subtitle06{
  color: #0CCED9;
  padding: 10px 15px;
  border-top: 3px solid #0CCED9;
  border-bottom: 3px solid #0CCED9;
}
/*-------------------------サブタイトル7 (左下線)*/
h3.subtitle07{
  color: #0CCED9;
  padding: 10px 15px;
  border-left: 10px solid #0CCED9;
  border-bottom: 1px solid #0CCED9;
}
/*-------------------------サブタイトル8 (左線＋背景)*/
h3.subtitle08{
  color: #0CCED9;
  padding: 10px 15px;
  border-left: 10px solid #0CCED9;
  background-color: #e2f9fa;
}

@media (max-width: 767px) {
.contBox02 .alignnone {
    margin: 5px 0 20px 0;
}
.contBox02 .alignright {
    float:right;
    margin: 5px 0 20px 0;
}
.contBox02 .alignleft {
    float: left;
    margin: 5px 0 20px 0;
}
}


.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #eee;
    border: 1px solid #ddd;
    max-width: 96%;
    padding: 10px;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    margin: 0;
    padding: 5px 0;
}

.contBox02 ul,
.contBox02 ol,
.contBox02 dl{
	list-style-position: inside;
}