/**
Theme Name: Astra Child
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-child
Template: astra
*/
@charset "utf-8";

ul,li,dd {
  margin: 0;
  padding: 0;
}

ul li {
  list-style: none;
}

h1 {
  color: var(--e-global-color-astglobalcolor0 );
  font-size: 27px;
  margin-bottom: 20px;
}

h2 {
  color: var(--e-global-color-astglobalcolor0 );
  font-size: 22px;
  margin-bottom: 20px;
}

h3 {
  font-size: 18px;
  margin-bottom: 15px;
}

.entry-content h4, .entry-content h5, .entry-content h6 {
  margin-bottom: 10px;
}

img {
  width: 100%;
}

.wp-block-gallery {
  display: flex;
  flex-wrap: wrap;
}

.wp-block-gallery .wp-block-image {
  padding: 10px;
}

/* 記事内レイアウト　 .content-area */

.single-post img {
  width: inherit;
}

.single h3 {
  padding: 10px;
  border-left: solid 5px var(--ast-global-color-3);
  background: #eee;
}

.single .content-area ul {
  margin-bottom: 20px;
}

.single .content-area li {
    margin: 10px 0;
}

.single .content-area ol {
  margin: 0 auto 20px;
  padding: 20px;
  background: #eee;
}

.single .content-area ol li {
  list-style-type: decimal;
}

.txt_center {
  text-align: center;
}

/* ボタン系 */

.btn-small {
  display: inline-block;
  padding: 0 15px;
  margin-right: 15px;
  font-size: 14px;
  line-height: 1.6;
  color: #f7941d;
  border-radius: 25px;
  border: 1px solid #f7941d;
}

.btn-small:hover {
  color: #FFF;
  background-color: #f7941d
}


.readmore {
  padding: 0 10px;
  font-size: 15px;
  font-weight: bold;
  margin: 0;
  color: #d83d3d;
}

.arrow {
  display: inline-block;
  position: relative;
}
.arrow_right {
  padding-right: 20px;
}
.arrow_left {
  padding-left: 15px;
}
.arrow_left::before,
.arrow.arrow_right::after {
  content: '';
  display: inline-block;
  position: relative;
  width: 8px;
  height: 8px;
  transform: rotate(45deg);
  vertical-align: middle;
  top: -1px;
}

.arrow_left::before {
  border-bottom: solid 2px #666;
  border-left: solid 2px #666;
  left: -10px;
}

.arrow.arrow_right::after {
  border-top: solid 2px #666;
  border-right: solid 2px #666;
  right: -10px;
}

.ast-container {
  max-width: 1100px;
}

#primary, .ast-separate-container #primary, .ast-separate-container.ast-left-sidebar #primary, .ast-separate-container.ast-right-sidebar #primary {
  margin: 0 auto 30px;
  padding: 30px;
}


/*  パンくず */

#breadcrumbs {
  padding: 15px;
}

#breadcrumbs ul {
  margin: 0;
	font-size: 14px;
}
#breadcrumbs ul li {
	display:inline-block;
}
#breadcrumbs ul li a {
  font-weight: bold;
	color:#666;
}
#breadcrumbs ul li a:hover {
	color:#999;
}

#breadcrumbs ul .brz-icon-svg {
	margin: 1px 5px 0;
  font-size: 8px;
}

/*  次のページ　前のページ */
.page_foot_nav {
  clear: both;
}

.page_foot_nav ul {
  display: flex;
  margin: 30px auto 0;
}

.page_foot_nav ul li {
  width: 50%;
}

.page_foot_nav ul li:last-child {
  border-left: 1px solid #eee;
  text-align: right;
}

.page_foot_nav ul li a {
  display: block;
  padding: 15px;
}

/*  Personality */

.post-block {
	display: flex;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #eee;
}

.post-block .img {
	width: 20%;
	padding-right: 20px;
}

.related_post_img img {
	width: 100%;
}

.post-block .text {
	width: 80%;
}

.post-block .text .title {
	font-weight: bold;
}

@media screen and (max-width: 480px) {
  .post-block {
  	display: block;
  }

  .post-block .img {
  	width: 100%;
  }

  .post-block .text {
    width: 100%;
  }
}

.site-content {
	background-color: #efefef;
}

.ast-separate-container #primary,
.ast-container #primary {
	padding: 30px;
	background-color: #FFF;
}

@media screen and (max-width: 480px) {
  .ast-separate-container #primary,
  .ast-container #primary {
  	padding: 15px;
  }
}

/*  Archive */

.article_header {
  padding: 15px;
}

.list_post_meta {
  margin-bottom: 10px;
}

.list_post_meta ul li {
  display: inline-block;
}

.list_post_meta ul li a {
  display: inline-block;
  padding: 2px 10px;
  margin-right: 15px;
  color: #f7941d;
  border: 1px solid #f7941d;
}

.list_post_meta ul li a:hover {
  color: #FFF;
  background-color: #f7941d
}

.post_block_wrap {
	padding: 15px;
}

.post_block_wrap .post_block {
  display: block;
  padding: 15px;
  height: 100%;
	border: 1px solid #eee;
}

.post_block_wrap a.post_block {
  color: #555;
}

.post_block_wrap a.post_block:hover {
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}

.post_block_wrap .post_block .post_foot {
  text-align: right;
}

/*  Archive post_broadcast */

.post-type-archive-post_broadcast .article_header {
}

.post_meta {
  margin-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
  color: #999;
}

.post_block .sub_title {
  font-size: 14px;
	font-weight: bold;
  color: #22b573;
}


.conts dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: 15px;
}

.conts dl dt {
  width: 25%;
  margin-bottom: 5px;
}

.conts dl dd {
  width: 75%;
  margin-bottom: 5px;
}

/*  Single */

.single .post_meta {
  margin-bottom: 15px;
}

.single .post_foot {
  padding: 10px;
  text-align: right;
}

/*  Artist review */

.post_artist .list_post {
	display: flex;
	flex-wrap: wrap;
}

.post_block_wrap .post_block .post_img {
  width: 25%;
  margin-right: 15px;
	overflow: hidden;
}

.post_block_wrap .post_block .post_txt {
  width: 75%;
}

@media screen and (max-width: 480px) {
  .post_artist .list_post {
  	display: block;
  }
  .post_block_wrap .post_block .post_img {
    width: 100%;
  }
  .post_block_wrap .post_block .post_txt {
    width: 100%;
  }
}

.post_block_wrap .post_block h3 {
  margin-bottom: 5px;
}

.post_artist .post_block_wrap {
	width: 25%;
}

.post_artist .post_block_wrap .post_block {
  display: flex;
}

@media screen and (max-width: 480px) {
  .post_artist .post_block_wrap {
    width: 100%;
  }

	.post_flex {
		display: block;
	}

	.post_block_wrap {
		padding: 15px 0;
		width: 100%;
	}

	/* .post_img {
		height: 160px;
	} */
}

/*  Blog transfered_diary */


.transfered_diary .transfered_diary_img {
  clear: both;
}

.transfered_diary .transfered_diary_img img {
  margin-bottom: 15px;
  float: right;
}