@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */


/*--------------------------------------
  フォント
--------------------------------------*/

/* フォントをグレーに */
body {
  color: #444444;
}

/* 太字は濃いグレーに */
.bold{
  color: #333333 !important; 
}

/* ■四角 */
.shikaku{
  font-size: 120%;
  color: #848484; 
  vertical-align: -6%;
  margin: 0 -1.5px 0 -1.5px;
}


/* ●丸 */
.maru{
  font-size: 80%;
  color: #c0c0c0; 
  vertical-align: top;
  margin: 0 1.5px 0 1.5px;
}

/* ▼三角 */
.sankaku{
  font-size: 80%;
  color: #0cb0e0; 
}

/* インデント */
.indent{
  text-indent: -1em;
  padding-left: 1em;
}

/* インデント 上アキ・下アキなし */
.indent2{
  margin:0 0 -14px 0;
  text-indent: -1em;
  padding-left: 1em;
}

/* インデント 上アキなし・下アキ */
.indent3{
  margin:-14px 0 0 0;
  text-indent: -1em;
  padding-left: 1em;
}

/* インデント 丸数字 */
.indentmaruno{
  text-indent: -1.3em;
  padding-left: 1.3em;
}

/* インデント 丸数字 次行がdiv */
.indentmaruno2{
  margin:0 0 -14px 0;
  text-indent: -1.3em;
  padding-left: 1.3em;
}

/* 文字 通常サイズ ノーマルウエイト */
.normal{
  font-size:15px;
  font-weight:normal;
}

/* 文字 通常サイズ ノーマルウエイト スマートフォン表示 */
@media screen and (max-width: 1024px) {
.normal{
  font-size:1rem;
  font-weight:normal;
}
}

/* iframeの前後 */
.iframe{
  margin: -24px 0 -8px 0;
}

/* マーカー線・青 */
.marker_blue{
  background: linear-gradient(transparent 75%, #c1e0ff 75%);
}





/*--------------------------------------
  記事の先頭の画像
--------------------------------------*/
/* 記事の先頭の画像をトリムする */
.trim img{
  object-fit: cover;
}





/*--------------------------------------
  テーブルの設定
--------------------------------------*/
/* スマホでテーブル内の文字が小さくならないように */
.article th, .article td {
  font-size: 100%;
}

/* テーブル caption */
.article caption {
  text-align: left;
  font-weight: bold;
  line-height:1.4;
  text-indent: -1.2em;
  padding-left: 1.2em;
}

.article caption::before {
  content: "■";
  color: #848484;
  font-size: 120%;
  vertical-align: -6%;
}

.article th {
  background: #cef6f5;
}

.t-style0 {
  background: #2eccfa;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
.t-style1 {
  background: #f2f2f2;
  font-weight: bold;
}

.t-style2 {
  background: #f2f2f2;
  font-weight: bold;
  text-align: center;
}





/*--------------------------------------
  コピーを禁止する
--------------------------------------*/
/* コピーを禁止する */
body{
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}






/*--------------------------------------
  リンクの色
--------------------------------------*/

/* リンクの色 */
a:link{color:#1111cc;
  text-decoration: none;
}
a:visited{color:#1111cc;}
a:hover{
  color:#1111cc;
  text-decoration: underline;
}
a[name] { 
	color: #000000;
}
a[name]:hover { 
	color: #000000;
    text-decoration: none;
}


/* リンクで太字 */
.link-bold{
  color: #1111cc; 
  font-weight:bold;
}


/*--------------------------------------
  見出し
--------------------------------------*/

/* 見出しh2 */
.entry-content h2 {
  border-left: 8px solid #0cb0e0;  
  border-bottom: 4px solid #0cb0e0;  
  padding: 0 0 4px 10px ;
  line-height: ;
  font-size: 150%;
  font-weight: bold;
  background-color: #fff;
  margin: 50px 0 0 0;
}

/* 見出しh3 */
.entry-content h3 {
  border-left: 0px solid #000;  
  border-bottom: 2px solid #0cb0e0;  
  padding: 0 0 4px 0 ;
  line-height:;
  font-size:130%;
  font-weight: bold;
  background-color: #fff;
  margin: 10px 0 0 0;
}

/* 見出しh4 */
.entry-content h4 {
  border-left: 5px solid #0cb0e0;  
  border-bottom: 0px;  
  padding: 1px 0 0 6px ;
  line-height: em;
  font-size:105%;
  font-weight: bold;
  background-color: #fff;
  margin:-8px 0 -8px 0;
}

/* sanshyo */
.sanshyo {
  font-weight: bold;
  margin:0 0 -15px 0;
  line-height:1.4;
  text-indent: -0.8em;
  padding-left: 0.8em;
}




/*--------------------------------------
  カエレバ
--------------------------------------*/

/* カエレバ amazlet風(改)-1 デフォルト*/
.kaerebalink-box{
  text-align:left;
  padding-bottom:20px;
  font-size:small;
  /zoom: 1;
  overflow: hidden;
}
 
.kaerebalink-image{
  float:left;
  margin:0 15px 10px 0;
}
 
.kaerebalink-info{
  line-height:120%;
  /zoom: 1;
  overflow: hidden;
}
 
.kaerebalink-name{
  margin-bottom:10px;
  line-height:120%;
}
 
.kaerebalink-powered-date{
  font-size:8pt;
  margin-top:5px;
  font-family:verdana;
  line-height:120%;
}
 
.kaerebalink-kakaku{
  color:.990000;
  font-weight:bold;
}
 
.kaerebalink-cart{
  margin:10px 0;
  width:100px;
  height:25px;
}
 
.kaerebalink-detail{
  margin-bottom:5px;
}
 
.booklink-footer{
  clear: left;
}
 
.kaerebalink-link1{
margin-top:10px;
}
 
/* カエレバ この部分はショップのリンク部分 */
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkyahoo,
.shoplinkyahooAuc,
.shoplinkseven,
.shoplinkbellemaison,
.shoplinkcecile,
.shoplinkkakakucom{
  display:inline;
  margin-right:5px;
}
/* ここまで、カエレバ amazlet風(改)-1 デフォルト*/



/* カエレバ枠線 */
.kaerebalink-box{
  border:2px solid #f5f5f5;
  padding:10px
}

/* カエレバ枠の上下に余白 */
.kaerebalink-box{
  margin-top:1em;  /* カエレバ全体の上に余白 */
  margin-bottom:-1.5em;  /* カエレバ全体の下に余白 */
}

/* カエレバ 文字サイズ */
.kaerebalink-box{
  font-size:100%;
}

/* カエレバ 商品名の行間 */
.kaerebalink-name{
  line-height:150%;
}

/* カエレバ 価格の文字 */
.kaerebalink-kakaku{
  color:#585858;
  font-size:large;
  font-weight:bold;
  font-size:130%;
  line-height:2em;
}

/* カエレバ 税込み・税抜きの文字 */
.kaerebalink-kakaku-zei{
  color:#585858;
  font-weight:bold;
  font-size:90%;
}

/* カエレバ posted with の文字 */
.kaerebalink-powered-date{
  font-size:60%;
  margin-top:-1em;
  font-family:verdana;
  line-height:1em;
}

/* カエレバ スペックの文字 */
.kaerebalink-spec{
  font-size:95%;
  line-height:150%;
  text-indent: -1em;
  padding-left: 1em;
}

/* Amazonと楽天、Yahoo!ショッピングのボタン */
.shoplinkamazon, .shoplinkrakuten, .shoplinkyahoo {
  text-align:center;  /* 文字をボタンの中央に */
/*  float: left; /*  /* ボタンを横並びに */
/*  margin-right:; /* /* ボタンとボタンの間の余白 */
  width:100%; /* ボタンの幅を横幅の100%に */
  display : block;   /* ボタンを縦に並べる */
  margin-bottom: 2px; /* ボタンとボタンの間の余白 */
  padding : 0px;   /* 余白 */
}

.kaerebalink-link1 a {
  display: block;
  height: 40px;  /* ボタンの高さ */
  line-height: 40px;  /* ここはボタンの高さと同じ数値に */
  border-radius:5px;  /* ボタンの角をちょっと丸く */
  -moz-border-radius:5px;  /* ボタンの角をちょっと丸く(Firefox向け) */
  -webkit-border-radius:5px;  /* ボタンの角をちょっと丸く(Google Chrome、Safari向け) */
}
 
/* ボタン上下に余白 */
.kaerebalink-link1 {
  margin-top: 15px;
  margin-bottom: 10px;
}
 
/* 左寄せを後から解除するための記述 */
.kaerebalink-link1:after {
  content:"";
  display:block;
  clear:both;
}

/* Amazonと楽天、Yahoo!ショッピングのリンク部分（ボタン内のテキスト） */
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a{
  background-color:#0cb0e0;  /* ボタンの背景色 */
  color:#fff;  /* 文字の色 */
  text-decoration:none;  /* アンダーライン無し */
  font-weight:bold;  /* 文字を太字に */
  display:block;  /* ボタン全体をクリックできるようにブロック要素にする */
}

/* Amazonと楽天、Yahoo!ショッピングのカーソルが乗った時に色を変える */
.shoplinkamazon a:hover, .shoplinkrakuten a:hover, .shoplinkyahoo a:hover{
  height: 40px;  /* ボタンの高さ */
  border:0px solid #1111cc;  /* 枠線の太さと色 */
/*   background-color:#f0f8ff; */
  background-color:#7a8285;  /* デフォルトの色、グレー */
  color:#fff !important;  /* 文字の色 */
}


/* カエレバスマートフォン表示 */
@media screen and (max-width: 1024px) {

/* カエレバの商品画像部分 */
.kaerebalink-image {
  float:none;  /* 画像の左寄せを解除 */
  text-align:center;  /* 画像を中央に */
}
}





/*--------------------------------------
  スペックの文字（カエレバ枠線の外）
--------------------------------------*/

/* スペックの文字 */
.spec{
  font-size:90%;
  line-height:80%;
}

/* スペック リストの文字 */
ul.spec_list {
  list-style-type: ;
  font-size:95%;
  line-height: 150%;
  margin:-20px 0 -30px 0;
}

.spec_list li{
}





/*--------------------------------------
  出典の文字
--------------------------------------*/

/* 出典の文字 */
.reference{
  font-size :x-small;
  color : #999999; 
  vertical-align : top;
  line-height: 100%;
}

/* 出典の文字 リンクの色をグレーにする*/
a.reference:link {
text-decoration : none; 
color : #999999; 
}
a.reference:visited {
text-decoration : none; 
color : #999999; 
}
a.reference:active {
text-decoration : underline; 
color : #999999 !important; 
}
a.reference:hover {
text-decoration : underline; 
color : #999999 !important; 
}





/*--------------------------------------
  カメラの文字
--------------------------------------*/

/* カメラの文字 */
.camera{
  font-size : small;
  color : #999999; 
  margin:-1.8em 0 -1em 0;
  line-height: 1.5em;
}





/*--------------------------------------
  サイトのタイトル
--------------------------------------*/

/* タイトルの位置調整 */
#site-title { margin-top: 40px; } 

/* iPhone5 画面幅が320pxまで タイトルの位置調整 */
@media screen and (max-width: 320px) {
#site-title { margin-top: 30px; } 
}





/*--------------------------------------
  ヘッダー
--------------------------------------*/

/* iPhone5 画面幅が320pxまで ヘッダーの高さ調整 */
@media screen and (max-width: 320px) {
#header {
  height: 180;
}
}

/* ここまで iPhone5 画面幅が320pxまで ヘッダーの高さ調整 */



/* ※カスタマイズで、iPhone7（幅375px）に合わせて高さ211pxにしている */



/* iPhone7 plus 画面幅が376pxから414pxまで ヘッダーの高さ調整 */
@media screen and (min-width: 376px) and (max-width: 414px) {
#header {
  height: 232px;
}
}

/* ここまで iPhone7 plus 画面幅が376pxから414pxまで ヘッダーの高さ調整 */





/*--------------------------------------
  ランキング記事先頭の写真
--------------------------------------*/

/* ランキング記事先頭の写真 トリミングする外側の枠 */
.trim {
  overflow: hidden;
  width: 24.8%;/* トリミングしたい枠の幅 */
  height: 200px;/* トリミングしたい枠の高さ */
  position: relative;
  float: left;
  border: 1px solid #e6e6e6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 0 1px;
}



/* 画面幅が767pxまで ランキング記事先頭の写真 トリミングする外側の枠 */
@media screen and (max-width: 767px) {

.trim {
  width: 49.6%;/* トリミングしたい枠の幅 */
}

}
/* ここまで 画面幅が767pxまで ランキング記事先頭の写真 トリミングする外側の枠 */



/* ランキング記事先頭の写真 高さに合わせてリサイズ、はみ出た分をトリミング */
.trim img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: 100%;
  width: auto;
}



/* ランキング記事先頭の写真 トリミング部分の画像の回り込みを解除 */
.clear {
    clear: both;
}





/*--------------------------------------
  トップページ タイル3段 タイトル部分の高さを調整 サムネイル調整
--------------------------------------*/

/* トップページ タイル3段 タイトル部分の高さを調整 */
.entry-card-content h2{
  height:96px;
}



/* 画面幅が375pxまで トップページ タイル3段 タイトル部分の高さを調整 */
@media screen and (max-width: 375px) {

.entry-card-content h2{
  height:88px;
}

}
/* ここまで 画面幅が375pxまで トップページ タイル3段 タイトル部分の高さを調整 */



/* 画面幅が359pxまで トップページ タイル3段 タイトル部分の高さを調整 */
@media screen and (max-width: 359px) {

.entry-card-content h2{
height:auto;
}

}
/* ここまで 画面幅が359pxまで トップページ タイル3段 タイトル部分の高さを調整 */



/* トップページ サムネイルサイズ指定 */
.entry-thumb img {
    width: 214px;
    height: 214px;
    margin-bottom: ;
    display: block;
    margin-left: auto;
    margin-right: auto;
}



/* 画面幅が360px～411pxまで トップページ サムネイルサイズ指定 */
@media screen and (min-width: 360px) and (max-width: 411px) {

.entry-thumb img {
    width: 167px !important;
    height: 167px !important;
    margin-bottom: ;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

}

/* ここまで 画面幅が360px～411pxまで トップページ サムネイルサイズ指定 */



/* トップページ タイル3段 カテゴリーを表示しない */
.entry-card-content .category{
  display: none;
}





/*--------------------------------------
  記事の更新日
--------------------------------------*/

/* 記事の更新日のアイコンを消す*/
.post-meta .post-update .fa { display: none; }

/* 記事の更新日に「 [更新日　] 」と入れる*/
.post-meta .post-update::before { content: "[更新日 "; }
.post-meta .post-update::after { content: "]"; }





/*--------------------------------------
  人気記事ランキング
--------------------------------------*/

/* 人気記事の位置調整 */

.wpp-list {
  margin-left: -15px !important;
}

/* 人気記事ランキングの順位を表示　*/
.wpp-list {
  counter-reset: ranking;
  list-style-type: none;
}
.wpp-list li {
  clear: both;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
  font-weight: ;
}
.wpp-list li::before {
  counter-increment: ranking;
  content: counter(ranking);
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.6);
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  color: #fff;
  line-height: 1.5em;
  font-size: 14px;
}

/* 人気記事のサムネイル調整 */
.wpp-thumbnail {
  display: inline;
  float: left;
  margin: 0 5px 0 0 !important;
	width: 100px !important;
  height: 100px !important;
}





/*--------------------------------------
  新着記事
--------------------------------------*/

/* 新着記事のサムネイル調整 */
.widget_new_entries .new-entry-thumb img {
    width: 100px !important;
    height: 100px !important;
}





/*--------------------------------------
  関連記事
--------------------------------------*/

/* 関連記事のタイトル調整 */
.related-entry-title a {
    font-size: 85% !important;
}

/* 関連記事のサムネイル調整 */
.related-entry-thumbnail {
    text-align: left;
    height: 268px;
}

.related-entry-thumbnail img {
    width: 160px !important;
    height: 160px !important;
}


/* 画面幅が359pxまで iPhone5 関連記事のサムネイル調整 */
@media screen and (max-width: 359px) {

.related-entry-thumbnail img {
    width: 100px !important;
    height: 100px !important;
    margin-right: 5px;
    float: left;
}

}
/* ここまで 画面幅が359pxまで iPhone5 関連記事の調整 */





/*--------------------------------------
  TOC+
--------------------------------------*/
#toc_container {
	display: block !important;
	width: 80% !important;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 95%;
	box-sizing: border-box;
	line-height: 1.4;
	margin: 36px auto;
	padding: 1em 2em;
}

#toc_container .toc_title {
	text-align: center;
	background: #eee;
	border-bottom: 2px solid #ddd;
	padding: 0.4em 0;
}

#toc_container ul {
    list-style: none;
    margin-bottom: 0;
}

#toc_container ul li {
    margin: 0;
    padding-left: 0;
    text-indent: 0;
}

#toc_container ul a {
	display: block;
	/* text-decoration: none; */
	/* color: #444; */
	border-bottom: 1px dotted #ccc;
}

#toc_container .toc_list > li > a {
	border-bottom: 2px solid #ccc;
	font-size: 110%;
}

#toc_container ul ul {
	padding: 1em 0 1em 1em;
    list-style: circle;
}

#toc_container li {
	margin-bottom: 0.8em;
	padding-bottom: 0.2em;
}










/*--------------------------------------
  画像の枠
--------------------------------------*/
.gazouwaku{   
     border:01px solid #d8d8d8; /* 外枠の色 */   
     padding: 0px; /* 余白 */   
     background-color:#fff; /* 余白部分の色 */   
}





/*--------------------------------------
  画像に影
--------------------------------------*/
.shadow {
    margin-top: 0px; /* 画像の上の余白*/
    display: inline-block; 
    box-shadow: 2px 2px 15px -4px rgba(0, 0, 0, 0.8); /*横方向　下方向　ぼかし　広がり　色 */
}





/*--------------------------------------
  テーブルを横スクロール
--------------------------------------*/
.table_scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.table_scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.table_scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.table_scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}




/*--------------------------------------
  youtubeのサイズ変更
--------------------------------------*/
.video-container {
max-width: 100%;
margin: 0px auto;
}