@charset "UTF-8";

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

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

/*****消したいもの*****/
.category-5 .list { display:none; } /*イタリアのカテゴリーページの記事一覧*/
.category-2 .list { display:none; } /*チェコのカテゴリーページの記事一覧*/

.pagination-next-link { display: none; } /*「次のページへ」*/
.pagination { display: none; } /*ページ送り1，2，3*/

/*****カテゴリーのカスタマイズ(20230506記)*****/
.widget_categories ul li a{ /*親カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  font-size: 15px; /*フォントサイズ*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px dashed #9b968c; /*親カテゴリー下側にボーダーライン*/
}
.widget_categories ul li a::before{ /*親カテゴリーのアイコン設定*/
  font-family: FontAwesome;
  content: "\f07c";
  color: #c7c7c7;
  padding-right: 6px; /*アイコン右側空間*/
}
.widget_categories > ul > li > a:first-child{ 
  border-top: none; /*最初の親カテゴリー上側のボーダー削除*/
}

.widget_categories ul li ul li a{ /*子カテゴリー設定*/
  text-decoration: none; /*テキスト装飾無し*/
  color: #333; /*文字色*/
  display: block; /*ブロックボックス生成*/
  padding: 4px 4px 2px 10px; /*上下左右空間*/
  border-bottom: 1px dashed #ffc5e0; /*子カテゴリー下側にボーダーライン*/
}
.widget_categories ul li ul li a::before{ /*子カテゴリーのアイコン*/
  font-family: FontAwesome;
  content: "\f115";
  color: #f41945;
  padding: 0px 6px 0px 2px; /*アイコン右側空間*/
}

.widget_categories ul li a .post-count{ /*記事数設定*/
  display: inline-block; /*インラインボックス生成*/
  float: right; /*右寄せ配置*/
  margin-left: 8px; /*右側空間*/
  color: #9b968c; /*文字色*/
  background: #e5e5e5; /*背景色*/
  font-weight: bold; /*強調フォント*/
  font-style: oblique; /*斜体フォント*/
  font-size: 12px; /*フォントサイズ*/
  white-space: nowrap; /*1つの空白にまとめて表示。折り返し無し。*/
  line-height: 1.1; /*行の高さ*/
  padding: 3px 10px; /*上下左右空白*/
  text-decoration: none; /*テキスト装飾無し*/
  border-radius: 2px; /*角丸コーナー*/
}

.widget_categories ul li a:hover{ /*マウスホバー時設定*/
  background: #ffddee; /*背景色*/
  color: #333; /*文字色*/
  transition: all 0.8s ease; /*アニメーション*/
}
.widget_categories ul li a:hover .post-count{ /*記事数のマウスホバー時設定*/
  background: #fe619a; /*背景色*/
  color: #fff; /*文字色*/
  transition: all 0.8s ease; /*アニメーション*/
}











/* 親テーマの変更箇所-----*/

.article h2 {
 background-color: #d5eaff;
 border-radius:10px;
 margin-top: 40px;
 margin-bottom: 20px;
 padding: 16px 20px;
 font-size:22px;
}

.article h3 {
 border-left: 0px solid #777879;
 border-right: 0px solid #cccdce;
 border-top: 0px solid #cccdce;
 border-bottom: 4px solid #d5eaff;
 font-size: 22px;
 padding: 6px 10px;
 margin: 30px 0px;
}

/*-----TOPページ用h2設定-----*/
#frontpage {
 position: relative;
  background: -webkit-linear-gradient(top, #d5eaff, #99ccff);
  background: linear-gradient(to bottom, #d5eaff, #99ccff);
  color: #333;
 margin-top: 40px;
 margin-bottom: 20px;
 padding: 10px 20px;
 font-size:22px;
}

/* 親テーマの変更箇所ここまで
--------------------------------------------------------------------------------*/

/* 自分アレンジここから
--------------------------------------------------------------------------------*/

/*-----TOPページ用文字設定-----*/
.menu1{
 font-size:16px;
 line-height:160%;
 color:#333;
 text-decoration:none;
 padding-left:5px;
 padding-right:5px;
}
.menu1 a:link{
 color:#333;
 text-decoration:none;
}
.menu1 a:visited{
 color:#333;
 text-decoration:none;
}
.menu1 a:active{
 color:#3f9fff;
 text-decoration:none;
}
.menu1 a:hover{
 color:#3f9fff;
 text-decoration:none;
}

/*----------アイコン、●右向き----------*/
.iconmigi:before{
content: "\f138";
color: #f26d7d;
font-family: Fontawesome;
margin-right: 0.2em;
font-size:1.3em;
}

/*-----画像の周りを囲む-----*/
figure.fig{
 clear:both;
 margin: 0.5em 0 3em 0;
 text-align:center;
 padding: 0.6em;
 background-color: #f2f2f2;
 border: 1px solid #cccccc;
 border-top: 1px solid #808080;
 box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}
figure img {
 margin: 0;
}

figcaption {
 color: #946243 ;
 font-size: 80%;
 margin: 0.5em;
 text-align:center;
}

/*-----GOOGLEMAP-----*/
#googlemap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
#googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*--テーブル項目--*/
.hyo1{
	background-color:#e5f2ff;
}
/*--テーブル項目答え--*/
.hyo2{
	background-color:#fff;
}

/*--広告表示--*/
.adhyouji{
	  background:#f2f2f2;
	  padding:5px;
	  font-size:80%;
	  text-align:center;
}

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

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

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

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