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

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



@font-face {
	font-family: "Zen Maru Gothic";
	src:url('/fonts/ZenMaruGothic-Regular.woff') format('woff'),
	url('/fonts/ZenMaruGothic-Medium.woff') format('woff'),
	url('/fonts/ZenMaruGothic-Light.woff') format('woff'),
    url('/fonts/ZenMaruGothic-Bold.woff') format('woff'),
	url('/fonts/ZenMaruGothic-Black.woff') format('woff');
}

*{font-family: 'Zen Maru Gothic', serif;}
.header-in.wrap {width:100%;}
.tagline{background-color:#FFFFFF; color:#a28877; margin:0 0 0px 0; padding:5px 0 0 0; width:100%;}
.site-name-text-link {width:25%; }
#content-top {margin:0 auto 0; text-align:center; }

.kaigyou:after {content:""; display:block; clear:both;}
.sma {display:none;}

.post .date-tags {color:#a8a8a8;}
.page .date-tags {display: none;}

.list-new-entries .entry-card-thumb {margin-top:0; }

h1#archive-title{color:#FFFFFF; border-radius:0px; background-color:#a28877; padding:10px 0; margin-bottom:30px; text-align:center; font-size:21.5px;}
.page h1{color:#FFFFFF; border-radius:2px; background-color:#a28877; padding:10px 0; margin:0px 0px 30px 0px; text-align:center;}
.post h1{color:#a28877; border-bottom:solid 2px #a28877; padding:0px 0px 10px 0; margin:0px 0px 30px 0px; }
.article h2{color:#a28877; border-bottom:solid 2px #a28877; background:#FFFFFF; padding:0 0 5px 0; margin:0 0 20px 0;}
.article h3{color:#a28877; border:none; border-bottom:dotted 1px #a28877; padding:0 0 5px 0; margin:0 0 10px 0;}
.article h4{color:#a28877; border:none;  padding:0; margin:0 0 10px 0;}
.article h4::before { content: "◆"; color:#a28877;}
.entry-content {margin-top:30px;}
.calc_field h2 {color:#a28877; border-bottom:solid 2px #a28877; font-size:16px: background-color:#f7f2d7;}
.calc_field{background:#f7f2d7; padding:10px;}


.wrap {width:100%}
.main { width: 64%; padding: 30px 0px 0 10%; border: 1px solid transparent; border-radius: 4px; position: relative;}
.sidebar { width: 33%; border: 1px solid transparent; padding: 30px 10% 0 0px; border-radius: 4px; background-color: #fff;}

.box-menus .box-menu {box-shadow: inset 1px 1px 0 0 #a28877, 1px 1px 0 0 #a28877, 1px 0 0 0 #a28877, 0 1px 0 0 #a28877;}
.box-menu:hover{opacity: 0.8;}
.box-menu-label{color: #a28877;}

.navi { margin-bottom:0px; }
#navi {background:#a28877;}
#navi-in ul{width:80%; margin:0 auto;}
#navi-in ul li {border-right: 1px solid #FFFFFF; width:calc(100% / 6) ;}
#navi-in ul li:first-child {border-left: 1px solid #FFFFFF; }
#navi-in ul li a{font-size:1.2vw; font-weight:bold; color:#FFFFFF;}
#navi-in ul li a:hover{opacity:0.8;}
.navi-in a:hover {background-color: #a28877; transition: all 0.3s ease-in-out;	opacity:0.8; color: #FFFFFF;}

.category_button_box{border:1px solid #a28877; min-height:10px; display:flex;}
.category_button_list{ background:#F7F2D7; border-right:1px solid #a28877;  text-align:center; width:calc(100%/6);}
.category_button_list.current { background:#a28877; }
.category_button_list.current a{ color:#F7F2D7; }
.category_button_list:last-child{border-right:none; }
.category_button_list a{color:#a28877; text-decoration:none; padding:5px 0; width:100%; font-size:0.9vw; display:block;}

.caption-wrap > .item-description {color:#f5f5f5;}

.list-title-in:before,
.list-title-in:after { background-color: #a28877;}

.pagination-next-link {color: #a28877; background-color:#F7F2D7; border:solid 1px #a28877; border-radius: 4px;}
.pagination > .page-numbers{color: #a28877; border:solid 1px #a28877;}
.pagination > .current{background-color:#F7F2D7;}

.sns-share.ss-top .sns-share-buttons {justify-content: center;}
.sns-share.ss-top .sns-buttons a {width: 40px; height: 40px; margin-right: 4px; margin-left: 4px; border-radius: 50%; }
.sns-share.ss-top .sns-buttons a .social-icon {	font-size: 18px;}
.sns-share.ss-top .sns-buttons a .button-caption { display: none; }
.sns-share.ss-top .sns-buttons a .share-count:empty { padding: 0; border: 0; }
.bc-monochrome[class*="sns-"] a[class*="-button"] {	background-color: #F7F2D7; color: #a28877;}

.item-description {color:#f08080;}

.related-entry-heading {display:none;}

#breadcrumb.breadcrumb {background-color:#FFFFFF;}

.sidebox_learn { border:solid 1px #a28877; padding:5px;}
.sidebox_learn_title {font-size:18px; color:#a28877; border-bottom:1px solid #a28877; text-align:center; padding:5px 0; margin:0 0 10px 0;}
.sidebox_learn ul{padding:10px 10px 10px 10px; }
.sidebox_learn ul li { margin-bottom:8px; color:#80A2CC; list-style-position: inside;}
.sidebox_learn ul li a{ margin-bottom:10px; padding-left:0px;  color:#80A2CC; }

.popular-entry-card-link {border-bottom: 1px dotted #a28877;}
.popular-entry-card-title {color:#a28877;}



.widget_categories ul li a{color:#a28877;}

.sidebar h3 {font-size:18px; color:#a28877; background:#F7F2D7; font-weight:normal; text-align:center; border-top:2px solid #a28877; border-bottom:2px solid #a28877; padding:5px 0; border-radius:0px; margin-bottom:0;}

.widget-sidebar > .popular-entry-cards {margin-top:5px; }


.wp-post-image {border-radius:0px;}
.cat-label {display:none}
.logo-header {padding:10px;}

.breadcrumb .fa-home,
.breadcrumb .fa-folder,
.breadcrumb .fa-file-o {display:none; }

.archive-title :before { display: none;}

.appo_button {padding:0 3%; margin:0 auto 0 auto; text-align: center; height:auto; margin:20px auto 60px auto;}
.appo_button a{margin:0 auto 0 auto; text-align: center; background:#f4a3a3; border-radius:4px; padding:7px 20px; text-decoration: none; color: #FFF; font-size:16px;  text-align: center; letter-spacing: 0.2em; text-shadow: 0px -1px 1px rgba(0,0,0,0.5); box-shadow: 3px 3px #808080; border-radius:4px; display:block; font-weight:bold;}
.appo_button a:hover{opacity:0.5; transition:0.8s ;}

.info_button {padding:0 3%; margin:0 auto 0 auto; text-align: center; height:auto; margin:20px auto 0px auto; }
.info_button a{margin:0 auto 0 auto; text-align: center; background: #A6C78E; border-radius:4px; padding:7px 20px; text-decoration: none; color: #FFFFFF; font-size:16px;  text-align: center; letter-spacing: 0.1em; box-shadow: 3px 3px #808080; border: solid 1px #A6C78E; border-radius:4px; display:block; font-weight:bold;}
.info_button:hover{opacity:0.5; transition:0.8s ;}

.avoinfo_button {padding:0 3%; margin:0 auto 0 auto; text-align: center; height:auto; margin:20px auto 0px auto; }
.avoinfo_button a{margin:0 auto 0 auto; text-align: center; background: #FFFFFF; border-radius:4px; padding:7px 20px; text-decoration: none; color: #A6C78E; font-size:16px;  text-align: center; letter-spacing: 0.1em; box-shadow: 3px 3px #808080; border: solid 1px #A6C78E; border-radius:4px; display:block; font-weight:bold;}
.avoinfo_button:hover{opacity:0.5; transition:0.8s ;}

.button_under {display:block; font-size:10px;}

.related-entry-heading {margin: 5px 0px;  padding: 10px 25px;  background-color: #86cfcf;  color: #fff;  font-size: 22px;  border-radius: 0;}

.related-entry-card-thumb > .cat-label { background-color: #a28877; border: 0px!important; top: 0em; left: 0em;}
.related-entry-card-wrap h3{color:#898989;}
.related-entry-card-snippet{color:#898989;}
.related-entry-card-wrap {border-bottom: 1px solid #a28877;}
.related-entry-card-wrap:first-child {border-top: 1px solid #a28877; padding-top:15px;}

.widget_categories li {border-bottom:dotted 1px #a28877; }

.top5 {margin-top:0px; padding-top:0;}
ul .top5 + p {margin:0; padding:0;} 

.list-title-in{color:#a28877;}

.entry-card-wrap {border:solid 1px #a28877;}
.new-entry-cards a{border:solid 1px #a28877; border-radius:0px; }
.new-entry-card-title {color:#a28877; padding:5px; font-size:14px;}


.ect-entry-card a{border:solid 1px #a28877; border-radius:0px; padding:10px; }
.ect-entry-card { padding:0px; }
.entry-card-wrap{padding:0; }
.ect-vertical-card .entry-card-wrap {
  width: 48%;
  display: inline-block;
  margin-bottom:4%;
}

.entry-card-thumb-image{margin:0; bottom:0; }
.card-thumb-image{margin:0; bottom:0; }
h2.entry-card-title {color:#a28877; padding:0 10px 0 10px;}
.entry-card-snippet{padding:0 10px 0 10px; margin-bottom:10px;}
.entry-card-info > .post-date > .fa-clock {display:none;}
.entry-card-info > .post-date {padding:5px 5px 5px 0; display:block; color:#a28877;}
.list-more-button{color:#a28877; background-color:#F7F2D7; border-radius:2px; border:solid 1px #a28877; box-shadow: 3px 3px #808080; margin-top:0;}

.entry-card-thumb {margin-top:0;}


.toaction_box{border:solid 1px #a28877; padding:20px;}
.toaction_title{font-size:22px; font-weight:bold; text-align:center;}
.toaction_button a {background:#FF0000; display:block; padding:10px; color:#FFFFFF; text-decoration:none; font-size:18px; font-weight:bold; text-align:center; margin:15px auto 10px auto; width:70%; box-shadow: 3px 3px #808080;}

.avocounseling_box{border:solid 1px #a28877; padding:18px; border-radius:4px;}
.avocounseling_title{font-size:18px; font-weight:bold; text-align:center; border-bottom:dotted 3px #F7F2D7; margin-bottom:5px; color:#a28877;}
.avocounseling_explanation{font-size:12px;}
.avocounseling_button a {background:#A6C78E; display:block; padding:7px 10px; color:#FFFFFF; text-decoration:none; font-size:18px; font-weight:bold; text-align:center; margin:15px auto 10px auto; width:70%; box-shadow: 3px 3px #808080; border-radius:4px;}

.linkfree_info_box {border:solid 1px #a28877; padding:20px; border-radius:4px; font-size:12px;}

.ib-right .blogcard-content,
a .new-entry-card-title {  margin-right: 0; padding-right:0; padding-left:15px;}


.entry-card-meta .fa {display:none;}
.list .new-entry-card-link {margin-top:10px;}
.card-arrow a:after{display:none;}
.card-arrow .card-content {margin:0; padding:0;}
.attachment-thumb120 {padding-right:10px;}
.list-column > .list > .new-entry-cards {margin-bottom:10px; }
.list-more-button-wrap a{ width:50%;}
.site-name-text-link{width:25%; }
.logo-footer .site-name-text-link {width:100%; height:auto; }
footer .logo-image {width:40%; }
footer .logo-image img{height:auto; }

#footer{padding-top:30px; }
.fdt-logo {padding-top:0; margin-top:0px;}
.footer-widgets {margin: 10px auto 0;}
.footer-left, .footer-right, .footer-mobile {padding: 0;}

.ranking_banner_box {display:block; min-height:10px;}
.ranking_banner_link a{text-align:center; padding:5px 5px; width:32.6%; margin-right:1.1%; color:#FFFFFF; background-color:#a28877; text-decoration:none;  float:left; font-size:10px; display:block;}
.ranking_banner_link:last-child a{margin-right:0px; }

aside .new-entry-card-link {border:none; border-bottom: 1px dotted #a28877; padding-left:0;} 

aside .new-entry-card-content {margin-left:0;}
aside h3.widget-sidebar-title {margin-bottom:5px;}

#author_box { border: 1px solid #A0A0A0; padding: 0px; width: 100%; max-width: 100%; margin: 0 auto;}
#author_box_title {padding-left:20px; font-size: 16px; font-weight: bold; margin-bottom: 10px; color:#FFFFFF; background:#A0A0A0; }
#author_box_inner {padding: 10px 20px 20px 20px; display: flex; align-items: flex-start; width: 100%; }
#author_picture {width:19%; margin-right:3%; }
#author_box_inner_inner { width: 78%; }
#author_name {color:#A0A0A0; font-size: 20px; font-weight: bold; padding-top:0; line-height: 1.0; padding-bottom:5px;}
#author_profession {margin-top:10px; color:#A0A0A0; font-size: 16px; line-height: 1.3; margin-top:0; }
#author_biography {color:#A0A0A0; padding: 0px 20px 20px 20px;}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下#e6e1cf #a28877box-shadow: 1px 1px 2px  青87a9b9*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
body {background-color:#FFFFFF !important; }
main.main {padding-bottom:5px; }
#sidebar {padding-top:0;}
	
#author_picture {width:25%; margin-right:3%;}
#author_box_inner_inner { width: 72%; }
#author_name {font-size: 18px; }
#author_profession {font-size: 3.7vw; }
#author_biography {line-height:1.5;}
	
.sma {display:block;}
	
.tagline{background-color:#a28877; color:#FFFFFF; margin:20px 0 0px 0; padding:0px 0 0 0; width:100%; border-top:1px solid #FFFFFF;}
.logo-header{padding:0; margin:0;}
.site-name-text-link {width:50%; }
.list-new-entries .card-title {height:85px;}
.list-new-entries h2.entry-card-title {line-height:1.3;}
h2.entry-card-title {font-weight:normal; font-size:14px; padding:0px 5px 0px 5px; display:inline-block;}
.custom-menu-icon{color:#FFFFFF;}
.custom-menu-caption{color:#FFFFFF;}

.home header {border-bottom:solid 1px #a28877;}
#main{padding-top:0; margin-top:0px;}
.article#content{padding-top:0px; margin-top:0px;}
.list-new-entries h1{margin-top:5px; padding-top:0px;}

.page h1{margin:30px 0px 30px 0px; }
.post h1{margin:30px 0px 30px 0px; }

	
.category_button_box{display:block; border:none;}
.category_button_list{width:calc(100%/3); float:left; border:none; }
.category_button_list:nth-child(1){border-right:dotted 1px #a28877;}
.category_button_list:nth-child(2){border-right:dotted 1px #a28877;}
.category_button_list:nth-child(4){border-top:dotted 1px #a28877; border-right:dotted 1px #a28877;}
.category_button_list:nth-child(5){border-top:dotted 1px #a28877; border-right:dotted 1px #a28877;}
.category_button_list:nth-child(6){border-top:dotted 1px #a28877; }
.category_button_list a{font-size:2.8vw; padding:8px 0; margin:auto 0; }
	
	
#content-top *{margin-bottom:0; }
.box-menus{padding-top:10px;}
.box-menu {padding:15px 0; background-color:#F7F2D7;}
.box-menus .box-menu {font-size:1vw; min-height:initial; min-height:auto; width:49%; margin:0 2% 2% 0; border-radius:2px; box-sizing:border-box; border:1px solid #a28877; color:#a28877; box-shadow:none;}
.box-menu:nth-child(even) {margin-right:0;}
.box-menu-icon * {color: #a28877; font-size:40px; padding:0; margin:0; min-height:initial; min-height: auto; min-width:initial; min-width: auto;}
.box-menu:hover{box-shadow:none; opacity:0.8;}
.box-menu-label{margin:4px 0 0 0;}

.mobile-menu-buttons {min-height:30px;}
.mobile-header-menu-buttons > .menu-button {padding:8px 0; }
.mobile-header-menu-buttons > .menu-button:nth-child(1) {width:calc(100%/2); }
.mobile-header-menu-buttons > .menu-button:nth-child(1) img{width:90%; margin-top:0; }
.mobile-header-menu-buttons > .menu-button:nth-child(2){background-color:#A6C78E; width:calc(100%/6);}
.mobile-header-menu-buttons > .menu-button:nth-child(3){background-color:#a28877; width:calc(100%/6);}
.mobile-header-menu-buttons > .menu-button:nth-child(4){color:#a28877; width:calc(100%/6);}
.mobile-menu-buttons > .navi-menu-button > .menu-button-in > .custom-menu-caption{font-size:3.1vw; }
.mobile-menu-buttons > .navi-menu-button > .menu-open > .navi-menu-caption {font-size:3.1vw; }
.logo-menu-button{min-width: initial;}
	
.navi { margin-bottom:0px; }
#header-container #navi-in {background:#F7F2D7;}
#header-container #navi-in ul{width:100%; margin:0 auto; padding:2% 1% 1%; box-sizing: border-box; }
#header-container #navi-in ul li {border-right:none;  margin:1% 1% 2%; width:31%; color:#a28877; }
#header-container #navi-in ul li a{font-size:3vw; font-weight:bold; color:#a28877; background:#FFFFFF; border:1px solid #a28877; border-radius:3px; box-shadow: 2px 2px #a9a9a9;}
#header-container #navi a{color:#a28877;}
	
.menu-drawer li {background-color:#FFFFFF; }
.menu-drawer > .menu-item a{background-color:#FFFFFF; color:#8fb896; padding:12px 0 0px 10px;}
.fa-times {color:#8fb896; margin-bottom:0; padding-bottom:0; }
.menu-drawer::before{white-space: pre; content: "メニュー"; font-size: 18px; color:#000000; z-index:1000; border-bottom:solid 1px #000000;}
.sub-menu::before{white-space: pre; content: "\Aカテゴリ別記事"; font-size: 18px; color:#000000; z-index:1000; border-bottom:solid 1px #000000;}
.menu-drawer .sub-menu {  padding-left: 0px;}

ul.sub-menu {margin-bottom:50px;}
	
.mobile-footer-menu-buttons {background-color: rgba(224,224,224,0.7); padding:1% 2%; box-shadow:none;}


.mobile-footer-menu-buttons .custom-menu-icon {display:none;}
.mobile-footer-menu-buttons .menu-button a{border-right:none; padding-top:1px; }
.mobile-footer-menu-buttons > .navi-menu-button > .menu-button-in > .custom-menu-caption::after {white-space: pre; content: "対面でもオンラインでも可能です"; font-size: 10px;color:#FFFFFF; display: block; text-align:center; padding-bottom:1px;}
.mobile-footer-menu-buttons > .navi-menu-button > .menu-button-in {text-align:center; }
.mobile-footer-menu-buttons > .navi-menu-button{width:80%; margin:1% 2% 1% 1%; background:#f4a3a3; padding:2px 0; box-shadow: 3px 3px #808080; border-radius:4px;}
.mobile-footer-menu-buttons.mobile-menu-buttons .menu-caption {font-size:15px !important; font-weight:bold;}


footer .logo-image {width:50%; }
#footer{padding-top:10px;  padding-bottom:80px;}
.mobile-menu-buttons .menu-button > a {color: #fa8072; }
	
	
.mblt-footer-mobile-buttons, .mblt-header-and-footer-mobile-buttons { margin-bottom: 0px; }
	
}

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

	
}

	

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


}
}