/* contents
-------------------------------------------------------------------------------------------------*/
/* PC
---------------------------*/
@media screen and (min-width: 768px), print {
#contents_blog{
	margin: 32px auto 50px;
	width:960px;
	}
#contents_blog .contents_section{
	width:560px;
	float:right;
	background:#fff;
	border:1px solid #CBD9E8;
	padding:20px 30px;
	border-radius:10px;
	margin:-20px 0 50px;
	}
#contents_blog .contents_section h2{
	background: url("../img/common/bg_stripe.png") #EFC63A;
	font-size:18px;
	line-height:120%;
	font-weight:500;
	padding:10px 0 10px 20px;
	color:#483A23;
	}
#contents_blog .contents_section section{
	margin: 20px auto 50px;
	font-size:14px;
	line-height:150%;
	}

#contents_blog .contents_menu{
	width:300px;
	float:left;
	margin: -20px auto 50px;
	}
  #contents_blog .contents_menu  ul{
	display:block;
	width:240px;
	margin:0 auto;
  }
  #contents_blog .contents_menu  ul li{
	  background: none;
	  padding:1px 0px 1px;
	  font-size:14px;
	  float:none;
  }

  #contents_blog .contents_menu .recent {
	  background:#fff;
	  border:1px solid #CBD9E8;
	  padding:20px;
	  border-radius:10px;
	  margin:0px auto 20px;
  }
  #contents_blog .contents_menu .recent h3 {
	  margin:0 0 8px;
	  padding:5px;
	  background: url("../img/common/bg_stripe.png") #F66261;
	  text-align:center;
	  font-size:15px;
	  color:#fff;
	  font-weight:500;
  }
  #contents_blog .contents_menu .recent li {
  }
  #contents_blog .contents_menu .recent li a   {
	  display:block;
	  width:250px;
	  font-size:13.5px;
	  line-height:140%;
	  text-decoration:none;
	  padding:5px 0 5px 0px;
	  border-bottom:1px solid #ddd;
	  color:#483A23;
  }
  /* カレンダー　-*/
  #contents_blog .contents_menu .calendar {
	  background:#fff;
	  border:1px solid #CBD9E8;
	  padding:20px;
	  border-radius:10px;
	  margin:0px auto 20px;
      text-align: center;
  }
  #contents_blog .contents_menu .calendar h3 {
	  margin:0 0 8px;
	  padding:5px;
	  background: url("../img/common/bg_stripe.png") #C378C9;
	  text-align:center;
	  font-size:15px;
	  color:#fff;
	  font-weight:500;
  }
    #contents_blog .contents_menu .calendar div {
      list-style:none;
      margin:0px auto 20px;
      background-color: #fff;
  }
    #contents_blog .contents_menu .calendar div table{
      width:98%;
  }
    #contents_blog .contents_menu .calendar div td{
      padding:3px;
      text-align: center;
      font-size:80%;
        
  }
    #contents_blog .contents_menu .calendar div td a{
      color:rgba(252, 0, 0, 0.99);
        
  }
  #contents_blog .contents_menu .category {
	  background:#fff;
	  border:1px solid #CBD9E8;
	  padding:20px;
	  border-radius:10px;
	  margin:0px auto 20px;
  }
  #contents_blog .contents_menu .category h3 {
	  margin:0 0 8px;
	  padding:5px;
	  background: url("../img/common/bg_stripe.png") #C378C9;
	  text-align:center;
	  font-size:15px;
	  color:#fff;
	  font-weight:500;
  }
  #contents_blog .contents_menu .category li {
  }
  #contents_blog .contents_menu .category li a   {
	  display:block;
	  width:250px;
	  font-size:13.5px;
	  line-height:140%;
	  text-decoration:none;
	  padding:2px 0 2px 0px;
	  color:#483A23;
  }
#contents_blog .contents_menu .category li  a:before {
	content:"\0025b6";
	font-size:80%;
	color:#83A2BF;
}
}

/* スマホ
---------------------------*/
@media screen and (max-width: 767px) {
#contents_blog{
	margin: 32px auto 0;
	width:100%;
	}
#contents .contents_section{
	width:100%;
	}
#contents_blog .contents_section{
	width:100%;
	background:#fff;
	padding:0px 0px 20px;
	margin:0px 0 30px;
	}
#contents_blog .contents_section h2{
	background: url("../img/common/bg_stripe.png") #EFC63A;
	font-size:16px;
	font-weight:700;
	letter-spacing:2px;
	padding:12px 0 12px 8%;
	}
#contents_blog .contents_section section{
	margin: 20px auto 50px;
	width:84%;
	font-size:14px;
	}

#contents_blog .contents_menu{
	width:84%;
	margin: 0px auto 50px;
	}
  #contents_blog .contents_menu  ul{
	display:block;
	width:240px;
	margin:0 auto;
  }
  #contents_blog .contents_menu  ul li{
	  background: none;
	  padding:1px 0px 1px;
	  font-size:14px;
	  float:none;
  }

  #contents_blog .contents_menu .recent {
	  background:#fff;
	  border:1px solid #CBD9E8;
	  padding:20px;
	  border-radius:10px;
	  margin:0px auto 20px;
  }
  #contents_blog .contents_menu .recent h3 {
	  margin:0 0 8px;
	  padding:5px;
	  background: url("../img/common/bg_stripe.png") #F66261;
	  text-align:center;
	  font-size:15px;
	  color:#fff;
	  font-weight:500;
  }
  #contents_blog .contents_menu .recent li {
  }
  #contents_blog .contents_menu .recent li a   {
	  display:block;
	  width:250px;
	  font-size:13.5px;
	  line-height:140%;
	  text-decoration:none;
	  padding:5px 0 5px 0px;
	  border-bottom:1px solid #ddd;
	  color:#483A23;
  }
  #contents_blog .contents_menu .calendar {
	  background:#fff;
	  border:1px solid #CBD9E8;
	  padding:20px;
	  border-radius:10px;
	  margin:0px auto 20px;
      text-align: center;
  }
  #contents_blog .contents_menu .calendar h3 {
	  margin:0 0 8px;
	  padding:5px;
	  background: url("../img/common/bg_stripe.png") #C378C9;
	  text-align:center;
	  font-size:15px;
	  color:#fff;
	  font-weight:500;
  }
    #contents_blog .contents_menu .calendar div {
      list-style:none;
      margin:0px auto 20px;
      background-color: #fff;
  }
    #contents_blog .contents_menu .calendar div table{
      width:98%;
  }
    #contents_blog .contents_menu .calendar div td{
      padding:3px;
      text-align: center;
      font-size:80%;
        
  }
    #contents_blog .contents_menu .calendar div td a{
      color:rgba(252, 0, 0, 0.99);
        
  }
  #contents_blog .contents_menu .category {
	  background:#fff;
	  border:1px solid #CBD9E8;
	  padding:20px;
	  border-radius:10px;
	  margin:0px auto 20px;
  }
  #contents_blog .contents_menu .category h3 {
	  margin:0 0 8px;
	  padding:5px;
	  background: url("../img/common/bg_stripe.png") #C378C9;
	  text-align:center;
	  font-size:15px;
	  color:#fff;
	  font-weight:500;
  }
  #contents_blog .contents_menu .category li {
  }
  #contents_blog .contents_menu .category li a   {
	  display:block;
	  width:250px;
	  font-size:13.5px;
	  line-height:140%;
	  text-decoration:none;
	  padding:2px 0 2px 0px;
	  color:#483A23;
  }
#contents_blog .contents_menu .category li  a:before {
	content:"\0025b6";
	font-size:80%;
	color:#83A2BF;
}
}



/* footer
-------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px), print {
footer.page_blog{
	background: none;
	padding-top:0px;
}
}

/*postの中はスタイル解除
-------------------------------------------------------------------------------------------------*/
section.post h1{
  display: block;
  margin: 0.67em 0; 
  font-size: 2em;
  font-weight: bold;
  page-break-after: avoid;
}
section.post h2,
:match(article,aside,nav,section) h1 {
  display: block;
  margin: 0.83em 0; /* Webkit, Firefoxは、margin-before: 0.83em; margin-after: 0.83em; */
  font-size: 1.5em;
  font-weight: bold;
  page-break-after: avoid; /* IEのみ */
}

section.post h3,
:match(article,aside,nav,section) :match(article,aside,nav,section) h1 {
  display: block;
  margin: 1em 0; /* Webkit, Firefoxは、margin-before: 1em; margin-after: 1em; */
  font-size: 1.17em;
  font-weight: bold;
  page-break-after: avoid; /* IEのみ */
}

section.post p {
  display: block;
  margin: 1em 0; /* Webkit, Firefoxは、margin-before: 1em; margin-after: 1em; */
}
section.post dl {
  display:block;
  margin: 1em 0; /* Webkit, Firefoxは、margin-before: 1em; margin-after: 1em; */
}
section.post dt {
  display: block;
}
section.post dd {
  display:block;
  margin-left: 40px; /* Webkit, Firefoxは、margin-start: 40px; */
}

section.post img {
  zoom: 1; /* IEのみ */
}

section.post strong {
  font-weight: bold;
}

section.post em {
  font-weight: italic;
}
section.post ul {
  margin: 1em 0; padding-left: 40px; list-style-type: disc;
}
section.post ol {
  margin: 1em 0; padding-left: 40px; list-style-type: decimal;
}
section.post blockquote, q {
  quotes: none;
}
section.post table{
  border-collapse:collapse;
  border:none;
  border-spacing:0;
}
section.post th,td{
  vertical-align:top;
  border:solid 1px #000;
  font-weight:normal;
  text-align:left;
}
section.post caption{
  text-align:left;
}
section.post img {
  vertical-align: top;
}
/**/