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

/************************************
** 子テーマ用のスタイルを書く
************************************/

/* グロナビ文字 */
.navi-in .menu-header .item-label{
    font-size: 18px;
    font-weight: bold;
}

/* タイトル非表示 */
/* post-20  → フロントページ */
/* post-120 → パスワード変更ページ */
.post-20 h1.entry-title{
	display:none;
}
.post-120 h1.entry-title{
	display:none;
}

/* タイトル中央寄せ */
.page .entry-title,
.single .entry-title {
	text-align: center;
}

/* 有給申請フォーム */
#wpcf7-f173-p150-o1 .wpcf7-form-control-wrap{
    display: inline-block;
    width: 30%; /* 幅の調整 */
    box-sizing: border-box;
    padding: 0 10px; /* パディングの調整 */
}

/* モバイルメニューを右側から展開 */
.navi-menu-content {
	right: 0;
	left:unset;
	-webkit-transform: translateX(105%);
	transform: translateX(105%);
}

/* PDFの中央寄せ */
.pdfemb-viewer{
	margin:0 auto!important;
}

/* セレクター.is-style-〇〇の読み込み */
.wp-block-columns {
  &.is-style-justify {
    justify-content: space-between;
  }
  &.is-style-center {
    justify-content: center;
  }
}

/* 縦並び表示の設定 */
.reversebox {
	display: flex;
}

.article ul{
	padding: 0.1rem 1.5rem 0.1rem 1.5rem;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
	.btn.cocoon-block-button__width-25{
		width: 50%;
	}
}

/*781px以下*/
@media screen and (max-width: 781px){
	/* ２カラム表示の縦表示順制御 */
	.reversebox {
		flex-direction: column;
 	}
	.order1 {
		order: 1;
	}
	.order2 {
		order: 2;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.btn.cocoon-block-button__width-25{
		width: 80%;
	}
  
}

/************************************
** カラー設定（ページ編集時のカラーを追加）
** ※function.phpも追加する必要あり
************************************/
/* 文字色 */
.has-color1-color {
	color: #ff6464;
}
.has-color2-color {
	color: #e88727;
}
.has-color3-color {
	color: #f2d729;
}
.has-color4-color {
	color: #91e079;
}
.has-color5-color {
	color: #3fc1c9;
}
.has-color6-color {
	color: #0000bb;
}
.has-color7-color {
	color: #ac5eb5;
}
.has-color8-color {
	color: #8FD4D9;
}
.has-color9-color {
	color: #87AAFA;
}
.has-color10-color {
	color: #87FADB;
}
.has-color11-color {
	color: #8987FA;
}

/* 背景色 */
.has-color1-background-color {
	background-color: #ff6464;
}
.has-color2-background-color {
	background-color: #e88727;
}
.has-color3-background-color {
	background-color: #f2d729;
}
.has-color4-background-color {
	background-color: #91e079;
}
.has-color5-background-color {
	background-color: #3fc1c9;
}
.has-color6-background-color {
	background-color: #0000bb;
}
.has-color7-background-color {
	background-color: #ac5eb5;
}
.has-color8-background-color {
	background-color: #8FD4D9;
}
.has-color9-background-color {
	background-color: #87AAFA;
}
.has-color10-background-color {
	background-color: #87FADB;
}
.has-color11-background-color {
	background-color: #8987FA;
}