@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*--------------------------------------
  自作ショップリンク用css
--------------------------------------*/
.booklink-box, .orglink-box {
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    padding: 10px 10px 10px 10px;
    width: 100%;
    margin: 0 auto 1px;
    border: 3px solid #dfdfdf;
    box-sizing: border-box;
    text-align: left;
    background-color: #ffffff
}
.booklink-image, .orgcstmshoplink-image {
    width: 100%;
    margin: 0 0 0 0;
}
.booklink-image img, .orgcstmshoplink-image img {}
.booklink-info, .orgcstmshoplink-info {
    line-height: 125%;
    width: 100%;
}
.booklink-name, .orgcstmshoplink-name {
    margin: 0 0 4px 0;
}
.booklink-name a, .orgcstmshoplink-name a {
    color: #0066cc;
    text-decoration: underline;
    float: left;
}
.booklink-name > a, .orgcstmshoplink-name > a {
    font-size: 16px;
}
.booklink-name a:hover, .orgcstmshoplink-name a:hover {
    color: #FF9900;
}
.booklink-powered-date, .orgcstmshoplink-setumei {
     clear:left;
     font-size: 12px;
}
.booklink-detail, .orgcstmshoplink-detail {
    color: #333333;
    font-size: 10px;
    margin: 0 0 3px 0;
}
.booklink-link2, .orgcstmshoplink-link1 {}
.booklink-link2 a, .orgcstmshoplink-link1 a, .orgcstmshoplink-link2 a{
    width: 90%;
    display: block;
    margin: 0px auto 1px;
    padding: 10px 1px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 2px 2px 1px #dcdcdc;
}
.booklink-link2 > div, .orgcstmshoplink-link1 > div, .orgcstmshoplink-link2 > div{
    display: inline; !important;
}


.booklink-link2 a:hover, .orgcstmshoplink-link1 a:hover, .orgcstmshoplink-link2 a:hover {
    opacity: 0.6;
}

@media screen and (min-width: 800px) {

.booklink-box, .orglink-box {
    text-align: left;
    display: table;
}
.booklink-image, .orgcstmshoplink-image {
    vertical-align: top;
    box-sizing: border-box;
    display: table-cell;
    width: 130px;
    text-align: center;
    margin: 0;
}
.booklink-image img, .orgcstmshoplink-image img {
    max-width: 100%
}
.booklink-info, .orgcstmshoplink-info {
    line-height: 125%;
    vertical-align: top;
    box-sizing: border-box;
    display: table-cell;
    padding-left: 25px;
    width: auto;
}
.booklink-name, .orgcstmshoplink-name {
    margin: 0 0 4px 0;
}
.booklink-name > a, .orgcstmshoplink-name > a {
    font-size: 16px;
}
.booklink-powered-date, .orgcstmshoplink-setumei {
    margin: 6px 0 0 0;
}
.booklink-detail, .orgcstmshoplink-detail {
    margin: 0 15px 0 0;
}
.booklink-link2 a, .orgcstmshoplink-link1 a, .orgcstmshoplink-link2 a{
    width: auto;
    text-align: center;
    margin: none;
}
.booklink-link2 > div, .orgcstmshoplink-link1 > div {
    width: 33.33%;
    padding: 0 5px 5px 0;
    box-sizing: border-box;
    float: left;
}
.orgcstmshoplink-link2 > div {
    width: 90%;
    padding: 0 5px 5px 0;
    box-sizing: border-box;
    float: left;
}
}
.shoplinkamazon a {
    white-space: nowrap
    color: #ffffff;
    background: #ff9901;
    border: 2px solid #ff9901;
}
.shoplinkrakuten a {
    color: #ffffff;
    background: #bf0000;
    border: 2px solid #bf0000;
}
.shoplinksonota a {
    color: #ffffff;
    background: #0074c1;
    border: 2px solid #0074c1;
}
.shoplinksonota2 a {
    color: #ffffff;
    background: #16B900;
    border: 2px solid #16B900;
}
/*--------------------------------------
  stinger5のスタイルコピー部分css
--------------------------------------*/
.ymarker {
	background:#FFF9C4;
	padding:0 2px;
}

.rmarker {
	background:#ffcdd2;
	padding:0 2px;
}

.yellowbox {
	padding:20px;
	border:solid 1px #fffacd;
	background-color:#ffffe0;
	margin-bottom:20px;
}

.redbox {
	padding:20px;
	border:solid 1px #ef5350;
	background-color:#ffebee;
	margin-bottom:20px;
}

.graybox {
	padding:20px;
	border:solid 1px #ccc;
	background-color:#f3f3f3;
	margin-bottom:20px;
}
.post .yellowbox p:last-child,
.post .yellowbox ol:last-child,
.post .yellowbox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.post .graybox p:last-child,
.post .graybox ol:last-child,
.post .graybox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.post .redbox p:last-child,
.post .redbox ol:last-child,
.post .redbox ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}
.inyoumodoki {
	background-color: #f3f3f3;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}


.post .inyoumodoki p:last-child,
.post .inyoumodoki ol:last-child,
.post .inyoumodoki ul:last-child {
	margin-bottom:0;
	padding-bottom:0;
}

.sankou {
	font-size:11px;
	background-color:#F57C00;
	color:#fff;
	padding:2px 3px;
	margin:0 5px;
}
/************************************
** 折り畳みアーカイブウィジェット
************************************/
.widget_archive a.year{
  cursor: pointer;
  text-decoration: underline;
}

.widget_archive .years ul {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  margin: 0;
  margin-bottom: 1em;
}

#sidebar .widget_archive ul.years li{
  margin-bottom: 0;
}

.widget_archive ul.years .hide {
  margin: 0;
  height: 0;
  opacity: 0;
  visibility: hidden;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}