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

/************************************
**** ナビメニューの下線
************************************/
.sub-menu .caption-wrap {
    color: #333;
    border-bottom: dotted #3b5890;
    background: #fff;
/*    padding: 0 0 0 1.5em;*/
    margin: 0;
}
/************************************
**** 表のカスタマイズ「最新：とりあえず完成2023/05/10
************************************/

.body div.scrollable-table table, .body .wp-block-table table {
    padding: 0.5em;
    border-width: 1px;
    border-style: solid;
    text-align: left;
    vertical-align: middle;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;

}

.scrollable-table.stfc-sticky tr > *:first-child {
	  background-color: #edf6ff;
	border:1.0px solid #aaaaaa;
	text-align: center;
    position: sticky;
    position: -webkit-sticky;
    left: 0;
   /*z-index: 2;*/
	z-index: 1;
}

.scrollable-table th {
	background-color: #f3f4f5;
	 border-color: #aaaaaa;
/*	margin: 0 auto;  横方向の中央揃え */
 text-align: center;
}

.scrollable-table td {
	/*white-space: normal;*/
	/*↓は2行にして行間をせまく*/
	line-height:1.4;
	white-space:nowrap;
    border-style: solid;
    border-color: #aaaaaa;
	/*border-color:#333;*/
}
/*最後の行だけ折り返し
.scrollable-table td:last-child {
  white-space: normal;
}＠スマホ*/

.breakall {
  word-break: break-all;
}


/*.scrollable-table th,*/
.scrollable-table td {
     padding: 3px 5px; 
  /* white-space: nowrap; */
}

@media screen and (max-width: 480px) {
.scrollable-table td {
		font-size: 0.8em;
	}
.scrollable-table th {
		font-size: 0.8em;
	}
}

/****************************************　
 * SEO対策でH4,H5,H6が怖くなりました。なので変更←にgrayあり
************************************/

.haikei { /*h4*/
line-height:2;
background-color:#f5f6f7;
/*background-color:#f5f6f7;*/
font-size: 16px;
font-weight:normal;
color:#333;
border: 0.5px solid #f0f0f0;
padding: 20px;
padding:1.5em;
margin-top:1em;
margin-bottom:1.5em;
}

.gray { /*参考記事とか*/
line-height:2;
background-color:#fafafa;
font-size: 16px;
font-weight:normal;
color:#333;
border: 0.5px solid #ddd;
padding: 20px;
padding:10px 25px 10px 25px;
/*margin-top:1em;*/
/*margin-bottom:1.5em;*/
}
/*grayのやつ調節*/
/*.single p.gray {
    margin-top: -15px;
    margin-bottom: 21px;
}*/

.kakomi {/*h5*/
background:#FAFAFD;
font-size: 17px;
font-weight:normal;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 2px;
padding: 1.5em;
margin-left:0 auto;
border:1.5px dashed;
border-color:#93B63D;/*H5枠色の変更#4169e1はこちら*/
margin-top:1.5em;
margin-bottom:1.5em;*/
}

.kakoao {/*あお囲み*/
background:#fafafd;
font-size: 17px;
font-weight:normal;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 2px;
padding: 1.5em;
margin-left:0 auto;
border:1px dashed;
border-color:#4169e1;/*H5枠色の変更#4169e1はこちら*/
margin-top:1.5em;
margin-bottom:1.5em;*/
}

.nakami {/*h6*/
	border-left:3px solid #67aff7;
	line-height:1.5;
	font-weight: bold;
	font-size:18px;
	color: #333;
	border-bottom:1.0px solid;
	border-color:#F2F2F2;
	padding: 0.4em 0.8em;
	margin-top:30px;
	margin-bottom: 1.2em;
}

/*本記事の内容のチェック*/
.check { /*チェックと箇条書きこの記事の内容を太くしたければここで調節。しかしH６でも変更しなければならないから使わないほうがいいか*/
line-height:1;
/*background-color:#FAFAFD;*/
font-size:19px;/*本記事ではspanを追加してない*/
font-weight:bold;
color:#333;
padding:-0.5em;
margin-top:1.5em;
}

/*マナブロチェック*/
.point {/*マナブロチェック完成*/
font-size: 20px;
font-weight: 600;/*900でもいい*/
/*color:;*/
}

 .single p.point {
/*	 color:#4d4d4d;*/
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 15px;
}

.single p.point i {
  /*color:#67aff7;*/
	color:#6C9FC5;
	font-size: 1em;
/* #6c9fce-font-size:0.9em;/*フォントサイズ変更*/
}

/*青のマナブロチェック18px*/
.poinblue {/*マナブロチェック完成*/
font-size: 18px;
font-weight: 600;/*900でもいい*/
/*color:;*/
}

 .single p.poinblue {
/*	 color:#4d4d4d;*/
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}

.single p.poinblue i {
  /*color:#67aff7;*/
	color:#3b5890;
	font-size: 1em;
/* #6c9fce-font-size:0.9em;/*フォントサイズ変更*/
}

@media only screen and (max-width: 479px){
	
.haikei{
		font-size:15px;
	}
.kakoao {
		font-size:15px;
	}
	
.gray {
	font-size: 15px;
	}	
.kakomi {
	font-size:0.9em;
}
.nakami {/*H6*/
	font-size:17px!important;
}
.check {
	font-size:18px!important;
}

.single p.point {
    font-size: 18px;!important;
}
.single p.point i {
	font-size: 1.0em;
/* #6c9fce-font-size:0.9em;/*フォントサイズ変更*/
}
	
.single p.poinblue {
    font-size: 18px;!important;
}
.single p.poinblue i {
	font-size: 1.0em;
/* #6c9fce-font-size:0.9em;/*フォントサイズ変更*/
}
	
.entry-content a {/*H5*/
/*font-size:15px!important;*/
	font-size:1.0em;
}
}/*やっと謎が解けた}の入れ子(泣)*/



/**********************************
 * ******　リンク色の下線のカスタマイズ○
ちいかわのはあっちにあり。
************************************/
.entry-content a {
font-weight:bold;
text-decoration:none;

}

.entry-content a:hover {
text-decoration:underline;
	color:#23527c;
}

.blogcard {
color: #333333 ;
font-weight:normal;
text-decoration:none;
}

.blogcard:hover{/*クリックしたら色変*/
background: #f5f6f7;
text-decoration:none;
}

div.entry-content.cf a.blogcard-wrap:hover {
    color: #333;
    text-decoration: none;
}


/************************************
****　プロフィール欄
************************************/
.nwa .author-box {
max-width:none;
padding: 0;
margin-bottom:0;
}
.sidebar .author-box {
 /* border: 1px solid var(--cocoon-basic-border-color);*/
	border-radius: 10px;
/*	border: 1px solid #007b43;*/
}

/*プロフィールお問い合わせリンクの黒*/
.author-description, .author-description a {
    color: #337ab7!important;//*お問い合わせのリンクお青にした*/
    text-decoration: none;
    font-weight: 100;
}


aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
padding: 0!important;
border-radius: 10px;
}
@media (max-width: 1023px){
aside {
padding: 0 .5em;
}
}
.nwa .author-box .author-thumb {
width: 100%;
height:9em;
margin:0 0 5em 0;
border-radius: 10px 10px 0 0;
}
.author-box figure.author-thumb{
float: none;
text-align: center;
background: url( https://mori-blog.org/wp-content/uploads/2023/05/hd-wallp0.jpg) center no-repeat;
background-size: cover;
position: relative;
z-index: 0;
}
.author-box img.avatar.photo{
background-image: none;
padding: 0!important;
box-shadow:none;
}
.author-box figure.author-thumb img{
width: 40%;
max-width:180px;
margin-top:5em;
}
@media (min-width:1023px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:120px;
}}
@media (max-width:480px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:130px;
}}
.author-box .author-name {
margin: 0 0 1.5em 0;
}
.author-box .author-content .author-name a{
text-decoration: none;
font-size:1.em;
color:#545454;
}
.nwa .author-box .author-description {
margin-bottom:1.4em
}
.author-box .author-content .author-description p{
font-size:14px;
color:#7b7b7b;
line-height:1.6em!important;
margin:1em;
}
#author_box-2 p{
margin:1em 2.5em;
}
div.author-follows{
padding-bottom:1.5em;
}
.author-box .author-content .author-description p a{ text-decoration: none; }
.author-box .author-content .author-description p a:hover{ text-decoration: underline; }
.author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button{
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
color: #fff!important;
margin:5px;
transition: .3s;
}
div.author-follows a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
div.author-follows a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #7dcdf7!important;}
div.author-follows a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
div.author-follows a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
div.author-follows a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
div.author-follows a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
div.author-follows a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
div.author-follows a.follow-button.tiktok-button.tiktok-follow-button-sq{background-color: #000000!important;}
div.author-follows a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
div.author-follows a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
div.author-follows a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
div.author-follows a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
div.author-follows a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
div.author-follows a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
div.author-follows a.follow-button.twitch-button.twitch-follow-button-sq{background-color: #5C16C5!important;}
div.author-follows a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
div.author-follows a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
div.author-follows a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
div.author-follows a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
div.author-follows a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
div.author-follows a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}
.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: 40px; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }
@media (max-width:1023px){
.nwa .author-box .author-thumb {
height:11em;
margin:0 0 7em 0;
}
.author-name{
font-size:15px!important;
}
.author-description{
line-height: 1.5 !important;
text-align:center;
margin:0 auto;
}
}
@media screen and (max-width: 1023px){/*スマホ画面でサイドバーを非表示*/
div.sidebar {
display: none;
}
}


/************************************
** PRの文言
************************************/
.pr-label-s {
    position: absolute;
    top: 3px;
    left: 3px;
    font-size: 12px;
    color:#999;/*#545454;*/
	border: 0px solid rgba(51, 51, 51, 0.7);
    background-color: #f5f6f7;
    padding: 2px 12px;
    border-radius: var(--cocoon-badge-border-radius);
}

/*---------------------------------
 スマホでのメニューボタンキャンセル
---------------------------------*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/

#navi {
    display: none;
}


/************************************
****　ヘッダーロゴ○＆すべてのカスタマイズ
************************************/
@media screen and (max-width: 1023px){
.container {
margin-top:50px;
}
}
.logo-image {
padding:0;
margin-left:0.em;/*ロゴ画像が左に詰まってしまう場合は、ここの数字を0.1刻みで大きくしてみてください*/
margin-top:0.8em;
margin-bottom:0.3em;
max-height:52px;/*大きなロゴ画像ならここの数字を大きく*/
}
.logo {/*ロゴ画像を中央に配置したい方は、以下3行を削除*/
text-align: left;
}
.logo-header img {
box-shadow: none!important;
}
/************************************
****　ロゴの横ずれを調節ッ！…できたあああ;_;
************************************/
@media screen and (max-width: 480px){
  .header {
    background-size: contain;
  }
}

@media screen and (max-width: 480px) {
  .logo-header img {
    max-width: px400
  }
}

/************************************
****　スマホ表示　ヘッダーメニュー・検索アイコン○
************************************/

.mobile-menu-buttons{
height:50px;
box-shadow: none;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:#3c434a;
}
span.fas.fa-search::before{
color:#fff;/*検索マーク色変更はこちら*/
margin-left:1em;
}
span.fas.fa-bars::before{
color:#fff;/*ハンバーガーメニュー色変更はこちら*/
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;
}

/************************************
**スマホスライドインメニュー一応○
************************************/
/*✕を変えた*/
.fa-close:before {
    font-family: FontAwesome;
    content: "\f061";
	  color:#3b5890;
}

ul.menu-drawer:before{
font-size:1.2em;
background: #fff;
color:#3b5890;
margin-bottom:1em;
border-bottom:3px dotted #3b5890; /*点線の色変更はこちら*/
content: "メニュー";
}
ul.menu-drawer:after {
background: #fff;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: bold;
}
.menu-drawer a{
font-size:1.3em;
background-color:#fff;
color:#333;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0;
}

.menu-drawer .sub-menu li{
font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
font-family: FontAwesome;
content : "\f0da";
color:#333;
margin:0 .5em 0 1em;
}

/*ロゴメニュー画像の調節*/
.logo-menu-button img {
    max-height: 48px;
    padding: 3px;
    display: block;
    margin: 0 auto;
}

/*スライドイン右からカスタマイズ*/
/*ヘッダーの色と高さ、アイコンの位置を調整*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	color: #fff;
	height: 50px;
  background-color: #3c434a;/*モバイル検索背景*/
	padding-top: 11px;
}

.logo-menu-button {
	background-color: #3c434a;/*モバイル検索背景*/
	height: 50px;/*モバイルロゴ高さ*/
}

/*スライドインメニューを右から*/
.navi-menu-content{
	left: auto;
	right: 0;
background-color:#fff;
	/*rgba(255,255,255,0.9);白透過*/
	transform: translateX(101%);
}

/************************************
****　ヘッダーナビメニュー○
************************************/
/*ヘッダーメニューの下矢印変え*/
.fa-angle-down:before {
    font-family: FontAwesome;
    content: "\f0d7";
}
/*サブメニュー下を点線に*/
.sub-menu .caption-wrap {
    color: #333;
   border-top: 1px dotted #545454 !important;
    background: #fff;
    padding: 0 0 0 2em;
    margin: 0;
}


/*********************************
 * *******　go-to-topボタンカスタマイズ
↑の記号はCocoonの全体で調節○
************************************/
.go-to-top-button {
    background-color: #FAFAFD;
    border-radius: 50%;
    color: #fff;
		background-color:#5066a8;
    width: 60px;
    height: 60px;
	  opacity:0.9;
	 position: fixed;
  bottom: 10px;
  right: 10px;
}
.go-to-top-button:hover {
	 color: #333;
}


@media only screen and (max-width: 479px){
	
.go-to-top-button {
 width: 45px;
height: 45px;

}
}
/*ここまでgo-to-topボタン*/


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

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

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

/************************************
****　プロフィール欄
************************************/
.nwa .author-box {
max-width:none;
padding: 0;
margin-bottom:0;
}
aside#author_box-2.widget.widget-sidebar.widget-sidebar-standard.widget_author_box{
padding: 0!important;
/*border-radius: 2px;*/
}
@media (max-width: 1023px){
aside {
padding: 0 .5em;
}
}
.nwa .author-box .author-thumb {
width: 100%;
height:9em;
margin:0 0 5em 0;
border-radius: 10px 10px 0 0;
}
.author-box figure.author-thumb{
float: none;
text-align: center;
background:url( https://mori-blog.org/wp-content/uploads/2023/05/hd-wallp0.jpg) center no-repeat;
	/*https://mori-blog.org/wp-content/uploads/2022/11/mike-benna-5Cv3surFZM8-unsplash-1.jpg*/
background-size: cover;
position: relative;
z-index: 0;
}
.author-box img.avatar.photo{
background-image: none;
padding: 0!important;
box-shadow:none;
}
.author-box figure.author-thumb img{
width: 40%;
max-width:180px;
margin-top:5em;
}
@media (min-width:1023px){
.nwa .author-box .author-thumb {
height:8.83em;/*画像の幅を増やした*/
}
.author-box figure.author-thumb img{
max-width:120px;
}}
@media (max-width:480px){
.nwa .author-box .author-thumb {
height:8em;
}
.author-box figure.author-thumb img{
max-width:130px;
}}
.author-box .author-name {
margin: 0 0 1.5em 0;
}
.author-box .author-content .author-name a{
text-decoration: none;
font-size:1.2em;
color:#000000;
}
.nwa .author-box .author-description {
margin-bottom:1.5em
}
.author-box .author-content .author-description p{
font-size:14px;
color:#7b7b7b;
line-height:1.6em!important;
margin:1em;
}
#author_box-2 p{
margin:1em 2.5em;
}
div.author-follows{
padding-bottom:2em;
}
.author-box .author-content .author-description p a{ text-decoration: none; }
.author-box .author-content .author-description p a:hover{ text-decoration: underline; }
.author-box .author-content .author-follows .sns-buttons{ justify-content: center; }
.author-box .author-content .author-follows .sns-buttons a.follow-button{
border-radius: 50%;
border: none;
width: 40px;
height: 40px;
color: #fff!important;
margin:3px;
transition: .5s;
}
div.author-follows a.follow-button.website-button.website-follow-button-sq{background-color: #6eb6fd!important;}
div.author-follows a.follow-button.twitter-button.twitter-follow-button-sq{background-color: #7dcdf7!important;}
div.author-follows a.follow-button.facebook-button.facebook-follow-button-sq{background-color: #7c9dec!important;}
div.author-follows a.follow-button.hatebu-button.hatebu-follow-button-sq{background-color: #2c6ebd!important;}
div.author-follows a.follow-button.instagram-button.instagram-follow-button-sq{background: linear-gradient(165deg, #427eff 5%, #f13f79 50%) no-repeat !important;}
div.author-follows a.follow-button.pinterest-button.pinterest-follow-button-sq{background-color: #bd081c!important;}
div.author-follows a.follow-button.youtube-button.youtube-follow-button-sq{background-color: #cd201f!important;}
div.author-follows a.follow-button.tiktok-button.tiktok-follow-button-sq{background-color: #000000!important;}
div.author-follows a.follow-button.linkedin-button.linkedin-follow-button-sq{background-color: #0A66C2!important;}
div.author-follows a.follow-button.note-button.note-follow-button-sq{background-color: #41C9B4!important;}
div.author-follows a.follow-button.soundcloud-button.soundcloud-follow-button-sq{background-color: #FF5500!important;}
div.author-follows a.follow-button.flickr-button.flickr-follow-button-sq{background-color: #111!important;}
div.author-follows a.follow-button.line-button.line-follow-button-sq{background-color: #00c300!important;}
div.author-follows a.follow-button.amazon-button.amazon-follow-button-sq{background-color: #ff9900!important;}
div.author-follows a.follow-button.twitch-button.twitch-follow-button-sq{background-color: #5C16C5!important;}
div.author-follows a.follow-button.rakuten-room-button.rakuten-room-follow-button-sq{background-color: #C61E79!important;}
div.author-follows a.follow-button.slack-button.slack-follow-button-sq{background-color: #4A154B!important;}
div.author-follows a.follow-button.github-button.github-follow-button-sq{background-color: #4078c0!important;}
div.author-follows a.follow-button.codepen-button.codepen-follow-button-sq{background-color: #47CF73!important;}
div.author-follows a.follow-button.feedly-button.feedly-follow-button-sq{background-color: #2bb24c!important;}
div.author-follows a.follow-button.rss-button.rss-follow-button-sq{background-color: #f26522!important;}
.author-box .author-content .author-follows .sns-buttons a.follow-button span{ line-height: 40px; }
.author-box .author-content .author-follows .sns-buttons a.follow-button span::before{ font-size: 20px !important; }
@media (max-width:1023px){
.nwa .author-box .author-thumb {
height:11em;
margin:0 0 7em 0;
}
.author-name{
font-size:16px!important;
}
.author-description{
line-height: 1.5 !important;
text-align:center;
margin:0 auto;
}
}
@media screen and (max-width: 1023px){/*スマホ画面でサイドバーを非表示*/
div.sidebar {
display: none;
}
}

/************************************
****　アイキャッチのラベル色の変更
************************************/
.eye-catch .cat-label, .cat-label{
	    border-radius:4px!important;
	background:#1e7cd1!important;
}
/************************************
****　本文記事タイトル　H1カスタマイズ
************************************/
/************************************
****　H1の日付とかのカスタマイズ「完成」
************************************/

header.article-header.entry-header {
text-align:center;
margin-top:1.em;
margin-bottom: 2.5em;
}

.article-header h1 {
font-size: 1.4em;
color: #545454;
background-color:#fff;
line-height:2;
text-shadow: none;
padding: 1.em .95em 1.1em;
}
/*ヘッダー下の幅を広げた*/
header.article-header.entry-header {
    text-align: center;
    margin-bottom: 3em;
}

@media only screen and (max-width: 479px){
	
.article-header h1{/*H4*/
		font-size:20px!important;
	 line-height:2;
	 padding-right: 5px;
   padding-left: -5px;
	}
}


.date-tags {/*日付の位置の変更*/
    font-size: 1.2em;
    color: #7b7b7b;
    margin-top: 0px;
 margin-bottom:0.1em;
    right: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}

.fa.fa-history:before {
/* content: "\f021"; /* fa-refreshのUnicodeを指定「更新」に変えることも可能 */
	content: "\f021　";
}

div.date-tags span.post-update{
order: 1;
}

div.date-tags span.post-update,div.date-tags span.post-date{
margin-right: 12px;
}

.article-header{/*H1の位置の変更*/
display:flex;
flex-flow: column;
}

.date-tags{order:1;}
.entry-title{order:2;}
.eye-catch-wrap{order:3;}

/* 写真アイキャッチカテゴリーラベル非表示 cocoon→画像→アイキャッチのちぇっくを外す*/
.entry-card .cat-label,
.related-entry-card .cat-label{
 display: none;
}
/*タグの色が変わる*/
.cat-link:hover ,.tag-link:hover {
opacity: .8;
transition: all .1s ease-in-out;
}

.tag-link {
background-color: #f6f6f6;
 color: #222;
border-color:#fff;
}

#breadcrumb.breadcrumb .breadcrumb-home a span{
	font-size: 0px;
}

/************************************
****　本文記事見出し H2 H3 H4 H5
************************************/
/*********************************
 ********H2のカスタマイズ○
************************************/

.article h2:before {
background-image: none;
}

.article h2{
line-height:2;
background-color:#f6f6f6;/*#fbfcfd*/
font-size: 24px;
font-weight:normal;
color:#333333;
border-radius:1px;
border-left:solid 8px #3b5890;/*H2の色の変更はこちら*/
padding:1em;
margin-top:70px;
margin-bottom:2em;
}

/**************************************
 * **H3のカスタマイズ○
************************************/

.article h3:before {
width: 0em;
}


.article h3{
	line-height:2.0;
	  color: #4663b4;
	  font-size: 20px;
    letter-spacing: 1.6px;
    padding: 0px 15px;
   border-left:solid 9px #3b5890;/*H2の色の変更#5BA9F7は#6884d1こちら*/      
	color: #333;
    margin-top: 60px;
}


.article h4{
line-height:2;
background-color:#f5f6f7;/*H4背景色の変更(#F0F0F0)Yuji(note)#f5f8faこちら*/
font-size: 17px;
font-weight:normal;
color:#545454;
border: 0.5px solid #ddd;
padding:1.5em;
margin-top:1.5em;
margin-bottom:1.5em;/*original 1.5em*/
margin: 3.1em 0;/*ボックス↓の距離を広く*/
}

.article h5{
/*background: #F7F7F7;/*H5背景色の変更はこちら*/
background:#FAFAFD;
font-size: 17px;
font-weight:normal;
line-height:2;
color:#333333;
border-bottom: none;
border-radius: 2px;
padding: 1.5em;
margin-left:0 auto;
border:1.0px dashed;
border-color:#4169e1;/*H5枠色の変更はこちら*/
margin-top:1.5em;
margin-bottom:1.5em;
margin: 3.1em 0;/*ボックス↓の距離を広く*/
}

/****************************************
 * 　H2,H3の見出しの高さなど
************************************/

@media (max-width:480px){
.article h2{
font-size:18px!important;
/*padding:1.5em 1em 1.5em 0.5em;*/
    line-height: 35px;
    padding: 10px 15px;
}
.article h3{
font-weight:bold;
margin-right: 5px;
/*margin-left: 2px;*/
font-size:17px!important;
}
.article h4, .article h5{
font-size:15px!important;
}
}


/****************************************
 * 　ブログカードカスタマイズ
************************************/
.blogcard {
padding-bottom:.5%;
border: 0px solid whitesmoke;
border-radius:2px;
box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%);
}
}
a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf,
a.blogcard-wrap.external-blogcard-wrap.a-wrap.cf{
transition: all 200ms;
}

.blogcard-footer {
padding-top: 2%;
}
.blogcard:before {
display:none;
}
/* 記事を読むを追加「峠ver」 */
.internal-blogcard:after{
	content: 'クリックして読む \00bb';
    position: absolute;
    bottom: 0.5rem;
    right: 1rem;
    font-size: 65%;
    background-color: #66c2c3;
    padding: 0.4em 3em;
    font-weight: bold;
    color: #fff;
    border-radius: 20px;
}

.blogcard-content{
max-height: none;
font-weight: normal;

}
}
.blogcard-date{
display:none;
}
.blogcard-title {
font-size:0.9em;
color:#333;
padding:.2em .1em 0;
line-height:1.4em;
text-align: justify;
}

.blogcard-snippet {
padding:0em .5em;
color:#7b7b7b;
}
text-align: justify;
}

@media screen and (max-width: 1023px){
.blogcard-title {
padding:.3em .3em 0em .2em;
line-height:1.5em;
}
.blogcard-snippet {
font-size:.9em;
margin-top:.3em;
}
}
@media screen and (max-width: 960px){
.blogcard-title {
padding:.3em .3em .2em .2em;
line-height:1.5em;
}
.blogcard-snippet{
font-size:.8em;
max-height:15em;
}
}
@media screen and (max-width: 834px){
.blogcard-title {
font-size:1.1em;
padding:.2em .3em .5em .2em;
}
.blogcard-snippet {
font-size:.9em;
}
}
@media screen and (max-width: 740px){
.blogcard-title {
padding:.3em;
}
}
@media screen and (max-width: 673px){
.blogcard-title {
padding:.3em .5em 1em .2em;
line-height:1.8em;
}
.blogcard-snippet {
display:none;/*スマホ上での内部*/
}
}
@media screen and (max-width: 480px){
.blogcard {
padding-bottom: 2%;
}
.blogcard-title {
padding:.1em .4em 0em .1em;
line-height:1.5em;
}
.blogcard-footer {
padding-top: 5%;
}
}
@media screen and (max-width: 410px){
.blogcard-domain{
max-width: 11em;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}}
@media screen and (max-width: 375px){
.blogcard-domain{
max-width: 9em;
}}

/************************************
****　ブログカード　上ラベル
************************************/
.bct-related .blogcard-label,/*関連記事*/
.bct-reference .blogcard-label,/*参考記事*/
.bct-detail .blogcard-label,/*詳細はこちら*/
.bct-reference-link .blogcard-label,/*参考リンク*/
.bct-popular .blogcard-label,/*人気記事*/
.bct-together .blogcard-label,/*あわせて読みたい*/
.bct-pickup .blogcard-label,/*ピックアップ*/
.bct-official .blogcard-label,/*公式サイト*/
.bct-dl .blogcard-label{/*ダウンロード*/
display: inline !important;
background-color:#8bc34a;/*←黄緑「#9031f詳細は#3e9cf1こ#007b43ちら」などの背景色変更*/
margin-left:.5em;
}
.bct-check .blogcard-label{
	display:none;/*チェックだけ非表示*/
}
@media screen and (max-width: 600px){
.blogcard-label{
margin-left:-0.3em!important;
}
}

/************************************
****　エントリーカード「カスタマイズを外すと2行の初期化」
************************************/
/************************************
**** エントリーカード「MORI 終」
************************************/

.entry-card-title, .related-entry-card-title {
    font-size: 16px;
    margin: 0 0 5px 0;
    line-height: 1.6;
    font-weight: bold;
    padding: 5px;
	  padding-left:0.6em;
    border: 1px;
  /*  border-bottom: dotted 2.5px #007b43;*/
	margin-bottom:5px;
}
/*エントリーカードの下*/
.entry-card-snippet.card-snippet.e-card-snippet{
border-top: dotted 2.5px #2b579a;
font-size:13px;
color:#545454;
line-height:1.6em;
padding-top:0.6em;
padding-left:0.6em;
margin-bottom:0em;
max-height:10em;
 overflow: hidden;
 -webkit-line-clamp: 4;/*エントリーカードの表示文字数*/
 -webkit-box-orient: vertical;
}
/*アイキャッチ画像を大きくした*/
a.entry-card-wrap.a-wrap.border-element.cf{
padding:0 0 .5em;
border-radius:5px;
width:49%;
}
/*アイキャッチ画像を大きくして上を丸くした*/
.ect-vertical-card .entry-card-wrap .entry-card-thumb img {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

/************************************
****　フロントおすすめカード
************************************/
div#recommended-in.recommended-in.wrap.cf{
margin-top: 20px;
max-height:220px;
}
@media screen and (min-width: 1024px){
div#recommended-in.recommended-in.wrap.cf{
padding:0 2.5em;
}}
div#content.content.cf{
margin-top:0;
}
.widget-entry-cards .a-wrap{
transition: all .2s;
}
.widget-entry-cards .a-wrap:hover {
transform: translateY(-1px);
transition: all .2s;
}
figure.navi-entry-card-thumb.widget-entry-card-thumb.card-thumb{
opacity:.9;
}
.recommended.rcs-center-white-title .a-wrap:hover .card-content {
transition: all .1s;
opacity: 1;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0);
}
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
border-radius:2px!important;
margin:1em .4em;
background-color:#FFFFFF;/*Cocoon設定「全体」の「サイト背景色」に合わせてください*/
}
div.navi-entry-card-title.widget-entry-card-title.card-title{
color:#333333;
/*font-weight:bold;*/
/*font-size:.8em;*あっちのとき*/
background-color: rgba(255, 255, 255, 0.8);
/*padding: .6em .5em;*/
border-radius:30px;
}
/*サイドバーの幅変更*/
.main, .sidebar, .sidebar-left .main, .sidebar-left .sidebar {
    margin: 10px .5%;
}

@media (max-width:834px){
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
margin: 2px 2px;
}

.widget-entry-cards.large-thumb-on .a-wrap:hover {
box-shadow:none;
}
}
@media (max-width:834px){
div.navi-entry-card-title.widget-entry-card-title.card-title{
/*font-size:.6em;*/
/*padding: .5em;*/
}
div#recommended-in.recommended-in.wrap.cf{
margin: 0em;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0.2);
}
}

.body .navi-entry-cards{
margin-bottom: 0;
}

/************************************
****　吹き出し
************************************/
.sbp-l .speech-person {
width: 16%;
min-width: 16%;
min-width:4em;/*人の窓の大きさの調節*/
min-height:5em;
margin-right:1em;
margin-left:1em;
}
.sbp-r .speech-person {
width: 16%;
min-width: 16%;
min-width:4em;
min-height:5em;
margin-right:2em;
margin-left:1em;
}

/*吹き出し普通*/
.sbs-flat .speech-balloon {
background-color: #e3f3e5;/*吹き出しの色の変更はこちら*/
border-color:#e3f3e5;/*吹き出しの色の変更はこちら*/
border-radius: 10px;
padding-left:1em;/*吹き出しの右の空間*/
}
.sbs-flat .speech-balloon::before, .sbs-flat .speech-balloon::after{
border-right-color: #e3f3e5;/*吹き出しの色の変更はこちら*/
border-left-color: #e3f3e5;/*吹き出しの色の変更はこちら*/
}
/************************************
****　吹き出し
************************************/
.sbp-l .speech-person {
width: 16%;
min-width: 16%;
min-width:5em;
min-height:5em;
margin-right:1em;
margin-left:2em;
}
.sbp-r .speech-person {
width: 16%;
min-width: 16%;
min-width:5em;
min-height:5em;
margin-right:2em;
margin-left:1em;
}
.speech-icon-image {
box-shadow:none!important;
}
.sbs-flat .speech-balloon {
background-color: #e3f3e5;/*吹き出しの色の変更はこちら*/
border-color: #e3f3e5;/*吹き出しの色の変更はこちら*/
border-radius: 10px;
padding:1em;
}
.sbs-flat .speech-balloon::before, .sbs-flat .speech-balloon::after{
border-right-color: #e3f3e5;/*吹き出しの色の変更はこちら*/
border-left-color: #e3f3e5;/*吹き出しの色の変更はこちら*/
}

.sbs-think .speech-balloon {
background-color: #e3f3e5;/*吹き出しの色の変更はこちら*/
border: 3px solid #e3f3e5;/*吹き出しの色の変更はこちら*/
border-radius: 10px;
padding:1em;
}

div.sbs-think .speech-balloon::before {
    border-width: 2px;
    border-style: solid;
    border-color: #e3f3e5;
    background-color: #e3f3e5;
    border-radius: 50%;
    left: -29px;
    top: 11px;
    width: 20px;
    height: 20px;
}

div.sbs-think .speech-balloon::after {
    border-width: 2px;
    border-style: solid;
    border-color: #e3f3e5;
    background-color: #e3f3e5;
    border-radius: 50%;
    left: -44px;
    top: 25px;
    width: 10px;
    height: 10px;
}
/*Cocoon更新してバルーンが変になったので*/
.sbs-flat {
    --cocoon-custom-background-color: #e3f3e5;
    --cocoon-custom-border-color: #e3f3e5;
    --cocoon-custom-text-color: var(--cocoon-text-color);
}
div.sbs-think:not(.not-nested-style) .speech-balloon::after {
    border-width: 2px;
    border-style: solid;
    border-color: #e3f3e5;
    background-color: #e3f3e5;
    border-radius: 50%;
    left: -44px;
    top: 25px;
    width: 10px;
    height: 10px;
}

div.sbs-think:not(.not-nested-style) .speech-balloon::before {
    border-width: 2px;
    border-style: solid;
    border-color: #e3f3e5;
    background-color: #e3f3e5;
    border-radius: 50%;
    left: -29px;
    top: 11px;
    width: 20px;
    height: 20px;
}


@media screen and (max-width: 480px){
.speech-person {
margin-right:0!important;
margin-left:0!important;
}}


/************************************
****　サイドバー「右の」ブログカード
************************************/
.widget-entry-cards .a-wrap {
	border:1px solid #dddddd;/*なくてもいいけどね*/
    padding: 5px;
    line-height: 1.3;
	font-size:15px;
    margin-bottom: 4px;
}
.sidebar a.popular-entry-card-link.a-wrap{
margin:0;
padding:0;
}
.sidebar figure.popular-entry-card-thumb.widget-entry-card-thumb.card-thumb{
margin:.5em 0em .5em .2em;
}
.sidebar div.popular-entry-card-content.widget-entry-card-content.card-content{
padding:.5em .5em .5em .8em;
text-align: justify;
line-height:1.3;
}
.sidebar .popular-entry-cards.widget-entry-cards.no-icon.cf {
margin-bottom: 0;
}

/************************************
****　→カテゴリーのウィジェットの色は黒のまま
************************************/

.widget_categories ul li a {
    background-color: #f7f7f7;
    margin: 6px 0;
    padding: 4px 10px;
    border-radius: 20px;
    border-bottom: none;
    transition: 0.4s;
}

.post-count {
    background-color: #e5e4e6;
    padding: 0 8px;
    border-radius: 6px;
    font-size: 0.8em;
    color: #333!important;
}
/************************************
****　アピールエリア
************************************/
.appeal{
padding:0 0 .1em;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1);
}
div#appeal-in.appeal-in.wrap{
padding:0;
min-height:0px;
max-height:30px;
}
.appeal-content{
background-color:#5066a8;
/*background-color:#7097c3; /*#7badd8Coccon設定のアピールエリアエリア背景色・ボタン色と同じカラーコードを入力(#468264*/
margin:auto;
padding:0;
max-width:100%;
opacity:1;
line-height:1.6;
}
a.appeal-button {
color: #fff!important;/*文字色はこちらで変更できます*/
font-size:.85em;
padding:0 23em 0;
margin:0;
max-width:100%;
white-space: nowrap;
box-shadow: none;
}
@media screen and (max-width: 1023px){
a.appeal-button {
padding:0 18em 0 ;
}}
@media screen and (max-width: 834px){
a.appeal-button {
padding:0 13em 0 ;
}
.appeal{
padding:.1em 0 .25em;
}}
@media screen and (max-width: 652px){
a.appeal-button {
padding:0 8em 0 ;
}}
@media screen and (max-width: 500px){
a.appeal-button {
padding:0 6em 0 ;
}}
@media screen and (max-width: 420px){
a.appeal-button {
padding:0 3em 0 ;
}}
.appeal-button:hover {
transform:none;
box-shadow: none;
}


/************************************
****　サイドバー「向こうもカスタマイズあり」
************************************/
#sidebar>.widget{
border-radius:10px;
}
.widget_search{
padding:0;
}
span.fas.fa-search::before{
color:#4169e1;/*検索マーク色変更はこちら*/
}

/*サイドバーsidebarは→にある*/

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
background-color:#f7f7f7;
margin: 6px 0;
padding: 4px 10px;
border-radius:20px;
transition: 0.4s
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover{
background-color:#3b5890;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
}
.tagcloud a{
background-color:#f7f7f7;
}
.tagcloud a:hover{
background-color:#3b5890;/*マウスオーバー時の背景色変更はこちら*/
color:#fff!important;
transition: 0.4s ;
}
.nwa .recommended.rcs-card-margin a {
margin: 0 0 1em;
width: 90%;
}
.widget-entry-cards .widget-entry-card-content{
color: #565656;
	line-height: 1.3;
		font-size:15px;
    margin-bottom: 4px;
}
/************************************
****　カードの下にカテゴリとか出てきて邪魔だから消した
************************************/

.main-scroll {
    position: -webkit-sticky;
    display: none;
}

/************************************
****　お問い合わせフォーム contact form7
************************************/
.haveto{
font-size:9px;
padding:2px 5px;
background:#4169e1;/*必須 色の変更はこちら*/
color:#fff;
border-radius:20px;
margin-right:5px;
position:relative;
bottom:2px;
}
#formbtn{
display: block;
padding:10px;
width:300px;
background:#f7f7f7;
color:#545454;
font-size:17px;
border:none;
border-radius:50px;
margin:25px auto 0;
transition:0.3s;
}
#formbtn:hover{
background:#4169e1;/*送信 色の変更はこちら*/
color:#fff;
border-radius:50px;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}

/************************************
****　フッター
************************************/
#footer, #footer a, .footer-title {
color: #333;
	text-align:center;
}
.footer-title{
    position: relative;
    padding: 10px 20px;
    box-shadow: none;
    margin: 0;
    background: #3b5890;
    border-radius: 4px 4px 0 0;
    font-weight: 700;
    color: #fff;
    letter-spacing: .05em;
    font-size: 18px;
    margin-bottom: 15px;
}

	
@media (max-width:1023px){
.footer {
margin-top: 0;
padding-top: 0;
}}
@media screen and (max-width: 480px){
h2, h3 {
font-size: 1.17em;
}
}
.footer-widgets, .footer-widgets-mobile {
margin: 0 auto;
}
.footer-left, .footer-center, .footer-right, .footer-mobile {
padding: 0 10px;
}
.widget.widget-footer-mobile{
padding:0;
}
.widget-footer-mobile div.tagcloud,.widget-footer-mobile ul li a{
margin-right:.2em;
margin-left:.2em;
}
@media screen and (max-width: 1023px){/*スマホ画面でサイドバーを非表示*/
div.sidebar {
display: none;
}
}



/************************************
****　FAQ　角型ラベル
************************************/
.is-style-square {
    background-color: #f7f7f7;/*背景色の変更はこちら*/
}
.is-style-square div.faq-question-label.faq-item-label{
    background-color: #D55656;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 10%;
    font-weight: bold;
}
.is-style-square div.faq-answer-label.faq-item-label{
    background-color: #6599B7;
    font-size: 16px;
    padding: 3px 8px;
    border-radius: 10%;
    font-weight: bold;
}

/************************************
****　FAQ　アコーディオン
************************************/
.is-style-accordion div.faq-question-label.faq-item-label{
color: #D55656;
font-size: 18px;
padding: 3px 8px;
margin-right: 0.4em;
border-radius: 10%;
font-weight: bold;
}
.is-style-accordion div.faq-answer-label.faq-item-label{
color: #6599B7;
font-size: 18px;
padding: 3px 8px;
border-radius: 10%;
font-weight: bold;
}
.is-style-accordion .faq-question {
background-color: #eceef3; /*#f0f0f0*/
padding: 1em 2em 1em 1em;
margin: -25px 0px;
}
.is-style-accordion .faq-answer {
padding: 1em;
margin-top: 30px;
}
.is-style-accordion .faq-question-content.faq-item-content {
color: #337AB7;
}
.is-style-accordion .faq-question::before {
font-weight: 700;
}
@media screen and (max-width: 390px){
.is-style-accordion div.faq-question-label.faq-item-label{
margin-right: 0.3em;
}
.is-style-accordion .faq-question {
padding-left: .5em;
}}
.faq p,.faq .wp-block-image{
margin-bottom:0;
}

/************************************
** トグルボックス カスタム(ここ変えたからバグるようになった？)
************************************/
/*見出し*/
.toggle-button {
    background-color: #5066a8;
    border: 2px solid #5066a8;
    color: white;
    font-weight: bold;
}
.toggle-button::before {
    color: #fff;
    opacity: 1;
}

/*内容*/
.toggle-wrap.toggle-content{
font-size:16px;
}

/************************************
****　アフィリボタンの＞を削除
************************************/
.btn-wrap.btn-wrap-l > a::after {
    content: "";
    position: absolute;
    right: 0;
    font-size: 20px;
}
/************************************
****　単なる赤の色を変えた
************************************/
.red {
    color: #ce000d;
	font-weight:bold;
}

/************************************
****　コメントボタン
************************************/
.comment-btn{
background-color:#f7f7f7;
transition:0.3s;
}
.comment-btn:hover {
background-color:#3b5890;/*色の変更はこちら*/
color:#fff;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
div#comment-area {
margin-bottom: 0;
}
section.comment-list {
margin-bottom: 1em;
}
.comment-content p {
margin: 0.3em !important;
}
.sns-share-message:before, .sns-follow-message:before, span.related-entry-main-heading.main-caption:before, .comment-title:before {
letter-spacing:.3em;
border-radius:20px;
border: 0;
padding: 0;
background-color:#3b5890;/*COMMENTS 背景色の変更はこちら*/
color:#fff;
display: inline-block;
width: 40%;
}
/************************************
****　次のページボタン
************************************/
.pagination-next-link{
transition:0.3s;
}
@media (max-width:1023px){
.pagination-next-link{
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
}
@media (max-width:600px){
.pagination-next-link{
width:92%;
margin-right:auto;
margin-left:auto;
}
}
.pagination-next-link:hover{
background-color:#fff;/*次のページの白*/
transition:0.3s;
}
.pagination-next-link:hover{
background-color:#3b5890;/*色の変更はこちら*/
color:#fff;
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
.pagination .current {
background-color: #3b5890;/*色の変更はこちら*/
}
.page-numbers.current{
color:#fff;
box-shadow: 0 1px 2px slategrey;
}
.pagination a:hover {
background-color: #3b5890;/*色の変更はこちら*/
transition: all 0.3s;
color: #fff;
}
a.page-numbers:hover {
transform: none;
box-shadow: 0 1px 1px slategrey;
}

/************************************
****　検索窓のカスタマイズ
************************************/

/* 検索ボタンに背景を付ける */
.search-submit {
	border: 1px solid #ddd;
	background: #dbdbdb;
	color: #333;
	padding-left: 15px;
	padding-right: 2
	
}


/* ①ボックス部分 */
.search-edit, .search-box input[type="text"] {
	color: #4d4435;
	outline: none;
	padding-left: 20px;
	 box-shadow: 0 1px 5px 0 rgba(0,0,0,.15);
}

/* ②検索ボタン */
[type=submit].search-submit {
	top: 0;
	right: 0;
	height: 100%;
	padding: 8px 15px;
	background: #3b5890;
	color: #fff; 
	font-size: 18px;
	font-weight: bold;
	border: none;
	border-radius: 0 3px 3px 0;/*右だけ角*/
	transition:0.3s;
}

/* ③検索ボタン(hover) */
@media screen and (min-width: 980px) {
	[type=submit].search-submit:hover {
		background: rgba(59, 88, 144, 0.7);
	}
}

.search-edit,/*検索窓の外側*/
.search-box input[type="text"] {
	border-radius: 3px; /* 3px位ならナチュラルかも */
	border: 1px solid #3b5890 !important; /* ボーダーの太さと色を指定 */

}

/************************************
****　単なる赤の色を変えた
************************************/
.red {
    color: #ce000d;
	font-weight:bold;
}

/************************************
****　ランキングボックスカスタマイズ
************************************/

.btn-red, .ranking-item-link a, .btn-wrap.btn-wrap-red > a {
    background-color: #8bc34a;
	  border-radius: 25px;

}

/************************************
****　アフィリボタンの＞を削除
************************************/
.btn-wrap.btn-wrap-l > a::after {
    content: "";
    position: absolute;
    right: 0;
    font-size: 20px;
}

/************************************
****　ctaボックスカスタマイズ
************************************/
.cta-box {
border: solid 1px #9d9d9d;
border-radius: 8px;
background-color: #fff;
color:#444;
}

/************************************
**** 注意喚起ボタンとかカスタマイズ
************************************/
/* アイコン */
.information-box::before, .information::before {
    border-right: 2px dashed #bde4fc;
}
.question-box::before, .question::before {
    border-right: 2px dashed #ffe766;
}
.alert-box::before, .alert::before {
    border-right: 2px dashed #f6b9b9;
	font-family: "FontAwesome";
  content: "\f071"!important;
}


.memo-box::before {
    border-right: 2px dashed #8dd7c1;
	font-family: "FontAwesome";
  content: "\f016"!important;
}
.information-box::before, .question-box::before, .alert-box::before, .information::before, 
.question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before {
    font-size: 30px;
}

/*ボックスの角を取る*/
.alert-box, .information, .question, .alert, .memo-box, .comment-box, .common-icon-box {
    padding: 20px 20px 20px 72px;
    border-radius: 0px;
    position: relative;
    display: block;
}

@media screen and (max-width: 480px){
    .information-box, .common-icon-box {
        padding: 1em 1em 1em 4.25em;
        line-height: 1.6;
    }
    .information-box::before, .question-box::before, .alert-box::before, .information::before, 
    .question::before, .alert::before, .memo-box::before, .comment-box::before, .common-icon-box::before {
        font-family: "FontAwesome";
        position: absolute;
        line-height: 1em;
        top: 50%;
        left: 1em;
        padding-right: .45em;
        display: inline-block;
        font-size: 30px;
    }
}
/*ここまでアラートボックスとか*/

/************************************
****　かんたんリンク カスタマイズ 最新
************************************/
   
/*-----------外枠------------*/
div.easyLink-box {
width:100%
/*全体の背景カラー*/
background-color: #F1F8E9;
overflow: hidden;
border-radius: 0px;
box-sizing: border-box;
padding: 12px 8px;
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/*-------------商品リンク タイトル----- */
p.easyLink-info-name a {
	color: #337ab7 !important; /*#1A237E文字色*/
	font-weight: bold;
	font-size: 14px;
}

/*----各ボタン----*/
.easyLink-info-btn-amazon {
	background: #f6a306 !important; /*Amazon 背景色*/
	position:relative;
	width: 100%;
	display: inline-block;
	text-align :center;
	box-sizing:border-box;
	margin: 1px 1px;
	padding: 3% 0.5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 4px 0 #455A64;
		transition: 0.2s all ease 0s;
	overflow: hidden;
}


a.easyLink-info-btn-rakuten {
	background: #BF0000 !important; /*楽天 背景色*/
position:relative;
width: 100%;
display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 1px 1px;
	padding: 3% 0.5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 4px 0 #455A64;
		transition: 0.2s all ease 0s;
	overflow: hidden;
}

a.easyLink-info-btn-yahoo {
	background: #FF0033 !important; /*ヤフー背景色*/
	position:relative;
	width: 100%;
	display: inline-block;
	text-align:center;
	box-sizing:border-box;
	margin: 1px 1px;
	padding:3% 0.5%;
	border-radius:8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 4px 0 #455A64;
		transition: 0.2s all ease 0s;
	overflow: hidden;
}
/*---マウスオーバーの時のボタン色---*/
a:hover.easyLink-info-btn-amazon {
	box-shadow: none;
	transform: translate3d(0, 3px, 0);
}

a:hover.easyLink-info-btn-rakuten {
	box-shadow: none;
	transform: translate3d(0, 3px, 0);
}
a:hover.easyLink-info-btn-yahoo {
	box-shadow: none;
	transform: translate3d(0, 3px, 0);
}

/*---PC以外の時の設定---*/
@media screen and (max-width: 703px) {
	div.easyLink-box div.easyLink-img,
	div.easyLink-box div.easyLink-img p.easyLink-img-box img.easyLink-img-pht {
	max-height: 300px !important; /*商品画面の大きさ調整*/
	}
}

/*--------------------------------------------------
  カエレバ・ヨメレバ・トマレバ　WordPressの場合
---------------------------------------------------*/
/*--------------------------------------------------
  カエレバ・ヨメレバ・トマレバ　WordPressの場合
---------------------------------------------------*/

.cstmreba {
width: 98%;
height:auto;
margin:36px 0;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
line-height: 1.5;
word-wrap: break-word;
box-sizing: border-box;
display: block;
}
.cstmreba a {
transition: 0.8s ;
color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,.cstmreba .kaerebalink-box,.cstmreba .tomarebalink-box {
width: 100%;
background-color: #fff;  /* 全体の背景カラー */
overflow: hidden;
border:double #d2d7e6;
border-radius: 5px;
box-sizing: border-box;
padding: 12px 8px;
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px 0 0;
text-align: center;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
width:100%;
display:block;
}
/* サムネイル画像 */
.cstmreba .booklink-image a img,.cstmreba .kaerebalink-image a img,.cstmreba .tomarebalink-image a img {
margin:0 auto;
padding: 0;
text-align:center;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:170%;
color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none;	
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px dotted ;
font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:10px;
line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
border-bottom: 1px dotted ;
color: #333;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
color:#333;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 img,.cstmreba .booklink-link2 img,.cstmreba .tomarebalink-link1 img {
display:none !important;
}
.cstmreba .kaerebalink-link1,.cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
float:left;
width:31%;
min-width:125px;
margin:0.5% 1%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a, 
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
font-size: 13px;
font-weight: bold;
line-height: 180%;
padding:3% 1%;
margin: 1px 0;
border-radius: 4px;
box-shadow: 0 2px 0 #ccc;
background: -moz-linear-gradient(top,#fafafa,#EEE);
background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#eee));
}
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
text-decoration: underline;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {color:#ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { color:#84be24 ; }	/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { color:#8d124b; } /* セシール */ 
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a{ color:#d50000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a, 
.cstmreba .booklink-link2 .shoplinkamazon a { color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a , 
.cstmreba .booklink-link2 .shoplinkrakuten a { color: #c20004; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a, 
.cstmreba .booklink-link2 .shoplinkseven a { color:#225496;} /* 7net */
/***** ボタンデザインここまで ******/
.cstmreba .booklink-footer {
clear:both;
}
/***  解像度480px以下のスタイル ***/
@media screen and (max-width:480px){
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:100%;
float:none;
}
.cstmreba .booklink-link2>div, 
.cstmreba .kaerebalink-link1>div, 
.cstmreba .tomarebalink-link1>div {
width: 95%;
margin: 0 auto 8px auto;
float:none;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}

/*--------------------------------------------------
  ボタンの背景色をRinker風にカスタマイズ
---------------------------------------------------*/

.cstmreba .kaerebalink-link1 .shoplinkrakuten a, .cstmreba .booklink-link2 .shoplinkrakuten a {
    color: #fff;
    background: #cf4944 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkamazon a, .cstmreba .booklink-link2 .shoplinkamazon a {
    color: #fff;
    background: #f6a306 !important;
}
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {
    color: #fff;
    background: #51a7e8 !important;
}

/*これでいっか*/
/*カエレバ*/
.kaerebalink-box, .booklink-box, .tomarebalink-box, .itunes-embed {
	border: 1px solid #808080;
	padding: 16px;
	border-radius: 5px;
	margin: auto;
	box-shadow: 1px 1px 3px 1px #ddd;
	overflow: hidden;
	width: 90%;
}


/*まっすぐにするもの*/
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkseven,
.shoplinkkindle,
.shoplinkrakukobo,
.shoplinkyahoo,
.shoplinkitunes,
.shoplinkjalan,
.shoplinkjtb {
	float: left;
	height: 40px;
	margin: 6px;
	width: 45%;
	text-align: center;
	border-radius: 6px;
}
/**/
.shoplinkamazon {
	background: #FF9900;
}

.shoplinkrakuten {
	background: #bf0000;
}

.shoplinkseven {
	background: #2cc941;
}

.shoplinkkindle {
	background: #0563fc;
}

.shoplinkyahoo {
    	background: #DF013A;
}

.shoplinkitunes {
    	background: #7401DF;
}

.shoplinkjalan {
    	background: #FF8000;
}

.shoplinkjtb {
    	background: #2950CE;
}

.shoplinkrakukobo {
    	background: #2950CE;
}

.shoplinkamazon:hover {
	background: #f4db75;
}

.shoplinkrakuten:hover {
	background: #f990ab;
}

.shoplinkkindle:hover {
	background: #a1dffc;
}

.shoplinkseven:hover {
	background: #a1fca3;
}

.shoplinkyahoo:hover {
    	background: #ff4966;
}

.shoplinkitunes:hover {
    	background: #BE81F7;
}

.shoplinkjalan:hover {
    	background: #FAAC58;
}

.shoplinkjtb:hover {
    	background: #2E64FE;
}

.shoplinkrakukobo:hover {
    	background: #2950CE;
}

@media screen and (max-width: 599px) {
	.kaerebalink-box, .booklink-box {
		text-align: center;
	}

	.kaerebalink-image, .booklink-image {
		float: none;
	}

	.shoplinkamazon,
		.shoplinkkindle,
		.shoplinkrakuten,
        .shoplinkyahoo,
		.shoplinkseven {
		width: 90%;
	}
}
.itunes-embed-artist, .itunes-embed-genre, .itunes-embed-price {
	font-size: 14px;
}



/*--------------------------------------------------
  カエレバのAmazonと楽天のボタンの順番を変えるカスタマイズ
---------------------------------------------------*/

.kaerebalink-link1
{
overflow: hidden;
display: flex;
flex-flow: row wrap;
}
.shoplinkamazon{
    order: 1;
}
.shoplinkrakuten{
    order: 2;
}
.shoplinkyahoo{
    order: 3;
}


/*--------------------------------------------------
  カエレバのhoverを青にしないカスタマイズ
---------------------------------------------------*/
.kaerebalink-link1 a:hover, .booklink-link2 a:hover, .tomarebalink-link1 a:hover, .product-item-buttons a:hover {
    color: #fff!important;
    opacity: 0.6;
}

/*--------------------------------------
Rinkerのデザイン変更(最新)
--------------------------------------*/
div.yyi-rinker-contents ul.yyi-rinker-links {
    border: 0px!important;
    background-color: white!important;
	padding:1.1em!important;
}

/* Rinker カスタマイズ */
/* 外枠 2本線 */
div.yyi-rinker-contents {
border: double #dbdbdb;
}

/*外部リンクマーク非表示*/
div.yyi-rinker-contents div.yyi-rinker-title a span,
div.yyi-rinker-contents div.yyi-rinker-detail a span,
div.yyi-rinker-contents ul.yyi-rinker-links li a span {
	display: none;
}


/* rinkerの横幅を調整 */
@media all and (min-width: 421px) {
div.yyi-rinker-contents div.yyi-rinker-info {
    width: 100%;
}
/* rinkerの商品画像の横幅を調整 */
div.yyi-rinker-image {
    width: 150px !important;
    min-width: 150px !important;
}
}

/*kindleボタン色の変更*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink {
    background: #FFC266;
    order: 15;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
	min-width: 180px;
	border-radius: 4px !important;
	margin: 5px !important;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
	height: 40px !important;
	line-height: 40px !important;
	text-align: center;
	font-size: 14px !important;
	color: #fff;
	transition: all 0.5s 0s ease;
}



/* PC・タブレット・スマホ レイアウト調整 */
@media only screen and (min-width: 1166px) {
div.yyi-rinker-contents ul.yyi-rinker-links {
justify-content: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
width: 40%;
margin: 0.7% 0.7%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0.5px;
text-align: center;
}
}
@media screen and (max-width: 768px) {
div.yyi-rinker-contents div.yyi-rinker-box {
display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image {
width: 100%;
}
div.yyi-rinker-contents div.yyi-rinker-info {
text-align: center;
width: 100%;
}
div.yyi-rinker-contents ul.yyi-rinker-links {
justify-content: center;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
width: 45%;
margin: 0.7% 0.7%;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a {
padding: 0 0.5px;
}
}
/*レスポンシブ480px以下*/
@media screen and (max-width: 480px){
	/*縦表示*/
	div.yyi-rinker-contents div.yyi-rinker-box {
		flex-direction: column;
	}

	/*画像を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-image {
		width: auto;
	}

	/*商品情報を中央寄せ*/
	div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
		width: calc(100% - 10px);
		text-align: center;
		padding: 0 !important;
	}

	div.yyi-rinker-contents div.yyi-rinker-detail {
		padding: 0 !important;
	}

	/*ボタンの幅を100%にする*/
	div.yyi-rinker-contents ul.yyi-rinker-links li {
		width: 100%;
	}

/************************************
**アプリーチカスタマイズ
************************************/
.appreach {
text-align: left;
padding: 10px;
border: 1px solid #7C7C7C;
overflow: hidden;
}
.appreach:after {
content: "";
display: block;
clear: both;
}
.appreach p {
margin: 0;
}
.appreach a:after {
display: none;
}
.appreach__icon {
float: left;
border-radius: 10%;
overflow: hidden;
margin: 0 3% 0 0 !important;
width: 25% !important;
height: auto !important;
max-width: 120px !important;
}
.appreach__detail {
display: inline-block;
font-size: 20px;
line-height: 1.5;
width: 72%;
max-width: 72%;
}
.appreach__detail:after {
content: "";
display: block;
clear: both;
}
.appreach__name {
font-size: 16px;
line-height: 1.5em !important;
max-height: 3em;
overflow: hidden;
}
.appreach__info {
font-size: 12px !important;
}
.appreach__developper, .appreach__price {
margin-right: 0.5em;
}
.appreach__posted a {
margin-left: 0.5em;
}
.appreach__links {
float: left;
height: 40px;
margin-top: 8px;
white-space: nowrap;
}
.appreach__aslink img {
margin-right: 10px;
height: 40px;
width: 135px;
}
.appreach__gplink img {
height: 40px;
width: 134.5px;
}
.appreach__star {
position: relative;
font-size: 14px !important;
height: 1.5em;
width: 5em;
}
.appreach__star__base {
position: absolute;
color: #737373;
}
.appreach__star__evaluate {
position: absolute;
color: #ffc107;
overflow: hidden;
white-space: nowrap;
}
	
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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