@charset "UTF-8";

/*!
Theme Name: CocoonTravelChild
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

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

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


/************************************
** フォントセット
************************************/

body {
  /*  フォントの種類  */
  font-family: BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
 
  /*  フォントのサイズ  */
  font-size: 16px;
  
  /*  フォントの色  */
  color: #333;
  
  /* 文字間隔の調整の設定 */
  letter-spacing: 1.4px;
  
  /* 行間の設定 */
  line-height: 1.75;
}

/* グローバルナビメニュー*/
nav#navi, .menu-header .sub-menu{
	font-weight: 350;
}

.menu-header .menu-item:hover{
	 border-bottom:3px solid #f5f2ed !important;/*線の太さ色*/
	    transition: all .3s;/*線が出てくる時間*/
}
.sub-menu .menu-item:hover{
	border-bottom:none !important;
}

#navi .navi-in > .menu-header .item-label{
	font-size: 15px;
}


/**目次**/

.toc-list > li{
  font-weight: bold;
}

.toc-list > li li{
  font-weight: normal;
}

.article .toc-list > li li {
  list-style: none;
}

.toc-title {
  position: relative;
  padding: 2px 0;
  background: #e3ded8;
  color: #000;
  font-weight: bold;
 }

/* パンくずリストの背景 */
.breadcrumb {
	background: #f5f2ed !important; /*背景色*/
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 5px;
	padding: 3px
}

/* 見出しリセット */

/* 見出し3リセット */
.article h3{
border-top:none;
border-bottom:none;
border-left:none;
border-right:none;
padding: 0;
}

/* 見出し4リセット */
.article h4{
border-top:none;
border-bottom:none;
padding: 0;
}

/* 見出し4リセット */
.article h5{
border-top:none;
border-bottom:none;
padding: 0;
}

/*見出しカスタマイズ*/

.article h1 {
  padding: .75em 0;
  border-top: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
	color: #555;
	font-weight:500;
}


.entry-content h2 {
	background: #f8f8f8;
	color: #555;
	font-size: 1.4rem;
	font-weight: 500;
	position: relative;
	padding: 1em 2em;
	text-align: center;
}

/*
.entry-content h2:first-letter {
  font-size: 150%;
  color: #807161;
}
*/

.entry-content h2:before,
.entry-content h2:after {
  position: absolute;
  content: '';
}

.entry-content h2:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 2px solid #555;
  border-left: 2px solid #555;
}

.entry-content h2:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
}

.entry-content h3 {
	border-top:none; /* デフォルトCSS打ち消し */
	border-bottom:none; /* デフォルトCSS打ち消し */
	border-left:none; /* デフォルトCSS打ち消し */
	border-right:none; /* デフォルトCSS打ち消し */
	padding: 0; /* デフォルトCSS打ち消し */
    margin:  0;                 /* デフォルトCSS打ち消し */
    font-size:  1.3rem;           /* 文字サイズ指定 */
    position:  relative;        /* 位置調整 */
    font-weight:  normal;       /* 文字の太さ調整 */
    display:  inline-block;     /* インラインブロックにする */
    padding-top: 25px;          /* 余白指定 */
    padding-left: 35px;         /* 余白指定 */
    padding-bottom: 35px;       /* 余白指定 */
}

.entry-content h3:before {
    content:  '';               /* 空白の要素を作る */
    background-color: #e3ded8;  /* 背景色指定 */
    display:  block;            /* ブロック要素にする */
    position:  absolute;        /* 位置調整 */
    left:  0;                   /* 位置調整 */
    height: 65px;               /* 高さ指定 */
    width: 65px;                /* 幅指定 */
    border-radius:  50%;        /* 丸くする */
    top: 0;                     /* 位置調整 */
    z-index:  -1;               /* 重なり調整 */
}


.entry-content h4 {
	position: relative;
	padding: .1em .3em .1em 1.5em;
	border-bottom: 1px solid #e3dfda;
	color: #505050;/*文字色*/
	font-size: 1.2rem;
	font-weight: 500;       /* 文字の太さ調整 */
}
.entry-content h4::before,.entry-content h4::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.entry-content h4::before {
	top: .2em;
	left: .2em;
	width: 18px;
	height: 18px;
	background: rgba(217, 209, 199,.7);
}
.entry-content h4::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(227, 223, 218,.5);
}


.entry-content h5 {
  position: relative;
  padding-left: 1.8em;/*アイコン分のスペース*/
  line-height: 1.4;
	font-size: 1.2rem;/*サイズ*/
	font-weight: 500; 
}

.entry-content h5:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";/*アイコンのユニコード*/
  font-weight: 500;
  position: absolute;/*絶対位置*/
  font-size: 1rem;/*サイズ*/
  left: 10px;/*アイコンの位置*/
  top: 3px;/*アイコンの位置*/
  color: #e3ded8; /*アイコン色*/
  font-weight: 900;
}


/*サイドバー見出し*/
.sidebar h3 {
	background-color: #e3ded8;
	padding-top: 2px;
	padding-bottom: 2px;
	color: #000;
	font-size: 14px;
}

.widget-entry-card {
    font-size: 14px;
}

/*フッター見出し*/
.footer h3 {
	background-color: #e3ded8;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-right: 3px;
	padding-left: 3px;
	margin-top: 10px;
	margin-bottom: 8px;
	font-size: 14px;
}


/*固定ページ大項目*/
.fixed_page_menu {
	position: relative;
	padding-top: 28px;
	font-size: 22px;
	font-weight: 500;
	border-bottom: 1px solid #888;
}

.fixed_page_menu span {
	position: relative;
	z-index: 2;
}

.fixed_page_menu::before {
	content: attr(data-en);
	position: absolute;
	top: 0px;
	left: 3px;
	color: rgba(117, 88, 55,0.2);
	font-size: 35px;
	font-weight: 500;
	text-transform: uppercase;
	z-index: 1;
}

/*固定ページ大項目（オレンジ）*/
.fixed_page_popular {
	position: relative;
	padding-top: 28px;
	font-size: 22px;
	font-weight: 500;
	border-bottom: 1px solid #888;
}

.fixed_page_popular span {
	position: relative;
	z-index: 2;
}

.fixed_page_popular::before {
	content: attr(data-en);
	position: absolute;
	top: 0px;
	left: 3px;
	color: rgba(209, 148, 29,0.2);
	font-size: 35px;
	font-weight: 500;
	text-transform: uppercase;
	z-index: 1;
}

/*固定ページ大項目（OUTMOBIL）*/
.fixed_page_outmobil {
	position: relative;
	padding-top: 26px;
	font-size: 19px;
	font-weight: 500;
	border-bottom: 1px solid #888;
}

.fixed_page_outmobil span {
	position: relative;
	z-index: 2;
}

.fixed_page_outmobil::before {
	content: attr(data-en);
	position: absolute;
	top: 0px;
	left: 3px;
	color: rgba(98, 122, 44,0.2);
	font-size: 32px;
	font-weight: 500;
	text-transform: uppercase;
	z-index: 1;
}




/*固定ページ小項目*/
.fixed_page_smalltitle {
	background-color: #e3ded8;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	font-size: 16px;
}

/*TOPの海外・国内見出し*/
.fixed_page_menu02 {
	color: #555;
	font-size: 1.6rem;
	position: relative;
	padding: 0em 2em;
	text-align: center;
}

.fixed_page_menu02:first-letter {
  font-size: 150%;
  color: #807161;
}

.fixed_page_menu02:before,
.fixed_page_menu02:after {
  position: absolute;
  content: '';
}

.fixed_page_menu02:after {
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  border-top: 2px solid #555;
  border-left: 2px solid #555;
}

.fixed_page_menu02:before {
  right: 0;
  bottom: 0;
  width: 50px;
  height: 50px;
  border-right: 2px solid #555;
  border-bottom: 2px solid #555;
}

/*固定ページのアンカーリンクボタン*/
.btn-turncolor {
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 1px solid #a8a29b;
  font-size: 13px;
  color: #818D76;
  text-decoration: none;
  font-weight: none;
  padding: 1px 2px;
	margin: 0 1px;
  border-radius: 4px;
  transition: .4s;
}

.btn-turncolor:hover {
	background-color: #a5bd7b;
	border-color: #FFF;
	color: #FFF;
}

/*固定ページのView Moreボタン*/
.p-button {
    max-width: 240px;
    margin: 0 auto;
	text-align: center;
}
.p-button a {
  display: block;
  border: 1px solid #e3ded8;
  background-color: #e3ded8;
  font-size: 16px;
  color: #807161;
  text-decoration: none;
  font-weight: none;
  padding: 1px 1px;
	margin: 0 1px;
  border-radius: 4px;
  transition: .4s;
}
.p-button a:hover {
	background-color: #807161;
	border-color: #807161;
	color: #FFF;
}

/*固定TOPに戻るボタン*/
.r-button {
    max-width: 320px;
    margin: 0 auto;
	text-align: center;
}
.r-button a {
  display: block;
  border: 1px solid #818D76;
  font-size: 16px;
  color: #818D76;
  text-decoration: none;
  font-weight: none;
  padding: 1px 1px;
	margin: 0 1px;
  border-radius: 4px;
  transition: .4s;
}
.r-button a:hover {
	background-color: #a5bd7b;
	border-color: #FFF;
	color: #FFF;
}
/*フッター・サイドバーのリンクボタン*/
.sidebar_button {
    max-width: 100%;
    margin: 0 auto;
}
.sidebar_button a {
    display: block;
    margin: 10px 0;
    padding: 0.4em 0.4em;
		border: 1px solid #ccc; /* ボーダーの指定 */
	border-radius: 10px; /*全体を囲むボックスの角丸*/
    color: #888;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    background: #fff;
    box-shadow: 0 5px 10px rgba(100, 100, 100, .2);
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity:1;
}
.sidebar_button a:hover{
    box-shadow:none;
    transform: translateY(3px);
    opacity:1;
}

/*サイドバー最近のコメント*/
.recent-comment-author{
	font-size: 14px;
}
.recent-comment-date{
	font-size: 11px;
	color: #666;
}
.recent-comment-article {
	font-size: 12px;
	color: #666;
}


/*画像の枠*/
img.waku {
border:1px solid #c7c7c7c7;
}

/*全般リンクテキスト*/
a.home_menu,
a {
	text-decoration: none;
}

/*全般リンクマウスオーバー*/
a:hover,
a:focus,
a:active {
	outline: none;
	color: #ccc;
	text-decoration: none;
}



/*カテゴリ毎Recent Posts*/
dl.recent-posts {
	margin: .1rem 0;
	padding: 0;
	display: block;
}
dl.recent-posts dd,
dl.recent-posts dt {
	font-weight: normal;
	margin: 0;
	padding: 0;
}
dl.recent-posts dt {
	float: left;
	clear: both;
	width: 8.8em;
}
dl.recent-posts dd {
	overflow: hidden;
}
dl.recent-posts span.recent-posts-new {
	padding: 0 2px;
	margin-right: 5px;
	vertical-align: middle;
	font-size: .5rem;
	color: #fff;
	font-weight: bold;
	border-radius: 3px;
	background-color: #f02020;
}
/*ここまで*/


/* 固定ページのタイトル、SNS、更新日時、投稿者等を非表示 */

.front-top-page #main .entry-title,
.home.page .entry-title,
.home.page .sns-share,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}


.page .entry-title,
.page .sns-share,
.page .date-tags,
.page .author-info{
  display: none;
}


/************************************
** トップページカスタマイズ

.home #main h1{
    font-size: 1em;
    color: #555;
    letter-spacing: 1px;
    margin: 1em 0 -2em;
    font-weight: 400;
    display: flex;
    align-items: center;
}
.home #main h1:before, .home #main h1:after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #aaa;
    display: block;
}
.home #main h1:before {
    margin-right: .4em;
}
.home #main h1:after {
    margin-left: .4em;
}
.home #main .large-thumb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.8em 0;
}
.home #main .large-thumb a{
    width: 33%;
    padding: 10px;
}
.home #main .large-thumb a:hover{
    background:unset;
}
.home #main .widget-entry-cards .e-card {
    font-size: 18px;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height:100%;
}
.home #main .widget-entry-cards .e-card:hover {
    transform: translateY(-3px);
    box-shadow: 0px 3px 18px 3px rgba(0,0,0,.08);
}
.home #main .widget-entry-cards figure {
    float: none;
    width: 100%;
}
.home #main .widget-entry-cards figure img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 210px;
}
.home #main .widget-entry-cards .card-content {
    margin: 0 0 0.5em;
    padding:10px 15px;
}
.home #main .large-thumb .new-entry-card-title {
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 400;
    color: #555;
    margin-top: 2px;
}

.home #main .large-thumb .popular-entry-card-title {
    font-size: 1.1rem;
    line-height: 1.2;
    font-weight: 400;
    color: #555;
    margin-top: 2px;
}
************************************/

/*(スマホ)480px以下*/
@media screen and (max-width: 480px){
    .home #main h1{
        margin: 1em 0 0;
        padding: 0;
        font-size:0.8em;
    }
    .home #main .widget-entry-cards .e-card {
        margin:0 5px;
    }
    .home #main .large-thumb a {
        width: 100%;
        padding: 0;
        margin:0 0 15px;
    }
    .home .mobile-2{
        justify-content:space-between;
    }
    .home .mobile-2 a{
        width:48% !important;
    }
    .home .mobile-2 figure img {
        object-fit: unset !important;
        height: auto !important;
    }
    .home #main .large-thumb .new-entry-card-title{
        line-height:1.3;
    }
}

/************************************
** 固定ページカスタマイズ
************************************/

#main .large-thumb{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0.8em 0;
}
#main .large-thumb a{
    width: 33%;
    padding: 10px;
}
#footer .large-thumb a{
    width: 100%;
    padding: 10px;
}
#main .large-thumb a:hover{
    background:unset;
}
#main .widget-entry-cards .e-card {
    font-size: 18px;
    box-shadow: 0 0 4px rgba(0,0,0,.15);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height:100%;
}
#main .widget-entry-cards .e-card:hover {
    transform: translateY(-3px);
    box-shadow: 0px 3px 18px 3px rgba(0,0,0,.08);
}
#main .widget-entry-cards figure {
    float: none;
    width: 100%;
}
#main .widget-entry-cards figure img {
    width: 100%;
    display: block;
    object-fit: cover;
    height: 210px;
}
#main .widget-entry-cards .card-content {
    margin: 0 0 0.5em;
    padding:10px 15px;
}
#main .large-thumb .new-entry-card-title, #main .large-thumb .popular-entry-card-title {
    font-size: 1.1em;
    line-height: 1.2;
    font-weight: 400;
    color: #555;
    margin-top: 2px;
}
#main .large-thumb-on .new-entry-card-title, #main .large-thumb-on .popular-entry-card-title {
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    color: #fff;
    margin-top: 3px;
}

/*(スマホ)480px以下*/
@media screen and (max-width: 480px){
    #main .large-thumb a {
        width: 100%;
        padding: 0;
        margin:0 0 15px;
    }
    .mobile-2{
        justify-content:space-between;
    }
    .mobile-2 a{
        width:48% !important;
    }
    .mobile-2 figure img {
        object-fit: unset !important;
        height: auto !important;
    }
    #main .large-thumb .new-entry-card-title{
        line-height:1.3;
    }
}

/*Cocoonのcat-label（カテゴリラベル）のデザインのカスタマイズ：スケルトン*/
/*ここから*/
.cat-label {
	padding: 3px 10px;
	background-color: rgba(140, 134, 126, 0.9);
	border: 0;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
}
/*ここまで*/

/************************************
**モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
color: #e3ded8!important;
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:#e3ded8;
}
span.fa.fa-search::before{
margin-left:1em;
color: #fff!important;
}
span.fa.fa-bars::before{
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}

/*記事インデックスタイトル*/
.entry-card-title .cat-label {
	font-size: 1.0rem;
	font-weight: 400;
	color: #555;
	padding: 0px 2px;
	margin-top: 0px;
	margin-left: 0px;
	border: none;
}

/*サイドバープルダウン*/
#sidebar select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  outline: none;
  border: 1px solid #ccc; /* ボーダーの指定 */
  border-radius: 8px; /* 角丸の指定 */
  padding: 6px 14px; /* 余白の指定 */
  font-size: 14px; /* 文字サイズ */
  color: #888; /* 文字色 */
}
#sidebar select::-ms-expand {
  display: none;
}
#sidebar .widget_archive {
  position: relative;
}

/*フッタープルダウン*/
#footer select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  outline: none;
  border: 1px solid #ccc; /* ボーダーの指定 */
  border-radius: 8px; /* 角丸の指定 */
  padding: 6px 14px; /* 余白の指定 */
  font-size: 14px; /* 文字サイズ */
  color: #888; /* 文字色 */
}
#footer select::-ms-expand {
  display: none;
}
#footer .widget_archive {
  position: relative;
}

/*サイドバー検索窓*/
.sidebar .search-box, .search-menu-content .search-box {
  width: 100%;
  margin: 10px 0;
  position: relative;
  display: flex;
	border: 1px solid #ccc; /* ボーダーの指定 */
  border-radius: 10px; /*全体を囲むボックスの角丸*/
}
.sidebar .search-edit, .search-menu-content .search-edit {
  width: 90%; /*入力部分の長さ*/
  background: #fff; /*入力部分の背景色*/
  padding: 0 10px;
  border: none; /*ボーダーを消す*/
  border-radius: 8px 0 0 8px; /*左上、左下のみ角丸*/
  font-size: 15px;
}
.sidebar .search-submit {
  width: 20%; /*ボタン部分の長さ*/
  background: #888; /*ボタン部分の背景色*/
  color: #fff; /*アイコンの色*/
  position: static;
  right: auto;
  top: auto;
  font-size: 16px; /*アイコンの大きさ*/
  cursor: pointer;
  line-height: 32px; /*検索窓の高さ*/
  border: none;
  border-radius: 0 8px 8px 0; /*右上、右下のみ角丸*/
  padding: 0;
}
.sidebar .search-box input::placeholder {
  color: #bbb; /*プレースホルダーの色*/
}
.sidebar .search-box input:focus, .search-box button:focus {
  outline: 0; /*フォーカス時の枠線を消す*/
}

/*フッター検索窓*/
.footer .search-box, .search-menu-content .search-box {
  width: 100%;
  margin: 0;
  position: relative;
  display: flex;
	border: 1px solid #888; /* ボーダーの指定 */
  border-radius: 10px; /*全体を囲むボックスの角丸*/
}
.footer .search-edit, .search-menu-content .search-edit {
  width: 90%; /*入力部分の長さ*/
  background: #fff; /*入力部分の背景色*/
  padding: 0 10px;
  border: none; /*ボーダーを消す*/
  border-radius: 8px 0 0 8px; /*左上、左下のみ角丸*/
  font-size: 15px;
}
.footer .search-submit {
  width: 20%; /*ボタン部分の長さ*/
  background: #888; /*ボタン部分の背景色*/
  color: #fff; /*アイコンの色*/
  position: static;
  right: auto;
  top: auto;
  font-size: 16px; /*アイコンの大きさ*/
  cursor: pointer;
  line-height: 35px; /*検索窓の高さ*/
  border: none;
  border-radius: 0 8px 8px 0; /*右上、右下のみ角丸*/
  padding: 0;
}
.footer .search-box input::placeholder {
  color: #bbb; /*プレースホルダーの色*/
}
.footer .search-box input:focus, .search-box button:focus {
  outline: 0; /*フォーカス時の枠線を消す*/
}


/* Gnavi検索 */
@media screen and (max-width: 833px){
	.menu-Gnavi-container,#search-box {
		display:none;
	}
}
@media screen and (min-width: 834px){
	.menu-Gnavi-container {
		float: right;
	}
	#search-box {
		display: block;
		text-decoration: none;
		text-align: center;
		line-height: 1.1;
		float: right;
		padding: 7px 15px;
		color: #666;
	}
	#search-box:hover {
		color: #999;
	}
	#search-box:before {
		padding-top:0.1em;
		padding-right:0em;
		font-size: 1.1em;
		font-family: "fontawesome";
		content: '\f002';
		width: 100%;
		display: block;
		color:　#70845a;
	}
	#search-box span {
		font-size: .7em;
	}
	#content01,#content02 {
		position: relative;
	}
	.close-content01,.close-content02 {
		position: absolute;
		right: 10px;
		top: 10px;
		font-size: 24px;
		cursor: pointer;
		border:1px #ccc solid;
		padding: 3px 10px;
	}
	.open-menu {
		-webkit-filter: blur(4px);
		-ms-filter: blur(4px);
		filter: blur(4px);
	}
	.close-menu {
		-webkit-filter: blur(0px);
		-ms-filter: blur(0px);
		filter: blur(0px);
	}
	.modal-content {
		padding: 20px;
	}
	#content01 input[type="submit"]{
		width: 10%;
		margin-left:5px;
		display: inline-block;
		background-color: #807161;/* 自サイトのキーカラー */
		color: #fff;
	}
}



/* 人気記事ウィジェット */
.widget-entry-card-content{
 font-size: 10pt;
}

/*マーカー*/
.marker {
  background-color: #ff9;
}
.marker-red {
  background-color: #ffd0d1;
}
.marker-blue {
  background-color: #a8dafb;
}
/*下半分のマーカー色（km）*/
.marker-under {
  background: linear-gradient(transparent 60%, #fce4c5 60%);
}
.marker-under-red {
  background: linear-gradient(transparent 60%, #ffd0d1 60%);
}
.marker-under-blue {
  background: linear-gradient(transparent 60%, #a8dafb 60%);
}



/*ブログカード*/
.a-wrap .blogcard{
	border: none;
	background-color: #f5f2ed;
}

.blogcard:hover {
    box-shadow: 0 10px 15px -5px rgba(0,0,0,0.2);
    transform: translateY(-2px);
    transition: all .2s ease;
}


/*
 * シンプルタブボックス *
 **********************/
/* タイトル */
.box-title {
	position: absolute;
	top: -1em; /* タイトル位置マイナス値あげると上  */
	left: 1em; /* 左から1文字分右へ */
	font-size: 1.1em; /* サイズ1.1文字分 */
	font-weight: bold; /* フォント太く */
	display: inline-block;
	padding: 0.2em 0.8em 0; /*内側余白:上下 左右*/
	border-radius: 5px; /* 角丸 */
}
/* BOX */
.title-box {
	position: relative;
	border-radius: 5px;
	padding: 1.5em 0.5em 0.5em; /* 内側余白:上 左右 下 */
	margin: 2.5em 0 2em; /* 外側余白: 上 左右 下 */
	box-shadow: 2px 3px 3px #ddd;
}
/* スマホ以外481px以上 */
@media screen and (min-width: 481px) {
	.title-box {
		margin: 3em 0 2em; /* 上 左右 下 */
	}
}
/* gray */
.title-gray {
	color: #666;
	background: #fff;
}
.box-gray {
	border: #ddd 1px solid;
}
/* blue */
.title-blue {
	color: #3847fa;
	background: #fff;
}
.box-blue {
	border: #a0a8ff 1px solid;
}
/* brown */
.title-brown {
	color: #bb5f03;
	background: #fff;
}
.box-brown {
	border: #efb072 1px solid;
}
/* green */
.title-green {
	color: #6F9941;
	background: #fff;
}
.box-green {
	border: #70845a 1px solid;
}


/* 新着・人気記事一覧ショートコード更新日サイドバーで非表示に */
.widget-sidebar .post-date, 
.widget-sidebar .post-update {
	display: none;
}

/* 新着・人気記事一覧ショートコード更新日フッターで非表示に */
.widget-footer-mobile .post-date,
.widget-footer-mobile .post-update,
.widget-footer-center .post-date,
.widget-footer-center .post-update,
.widget-footer-right .post-date, 
.widget-footer-right .post-update {
	display: none
}

/*白抜きボックス*/
.blank-box.bb-green {border: #70845a 1px solid;}
.blank-box.bb-red {border: 1px solid;}

@media screen and (max-width: 100%){
  .logo-image {
    padding: 10px 0 0 0;
  }
}

@media screen and (max-width: 100%){
  .logo-image {
    padding: 10px 0 0 0;
  }
} 


/*ヘッダーロゴ左寄せ*/
.header-in .tagline {
text-align:left;
	padding: 0 0 0 0;
}

.header-in .logo {
text-align: left;
	padding: 15px 0 0 5px;
	
}

/*新着記事カードに日付表示*/
.new-entry-card-date {
  display: block;
}

/*人気記事カードに日付表示*/
.popular-entry-card-date {
  display: block;
}

/*記事下カテゴリ表示*/
.cat-link {
 background-color: #807161;
 color: #fff;
}

/*記事下タグ表示*/
.tag-link {
 background-color: #fff;
 color: #807161;
 border: 1px solid #807161;
}

/*更新情報*/
#widget ul li a:before{
	padding-left: 0px;
}
.feed-list-li {
	list-style: none;
	padding-left: 0px;
}
.feed-list-title {
	font-size: 13px;
}
.feed-list-date {
	font-size: 12px;
}
.feed-list-site {
	font-size: 12px;
}

/*表の文字を折り返す*/
.scrollable-table td {
	white-space: normal;
}

/*ヘッダーメニュー検索窓*/
.header-search {
	width: 150px !important;
}

.header-search .search-box {
  margin: 0;
}

.header-search input[type="text"] {
  padding: 4px 10px;
  font-size: 12px;
  border-radius: 10px 10px 10px 10px;
}

.header-search .search-submit {
	color: #888;
	position: absolute; margin:3px 6px 3px; 
	cursor: pointer; line-height:0; /*検索アイコンの高さや位置*/ 
	border:none;padding: 0;}
}