@font-face {
  font-family: MADECanvas;
  src: url("../webfonts/MADE\ Canvas\ Regular\ PERSONAL\ USE.otf");
}

@font-face {
  font-family: MADEEvolve Medium;
  src: url("../webfonts/MADE\ Evolve\ Sans\ Medium\ \(PERSONAL\ USE\).otf");
}

@font-face {
  font-family: ACaslonPro-Regular;
  src: url("../webfonts/ACaslonPro-Regular.otf");
}
@font-face {
  font-family: OPTITimes-Roman;
  src: url("../webfonts/OPTITimes-Roman.otf");
}
@font-face {
  font-family: OPTITimesRoman-Italic;
  src: url("../webfonts/OPTITimesRoman-Italic.otf");
}
@font-face {
  font-family: ShipporiMincho;
  src: url("../webfonts/ShipporiMincho-OTF-Regular.otf");
}
html {
  font-family: "ShipporiMincho", 'Yu Mincho', "游明朝", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
/*	font-family: "dnp-shuei-mincho-pr6n", 'Yu Mincho', "游明朝", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	font-weight: 400;
	font-style: normal;
 	color: rgb(43, 40, 36);
  scroll-behavior: smooth;
}
a {
  text-decoration: none;
  color: inherit;
display: block;
}
ul {
  list-style: none;
}
body {
  position: relative;
}

.pc_none {
  display: none;
}
.sp_none {
  display: block;
}
@media screen and (max-width: 960px) {
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
}
@media screen and (max-width: 560px) {
  .pc_none {
    display: block;
  }
  .sp_none {
    display: none;
  }
}

.small {
  font-size: 10px;
}
.border_line {
  height: 1px;
  background-color: #c0c0c0;
  border: none;
}
/*—————————————————————————————————
breadcrumb
—————————————————————————————————*/
.breadcrumb01 {
  background-color: #fff;
}
.breadcrumb01 .breadcrumb_link {
  color: #272727;
 font-family: 'OPTITimes-Roman' , 'ShipporiMincho' , 'Yu Mincho', "游明朝", "Hiragino Mincho ProN W3";
}
.breadcrumb02 {
  background-color: #76a6ba;
}
.breadcrumb_container {
  width: 100%;
  max-width: 1220px;
  height: 45px;
  padding: 0 40px;
  margin: auto;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-family: OPTITimes-Roman;
  font-size: 10px;
  letter-spacing: 0.12em;
}
.breadcrumb_home {
  margin-right: 15px;
color: #fff;
  transform: scale(1.5);
	display: none;
}
.breadcrumb_home_blue { 
	color: #5e91a6;
	transform: scale(1.5);
	margin-right: 15px;
	display: none;
}
.breadcrumb_home img {
  width: 100%;
  height: auto;
}
.breadcrumb_link {
  color: #fff;
 font-family: 'OPTITimes-Roman' , 'ShipporiMincho' , 'Yu Mincho', "游明朝", "Hiragino Mincho ProN W3";

}
.breadcrumb_arrow {
  color: #fff;
  margin: 0 5px;
}
.breadcrumb_item {
  color: #fff;
}
@media screen and (max-width: 560px) {
  .breadcrumb_container {
    padding: 0 0 0 35px;
  }
}

/*—————————————————————————————————
accordion
—————————————————————————————————*/

.accordion__item {
  margin-top: 10px;
  cursor: pointer;
}
.accordion__title {
  position: relative;
  padding: 16px 0;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  border: 1px solid #a5a5a5;
  border-radius: 50px;
  cursor: pointer;
  text-align: center;
}
/* (+)icon */
.accordion__title::before,
.accordion__title::after {
  content: "";
  position: absolute;
  left: 32px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #a5a5a5;
  width: 16px;
  height: 2px;
  transition: all 0.3s;
}
.accordion__title::after {
  transform: rotate(90deg);
}
/* アコーディオンのコンテンツ */
.accordion__content {
  display: none;
  cursor: pointer;
}
.accordion__content.is-open {
  display: block;
}
/* アコーディオン展開時の(-)アイコン */
.accordion__item.is-active .accordion__title::before {
  transform: rotate(180deg);
}
.accordion__item.is-active .accordion__title::after {
  transform: rotate(180deg);
  opacity: 0;
}
@media screen and (max-width: 960px) {
}
@media screen and (max-width: 560px) {
  .accordion__title {
    padding: 12px 0;
	  font-size: 12px;
  }
	.accordion__title::before, .accordion__title::after {
    width: 12px;
	height: 1px;
	}
	.accordion__title::after {
    width: 12px;
	}
}

/*—————————————————————————————————
pagenation
—————————————————————————————————*/
.pager {
  padding-bottom: 80px;
}
.pagenation {
  width: 90%;
  max-width: 1200px;
  margin: auto;
}

.wp-pagenavi {
  display: flex;
  justify-content: center;
	align-items: center;
  width: 100%;
  position: relative;
}
.wp-pagenavi .current, .wp-pagenavi .page {
 	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	margin: 8px;
	background-color: #f6f6f6;
	border-radius: 50%;
	font-weight: 600;
	cursor: pointer;
	opacity: .3;
	transition: .3s;
}
.wp-pagenavi .current {
  opacity: 1;
}
.wp-pagenavi .page:hover {
	opacity: 1;
}

.previouspostslink,
.nextpostslink{
 	padding: 4px 0;
	border-bottom: 1px solid #272727;
	font-family: MADEEvolve Medium;
	letter-spacing: 0.1em;
	position: absolute;
}
.single_pager a {
  color: #707070;
  font-size: 16px;
}
.single_pager img {
  width: 40px;
  margin-left: 20px;
  margin-right: 20px;
  vertical-align: middle;
}
.previouspostslink {
  left: 0;
}
.nextpostslink {
  right: 0;
}
@media screen and (max-width: 960px) {
  .pager {
    padding: 0 20px 90px;
  }
}

@media screen and (max-width: 560px) {
  .pager {
    padding: 0;
    margin: 2em 0;
  }
  .wp-pagenavi .current, .wp-pagenavi .page {
    width: 20px;
    height: 20px;
    margin: 8px;
    font-size: 12px;
  }
  .previouspostslink,
	.nextpostslink {
    font-size: 12px;
  }
  .pager_wrap li:last-of-type {
    font-size: 10px;
  }
  .column .is_active {
    border: none;
    padding: 0;
  }
}
/*—————————————————————————————————
animation
—————————————————————————————————*/
/*
fadeIn
———————————*/
@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 60px, 0);
    transform: translate3d(0, 60px, 0);
  }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(30%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-30%, 0, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}

/*
scrolldown
———————————*/
.scrolldown {
  position: absolute;
  left: 50%;
  height: 80px;
  top: -100px;
  z-index: 1;
}
.scrolldown span {
  position: absolute;
  left: -15px;
  top: -15px;
  width: 100px;
  color: #fff;
  font-size: 0.7rem;
  letter-spacing: 0.05em;
}
.scrolldown::after {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 30px;
  background: #fff;
  border-left: 1px solid #fff;
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}

@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  50% {
    height: 30px;
    opacity: 1;
  }
  100% {
    height: 0;
    top: 50px;
    opacity: 0;
  }
}

/*
plant animation
———————————*/
/*
.animation {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1.5s;
}
.animation02 {
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2s;
}
@keyframes anim_v {
  0% {
    transform: translate(0, 0px);
  }
  100% {
    transform: translate(0, -15px);
  }
}
.keyframe01,
.keyframe02,
.keyframe03 {
  animation-name: anim_v;
}
*/

/*
swiper
———————————*/
/* .swiper {
  width: 100%;
  height: 500px;
} */
/* .swiper-wrapper .swiper-slide {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 350px;
  width: 350px;
  border-radius: 50%;
} */
/* 　正面のスライド以外は小さく＆半透明に */
.tab-content .swiper-wrapper .swiper-slide:not(.swiper-slide-active) {
  transform: scale(0.9);
  opacity: 0.3;
}

.search_text {
	text-align: center;
	margin: 50px 0;
}