@charset "utf-8";

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

#titleArchive strong{ color:#52368E; }
#titleSingleArticle strong{ color:#E96D9F; }

#mainContents strong{
    font-family: "NotoSansJP-5", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}


/** 管理画面用
────────────────────────────────────────────────── */
.wp-editor-container strong{
    font-family: "NotoSansJP-5", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
}
.wp-editor-container table{
	border-collapse: collapse;
	border:solid 1px #DFDFDF;
}
.wp-editor-container table th{
	border:solid 1px #DFDFDF;
  padding:5px 10px;
}
.wp-editor-container table td{
	border:solid 1px #DFDFDF;
  text-align:left;
  padding:5px 10px;
}


/** 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 #DFDFDF;
  text-align:center;
}
  .notFound .nf01 strong{
    font-family: "NotoSansJP-6", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;
    font-size:30px;font-size:3.0rem;
    display:block;
    margin-bottom:10px;
  }
  .notFound .nf02{
    margin-top:40px;
  }


/** PAGER
────────────────────────────────────────────────── */
.pager{
	text-align:left;
  display:block;
  margin-top:30px;
  -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{
	background-color:#fbc8b5;
	color:#FFF;
	width:24px;
	padding:0;
	margin:0 5px 0 0;
	display:block;
	float:left;
	text-align:center;
	line-height:24px;
	text-decoration:none;
}
.pager span.current {
	color:#FFF;
	background-color:#F15A24;
}
.pager a:hover {
	text-decoration:none;
	background-color:#F15A24;
	color:#FFF;
}

#singlepage img{
  max-width:100%;height:auto;
}
#singlepage iframe{
  max-width:100%;
}


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

/** アイキャッチリスト
────────────────────────────────────────────────── */

#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;
}

/** 2列表示 */
/**
#eyecatchlist li{ width: 24%; }
*/

/** 3列表示 左寄せ */
/**
#eyecatchlist li{ width: 32%; }
#eyecatchlist::after{
content:"";
display: block;
width:32%;
}
*/

/** 4列表示 左寄せ */
#eyecatchlist li{ width: 24%; }
#eyecatchlist::before{
  content:"";
  display: block;
  width:24%;
  order:1;
}
#eyecatchlist::after{
  content:"";
  display: block;
  width:24%;
}

  #eyecatchlist li{
    margin-top:20px;
    /**
    border:solid 1px #C8C8C8;
     padding: 10px 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;
    -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
  }
  #eyecatchlist li .imgBox{
    overflow:hidden;
    display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
    -webkit-align-items: center;-ms-flex-align: center;align-items: center;
    -webkit-justify-content: center;justify-content: center;-ms-flex-pack: center;
  }
  #eyecatchlist li img{
    width: 100%;height: auto;
    display: block;
    transition-duration: 0.3s;
  }
  /**
  #eyecatchlist li img:hover {
    transform: scale(1.1);
  }
*/

#topicslist{
  margin-top:30px;
  border-top:solid 1px #CCCCCC;
}
  #topicslist li{
    border-bottom:solid 1px #CCCCCC;
    padding:10px 0;
  }
  #topicslist li a{
    display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  }
  #topicslist .blogdate{
    margin-right:10px;
  }

/** シングルページ
────────────────────────────────────────────────── */
#singlepage{
  margin-top:20px;
}
#entry{
  border: solid 1px #DFDFDF;
  padding-bottom: 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;
  padding: 20px;
  -webkit-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;border-radius:10px;
}
#update{
  text-align: right;
  margin-top: 4px;
}
#tag{
  margin-right: 16px;
}


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

#singlepage iframe{
  max-height:200px;
}

/** アイキャッチリスト
────────────────────────────────────────────────── */

#eyecatchlist h1 strong{
  color:#E96D9F;
}
  #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:48%;
    margin-top: 20px;
     border:solid 1px #CCCCCC;
     padding: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;
  }
  #eyecatchlist .wplistTitle{
    font-size:14px;font-size:1.4rem;
  }

  #eyecatchlist .blogimage{
    width:100%;
    height:auto;
  }
  #eyecatchlist li img{
    width:100%;height:auto;
  }

#topicslist{
  margin-top:30px;
  border-top:solid 1px #CCCCCC;
}
  #topicslist li{
    border-bottom:solid 1px #CCCCCC;
    padding:10px 0;
  }
  #topicslist li a{
    display:-webkit-box;display:-moz-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;
  }
  #topicslist .blogdate{
    margin-right:10px;
  }

/** シングルページ
────────────────────────────────────────────────── */
#singlepage{
  margin-top:20px;
}
#entry{
  border-bottom: solid 1px #DFDFDF;
  padding-bottom: 20px;
}
#update{
  text-align: right;
  margin-top: 4px;
}
#tag{
  display: block;
}

}