@charset "UTF-8";

/*
	Theme Name: Simplicity2 child footer white
	Template: simplicity2
        Version: 20160721
*/

/* Simplicity子テーマ用のスタイルを書く */
/* Simplicity1用の子テーマをSimplicity2で使う時の修正方法
https://wp-simplicity.com/simplicity1-to-2-child-theme-settings/ */ 

/************************************
** カエ〇バ 変更  2017/7/7 Evernoteに履歴あり
************************************/
.rrrrrlink-box, .bbbbblink-box {
  width: 100%;
  margin: 0 0 2rem;
  padding: 1rem;
  background: #ffffff;
  border: 1px solid;
  border-color: #eaeaea #dddddd #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  /zoom:1;
}
.rrrrrlink-box:after, .bbbbblink-box:after {
  content:"";
  display:block;
  visibility:hidden;
  height:0;
  clear:both;
}
.rrrrrlink-image, .bbbbblink-image {
  float:left;
 /* width:128px;*/
  margin:0;
  text-align:center;
}
.rrrrrlink-image img, .bbbbblink-image img { max-width:128px; height:auto; } /* この行2か所修正済み*/
.rrrrrlink-info, .bbbbblink-info { margin: 0 0 0 140px; line-height: 1.6rem; }
.rrrrrlink-name, .bbbbblink-name {
  font-size: 1.0625rem;
  font-weight: bold;
  margin: 0;
}
.rrrrrlink-name a, .bbbbblink-name a { color: #2b2b2b; }
.rrrrrlink-name a:hover, .bbbbblink-name a:hover { text-decoration: underline; }
.rrrrrlink-powered-date, .bbbbblink-powered-date { font-size: 0.75rem; font-weight: normal; }
.rrrrrlink-detail, .bbbbblink-detail { font-size: 0.9375rem; margin: 0 0 0.5em; }
.rrrrrlink-link1, .bbbbblink-link2 { width:100%; }
.rrrrrlink-link1 div, .bbbbblink-link2 div {
  float: left;
  width: 49.5%;
  margin-bottom: 1%;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
.rrrrrlink-link1 div:nth-child(even), .bbbbblink-link2 div:nth-child(even) { margin-left: 1%; }
.rrrrrlink-link1 div a, .bbbbblink-link2 div a { display:block; padding:3px 0; text-decoration:none; }
.hhhhhlinkamazon a, .hhhhhlinkrakuten a, .hhhhhlinkyahoo a, .hhhhhlinkyahooAuc a,
.hhhhhlinkseven a, .hhhhhlinkbellemaison a, .hhhhhlinkcecile a, .hhhhhlinkkakakucom a,
.hhhhhlinkkindle a, .hhhhhlinkbk1 a, .hhhhhlinkehon a, .hhhhhlinkkino a,
.hhhhhlinkjun a, .hhhhhlinktoshokan a, .hhhhhlinkrakukobo a,{
  display:block;
  text-decoration:none;
}
.hhhhhlinkamazon a { color:#ffffff; background:#ff9900; }
.hhhhhlinkkindle a { color:#ffffff; background:#1882c9; }
.hhhhhlinkrakuten a { color:#ffffff; background:#bf0000; }
.hhhhhlinkyahoo a { color:#ffffff; background:#fc1d2f; }
.hhhhhlinkyahooAuc a { color:#252525; background:#ffdb00; }
.hhhhhlinkseven a { color:#ffffff; background:#225093; }
.hhhhhlinkbellemaison a { color:#ffffff; background:#83be00; }
.hhhhhlinkcecile a { color:#ffffff; background:#6b053d; }
.hhhhhlinkkakakucom a { color:#ffffff; background:#00138e; }
.hhhhhlinkbk1 a { color:#ffffff; background:#0484d2; }
.hhhhhlinkehon a { color:#ffffff; background:#00006a; }
.hhhhhlinkkino a { color:#ffffff; background:#003e9d; }
.hhhhhlinkjun a { color:#4b5854; background:#d8c9b7; }
.hhhhhlinktoshokan a { color:#ffffff; background:#29b6e9; }
.bbbbblink-footer { clear:both !important; }
 /* 追記*/
.hhhhhlinkrakukobo a { color:#ffffff; background:#32cd32; }
.hhhhhlinkamazon img, .hhhhhlinkrakuten img, .hhhhhlinkrakukobo img, .hhhhhlinkyahoo img, .hhhhhlinkyahooAuc img,
.hhhhhlinkseven img, .hhhhhlinkbellemaison img, .hhhhhlinkcecile img, .hhhhhlinkkakakucom img,
.hhhhhlinkkindle img, .hhhhhlinkbk1 img, .hhhhhlinkehon img, .hhhhhlinkkino img,
.hhhhhlinkjun img, .hhhhhlinktoshokan img {
  display:none;
}

@media only screen and (min-width:460px) and (max-width:640px) {
        .rrrrrlink-link1 div, .bbbbblink-link2 div { float: none; width: 100%; }
        .rrrrrlink-link1 div:nth-child(even), .bbbbblink-link2 div:nth-child(even) { margin-left: 0; }
}
@media only screen and (max-width:459px) {
        .rrrrrlink-image, .bbbbblink-image {
          float:none;
          width:100%;
          margin:0;
          text-align:center;
        }
        .rrrrrlink-image img, .bbbbblink-image img { width:180px; height:auto; }
        .rrrrrlink-info, .bbbbblink-info { margin: 0; }
        .rrrrrlink-link1 div, .bbbbblink-link2 div { float: none; width: 100%; }
        .rrrrrlink-link1 div:nth-child(even), .bbbbblink-link2 div:nth-child(even) { margin-left: 0; }
}

/************************************
** Amazon 楽天 ボタン 完全オリジナル
************************************/
.amaz {
     width: 100px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 1px 0 1px;
    color: #fff;
    background-color: #e47911;
    border-radius: 5px;
    box-shadow: 3px 3px #aca49d;
}
.raku {
     width: 100px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 1px 0 1px;
    color: #fff;
    background-color: #E41010;
    border-radius: 5px;
    box-shadow: 3px 3px #aca49d; 
}

/************************************
** 目次 プラグイン TOC
************************************/
#toc_container {
 background: #f8f8f8 !important; 
}
#toc_container p.toc_title {
      text-align: left !important; 
     padding-left: 1em !important ;
    border-bottom: 2px solid #8E813E;
}
#toc_container p.toc_title:before {
      content: "§  " ;
color: #8E813E;
font-weight:bold;
font-size:150%;
}

.toc_list a {
   text-decoration: none;/* リンクのアンダーラインなし*/
}
.toc_list li {
    list-style-type:decimal !important;/* ol でも ul でも番号挿入 */
    font-weight:bold;
    list-style-position: inside !important;/* 番号はみだしを訂正する*/
}
.toc_list ul > li {
    list-style: none;/* 2階層目は番号なし。 */
 /* list-style-type: square;黒四角 */
    font-weight:normal ; 
}
 /*
.toc_list ul > li{
  list-style: none;
  padding-left: 0;
  display: table;
 border-left: 2px solid #8E813E;
}
*/
.toc_list ul > li:after {
  content: "";
  display: block;
}
 
.toc_list ul >li {
  display: table-row;
}

.toc_list ul > li:before {
  content: ">  ";
font-size:90%;
color: #d1d1d1 ;
}
 
.toc_list ul > li a{ /* 2段目*/
color:  #4198A8;
}

/************************************
** 文字見やすく、行間、パラグラフ、リストを十分に
************************************/
.article {
    font-size: 16px;
    line-height: 200%;
}
.article p {
    margin: 40px 0;
}
.article ol, .article ul, .article dl {
    line-height: 180%;
}

/************************************
** 人物 吹き出し  2016/07/22 賢ちゃん
************************************/
/*吹き出しの 角丸
※IE8等古いブラウザを除く*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }
/*吹き出し*/
.chat-l,
.chat-r{
	position: relative;
	overflow: hidden;
	margin: 0 0 2em;
}

.bubble{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	min-height: 60px;
	margin-bottom: 2em;
	padding: 1em;
	border: 1px solid #ccc;
	background: #fff;
}

.bubble .bubble-in{
	border-color: #fff;
}

.talker{
	display: block;
	width: 15%;
	height: auto;
	text-align: center;
}

.talker b{
	font-weight: normal;
}

.talker img{
	display: block;
	width: 100px;
	max-width: 100%;
	max-width: none\9;/*IE8への対応*/
	margin: auto;
}

html:not(:target) .talker img{
    max-width: 100%; /*IE9以上への対応*/
}

.chat-l .talker{
	float: left;
	margin-right: 2%;
}

.chat-r .talker{
	float: right;
	margin-left: 2%;
}

.chat-l .bubble{
	float: right;
}

.chat-r .bubble{
	float: left;
}

.bubble .bubble-in:after,
.bubble .bubble-in:before{
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: "";
}

/*吹き出しの微調整*/
.bubble .b-arw20:after,
.bubble .b-arw20:before{ top: 20%; }
.bubble .b-arw30:after,
.bubble .b-arw30:before{ top: 30%; }
.bubble .b-arw40:after,
.bubble .b-arw40:before{ top: 40%; }
.bubble .b-arw60:after,
.bubble .b-arw60:before{ top: 60%; }
.bubble .b-arw70:after,
.bubble .b-arw70:before{ top: 70%; }
.bubble .b-arw80:after,
.bubble .b-arw80:before{ top: 80%; }

.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before{
	right: 100%;
}

.chat-r .bubble div:after,
.chat-r .bubble div:before{
	left: 100%;
}

.chat-l .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-right-color: inherit;
}

.chat-l .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-right-color: #ccc;
}

.chat-r .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-left-color: inherit;
}

.chat-r .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-left-color: #ccc;
}

.bubble p:first-child{
	margin-top: 0;
}

/*吹き出し 会話者が複数人の場合*/
.together .talker,
.together .bubble{
	width: 100%;
}

.together .talker b{
	display: inline-block;
	text-align: center;
}

.together.chat-l .talker,
.together.chat-r .talker{
	float: none;
	margin: 0 0 20px;
}

.together.chat-l .talker{
	text-align: left;
}

.together.chat-r .talker{
	text-align: right;
}

.together.chat-l .bubble,
.together.chat-r .bubble{
	float: none;
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{
	top: auto;
	bottom: 100%;
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{
	right: auto;
	left: 10%;
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{
	right: 10%;
	left: auto;
}

.together.chat-l .bubble .bubble-in:after{
	margin-top: -20px;
	margin-left: -8px;
	border-width: 20px 8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-l .bubble .bubble-in:before{
	margin-top: -21px;
	margin-left: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.together.chat-r .bubble .bubble-in:after{
	border-width: 20px 8px;
	margin-top: -20px;
	margin-right: -8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-r .bubble .bubble-in:before{
	margin-top: -21px;
	margin-right: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.bubble-in p:last-child{
	margin-bottom: 0;
}

/************************************
** pタグ同士の行間の変更 2016/04/26
************************************/

.article  p {
    margin: 30px 0;
}

/************************************
** ブログカードを中央へ
************************************/
.blog-card {
  margin: 0 auto;
background-color: #F1F1F1;
}

/************************************
** フッター(footer)
************************************/
#footer {
  background-color: transparent;
  color: #000;
}

#footer-widget {
  color: #000;
}

#footer a {
  color: #2098A8;
}

#footer h4{
  color:#333;
}

#copyright a{
  color:#111;
}

/************************************
** オリジナル広告関連 Ad
************************************/
.ad-top-pc-linkunit {
  margin: 5px 0 10px 0;
}
.ad-left {
  margin-left: -10px;
  }
.ad_taitle_sita {
  padding: 0 0 10px 0;
  border-bottom: solid 1px #E7E7E7;
}
.ad-smaph-top320-50 {
  margin-left: -10px;
}
/************************************
** 色関係
************************************/

body {
background-color: #f1f1f1;	
}

#navi ul {
background-color: #ECE9DC;
}
.post-meta {
background-color: #ECE9DC;
}
#sidebar h3{
  background-color: #ECE9DC;
  line-height: 160%;
  border-left: solid 5px #8E813E;
  padding-left: 0.5em;
}
.fa{  /*ホームやフォルダー関連のアイコンの色*/
color: #8E813E;
}
/************************************
** 記事内の見出し
************************************/
.article h2 {
border-left: 3px solid #8E813E;
}
.article h3, #comment-area h3, #related-entries h3 {
border-bottom: 5px solid #ECE9DC;
}
.article h4 {
border-bottom: 5px dashed #ECE9DC;
}
/************************************
** 続きを読む　右寄せ
************************************/
.entry-read {
text-align: right;
}

/************************************
** オリジナル
************************************/


/*  -------プラグイン　New PostCatch アイキャッチ入り　最新記事
　　　ウィジェットでの設定CSSをOFFにして以下のCSSを追加
-------------*/
#npcatch li {
  overflow: hidden;
  clear: both;
  margin: 0px 0px 0px;
}
#npcatch img {
  float: left;
  padding: 5px 10px;
}
#npcatch .title {
  /* width:135px; */
  /* float:left; */
  padding: 5px 5px 5px 0px;
}

/*　マーカー*/
.marker_marble {
  background: linear-gradient(transparent 60%, #ede9d5 60%);
  font-weight: bold;
}
.marker_yellow {
  background: linear-gradient(transparent 60%, #ffeb8c 60%);
  font-weight: bold;
}
/*　参考*/
span.sankou {
  margin: 0 1em 0 -3em;
  padding: 0.1% 1%;
  background: #8E813E;
  color: #fff;
  font-size: 85%;
}
/*　関連*/
span.kanren {
  margin: 0 1em 0 -3em;
  padding: 0.1% 1%;
  background: #7C7C7C;
  color: #fff;
  font-size: 85%;
}
/*　Via*/
span.via {
  margin: 0 1em 0 -3em;
  padding: 0% 1%;
  color: #333;
  font-size: 85%;
  border: 1px solid #7c7c7c;
}
/* ----「参考」「関連」「Via」でのｐで利用 --------------------
------------------------------------------*/
.kanren-link {
  padding: 2px 20px 7px 60px!important;
  margin: 15px 0 8px 0!important;
  clear: both;
  font-size: 92%;
}
/* ----Jetpack 人気記事の画像を拡大 functionも--------------------
------------------------------------------*/
.widgets-list-layout .widgets-list-layout-blavatar {
  max-width: 100px !important;
  /* 40pxより--*/
}
/* ----キャプション入り画像　Windows L Writer --------------------
------------------------------------------*/
div.img-caption {
  max-width: 560px;
  padding: 5px;
  border: 1px solid #EBEBEB;
  background-color: #F3F3F3;
  margin: 20px auto !important;
  /* ---上下20px　左右中央よせ-------*/
  font-size: small;
  /* ----span のキャプション用----------*/
}

/************************************
** 旧バッジ、見出し、ボックス関連
************************************/
.checked {
  padding: 12px 0 8px 35px!important;
  margin: 10px 0 8px 0!important;
  clear: both;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 145%;
}
.chuui_gold,
.chuumoku_gold,
.check_gold,
.point_gold,
.matome_gold,
.juyou_gold,
.youten_gold,
.new_gold,
.osusume_gold,
.tips_gold {
  padding: 2px 0 7px 62px!important;
  margin: 15px 0 8px 0!important;
  clear: both;
  display: block;
  font-size: 14px;
  font-weight: bold;
  line-height: 145%;
}
.chuui_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention1_gold.png) left top no-repeat;
}
.chuumoku_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention2_gold.png) left top no-repeat;
}
.check_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention3_gold.png) left top no-repeat;
}
.point_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention4_gold.png) left top no-repeat;
}
.matome_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention5_gold.png) left top no-repeat;
}
.juyou_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention6_gold.png) left top no-repeat;
}
.youten_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention7_gold.png) left top no-repeat;
}
.new_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention8_gold.png) left top no-repeat;
}
.osusume_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention9_gold.png) left top no-repeat;
}
.tips_gold {
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/attention10_gold.png) left top no-repeat;
}
.star_gold {
  padding: 14px 0 10px 50px!important;
  margin: 10px 0 8px 0!important;
  clear: both;
  display: block;
  font-size: 17px;
  font-weight: bold;
  line-height: 145%;
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/star_gold.png) left top no-repeat;
}
.qmark_gold {
  padding: 20px 0 2px 38px!important;
  margin: 8px 0 8px 0!important;
  clear: both;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 145%;
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/qmark_gold.png) left top no-repeat;
}
.ex_gold {
  padding: 20px 0 2px 38px!important;
  margin: 8px 0 8px 0!important;
  clear: both;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 145%;
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/ex_gold.png) left top no-repeat;
}
.q_gold {
  padding: 20px 0 2px 38px!important;
  margin: 8px 0 8px 0!important;
  clear: both;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 145%;
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/q_gold.png) left top no-repeat;
}
.a_gold {
  padding: 20px 0 2px 38px!important;
  margin: 8px 0 8px 0!important;
  clear: both;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 145%;
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/a_gold.png) left top no-repeat;
}
.square1_gold {
  padding: 9px 0 5px 38px!important;
  margin: 15px 0 10px 0!important;
  clear: both;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 145%;
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/square1_gold.png) left top no-repeat;
}
.square2_gold {
  padding: 9px 0 5px 38px!important;
  margin: 15px 0 10px 0!important;
  clear: both;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 145%;
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/square2_gold.png) left top no-repeat;
}
.circle1_gold {
  padding: 9px 0 5px 38px!important;
  margin: 15px 0 10px 0!important;
  clear: both;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 145%;
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/circle1_gold.png) left top no-repeat;
}
.circle2_gold {
  padding: 9px 0 5px 38px!important;
  margin: 15px 0 10px 0!important;
  clear: both;
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 145%;
  background: url(https://www.amamoba.com/wp-content/uploads/img/option-decoration/circle2_gold.png) left top no-repeat;
}
.box-gold {
  width: 90%;
  clear: both;
  padding: 15px 12px 15px 12px!important;
  margin: 15px auto 15px auto!important;
  border: 1px solid #8E8B52;
}
.box-gold-b {
  width: 90%;
  clear: both;
  padding: 14px 11px 14px 11px!important;
  margin: 15px auto 15px auto!important;
  border: 3px solid #8E8B52;
}
.box-gold-dot {
  width: 90%;
  clear: both;
  padding: 15px 12px 15px 12px!important;
  margin: 15px auto 15px auto!important;
  border: 1px dotted #8E8B52;
}
.box-gold-bg {
  width: 90%;
  clear: both;
  padding: 15px 12px 15px 12px!important;
  margin: 15px auto 15px auto!important;
  border: 1px solid #8E8B52;
  background-color: #E9E5D0;
}
.box-gold-b-bg {
  width: 90%;
  clear: both;
  padding: 14px 11px 14px 11px!important;
  margin: 15px auto 15px auto!important;
  border: 3px solid #8E8B52;
  background-color: #E9E5D0;
}
.box-gold-dot-bg {
  width: 90%;
  clear: both;
  padding: 15px 12px 15px 12px!important;
  margin: 15px auto 15px auto!important;
  border: 3px solid #8E8B52;
  background-color: #E9E5D0;
}
/************************************
** Boootstrap 表など
************************************/
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }