@import url('https://fonts.googleapis.com/css?family=Mandali');

/*-- 目次センター寄せ --*/
#toc_container {
margin-left: auto;
margin-right: auto;
}

/*-- 目次デザイン --*/
#toc_container {
  margin-bottom: 40px;
  padding: 15px 20px;
  background: #fff;
  border: 5px solid #c2e590;
  border-radius: 2px;
  color: #666; }

#toc_container .toc_title {
  font-family: 'Mandali', cursive;
  text-align: center;
  margin-bottom: 35px;
  margin-top: 0;
  padding-top: 0;
color:#e597b2;
  padding-bottom: 0px;
  font-size: 1.7em;
  border-bottom: 2px solid #c2e590; }

#toc_container .toc_list {
  list-style-type: none !important;
  counter-reset: li; }

#toc_container .toc_list > li {
  position: relative;
  margin-bottom: 15px;
padding-top:2px;
  margin-left: 6px;
  line-height: 1.3em;
  font-size: 0.9em; }

#toc_container .toc_list > li:after {
  counter-increment: li;
  content: counter(li) ;
  position: absolute;
  left: -35px!important;
  top: 0px;
  background: none;
  font-family: 'Mandali', cursive;
  font-size: 1.4em;
  letter-spacing: 0px;
  color: #c2e590; }

#toc_container .toc_list > li a {
  text-decoration: none !important;
color:#666; }

#toc_container .toc_list > li a:hover {
  text-decoration: underline !important; }

#toc_container .toc_list > li ul {
  list-style-type: disc;
  margin-top: 15px;
  padding-left: 20px;
  color: #c2e590; }

#toc_container .toc_list > li > ul li {
  font-size: 0.9em;
  margin-bottom: 8px; }

@media only screen and (min-width: 641px) {
  #toc_container {
    padding: 25px 40px; }

  #toc_container .toc_title {
    font-size: 2em; }

  #toc_container .toc_list > li {
    margin-bottom: 18px;
    margin-left: 12px;
    font-size: 1em; }

  #toc_container .toc_list > li:after {
    left: -48px;
    top: 0px;
    font-size: 26px; } }


/*-----カエレバカスタマイズここから-----*/
/*ボックス全体*/
.kaerebalink-box {
 background-color:#ffffff;/*背景色*/
  padding:20px 20px 10px !important;
  margin-bottom:40px;
  border-radius:5px;
 box-shadow:0 0 0 4px #f5f5f5, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
 
/*商品名*/
.kaerebalink-name a {
  font-size:16px;
  line-height:22px;
  font-weight:bold;
}
 
/*クレジット表記部分*/
.kaerebalink-powered-date a {
  font-size:8px;
}
 
/*Amazonボタン*/
.shoplinkamazon a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background-color:#94dd46; /*ボタン背景色*/
  box-shadow: 0 3px 0 #78c60b; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkamazon a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #78c60b; /*ボタンの影と同じ色*/
}
 
/*楽天ボタン*/
.shoplinkrakuten a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#94dd46; /*ボタン背景色*/
  box-shadow: 0 3px 0 #78c60b; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkrakuten a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #78c60b; /*ボタンの影と同じ色*/
}
 
/*Yahooショッピングボタン*/
.shoplinkyahoo a {
  width:31%;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#94dd46; /*ボタン背景色*/
  box-shadow: 0 3px 0 #78c60b; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkyahoo a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #78c60b; /*ボタンの影と同じ色*/
}
 
/*タブレット・スマホ*/
@media print, screen and (max-width:1100px) {
.kaerebalink-image {
  width:40%;
}
	
.shoplinkamazon a {
  width:100%;
}
	
.shoplinkrakuten a {
  width:100%;
}
 
.shoplinkyahoo a {
  width:100%;
}
}
/*-----カエレバカスタマイズここまで-----*/


/*-----ヨメレバカスタマイズここから-----*/
/*ボックス全体*/
.booklink-box {
 background-color:#ffffff;/*背景色*/
  padding:20px 20px 10px !important;
  margin-bottom:40px;
  border-radius:5px;
 box-shadow:0 0 0 4px #f5f5f5, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
 
/*商品名*/
.booklink-name a {
  font-size:16px;
  line-height:22px;
  font-weight:bold;
}
 
/*クレジット表記部分*/
.booklink-powered-date a {
  font-size:8px;
}
 
/*Amazonボタン*/
.shoplinkamazon a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background-color:#94dd46; /*ボタン背景色*/
  box-shadow: 0 3px 0 #78c60b; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkamazon a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #78c60b; /*ボタンの影と同じ色*/
}
 
/*楽天ボタン*/
.shoplinkrakuten a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#94dd46; /*ボタン背景色*/
  box-shadow: 0 3px 0 #78c60b; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkrakuten a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #78c60b; /*ボタンの影と同じ色*/
}
 
/*Kindleボタン*/
.shoplinkkindle a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#94dd46; /*ボタン背景色*/
  box-shadow: 0 3px 0 #78c60b; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkkindle a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #78c60b; /*ボタンの影と同じ色*/
}
 
/*タブレット・スマホ*/
@media print, screen and (max-width:1100px) {
.kaerebalink-image {
  width:40%;
}
	
.shoplinkamazon a {
  width:100%;
}
	
.shoplinkrakuten a {
  width:100%;
}
 
.shoplinkkindle a {
  width:100%;
}
}
/*-----ヨメレバカスタマイズここまで-----*/

/*VA Social Buzz　ここから*/
/*「VA Social Buzz」Twittr・Facebookシェアボタン非表示*/
.va-social-buzz .vasb_share {
  display:none;
}