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

/*テーブルデザイン*/
.table_td50 td{
width:50%;
}

.table_td33 td{
width:33%;
}

.table_td25 td{
width:25%;
}
/*テーブルデザインここまで*/

/*トップページの見出し*/
.m-all .top-h2-midashi{
position: relative;
display: inline-block;
width: 100%;
padding: 0 17%;
text-align: center;
color:#00acc1;
margin-bottom:20px;
}
.m-all .top-h2-midashi::before,
.m-all .top-h2-midashi::after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 15%;
height: 3px;
border-top: 3px solid #00acc1;
}
.m-all .top-h2-midashi::before {
left:0;
}
.m-all .top-h2-midashi::after {
right: 0;
}
/*トップページの見出しここまで*/

/*トップページのテキストスタイル*/
.m-all .top-up p{
margin: 0 0 1.6em;
line-height: 1.75;
}
/*トップページのテキストスタイルここまで*/

/*-----------------------------------------------
フッターメニューを固定する
-----------------------------------------------*/

@media only screen and (max-width: 767px) {
#container{
    padding-bottom:50px;/*フッターの高さだけコンテンツを上げる*/
}
#fixed_footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    background-color:#1bb4d3;/*メニューの背景色*/
    z-index:99;
}
#fixed_footer .fas, #fixed_footer .fab {
    font-size:24px;/*アイコンフォントのサイズ*/
}
#fixed_footer ul {
    margin:5px 0;
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
}

#fixed_footer ul li {
    display:inline-block;
    vertical-align: middle;
    font-size:10px;/*文字サイズ*/
	font-weight:bold;
    margin:auto;
	width:25%;
}

#fixed_footer ul a li{
    color:#fff;/*文字色*/
    text-decoration:none;
}

#page-top{
    display:none;/*デフォルトのトップへ戻るボタンを消す*/
}
}

/*-----------------------------------------------
フッターメニューを固定するここまで
-----------------------------------------------*/

/*シンプル記事一覧のスタイル*/
.post-list .byline .date {
position: absolute;
right: 0;
bottom: 0;
}


.top-post-list .post-list{
box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.22);
margin-bottom: 0.5em;
}

.top-post-list .post-list:first-child a{
border-top:none!important;
}

.top-post-list .post-list a {
padding: .5em .5em 1.5em .5em;
border-bottom:none!important;
}

.top-post-list .post-list .entry-content .entry-title {
color: #1063B5;
}

.top-post-list .post-list .eyecatch {
width: 250px;
}

.simple-title-size{
margin-top:1.5em;
}

.simple-title-size p{
font-size:0.9em;
color: #222222;
}

@media only screen and (max-width: 768px){
.top-post-list .post-list .eyecatch {
width: 130px;
}

.top-post-list .post-list .entry-content .entry-title {
font-size: 1.1em;
}
}

/*シンプル記事一覧のスタイルここまで*/

/*-----------------------------------------------
人気記事のスタイル
-----------------------------------------------*/
.widgettitle{
text-align:center;
}

.popular-posts .wpp-list{
font-weight: bold;
}

.widget .wpp-list a{
color:#222;
}

/* リスト1段目の余白 */
ul.wpp-list li:nth-child(1){
padding: 10px 5px!important;
}
/* リスト2段目〜10段目の余白 */
ul.wpp-list li:nth-child(n+2):nth-child(-n+10){
 padding: 2px 5px 10px 5px !important;
}

/*ランキングカウンター実装*/
ul.wpp-list a:before{
  content: counter(wpp-count);/*カウンターを表示*/
  display: block;/* 縦に並べる指定 */
  position: absolute;/* 左上に固定 */
  color: #fff;/* 数字の色 */
  text-shadow: 0 1px 2px rgba(0,0,0,0.2);/* 数字に影をつける */
  font-size: 13px;/* 数字サイズ */
  font-weight: bold;/* 数字を太字 */
  background: #555;/* 背景色 */
  padding: 3px 8px;/* 丸枠内の余白 */
  border-radius: 10%;/* 背景の丸み */
  z-index:1;/* 重なりの指定 */
}
/*カウント数を実装*/
ul.wpp-list a {
  counter-increment: wpp-count;
}
/*上位3位の背景色変更*/
ul.wpp-list a:nth-child(1):before{
  background: #fdd35c;
}
ul.wpp-list a:nth-child(2):before{
  background: #a0a0a0;
}
ul.wpp-list a:nth-child(3):before{
  background: #bf783e;
}

.popular-posts .widgettitle :before{/*疑似要素*/
  font-family: FontAwesome;
  content: "\f080";
  padding-right: 6px;/* アイコンの右側に余白 */ 
}
/*-----------------------------------------------
人気記事のスタイルここまで
-----------------------------------------------*/

/*-----------------------------------------------
関連記事の見出し
-----------------------------------------------*/
.widgettitle .osusumekanren{
font-size:1.25em;
}
/*-----------------------------------------------
関連記事の見出しここまで
-----------------------------------------------*/

/*記事タイトルとアイキャッチ間の広告*/
.title-eyecatch-widget{
text-align:center;
margin-top:30px;
margin-bottom:20px;
}

/*記事タイトルとアイキャッチ間の広告ここまで*/

/*テキスト下線*/

.undertext {
  background: linear-gradient(transparent 75%, #a8eaff 75%);
  }

/*テキスト下線ここまで*/

.box14{
    padding: 0.5em 1em;
    margin: 2em 0.2em;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.box14 p {
    margin: 0; 
    padding: 0.5em 0;
}

.top_list ul {
  border: solid 2px skyblue;
  border-radius: 5px;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
}

.top_list ul li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}

.top_list ul li:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f138";/*アイコンの種類*/
  position: absolute;
  left : 1em;/*左端からのアイコンまでの距離*/
  color: skyblue;/*アイコン色*/
}

.card-title .entry-content h3{
border-left:0px solid;
padding: 0em 0em 0em;
margin-top: 1.8em;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 16px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.insta_btn:hover {/*ホバー時*/
  color:#668ad8;/*文字色*/
}

.insta_btn .insta{/*アイコンの背景*/
  position: relative;/*相対配置*/
  display: inline-block;
  width: 25px;/*幅*/
  height: 25px;/*高さ*/
  vertical-align: middle;/*垂直中央に*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  border-radius: 6px;/*角丸に*/

}

.insta_btn .insta:before{/*グラデーションを重ねるため*/
  content: '';
  position: absolute;/*絶対配置*/
  top: 12px;/*ずらす*/
  left: -9px;/*ずらす*/
  width: 30px;/*グラデーションカバーの幅*/
  height: 30px;/*グラデーションカバーの高さ*/
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.insta_btn .fa-instagram {/*アイコン*/
  color: #FFF;/*白に*/
  position: relative;/*z-indexを使うため*/
  z-index: 2;/*グラデーションより前に*/
  font-size: 20px;/*アイコンサイズ*/
  line-height: 26px;/*高さと合わせる*/
}

/*ラベルつきの囲い*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}
/*ラベル付きの囲いここまで*/

/*デメリットに使う囲い*/
.demerit {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #FA8258;
}
.demerit .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #FA8258;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.demerit p {
    margin: 0; 
    padding: 0;
}
/*デメリットに使う囲いここまで*/

/*トップのピックアップコンテンツ*/
.toppickup-all{
text-align:center;
}

.toppickup img{
width:42%;
margin:2%;
box-sizing: border-box;
}

.tikahobana img{
width:90%;
margin:2%;
box-sizing: border-box;
}

/*トップのピックアップコンテンツここまで*/


/*見出しのスタイル*/
.entry-content .post-midashi h2{
  position: relative;
  color: white;
  background: #00c4cc;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.entry-content .post-midashi h2:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.entry-content .post-midashi h3 {
border-bottom: double 5px #00c4cc;
/*線の種類（二重線）太さ 色*/
}

.entry-content .post-midashi h4{
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
font-size: 1.15em;
}

.entry-content .post-midashi h4:before{ 
font-family: FontAwesome;
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #5ab9ff; /*アイコン色*/
}

/*見出しのスタイルここまで*/

/*テーブル内をセンター*/
table {
　margin-left: auto;
　margin-right: auto;
}
/*テーブル内をセンターここまで*/

/*囲いのデザイン*/
.box30 {
    margin: 2em 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.3em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
	font-weight:bold;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
    font-size: 1.2em;
	font-weight:bold;
	text-align:center;
}
/*囲いのデザインここまで*/

/* 二重線囲い */
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #ff6600;
}
.box5 p {
    margin: 0; 
    padding: 0;
}
/* 二重線囲いここまで */

/*カスタム投稿のアーカイブの見出しスタイル*/
.custom-archive-h1{
  position: relative;
  color: white;
  background: #00c4cc;
  line-height: 1.4;
  font-size:1.2em;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

.custom-archive-h1:before {/*疑似要素*/
  font-family: FontAwesome;
  content: "\f14a";
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.custom-archive-h2 {
border-bottom: dashed 2px #00c4cc;
/*線の種類（点線）2px 線色*/
  font-size:1.2em;
}

.custom-archive-kiziall {
position: relative;
padding-left: 1.2em;/*アイコン分のスペース*/
line-height: 1.4;
  font-size:1.2em;
}

.custom-archive-kiziall:before{ font-family: FontAwesome;
content: "\f00c";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #5ab9ff; /*アイコン色*/
}
/*カスタム投稿のアーカイブの見出しスタイルここまで*/

/*カスタム投稿のアーカイブのスタイル*/
.custom-archive-main{
font-size:103%;
line-height: 1.75;
}

.custom-archive-main br {
        line-height: 150%;
     }
/*カスタム投稿のアーカイブのスタイルここまで*/

/*記事一覧のカードスタイル*/

@media only screen and (max-width: 480px){
.post-list-card .post-list {
    width: 47.5%!important;
    margin: 0 1% 2% 1%!important;
}
.post-list-card .post-list .entry-content .entry-title{
font-size:80%!important;
color:#424242;
}

}

.post-list-card {
    display: flex;
    flex-wrap: wrap;
}

.post-list-card .post-list {
    height: auto!important;
float:none!important;
    width: 47.5%!important;
    margin: 0 1% 2% 1%!important;
}

.post-list-card .post-list{
display:inline-block;
  vertical-align: top;
  -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.post-list-card .post-list .entry-content .entry-title{
font-size:100%;
color:#424242;
}

.card-date .date{
text-align:zenter;
color:#000000;
font-size:0.7em;
opacity: .8;
}

.post-list-card .post-list .entry-content .card-title{
font-size: 0.5em;
}

.post-list-card .post-list a{
padding:.6em .6em 0 .6em!important;
}


.post-list-card .post-list a:after {
    background: none;
}

/*記事一覧のカードスタイルここまで*/



/*=================================================================================
 カエレバ・ヨメレバ・トマレバ
=================================================================================*/
 
.cstmreba {
 width:98%;
 height:auto;
 margin:36px auto;
 font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
 line-height: 1.5;
 word-wrap: break-word;
 box-sizing: border-box;
 display: block;
}
.cstmreba a {
 transition: 0.8s ;
 color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
 color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
 width: 100%;
 background-color: #fafafa; /* 全体の背景カラー */
 overflow: hidden;
 border-radius: 0px;
 box-sizing: border-box;
 padding: 12px 8px;
 box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
 width:150px;
 float:left;
 margin:0 14px 0 0;
 text-align: center;
 background: #fff;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
 width:100%;
 display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
 margin:0 ;
 padding: 0;
 text-align:center;
 background: #fff;
}
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
 overflow:hidden;
 line-height:170%;
 color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
 text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
 border-bottom: 1px solid ;
 font-size:16px;
}
/* タイトル下にPタグ自動挿入された際の余白を小さく */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
    margin: 0;
}
/* powered by */
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
 font-size:10px;
 line-height:150%;
}
.cstmreba .booklink-powered-date a,
.cstmreba .kaerebalink-powered-date a,
.cstmreba .tomarebalink-powered-date a {
 color:#333;
 border-bottom: none ;
}
.cstmreba .booklink-powered-date a:hover,
.cstmreba .kaerebalink-powered-date a:hover,
.cstmreba .tomarebalink-powered-date a:hover {
 color:#333;
 border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
 font-size:12px;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
 display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
 display: inline-block;
 width: 100%;
 margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
 float:left;
 width:24%;
 min-width:128px;
 margin:0.5%;
}
/***** ボタンデザインここから ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
 width: 100%;
 display: inline-block;
 text-align: center;
 box-sizing: border-box;
 margin: 1px 0;
 padding:3% 0.5%;
 border-radius: 8px;
 font-size: 13px;
 font-weight: bold;
 line-height: 180%;
 color: #fff;
 box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a { background: #004bb0; border: 2px solid #004bb0;}/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border:2px solid #ff0033; letter-spacing:normal;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;} /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
.cstmreba .kaerebalink-link1 .shoplinkwowma a {background:#F02D1F; border: 2px solid #F02D1F;} /* wowma */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.cstmreba .booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.cstmreba .booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
.cstmreba .booklink-link2 .shoplinkebj a { background:#333333; border: 2px solid #333333;} /* ebookjapan */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
 background:#FF9901;
 border: 2px solid #ff9901;
} /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
 background: #bf0000;
 border: 2px solid #bf0000;
} /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
 background:#225496;
 border: 2px solid #225496;
} /* 7net */
/****** ボタンカラー ここまで *****/
 
/***** ボタンデザイン　マウスオーバー時ここから *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
 background: #fff;
}
/* トマレバ */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkhis a:hover { color: #004bb0; }/*** HIS ***/
/* カエレバ */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; } /* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.cstmreba .booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.cstmreba .booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.cstmreba .booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.cstmreba .booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover,
.cstmreba .booklink-link2 .shoplinkamazon a:hover {
 color:#FF9901; } /* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover,
.cstmreba .booklink-link2 .shoplinkrakuten a:hover {
 color: #bf0000; } /* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkseven a:hover,
.cstmreba .booklink-link2 .shoplinkseven a:hover {
 color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.cstmreba .booklink-footer {
 clear:both;
}
 
/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
 .cstmreba .booklink-image,
 .cstmreba .kaerebalink-image,
 .cstmreba .tomarebalink-image {
 width:100%;
 float:none;
 }
 .cstmreba .booklink-link2>div,
 .cstmreba .kaerebalink-link1>div,
 .cstmreba .tomarebalink-link1>div {
 width: 32.33%;
 margin: 0.5%;
 }
 .cstmreba .booklink-info,
 .cstmreba .kaerebalink-info,
 .cstmreba .tomarebalink-info {
   text-align:center;
   padding-bottom: 1px;
 }
}
 
/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
 .cstmreba .booklink-link2>div,
 .cstmreba .kaerebalink-link1>div,
 .cstmreba .tomarebalink-link1>div {
 width: 49%;
 margin: 0.5%;
 }
}

/*=================================================================================
 カエレバ・ヨメレバ・トマレバここまで
=================================================================================*/


/*--------------------------------------
  アフィボタン
--------------------------------------*/

/*光るボタン*/
.shinybutton {
 display: block;
 width: 100%;
 margin-bottom: 1em;
}
.shinybutton a {
 display: block;
 position: relative;
 z-index: 2;
 overflow: hidden;
 width: 100%;
 font-size:12pt;
 font-weight: bold ;
 border-radius: 5px;
 color: #ffffff !important;
 padding: 12px 0;
 text-align: center;
 text-decoration: none;
 transition: .25s linear;
 -webkit-transition: .25s linear;
 -moz-transition: .25s linear;
}
/*赤いボタン*/
.shinybutton-red a {
 border-bottom: solid 5px #e53935 ;
 background-color: #ef5350 ;	
}
/*赤いボタンここまで*/

/*緑のボタン*/
.shinybutton-green a {
 border-bottom: solid 5px #21610B ;
 background-color: #298A08 ;	
}
/*緑のボタンここまで*/

/*食べログのボタン*/
.shinybutton-taberogu a {
 border-bottom: solid 5px #e16b0a ;
 background-color: #f3980a ;	
}
/*食べログのボタンここまで*/

.shinybutton a:hover {
 -ms-transform: translateY(4px);
 -webkit-transform: translateY(4px);
 transform: translateY(4px);/*下に動く*/
 border-bottom: none;/*線を消す*/
}
.shinybutton a:before {
 display: block;
 position: absolute;
 z-index: -1;
 left: -30%;
 top: -50%;
 content: "";
 width: 30px;
 height: 100px;
 transform: rotate(30deg);
 -webkit-transform: rotate(30deg);
 -moz-transform: rotate(30deg);
 background-image: linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%);
 background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0)));
 background-image: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, #ffffff rgba(255,255,255,1),rgba(255,255,255,0) 100%);
 animation: shiny 2s infinite linear;
 -webkit-animation: shiny 2s infinite linear;
 -moz-animation: shiny 2s infinite linear;
}
@keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-webkit-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%; }
}
@-moz-keyframes shiny {
 0% { left: -30%; }
 20% { left: 120%; }
 100% { left: 120%;}
}
/*光るボタンここまで*/












.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #67c5ff;
    color: white;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.square_btn:hover {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

.square_btn2 {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #f88080;
    color: white;
    border: solid 2px #f88080;
    border-radius: 3px;
    transition: .4s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.square_btn2:hover {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

.taberogu {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #f3980a;
    color: white;
    border: solid 2px #f3980a;
    border-radius: 3px;
    transition: .4s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.taberogu:hover {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

.hotpepper {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    background: #E73820;
    color: white;
    border: solid 2px #E73820;
    border-radius: 3px;
    transition: .4s;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

.hotpepper:hover {
    box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
    transform: translateY(2px);
}

/*--------------------------------------
  アフィボタンここまで
--------------------------------------*/

/*--------------------------------------
  囲い
--------------------------------------*/

/* タイトル付　枠（影）1　*/
.kakomi-box12 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 90%;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 2px solid #8FBC8F; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #ccc;/* 影の色 */
}
.title-box12 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 color: #8FBC8F; /* タイトル文字色 */
}

/*--------------------------------------
  囲いここまで
--------------------------------------*/

/* 画像したのマージンを消す　一旦元に戻す
.entry-content .post-midashi img{
margin-bottom: 0 !important;
}
画像したのマージンを消すここまで */

/* テーブルのスタイル */
.r2 tr td:first-child{
width:30%;
}
/* テーブルのスタイルここまで */

/* テーブルでURLが改行されない */
table td a{word-break:break-all;"}
/* テーブルでURLが改行されないここまで */

/* 記事最後のTwitter部分 */
.twitter-midashi p{
line-height：1.6;
}
/* 記事最後のTwitter部分ここまで */