@charset "UTF-8";
/*
Theme Name: 104.TbMarket
Author: num
Description: This is my original theme.
Version: 1.0
*/

/* site-all */
body {
  background: #fff;
  font-size: 16px;
  font-family:
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,
    Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  color: #444;
  line-height: 1.2;
}
.spbtn,
#spbtn {
  display: none;
}
nav div {
  display: none;
}
#Menu01 {
  display: block;
}
#Menu02 {
  display: none;
}

/* header */
#page header > div:first-child {
  margin: 0 auto;
  padding: 0px 0 10px;
}
#page header > div:first-child > div:first-child {
  background: #403729;
}
#page header > div > div {
}
#page header {
  background: #e4e4e4;
  padding-bottom: 20px;
}
#site_title {
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;
  padding: 15px 0 15px;
}
.widget_search {
  margin-top: 30px;
  display: none;
}
#searchform {
  height: 30px;
  text-align: center;
}
.widget_search .screen-reader-text {
  display: none;
}
.widget_search #s {
  height: 28px;
  background: #fff;
  border: solid 0.1em #ccc;
  padding: 0 5px;
}
.widget_search #searchsubmit {
  height: 28px;
  background: #102b72;
  border: solid 1px #102b72;
  color: #fff;
  padding: 0 0px;
}
#page #site_title a {
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  text-decoration: none;
  color: #fff;
}
#page #site_title a:first-letter {
}
#page header > div:nth-of-type(2) {
  margin-bottom: 0;
  margin: 0;
}
#page header > div:nth-of-type(2) img:nth-of-type(1) {
  max-width: 100%;
  display: block;
  margin: 0 auto 0px;
  vertical-align: middle;
}
#page header > div:nth-of-type(2) img:nth-of-type(2) {
  display: none;
}
nav {
  padding: 10px 0;
}
nav ul {
  max-width: 1000px;
  margin: 0 auto;
}
nav ul li {
  box-sizing: border-box;
  display: inline-block;
  border-left: dotted 1px #333;
  text-align: center;
  width: 20%;
}
nav ul li:last-child {
  border-right: dotted 1px #333;
}
nav ul li a {
  padding: 12px 0px 12px;
  font-size: 13px;
  font-weight: bold;
}
nav ul li a:hover {
  color: #6a2728;
  text-decoration: underline;
}
nav ul li a {
  display: inline-block;
  color: #333;
  text-decoration: none;
}
.home .breadcrumbs {
  display: none;
}
#page header > div:nth-of-type(3) {
}
.breadcrumbs {
  max-width: 1000px;
  margin: 0 auto 0px;
  font-size: 14px;
  color: #333;
  padding: 20px 0 0;
}
.breadcrumbs a {
  color: #98692d;
  font-weight: bold;
}

/* 記事内画像 */
.entry-content img {
  display: block;
  max-width: 250px;
}
.left {
  float: left;
  padding-right: 10px;
}
.right {
  float: right;
  padding-left: 10px;
}
.center {
}
.CenterBlock {
  display: block;
  text-align: center;
  padding: 10px 10px 10px;
}
.CenterBlock img {
  max-width: 90%;
}

/* content */
#MainContent {
  max-width: 1000px;
  margin: 20px auto 20px;
}
#page #content,
#page #Search,
#page #Error,
#CategoryContent {
  box-sizing: border-box;
  width: 77%;
  margin: 0px auto 0px;
  float: right;
  padding: 20px;
  border: solid 6px #c0baa5;
  background: #fff;
}
#page #sidebar {
  width: 22%;
  float: left;
}
#content .entry-content section h2,
#content h1,
#Search h1,
#CategoryContent h1 {
  padding: 15px 5px 12px;
  color: #fff;
  text-align: center;
  margin: 10px auto 10px;
  font-size: 20px;
  font-weight: normal;
  background: #584e3e;
  border-bottom: solid 5px #000;
  text-shadow: 1px 1px 1px #333;
}

/*#content section:nth-of-type(1) h2:before,#content h1:before,#Search h1:before{
	content:"";
	display:block;
	height:8px;
	border:20px solid transparent;
	border-top:14px solid #102b72;
	position:absolute;
	left:50%;
	bottom:-43px;
	margin-left:-12px;
}*/
#Search h2 {
  font-size: 20px;
  margin: 15px 0 0;
}
#Search h2 a {
  color: #15377c;
}
/*#content>section:nth-of-type(2) h2 {
	position:relative;
	color:#777;
	font-size:16px;
	text-align:left;
	margin:20px auto 20px;
	padding:16px 0 12px 60px;
	font-weight:bold;
	background:#EDEDED;
}
#content>section:nth-of-type(2) h2::before {
	content:"";
	position:absolute;
	top:0px;
	left:0px;
	width: 47px;
height: 47px;
background: #555;
}
#content>section:nth-of-type(2) h2::after {
	content:url("/wp-content/themes/106.TbMarket/image/PenIcon.png");
	position:absolute;
	top:8px;
	left:8px;
}*/
#content section:nth-of-type(2) h2::before {
}
#content section:nth-of-type(2) h2::after {
}
#page #content h3 {
}
#page #content h3 {
}
#page #content h3::before {
}
#page #content h3::after {
}
#page #Search section {
  border-bottom: solid 1px #cccccc;
}
#page #Search p,
#CategoryContent p {
  line-height: 1.5;
  color: #666;
  font-size: 16px;
  padding: 0 0 5px 0px;
}
#page #Search p a,
#CategoryContent p a,
#page #content p a {
  color: #0000ff;
}
#page #Search p a,
#CategoryContent p a,
#page #content p a:hover {
  text-decoration: none;
}
#page #content p {
  margin-bottom: 10px;
  line-height: 1.5;
  color: #333;
  font-size: 16px;
}
#content .entry-content p:first-child {
  background: #f8efe6;
  color: #333;
  padding: 20px;
  border: double 3px #584e3e;
}
#page #content p strong {
  color: #4d1718;
  font-size: 18px;
}
.pagenation {
  text-align: center;
  margin-top: 20px;
  padding: 5px !important;
  background: #f3f3f3;
}
.pagenation p {
  margin: 0 !important;
}
.pagenation p:first-child {
  float: right;
  text-align: right;
}
.pagenation p:last-child {
  float: left;
  text-align: left;
}
.pagenation p a {
  text-decoration: none;
  color: #d4282b !important;
}
.pagenation p a:hover {
  text-decoration: underline;
}

/* content-link */
#page #container #content a,
#page #container #content a:visited {
  color: #003cff;
  text-decoration: underline;
}
#page #container #content a:hover {
  text-decoration: none;
}

/* sidebar */

#page #sidebar .sidebar_inner {
}
#page #sidebar .sidebar_inner .widget {
  margin-bottom: 20px;
  margin-bottom: 0.5em;
  padding-bottom: 0.2em;
  padding: 15px;
  background: #36191a;
}
#page #sidebar .sidebar_inner .widget_title {
  margin-bottom: 0.5em;
  padding: 15px 0px 9px 10px;
  color: #333;
  font-size: 16px;
  font-style: bold;
  border-bottom: solid 1px #fff;
  text-align: left;
  background: #fff;
  font-weight: bold;
}

#page #sidebar .sidebar_inner ul li {
}

#page #sidebar .sidebar_inner ul li a {
  display: block;
  text-decoration: none;
  margin-bottom: 10px;
  padding: 10px;
  color: #fff;
  text-align: left;
  font-size: 13px;
  border: solid 1px #aaa;
  line-height: 1.5;
}
#page #sidebar .sidebar_inner ul li a:hover {
  text-decoration: none;
  background: #453939;
  color: #fff;
}

.widget_search {
  margin-bottom: 1em;
}

/* search-form */

.widget_search {
  display: block;
}

.widget_search {
  text-align: center;
}

.widget_search .screen-reader-text {
  display: none;
}

/*.widget_search #s {
	width:60%;
	height:24px;
	background:#fff;
	border:1px solid #ccc;
}

.widget_search #searchsubmit {
	width:26%;
	line-height:24px;
	background:#109af1;
	color:#fff;
	border:1px solid #109af1;
	border-radius:3px;
	cursor:pointer;
}*/
/* 関連記事 */
#Relation section h2 {
  position: relative;
  margin: 20px auto 15px;
  font-size: 24px;
  padding: 10px 10px 6px 50px;
  background: #f9f5ea;
}
#Relation section h2:before {
  content: url("/wp-content/themes/106.TbMarket/image/MemoIcon.png");
  position: absolute;
  top: 5px;
  left: 10px;
}
#Relation ul {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}
#Relation ul li {
  box-sizing: border-box;
  text-align: left;
  margin-bottom: 15px;
  background: #fff;
  color: #333;
  margin-right: 0%;
}
#Relation ul li:last-child {
  margin-right: 0;
}
#Relation ul li section h3 {
  position: relative;
  margin-bottom: 10px;
  padding: 5px 0px 0px 0px;
}
#Relation ul li section h3 {
  position: relative;
  padding-bottom: 5px;
}
#Relation ul li section h3::before,
#Relation ul li section h3::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: "";
  height: 4px;
}
#Relation ul li section h3::before {
  z-index: 2;
  width: 15%;
  background-color: #444;
}
#Relation ul li section h3::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(
    45deg,
    #fff,
    #fff 2px,
    #aaa 2px,
    #aaa 4px
  );
  background: repeating-linear-gradient(
    45deg,
    #fff,
    #fff 2px,
    #aaa 2px,
    #aaa 4px
  );
}
#Relation ul li section h3 a {
  color: #000;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
}
#Relation ul li section h3 a:hover {
  text-decoration: underline;
}
#Relation ul li p {
  font-size: 14px;
}
#Relation ul section img {
  float: left;
  max-width: 20%;
  padding: 0px 1% 0 0;
}
.box {
  float: right;
  max-width: 79%;
}
#Relation ul section h3 + p {
  line-height: 1.7;
  padding: 10px 1% 0px 0;
  margin-top: 5px;
}
#Relation ul section h3 + p a,
#Relation ul section h3 + p a:visited {
  display: block;
  margin: 0px auto 0;
  color: #d4282b;
  padding: 10px 0px;
  text-align: center;
  font-size: 15px;
  text-decoration: none;
}
#Relation ul section h3 + p a:hover {
  opacity: 0.85;
}

/* footer */
#foot_wrap {
  padding: 5px 0em 0px;
  color: #333;
  text-align: center;
  font-size: 14px;
  background: #222;
}
footer {
  color: #fff;
  padding: 20px 0;
  max-width: 1000px;
  margin: 0 auto;
}
footer > ul {
  max-width: 1040px;
  margin: 0 auto 10px;
}
footer ul li {
  line-height: 1.5;
  padding-bottom: 3px;
}
footer ul li a {
  color: #fff;
}
footer > div {
}
footer > div > div {
  text-align: left;
  margin-bottom: 15px;
}
footer > div > div h3 {
  margin-bottom: 5px;
  font-size: 16px;
}
footer > div > div p {
  background: #111;
  padding: 15px;
  line-height: 1.4;
}
footer > div > div:nth-of-type(1) {
  box-sizing: border-box;
  width: 70%;
  float: left;
}
footer > div > div:nth-of-type(2) {
  box-sizing: border-box;
  width: 28%;
  float: right;
}
footer > div a {
  color: #fff;
  text-decoration: underline;
}
footer > div a:hover {
  text-decoration: none;
}
footer a:visited {
  color: #fff;
}

/* 404-page */
#Error h1 {
  padding: 10px 0;
  font-size: 28px;
  text-align: center;
  font-weight: normal;
  color: #41362c;
}
#Error .block {
  padding: 20px 10px;
  border: 1px dotted #2c211e;
  text-align: center;
}
#Error .block p {
  padding-top: 0.2em;
}
#Error .block p a {
  color: #b72222;
}

@media only screen and (max-width: 768px) {
  /* header */
  #page header > div:first-child {
    margin: 0 auto;
    padding: 0px 0 0px;
  }
  #page header > div:first-child > div:first-child {
  }
  #page header > div > div {
  }
  #page header {
    padding-bottom: 0px;
  }
  #site_title {
    max-width: 1000px;
    margin: 0 auto;
    text-align: left;
    padding: 15px 10px 15px;
  }
  #page #site_title a {
    font-size: 16px;
    text-align: center;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
  }
  #page header > div:nth-of-type(2) img:nth-of-type(2) {
    display: none;
  }
  nav {
  }
  nav ul {
    width: 99%;
  }
  nav ul li {
    width: 25%;
  }
  nav ul li:nth-of-type(1) {
    display: none;
  }
  nav ul li:last-child {
  }
  nav ul li a {
    font-size: 12px;
  }
  nav ul li {
    box-sizing: border-box;
    display: inline-table;
    border-left: dotted 1px #333;
    text-align: center;
    vertical-align: middle;
  }
  nav ul li a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
  }
  .home .breadcrumbs {
    display: none;
  }
  #page header > div:nth-of-type(3) {
  }
  .breadcrumbs {
    max-width: 1000px;
    margin: 0 auto 0px;
    font-size: 12px;
    color: #333;
    padding: 20px 0 0;
  }
  .breadcrumbs a {
    color: #98692d;
    font-weight: bold;
  }

  /* content */
  #MainContent {
    margin: 10px auto 0px;
  }
  #page #content,
  #page #Search,
  #page #Error {
    width: 100%;
    margin: 0px auto 0px;
    float: none;
    padding: 10px;
    border: solid 6px #c0baa5;
    background: #fff;
    margin-bottom: 10px;
  }
  #page #sidebar {
    width: 100%;
    float: none;
  }
  #content > section:nth-of-type(1) h2,
  #content h1,
  #Search h1 {
    padding: 15px 5px 12px;
    color: #fff;
    text-align: center;
    margin: 0px auto 10px;
    font-size: 16px;
    font-weight: normal;
    background: #584e3e;
    border-bottom: solid 5px #000;
    text-shadow: 1px 1px 1px #333;
  }
  /*#content section:nth-of-type(1) h2:before,#content h1:before,#Search h1:before{
	content:"";
	display:block;
	height:8px;
	border:20px solid transparent;
	border-top:14px solid #102b72;
	position:absolute;
	left:50%;
	bottom:-43px;
	margin-left:-12px;
}*/
  #Search h2 {
    font-size: 20px;
    margin: 15px 0 0;
  }
  #Search h2 a {
    color: #15377c;
  }
  #content > section:nth-of-type(2) h2 {
    position: relative;
    color: #777;
    font-size: 16px;
    text-align: left;
    margin: 20px auto 20px;
    padding: 16px 0 12px 60px;
    font-weight: bold;
    background: #ededed;
  }
  #content > section:nth-of-type(2) h2::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 47px;
    height: 47px;
    background: #555;
  }
  #content > section:nth-of-type(2) h2::after {
    content: url("/wp-content/themes/106.TbMarket/image/PenIcon.png");
    position: absolute;
    top: 8px;
    left: 8px;
  }
  #page #Search section {
    border-bottom: solid 1px #cccccc;
  }
  #page #Search p {
    line-height: 1.5;
    color: #666;
    font-size: 14px;
    padding: 0 0 5px 0px;
  }
  #page #Search p a {
    color: #bd2629;
  }
  #page #content p {
    line-height: 1.5;
    color: #666;
    font-size: 14px;
  }
  #page #content p strong {
  }
  .pagenation {
    text-align: center;
    padding: 10px 0 0px;
    margin-top: 10px;
  }
  .pagenation p:first-child {
    float: right;
    text-align: right;
  }
  .pagenation p:last-child {
    float: left;
    text-align: left;
  }
  .pagenation p a {
    padding: 0px;
    text-decoration: none;
    color: #d4282b;
  }
  .pagenation p a:hover {
    text-decoration: underline;
  }

  /* sidebar */

  #page #sidebar .sidebar_inner {
  }
  #page #sidebar .sidebar_inner .widget {
    margin-bottom: 10px;
    padding-bottom: 0.2em;
    padding: 15px;
    background: #36191a;
  }
  #page #sidebar .sidebar_inner .widget_title {
    margin-bottom: 0.5em;
    padding: 15px 0px 9px 10px;
    color: #333;
    font-size: 16px;
    font-style: bold;
    border-bottom: solid 1px #fff;
    text-align: left;
    background: #fff;
    font-weight: bold;
  }
  #page #sidebar .sidebar_inner ul li {
  }
  #page #sidebar .sidebar_inner ul li a {
    display: block;
    text-decoration: none;
    margin-bottom: 10px;
    padding: 10px;
    color: #fff;
    text-align: left;
    font-size: 13px;
    border: solid 1px #aaa;
    line-height: 1.5;
  }
  #page #sidebar .sidebar_inner ul li a:hover {
    text-decoration: none;
    background: #453939;
    color: #fff;
  }
  .widget_search {
    margin-bottom: 1em;
  }

  /* search-form */
  .widget_search {
    display: block;
  }
  .widget_search {
    text-align: center;
  }
  .widget_search .screen-reader-text {
    display: none;
  }

  /* 関連記事 */
  #Relation section h2 {
    position: relative;
    margin: 20px auto 15px;
    font-size: 24px;
    padding: 10px 10px 6px 50px;
    background: #f9f5ea;
  }
  #Relation section h2:before {
    content: url("/wp-content/themes/106.TbMarket/image/MemoIcon.png");
    position: absolute;
    top: 5px;
    left: 10px;
  }
  #Relation ul {
    max-width: 1000px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
  }
  #Relation ul li {
    box-sizing: border-box;
    text-align: left;
    margin-bottom: 15px;
    background: #fff;
    color: #333;
    margin-right: 0%;
  }
  #Relation ul li:last-child {
    margin-right: 0;
  }
  #Relation ul li section h3 {
    position: relative;
    margin-bottom: 10px;
    padding: 5px 0px 0px 0px;
  }
  #Relation ul li section h3 {
    position: relative;
    padding-bottom: 5px;
  }
  #Relation ul li section h3::before,
  #Relation ul li section h3::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: "";
    height: 4px;
  }
  #Relation ul li section h3::before {
    z-index: 2;
    width: 15%;
    background-color: #444;
  }
  #Relation ul li section h3::after {
    width: 100%;
    background: -webkit-repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #aaa 2px,
      #aaa 4px
    );
    background: repeating-linear-gradient(
      45deg,
      #fff,
      #fff 2px,
      #aaa 2px,
      #aaa 4px
    );
  }
  #Relation ul li section h3 a {
    color: #000;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
  }
  #Relation ul li p {
    font-size: 12px;
  }
  #Relation ul section img {
    float: left;
    max-width: 24%;
    padding: 0px 1% 0 0;
  }
  .box {
    float: right;
    max-width: 75%;
  }
  #Relation ul section h3 + p {
    line-height: 1.7;
    padding: 10px 1% 0px 0;
    margin-top: 5px;
    font-size: 12px;
  }
  #Relation ul section h3 + p a,
  #Relation ul section h3 + p a:visited {
    display: block;
    margin: 0px auto 0;
    color: #d4282b;
    padding: 10px 0px;
    text-align: center;
    font-size: 13px;
    text-decoration: none;
  }
  #Relation ul section h3 + p a:hover {
    opacity: 0.85;
  }

  /* footer */
  #foot_wrap {
    padding: 5px 20px 0px;
    color: #333;
    text-align: center;
    font-size: 14px;
    background: #222;
  }
  footer {
  }
  footer > ul {
  }
  footer ul li {
  }
  footer ul li a {
  }
  footer > div {
  }
  footer > div > div {
    margin-bottom: 15px;
  }
  footer > div > div h3 {
    margin-bottom: 5px;
    font-size: 15px;
  }
  footer > div > div p {
    padding: 12px;
    line-height: 1.4;
  }
  footer > div > div:nth-of-type(1) {
    box-sizing: border-box;
    width: 100%;
    float: none;
  }
  footer > div > div:nth-of-type(2) {
    box-sizing: border-box;
    width: 100%;
    float: none;
  }
  footer > div a {
  }
  footer > div a:hover {
  }
  footer a:visited {
  }

  /* 404-page */
  #Error h1 {
    font-size: 20px;
  }
  #Error .block {
  }
  #Error .block p {
  }
  #Error .block p a {
  }
}

@media only screen and (max-width: 680px) {
  /* 記事内画像 */
  #content img {
    display: block;
    margin: 0 auto 10px;
    max-width: 200px;
  }
  .left {
    display: block;
    float: none;
    padding-right: 0px;
  }
  .right {
    display: block;
    float: none;
    padding-left: 0px;
  }

  #content section:nth-of-type(1) h2,
  #content h1,
  #Search h1 {
  }
}