@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */
body{
	font-family: "Noto Sans JP",sans-serif,Font Awesome\ 5 Free,FontAwesome;
	font-weight: 400;
}
img[width="1"] {
	display: none;
}

.content table {
	min-width: 0;
	width: auto;
	margin-bottom:1em;
}
@media screen and (max-width: 768px){
.content table {
	min-width: 0!important;
}
}


/*スマホの両サイド隙間を増やす*/
@media screen and (max-width: 768px){
.single-post-main {
	padding: 16px;
}
}

/*太字とマーカー*/
strong{
	font-weight: 700;
}
.sc_marker {
	font-weight: 700;
}

/*記事内見出し*/
.content h2 {
	margin-top:3em;
	margin-bottom:1em;
	line-height:1.5em;
	border-top: dashed 1px #FFF!important;
	border-bottom: dashed 1px #FFF!important;
	padding: 10px 25px!important;
	font-size:1.5em;
}

.content h3,h4{
	line-height:1.4em;
}

.content h3{
	border-bottom: 2px solid #555;
	padding: 0.2em 0.1em 0.5em 1.7em;
	position: relative;
	margin:2em 0 1em 0;
}
.content h3:before{
	top: 0;
	left: 0.5em;
	height: 12px;
	width: 12px;
	position: absolute;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	content: "";
}
.content h3:after{
	top: 0.8em;
	left: 0.2em;
	height: 8px;
	width: 8px;
	position: absolute;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	content: "";
}
.content h4 {
	margin:1em 0 1em 0;
	line-height:1.5em;
	padding:0.3em;
	font-size:17px!important;
}

@media screen and (max-width: 768px){
	h1 {
		font-size:1.3em!important;
	}
	.content h2 {
		font-size:1.3em!important;
		margin:3em -13px 1em -13px!important;
		padding: 10px 15px!important;
	}
	.content h3,h4,h5 {
		font-size:1.2em!important;
	}
}

/*枠*/
.sc_frame {
	padding:1.5em;
}

/*外部ブログカード*/
.card-content .card-title{
	margin: 0 0 12px 0!important;
}
.card-content .card-title a{
	color:#555;
	font-size:.9em;
}
.card-content .card-description {
	font-size: 11px;
	line-height: 1.5em;
}
.card-footer {
	zoom: 1;
	clear: both;
	margin: 8px 0 0.3em 0;
	padding-top: 0;
	border-top: none;
}
.card-footer img{
margin: 0!important;
}
@media screen and (max-width: 768px){
.card-content .card-title{
	line-height:1em!important;
	max-height: 56px;
}
.card-content .card-title a{
	font-size:14px;
}
}

/*記事内箇条書きリスト*/
.content ul,
.content ol{
	margin:0;
	padding:1em 1em 0 2.5em;
	border: 2px solid #EEEEEE;
	border-radius:10px;
}

.content ul.plain,
.content ol.plain{
	margin:0;
	padding:0 .5em 0 2em;
	border: none;
	background: none;
}

/*枠内のリスト枠消し・マージン調整*/
.content table ul,
.sc_frame_text ul{
	border:none;
	background:none;
	padding:0;
}
.content table ol,
.sc_frame_text ol{
	border:none;
	background:none;
	padding:0;
}
.content table ul{
	margin:0 0 0 20px;
}
.content table ol{
	margin:0 0 0 3px;
}
.sc_frame ul{
		margin:0 0 -10px 20px;
}
.sc_frame ol{
	margin:0 0 -10px 3px;
}
.content .sc_frame ul,
.content .sc_frame ol {
    margin-bottom: -1em;
}

@media screen and (max-width: 768px){
.content table ul,
.content table ol{
	margin:0 0 0 25px;
}
}

.content li{
	line-height:1.6em!important;
	padding-left:3px;
}

.content ul li{
  list-style-type:none;
	margin-bottom:1.1em;
}
.content ul li:before{
	font-family: FontAwesome;
	content: "\f00c";
	float: left;
	margin-right: .3em;
	position: relative;
	color:#fff;
	font-weight:400;
	margin-left: -2em;
	margin-top:2px;
	border-radius:50%;
	line-height:1;
	padding:3px;
	font-size:.8em;
}

/*RinkerCSS打ち消し用*/
ul.yyi-rinker-links li:before{
	display:none;
}

/*入力補助CSS打ち消し用*/
.content .sc_frame ul {
	padding: 0;
}
.sc_designlist ul li{
}
.sc_designlist li:before{
	margin:auto 0!important;
	background-color:transparent!important;
	font-size:1em!important;
	position: absolute!important;
}

.content ol{
	counter-reset:number;
	list-style-type: none!important;
}
.content ol li{
	position: relative;
	margin: 0 0 1.1em 5px;
	padding-left:0;
}

.content ol li:before{
	position: absolute;
	counter-increment: number;
	content: counter(number);
	display:inline-block;
	color: #FFFFFF;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:800;
	font-size: 14px;
	border-radius: 50%;
	left: -27px;
	top:3px;
	width: 19px;
	height: 19px;
	line-height: 20px;
	text-align:center;
}

/*入力補助CSS打ち消し用*/
.sc_designlist ol li:before{
	display:none;
}
.sc_designlist ol li:top{
	top:0!important;
}


/*警告と注意の枠*/
.aside-warning {
	background-color: #ffefee;
	border: 3px solid #ff8a80;
	margin: 5px 0 2em 0;
}
.aside-normal{
	background-color: #fefce6;
	border: 3px solid #fff48f;
	margin: 5px 0 2em 0;
}


/*======================
 TOC+もくじプラグイン
======================*/

/*大枠*/
#toc_container{
	border: 3px solid #b7e3de!important;
	padding:1em;
}

/*もくじタイトル*/
#toc_container .toc_title{
	text-align: center;
	font-size:1.2em ;
	color:#4dc0b2!important;
	background-color:#FFFFFF!important;
	margin:0.5em 0;
}

/*隠す・見るの切り替えボタン*/
span.toc_toggle{
	background-color: #b7e3de !important;
	font-size: 0.3em;
	padding: 2px 6px !important;
	color: #FFFFFF!important;
}

/*隠す・見るの切り替えボタンのリンク文字*/
span.toc_toggle a{
	color: #FFFFFF!important;
}

/*h2h3共通見出しのリンク*/
#toc_container .toc_list > li a{
	font-size: 1em!important;
}

/*h2見出し部分*/
#toc_container .toc_list > li a{
	font-weight: normal!important;
	color: #586365;
}

/*h2見出しの番号部分*/
span.toc_number{
	background-color:#4dc0b2!important;
	margin:0!important;
	opacity: 1!important;
}

/*h3見出し部分*/
#toc_container .toc_list > li > ul li{
	margin:0 0 .5em 10px !important;
	line-height:1.3em;
	font-size: 0.8em!important;
}
#toc_container .toc_list > li > ul a:before{
	position:absolute;
	margin-left:-10px;
}
/*ulデザインを消す*/
#toc_container ul{
	border:none!important;
}
#toc_container li:before{
	display:none;
}
/*======================*/


/*ウィジェット*/
.widget{
	margin-bottom:1.5em;
}
.widgettitle{
	font-weight:700;
	font-size:1em;
	border-top: dashed 1px #FFF!important;
	border-bottom: dashed 1px #FFF!important;
	padding:0.4em 1em;
	margin:-7px -7px 15px -7px!important;
}
#sidebar .widget p{
	font-size:90%;
	line-height:1.8em;
}


/*サイドバーカテゴリ*/
.widget.widget_categories ul li{
	padding:0.5em 0;
}
.widget.widget_categories ul li ul.children {
	margin: 0 0 0 20px;
}
.widget.widget_categories ul li ul.children li{
	margin: 0;
	padding: 0;
}
.widget.widget_categories li a {
	padding: .2em 1em!important;
}


/*記事グリッド一覧*/
.post-box-contents{
	padding:0;
	border-radius:3px;
}

.grid_post-box {
    padding: 7px !important;
}

.grid_post-box .post-title {
	font-size:1em;
	font-weight:700;
	letter-spacing:.5px;
	margin:0 0 .2em 0;
}
.grid_post-box .post-substr{
	font-size:11px;
	font-weight:400;
	letter-spacing:.5px;
}
.grid_post-box .post-date {
	display: block;
	text-align: right;
	position: relative;
	left:0;
	padding:10px;
}
.grid_post-box .post-meta-all {
	padding:10px 10px 33px 10px;
}
.grid_post-box .post-box-contents {
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
.grid_post-box:hover .post-box-contents {
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	transition: .4s;
	transform: translate(0,-3px);
}

/*ランキングview*/
.wpp-meta, .post-stats {
	font-weight: normal;
	text-align: right;
	margin-top:1em;
}

/*こんな記事も…のカテフラグ*/
.recommend-cat {
	font-size:8px;
}

/*タグクラウド*/
.tagcloud a {
	border:none;
	padding: 0 5px;
	margin: 1px 1px;
	background-color: #eee;
	border-radius: 4px;
	color: #555!important;
}
.tagcloud a:hover {
	background-color: #ddd;
}
a.tag-cloud-link:before {
	color:#555;
	content: "#";
}

/*関連記事タイトル*/
.single_title a {
	text-decoration: underline;
}


/*======================
吹き出し
======================*/
.voice{
	margin:0 0 1.8em 0;
}
.voice .text.sc_balloon,
.voice .think_balloon {
	font-weight:500;
	font-size: .85em;
	padding:10px 15px;
	letter-spacing:1px;
}
.voice .text.sc_balloon.white,
.voice .think_balloon.white {
	background-color:#f9f9f9;
}
.sc_balloon.left.white:before {
	border-color: transparent #f9f9f9 transparent transparent;
}
.sc_balloon.right.white:before {
	border-color: transparent transparent transparent #f9f9f9;
}
.think_balloon.white:before, .think_balloon.white:after {
	background: #f9f9f9;
}
.voice .icon img {
	border-radius: 0;
	border: none;
	background: none;
	-webkit-box-shadow: none; 
	-moz-box-shadow: none;
	box-shadow: none; 
	height:auto;
	width:80px;
}
.voice .name {
	font-size: .7em;
	max-width:80px!important;
}

/*スマホ表示調整*/
@media screen and (max-width: 768px){
.voice .text {
	display: table-cell;
	position: relative;
	max-width: calc(100% - 80px);
	width: auto;
}
.voice .think_balloon.text {
	display: table-cell;
	position: relative;
	width: calc(100% - 100px)!important;
	width: auto;
}
.voice .icon img {
	width:60px;
}
	.voice .name {
max-width:60px!important;
}
}

/*色付き吹き出し*/
.sc_balloon.red,
.think_balloon.red{
	background-color:#ff9999!important;
	color:#FFF;
}
.sc_balloon.red a,
.think_balloon.red a{
	color:#FFF;
}
.think_balloon.red:before, .think_balloon.red:after {
	background: #ff9999;
}
.sc_balloon.red:before {
	border-color: transparent #ff9999 transparent transparent;
}

.sc_balloon.blue,
.think_balloon.blue{
	background-color:#87CEEB!important;
}
.think_balloon.blue:before, .think_balloon.blue:after {
	background: #87CEEB;
}
.sc_balloon.blue.right:before {
	border-color: transparent transparent transparent #87CEEB;
}
/*======================*/


/*こんな記事も書いてますのディスクリプションを消す*/
.recommend-desc{
	display:none;
}

/*スマホで追従エリア消す*/
@media screen and (max-width: 768px){
.fix_sidebar{
	display:none;
}
}

/*最新記事（関連記事）*/
.post_list_wrap .date {
	display:none;
}

/*新着記事などのトップページタイトル*/
.wrap-post-title {
	border:none!important;
	border-top: dashed 1px #FFF!important;
	border-bottom: dashed 1px #FFF!important;
	font-weight:700;
	padding: 0.4em 1em;
	font-size: 16px;
	margin:3px 0 1em 0;
}

@media screen and (min-width: 769px){
.wrap-post-title {
	text-align:center;
}
}

/*======================
カエレバ・ヨメレバ
======================*/

.booklink-name a,
.kaerebalink-name a{
	line-height:1.7em!important;
	font-size: 1.2em!important;
	color:#555!important;
	border:none!important;
	text-decoration:underline!important;
}

.booklink-box, .kaerebalink-box, .tomarebalink-box {
	-webkit-box-shadow: none!important;
	-moz-box-shadow: none!important;
	box-shadow: none!important;
	border:3px solid #EEE;
}

.kaerebalink-link1 > div >a
.booklink-link2 > div >a{
	border-radius:5px;
}

.booklink-link2 a, .kaerebalink-link1 a, .tomarebalink-link1 a {
	font-size:1em!important;
	padding: 2% 1%!important;
}

.kaerebalink-link1 .shoplinkamazon a, .booklink-link2 .shoplinkamazon a {
	background: #f6a306!important;
}
.kaerebalink-link1 .shoplinkkindle a, .booklink-link2 .shoplinkkindle a {
	background:#f6a306!important;
}
.kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a {
	background:#cf4944!important;
}
.kaerebalink-link1 .shoplinkrakukobo a, .booklink-link2 .shoplinkrakukobo a {
	background:#cf4944!important;
}
.kaerebalink-link1 .shoplinkyahoo a {
	background:#51a7e8!important;
}
.booklink-powered-date a, .kaerebalink-powered-date a, .tomarebalink-powered-date a {
	border-bottom:none!important;
	font-size:8pt!important;
	color:#586365!important;
}


@media screen and (max-width: 480px){
.booklink-name a,
.kaerebalink-name a{
	font-size: 1.1em!important;
}
.booklink-box, .kaerebalink-box, .tomarebalink-box {
	padding:20px!important;
}
.kaerebalink-link1>div:first-child:nth-last-child(3),
.kaerebalink-link1>div:first-child:nth-last-child(3) ~ div{
	width:32%!important;
}
.booklink-link2>div:first-child:nth-last-child(3),
.booklink-link2>div:first-child:nth-last-child(3) ~ div{
	width:32%!important;
}
.booklink-link2 p{
	display:none;
}
.booklink-link2 div{
	margin:1px!important;
}
.kaerebalink-link1 div{
	margin:1px!important;
}
}
/*======================*/


/*Rinker*/
div.yyi-rinker-contents {
    margin: 0 0 1.5em 0;
}
div.yyi-rinker-contents div.yyi-rinker-title a {
	color: #555;
	text-decoration: underline;
	font-weight:400;
}
@media (max-width: 420px){
div.yyi-rinker-contents div.yyi-rinker-image {
	vertical-align: top!important;
	display: inline-block;
}
div.yyi-rinker-contents .brand,.price-box{
	display:none;
}
}


/*トップページのイメージ画像文字にドロップシャドウ*/
.header_image_title ,
.header_image_desc{
	text-shadow: 0px 0px 8px #333;
}

/*======================
内部リンク
======================*/
.sc_getpost{
	margin:1.5em 0 2em 0;
	background-color:#FFF;
	padding:12px 10px ;
	-webkit-box-shadow: 0 0 0 #ddd;
	-moz-box-shadow: 0 0 0 #ddd;
	box-shadow: 0 0 0 #ddd; 
}
.sc_getpost p{
	display:none;
}
.sc_getpost .title {
	line-height: 1.4em;
	margin-bottom: .4em;
	font-size:1em;
	color:#555;
	font-weight:700;
	text-decoration:underline;
}
.sc_getpost .date{
	display:none;
}
.sc_getpost img {
	margin-right: 10px!important;
	height:110px;
}
.sc_getpost .substr {
	font-size: 0.7em;
	line-height: 150%;
}
.sc_getpost .substr:after{
	content:">> 続きを読む";
	text-decoration:underline;
	font-weight:800;
	color:#1c7ddd;
	position: absolute;
	bottom: 15px;
	right: 15px;
}
.sc_getpost .badge {
	font-size: 0.8em;
	border-radius: 3px;
	position: absolute;
	top: -15px;
	left:20px;
	text-align: center;
	padding: 0.3em 0.8em 0.3em 25px;
	font-weight:800;
	background-color:#ee817b;
	letter-spacing:1px;
}
.sc_getpost .badge:before {
	content: "\f13a";
	color:#FFF;
	position:absolute;
	left:7px;
	font-weight:bold;
}
.sc_getpost.norabel .title::before {
	display:none;
}
/*スマホ*/
@media screen and (max-width: 768px){
.sc_getpost img {
	width: 100px !important;
	height: 80px !important;
}
.sc_getpost .date {
	position: absolute!important;
}
.sc_getpost .substr {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
.sc_getpost .title {
	font-weight:700;
	font-size:.9em;
	-webkit-line-clamp: unset;
}
.sc_getpost .badge {
	left:15px;
}
.sc_getpost .badge:before {
	left:8px;
}
}

/*テキスト関連記事リンク*/
.editer_diver_kiji {
    margin: 2em 0 3em 0;
    border: 2px solid #ee817b;
	position:relative;
	font-size:.9em;
}
.editer_diver_kiji_title:before {
	content: "\f13a";
	margin-right: 10px;
	color:#FFF;
	position:absolute;
	left:7px;
	font-weight:800;
}
.editer_diver_kiji_title {
	color: #FFFFFF;
	background:#ee817b;
	font-size: 0.8em;
	border-radius: 3px;
	position: absolute;
	top: -15px;
	left:20px;
	text-align: center;
	padding: 0.3em 0.8em 0.3em 23px;
	font-weight:800;
	border:none;
	letter-spacing:1px;
}
ul.diver_rel_kiji {
	padding: .5em 0 .5em .5em;
	border:none;
	list-style: none;
	margin:1em 0 0 0 !important;
}
ul.diver_rel_kiji li {
	line-height: 1.4em;
	font-size: 1em;
	border-bottom:none;
	padding:0 1em 0 0 ;
	margin: 0 0 1em 35px;
	list-style:disc;
}
ul.diver_rel_kiji li:before{
	display:none;
}
/*======================*/

/*プロフィールぽてこSNSボタン*/
.diver_widget_profile .snsbutton {
	text-align:center;
	margin:-10px 0 0 0;
}
.diver_widget_profile .snsbutton a {
	padding:5px 10px;
	font-size:12px;
	margin:10px 2px 0 0;
}

/* Diver ver.4.6対応 枠内のリンク下線を出す */
ul.diver_rel_kiji li a{
text-decoration: underline;
}