@import url(https://fonts.googleapis.com/css?family=Walter+Turncoat);
@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);

@charset "utf-8";
/*
Template: jstork
Theme Name: stork_custom
Theme URI:http://open-cage.com/stork/
*/

/*-----カエレバカスタマイズここから-----*/
/*ボックス全体*/
.kaerebalink-box {
  background-color:#fff1f5;/*背景色*/
  padding:20px 20px 10px !important; 
  margin-bottom:40px;
  border:2px dashed #d8b1ff; /*ステッチ風ボーダー色*/
  border-radius:5px;
  box-shadow:0 0 0 4px #fff1f5, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
 
/*商品名*/
.kaerebalink-name a {
  font-size:16px;
  line-height:22px;
  font-weight:bold;
}
 
/*クレジット表記部分*/
.kaerebalink-powered-date a {
  font-size:8px;
}
 
/*Amazonボタン*/
.shoplinkamazon a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background-color:#d8b1ff; /*ボタン背景色*/
  box-shadow: 0 3px 0 #bf7eff; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/	
.shoplinkamazon a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #bf7eff; /*ボタンの影と同じ色*/
}
 
/*楽天ボタン*/
.shoplinkrakuten a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#d8b1ff; /*ボタン背景色*/
  box-shadow: 0 3px 0 #bf7eff; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/	
.shoplinkrakuten a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #bf7eff; /*ボタンの影と同じ色*/
}
 
/*Yahooショッピングボタン*/
.shoplinkyahoo a {
  width:31%;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#d8b1ff; /*ボタン背景色*/
  box-shadow: 0 3px 0 #bf7eff; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/	
.shoplinkyahoo a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #bf7eff; /*ボタンの影と同じ色*/
}
 
/*タブレット・スマホ*/
@media print, screen and (max-width:1100px) {
.kaerebalink-image {
  width:40%;
}
	
.shoplinkamazon a {
  width:100%;
}
	
.shoplinkrakuten a {
  width:100%;
}
 
.shoplinkyahoo a {
  width:100%;
}	
}
/*-----カエレバカスタマイズここまで-----*/



body {
font-family: 'Sawarabi Gothic', sans-serif;
}

.gf {
font-family: 'Walter Turncoat', cursive;
}
/* ページネーション */
.pagination a, .pagination span{
padding: 8px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
@media only screen and (max-width: 767px){
.pagination a, .pagination span{
padding: 9px 14px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
}
}
/*LINE風プロフィール*/
.sidebar-profile {
width: 90%;
font-size: .9em;
background-image: url("https://kirakira.work/wp-content/uploads/2018/03/pro.jpg");
background-repeat: no-repeat;
background-size: 100% auto;
padding: 33% .5em 2em .5em;
margin: 1em 1em 1em 1em;
box-shadow: 0 2px 5px rgba(0,0,0,.13);
}
/*横幅が400px以上ある端末でのサイズ*/
@media only screen and (min-width: 400px){
.sidebar-profile {
width: 320px;
padding: 33% .5em 2em .5em;
}
}
.profile-center{
   text-align: center;
}
/*プロフィール画像を丸くする*/
.profileimg{
width: 40%;
border-radius: 100px;
}
/*名前*/
.profile-name{
font-size: 1.2em;
font-weight: bold;
}
/*「詳しいプロフィールを見る」まわり*/
.profile-center.more{
margin: 1em 1em 2em;
}
.profile-center.more:before{
font-family:"FontAwesome";
content:"\f138";
color: #c4e4f5;
padding-right: 1em;
}
/*SNSアイコンリスト*/
ul.sns-follow {
text-align: center;
}
ul.sns-follow li{
display: inline-block;
height: 45px;
vertical-align: middle !important;
margin-bottom: 0;
}
ul.sns-follow li a {
display: block;
width: 45px;
height: 45px;
border-radius: 50px;
color: #FFFFFF;
}
ul.sns-follow a:hover {
opacity: 0.6;
color: #FFFFFF;
filter: alpha(opacity=60);
-ms-filter: "alpha(opacity=60)";
}
/*Twitterボタン*/
ul.sns-follow li.twitter-btn a{
background: rgba(29,161,242,0.7);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
line-height: 55px;
}
/*Facebookボタン*/
ul.sns-follow li.facebook-btn a{
background: rgba(59,89,153,0.7);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
line-height: 55px;
}
/*Instagramボタン*/
ul.sns-follow li.instagram-btn a{
background: rgba(241,63,121,0.7);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
line-height: 55px;
}
/*YouTubeボタン*/
ul.sns-follow li.youtube-btn a{
background: rgba(205,32,31,0.7);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
line-height: 55px;
}
/*はてなブックマークボタン*/
ul.sns-follow li.hatena-btn a{
background: rgba(0,143,222,0.7);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
padding-top: 5px;
font-weight: bold;
}
/*Feedlyボタン*/
ul.sns-follow li.feed-btn a{
background: rgba(108,198,85,0.7);
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
line-height: 55px;
}

/*-----ヨメレバカスタマイズここから-----*/
/*ボックス全体*/
.booklink-box {
  background-color:#fff1f5;/*背景色*/
  padding:20px 20px 10px !important; 
  margin-bottom:40px;
  border:2px dashed #d8b1ff; /*ステッチ風ボーダー色*/
  border-radius:5px;
  box-shadow:0 0 0 4px #fff1f5, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
 
/*商品名*/
.booklink-name a {
  font-size:16px;
  line-height:22px;
  font-weight:bold;
}
 
/*クレジット表記部分*/
.booklink-powered-date a {
  font-size:8px;
}
 
/*Amazonボタン*/
.shoplinkamazon a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background-color:#d8b1ff; /*ボタン背景色*/
  box-shadow: 0 3px 0 #bf7eff; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/	
.shoplinkamazon a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #bf7eff; /*ボタンの影と同じ色*/
}
 
/*楽天ボタン*/
.shoplinkrakuten a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#d8b1ff; /*ボタン背景色*/
  box-shadow: 0 3px 0 #bf7eff; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/	
.shoplinkrakuten a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #bf7eff; /*ボタンの影と同じ色*/
}
 
/*Kindleボタン*/
.shoplinkkindle a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#d8b1ff; /*ボタン背景色*/
  box-shadow: 0 3px 0 #bf7eff; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/	
.shoplinkkindle a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #bf7eff; /*ボタンの影と同じ色*/
}
 
/*タブレット・スマホ*/
@media print, screen and (max-width:1100px) {
.kaerebalink-image {
  width:40%;
}
	
.shoplinkamazon a {
  width:100%;
}
	
.shoplinkrakuten a {
  width:100%;
}
 
.shoplinkkindle a {
  width:100%;
}	
}
/*-----ヨメレバカスタマイズここまで-----*/

/* ワンポイントBOX3 */
.point-box3 {
    position: relative;
    margin: 15px 10px;
    padding: 20px 25px 5px;
    box-sizing: border-box;
    border: solid 2px #ffb270;
}
.point-box3:before{
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 9px;
    width: 40px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f005";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #ffb270;
}
.point-box3:after{
    position: absolute;
    content: '';
    top: -8px;
    left: 49px;
    border: none;
    border-bottom: solid 8px #f08e6b;
    border-right: solid 9px transparent;
}
.point-box3 p {
    position: relative;
    padding: 0;
    margin: 10px 10px;
    z-index: 3;
    line-height: 1.7;
}

/* ラベルBOX1 */
.label-box1 {
    position: relative;
    margin: 40px 10px 15px;
    padding: 0.5em 1em;
    border: solid 3px #07689f;
}
.label-box1-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: -3px;
    padding: 3px 9px;
    height: 30px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #07689f;
    color: #ffffff;
    font-weight: bold;
    border-radius: 3px 3px 0 0;
}
.label-box1 p {
    margin: 0; 
    padding: 0;
}

/* マーク2*/
.mark2 {
    position: relative;
    margin: 0 10px 0 3px;
    padding: 3px 5px;
    color: #fff;
    background: #ff2b64;
    font-weight: bold;
    font-size: 0.7em;
}
.mark2:before{
    margin: 0 3px 0 0;
    content: "\f005";
    font-family: FontAwesome;
    color: #fff;
}

/* マーク4*/
.mark4 {
    position: relative;
    margin: 0 3px 0 8px;
    padding: 3px 5px;
    color: #fff;
    background: #475053;
    font-weight: bold;
    font-size: 0.7em;
}
.mark4:before{
    margin: 0 3px 0 0;
    content: "\f004";
    font-family: FontAwesome;
    color: #fff;
}