@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
*/
mark{background:#fcb900;}

del{color:red;}

a:hover.wp-element-button {background:#000 !important;color:#fff;text-decoration:underline;}

.toppage_contents{background:#f7fcec;padding:10px;margin:10px;border-radius:10px;}
.toppage_contents p{line-height:250%;}

.page .date-tags {display: none;}

.site-name-text{display: none;}

.article .entry-categories-tags {
    margin: 0;
}
.article h1 {
    margin: 0 !important;padding:0 !important;
}

.main{margin:0 !important;padding:10px 0 0 0 !important;}
@media screen and (max-width: 767px){
	.main{padding:0 !important;}	
}

h4{border:none !important;text-align:center;color:#184932;}

@media screen and (min-width: 768px){
#navi{display:none;}
}

@media screen and (max-width: 767px){
.copyright{font-size:10px;}
header.category-header h1{font-size:17px !important;}
.logo-image * {display: block;}
.site-logo-image{padding-top:12px !important;}
header{padding-top:7px;}
li.logo-menu-button a:hover{background:transparent !important}
}

/* table */
table{border-collapse:collapse;width:100%;}
td{vertical-align:middle !important;height:auto !important;font-weight:normal;border: 1px solid #cccccc;}

td.c00{background:#feffe2 ;color:#111;}
td.c01{background:#fff;color:#111;}
td.c02{background:#34a16e;color:#fff;font-weight:600;}

.spacer{margin-bottom:50px;}

@media screen and (min-width: 768px) {
td{font-size:16px;padding:10px 0;border:1px solid #bebebe;width:20%;text-align:center !important;}

td.nono{border-top:5px solid #fff !important;
border-bottom:5px solid #fff !important;
border-left:5px solid #fff !important;}

.smponlyda{display:none;}
}

@media screen and (max-width: 767px) {

.last td:last-child{width:100%;}

td.lft{display: block;width:100%;
border-left: none !mportant;border-right: none;}

td{font-size:16px !important;border-bottom:none;display: block;width:100%;
border-left: none;border-right: none;border-top: none;text-align:center;}

td.nobo{display:none;}

}
/* table */

h1{text-align:center !important;}

/*color*/
h1.entry-title, h1.archive-title{color:#184932;}

h2{background:#267550 !important;color:#fff;text-align:center !important;border-radius:10px !important;}
h3{background:#34a16e !important;color:#fff;text-align:center !important;border-radius:10px !important; /*width:80%;*/ margin-left:auto;margin-right:auto;display:block;padding:0;}

/*.entry-content h3.wp-block-heading{background:#34a16e !important;}*/

p.fakeh3{background:#f0faf2;color:#267550;text-align:center;border-radius:10px; width:auto; margin-left:auto;margin-right:auto;display:block;padding:0;font-weight:600;border:1px solid #267550;}

.sidebar h3, .sidebar h2{padding:0 !important;margin-left:auto;margin-right:auto;}

.entry-content h2{background:#267550 !important;padding:10px;}

.sidebar a:hover, .mobile-menu-buttons a:hover, .new-entry-cards a:hover, .front-page-type-index a:hover, .related-list a:hover, .pager-post-navi a:hover, .next-post a:hover
{opacity:0.7;background:#fffdd8 !important;}

a:hover {color: #1e73be;background:transparent !important;}

.border-element, .next-post{border:1px dotted #267550 !important;border-radius:10px !important;}

@media screen and (max-width: 767px){
.navi-menu-content{background: rgba(233, 255, 233,0.7);}
li.menu-item a{border-bottom:1px dotted #666;}
li.menu-item a:hover{background: none !important;}
li.menu-item-home a:hover{color:#111 !important;}
}

/* フォーム全体のスタイル */
.wpcf7 {
background-color: #feffe2;
padding: 20px;
border-radius: 10px;
max-width: 700px;
margin: auto;
accent-color: #dc143c;
}
/* ラベルのスタイル */
.wpcf7-form label {
display: block;
margin-bottom: 10px;
font-size: 16px;
color: #111;
}
/* インプットフィールドのスタイル */
.wpcf7-form textarea {
width: 100%;
padding: 10px;
border: 1px solid #cccccc;
border-radius: 5px;
margin-bottom: 20px;
font-size: 16px;
background-color: #ffffff;
}
/* テキストエリアのスタイル */
.wpcf7-form textarea {
height: 150px;
resize: vertical;
}

/* 送信ボタンのスタイル */
.wpcf7-form input[type="submit"] {
width:80%;
background-color: #dae200;
color: #fff;
cursor: pointer !important;
border: none;
border-radius:10px;
font-weight:600;
font-size:17px;
margin:10px 20px;
}
.wpcf7-form input[type="submit"]:hover {
background-color: #ebeb00;
}


.submit-btn {
  display: inline-block;
  position: relative;
}

.submit-btn-wrapper {
  text-align: center;
}

/* エラーメッセージと成功メッセージのスタイル */
.wpcf7-form .wpcf7-not-valid-tip {
color: red;
font-size: 14px;
}
.wpcf7-form .wpcf7-mail-sent-ok {
color: green;
font-size: 16px;
margin-bottom: 20px;
}

/* menu、検索をロゴと同じ色にする、上下のマージン  */
@media screen and (max-width: 767px) {
	.mobile-header-menu-buttons label {
		color: #267550 !important;}
	.logo-menu-button img {
		margin:3px auto;}
}


@media screen and (max-width:767px) {
.ifrm_bottom {width:100%;height:100px;
border:none;display:block;}
}

@media screen and (min-width:768px) {
.ifrm_bottom {width:80%;height:200px;border:none;display:inline-block;margin-left:auto;margin-right:auto;}
}

span.tennisball{color:#ebeb00;font-size:25px;}

@media screen and (max-width:767px) {
.new-entry-cards .new-entry-card-title, .widget-entry-card-title, .card-title{font-size:15px;}
h1.archive-title{font-size:20px;margin:0;padding:15px 0;}
h1.entry-title{font-size:20px !important;margin:10px 0 0 0 !important;}
}

@media screen and (min-width:768px) {
.rnd{border-radius:15px;}
}
footer .copyright{font-style:italic;}

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

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

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

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