@charset "UTF-8";

/*!
Theme Name: Cocoon Child Migaro
Description: Cocoonの子テーマ Migaroバージョン
Theme URI: https://wp-cocoon.com/
Author: Migaro
Author URI: 
Template:   cocoon-master
Version:    1.1.2
*/

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

body{
	background-color:#FFFFFF;
}
/* 2023/11/07 メニューバーpadding 対応 */
nav ul {
    padding: 0px;
}

/* 2022/08/10 CNX-blog eye-catchセンター */
.eye-catch-wrap {
  display: flex;
  justify-content: center;
}

div#container {
    margin-top: 25px;
    width: 100%;
    padding: 0px;
    margin: 101px 0px 0px 0px;
    margin-top: 25px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;	
}
.wrap{
	max-width:1110px;	
}
.content {
    margin-top: 0px;
}
.main{
	padding: 20px 0px;
}
main.main{
	padding: 0px 0px;
}

header#header {
    display: none;
}

.intro-message {
    position: relative;
    padding-top: 3% !important;
    padding-bottom: 0% !important;
}
/* footerは非表示 */
footer#footer {
    display: none;
}

/* 一覧表示 */
.entry-card-content {
    margin-left: 30px; 
}

h2.entry-card-title.card-title.e-card-title {
    margin-top: 10px;
}

.container article {
    padding: 10px;
}
/* リストの下線 */
a.entry-card-wrap.a-wrap.border-element.cf {
    border-bottom: solid 1px #CCCCCC;
}
/* リストの下線最後の要素はなし */
a.entry-card-wrap.a-wrap.border-element.cf:last-child {
    border-bottom: none;
}
/* 一覧表示 */

/* Category */
ul.category-list {
    text-decoration: none;
    list-style: none;
    padding: 0px;
    font-size: 14px;
	display:flex;
	flex-wrap: wrap;
}

ul.categoryButton_List li a {
    text-decoration: none;
	padding: 5px;
}

li.category-link {
	margin-right: 8px;
}

li.category-link > a {
	text-decoration:none;	
	display: block;
}


/* カテゴリー 新着情報 */
li.category-link.whatsnew {
    background-color: #CCCCFF;
}

/* カテゴリー ボタンList */
div.categoryButton_listContainer{
    width: 100%;
    position: relative;
	margin-bottom: 40px;
}

ul.categoryButton_List{
	list-style:none;
	padding:0px;
	margin: 0px 15px;
	display:flex;
}
ul.categoryButton_List li {
	display:block;
	width: 100%;
	min-width:170px;
	padding:0px;
	margin-right:8px;
  	text-align: center;
  	background-color:#FFF;
	float:left;
}
ul.categoryButton_List li:last-child{
	margin-right:0px;
}

.category_list_container {
    margin-top: 10px;
}

/* Categoryのボタン色 */
ul.categoryButton_List li a {
  	text-decoration: none;
  	display:block;
  	border: 2px solid #FFCCCC;
  	border-radius: 4px;
}

a.categoryButton {
    border: 2px solid #CCC;
    border-radius: 4px;
    padding: 0px 8px;
	color:#FFF;
}
/*すべて*/
a.categoryButton.allhome{
	background-color: #0b3c5d;
	border-color: #0b3c5d;
}
/*おしらせ*/
a.categoryButton.whatsnew{
	background-color: #e9b000;
	border-color: #e9b000;
}
/*イベントセミナー*/
a.categoryButton.event-seminar{
	background-color: #eb6e80;
	border-color: #eb6e80;
}
/*Delphi*/
a.categoryButton.delphi{
	background-color: #205296;
	border-color: #205296;
}
/*Valence*/
a.categoryButton.valence{
	background-color: #0a999b;
	border-color: #0a999b;
}
/*SP4i*/
a.categoryButton.sp4i{
	background-color: #42ac03;
	border-color: #42ac03;
}
/*製品情報*/
a.categoryButton.product{
	background-color: #94618e;
	border-color: #94618e;
}
/*CNX-Blog */
a.categoryButton.cnx-blog {
    background-color: #1a485d;
    border-color: #1a485d;
}

/*IntraWeb */
a.categoryButton.intraweb {
    background-color: #A9D159;
    border-color: #A9D159;
}

.breadcrumb {
    margin: 40px 10px 40px 15px !important;
    color: #777;
    font-size: 14px;
	/*width:100%;*/
}
/* 日付 */
span.post-date {
    font-size: 14px;
}
/* 次、前ページフォント */
div#pager-post-navi {
    font-size: 18px;
}

/* モバイルメニューを表示しない */
ul.mobile-footer-menu-buttons.mobile-menu-buttons {
    display: none !important;
}
/* カテゴリー表示 */
.container article {
    padding: 0px 15px !important;
}

/* カテゴリーの説明文 */
.entry-content {
    margin-top: 1em;
    margin-bottom: 0px;
}
/*記事の文字サイズ*/
article p {
    font-size: 14px;
}
.sidebar h3 {
    border-left: 10px solid #999999;
}

.pager-post-navi {
    margin: 5px 0;
}

footer.article-footer {
    padding: 0px 0px;
}

a.categoryButton:hover {
    color: #CCCCFF;
}

div.pagination {
    margin: 0px;
}

input[type="text"]{
	font-size:14px;
}

.row.deletemargin {
    margin: 0px;
}

.entry-title, .archive-title {
    font-size: 26px;
    margin: 40px 15px;
    line-height: 1.3;
}

 button.btn.btn-muted {
    background-color: #EEE;
    color: #000;
}   

/* 2024/07/17 menu anchor underline */
li.dropdown > a , ul.dropdown-menu > li > a{
  text-decoration: none;
}
/* ランキング */
.widget-entry-cards.ranking-visible .card-thumb::before {
  width: auto;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1280px以下*/
@media screen and (max-width: 1280px){
  /*必要ならばここにコードを書く*/
	ul.categoryButton_List{
		flex-wrap: wrap;
	}
	ul.categoryButton_List li {
		padding:0px;
		margin:4px;
		min-width:190px;
		max-width:200px;
	}		
}

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	ul.categoryButton_List li {
		min-width:190px;
		max-width: calc(50% - 8px);
	}	
	
	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	ul.categoryButton_List li {
		padding:0px;
		margin:4px;
	}
    main.main {
       padding: 0px 4px;
    }	
	div#container{
		margin-top:0px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	ul.categoryButton_List li {
		width:100%;
		max-width: 100%;
		min-width:none;
		padding:0px;
		margin-bottom:8px;
	}
}