@charset "UTF-8";

/*!
Theme Name: seichoshien.com 専用テーマ
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: seichoshien
Author URI: https://seichoshien.com
Template:   cocoon-master
Version:    1.0.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* ****** htag ****** */
.entry-header h1 {
    position: relative;
    padding: 1em;
    background: #101649;
    color: white;
}

.entry-header h1::before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px rgb(149, 158, 155);
}
h2{padding: 10px !important; border-top: 5px solid #101649; background-color: #f5f5f5 !important;}

.article h3 {
    border-left: 7px solid #101649;
    border-right: 1px solid #101649;
    border-top: 1px solid #101649;
    border-bottom: 1px solid #101649;
    font-size: 22px;
    padding: 12px 20px;
}
.article h4 {
    border-top: 0px solid #101649;
    border-bottom: 0px solid #101649;
}
.article h4  {
    color: #fff;/*文字色*/
    padding: 0.5em 1em;/*文字周りの余白*/
    display: inline-block;/*おまじない*/
    line-height: 1.3;/*行高*/
    background: #44617b;/*背景色*/
    vertical-align: middle;
    border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
    width: 100%;
}

.article h4 :before {
    content: '●' !important;
    color: white !important;
    margin-right: 8px !important;
}

.article h5 {
    border-bottom: 0px solid #ddd;
}
h5 {
    position: relative;
}

h5:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 7px;
    background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
    background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}
/* コンテンツ */

.tagline {
    text-align: center;
    font-size: 11px;
    margin: .6em 1em;
}
.logo-text {
    padding: 10px 0 0px;
    font-size: 1em;
}
.sidebar h3 {
    background-color: #f5f6f7;
    border-left:5px solid #1D2088;
    padding: 12px;
    margin: 16px 0;
    border-radius: 2px;
}
.index-tab-button{
    background-color: #1D2088 !important;
}

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
    display: none;
}
/*フロント固定ページのシェアボタンを非表示*/
.home.page .sns-share{
    display: none;
}
/*フロント固定ページのフォローボタンを非表示*/
.home.page .sns-follow{
    display: none;
}
/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
    display: none;
}
.home.page .date-tags{display: none;}
body.home .article h2{
    margin: 0em 0 1em;
}

a:hover img {
    opacity: 0.7 !important;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
img a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

/* トップ　投稿 */

.wp-block-coblocks-posts__date {
    color: #6c7781;
    display: block;
    font-size: 11px !important;
    margin-top: var(--coblocks-spacing--1, 0em) !important;
}
.wp-block-coblocks-posts__excerpt {
    font-size: 11px !important;
    margin-top: var(--coblocks-spacing--1, 0em) !important;
}
.has-large-gutter.has-2-columns > :not(.block-editor-inner-blocks) {
    max-width: calc(100% / 2 - var(--coblocks-spacing--1, 1.2em)) !important;
    border: 1px solid #ededed;
}
body.home .wp-block-coblocks-posts__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 20px;
}


/* 固定ページのみ*/

body.page-template-default .date-tags{display: none;}
body.page-id-18 th{width: 30%;text-align: left;}
.tblbl1{width: 900px;margin: auto;}
.tblbl1 table{text-align: center;}
.tblbl1 th,.tblbl1 td{border: 1px solid #ccc;}
.none1{display: none;}


/* フッター */

.footer-bottom-logo .logo-image {
    padding: 0;
    max-width: 100%;
}


/* 問い合わせフォーム */

#form1{overflow: hidden;}
#form1 th,#form1 td{padding: 20px;;}
#form1 th{width: 40%;text-align: left !important;font-weight: normal;}
#form1 .form_1{background-color: #f39800;padding: 10px;color: #fff; text-align: center !important;margin-bottom: 20px;}
#form1 .color-botton01{width: 220px; margin: 20px auto;padding: 15px 5px; background-color: #f39800;text-align: center;border-radius: 30px;}
#form1 .color-botton01 a{color: #fff;}

@media (min-width: 768px){
    .wpcf7 {
        width: 100% !important;
    }
}

.wpcf7 {
    margin: 0px auto !important;
    padding: 0px !important;
    padding-bottom: 0px !important;
}
span.wpcf7-list-item {
    display: block !important;
    margin: 0 0 0 1em;
    width: 100%;
}

/* 必須マーク */
.must{
    color: #fff;
    margin-right: 5px;
    padding: 3px 5px;
    background: #F92931;
    border-radius: 20px;
    font-size: 11px;
}

/* 任意マーク */
.free {
    color: #fff;
    margin-right: 5px;
    padding: 3px 5px;
    background: #a9a9a9;
    border-radius: 20px;
    font-size: 11px;
}

/* 入力項目を見やすくする */
input.wpcf7-form-control.wpcf7-text,
textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    padding: 8px 15px;
    margin-right: 10px;
    margin-top: 10px;
    border: 1px solid #d0d5d8;
    border-radius: 3px;
}
textarea.wpcf7-form-control.wpcf7-textarea {
    height: 200px;
}


/* 送信ボタンを見やすくする */
input.wpcf7-submit {
    width: 100%;
    height: 80px;
    background: #27c038;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

/* エラーメッセージを見やすくする */
span.wpcf7-not-valid-tip,
.wpcf7-response-output.wpcf7-validation-errors {
    color: red;
    font-weight: 600;
}

.wpcf7-form-control.wpcf7c-btn-confirm{
    width: 350px;
    padding: 15px !important;
    color: #fff;
    font-size: 30px !important;
    font-weight: 600;
    border-radius: 50px !important;
    margin-top: 30px !important;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffc86a+0,f39800+100 */
    background: #ffc86a !important; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffc86a 0%, #f39800 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffc86a 0%,#f39800 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffc86a 0%,#f39800 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc86a', endColorstr='#f39800',GradientType=0 ) !important; /* IE6-9 */

}

@media only screen and (max-width:480px){
    #form1 { margin: 0 -10px; }
    #form1 th,
    #form1 td{
        width: 100% !important;
        display: block;
        border-top: none;
    }
    #form1 tr:first-child th { border-top: 1px solid #ddd; }
    .tblbl1{width: 100%;margin: auto;}
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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