/*
Theme Name: YMG1 Theme 2025
Theme URI: https://www.yamatogokoro.jp/
Author: https://www.yamatogokoro.jp/
Author URI: https://www.yamatogokoro.jp/
Description: やまとごころ テーマ
Version: 1.0
Template: ymg1
*/

/* ---------------------------------------------------------------- */
.com_innerArea01 {
  /* width: 950px; */
  width: 1200px;
}

#contents {
  /* width: 632px; */
  width: 882px;
}

.com_crumb ul {
  width: 1200px;
}

@media screen and (max-width: 768px) {
  .com_innerArea01 {
    width: auto;
  }

  #contents {
    width: auto;
  }
}

/* ---------------------------------------------------------------- */
header .hd_gNavArea .hd_gNavBlock02>.com_innerArea01>ul>li>a {
  width: 100%;
  display: block;
}

/* ---------------------------------------------------------------- */
footer nav>ul>li>a::before {
  transform: translate(-180px, -50%);
}

@media screen and (max-width: 768px) {
  footer nav>ul>li>a::before {
    transform: translate(0, -50%);
  }
}

.ft_contFrame01 {
  width: 590px;
}

.ft_contFrame02 {
  width: 286px;
}

footer .ft_linkList01 li {
  width: 286px;
  margin-right: 18px;
}

/* ---------------------------------------------------------------- */
.top-newcontents-list {
  gap: 10px;
}

.top-newcontents-list__badge {
  position: absolute;
  top: 10px;
  right: 10px;
  background-color: #ea5514;
  color: #ffffff;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: bold;
  border-radius: 3px;
  z-index: 10;
}

.top-newcontents-latest-post {
  position: relative;
}

/* ---------------------------------------------------------------- */

[class*=column_contList] li,
[class*=com_arrowList] li a {
  display: flex;
  gap: 15px;
}

[class*=column_contList] li .pic,
[class*=com_arrowList] li a .pic {
  flex-shrink: 0;
}

[class*=column_contList] li .txt,
[class*=com_arrowList] li a .txt,
[class*=com_arrowList] li a.newpost__link .txt {
  width: auto;
}

@media screen and (max-width: 768px) {
	.post-type-archive-event [class*=column_contList] li,
	.post-type-archive-event [class*=com_arrowList] li a {
		display: block;
	}
}

/* ---------------------------------------------------------------- */
.newLayoutMobile__thumbnailLink--editor {
  flex-shrink: 0;
}

.newLayoutMobile__link--editor {
  width: auto;
  max-width: none;
}

/* ---------------------------------------------------------------- */
.column_contList01 li>.pic,
.report_contList01 li .pic,
.com_contList01 li .pic,
.com_arrowList02 li a .pic,
.top-newcontents-list__pic-inner img {
  display: block;
  height: auto;
  aspect-ratio: 397 / 264;
}

.column_contList01 li>.pic img,
.report_contList01 li .pic img,
.com_contList01 li .pic img,
.com_arrowList02 li a .pic img {
  width: 100%;
  height: 100% !important;
  display: block;
  object-fit: cover;
}

.column_contList01 li>.pic a {
  height: 100%;
}

.post-type-archive-editor .report_contList01 li .pic {
  aspect-ratio: auto;
}

/* ---------------------------------------------------------------- */
.top_event_tabList .com_contList01 li a>div:first-of-type,
.com_arrowList03 li a .pic {
  aspect-ratio: 427 / 214;
}

.top_event_tabList .com_contList01 li a>div:first-of-type img,
.com_arrowList03 li a .pic img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.com_arrowList03 li a {
  align-items: center;
}

.com_arrowList03 li a .pic {
  flex-grow: 0;
}

@media screen and (max-width: 768px) {
  .com_arrowList03 li a .txt {
    padding-left: 15px;
  }
}



/* ---------------------------------------------------------------- */
.column_contBlock01 {
  display: flex;
  gap: 20px;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.column_contBlock01 .txt {
  width: auto;
}

.column_contBlock01 .pic {
  flex-shrink: 0;
}

.column_contBlock01::before,
.column_contBlock01::after {
  content: none;
}

@media screen and (max-width: 768px) {
  .column_contBlock01 {
    flex-direction: column;
  }
}

/* ---------------------------------------------------------------- */
.column_contList01 li {
  flex-direction: column;
  gap: 0;
}

.column_contList01 li>.txt {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.column_contList01 li>.txt>*:last-child {
  margin-top: auto;
}

.column_contList01 ul li a {
  display: flex;
  align-items: flex-start;
}

@media screen and (max-width: 768px) {
  .column_contList01 li {
    flex-direction: row;
  }

  /* .column_contList01 li>.txt {
    min-height: 240px;
  } */

  .column_contList02 li {
    flex-direction: column;
  }
}

/* ---------------------------------------------------------------- */
/* @media screen and (max-width: 768px) {
  .report_contList01 li .txt {
    min-height: 150px;
  }
} */

/* ---------------------------------------------------------------- */
.column_contList01 li>.txt>h5,
[class*="com_arrowList"] li .txt,
.report_contList01 .txt p:last-child,
.home #contents .com_contList01 li .txt h3 {
  font-size: 1.6rem !important;
}

@media screen and (max-width: 768px) {

  .column_contList01 li>.txt>h5,
  [class*="com_arrowList"] li .txt,
  .report_contList01 .txt p:last-child,
  .home #contents .com_contList01 li .txt h3 {
    font-size: 1.4rem !important;
  }
}

/* ---------------------------------------------------------------- */
.column_profBlock01 {
  width: 100%;
}

.column_profBlock01 .pic {
  width: 60px;
  height: auto;
  aspect-ratio: 1;
}

.column_profBlock01 .txt p {
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .column_profBlock01 .pic {
    width: 38px;
  }

  .column_profBlock01 .txt p {
    font-size: 1.2rem;
  }
}


/* ---------------------------------------------------------------- */
/*
.blogBodyArea p>img,
.blogBodyArea p>a>img,
.blogBodyArea p>span>a>img,
.blogBodyArea div>img,
.blogBodyArea div>a>img,
.blogBodyArea div>span>a>img {
  display: block;
  margin: 0 auto;
}
*/

.blogBodyArea div:has(> :nth-of-type(1):last-of-type) img,
.blogBodyArea p:has(> :nth-of-type(1):last-of-type) img {
  display: block;
  margin: 0 auto;
}

/* ---------------------------------------------------------------- */
.single-feature #hashiwatashi .column_contBlock01 a {
  color: #ff6600;
}

.single-feature #hashiwatashi .hashiwatashi_list li .pic {
  flex-shrink: 0;
}

.single-feature #hashiwatashi .hashiwatashi_list li .pic img {
  width: 100%;
  object-fit: cover;
}

.single-feature .column_contBlock01 {
  display: block;
}

@media screen and (max-width: 768px) {
  .single-feature #hashiwatashi .hashiwatashi_list li .txt {
    padding-left: 15px;
  }
}


/* ---------------------------------------------------------------- */
.top-newcontents-list__txt-inner {
  justify-content: flex-start;
}

.com_arrowList01 .txt {
	font-size: 16px;
}


/* --------------------- タブレット対応 ------------------- */
@media screen and (min-width: 980px) and (max-width: 1240px) {
 .com_innerArea01 {
  width: 950px;
}
footer .com_innerArea01 {
  width: 915px;
}
#contents {
  width: 632px;
}
.com_crumb ul {
  width: 950px;
}
	.top-newcontents-list__pic-inner {
		height: 300px;
	}
	.top-newcontents-list__txt {
		padding-bottom: 10px;
	}
	footer nav>ul>li>a::before {
		left: 65%;
	}
}
@media screen and (min-width: 769px) and (max-width: 979px) {
	header .hd_contBlock01 {
		width: 240px;
		padding-left: 15px;
	}
	header .hd_contBlock02 {
		width: 500px;
		padding-right: 15px;
	}
 .com_innerArea01 {
  width: 100%;
}
#contents {
	margin: 0 auto;
  width: 80%;
	float: none;
}
.top-newcontents-list__pic-inner {
		height: 270px;
	}
	.top-newcontents-list__txt {
		padding-bottom: 10px;
	}
	.com_crumb ul {
  width: 100%;
}
	#sidebar {
		float: none;
		width: 100%;
		margin-top: 30px;
	}
	#sidebar .sd_bnr01 {
		width: 80%;
		margin: 0 auto;
	}
		#sidebar .sd_bnr01 img {
			width: 300px;
			margin-bottom: 20px;
	}
	#sidebar .sd_contArea01,
	#sidebar .sd_contArea03,
	#sidebar #_popIn_recommend {
		width: 80%;
		margin: 0 auto;
	}
	#sidebar .sd_contArea01 {
		margin-bottom: 30px;
	}
	#sidebar .sd_contArea03 ul.ranking li .txt  {
		float: left;
		margin-left: 15px;
		width: 80%;
	}
	footer .com_innerArea01 {
		width: 80%;
	}
	footer nav>ul>li {
		width: 100%;
		border-left: 1px solid #e5e5e5;
	}
	footer nav>ul>li:nth-child(3n) {
		border-right: 1px solid #e5e5e5;
	}
	footer nav>ul>li>a {
		min-height: auto;
	}
	footer nav>ul>li>a::before {
		transform: translate(0, -50%);
		left: 10px;
	}
	footer .com_innerArea01 {
	  width: 600px;
	}
}