/*! Luxeritas Child CSS */
/* Luxeritas WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link https://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: Luxeritas Child Theme
 *   Template: luxeritas
 *   Text Domain: luxech
 *   Theme URI: https://thk.kanzae.net/wp/
 *   Description: SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap
 *   Author: LunaNuko
 *   Author URI: https://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Since: 20151206
 *   Modify: 20170922
 *   Version: 2.00
 *   Template Version: 2
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
*/

/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
*/

#side h3, #col3 h3, #side h4, #col3 h4{
    border-bottom: 1px dotted #333;}        


.post h2{
    border-left: 0 none;
    background-color: #f5d5da;
    border-radius: 5px;
    color: #550000;
    padding: 10px 10px 10px 60px;
    position: relative;
   }
.post h2{
position: relative;
background: #fa8072;
box-shadow: 0px 0px 0px 5px #fa8072;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #ffffff;
}

.post h2:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color:#fff #fff #b22222;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.post h3{
font-size: 1.2em;/* 文字の大きさ */
font-weight: bold;/* 文字の太さ */
color: #550000;/* 文字の色 */
border-left: 7px solid #E07C7D;/* 文字左の点線の太さ・種類・カラー */
border-bottom: 2px dashed #E07C7D;/* 文字下の点線の太さ・種類・カラー */
margin: 0 0 1.5em;
padding: 0.2em 0.8em;
}
.post h4{
    border-left: 0 none;
    color: #fa8072;
    padding: 5px 5px 5px 30px;
    position: relative;
}
.post h4:before{
    background-color: #fa8072;
    border-radius: 5px;
    content: '';
    position: absolute;
    top: 0;
    left: 3px;
    width: 5px;
    height: 100%;
}
.post h4:after{
    background-color: #f3cbd0;
    border-radius: 5px;
    content: '';
    position: absolute;
    top: 0;
    left: 12px;
    width: 5px;
    height: 100%;
}
div[class$=-w] ul[class*=sns] li a{
    background: none;
    border: none;
}
.sns-w .snsb li a:hover, .snsi-w .snsib li a:hover {
    background: none;
    opacity: 1;
}
.sns-w .snsb .twitter a, .snsi-w .snsib .twitter a {
    border: 1px solid #55acee;
}
.sns-w .snsb .twitter a:hover, .snsi-w .snsib .twitter a:hover {
    background-color: #55acee;
    color: #fff;
}
.sns-w .snsb .facebook a, .snsi-w .snsib .facebook a {
    border: 1px solid #3b5998;
}
.snsi-w .facebook-count {
    color: #3b5998;
}
.sns-w .snsb .facebook a:hover, .snsi-w .snsib .facebook a:hover {
    background-color: #3b5998;
    color: #fff;
}
.snsi-w .snsib .facebook a:hover>.facebook-count {
    color: #fff;
    transition: all .3s ease-in-out;
}
.sns-w .snsb .google a, .snsi-w .snsib .google a {
    border: 1px solid #dd4b39;
}
.snsi-w .google-count {
    color: #dd4b39;
}
.sns-w .snsb .google a:hover, .snsi-w .snsib .google a:hover {
    background-color: #dd4b39;
    color: #fff;
}
.snsi-w .snsib .google a:hover>.google-count {
    color: #fff;
    transition: all .3s ease-in-out;
}
.sns-w .snsb .hatena a, .snsi-w .snsib .hatena a {
    border: 1px solid #3c7dd1;
}
.snsi-w .hatena-count {
    color: #3c7dd1;
}
.sns-w .snsb .hatena a:hover, .snsi-w .snsib .hatena a:hover {
    background-color: #3c7dd1;
    color: #fff;
}
.snsi-w .snsib .hatena a:hover>.hatena-count {
    color: #fff;
    transition: all .3s ease-in-out;
}
.sns-w .snsb .pocket a, .snsi-w .snsib .pocket a {
    border: 1px solid #ee4257;
}
.snsi-w .pocket-count {
    color: #ee4257;
}
.sns-w .snsb .pocket a:hover, .snsi-w .snsib .pocket a:hover {
    background-color: #ee4257;
    color: #fff;
}
.snsi-w .snsib .pocket a:hover>.pocket-count {
    color: #fff;
    transition: all .3s ease-in-out;
}
.sns-w .snsb .line a, .snsi-w .snsib .line a {
    border: 1px solid #00c300;
}
.sns-w .snsb .line a:hover, .snsi-w .snsib .line a:hover {
    background-color: #00c300;
    color: #fff;
}
.sns-w .snsb .feedly a, .snsi-w .snsib .feedly a {
    border: 1px solid #87bd33;
}
.snsi-w .feedly-count {
    color: #87bd33;
}
.sns-w .snsb .feedly a:hover, .snsi-w .snsib .feedly a:hover {
    background-color: #87bd33;
    color: #fff;
}
.snsi-w .snsib .feedly a:hover>.feedly-count {
    color: #fff;
    transition: all .3s ease-in-out;
}
/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
.booklink-box, .kaerebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{
    width: 100px !important;
    min-width: initial;
}
.booklink-name > a, .kaerebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:calc(100% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin: 2px 0px;
    padding:10px 0px;
}
}
/*枠　角に円形*/
.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}
/*枠　付箋風*/
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border-left: solid 10px #ffc06e;
}
.box8 p {
    margin: 0; 
    padding: 0;
}
/* プロフィールウィジェット */
.widget-profile {
    max-width: 336px; /* サイドバーの横幅*/
    margin: auto;
    padding-top: 170px; /* プロフィール画像の縦サイズより長く */
    background: url(http://rakukazi.net/wp/wp-content/uploads/2018/03/敬礼する主婦　143×158.jpg) top center no-repeat; /* 画像URL */
}
.widget-profile ul {
    width: 200px; /* 文字の長さに応じて */
    margin: auto;
    padding-left:0px; /* 横幅との調整に */
}
#sidebar .widget-profile ul.self-info li {
    line-height:1.6em; /* 行間を指定する場合*/
    list-style-type:disc; /* リスト表示をしない場合は none */
}
/*-- 人気記事デザイン --*/
ul.wpp-list li {
    border-bottom: 1px dashed #79c06e;/*記事間の点線と色*/
    position: relative;/*相対位置*/
}
 
ul.wpp-list li img {/*アイキャッチ画像*/
    margin: 10px 10px 10px 0px;/*画像の余白*/
    padding: 3px;/*画像の位置*/
}
 
ul.wpp-list li a.wpp-post-title {/*記事タイトル*/
    display: block;/*ブロック形式で表示*/
    font-size: 15px;/*文字サイズ*/
    color: #333;/*文字色*/
    padding: 12px;/*タイトル位置*/
    text-decoration: none;/*タイトルの下線なし*/
}
 
ul.wpp-list li a.wpp-post-title:hover {
    color: #4169e1;/*ホバー時のタイトル色*/
}
/*------------------------------------------------------------
 ライン風の吹き出し
-------------------------------------------------------------*/
.balloon {
	margin-bottom: 40px;
}
.balloon figure {
	width: 60px;
	height: 60px;
}
.balloon-img-left {
	float: left;
}
.balloon-img-right {
	float: right;
}
.balloon-img-left figure {
	margin: 0 auto 0 0;
}
.balloon-img-right figure {
	margin: 0 0 0 auto;
}
.balloon img {
	width: 100%;
	height: 100%;
	margin: 0;
}
.balloon-img-caption {
	padding: 5px 0 0;
	white-space: nowrap;
	font-size: 12px;
}
div[class^="balloon-"] {
	padding: 10px;
	position: relative;
	border-radius: 12px;
}
div[class^="balloon-img"] {
	padding: 0;
	text-align: center;
}
div[class^="balloon-left"] {
	margin-left: 80px;
}
div[class^="balloon-right"] {
	margin-right: 80px;
}
.balloon p {
	margin: 0 0 20px;
}
.balloon p:last-child {
	margin-bottom: 0;
}
div[class^="balloon-left-"]::before,
div[class^="balloon-right-"]::before,
div[class^="balloon-left-"]::after,
div[class^="balloon-right-"]::after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	top: 12px;
}
div[class^="balloon-left-"]::before,
div[class^="balloon-left-"]::after {
	left: -20px;
}
div[class^="balloon-right-"]::before,
div[class^="balloon-right-"]::after {
	right: -20px;
}
div.balloon::after, div.balloon::before {
	clear: both;
	content: '';
	display: block;
}

/* 吹き出しの背景色 (左) */
div.balloon-left-line {
	background: #e4e8eb;
}
div.balloon-left-line::before,
div.balloon-left-line::after {
	border-right: 12px solid #e4e8eb;
}

/* 吹き出しの背景色 (右) */
div.balloon-right-line {
	background: #bef18c;
}
div.balloon-right-line::before,
div.balloon-right-line::after {
	border-left: 12px solid #bef18c;
}

/* カルーセルスライダー */
p.swiper-title{
    height: 78px !important;
    padding: 0px 5px !important;
    color: #333 !important;
    background: #ffffff !important;
    border-radius: 0 0 2px 2px;
}
.swiper-slide{
    align-items: flex-start !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.13);
    transition: .3s;
}
a.swiper-slide {
    border: none;
    background: none !important;
}
.swiper-slide:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.25);
    transform: translateY(-3px);
}
a.swiper-slide img{
    height: 120px;
    border-radius: 2px 2px 0px 0px;
}
.swiper-container {
    padding: 3px 0 40px 0;
}