@charset "utf-8";

/*
 Theme Name: Gush4 LINK Custom
 Template: gush4
*/

.video-container {
	height: auto;
	padding: 0;
}
.video-container .hatenablogcard{
	width: 100%;
	height: 155px;
	position: static;
}
.embed-content .thumb-wrapper {
	left: 0!important;
	right: auto!important;
}

#toc_container li {
	text-indent: 0;
}
#toc_container li:before {
	content: none;
}

/* 20151015 watano edit */
/* 外観 */
body {
	background-color: #FFFEC6
}

/* 20151014 Ellora edit */
/* 記事タイトル上ボーダー */
.article-wrap:before {
	content: "";
	display: block;
	width: 100%;
	height: 3px;
	margin-bottom: 16px;
	background-color: #cc5d4c;
	background-image: -webkit-linear-gradient(left, #cc5d4c 25%, #c7d1af 25%);
	background-image: -moz-linear-gradient(left, #cc5d4c 25%, #c7d1af 25%);
	background-image: -o-linear-gradient(left, #cc5d4c 25%, #c7d1af 25%);
	background-image: -ms-linear-gradient(left, #cc5d4c 25%, #c7d1af 25%);
	background-image: linear-gradient(left, #cc5d4c 25%, #c7d1af 25%);
}

/* 本文見出し */
.article-inner h2 {
	font-size: 22px;
	margin: 48px -5px 24px;
	padding: 0.4em 0.4em 0.4em 1.4em;
	position: relative;
	border-bottom: 2px solid #cc5d4c;
}

.article-inner h2:before {
	content: "";
	position: absolute;
	background: #96b49c;
	top: 0;
	left: 0.4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
 
.article-inner h2:after {
	content: "";
	position: absolute;
	background: #c7d1af;
	top: 1em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
}

.article-inner h3 {
	font-size: 20px;
	border-bottom: 4px double #96b49c;
	margin: 40px 0 24px;
	padding: 0 0 0.4em 0.4em;
}

.article-inner h3:before {
	content: "\f046";
	color: #cc5d4c;
	font-family: FontAwesome;
	margin-right: 0.4em;
}

.article-inner h4 {
	font-size: 18px;
	border-bottom: 2px dotted #c7d1af;
	margin: 40px 0 24px;
	padding: 0 0 0.4em 0.4em;
}

/* サイドバー見出し */
#sub h2 {
	font-size: 20px;
	border-bottom: 2px solid #96b49c;
	color: #666;
	padding: 0 0 0.2em 0.2em;
	margin: 0 0 1em 0;
}

#sub h2:before {
	content: "\f0da";
	font-family: FontAwesome;
	color: #cc5d4c;
	margin-right: 0.4em;
}

/* Google カスタム検索 */
#cse-search-box input[type="text"] {
	padding: 0.2em 0.4em !important;
	border: 2px solid #c7d1af !important;
	font-size: 16px;
	width: 80%;
}

#cse-search-box input[type="submit"] {
	padding: 0.2em 0.4em;
	font-size: 16px;
	border: 1px solid #cc5d4c;
	background-color: #cc5d4c;
	cursor: pointer;
	color: #fff;
}

/* 記事コメント */
.comment-wrap {
	background-color: #fff;
	border: 2px solid #c7d1af;
	border-radius: 4px;
}

.comment-wrap a.comment-reply-link,
.comment-wrap input[type="submit"] {
	border: 1px solid #ff745f;
	background-color: #cc5d4c;
	box-shadow: 1px 1px 0 rgba(255,255,255,.2) inset;
	border-radius: 4px;
	cursor: pointer;
}

.comment-wrap a.comment-reply-link:hover,
.comment-wrap input[type="submit"]:hover {
	background-color: #cc5d4c;
	box-shadow: 1px 1px 0 rgba(255,255,255,.2) inset;
	opacity: 0.8;
}

/* 前の記事・次の記事 */
.prenex dt {
	color: #fff;
	background: #5b5847;
}

.prenex dd:hover {
	background: #fffec6;
}

/* フッター */
#footer {
	background: #96b49c
}

.footer-bottom {
	color: #fffec6;
	background: #5b5847;
	text-shadow: none;
}

/* PC追尾 */
#page-top a {
	background: #cc5d4c;
}

#page-top a:hover {
	background: #cc5d4c;
	opacity: 0.8;
}

/* スマホトップ・ホームボタン */
.top-home a {
	background: #cc5d4c;
	color: #fffec6;
}


/* タブレット */
@media screen and (min-width : 768px){

/* ヘッダーメニュー */
.pc-navi {
	border-top: 1px solid #cc5d4c;
	border-bottom: 1px solid #cc5d4c;
	border-collapse: collapse; 
	border-spacing: 0;
}
.pc-navi li {
	border: 1px solid #cc5d4c;
}
.pc-navi li:last-child {
	border-right: none;
}
.pc-navi li a {
	color: #5b5847;
}
.pc-navi li a:hover {
	background-color: #fffec6;
}

}/* タブレットここまで */


/* PC */
@media screen and (min-width : 1024px) {

/* ヘッダーメニュー */
.pc-navi li:first-child {
	border-left: 1px solid #cc5d4c;
}

.pc-navi li:last-child {
	border-right: 1px solid #cc5d4c;
}
/* メインコンテンツ枠 */
#main {
	border: 1px solid #96b49c;
	border-radius: 4px;
}

}/* PC ここまで */

/* 20151119フォンとサイズ変更 */
.article-inner {
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
}

/*--------------------------------------
  カテゴリー別広告枠
--------------------------------------*/
.home-middle-ad {
	margin: 32px 0; /* 上下・左右の外側余白 */
	width: 100%;
	background: #eee; /* 背景色 */
	padding: 32px 0; /* 上下・左右の内側余白 */
}

.hma-left,
.hma-right {
	width: 100%;
}

.hma-right {
	display: none; /* スマホでは非表示 */
}

.hma-inner {
	width: 300px; /* スマホはレクタングル中サイズ */
	height: 250px;
	margin: 0 auto; /* 広告中央寄せ */
}

/* ここからタブレット */
@media screen and (min-width : 768px){

.home-middle-ad {
	display: table; /* 横並び指定 */
	table-layout: fixed; /* 左右の広告を均等配置 */
}

.hma-left,
.hma-right {
	display: table-cell; /* 横並び指定 */
}

.hma-inner {
	width: 336px; /* タブレット・PCはレクタングル大サイズ */
	height: 280px;
}
}

/* 20160106 watano タイトル編集 */
/* h2 */
.article-inner h2:before {
background:none;
position:relative;
top:auto;
left:auto;
transform:none;
height:auto;
width:auto;
}

.article-inner h2:after {
background:none;
position:relative;
top:auto;
left:auto;
transform:none;
height:auto;
width:auto;
}

.article-inner h2 {
background:#C7D1AF;
border-radius:8px;
border-bottom:none;
}

/* h3 */
.article-inner h3:before {
content:"\f046";
color:#5B5847;
}
.article-inner h3 {
border-bottom:1px solid #5B5847;
}

/* h4 */
.article-inner h4 {
border-bottom:none;
border-left:5px solid #efefef;
padding: 0 0 0 15px;
}

/* 20160106 watano edit */
.article-inner .amazonjs_item ul > li:before {
    content: none;
}
.article-inner .amazonjs_item ul li {
    text-indent: 0;
    padding-left: 0;
}

.footer-bottom a {
	color: #FFFEC6;
	text-decoration: underline;
}

/* 20160313 回り込み回避 */
@media screen and (max-width : 480px){
.alignright,
.alignleft {
	display: block;
	float : none ;
	margin: 0 auto;
}
}

/*--------------------------------------
  20160413　ヨメレバ・カエレバ
--------------------------------------*/
/* 全体 */
.booklink-box,
.kaerebalink-box {
    border: double #ccc;
    width: 100%;
    margin: 2em auto;
    padding: 1em;
    vertical-align: top;
    border-radius:6px;
}
.booklink-box p {
    display: none;
}

/* 商品画像 */
.booklink-image,
.kaerebalink-image {
    margin: 0 0 1em;
}
.booklink-image img,
.kaerebalink-image img {
    display: block;
    margin: 0 auto;
}

/* 商品説明全体 */
.booklink-info,
.kaerebalink-info {
    margin: 0;
    vertical-align: top;
}

/* 商品名 */
.booklink-name,
.kaerebalink-name {
    font-size: 90%;
    margin-bottom: 1em;
    line-height: 1.5;
}

/* posted with */
.booklink-powered-date,
.kaerebalink-powered-date {
    background: #efefef;
    color: #888;
    font-size: 70%;
    line-height: 1;
    margin-top: 1.5em;
    padding: .5em 0 .5em 1em;
}
.booklink-powered-date a,
.kaerebalink-powered-date a {
    text-decoration: none;
}

/* 商品詳細 */
.booklink-detail,
.kaerebalink-detail {
    font-size: 90%;
    margin-bottom: 1em;
}

/* ショップリンク全体 */
.booklink-link2,
.kaerebalink-link1 {
    margin: 0;
}

/* ショップリンク共通 */
div[class^="shoplink"] {
    margin: 0 0 .5em 0;
}
div[class^="shoplink"] a {
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding: .8em 0;
    text-align: center;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    background: #f8f8f8;
}
div[class^="shoplink"] a:hover {
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .1) inset;
}
div[class^="shoplink"] img {
    display: block;
    margin-bottom: 0;
}

/* Amazon */
.shoplinkamazon a {
    background-color: #ffffff;
    color:#FF9901;
    border-radius:6px;
    border:1px solid #dcdcdc;
}

/* Kindle */
.shoplinkkindle a {
    background-color: #007dcd;
    border: 1px solid #007dcd;
}

/* 楽天 */
.shoplinkrakuten a {
   background-color: #ffffff;
    color:#c20004;
    border-radius:6px;
    border:1px solid #dcdcdc;
 }

/* Yahoo! */
.shoplinkyahoo a {
    background-color: #ffffff;
    color:#7b0099;
    border-radius:6px;
    border:1px solid #dcdcdc;
}

/* ベルメゾン */
.shoplinkbellemaison a {
   background-color: #ffffff;
    color:#c20004;
    border-radius:6px;
    border:1px solid #dcdcdc;
}

/* フッタークリア */
.booklink-footer {
    clear: left;
}

/*--------------------------------------
  ヨメレバ・カエレバ 768px
--------------------------------------*/
@media screen and (min-width : 768px){
/* 全体 */
/*.booklink-box,
.kaerebalink-box {
    display: table;
    padding: 1em 0;
}*/

/* 商品画像 */
.booklink-image,
.kaerebalink-image {
    float: left;
    margin: 0 1.5em 0 0;
}

/* 商品説明全体 */
.booklink-info,
.kaerebalink-info {
    overflow: hidden;
}

/* posted with */
.booklink-powered-date,
.kaerebalink-powered-date {
    padding: .5em 1em .5em 0;
    text-align: right;
}

/* 商品詳細 */
.booklink-detail,
.kaerebalink-detail {
    margin-bottom: 2em;
}

/* ショップリンク共通 */
div[class^="shoplink"] {
    display: inline-block;
    margin: 0 .5em .5em 0;
    width: 31%;
}
div[class^="shoplink"]:nth-child(3n) {
    margin: 0 0 .5em 0;
}
div[class^="shoplink"] a {
    font-size: 15px;
}
}

/*--------------------------------------
  ヨメレバ・カエレバ 1024px
--------------------------------------*/
@media screen and (min-width : 1024px){
/* ショップリンク共通 */
div[class^="shoplink"] {
    margin: 0 .5em .5em 0;
    width: 48%;
}
div[class^="shoplink"]:nth-child(even) {
    margin: 0 0 .5em 0;
}
}

.sankou {
    background-color: #474747;
    color: #ffffff;
    padding: 0.5em;
}

/*--------------------------------------
  記事内画像
--------------------------------------*/
.article-inner img {
	margin-bottom: 2.2em;
	border: 2px solid #ddd;
}