@charset "utf-8";

/*
Theme Name: カスタマイズデザイン
Theme URI: http://
Author: OFFICE SUPPLEMENT
*/

/** 
 NOT FOUND 
============================== */
#notFound{
  margin-top:20px;
  padding:100px 20px;
  -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
  border:solid 1px #a0a0a0;
  text-align:center;
}
  #notFound dt{
    font-family:"Yantramanav-6";
    font-size:36px;font-size:3.6rem;
    margin-bottom:10px;
  }
  .notFound dd{
    font-size:16px;font-size:1.6rem;
  }


/** 
 PAGER 
============================== */
.pager a{
	background-color:#505050;color:#FFF;
}
.pager span.current {
	background-color:#024091;color:#FFF;
}
.pager a:hover {
	background-color:#024091;color:#FFF;
}
.pager{text-align:left;display:block;padding:10px 10px 10px 0;margin-top:10px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
.pager li{list-style-type:none;}
.pager a,.pager a:visited,.pager a:hover,.pager span.current,.pager span.pages,.pager span.extend,.pager span.current,.pager span.dots{font-family: Arial, Helvetica, sans-serif;width:24px;padding:0;margin:0 5px 0 0;display:block;float:left;text-align:center;line-height:24px;text-decoration:none;border:solid 1px #dfdfdf;}
.pager a:hover { text-decoration:none; }


/** 
 下記設定で画像の右寄せ等、回り込みが機能する
============================== */
img.centered {display: block;margin-left: auto;margin-right: auto;}
img.alignright {padding: 4px;margin: 0 0 2px 10px;display: inline;}
img.alignleft {padding: 4px;margin: 0 10px 2px 0;display: inline;}
.alignright {float: right;}
.alignleft {float: left;}
.articleArea .entryContent img{max-width:100%;height:auto;}


@media print,screen and (min-width : 501px) {


/** 
 カテゴリーアイコン 
============================== */
.caticon{
  text-align: center;
  font-family:"NotoSansJP-2";
  margin-right: 4px;
  padding: 4px 6px;
  border-radius:4px;
  font-size:12px;font-size:1.2rem;
  line-height: 1.4;
  background-color: #dfdfdf;
  display: inline-block;
}

/** 
 TEXT LIST VIEW
============================== */
.textList{
  border-top:solid 1px #dfdfdf;
}
  .textList li{
    display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
    -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
    -webkit-box-align: center;-ms-flex-align: center;align-items: center;
    padding:10px 0;
    border-bottom:solid 1px #dfdfdf;
  }
  .textList .archiveDate{
    margin-right: 20px;
  }


/** 
 EYE CATCH LIST VIEW
============================== */
.eyecatchList{
  margin-top:20px; 
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
}
.eyecatchList li .date{
  margin-top:4px;
}
.eyecatchList li .title{
  margin-top:4px;
  margin-bottom: 4px;
}
.eyecatchList li .syosai{
  margin-top: 4px;
}
/** 3Column */
.col3 li {width: 32%;margin-bottom: 20px;}
.col3::after {content: "";display: block;width: 32%;height: 0;}
/** 4Column */
.col4 li{margin-bottom: 20px;width: 23%;}
.col4::after,.col4::before {content: "";display: block;height: 0;width: 24%;}
.col4::before {order: 1;}


/** 
 EYE CATCH ROW STYLE
============================== */
.eyecatchRowStyle li{
  margin-top:20px; 
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
}
.eyecatchRowStyle li .imgbox{
  width: 200px;
}
.eyecatchRowStyle li .detail{
  margin-left: 20px;
  flex: 1
}
.eyecatchRowStyle li .title{
  margin-top:10px;
  margin-bottom: 4px;
  font-size:20px;font-size:2.0rem; 
}
.eyecatchRowStyle li .syosai{
  margin-top: 10px;
}
.eyecatchRowStyle li .syosai a{
  background-color: #505050;
  color: #FFF;
  padding: 4px 14px;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}


/** 
 シングルページ
============================== */
.entryContent{
	text-align:left;
  overflow: hidden;
  background-color: #FFF;
  border:solid 1px #f0f0f0;
  padding: 20px;
  box-shadow:rgba(122, 122, 122, 0.05) 0px 0px 6px 3px;
}
  .articleArea .update{
    text-align:right;
    margin-top: 16px;
  }


}
@media screen and (max-width : 500px) {

/** 
 カテゴリーアイコン 
============================== */
.caticon{
  margin-right: 10px;
  margin-top: 8px;
  padding: 0 8px;
  font-size:14px;font-size:1.4rem;
  background-color: #dfdfdf;
  display: inline-block;
  display:inline-flex;
  -webkit-box-align: center;-ms-flex-align: center;align-items: center;
}


/** 
 TEXT LIST VIEW
============================== */
.textList{
  border-top:solid 1px #DFDFDF;
  margin-top: 20px;
}
  .textList li{
    padding:10px 0;
    border-bottom:solid 1px #DFDFDF;
  }
  .archiveTitle{
    margin-top: 4px;
  }


/** 
 EYE CATCH LIST VIEW
============================== */
.eyecatchList{
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
}
  .eyecatchList li{
    width:49%;
    margin:0 0 10px 0;
    line-height:1.2;
    border:1px solid #dfdfdf;
    box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px;
    padding:8px;
    -webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;
  }
  .eyecatchList li .date{
    margin-top:10px;
  }
  .eyecatchList li .date span{
    display: inline-block;
  }
  .eyecatchList li .title{
    margin-top:4px;
    margin-bottom: 4px;
    font-size:16px;font-size:1.6rem;
    line-height: 1.4;
  }
  .eyecatchList li .syosai{
    margin-top: 4px;
  }


/** 
 EYE CATCH ROW STYLE
============================== */
.eyecatchRowStyle li{
  margin-top:20px; 
  border-bottom:solid 1px #dfdfdf;
  padding-bottom: 20px;
  display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  -webkit-justify-content :space-between;justify-content: space-between;-ms-flex-pack: justify;
}
.eyecatchRowStyle li .imgbox{
  width: 80px;
}
.eyecatchRowStyle li .detail{
  margin-left: 10px;
  flex: 1
}
.eyecatchRowStyle li .title{
  margin-top:4px;
  font-size:16px;font-size:1.6rem;
}
.eyecatchRowStyle li .blogexcerpt{
  display: none;
}
.eyecatchRowStyle li .syosai{
  margin-top: 6px;
}
.eyecatchRowStyle li .syosai a{
  background-color: #505050;
  color: #FFF;
  padding: 4px 14px;
  font-size:12px;font-size:1.2rem;
  -webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;border-radius:5px;
}


/** 
 シングルページ
============================== */
.entryContent{
	text-align:left;
  overflow: hidden;
  background-color: #FFF;
  border:solid 1px #f0f0f0;
  padding: 10px;
  box-shadow:rgba(122, 122, 122, 0.05) 0px 0px 6px 3px;
}
  .articleArea .update{
    text-align:right;
    margin-top: 16px;
  }


}