/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

/******************************************************
* ヘッダー
******************************************************/

/* サイト全体 */
body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/******************************************************
* ヘッダー
******************************************************/

/* タイトルロゴ */
#logo img, .logo img {
	height: 30px;
	margin: 2em 0;
}
/* ドロワーメニュー */
.drawer-nav-btn-wrap {
	right: 3px;
	left: initial;
}

.header-wrap a:hover, div.logo_title:hover {
  color: #fff!important;
  opacity: 1!important;
}

/******************************************************
* サイドバー
******************************************************/

/* 検索 */
input[type="submit"].searchsubmit {
	background-color: #006ccc;
}
@media only screen and (max-width: 767px){
	#sidebar {
		display: none;
	}
}

.widgettitle {
	font-weight: bold;
}

#ezw_tco-2 #ez-toc-widget-container .ez-toc-title {
  font-size: 16px!important;
  font-weight: bold!important;
  color: #fff!important;
}

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li a {
  font-size: 0.9em!important;
  font-weight: 400!important;
  color: #000;
}
/******************************************************
* 記事一覧
******************************************************/
.post-substr {
	display: none;
}

/******************************************************
* 記事
******************************************************/

/* コメント */
#comment-area input[type="text"], #comment-area textarea {
  display: block;
  width: 100%;
  margin: 5px 0;
}

/* 間隔調整 */
.button, .content .button {
  margin: 10px 5px 2em;
}
.sc-inner-content p {
	margin: 0 !important;
}
.single-post-main {
  padding-top: 2em;
}

/* 引用ボックス */
blockquote {
  padding: 2em 2.5em;
}

/* 水色枠ボックス */
.sc_frame_wrap .sc_frame {
  padding: 1em 0.5em;
}

/* テーブル */
@media only screen and (max-width: 767px){
.content .mobile_table {
    overflow: auto;
    white-space: nowrap;
    margin-bottom: 24px;
}
}

/* 個別記事のカテゴリー非表示 */
.single-post-category {
	display: none !important;
}

/* 画像 */
:where(.content) img:not(.yyi-rinker-main-img) {
  border: 1px solid #999 !important;
}
.wp-caption {
  margin-bottom: 20px;
}

/* 見出し */
.content h2 {
  position: relative;
  color: white;
  background: #81d0cb;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.content h2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: 900;
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.content h3 {
  position: relative;
  padding: 0.25em 0;
}
.content h3:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, rgb(230, 90, 90), transparent);
  background: linear-gradient(to right, rgb(230, 90, 90), transparent);
}

.content h4 {
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #7b6459;/*文字色*/
}

.content h4:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 2px;/*アイコンの位置*/
  color: #ff938b; /*アイコン色*/
}

/* 目次 */
#fix_sidebar .ez-toc-widget-container {
	overflow: visible;
}
#fix_sidebar .ez-toc-btn {
	display: none;
}
@media(min-width:640px) {
	.post #ez-toc-container{
		padding: 1em 2em;
		width: 90%!important;
	}
	.post .ez-toc-title-toggle{
		top: 16px;
		right: 40px
	}
}

/* 吹き出し */

.voice .icon img, .voice .icon amp-img {
  border: 0;
}
.sc_balloon {
  border: 2px solid #666;
}

/* X(Twitter) */
.twitter-tweet {
  margin: 10px auto;
}

/* Rinker */
div.yyi-rinker-contents {
	border: solid 2px #e5e5e5;
	border-radius: 5px;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}

div.yyi-rinker-contents .brand {
	display: none;
}

div.yyi-rinker-contents img {
	max-width: 100%;
}

div.yyi-rinker-contents div.yyi-rinker-box {
	padding: .25em 0;
}

div.yyi-rinker-contents div.yyi-rinker-image {
	margin: 2%;
	width: 30%;
}

div.yyi-rinker-info {
	padding: 0 3%;
	width: 100%;
	margin: auto;
}

.yyi-rinker-title {
	font-size: 1em;
	margin-left: .5em;
	padding-top: 1em;
	text-align: center;
}

div.yyi-rinker-contents div.yyi-rinker-title p {
	margin: 0;
}

div.yyi-rinker-contents div.yyi-rinker-detail {
	font-size: .8em;
	color: #42424280;
	padding-left: 0;
	margin-top: 0;
	margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
	margin: .5em 0;
	margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
	letter-spacing: 0.1em;
	font-size: 1.2em;
	margin-right: .5em;
}

div.yyi-rinker-contents ul.yyi-rinker-links {
	display: inline-block;
	text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
	width: 70%;
	padding: 0 .7em;
	margin: .5em .5em .4em .5em;
	font-size: .8em;
	display: inline-block;
	height: 40px;
	border-radius: 3px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 40px;
	transition: .3s ease-in-out;
	text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li:hover{
	opacity: 0.9;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink{
	background: #90CAF9;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
	background: #FFC266;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
	color: #fff;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
	background: #ff7c74;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
	background: #95cad7;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
	background: #90d581;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
	height: 40px;
	line-height: 40px;
	font-size: 0.95em;
	padding-left: 0px;
	padding-right: 0;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:after {
	position: absolute;
	right: auto;
	padding-left: 5px;
	font-family: FontAwesome;
	content: "\f138"!important;
	transition: .3s ease-in-out;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:hover::after {
	opacity: .9;
	transform: translateX(2px);
	-webkit-transform: translateX(2px);
}

@media screen and (max-width: 540px) {

div.yyi-rinker-contents div.yyi-rinker-box {
	padding: 1em 0 0 0;
	display: block;
}
div.yyi-rinker-contents div.yyi-rinker-image {
	width: auto;
}
div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
	padding: 0;
	margin: auto;
	width: 90%;
	text-align: center;
}
.yyi-rinker-title {
	font-size: .9em;
	text-align: center
}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
	display: block;
}
div.yyi-rinker-contents ul.yyi-rinker-links li {
	width: 85%;
	font-size: .9em;
}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {
	padding: 0;
}
div.yyi-rinker-contents ul.yyi-rinker-links li a:after {
}

}

/**********************************************
** ステマ規制対策
***********************************************/
.single-post-date.modified::after {
	content: "[PR]";
	margin-left: 5px;
	font-size: 1.2em;
	color: #333;
}