@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Sans+SC&display=swap');
/*!
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
*/

/************************************
** global
************************************/
a {
	color:inherit;
}
/* font weight */
.fw-normal {
	font-weight: normal;
}
.fw-middle {
	font-weight: 500;
}
.fw-bold {
	font-weight: bold;
}


/* text align */
.ta-left {
	text-align:left;
}
.ta-center {
	text-align:center;
}
.ta-right {
	text-align:right;
}


/* line height */
.lh-1 {
	line-height:1;
}
.lh-11 {
	line-height:1.1;
}
.lh-12 {
	line-height:1.2;
}
.lh-13 {
	line-height:1.3;
}
.lh-14 {
	line-height:1.4;
}
.lh-16 {
	line-height:1.6;
}
.lh-18 {
	line-height:1.8;
}
.lh-2 {
	line-height:2;
}

.mb-0 {
	margin-bottom:0 !important;
}
.mb-10 {
	margin-bottom:10px !important;
}
.mb-20 {
	margin-bottom:20px !important;
}
.mb-30 {
	margin-bottom:30px !important;
}
.p-0 {
	padding:0 !important;
}


/* Display 
	------------------	*/
.disp-n {
	display:none !important;
}
.disp-b {
	display:block;
}
.disp-ib {
	display:inline-block;
}

.linkbtn {
	display:block;
	text-decoration:none;
	padding:0.5em 16px;
	background:#dd5510;
	border-radius:0.2em;
	color:#fff;
	margin-bottom:0.5em;
	transition: all 0.3s ease-in-out;
}
.linkbtn:hover {
	color:#fff;
	opacity:0.4;
}



/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
/*	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	font-family: 'Roboto',arial,sans-serif;
	font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Sans", "Noto Sans JP", sans-serif;
	font-family: 'Noto Sans', sans-serif;*/
	font-family: Arial, "Times New Roman", "Noto Sans JP","Noto Sans SC", sans-serif;
	
	--wp--preset--color--green:#67aa56;
}
.page .entry-title{
	display: none;
}
.page .date-tags {
	display: none;
}

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


.category .admin-pv {
	display: none;
}


.pager-post-navi {
	flex-direction: row;
	justify-content:space-between;
}
.pager-post-navi a {
	width: 100%;
}


.sub-caption {
	opacity:0.8;
	font-family:sans-serif;
}


/*アラビア語対応*/
body.categoryid-15 {
	
}
.txt-arabic, 
.category-cate-arabic-post {
	direction: rtl;
}
.category-cate-japanese-post,
.category-cate-english-post,
.category-cate-chinese-post,
.category-cate-korean-post,
.category-cate-vietnamese-post,
.category-cate-nepalese-post,
.category-cate-indonesian-post,
.category-cate-filipino-post,
.category-cate-thai-post,
.category-cate-portuguese-post,
.category-cate-hindi-post,
.category-cate-russian-post {
	direction: ltr;
}




/*新着本文の行数*/
.entry-card-snippet, .related-entry-card-snippet {
    -webkit-line-clamp: 2;
}

/*フォーム幅*/
.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 {
    width: auto;
	max-width:100%;
}
/*カテゴリページ*/
.category-page-content {
	margin-bottom:0;	
}

.category-page-content .toggle-checkbox:checked ~ .toggle-content {
	padding:2em 1em;
	border: 2px solid #ccc;
    border-top-width: 2px;
    border-radius: 4px;
}
.category-page-content .toggle-checkbox:checked ~ .toggle-content p {
	margin-bottom:1em;
}
.category-page-content .toggle-button {
	border:none;
    border-radius: 4px;
}
.category-page-content .toggle-button::before {
	color:#fff;
	opacity:0.75;
}
.category-page-content .wpcf7 form .wpcf7-response-output {
    margin: 0 1em 1em;
}
input[type='submit'].wpcf7-submit {
	border: none;
	background-color: #dd5510;
	color: #fff;
    border-radius: 4px;
}
.wpcf7-form-control-wrap[data-name='val-consultation'] .wpcf7-list-item {
	display: block;
}

/************************************
** ショートコードカテゴリ一覧
************************************/
.entry-card-thumb {
	width: 160px;
}
.entry-card-content {
	margin-left: 170px;
}

.list .a-wrap {
	margin-bottom:0;
}

 .card-thumb img {
  display: block;
  object-fit: cover;
}




/*
.custom-entry-card-wrap.a-wrap {
  text-decoration: none;
  display: block;
  color: #333;
  padding: 1.5%;
  margin-bottom: 3%;
  transition: all 0.3s ease-in-out;
}*/
.custom-entry-card-wrap h2 {
  color: #333;
  font-size: 18px;
  margin: 0 0 5px 0;
  padding: 0;
  line-height: 1.6;
  font-weight: bold;
  background: none;
}
.custom-entry-card-wrap .entry-card-content {
  margin-left: 216px;
	margin-left: 170px;
}
.custom-entry-card-wrap .entry-card-thumb {
  width: 216px;
	width: 160px;
}
/*
.custom-entry-card-wrap .card-thumb img {
  display: block;
  width: 216px;
  height: 14vw;
  max-height: 140px;
  object-fit: cover;
}*/

.pagination.cumstom_pagination .border-partition a,
.pagination-next.cumstom_pagination .border-partition a,
.pagination-next.cumstom_pagination .border-partition a:first-of-type {
  border-top: solid;
  border-left: solid;
  border-right: solid;
  border-bottom: solid;
}

@media screen and (max-width: 480px) {
  .custom-entry-card-wrap h2 {
    font-size: 16px;
    line-height: 1.3;
  }
  .custom-entry-card-wrap .entry-card-content {
    margin-left: 38%;
  }
  .custom-entry-card-wrap .entry-card-thumb {
    width: 38%;
  }
  .custom-entry-card-wrap .card-thumb img {
    width: 100%;
    height: 18vw;
    max-height: 180px;
  }
}


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

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

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