@charset "UTF-8";

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

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



/*--------------------------------------
  全体の幅と枠線
--------------------------------------*/

/* 幅を広げる */
#header-in, #navi-in, #body-in, #footer-in{
  width: 1230px;
}
#main {
  width: 900px;
  margin-top: 5px; 
  padding: 0;
}


/* メインの枠線を消す */
#main {
  border:none;
}

/* サイドバーの枠線を消す */
#sidebar{
  border:none;
}





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

/* Webフォントを導入 */
@import url('https://fonts.googleapis.com/css?family=Quicksand');

/*body{
/*font-family: 'Quicksand', sans-serif;
/*}



/* フォントをグレーに */
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: #848484; 
}

/* インデント */
.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;
}



/*--------------------------------------
  テーブルの設定
--------------------------------------*/
/* スマホでテーブル内の文字が小さくならないように */
.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: #d8d8d8;
}

.t-style0 {
  background: #6e6e6e;
  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;
}
--------------------------------------*/





/*--------------------------------------
  グローバルナビ ヘッダーの上のマージン
--------------------------------------*/

/* 画面幅が768px以上に適用するCSS */
@media screen and (min-width: 768px) {

/*ヘッダーの上のマージン*/
#header {
  margin-top: 24px;
}

/* グローバルナビをページ上部に */
#navi{
  position:absolute; /* 固定しない */
/*  position:fixed;*/  /* 位置固定 */
  top:0px;
  z-index:9999;
  width:100%;
}

}
/* ここまで 画面幅が768px以上に適用するCSS */





/*--------------------------------------
  モバイル スライドインメニュー
--------------------------------------*/

/* 画面幅が767pxまでに適用するCSS */
@media screen and (max-width: 767px) {

#header {
  margin-top: 40px;/*ヘッダーの上のマージン*/
  margin-bottom : -40px;/*ヘッダーの下のマージン*/
}


/* スライドインメニュー 背景の高さ 上の空き */
#footer-mobile-buttons{
  height: 0px;
  margin-top: -5px;
}


/* スライドインメニュー 文字色・背景色・高さ */
a#footer-button-prev,a#footer-button-next,a#footer-button-search,a#footer-button-menu,a#footer-button-go-to-top,a#footer-button-sidebar{
  color:#fff;
  background-color:#232323;
  height:40px;
  font-size:;
}


/* スライドインメニュー 不要なボタンを消す */
a#footer-button-prev, a#footer-button-next,a#footer-button-search,a#footer-button-go-to-top{
  display: none;
}


/* スライドインメニュー 文字を消す */
.menu-caption {
  display: none;
}


/* メニューを左寄せ 内側の余白 */
a#footer-button-menu{
  text-align: left;
  padding: 8px 0 0 10px ;
}


/* サイドバーを右寄せ 内側の余白 */
a#footer-button-sidebar{
  text-align: right;
  padding: 8px 10px 0 0 ;
}


/* スライドインメニュー トップに戻る ホバー色 */
a#footer-button-go-to-top :hover{
  background-color:#444444;
}

/* スライドインメニュー サーチ ホバー色 */
a#footer-button-search :hover{
  background-color:#444444;
  font-color:#fff !important;
}

}
/* ここまで、画面幅が767pxまでに適用するCSS */





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

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

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





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

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

/* WPP 人気記事ランキングの順位を表示　*/
.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 0 0 0;
}


/* 画面幅が767pxまでに適用するCSS */
@media screen and (max-width: 767px) {

.wpp-list li::before {
  left: 16px;
}

/* WPP 人気記事ランキングのサムネイル調整 */
.wpp-list li {
  margin-top: 10px !important;
  margin-left: -15px !important;
  margin-right: -20px !important;
}

.wpp-thumbnail {
  width: 100% ;
  height: 100%;
}

}
/* ここまで、画面幅が767pxまでに適用するCSS */






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

/* 画面幅が767pxまでに適用するCSS */
@media screen and (max-width: 767px) {

/* 高さのために枠線を入れる 見えないように背景色と同じに */
.widget_new_entries .new-entry {
  height:  ;
  border: 1px solid #FAFAFA;
}


/* 新着記事のサムネイル調整 */
.widget_new_entries .new-entry-thumb {
  margin-top:  !important;
  margin-bottom: 181px !important;
}


.widget_new_entries .new-entry-thumb img {
  position: absolute;
  top: ;
  left: 50%;
  -webkit-transform: translate(-50%, -0%);
  -ms-transform: translate(-50%, -0%);
  transform: translate(-50%, -0%);
  height:  ;
  width: auto !important;
}

}
/* ここまで、画面幅が767pxまでに適用するCSS */





/*--------------------------------------
  トップ 続きを読む
--------------------------------------*/

/* 「続きを読む」の体裁　*/
.entry-read a{
 color:;
 font-size:80%;
 background-color:;
 border:0px solid ;
 border-radius:2px;
 padding:0 0 0 0;
 text-decoration:none;
 margin-left:;
 }





/*--------------------------------------
  トップ記事一覧
--------------------------------------*/

/* トップ記事一覧の間に線を入れる　*/
#main .entry {
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
}





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

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


/* フッターのリンクの色 */
#footer a:hover{
  color:#fff;
}





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

/* 見出しh2 */
.entry-content h2 {
  border-left: 0px solid #f2f2f2;  
  border-bottom: 0px solid #f2f2f2;  
  padding: 10px 5px 5px 10px ;
  line-height: ;
  font-size: 180%;
  font-weight: bold;
  background-color: #e6e6e6;
  margin: 50px 0 0 0;
}

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

/* 見出しh4 */
.entry-content h4 {
  border-left: 5px solid #6e6e6e;  
  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:10px solid #dcdcdc;
  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:90%;
  line-height:140%;
  text-indent: -1em;
  padding-left: 1em;
}

/* Amazonと楽天、Yahoo!ショッピングのボタン */
.shoplinkamazon, .shoplinkrakuten, .shoplinkyahoo {
  text-align:center;  /* 文字をボタンの中央に */
  margin-right: 10px; /* ボタンとボタンの間の余白 */
  float: left;  /* ボタンを横並びに */
  width: 47%;  /* ボタンの幅 */
/*  display : block;/*   /* ボタンを縦に並べる */
/*  width:100%;/* /* ボタンの幅を横幅の100%に */
/*  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:#2e2e2e;  /* ボタンの背景色 */
  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 (min-width: 768px) and (max-width: 1366px) {

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

}
/* ここまで カエレバ タブレット表示 */



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

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

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

}
/* ここまで カエレバスマートフォン表示 */





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

/* 出典の文字 */
.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;
}





/*--------------------------------------
  画像キャプション
--------------------------------------*/

.wp-caption {
  max-width:100%;
  height:auto;
  border: 0px solid #ccc;
  text-align: left;
  background-color: #fff;
  padding-top: 0;
  /* margin: 0 0 0 0; */
  border-radius: 0px;
}
 
.wp-caption img {
  margin: ;
  padding: 0 0 0 0;
  border: 0px none;
}
 
.wp-caption p.wp-caption-text {
  font-size: small;
  color: #999;
  line-height: 1em;
  padding: 0 0 0;
  margin: -0.3em 0 -1.5em 0;
}





/*--------------------------------------
  タグクラウド
--------------------------------------*/

/* タグクラウドの体裁 */
.tagcloud a {
    display: inline-block;
    margin-bottom: 5px;
    padding: 6px 12px;
    color: #666;
    text-decoration: none;
    border-radius: 2px;
    border: 1px solid #e6e6e6;
/*    background: #FFF;*/
}

.tagcloud a:hover {
/*    transition: 0.3s;*/
/*     background: #EFEFEF ;*/
/*    color: #cc0033 !important;*/
    text-decoration: underline;
}





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


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


/* iPhone5 関連記事の調整 */
@media screen and (max-width: 359px) {
.related-entry-thumbnail img {
    width: 100px !important;
    height: 100px !important;
    margin-right: 5px;
    float: left;
}

}
/* ここまで　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); /*横方向　下方向　ぼかし　広がり　色 */
}







/*--------------------------------------
  「次のページへ」
--------------------------------------*/
/* テーブルの角を丸くする */
.next_table {
	border-radius:10px;
	border:1px solid #000;
	overflow:hidden;
}

/* 1行全体をリンク */
.next_table td a {
	display: block; 
}

.next_table a:hover {
	background-color: #fff;
}





/*--------------------------------------
  写真の下の説明のキャプション
--------------------------------------*/
.photo_cap {
   font-size :;
   color: #808080;
   margin: 0 0 0 0;
}