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

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

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

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

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

/* 記事表示 */

.navi-entry-cards.large-thumb {
display: flex;
flex-wrap: wrap;
}

.navi-entry-cards.large-thumb a {
width: 33.333%;
}

/768px以下/
@media screen and (max-width: 768px){
.navi-entry-cards.large-thumb a {
width: 50%;
}
}

/480px以下/
@media screen and (max-width: 480px){
.navi-entry-cards.large_thumb a {
width: 100%;
}
}

.navi-entry-card-title {
    font-size: 14px;
}

@media screen and (max-width: 480px) {.navi-entry-card-title {font-size:10px;}}

.o_tab {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
	border: 1px solid #ccc;
}
.o_tab p {
width: 20%;
	text-align: center;
	border-left: 1px solid #ccc;
	margin: 0;
	padding: 10px;
  cursor:-moz-pointer;
  cursor:-webkit-pointer;
  cursor: pointer;
}
.o_tab:last-child p {border: none;}

.o_tab p:hover {
	background: #536976;
	color: #fff;
transition: 0.5s
}
.o_tab .highlight {background: #536976; color: #fff;}