@charset "UTF-8";
/*
Template: arkhe
Theme Name: Arkhe Child
Theme URI: https://arkhe-theme.com/ja/
Description: Arkhe用子テーマ
Version: 1.0.0
Text Domain: arkhe
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl.html
*/

html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 110px;
}

/* 英数字（ラテン） */
@font-face {
  font-family: "MyFont";
  src: local("秀英明朝 L JIS2004");
  unicode-range: U+0000-00FF; /* 英数字・記号 */
}

/* 日本語 */
@font-face {
  font-family: "MyFont";
  src: local("モトヤ正楷書 Std W3");
  unicode-range: U+3000-30FF, U+4E00-9FFF; /* ひらがな・カタカナ・漢字 */
}

.pchidden{
display:none;
	}

body {
  font-family: "モトヤ正楷書 Std W3";
}

/* 英字だけ */
.en {
  font-family: "秀英明朝 L JIS2004";
}

body {
	font-size:clamp(10px , 1vw ,12px);
letter-spacing: 0.18em;


}
p{
	line-height:3.2;
}

h1,h2,h3,h4,h5,h6{
	font-weight:300;
}
h2 {
    font-size:clamp(12px ,1.9em,15px);
	margin-bottom:3rem  !important;
	letter-spacing: 0.28em;
}
.l-header__center{
	padding:25px;
}
#header {

  z-index: 10;
}

/* 下にフェード */
#header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -40px; /* フェードの長さ */
  width: 100%;
  height: 40px;

  background: linear-gradient(
    to bottom,
    rgba(255,255,255,1) 0%,   /* ヘッダー色に合わせる */
	     rgba(255,255,255,0.7) 50%,   /* ヘッダー色に合わせる */
    rgba(255,255,255,0) 100%
  );

  pointer-events: none;
}


.sfade {
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.8s ease;
}

.fade.is-active {
  opacity: 1;
  transform: translateY(0);
}


.sp-thumb-loop{
	overflow-x:hidden;
}
/* メインコピー */

.js-text-fadein{
	  writing-mode: vertical-rl;
  text-orientation: upright;
	letter-spacing:1em;
font-size:clamp(13px , 1vw , 14px);
  line-height: 1.8;     /* 縦方向の余白 */
  letter-spacing: 1.0em; /* 文字間 */
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.js-text-fadein span {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.4em);
}

.js-text-fadein.is-active span {
  animation: fadeInChar 8.5s ease forwards;
}

@keyframes fadeInChar {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.footer_logo{
	position:fixed;
	left:25px;
	bottom:25px;
	z-index:3;
}
.section1_title {
	font-size:13px;
	  letter-spacing: 0.4em; 
	margin-top:8rem !important;
}
.section1_title img{
	width:85px;
	margin-right:14px;
	position:relative;
	top:2px;
}

.section1_img img{
	width:35vw;
	max-width:320px !important;
	margin:auto;
}

/* ベースボタン */

#content .base-btn {
  display: flex!important;
  align-items: center!important;
  gap: 12px!important;
  text-decoration: none;
  color: #333;

  font-size: 13px;
  letter-spacing: 0.25em!important;
	margin-top:3rem;
} 

/* 横ライン */
.base-btn .line {
  position: relative;
  width: 40px;
  height: 1px;
  background: #A8A8A8;
}

/* 先端の斜め */
.base-btn .line::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 1px;
  background: #A8A8A8;
  transform: rotate(35deg);
  transform-origin: right center;
}

.base-btn .line {
  transition: width 0.8s ease;
}
	.btn-right{
		justify-content:flex-end;
	}
.base-btn .txt{
	position:relative;
	top:-5px;
transition:0.8s;
}
.base-btn:hover .txt{
	opacity:0.4;
}
.base-btn:hover .line {
  width: 47px;
	
}

.base-btn .line::after {
  transition: transform 0.8s ease;
}

.base-btn:hover .line::after {
  transform: translateX(1px) rotate(35deg);
}


/* スクロール */
.scroll-fade {
  opacity: 0;
  transform: translateY(10px);

  transition:
    opacity 1.6s ease,
    transform 2.8s cubic-bezier(0.22, 1, 0.36, 1)
}

.scroll-fade.is-active {
  opacity: 1;
  transform: translateY(0);

}

/* TOPコレクション */
[data-sidebar=off] .p-postList.-type-card .p-postList__item{
	  flex-basis: 50%;
}
    .p-postList.-type-card .p-postList__item {
        flex-basis: 50%;
    }

.top_collection .c-postThumb__img,.top_collection .c-postThumb__figure{
	aspect-ratio: 3 / 4 !important;
}
.top_collection {
	margin-top:1rem !important;
}
.top_collection .p-postList__title{
	font-size:clamp(10px , 1vw , 14px)!important;
	text-align:center;
	margin-top:3rem;
}
.c-postThumb__img{
	transition:0.9s;
}
.p-postList__thumb:before{
	opacity:0 !important;
}
.p-postList__link:hover .c-postThumb__img {
    transform: scale(1.07);
}
.p-postList.-type-card .p-postList__item{
	    padding:2rem 4.75rem;
}
.p-postList.-type-card {
    margin-left: -4.75rem;
    margin-right: -4.75rem;
}


/* TOPエキシビション */

  .sp-loop .p-postList__title{
	display:none;
}
  .sp-loop .c-postThumb__img,  .sp-loop .c-postThumb__figure{
	aspect-ratio: 1 / 1 !important;
}
@media (max-width: 767px) {

  .sp-loop {
    overflow: hidden;
    width: 100%;
  }

  .sp-loop .p-postList {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0px;
    width: max-content !important;
    animation: spLoopSlide 30s linear infinite;
  }

  .sp-loop .p-postList > * {
    flex: 0 0 130px !important;
    width: 130px !important;
    max-width: none !important;
	  padding:10px!important;
  }

  .sp-loop .p-postList img {
    width: 100%;
    height: auto;
    display: block;
  }

  @keyframes spLoopSlide {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }

}
.c-postTimes__item {
font-size: 12px;
letter-spacing: 0.28em;
}
.c-postTimes__item svg{
	display:none;
}
.p-postList__title{
font-weight: normal;
font-size: 14px;
letter-spacing: 0.28em;
}

.p-postList.-type-simple .p-postList__link,.p-postList{
	border:none!important;
}
.ark-block-postList {
margin-top:0!important;
}
.p-postList.-type-simple .p-postList__link{
	padding:15px 0;
}

input,textarea{
	background-color:#F7F7F7!important;
	border-radius:0!important;
	border:none!important;
	width:100%;
}
.wp-block-snow-monkey-forms-item {
	margin-bottom:25px;
}
.smf-item__col--label{
	margin-bottom:10px;
}
.smf-action .smf-button-control__control{
	background:none!important;
	border-top:none;
	border-right:none;
	border-left:none;
	border-bottom:solid 1px #707070;
	border-radius:0;
	font-size:11px;
	padding-left:0px;
	padding-right:0px;
	text-align:center!important;
	letter-spacing:1em;
	font-family: "モトヤ正楷書 Std W3"!important;
}
.smf-action{
	text-align:center;
}

/*==================================================
hannba-ga-menu
===================================*/

.l-header__customBtn, .l-header__drawerBtn, .l-header__searchBtn{
	width:65px
}
.c-modalClose{
	display:none;
}
.openbtn{
	position: absolute;
/* 	cursor: pointer; */
    width: 100%;
    height:100%;
	top:0px;
	right:0px;
	z-index:1
}
	.c-iconBtn{
		position:relative;
		z-index:2;
	}
/*ボタン内側*/
.openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 1px;
    border-radius: 2px;
	background: #aaa;
  	width: 35%;
  }


.openbtn span:nth-of-type(1) {
	top:12px;	
}

.openbtn span:nth-of-type(2) {
	top:18px;
}
.openbtn span:nth-of-type(3) {
	top:24px;
}


/*activeクラスが付与されると1・3番目の要素が2番目の要素と同じ位置になり一本線に*/

 .openbtn.active span:nth-of-type(1) ,
.openbtn.active span:nth-of-type(3){
    top: 18px; 
} 
 	[data-drawer=opened] .openbtn span:nth-of-type(1) ,
[data-drawer=opened] .openbtn span:nth-of-type(3){
	top: 18px;
	} 
	[data-drawer=opened] .openbtn span{
		background:#fff;
	}

	.c-iconBtn__icon{
		opacity:0;
		background-color:#aaa
	}

.lang{
	position:fixed;
	right:5px;
	bottom:13px;
	list-style:none;
	padding:0;
	display:flex;
}
.lang li{
	padding:0 10px;
}
.lang li:nth-of-type(2){
	border-left:solid 1px #ccc;
}

.p-drawer{
	background-color:#fff;
	color:#292929;
}