@charset "utf-8";
/*
Theme Name: Brand note
Theme URI:
Template: lightning
Description: 株式会社コメ兵ブランド特化ブログ
Author: 
Tags: 
Version: 0.0.4
------------------ */
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css');

@font-face {
  font-family: 'GFS Didot';
    src: url('./font/didot.ttf') format('truetype');
  }


html{
  overflow:initial;}
body {
  font-family: "Noto Sans Japanese", Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  overflow:initial;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  color:#000;
}
h1.entry-title:first-letter,
.single h1.entry-title:first-letter { color:inherit; }
h3{
  border:none;
  box-shadow:none;
  font-weight:normal;
}
h3::after{
  display:none;
  border:none;
}
/* コンテナサイズ  
------------------ */
.container {
  padding:0;
}
.row{ margin:0;padding:0 2%; }

.h2, h2 {
 font-size: 16px;
}
.col-md-3 {
  padding:0 2%;
}
@media (min-width: 750px){
  body{
    min-width:1050px;
  }
  .container {
    width: 1050px;
  }
  row{
    padding:0;
    margin-left:-15px;
    margin-right:-15px;
  }
  .h2, h2 {
   font-size: 22px;
  }
  .col-md-9 {
    width: 71.428%;
    float:left;
  }
  .col-md-3 {
    width: 28.5714%;
    padding:0;
    float:left;
  }
  .col-md-6 {
    width: 50%;
  }
}
@media (min-width: 992px){
  .container {
    width: 1050px;
  }
}
@media (min-width: 1050px){
  .container {
    max-width:100%;
  }
}
@media (min-width: 768px){
  .container {
    width: 1050px;
  }
}
@media (min-width: 1200px){
  .container {
    width: 1050px;
  }
}

@media (min-width: 992px){
}
/* ----------------
  TOPページ
------------------ */
/*   ヘッダ
------------------ */
.siteHeader{
  height:47px;
  background-color:rgba(0,0,0,1);
  transition:background 0.5s;
}
.scrolled .siteHeader{
  background-color:rgba(0,0,0,.8);
}
.siteHeader .container {
  display:flex;
  justify-content: space-around;
}
.navbar-brand img {
    max-height: 38px!important;
	margin:auto;
}
.navbar-brand a{
  color:transparent;
  visibility:visible;
  text-indent:-1000%;
  position:absolute;
  top:50%;
  left:50%;
  width:100%;
  -webkit-transform:translate3D(-50%,-50%,0);
  transform:translate3D(-50%,-50%,0);
}
@media (min-width: 750px){
  .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
      margin: 0 auto;
  }
  .siteHeader{
    height:90px;
  }
  .siteHeader .container {
    padding:5px 0 0 0!important;
  }
  .navbar-brand img {
      max-height: 70px!important;
  }
}
/* ----------------
  フォーム
------------------ */
.form-control {
  display: block;
  width: 100%;
  padding: 21px 12px;
  line-height: 44px;
  color: #555;
  background-color: #fff;
  background-image: none;
  border:1px solid #959595;
  border-radius: 0;
  font-size:18px;
}

input.form-control {
    margin-bottom: 0;
}

form.searchform div input[type=text]#s {
    width: 80%;
    margin-right: 4%;
}
#searchsubmit.btn-primary {
  background-color: #959595;
  border-color: #959595;
}
.btn{
  border-radius: 0;
  font-size:18px;
  padding:0;
}
/* ----------------
  記事一覧
------------------ */
.siteContent {
  padding: 25px 0 3em;
}
.siteContent .row{
  padding:0;
}
.postList h2{
  text-align:center;
  font-family:'GFS Didot', serif ;
  font-weight:normal;
  background-color: #000;
  padding: 14px 15px 12px;
  border: none;
  color:#fff;
  line-height:1.2;
  width:100%;
  margin-bottom:2px;
}
.mainSection{
  padding:0 0 40px;
}
.mainSection header{
  border:none;
}
.mainSection .postList{
  display:flex;
  flex-wrap:wrap;
}
@media (min-width: 750px){
  .mainSection{
    padding:0;
  }
  .siteContent{
    padding: 80px 0 1.5em;
  }
  .siteContent h2{
    text-align:left;
    padding: 14px 15px 10px;
    margin-bottom:40px;
  }
  .mainSection .postList{
    padding-bottom:100px;
  }
}

/* ----------------
 記事枠 
------------------ */
.media{
  border: none;
  padding:0;
  overflow:hidden;
  margin-bottom:30px;
  min-width:100%;
  position:relative;
}
.media .post{
  height:100%;
}
.accordion > .postList .media:nth-of-type(n + 5){
  display:none;
}
.accordion.open > .postList .media:nth-of-type(n + 5){
  display:block;
}
@media (min-width: 750px){
  .media{
    margin-bottom:50px;
    min-width:auto;
    padding-bottom:40px;
  }
  .accordion > .postList .media:nth-of-type(n + 5){
    display:block;
  }
  .media.col-md-6:nth-of-type(odd){
    padding-left:15px;
    padding-right:0;
  }
  .media.col-md-6:nth-of-type(even){
    padding-left:0;
    padding-right:15px;
  }
  .paged .media.col-md-6:nth-of-type(odd){
    padding-left:0;
    padding-right:15px;
  }
  .paged .media.col-md-6:nth-of-type(even){
    padding-left:15px;
    padding-right:0;
  }
}
/* 記事要素　並び順と表示非表示
------------------ */
.media-body, .media-left, .media-right {
  display: flex;
  flex-direction: column;
  width:auto;
  padding:0 2%;
}
.media-body > div.entrymeta{
  order:1;
}
.media-body > h1.media-heading entry-title{
  order:2;
}
.media-body > a.media-body_excerpt{
  order:3;
  height:5.5rem;
  overflow:hidden;
}
.media-body > ul.tags{
  order:4;
  display:none;
}
.media-body > a.media-body_excerpt + *{
  order:5;
  display:none;
  position:absolute;
  bottom:0;
  left:0;
}
div.addtoany_share_save_container a.media-body_excerpt{
  display:none;
}
.media.col-md-6:nth-of-type(odd) .media-body > a.media-body_excerpt + *{
  left:15px;
}
.media.col-md-6:nth-of-type(even) .media-body > a.media-body_excerpt + *{
  left:0;
}
.paged .media.col-md-6:nth-of-type(odd) .media-body > a.media-body_excerpt + *{
  left:0;
}
.paged .media.col-md-6:nth-of-type(even) .media-body > a.media-body_excerpt + *{
  left:15px;
}

@media (min-width: 750px){
  .media:first-of-type .media-body > a.media-body_excerpt{
    height:7.5rem;
  }
  .media-body > a.media-body_excerpt{
    height:5rem;
  }
}
.media-body_excerpt
/* サムネイル  
------------------ */
media-body{
  padding:0 2%;
}

@media (min-width: 750px){
  media-body{
    padding:0;
  }
}
/* サムネイル  
------------------ */
.media .postList_thumbnail{
  float:none;
  width:100%;
  padding:0;
}
.media .postList_thumbnail a {
  border: none;
}
.fa_v4 .entry-meta_items.published::before {  content:"";
}
div.postList_thumbnail a img{
  transition:transform 1.5s;
}
div.postList_thumbnail a:hover img{
  transform: scale(1.1,1.1);
}
/* タイトル  
------------------ */
.media:first-of-type .media-body .media-heading {
  font-size:17px;
  margin-top:0.2em;
  margin-bottom:0;
}
@media (min-width: 750px){
  .media:first-of-type .media-body .media-heading {
    font-size:24px;
    margin-bottom:0.5em;
  }
}
/* 日付  
------------------ */
.entry-meta{
  margin-bottom:0.25em;
}
.entry-meta span:before{
  display:none;
  content:'';
}
p.date,
.entry-meta_items.published{
  color: #898989;
  font-style:italic;
  font-size: 11px;
}

@media (min-width: 750px){
  .entry-meta{
    margin-bottom:0.5rem;
  }
  .entry-meta_items.published{
    font-size: 14px;
  }
}
/* 抜粋  
------------------ */
.media .media-body p {
  font-size: 12px;
}
@media (min-width: 750px){
  .media .media-body p {
    font-size: 16px;
  }
}
/* タグ  
------------------ */
.post ul.tags{
  list-style:none;
  padding:0;
  margin:1.5rem 0 0.25rem 0;
  font-size:13.8px;
}
.post ul.tags li{
  display:inline-block;
  border-radius:15px;
  background-color:#eaeaea;
  margin-right:0.5rem;
  margin-bottom:0.4rem;
}
.post ul.tags li a{
  display:block;
  padding:0 10px 2px;
  color:#000!important;
  text-decoration:none;
}
.post ul.tags li a::before{
  content:"\# ";
}
/* ----------------
  スライド
------------------ */
#top__fullcarousel h1{
  margin:0;
}
/* ----------------
  MOREボタン
------------------ */
@media (min-width: 750px){
  .post div.more{
    display:none;
  }
}
/* ----------------
  ページネーション
------------------ */
.pagination{
  width:100%;
  display:none;
}
ul.page-numbers{
  display:flex;
  justify-content:center;
}
ul.page-numbers li {
  margin: 0 8px;
  display:block;
  list-style: none;
  float: none;
}
ul.page-numbers li > * {
  display:block;
  width:42px;
  height:42px;
  text-align:center;
  font-size:18px;
  line-height:18px;
  border-radius:21px;
}
ul.page-numbers li > *.next, 
ul.page-numbers li > *.prev {
  width:auto;
}
ul.page-numbers li span.page-numbers.current {
    color: #fff;
    background-color: #000;
}
ul.page-numbers li a, ul.page-numbers li span.page-numbers {
    padding: 12px 10px 0;
    display: block;
    border: none;
    color:#aaa;
    margin:0;
}

@media (min-width: 750px){
  .pagination{
    display:block;
  }
}
/* ----------------
  コンテンツ下バナー
------------------ */
.mainSection .widget_sp_image{
  display:none;
}
.mainSection .widget_sp_image{
  display:none;
}
.widget_sp_image a#bnr_sp img{
    margin:0 -2%;
    width:104%;
    max-width:none!important;
}
@media (min-width: 750px){
  .mainSection .widget_sp_image{
    display:block;
  }
  .widget_sp_image a[id*='_sp']{
    display:none;
  }
}
/* ----------------
  古物商認可
------------------ */
section.addon-footer{
  background-color:#eeeeee;
  padding:20px 0;
}
section.addon-footer .container{
  padding:0 2%;
}
section.addon-footer ul{
  list-style:none;
  float:left;
  margin:0;
  padding:0;
}
.antiquary{
  float:left;
  margin-bottom:15px;
}
.antiquary p {
  box-shadow:none;
  border:none;
  font-size:3.1vw;
  margin-bottom:2px;
  line-height:1;
  padding-bottom:0.5rem;
}
.antiquary p::after {
  border:none;
  display:none;
}
.antiquary ul{
  width:50%;
  margin:0;
}
.antiquary li{
  font-size:2.5vw;
  transform:scale(0.8);
  width:125%;
  margin-left:-12.5%;
  margin-bottom:0;
}
.license{
  width:100%;
}
.license ul{
  float:left;
  width:100%;
}
.license li{
  display:inline-block;
  vertical-align:top;
}
.license li.secure{
  padding-right:0;
  margin-left:-40px;
  width:100px;
}
.license img{
  width:63%;
}

@media (min-width: 750px){
  section.addon-footer{
    padding:30px 0;
  }
  section.addon-footer .container{
    padding:0;
  }
  .antiquary{
    float:left;
    min-width:610px;
    width:56%;
  }
  .antiquary p {
    font-size:21px;
  margin-bottom:5px;
  }
  .antiquary li{
    font-size:14px;
    transform:none;
    width:auto;
    margin-left:0.8rem;
    margin-bottom:0;
  }
  .antiquary ul{
    width:305px;
  }
  .license{
    float:left;
    width:440px;
    text-align:right;
  }
  .license ul{
    float:left;
    width:100%;
  }
  .license li{
    display:inline-block;
    vertical-align:top;
    padding-left:2%;
  }
  .license li.secure{
    padding-right:2%;
  margin-left:0;
  }
  .license img{
    width:90%;
  }
}
/* ----------------
  フッタ
------------------ */
footer{
  border:none;
  background:#000;
  padding:25px 0 10px;
  color:#bfbfbf;
  background-image:url(./img/foot-bk.png);
  background-size:cover;
  background-position:center;
}
footer .container{
  padding:0 2%;
}
footer img.footer-logo{
  width:52%;
  margin-bottom:20px;
}
footer .footerMenu{
  border:none;
}
footer .footerMenu ul {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
footer .footerMenu ul li {
  display:block;
  padding-right:10px;
  border:none!important;
}
footer .footerMenu ul li a{
  padding:4px 0;
  font-size:3.2vw;
  display:block;
  border:none!important;
  margin:0.5vw -2% 0.5vw 0;  color:#bfbfbf;
}
footer .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: rgba(191,191,191,0.15);
}
footer .copySection {
  border:none;
  padding:0;
  line-height:20px;
}
footer .copySection p{
  font-size:10px;
  padding-left:2%;
  padding-right:2%;
  margin:0;
  float:left;
}
footer .copySection .footer-rss{
  font-size:20px;
  font-weight:bold;
  padding-left:25px;
  background-size:22px;
  background-repeat:no-repeat;
  background-position:left center;
  background-image:url(./img/svg/ico-rss.svg);  display:none;
  text-decoration:none;
  float:right;
}
@media (min-width: 750px){
  footer{
    padding:30px 0;
    background-image:url(./img/foot-bk-sp.png);
  }
  footer .container{
    padding:0;
  }
  footer img.footer-logo{
    width:230px;
    padding:1rem 0;
    margin-bottom:0;
  }
  footer .footerMenu ul{
    flex-wrap: wrap;
    height:200px;
    width:60%;
  }
  footer .footerMenu ul li a{
    padding:6px 0;
    margin:0 80px 0 0;
    font-size:18px;
  }
  footer .copySection p{
    font-size:14px;
  }
  footer .copySection a.footer-rss{
    display:block;
    color:#bfbfbf;
  }
}
/* SNSリンク 
------------------ */
ul.footer-social-link{
  list-style:none;
  margin:0.75rem auto 0.5rem;
}
ul.footer-social-link li{
  display:inline-block;
}
ul.footer-social-link li a{
  display:block;
  width:41px;
  height:41px;
  background-size:contain;
  background-repeat:no-repeat;
  background-position:left center;
  text-indent:-1000%;
  color:transparent;
  margin-right:15px;
}
ul.footer-social-link li:last-of-type a{
  margin-right:0;
}
li a.footer-link-facebook{
  background-image:url(./img/svg/ico-facebook.svg);
  }
li a.footer-link-twitter{
  background-image:url(./img/svg/ico-twitter.svg);
  }
li a.footer-link-instagram{
  background-image:url(./img/svg/ico-instagram.svg);
  }
li a.footer-link-youtube{
  background-image:url(./img/svg/ico-youtube.svg);
  }
li a.footer-link-weibo{
  background-image:url(./img/svg/ico-weibo.svg);
  }
li a.footer-link-weixin{
  background-image:url(./img/svg/ico-weixin.svg);
  }
@media (min-width: 750px){
  ul.footer-social-link{
    margin:1rem auto;
  }
}
/* ----------------
  サイドメニュー
------------------ */
.subSection{
  display:flex;
  flex-direction:column;
}

.subSection > * {
  order:5;
}
@media (min-width: 750px){
  .media-body, .media-left, .media-right {
    padding:0;
  }
  .subSection{
    padding:0 0 0 4.762%;
    display:block;
  }
  .media-body > ul.tags{
    display:block;
  }
  .media-body > a.media-body_excerpt + *{
    display:block;
  }
}
/* サイドメニューウィジット
------------------ */
.widget .subSection-title:after,
 #archive .subSection-title:after,
 #recommend .subSection-title:after {
    content:"";
    display:none;
}
 .widget .subSection-title,
 #archive .subSection-title ,
 #recommend .subSection-title {
  font-family: 'GFS Didot', serif ;
    font-weight:normal;
    box-shadow:none;
    font-size:28px;
    font-size:8.266vw;
    border-bottom:solid 2px #000;
    padding:0;
    margin-bottom:5px;
    line-height:1.25;
	font-weight:700;
    background-color:transparent;
    border-top:none;
}
 .widget .subSection-title span,
 #archive .subSection-title span,
 #recommend .subSection-title span{
  font-family: "Noto Sans Japanese", Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:15px;
  font-size:4vw;
  float:right;
  line-height:3;
  font-weight:normal;
}
@media (min-width: 750px){
  .subSection .wedget{
    margin-bottom: 40px;
  }
  .widget .subSection-title,
 #archive .subSection-title,
 #recommend .subSection-title{
    font-size:22px;
    line-height:1.33;
  }
  .widget .subSection-title span,
 #archive .subSection-title span,
 #recommend .subSection-title span{
    font-size:55%;
    transform: translateY(50%);
    line-height:1.33;
  }
}
/* パンくずリスト
------------------ */
  .breadSection{
      border:none;
    }
  .breadSection .breadcrumb{
      padding:20px 2% 10px;
    }
  .breadSection .row{
      padding:0;
    }
  .breadSection li{
      vertical-align:middle;
      line-height:1;
    }
  .breadSection .breadcrumb>li+li:before {
    content: "";
    width:15px;
    height:12px;
    margin:0 0 -2px 5px;
    background-image:url(./img/svg/ico-next.svg);
    background-size:12px 12px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center bottom;
  }
  .breadSection .breadcrumb span{
      font-size:10px;
  }
  .breadSection .breadcrumb img{
      width:11px;
      margin-right:2px;
  }
  .breadSection .breadcrumb span.home{
      display:none;
  }
@media (min-width: 768px){
  .breadSection{
      border:none;
    }
  .breadSection .breadcrumb{
      padding:50px 0 10px;
    }
  .breadSection .row{
      padding:0;
    }
  .breadSection .breadcrumb>li+li:before {
    content: "";
    width:15px;
    height:15px;
    background-image:url(./img/svg/ico-next.svg);
    background-size:20px 15px;
    display:inline-block;
    background-repeat:no-repeat;
    background-position:center top;
  }
  .breadSection .breadcrumb span{
      font-size:15px;
      line-height:1;
  }
  .breadSection .breadcrumb img{
      width:17px;
      margin-right:2px;
      margin-top:-4px;
  }
  .breadSection .breadcrumb span.home{
      display:inline;
  }
}

/* ----------------
 記事ページ
------------------ */
.single .siteContent {
  padding: 25px 0 3em;
}
.single .entry-body{
  padding:0;
}
.single .entry-body *{
  font-size:17px;
  font-family: "Noto Sans Japanese", Lato, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.single .siteContent{
  padding:10px 0 3em;
}
.single #main{
  padding:0 2%;
}
.single header h1{
  font-size:20px;
  margin:0;
  padding:0;
  font-weight: normal;
}
.single .entry-body h2,
.single .entry-body h3,
.single .entry-body h4,
.single .entry-body h5,
.single .entry-body h6{
  text-align:left;
  font-weight:normal;
  padding:6px 15px;
  border-radius:0;
  line-height:1.33;
  margin:5px 0 20px;
  border:none;
 }
.single .entry-body h2{
  background-color:#000;
  color:#fff;
}
.single .entry-body h3{
  background-color:#be944e;
  color:#fff;
}
.single .entry-body h4{
  background-color:#feebbe;
  border-left:5px solid #be944e;
  padding:6px 15px 6px 10px;
  color:#000;
}
.single .entry-body h5{
  color:#000;
  border-bottom:1px solid #000;
  padding:6px 15px 6px 0;
}
.single .entry-body h6{
  color:#000;
  border-left:5px solid #000;
  padding:6px 15px 6px 10px;
}
.single .siteContent .entry-meta{
  padding:0.5rem 0 0;
  font-weight:normal;
  margin:0;
}
.single .siteContent .entry-meta_items{
  font-size:13px;
}
.single .entry-footer {
    margin-bottom: 0.5em;
}
@media (min-width: 750px){
  .single .siteContent{
    padding: 25px 0 1.5em;
  }
  .single .entry-body{
    margin-bottom:30px;
  }
  .single .entry-body *{
    font-size:117.6%;
  }
  .single header h1{
    font-size:30px;
    margin:0;
    padding:0;
  }
  .single .entry-body h2,
  .single .entry-body h3,
  .single .entry-body h4,
  .single .entry-body h5,
  .single .entry-body h6{
    font-size:141%;
    padding:10px 20px;
    margin:20px 0 40px;
   }
  .single .entryy-body h2{
    text-align:left;
    padding: 14px 15px 10px;
  }
  .single .entry-body h4{
    border-left:10px solid #be944e;
    padding:10px 20px 10px 10px;
  }
  .single .entry-body h5{
    border-bottom:3px solid #000;
    padding:10px 20px 10px 0;
  }
  .single .entry-body h6{
    border-left:10px solid #000;
    padding:10px 20px 10px 10px;
  }
  .single .published{
    font-size:16px;
  }
  .single #main{
    padding:0;
  }
  
  .single .siteContent .entry-meta{
    margin:20px 0;
  }
  .single .siteContent .entry-meta_items{
    font-size:16px;
  }
  .single .entry-footer {
      margin-bottom: 2em;
  }
}
/* 記事下情報
------------------ */
.single .entry-btm-meta > *{
  position:relative;
}
.single .entry-btm-meta > span.author{
  display:block;
  line-height:26px;
  padding-left:40px;
  font-size:16px;
}
.single .entry-btm-meta > span.author::after{
  content:"";
  display:block;
  height:26px;
  width:26px;
  position:absolute;
  top:0;
  left:0;
  background-repeat:no-repeat;
  background-size:100%;
  background-position:50%;
  background-image:url(./img/svg/ico-author.svg);
}
.single .entry-btm-meta > ul.tags{
  display:block;
  line-height:26px;
  padding-left:40px;
  font-size:14px;
}
.single .entry-btm-meta > ul.tags::after{
  content:"";
  display:block;
  height:26px;
  width:26px;
  position:absolute;
  top:0;
  left:0;
  background-repeat:no-repeat;
  background-size:100%;
  background-position:50%;
  background-image:url(./img/svg/ico-tags.svg);
}
/* SNS
------------------ */
.single #main .a2a_kit{
  display:flex;
}
.single #main .a2a_kit a{
  margin:10px auto;
  transform:scale(1.5);
}
.single #main .widget_a2a_share_save_widget h1{
  font-size:17px;
}
@media (min-width: 750px){
  .single #main .a2a_kit{
    display:block;
  }
  .single #main .a2a_kit a{
    margin:20px 20px 20px 5px;
    transform:scale(1.6);
  }
  .single #main .widget_a2a_share_save_widget h1{
    font-size:20px;
  }
}
/* ----------------
 一覧ページ
------------------ */
.media:first-child {
    border:none;
}

/* ----------------
404
------------------ */
section.no-post h3{
  margin-bottom:0;
}
section.no-post a{
  text-decoration:underline;
  color:#00F;
}