/*
Theme Name: Octothorpe Child 02
Theme URI: https://github.com/lsquo/octothorpe
Template: octothorpe
Author: Lsquo
Author URI: https://lsquo.com
Description: Octothorpe is a theme for blogging.
Tags: one-column,accessibility-ready,custom-menu,featured-images,footer-widgets,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,blog
Version: 1.1.5.1505713534
Updated: 2017-09-18 14:45:34

*/

/*paddingとborderの幅を要素の幅と高さに含める*/
*, *:before, *:after {
    box-sizing: border-box;
}

/* font指定 */
/*
@import url(http://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
*/
/*
/* フォント */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
body {
font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* 自動カーニング */
.selector {
  font-feature-settings : palt;
}

/* 和文用*/
.wabun {
    font-family: "Times New Roman","ヒラギノ明朝 Pro","Hiragino Mincho Pro","游明朝",YuMincho,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size: 15px;
}
.wabun.text {
    line-height: 1.9;
    padding-bottom: 10px;
    padding-left:10px;
}
/*右から左*/
.wabun.vert-rl{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}
/*左から右※読みにくい*/
.wabun.vert-lr{
	writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	-webkit-writing-mode:vertical-lr;
}



/* フッターとヘッダー*/
footer,header div#gnavi {
	text-align: center;
}

footer ul,header ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

footer li,header li {
	margin: 0 1rem;
}

@media (min-width: 68em) {
	footer li,header li {
		display: inline;
	}
}

/* ヘッダー（サイト名バック）*/

header div#headerimage {
  background: url("./img/headerimage2.png") center center no-repeat;
  padding-bottom:50px;
  padding-top:40px;
  width:100%;
  text-align: center;
}

/*タイポ*/

h1 {
    display: inline-block;
    font-size: 2.5em;
    color: #00529C;
    text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;

}
header div#headerimage p {
    color: #00529C;
    text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px,#fff 1px -1px 0px, #fff -1px -1px 0px;

}


h2,h3,h4,h5,h6 {
    color: #80A8CC;
    margin:0 0 0.5em 0;
    padding:0;
}
h2 {
    font-size: 2em;
}
h3 {
    font-size: 1.5em;
}
h4 {
    font-size: 1.2em;
}

p {
    font-size: 1em;
    color: #00529C;
    margin: 0 0 0.5rem 0;
}



/*コンタクトフォーム7用（チェックボックス）*/
span.wpcf7-list-item {
    display:block;
}
.wpcf7-list-item input {
    margin:0;
    padding:0;
    width: auto;
}

/**/
ul.post-list hr {
    clear: both;
    border:dotted 1px #80A8CC;
}

/**/
img.attachment-thumbnail {
    max-width: 180px;
    height: auto;
    float: left;margin-right:1em;
}

/**/
.clearfix {
clear:both;
}


/* カテゴリのラベル */
a.label {
    background: #fff;
    border-radius: 4px;
    color: #fff;
    padding:6px;
    margin:2px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
/* お知らせ */
a.label-info {
    background-color: #e74c3c;
}
/* 仕事 */
a.label-works {
    background-color: #3498db;
}
/* 忘備録 */
a.label-memo {
    background-color: #f1c40f;
}
/* 雑記 */
a.label-notes {
    background-color: #8e44ad;
}
/* 制作実績 */
a.label-portfolio {
    background-color: #34495e;
}
/* 広告 */
a.label-publicity {
    background-color: #95a5a6;
}
/* 写真 */
a.label-photograph {
    background-color: #16a085;
}

/* 注目 */
.sticky time:after {
    font-size:0.8em;
    content:'注目';
    color: #fff;
    background:#d35400;
    padding-left:2px;
    padding-right:2px;
    margin-left:5px;
    text-align: center;
    white-space: nowrap;
}
/* 注目記事囲み */
li.sticky {
background-color: #ecf0f1;
border-bottom: 8px solid #ecf0f1;
}



/* タグのラベル */
.tagcloud a {
    background: #fff;
    border:1px solid #9f9f9f;
    border-radius: 20px;
    padding:6px;
    line-height: 250%;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}

/* サイドバー調整 */
aside section
{
margin-top:1em;
}
/* 関連記事の表示場所調整 */
div.wp_rp_content
{
margin-top:1em;
}


/* wp-pagenavi調整 */
.wp-pagenavi {
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
color: #999;
background-color: #fff;
border: solid 1px #e0e0d2;
padding: 6px 12px;
margin: 0 2px;
white-space: nowrap;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
}
.wp-pagenavi a:hover{
color:#FFF; 
background-color:#999; 
border-color:#999;
}
.wp-pagenavi span.current{
color: #FFF;
background-color: #80A8CC;
border-color: #80A8CC;
font-weight: bold;
}


/**/
.feature-list {
  display: flex;
  flex-wrap: wrap;
}
.feature-item {
  flex: 0 0 33.3333%;
  max-width: 33.3333%; /* IE11バグ対応 */
}
.feature-item2 {
  flex: 0 0 50%;
  max-width: 50%; /* IE11バグ対応 */
}
@media (max-width: 800px) {
  .feature-item,.feature-item2 {
    flex: 0 0 100%;
    max-width: 100%; /* IE11バグ対応 */
  }
}

/* テーブルレイアウト */
/*料金 ※最初と最後の文字折返無*/
.price td:first-child,.price td:last-child {
white-space: nowrap;
}
/*スマホ表示の場合に縦積み表示*/
@media (max-width:789px){
    table td,table th{ display:block; }
}
@media (min-width:790px){
    table td,table th{ display:table-cell; }
}