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


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
・注釈：基本はスマホを前提にデザインする。PC表示の場合の例外のみ下部の「DESKTOP ONLY」部分に書き込むこと
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++-*/

/*------------------------------------------------
	・基本＆レイアウト関係
------------------------------------------------*/

body{ font-size:1rem; }
body {font-family: 'メイリオ' , Meiryo ,"Lato", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-family: Meiryo,Arial,Helvetica,"游ゴシック",YuGothic,"Hiragino Kaku Gothic ProN",sans-serif;font-size: 103%;line-height: 1.5;color: #545B63;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;word-wrap: break-word;background: #f7f7f7;}

.f_serif{ font-family: Georgia,serif;}
.f_meiryo{font-family: "メイリオ", sans-serif;}


/*----ロゴの位置を調整---*/
@media only screen and (max-width: 767px){
#logo {  }
#inner-header { position: relative; width: 100%; padding: 9px 0; }}


/*------------------------------------------------
	・見出し関係(Hx)
------------------------------------------------*/

/*------H2------*/
.entry-content h2 { position:relative; border-top: solid 2px #333!important; border-bottom: solid 2px #333!important; border-radius: 0px!important; font-size: 1.35em; padding: 0.8em 0.5em; margin-top: 2.1em; margin-bottom: 2em; background: #fff!important; color: #333!important; }
h2.simple_h2{ margin-top:5rem; }

/*------H3------*/
.entry-content h3{ border-left:2px solid #FFaa00!important; padding: .7em 0 .7em .8em; margin-top: 1.8em; }
h3.simple_h3{ margin-top: 3.5em; }


/*------H4------*/
.single .entry-content h4 { font-size: 1.1em; font-weight: 700; margin-top: 50px; color:#333; }
.entry-content h4::before { font-family: "FontAwesome"; content: "\f14a"; font-size: 22px; top: -3px; display: inline-block; padding-right: 8px; }
h4.simple_h4{ }


/*------------------------------------------------
	・本文基本要素(p)(list)(blockquote)
------------------------------------------------*/

/*---リスト---*/
.entry-content ul li{ position: relative; padding-left: 1.1em; margin: 1.8em 0rem 1.8em 0rem ; }

/*---引用---*/
.entry-content blockquote { font-size: 0.95em; padding: 10% 10% 2%; margin: 2.5em 0 3em; position: relative; border: 1px solid; opacity: .8; filter: alpha(opacity=80); -ms-filter: "alpha(opacity=90)"; } 


/*------------------------------------------------
	・本文記事・装飾要素
------------------------------------------------*/

/*---bold---*/
b.simple_bold{ font-weight:bold; border-bottom: 2px dotted #ff6700; color: #ff6700; } 

/*---strong---*/
strong.simple_strong{ font-size:1rem; font-weight:bold; color:#ff0000; }

/*-----文字太：黒-----*/
.moji_futo_kuro{ font-size:1.0rem; font-weight:bold; color:#333; }

/*-----文字太：赤-----*/ 
.moji_futo_aka{ font-size:1.0rem; font-weight:bold; color:#FF0000; }

/*-----文字小-----*/
.moji_small{ font-size:0.85rem; line-height: 1.6; }


/*------------------------------------------------
	・テーブルのデザイン
------------------------------------------------*/


/*------------------------------------------------
	・BOX要素
------------------------------------------------*/

/*---BOX(グレー汎用)---*/
div.graybox { position: relative; z-index: 1; padding: 25px 20px 25px 20px; margin: 40px auto; border-radius: 10px; background-color: rgb(240, 240, 240); border: 1px solid rgb(215, 215, 215); line-height: 1.9; line-height: 27px; }

/*---BOX(ベースカラー・黄色)---*/
div.yellowbox { position: relative; z-index: 1; padding: 25px 20px 25px 20px; margin: 40px auto; border-radius: 10px; background-color:#fff1d5; border: 0px solid #FFAA00; line-height: 1.9; line-height: 27px; }


/*---BOX(点線)---*/
div.tensen{ border:dotted 1px #999999; padding:10px; margin-bottom:25px; margin-top:25px; font-size: 15px; line-height: 27px; }

/*---BOX(赤線)---*/
div.red_box{ font-size:0.95rem; border:1px solid #FF0000; border-radius: 10px; padding: 25px 20px 25px 20px; margin: 40px auto; }


/*------Storkオリジナルの内部リンク------*/
.related_article a{  }


/*------厳選記事BOX------*/
div.top_gensen{ border:2px solid #ffaa00; border-radius:10px; padding:15px; text-align: left; }
div.top_gensen ol li { position: relative; margin: 1.3em 0; }
div.top_gensen a { text-decoration:underline; }
div.top_gensen p{ display: block; color: #ffaa00; text-align: center; border-bottom: 2px solid #ffaa00; padding: 0px 10px 10px 10px; font-size: 1.2rem; margin-top: 5px; }








/*---------------------------------------------------
	・ボタン関連
---------------------------------------------------*/

/*---Evernote(エバーノート)購入ボタン---*/
.kanri_btn{ width:95%; font-size:1.0rem; font-weight:bold; text-decoration:none; display:block; text-align:center; padding:20px 10px 20px; color:#fff; background-color:#49a9d4; border-radius:5px; box-shadow:2px 2px #1a6ea0; }
.kanri_btn:hover{ color:#7ecef4; }



/*------------------------------------
	そのほか・プラグインなど
------------------------------------*/

/*-----リンク先にサムネールをつける//-----*/
div.kanri_thumnail{ border:0px solid #ccc; border-radius:10px; padding:25px 30px 0px 30px; margin:40px 10px 40px 10px; border: 1px solid #DEDEDE; }
div.kanri_thumnail img{ margin-right:15px; }
div.kanri_thumnail_link { margin-top:35px; }


/*-----プラグインTOCのリスト-----*/

/*---ストーク初期設定---*/
#toc_container li:before{ content:none; }
#toc_container{ padding:1em 2em 1em!important; min-width: 90%; margin: auto; background: #fff!important; background: rgba(255, 255, 255, 0.5)!important; border: 1px solid #eee; }
#toc_container p.toc_title{ margin-bottom: .7em; }
#toc_container ul{ margin: 0!important;; }
#toc_container li a{ display: block; padding: 0.3em 0; border-top: 1px dotted #ddd; }
#toc_container li li a{ padding-left: 0em; }
#toc_container li .toc_number{ margin-right: 0.5em }

/*----管理人修正--*/
#toc_container.no_bullets ul.toc_list li{ font-weight:normal; padding-left: 0px; padding-right: 0px; margin-left: 0px; background-image:none; margin-bottom:10px; line-height:1.8;/*--ココで要素間の間を調整--*/ }
#toc_container.no_bullets ul.toc_list li ul li{ margin-bottom:0px; margin-left: 3rem; list-style-type:disc; }
#toc_container.no_bullets ul.toc_list li ul li ul li{ margin-bottom:0px; }



/*---embedly---*/
div.embedly-card{ border: 2px solid #e8e8e8; padding: 10px; border-radius: 7px; }
ul.wpp-list li { list-style: none; position: relative; border-bottom: 1px solid #ddd; margin: 10px; padding-bottom: 0.75em; }
ul.wpp-list li a { text-indent:4px; }
ul.wpp-list li a:before { counter-increment: number; content: counter(number); background: #000000; margin-right: 3px; color: #fff; width: 1.5em; height: 1.5em; font-size: 0.75em; font-weight: bold; font-family: 'Lato', sans-serif; display: block; text-align: center; line-height: 1.5em; position: absolute; left: 0; top: 0; }


/*------ヨメレバ・カエレバ(スマホ用)------*/
.booklink-box, .kaerebalink-box { padding: 25px 15px; margin-bottom: 1.8rem; border: 1px solid #CCC; border-radius:5px; overflow: hidden; font-size: small; }
.booklink-image, .kaerebalink-image { margin: 0 15px 0 0; float: left; text-align: center; }
.booklink-info, .kaerebalink-info { margin: 0; line-height: 120%; overflow: hidden; }
.booklink-name, .kaerebalink-name { margin-bottom: 12px; }
.booklink-name, .kaerebalink-name { margin-bottom: 24px; line-height: 1.5em; }
.booklink-detail, .kaerebalink-detail { font-size: 12px; }
.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, .kaerebalink-link1 a { width: calc(100% - 4px); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 2px 0px; padding: 10px 0px; }	

.shoplinkamazon a{ color: #FF9901 !important; border: 1px solid #FF9901 !important; }
.shoplinkrakuten a{ color: #FF0000 !important; border: 1px solid #FF0000 !important; }


/*---GoogleAds-関連コンテンツ----*/
.rh{ display: inline-block; font-size: 0; line-height: 0; overflow: hidden; padding: 0px 0px 10px 0px!important; }





/*------------------------------------
	・ストーク初期設定を解除
------------------------------------*/

/*--ストークデフォルトの画像回り込みを解除---*/
.alignleft, img.alignleft { margin-right: 2.5%; display: inline; float: none; max-width: 100%!important; }

/*---外部リンクにアイコンをつかない様にする--*/
.entry-content a[target="_blank"]:after{ font-family: 'FontAwesome'; content: ''; font-size: 0.9em; margin: 0 3px 0 2px; }









/************************************************************************************
			DESKTOP ONLY(PCの場合にのみ適用)
************************************************************************************/

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









/*------------------------------------------------
	・本文基本要素(p)(list)(blockquote)
------------------------------------------------*/

.entry-content blockquote { font-size: 0.95em; padding: 5% 10% 2%; margin: 2.5em 0 3em; position: relative; border: 1px solid; opacity: .8; filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=90)"; }

/*---リスト---*/
.entry-content ul li { position: relative; padding-left: 1.1em; margin: 1.8em 0rem 1.8em 1rem; }



/*------------------------------------
	BOX要素
------------------------------------*/

/*------厳選記事BOX(PC用)------*/
div.top_gensen{ border:2px solid #ffaa00; border-radius:10px; padding:15px; text-align: left; }
div.top_gensen ol li { position: relative; margin: 1em 0; }
div.top_gensen a { text-decoration:underline; }
div.top_gensen p{ display: block; color: #ffaa00; text-align: center; border-bottom: 2px solid #ffaa00; padding: 0px 10px 10px 10px; font-size: 1.2rem; }






/*------------------------------------
	そのほか・プラグインなど
------------------------------------*/

/*------ヨメレバ・カエレバ(PC用)------*/
.booklink-box, .kaerebalink-box { padding: 25px; margin-bottom: 1.8rem; border: 1px solid #CCC; overflow: hidden; font-size: small; }
.booklink-image, .kaerebalink-image { margin: 0 15px 0 0; float: left; min-width: 160px; 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-detail { margin-bottom: 15px; }
.booklink-powered-date, .kaerebalink-powered-date { font-size: 8px; margin-top: 10px; font-family: verdana; line-height: 120%; }
.booklink-footer { display: none; }
.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; }
.shoplinkamazon a{ color: #FF9900 !important; border: 1px solid #FF9901 !important; margin-right: 5px; width: 45%; }
.shoplinkrakuten a{ color: #FF0000 !important; border: 1px solid #FF0000 !important; width: 45%; }




}/*------削除禁止：DESKTOPココまで------*/