/*! 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. )
*/

/*記事一覧タイトル*/
div[id^="tile-"] h2, div[id^="card-"] h2 {
    color: #555;
    font-weight: bolder;
    padding-top: 3px;
    padding-right: 13px;
    padding-bottom: 25px;
    padding-left: 13px;
    margin: 0px;
    font-size: 18px;
}
@media only screen and (max-width:575px){
div[id^="tile-"] h2, div[id^="card-"] h2 {
    font-size: 17px;
}}
.entry-title a {
    display: block;
    word-break: break-all;
}
/*記事一覧の日付*/
.meta, .post .meta {
    border-top: 0px;
    padding-top: 13px;
    padding-right: 13px;
    padding-bottom: 0px;
    padding-left: 13px;
    color: #b5b5b5;
    font-weight: bolder;
}
/*記事一覧のカテゴリー*/
span.tags a {
 color: #b5b5b5;
 font-weight: bold;
 text-decoration: none;
}
span.tags a:hover {
 color: #dc143c;
}
#list span.category {
 text-align: center;
 position: absolute;
 top: 13px;
 left: 13px;
 height: 22px;
 border-radius: 14px;
 background: #1bb4d3;
 font-size: 11px;
 padding: 0 10px;
 line-height: 22px;
 vertical-align: middle;
 transition: .3s;
 color: #fff;
}
#list span.category a{
 color: #fff;
 font-weight: bold;
 text-decoration: none;
}
#list .fa-folder:before {
 content: none;
}
#list span.category:hover {
 background-color:silver;
}
/*記事一覧アイキャッチサイズ*/
#list .term img {
    margin-bottom: 0px;
    border-radius: 2px 2px 0px 0px;
    padding: 0px;
}
#list div[id^="tile-"] .term img, #list div[id^="card-"] .term img {
    max-width: 575px;
    width: 100%;
}
/*記事一覧ボックス形状*/
div[id^="tile-"] 
.toc:not(#bottom-area):not(.posts-list-middle-widget):not(#bottom-area):not(.posts-list-under-widget) {
    padding: 0px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .13);
    border: none;
    transition: .3s;
}
div[id^="tile-"] .toc:not(#bottom-area):not(.posts-list-middle-widget):not(#bottom-area):not(.posts-list-under-widget):hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.25);
    transform: translateY(-5px);
}
/*記事一覧の日付余白*/
div[id^=tile-] .meta {
    margin-bottom: 5px;
}
/*カレンダーアイコン*/
.fa-calendar:before {
    content: "\f017";
    font-size: 115%;
}
/* コンテンツ間余白 */
@media only screen and (min-width:576px){
.container {
    padding: 0 0px;
}}
@media only screen and (max-width:575px){
.container {
    padding: 0 10px;
}}
@media print, (max-width: 991px){
.grid {
    margin: 0px -10px 20px -10px;
}}

/* カエレバ・ヨメレバ （レスポンシブver.2.3） */
.booklink-box, .kaerebalink-box{
	width:78%;
	margin: 1em 0 1em;
	padding:3% 8%;
	border: 1px dashed #BDBDBD;
	overflow: hidden;
	font-size:small;
}
.booklink-image, .kaerebalink-image{
	margin:15px 0 15px 0;
    text-align: center;	
}
.booklink-image img, .kaerebalink-image img{
	display:block;
	margin:0 auto;
	text-align:center;
}
.booklink-info, .kaerebalink-info{
	text-align:center;
	line-height:120%;
	overflow: hidden;
}
.booklink-name, .kaerebalink-name{
	font-size:15px;
	margin-bottom:5px;
	line-height:1.2em;
}
.booklink-powered-date, .kaerebalink-powered-date{
	font-size:8pt;
　　margin-top:10px;
	line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail{
    font-size:8pt;
	margin-bottom:3px;
}
.booklink-link2, .kaerebalink-link1{
	margin-bottom:3px;
}
.kaerebalink-link1 img, .booklink-link2 img{
	display:none;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkrakukobo, .shoplinkyahoo, .shoplinkseven, .shoplinkbellemaison, .shoplinkcecile, .shoplinkkakakucom, .shoplinkbk1, .shoplinkehon, .shoplinkkino, .shoplinktoshokan{
	width:100%;	
	}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkkindle a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkseven a, .shoplinkbellemaison a, .shoplinkcecile a, .shoplinkkakakucom a, .shoplinkbk1 a, .shoplinkehon a, .shoplinkkino a,  .shoplinktoshokan a{    
    display:inline-block;
    float:left;
    width:95%;	
    overflow:hidden;
    border-radius:6px;
	border:1px solid #dcdcdc;
	margin:5px  5px 0 5px;
	padding:10px 0px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
	font-weight:bold;
	text-shadow:1px 1px 1px #dcdcdc;
	font-size:12px;   
	background-color:#ffffff;
}
.shoplinkamazon a:hover, .shoplinkrakuten a:hover, .shoplinkkindle a:hover, .shoplinkrakukobo a:hover, .shoplinkyahoo a:hover, .shoplinkseven a:hover, .shoplinkbellemaison a:hover, .shoplinkcecile a:hover, .shoplinkkakakucom a:hover, .shoplinkbk1 a:hover, .shoplinkehon a:hover, .shoplinkkino a:hover,  .shoplinktoshokan a:hover{
	color:#fff;
}	
.shoplinkamazon a{
	color:#ff9900;
}
.shoplinkamazon a:hover{
	background-color:#ff9900;
}
.shoplinkrakuten a{
	color:#bf0000;
}
.shoplinkrakuten a:hover{
	background-color:#bf0000;
}
.shoplinkkindle a{
	color:#1a8dcc;	
}
.shoplinkkindle a:hover{
	background-color:#1a8dcc;	
}
.shoplinkrakukobo a{
	color:#d50000;	
}
.shoplinkrakukobo a:hover{
	background-color:#d50000;	
}
.shoplinkyahoo a{
	color:#ff0033;
	font-size:10px;
 } 
.shoplinkyahoo a:hover{
	background-color:#ff0033;
 }  
.shoplinkseven a{
	color:#ff6501;
}
.shoplinkseven a:hover{
	background-color:#ff6501;
}
.shoplinkbellemaison a{
	color:#84be24;
 } 
.shoplinkbellemaison a:hover{
	background-color:#84be24;
 } 
.shoplinkcecile a{
	color:#8d124b;
 } 
.shoplinkcecile a:hover{
	background-color:#8d124b;
 }
.shoplinkkakakucom a{
	color:#051D93;
 } 
.shoplinkkakakucom a:hover{
	background-color:#051D93;
 } 
.shoplinkbk1 a{
	color:#0786cb;
 }
.shoplinkbk1 a:hover{
	background-color:#0786cb;
 }
.shoplinkehon a{
	color:#000066;
 }
.shoplinkehon a:hover{
	background-color:#000066;
 }
.shoplinkkino a{
	color:#003e92;
 }
.shoplinkkino a:hover{
	background-color:#003e92;
 }
.shoplinktoshokan a{
	color:#212121;
 }
.shoplinktoshokan a:hover{
	background-color:#212121;
 }
.booklink-footer{
	display: none;
	}
@media screen and (min-width: 600px) {
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkkindle a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkseven a, .shoplinkbellemaison a, .shoplinkcecile a, .shoplinkkakakucom a, .shoplinkbk1 a, .shoplinkehon a, .shoplinkkino a,  .shoplinktoshokan a{    
    display:inline-block;
    float:left;
    width:45%;	
    overflow:hidden;
}
    }


/*　見出し */

.post h2 {
padding: 0.5em;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}

.post h3 {
border-left: solid 0px;
border-bottom: double 5px #FFC778;
/*線の種類（二重線）太さ 色*/
}
/* ---ボックス--- */
.box29 {
    margin: 2em 0;
    background: #ffefe5;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #ff8b8b;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}

/* --- ボタン --- */
.square_btn{
   position: relative;
   display: inline-block;
   font-weight: bold;
   padding: 0.25em 0;
   text-decoration: none;
   color: #67c5ff;   
}

.square_btn:before{
   position: absolute;
   content: '';
   width: 100%;
   height: 4px;
   top:100%;
   left: 0;
   border-radius: 3px;
   background:#67c5ff;
   transition: .2s;
}

.square_btn:hover:before {
    top: -webkit-calc(100% - 3px);
    top: calc(100% - 3px);
}

/*グローバルナビ太文字*/
#nav, #gnavi ul, #gnavi li a, .mobile-nav {
    font-weight: bold;
}
/*グローバルナビ下の影*/
#nav {
    box-shadow: 0 4px 6px rgba(0, 0, 0, .18);
}

/* グローバルナビアニメーション */
#gnavi li a:after {
	content: '';
	width: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #fff;
	display: block;
}
#gnavi li a:hover:after {
	width: 100%;
	border-bottom: 3px solid #fff;
}
#gnavi li:hover a span {
    border: 0;
}

/* アプリーチ */
 .appreach{ border:3px solid #eee;/*ボーダー色*/ } .appreach{ text-align: left; padding: 25px; margin:20px; border-radius:2px; overflow: hidden; } .appreach:after { content: ""; display: block; clear: both; } .appreach img, .appreach p { margin: 0; padding: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; } p.appreach__name { font-size: 16px; color:#555; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#888; } .appreach__info a{ color:#aaa; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 15px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } @media only screen and (max-width: 786px){ .appreach{ margin:20px 0;} .appreach__info { font-size: 11px !important;} p.appreach__name { font-size: 15px;}} 

/*インスタ中央ぞろえ*/
.insta-center{margin:0 auto;max-width: 78%;}

/*twitter中央ぞろえ*/
.twitter-tweet{
	margin: 0 auto;
}
/* 一覧スマホ用 */
@media screen and (max-width:575px){
#list div[id^=tile-] section {
    display: table;
}}
@media screen and (max-width:575px){
#list div[id^=tile-] figure.term {
    display: table-cell;
    vertical-align: top;
}}
@media screen and (max-width: 575px){
#list div[id^=tile-] h2, div[id^=card-] h2 {
    font-size: 15px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 2%;
}}
@media screen and (max-width: 575px){
#list div[id^=tile-] span.category {
    top: 15px;
    left: 10px;
    height: 16px;
    border-radius: 0px;
    font-size: 10px;
    padding: 0 5px;
    line-height: 16px;
}}
@media screen and (max-width: 575px){
#list div[id^=tile-] .term img {
    width: 170px;
    height: 130px;
    object-fit: cover;
    margin: 0;
    padding: 15px 0 15px 10px
}}
@media screen and (max-width: 575px){
#list div[id^=tile-] .meta {
    margin: 0;
    padding: 0;
    font-size: 14px;
}}
@media screen and (max-width: 575px){
#list div[id^=tile-] .toc {
    margin: 0 0 15px;
}}
@media screen and (max-width: 575px){
#list div[id^=tile-] span.date {
    position: absolute;
    bottom: 3px;
    right: 8px;
}}
@media screen and (max-width: 575px){
#list div[id^=tile-] .meta i:first-child {
    position: absolute;
    bottom: 6px;
    right: 86px;
}}
@media screen and (max-width: 575px){
#list div[id^=tile-] i.fa.fa-tags, #list span.tags, #list i.fa.fa-folder {
    display: none;
}} 

/* 検索結果 */
@media screen and (max-width: 575px){
#list .term img {
    margin-bottom: 5px;
}}
@media screen and (max-width: 575px){
.toc.grid.clearfix {
    padding: 15px 7px 0 7px;
}}
@media screen and (max-width: 575px){
.toc.grid.clearfix:first-child {
    padding: 15px 7px;
}}
@media screen and (max-width: 575px){
.meta, .post .meta {
    margin-bottom: 15px;
}}
@media screen and (max-width: 575px){
#section .grid #list-title {
    margin: 0;
    font-size: 20px;
}}

/*アプリーチ*/
 .appreach{ border:3px solid #eee;/*ボーダー色*/ } .appreach{ text-align: left; padding: 25px; margin:20px; border-radius:2px; overflow: hidden; } .appreach:after { content: ""; display: block; clear: both; } .appreach img, .appreach p { margin: 0; padding: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; } p.appreach__name { font-size: 16px; color:#555; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#888; } .appreach__info a{ color:#aaa; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 15px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } @media only screen and (max-width: 786px){ .appreach{ margin:20px 0;} .appreach__info { font-size: 11px !important;} p.appreach__name { font-size: 15px;}}