@charset "UTF-8";
@import url("../simplicity/style.css");
@import url("./css/themes/blue/style.css");

/*
Theme Name: livechat_guide_v1.0
Template:   simplicity
Version:    20150717
*/

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


/* general */
body {
  background-color: #eee;
}

#navi,
.entry-title,
.secondary-title,
#archive-title,
#footer,
.widget .widgettitle,
#comments,
#reply-title {
  background-color: #252525;
}

.top-title-catchphrase {
  position: relative;
}

#mobile-menu {
  z-index: 10;
}

#site-description {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px;
  font-size: 14px;
  color: #fff;
  background: rgb(61, 61, 61); /* IE6,7,8向け */ 
  background: rgba(0, 0, 0, 0.5);
  width: 56%;
}

#navi ul {
  border-radius: 0;
}

#navi ul li {
  width: 25%;
}

#navi ul li a {
  font-size: 20px;
  text-align: center;
  color: #fff;
}

.entry-title,
#archive-title {
  color: #fff;
  padding: 9px;
  border-bottom: 3px solid #FF1138;
}

#list .category {
  display: none;
}

#navi ul {
  border: none;
  background-color: #252525;
}


#navi ul li:nth-of-type(1),
.widget_recent_comments .widgettitle,
.bwp-rc-widget .widgettitle{
  border-bottom: 3px solid #1662ff;  
}

#navi ul li:nth-of-type(2) {
  border-bottom: 3px solid #ff1138;  
}

#navi ul li:nth-of-type(3),
.widget_pages  .widgettitle {
  border-bottom: 3px solid #2ea017;  
}

#navi ul li:nth-of-type(4) {
  border-bottom: 3px solid #ffa836;  
}

#sidebar { float: left; }

#main { float: right; }


/* sidebar */
#sidebar h4 {
  margin-top: 0;
}

#sidebar .widget {
  margin-bottom: 20px;
}

.widget {
  background-color: #fff;
  padding: 0 0 0;
  margin-bottom: 21px;
}

.widget .widgettitle {
  color: #fff;
  padding: 9px 9px 3px 9px
}

#sidebar ul { padding-left: 0;}

#sidebar li {
  padding: 0 10px 10px;
  border-bottom: dotted 1px #555;
}

#sidebar .list-unstyled,
.comment-datetime {
  color: #6f6f6f;
}

.review-wrap {
  font-size: 14px;
}

.review-wrap a {
  color: #174CB9;
}

.review-wrap p {
  margin: 5px 0 0;
}


/* #list > table */
#list .list-aside-comment { font-size: 12px; }

#list table {
  font-size: 11px;
  border-collapse: collapse;
  border-spacing: 0;
  border: 1px solid #d6d6d6;
}

#list thead {
  text-align: center;
  background-color: #636363;
  color: #fff;
}

#list th {
  border-left: 1px dotted #fff;
  padding: 5px 0;
}

#list td {
  text-align: center;
  border: 1px solid #d6d6d6;
}

#list .list-table-td-site-name { width: 20%; }

#list .list-table-td-category,
#list .list-table-td-freePoints,
#list .list-table-td-device,
#list .list-table-td-pointsRate,
#list .list-table-td-rating,
#list .list-table-td-rating { width: 16%; }

#list .list-table-td-rating .crfp-rating {
  width: 16%;
  margin: 0 auto;
}


/* post */
.entry-card-content {
  margin-left: 0;
}

.entry-thumb {
  float: none;
  margin-right: 0;
  margin-top: 0;
}

.entry-thumb img {
  border: 0px none;
  width: 100%;
  height: auto;
  margin-bottom: 0;
}

.pager { display: none; }
.post-meta { display: none; }

.livechatInfo-contents-detail-cont {
  overflow: hidden;
  margin-bottom: 20px;
}
  
.livechatInfo-contents-detailThumbnail {
  float: left;
  width: 30%;
  padding: 9px;
}

.livechatInfo-contents-detailList {
  float: left;
  width: 66%;
}

.livechatInfo-contents-detailList dl {
  overflow: hidden;
  margin: 0 0 4px;
}

.livechatInfo-contents-detailList dt {
  float: left;
  width: 30%;
  padding: 9px;
  background-color: #343434;
  border: 1px solid #343434;
  color: #fff;
}

.livechatInfo-contents-detailList dd {
  float: left;
  width: 61%;
  padding: 9px;
  border: 1px solid #d6d6d6;
  margin: 0;
}

.livechatInfo-contents-detailList .livechatInfo-contents-detailList-rating {
  padding: 13px 9px 13px;
}


.liveChat_link_btn a {
  display: block;
  text-align: center;
  color: #fff;
  text-decoration: none;
  padding: 25px 0;
  font-size: 30px;
  width: 100%;
  border-radius: 40px;
  background-color: #2f8B1d;
}

.livechatInfo-text-cont ul {
  list-style: none;
  clear: both;
}

.livechatInfo-text-cont li {
  float: left;
}

.sub-head,
h5.livechatInfo-subTitle {
  border-left: 3px solid #ffa836;
  margin-bottom: 9px;
  padding: 3px 0px 0 6px;
}

li.comment {
  border-bottom: 1px dotted #7e7e7e;
}

#comments,
#reply-title {
  color: #fff;
  padding: 9px;
}

#comments { border-bottom: 3px solid #FF1138; }

#commentform input.submit {
  border: none;
  text-align: center;
  color: #fff;
  padding: 25px 0;
  font-size: 30px;
  width: 100%;
  border-radius: 40px;
  background-color: #2f8B1d;
}


/* page-review.php */
.commets-list { 
  list-style: none;
  padding-left: 0;
}

.admin {
  display: block;
  color: #1662ff;
  border-left: 2px solid #1662ff;
  padding-left: 3px;
}

.comment-info .admin a {
  color: #1662FF;
  text-decoration: none;
}

.comment-rating { color: #6f6f6f; }
.comment-rating .crfp-rating { display: inline-block; }

.comment_site_detail_link {
  text-align: right;
  padding-bottom: 15px;
}
.comment_site_detail_link a { color: #12296B; }

/* page */
.article .secondary-title {
  color: #fff;
  margin: 40px 0 20px;
  padding: 9px;
  border-bottom: 3px solid #ff1138;
}

h3.sub-head {
  font-size: 20px;
  border-bottom: none;
  padding: 3px 8px;
}

/*  */
#commentform .comment-notes { display: none; }
