/*
Theme Name: Total-child
Author: karakuri8
Template: Total
*/

@import url('../Total/style.css');

/**------------------------------------------
 ■ ︎ 共通
------------------------------------------**/
.show-tempo-none {
	display: none!important;
}


/* 基本設定
------------------------------------------------------------- */

body {
  font-family: "Hiragino Kaku Gothic ProN",Meiryo,"メイリオ",sans-serif;
}


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

/** ロゴの位置 **/
/**
#site-logo {
  padding-left:65px;
}
@media screen and (max-width: 970px) {
	#site-logo {
  		padding-left:0;
	}
}

@media screen and (max-width: 500px) {
	#site-logo a img {
  		width: 85%;
	}
}
**/
.puni-banner {
    display: block;
    padding-top: 50px!important;
}
.puni-banner img:hover {
    opacity: 0.6;
}

/** メニュー **/
.navbar-style-two .dropdown-menu {
  border-left: 0px solid #e4e4e4;
  border-left-width: 0px;
  border-left-style: solid;
  border-left-color: rgb(228, 228, 228);
}

.navbar-style-two .dropdown-menu > li {
  border-right: 0px solid #e4e4e4;
}

/* トップページ・アーカイブ・カテゴリー　グリッドデザイン共通
------------------------------------------------------------- */

/** レビュー星 **/
.totale-score-large {
  width: 100%;
  height: 20px;
  margin-bottom:15px;
  margin-top: 10px;
}

/** メタ情報（カテゴリー） **/
ul.meta-with-title {
  margin-top: 10px!important;
  margin-bottom: 10px!important;
}
ul.meta-with-title li {
  line-height: 1.7;
  font-size: 11px;
}
li.meta-category {
  margin-bottom: 0!important;
}


/* トップページ
------------------------------------------------------------- */

/** トップページ（VCによる）グリッド **/
.vcex-blog-entry-media {
  border: 1px solid #eee;
}
.vcex-blog-entry-details {
  border: 1px solid #eee!important;
}
.vcex-blog-entry-title {
  color: #555555;
  margin-bottom:0px!important;
  line-height: 1.6em!important;
}
.vcex-blog-entry-excerpt {
    line-height: 1.8em!important;
}


/* アーカイブ・カテゴリーページ
------------------------------------------------------------- */

/** カテゴリ、アーカイブページのグリッド **/
header.blog-entry-header h2.blog-entry-title {
  line-height: 1.1!important;
}
header.blog-entry-header h2.blog-entry-title a {
  margin-bottom:0px!important;
  font-size: 14px!important;
}
.blog-entry.grid-entry-style .blog-entry-excerpt p {
  margin-top: 10px;
  font-size: 13px!important;
  line-height: 1.8em!important;
}
.broken_link, a.broken_link {
  text-decoration: none;
}
h1.page-header-title {
  padding: 15px 0 0;
}


/* 固定ページ・シングルページ共通
------------------------------------------------------------- */

/** タイトル h1 h2 h3 h4 **/
.single-blog-article h1, body.page h1.child-page-title {
  font-size: 30px;
}

.single-blog-article h2, body:not(.home).page div.entry-content h2 {
  border-left: 12px solid #36b4dd;
  padding: 13px 0 13px 25px;
  position: relative;
  z-index: 1;
}
.single-blog-article h2:before, body:not(.home).page div.entry-content h2:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  border-left: solid 5px #eee;
  z-index: 10;
  min-height: 100%;
}


/* シングルページ
------------------------------------------------------------- */

/** テーマ情報 **/
div#theme-info-wrapper {
  padding: 10px 0 30px 0;
  margin: 0 0 30px 0;
  border-bottom: dashed 1px #ccc;
}
ul#theme-info {
  float: left;
  margin:0;
  width: 55%;
  font-size: 13px;
}
ul#theme-info h2 {
  margin:0 0 10px;
  font-size:20px;
}
ul#theme-info li {
  list-style: none;
}
ul#demo-link {
  float: right;
  margin: 0 0 0 30px!important;
}
ul#demo-link li {
  margin: 0;
  list-style: none;
}
ul#demo-link li a {
  display: block;
  text-align: center;
  background: #000;
  color: #fff;
  width: 250px;
  padding: 20px 0 10px;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.0;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-bottom: 10px solid #333;
}
ul#demo-link li a span {
  font-size: 12px;
  font-weight: normal;
}
ul#demo-link li a:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  text-decoration: none;
}
ul#demo-link li.demo {
  margin-bottom: 15px;
}
@media screen and (max-width: 720px){
  ul#theme-info {
    width: 100%;
    clear: all;
  }
  ul#demo-link {
    clear: all;
    width: 100%;
    margin-top:30px!important;
  }
  ul#demo-link a {
    margin:0 auto;
  }
}
#theme-review {
	border-top: 1px dashed #ebebeb;
	padding-top: 30px;
}
/** 画像影 **/
.kage {
  box-shadow: 0 0 2px #333;
  -moz-box-shadow: 0 0 2px #333;　/* Firefox用 */  
  -webkit-box-shadow: 0 0 2px #333;　/* Safari,Google Chrome用 */ 
}

/** 記事下SNSボタン **/
.single-bottom-sns {
  border-top: 1px solid #f3f3f3;
  border-bottom: 1px solid #f3f3f3;
  padding: 30px 0 20px 10px;
  margin: 30px 0 50px 0!important;
}
.single-bottom-sns li {
  float: left;
  padding-right: 15px;
  list-style: none;
}

/** 記事下関連リンク **/
div#reference_link ul {
  margin-left: 0;
}
div#reference_link ul li {
  list-style: none;
  padding: 10px 0;
  border-bottom: #eee 1px solid;
}
div#reference_link ul h4 {
  border-left:10px solid #fdff5d;
  padding: 10px 0 10px 15px;
  position: relative;
  z-index: 1;
}
div#reference_link ul h4:before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  border-left: solid 5px #eee;
  z-index: 10;
  min-height: 100%;
}

/** 記事下コメント **/
section#comments div.comment-details div.comment-content p {
  font-size: 14px!important;
  line-height: 1.8em!important;
}

/** アンケート **/
a.survey-single {
  margin-top: 40px;
}


/* サイドバー
------------------------------------------------------------- */

/** Best Reviews **/
ul.reviews-posts li {
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #eee;
}
ul.reviews-posts li h3 {
  margin: 0;
  font-weight: normal;
  font-size: 13px;
}

/** 最近の投稿 **/
div#wpex_recent_posts_thumb-2 ul.wpex-widget-recent-posts li {
  line-height: 1.3;
}
div#wpex_recent_posts_thumb-2 ul.wpex-widget-recent-posts li a {
  font-size: 13px;
  font-weight: normal!important;
}

/** アンケート **/
a.survey-sidebar {
  display: block;
  text-align: center;
  background: #36b4dd;
  color: #fff;
  width: 100%;
  padding: 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-bottom: 10px solid #a4dff2;
}
a.survey-sidebar:hover {
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  opacity: 0.6;
  text-decoration: none;
}


/* フッター
------------------------------------------------------------- */
#footer, #footer p, #footer li a:before, #site-footer p {
  font-size: 13px;
  line-height: 1.8em!important;
}



/* アドセンス
------------------------------------------------------------- */
.ad-single-bottom {
  margin: 40px 0;
}
.ad-single-left, .ad-single-right {
  float: left;
  width: 50%;
  height: 280px;
}
.ad-grid-bottom {
  margin-bottom: 30px;
}
.ad-grid-bottom div {
  float: left;
  width: 33%;  
}
@media screen and (max-width: 500px) {
  .ad-single-left, .ad-single-right {
    clear: all;
    width: 100%;
    height: auto;
  }
  .ad-single-left {
    margin-bottom:15px;
  }
  .ad-grid-bottom div {
    clear: all;
    width: 100%;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 600px) {
  .ad-grid-bottom div {
    clear: all;
    width: 100%;
    padding-bottom: 15px;
  }
}

/* -------- 2017年4月 のぞみコンサルティング用 ------------ */
.page-id-5610 h1.child-page-title { display : none!important; }