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

.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;
}
/*デメリットに使う囲いここまで*/

/*新着記事見出し*/
.top-newpost{
color: #505050;/*文字色*/
width:100%;
font-size:20px;
padding: 0.3em;/*文字周りの余白*/
display: inline-block;/*おまじない*/
background: #dbebf8;/*背景色*/
vertical-align: middle;/*上下中央*/
border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
font-weight:normal;
}

.top-newpost:before {
content: '●';
color: white;
margin-right: 8px;
}
/*新着記事見出しここまで*/

/*トップのピックアップコンテンツ*/
.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: dashed 2px #00c4cc;
/*線の種類（点線）2px 線色*/
}


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

/*テーブル内をセンター*/
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.5em;
    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.8em;
	font-weight:bold;
	text-align:center;
}
/*囲いのデザインここまで*/

/*カスタム投稿のアーカイブの見出しスタイル*/
.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{
position: absolute!important;
bottom: 0!important;
left: 0!important;
background: #FFFFFF;
color:#000000;
font-size:0.7em;
padding: 0.1em;
opacity: .8;
}

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

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

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


/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    border:double #CCC;
    overflow: hidden;
    font-size:small;
}
.booklink-image, .kaerebalink-image{
    margin:0 15px 0 0;
    float:left;
    min-width: 160px;
    text-align: center;
}
.booklink-image img, .kaerebalink-image img{
    margin:0 auto;
    text-align:center;
}
.booklink-info, .kaerebalink-info{
    margin:0;
    line-height:120%;
    overflow: hidden;
}
.booklink-name, .kaerebalink-name{
    margin-bottom:24px;
    line-height:1.5em;
}
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
}
.booklink-detail, .kaerebalink-detail{font-size: 12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:30%;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    display:inline-block;
    margin:5px 2px 0 0;
    padding:10px 1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-weight:800;
    text-shadow:1px 1px 1px #dcdcdc;
    font-size:12px;
    color: #fff !important;
}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity: 0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{
    position:relative;
    top:1px;
}
/*ボタンを変えるときはここから*/
.shoplinkamazon a{color:#FF9901 !important;border: 1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border: 1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border: 1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border: 1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border: 1px solid #7b0099 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

@media screen and (max-width: 680px) {
.booklink-box, .kaerebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{
    width: 100px !important;
    min-width: initial;
}
.booklink-name > a, .kaerebalink-name > a{
    font-size: 15px;
    font-weight: bold;
}
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{
    width:calc(100% - 4px);
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin: 2px 0px;
    padding:10px 0px;
}
}
/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）ここまで
--------------------------------------*/

/*--------------------------------------
  ボタン
--------------------------------------*/

.square_btn {
    display: inline-block;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #67c5ff;
    color: white;
}

/*--------------------------------------
  ボタンここまで
--------------------------------------*/