/*
Theme Name: STINGER8 Child
Template: stinger8
Version: 20161115
*/



/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960x) {



/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	
/*– 基本フォント変更 –*/
@font-face {
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}

* {
  font-family: "游ゴシック Medium", "YuGothic M", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}


/*基本のフォントサイズ*/
p, /* テキスト */
.yellowbox, /* 黄色ボックス */
.graybox, /* グレーボックス */
.redbox, /* 薄赤ボックス */
#topnews .clearfix dd p, /* 一覧文字 */
.post ul li, /* ulリスト */
.post ol li, /* olリスト */
#comments #respond, /* コメント */
#comments h4 /* コメントタイトル */
 {
	font-size: 17px;
	line-height: 30px;
}

/*– ブログタイトル変更 –*/
header .sitename a {
font-family: "メイリオ", Meiryo;
font-size: 24px;
color: #000;
margin-top: 20px;
}

header .descr {
font-size: 16px;
} 

/*-- ここまで --*/
}


/*– PCメニュー色変更 –*/
#st-menubox {
background: linear-gradient(#191970 ,#4682b4 ,#191970);/* メニュー背景色 */
}

header .smanone ul.menu li a{
color: #fff;/* メニュー文字色 */
}

header .smanone ul.menu li li a{
background: #4682b4;/*ドロップダウンメニューの背景色*/
}

#st-menubox a:hover{
background: #fff;/* カーソルON時メニュー背景色 */
}

header .smanone ul.menu li a:hover{
color: #191970;/* カーソルON時文字色 */
}

/*– スマートフォンメニュー色変更 –*/
#s-navi dt.trigger .op {
background: #4682b4; /* 背景色 */
color: #fff; /* マーク色 */
}

/*– PCメニュー幅変更 –*/
header .smanone ul.menu li{
width:131px;
}

/*ページのTOPへ戻るボタンの色変更*/
#page-top a {
  background: #f08080;
  color: #fff;
}

/*– h2タグ変更 –*/
.post h2{
   background: #4682b4;
   color:#fff;
   border-top:2px solid #f08080;
   border-bottom:2px solid #f08080;
   box-shadow:0px 5px 4px -2px #a0a0a0;
}

/*– h3タグ変更 –*/
.post h3 {
   border-bottom: 5px #4682b4 dotted;
}

/*– h4タグ変更 –*/
.post h4 {
   background:#f08080;
   color:#000;
   border-left: 8px solid #4682b4;
   box-shadow:0px 5px 4px -2px #a0a0a0;
}

/*黄マーカー太さ・色変更*/	
.ymarker {
	padding:0 2px;
	background: linear-gradient(transparent 70%, #ffff7f 30%)
}

/*赤マーカー太さ・色変更*/	
.rmarker {
	padding:0 2px;
	background: linear-gradient(transparent 75%, #ff7fff 25%)
}

/*– コンテンツ表示エリア –*/
.st-main {
   border : 1px #4682b4;
   box-shadow:0px 5px 4px -2px #a0a0a0;
}

iframe{ width:100%; }

/* カエレバカスタマイズ */
.kaerebalink-box {
	position: relative;
	margin: 0 0 1rem 0;
	padding: 1rem;
	border: 1px solid rgba(10, 10, 10, 0.25);
	border-radius: 0;
	background-color: white;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.kaerebalink-image {
	width: 30%;
	text-align: center;
}
.kaerebalink-image,
.kaerebalink-info {
	display: table-cell;
	vertical-align: middle;
}
.kaerebalink-info {
	padding: 1rem;
}
.kaerebalink-name p {
	display: none;
}
.kaerebalink-powered-date {
	font-size: 0.8rem;
	color: rgba(10, 10, 10, 0.5);
}
.kaerebalink-detail {
	margin-bottom: 1rem;
	font-size: 0.8rem;
	color: rgba(10, 10, 10, 0.5);
}
.kaerebalink-link1 div {
    box-sizing: border-box;
    display: inline-block;
}
.kaerebalink-link1 a {
	padding: 1rem 2rem;
    color: #000;
    border-radius: 0.5rem;
    text-decoration: inherit;
    margin-right: 0.5rem;
    display: block;
}
.kaerebalink-link1 a:last-of-child {
    margin-right: 0;
}
.shoplinkamazon a {
	background-color: #fff;
	border: 3px solid #f90;
        box-shadow:0px 5px 4px -2px #a0a0a0;
}
.shoplinkamazon a:hover {
	background-color: #f90;
	color: #fff !important;
}
.shoplinkrakuten a {
	background-color: #fff;
	border: 3px solid #bf0000;
        box-shadow:0px 5px 4px -2px #a0a0a0;
}
.shoplinkrakuten a:hover {
	background-color: #bf0000;
	color: #fff !important;
}
.booklink-footer {
	display: none;
}
 
/* カエレバモバイル */
@media screen and (max-width: 599px) {
	.kaerebalink-box {
		text-align: center;
		display: block;
	}
	.kaerebalink-image {
	    width: 100%;
	}
	.kaerebalink-image, .kaerebalink-info {
	    display: block;
	}
	.kaerebalink-link1 div {
	    display: block;
	}
	.kaerebalink-link1 a {
		margin-bottom: 1rem;
		margin-right: 0;
	}
 }

/*目次(Table of Contents Plus)　ここから*/
/*余白と角丸*/
#toc_container  {
  margin-top: 30px;
  margin-bottom: 30px;
}

/*中央寄せ*/
#toc_container { 
  margin-left: auto; 
  margin-right: auto; 
}

/*　内側の余白　*/
#toc_container { 
  padding: 1.0em 1.5em 1.5em 1.75em;
}