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

span.wpcf7-list-item {
    display: block;
}

/* slide-in-menu:customize */
/*.navi-menu-content{background: rgba(251, 229, 255,0.6);}*/
.navi-menu-content{background: rgba(114, 24, 57,0.5);}
.menu-drawer a{font-size: 15px;height: 2.5em;}
.menu-item{background: transparent;color: #fff;}
.menu-item a{color: #fff;padding-top:10px;}
li.menu-item a{border-bottom:1px dotted #998c00;}
li.menu-item a:hover{background: none !important;color:#ccc !important;}
li.menu-item-home a:hover{color:#ccc !important;}

.mobile-menu-buttons {
    color: #998c00;
}

/*.new-entry-card-date.widget-entry-card-date.display-none {
display: block;
}*/
.widget-entry-card-date {
  display: block;
}
.widget-entry-card-update-date{
	display: none;
}
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.page .date-tags {
display: none;
}
h2, h3{border-radius:10px !important;text-align:center !important;}
.entry-content h2{padding:10px;}

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

@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}
}

@media screen and (min-width:768px) {
.aboutus .table {font-size:16px;color:#111;display: flex;flex-direction: column;}
.aboutus .row {display: flex;justify-content: space-between;margin-bottom: 10px;}
.aboutus .row2 {display: flex;justify-content: space-between;margin-bottom: 25px;}
.aboutus .row3 {display: flex;justify-content: space-between;margin-bottom: 45px;}
.aboutus .row4 {display: flex;justify-content: space-between;margin-bottom: 165px;}
.aboutus .cell {width: 50%;padding: 10px;}
.aboutus .table .no1{width:18%;height:2.0em;}
.aboutus .table .no2{width:82%;height:2.0em;}
.aboutus .table .no3{width:82%;height:10.0em;}
}

@media screen and (max-width:768px){
.aboutus .table {font-size:13px;color:#111;}
.aboutus .row, .aboutus .row2, .aboutus .row3, .aboutus .row4{margin-bottom: 10px;}
}

.toppage_contents{background:#f9f9f9;border-radius:10px;padding: 0 10px;}
.toppage_contents p{line-height:250%;}
.toppage_contents a:hover{background:transparent !important;}
.toppage_list{border:1px dotted #c1ab05 !important;border-radius:none !important;}
h1{text-align:center !important;}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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