@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

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

/************************************
** オリジナル改変用ARC303
************************************/

/*フロント固定ページのタイトルを非表示*/
.home.page .entry-title{
  display: none;
}
/*フロント固定ページの投稿日を非表示*/
.home.page .post-date{
  display: none;
}

/*フロント固定ページの更新日を非表示*/
.home.page .post-update{
  display: none;
}

/*フロント固定ページの投稿者名を非表示*/
.home.page .author-info{
  display: none;
}

/************************************
** ARC303オリジナル
************************************/

.a303clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.a303clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.a303clearfix {
	display: block;
}


.a303df-c{display:flex;justify-content: center;}
.a303t-box01{width:25%;border:solid 1px;margin:0 2% 0 2%;padding:1%;}
.a303_telno01 {font-size:200%;font-weight:bold;text-align:center;margin-top:0.5em;}
img.a303-bq00{width:100%;max-width:100%;height:auto;}

.a303-ka01 p{margin:0;}


.a303dc00{text-align:right;padding:0 1em 0 0;}
.a303dc01{text-align:center;color:#002698;}
.a303dc02{font-size:130%;font-weight:bold;}
/*必要ならばここにコードを書く*/

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

/*834px以下*/
@media screen and (max-width: 834px){
 .a303df-c{display:flex;flex-direction: column;}
 .a303t-box01{width:100%;margin:0 0 2% 0;padding:1%;}
}

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