@charset "UTF-8";

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

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

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

/*-- 見出し（H1-6）--*/

.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 #fff;
 border-right: 0px solid #fff;
 border-top: 0px solid #fff;
 border-bottom: 4px solid #d5eaff;
 font-size: 22px;
 padding: 6px 10px;
 margin: 30px 0px;
}

/*--リスト--*/
.article ol,
.article ul,
.article dl{
  line-height:180%;
letter-spacing : 0.1em ;
color: #444444;
}

/*--コッツウォルズTOP用のリスト--*/
ul.topmenu{
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

ul li.topmenu{
  line-height: 1.7;
  padding: 0.8em 0;
  list-style-type: none!important;
}

ul li.topmenu:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: #c9e664;/*アイコン色*/
}

/*--スポンサーリンクの文字色--*/
.ad-label{
color:#999;
}

/*--表の文字設定--*/
.article td{
 border: solid 1px #ccc;
line-height : 180% ;
letter-spacing : 0.1em ;
color: #444444;
font-size:85%;
background-color: #fff;
}


/*--表の設定・旅行記の下部もくじ--*/
.article .mokuji{
 border: solid 0px #fff;
 background-color: #fff;
}

/*-----自分で設定-----*/

/*--文字色の設定（表内）--*/
.co{
color: #f2a100;
}

/*--文字色の設定（表内）--*/
.co2{
color: #0000ff;
}

/*--文字色（濃いピンク）指定--*/
.iro1{
color: #ff6666;
}

/*--文字色（グレー）指定--*/
.iro2{
color: #808080;
}

/*--旅行日の文字指定--*/
.day{
color: #808080;
text-align:right;
margin:3em 0;
}

/*--アイコン、チェックマーク--*/
.iconmigi:before{
content: "\f046";
color: #ff8c1a;
font-family: Fontawesome;
margin-right: 0.2em;
font-size:1.2em;
}

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

/*--アイコン、〇右向き矢印--*/
.iconmigi3:before{
content: "\f18e";
color: #61aaf2;
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: #f8ffee;
 border: 1px solid #bad68f;
 border-top: 1px solid #998e76;
 box-shadow: 0 1px 2px rgba(100, 100, 100, 0.3)inset;
}
figure img {
 margin: 0;
}

figcaption {
 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%;
}

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

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

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

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

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