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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
ol, ul {
  padding-left: 0;
}
.entry-content a,section a{ text-decoration: underline; }
.entry-content a:hover,section a:hover{ text-decoration: none; color:#886769; }

.footer-bottom{
margin: 0;
padding: 0;
}
footer .wrap{ width: 100%; }

#content-in.not_have_post{
padding-top: 0;
}
#content-in.not_have_post .main{
width: 100%;
box-sizing: border-box;
}
#content-in.not_have_post .main *{
width: 100%;
}
.content{ margin-top: 0; }
#content{
padding: 50px 0 60px;
}
#content-in{
background-color: #fff;
}
@media screen and (min-width: 480.2px){
#content-in{
padding-top: 20px;
}
}
.body article.post{ margin-bottom: 0; }
.workshop_info .entry-content{ margin-bottom: 0; }

.go-to-top-button {
  background-color: transparent!important;
  transition: opacity .3s linear;
  font-size: 30px;
}
/*ホバー時*/
.go-to-top-button:hover {
  opacity: 0.8;
}

.entry-card-title, .related-entry-card-title{
font-weight: normal;
}
.entry-card-thumb{ margin-bottom: 10px!important;}
#sidebar aside:first-child h3{
margin-top: 0;
}
#sidebar aside:last-child{
margin-bottom: 0;
}
#sidebar aside:last-child form{
margin-bottom: 0;
}

#sidebar select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: transparent;
      outline: none;
      padding: 6px 14px; /* 余白の指定 */
      font-size: 14px; /* 文字サイズ */
      color: #50412f; /* 文字色 */
    }
#sidebar select::-ms-expand {
      display: none;
    }
#sidebar .widget_archive {
      position: relative;
    }
#sidebar .widget_archive::after {
      font-family: FontAwesome;
      content: '\f0d7'; /* アイコンの指定 */
      position: absolute;
      bottom: 5px; /* アイコンの位置 */
      right: 12px; /* アイコンの位置 */
      color: #50412f; /* アイコンの色 */
}

.entry-title, .archive-title{
font-size: 1.375rem;
margin-top: 0;
}
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
  font-weight: normal!important;
}
#form table{ margin: 0 auto 40px; width: auto; }
#form .wpcf7-form th{ text-align: right; padding: 15px 15px 15px 0; }
#form .wpcf7-form td{ padding: 15px; }
#form .wpcf7-form tr{ background-color: #fff!important; }
#form .wpcf7-form th,#form .wpcf7-form td{ background-color: #fff; border: none!important; vertical-align: middle; }
#form .submit{ text-align: center; }
#form input[type='submit']{ max-width: 300px; text-align: center; background-color: #e1c8c5; color: #fff; }
#form .wpcf7-spinner{ display: block; }

#form select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      background: transparent;
      outline: none;
      padding: 8px 14px;
      font-size: 1rem;
      color: #50412f;
    }
#form select::-ms-expand {
      display: none;
    }
#form .wpcf7-form-control-wrap[data-name=menu-irai]{
      position: relative;
      display: block;
}
#form .wpcf7-form-control-wrap[data-name=menu-irai]::after {
      font-family: FontAwesome;
      content: '\f0d7'; /* アイコンの指定 */
      position: absolute;
      top: 8px;
      right: 12px; /* アイコンの位置 */
      color: #50412f; /* アイコンの色 */
}

@media screen and (min-width: 1200.2px){
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{
font-size: 1rem;
}
#form .search-edit, #form input[type="text"], #form input[type="password"], #form input[type="date"], #form input[type="datetime"], #form input[type="email"], #form input[type="number"], #form input[type="search"], #form input[type="tel"], #form input[type="time"], #form input[type="url"], #form textarea, #form select{
min-width: 500px;
}
}

.search-submit {
  right: 5px;
  top: calc(50% - 20px);
}
.entry-category, .post-date, .post-update, .post-author, .amp-back {
  font-size: 0.875rem;
}

/*次のページ非表示*/
.pagination-next-link {
  display: none;
}

.pager-post-navi{ margin-bottom: 0; }
/* ページ送りナビの左右を入れ替える(Cocoon ver.2～) */
.pager-post-navi a.prev-post {
    flex-direction: row-reverse;
    padding:10px 5px 10px 10px;
}
.pager-post-navi a.next-post {
    flex-direction: row;
    padding:10px 10px 10px 5px;
}
.pager-post-navi a.next-post .iconfont:before {
	content: '\f053';
}
.pager-post-navi a.prev-post .iconfont:before {
	content: '\f054';
}
.pager-post-navi a.next-post .next-post-title {
	margin: 0 0 0 10px;
}
.pager-post-navi a.prev-post .prev-post-title {
	margin: 0 10px 0 0;
}
@media screen and (min-width: 481px) {
    .pager-post-navi.post-navi-square {
        flex-direction: row-reverse;
    }
    .post-navi-square.post-navi-border a:last-child {
        border-left-width: 1px;
    }
    .post-navi-square.post-navi-border a:first-child {
        border-left-width: 0;
    }
    .post-navi-square.not_post_prev a:first-child,.post-navi-square.not_post_next a:first-child {
        border-left-width: 1px!important;
    }
    .post-navi-square.not_post_next{
    flex-direction: row!important;
    }

}
@media screen and (max-width: 480px) {
.post-navi-square.not_post_prev a:first-child,.post-navi-square.not_post_next a:first-child {
        border-top-width: 1px;
    }
}

.prev-post-title:before,
.next-post-title:before {
    color: #999999; /* 文字色 */
    font-size: 12px; /* 文字サイズ */
    margin-bottom: 0.3em;
    display: block;
}
.next-post-title:before {
    content: '次のページ';
}
.prev-post-title:before {
    content: '前のページ';
}
.prev-home{
margin: 0 10px 0 0;
}
.next-home{
margin: 0 0 0 10px;
}

.widget_recent_entries ul li a{
padding: 0;
}
.widget_recent_entries ul li a:hover{
text-decoration: underline;
background-color: transparent;
}
.widget_recent_entries .post-date{
font-size: 0.75rem;
display: block;
color: #AF7E79;
}
.widget_recent_entries ul li a{ font-size: 0.875rem; }
.widget_recent_entries ul li + li{ margin-top: 20px; }

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

}
/*768px以下*/
@media screen and (max-width: 768px){
#form .wpcf7-form th,#form .wpcf7-form td,#form table,#form tbody,#form tr{ width: 100%; display: block; text-align: left; }
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
table th, table td {
    padding: 3px;
    font-size: 0.875rem;
}

#form .wpcf7-form td{ padding: 0; }
.search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{
font-size: 0.875rem;
}
main.main, div.sidebar {
    padding: 16px 30px;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.entry-title, .article h2 {
    padding: 0.6em 0;
}
}