@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/10/24 メニュー表示対応 */
ol, ul {
    padding: 0px;
}

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; 
}

.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:145px;
	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;
}
/*コラム*/
a.categoryButton.column {
    background-color: #0099DD;
    border-color: #0099DD;
}

.breadcrumb {
    margin: 40px 15px !important;
    color: #777;
    font-size: 14px;
}
/* 日付 */
span.post-date {
    font-size: 18px;
}
/* 次、前ページフォント */
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: 18px;
}

.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;
}   

div#list {
    overflow: hidden;
}

/* 2024/07/17 menu anchor underline */
li.dropdown > a , ul.dropdown-menu > li > a{
  text-decoration: none;
}

/* ↓問合せフォーム用ここから↓ */
span.wpcf7-list-item{
  display:block;
}

span.formlabel{
 font-weight: normal;
}
.wpcf7 {
    padding: 4px;
}


.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
    font-weight: normal;
    font-size: 14px;
    padding: 4px;	
}

.wpcf7-form-control.wpcf7-textarea{
	width:100%;
}

.wpcf7-form-control.wpcf7-previous {
    width: 100%;
    border: 1px solid var(--cocoon-thin-color);
    background-color: #f5f8fa;
    color: #333;
    padding: 10px;
    margin-bottom: 5px;
}

input[type=submit] {
    -webkit-appearance: none;
    border: 1px solid var(--cocoon-thin-color);
    background-color: #ffcccc;
    color: #333;
}

input.wpcf7-form-control.wpcf7-submit {
   background-color: #3d96e2;
   color: #FFF;
}

span.form-opt{
    font-weight: normal;
}

span.require{
    border: 0px solid #CCC;
    border-radius: 4px;
    padding: 0px 8px;
    color: #FFF;
    background-color: #EE6666;
    margin: 0px 0px 3px 0px;
    display: inline-block;
    font-size: 12px;
	font-weight: bold;
}


.wpcf7-form > p {
    margin-bottom: 5px;
}

.wpcf7 {
    padding: 10px 20px;
    border: solid 2px #EEEEEE;
    border-radius: 15px;
}

span.horizon > .wpcf7-list-item {
  display: inline-flex;
}

form.wpcf7-form > div.row > div {
    margin-bottom: 15px !important;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    max-width: 400px;
    border-radius: 8px;
    font-weight: bold;
}


.intro-header.inquiry {
   /* padding-top: 0px !important; */
	padding-top: 110px ;
}

/* ラベル用スタイル */
label{
    font-size: 16px;
}
label.padd_bott_style01{
	padding-bottom: 20px;
}
.padd_bott_style01{
	padding-bottom: 20px;
	font-size: 16px;
	font-weight: normal;
}

.sub_index_style01{
	padding-top: 20px;
}


/* ↑問合せフォーム用ここまで↑ */

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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;
	}
.intro-header.inquiry {
    /* padding-top: 0px !important; */
    padding-top: 30px !important;
}
	input.wpcf7-form-control.wpcf7-text , .wpcf7-form-control.wpcf7-textarea , .wpcf7-free-text {
		font-size: 16px !important;
	}
}