@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

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


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


/*======================
吹き出し
======================*/
.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 {
	height:80px;
	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;
	height: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: solid 1px #FFF!important;
	border-bottom: solid 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:none!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: none;
	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:none;
}
.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:none;
	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: 1px 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: none;
}

/* TOP img のロゴ55を大きくマージン0.5、padding0.3を小さく */
#logo img ,.logo img{
    height: 65px;
    width: auto;
    vertical-align: middle;
    margin: .4em 0;
    padding: .1em 0;
    object-fit: contain;
}