/**
 * Theme Name:     Hoshinori
 * Author:         ENSEMBLE
 * Template:       arkhe
 * Text Domain:	   hoshinori
 * Description:    ENSEMBL Orignal Theme
 */

@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Yuji+Syuku&display=swap');

body {font-family: "Yuji Syuku", serif;
  font-weight: 400;
	font-style: normal;}


/* main-visual */
.main-visual img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    filter: grayscale(50%);
}

.c-gnav__li a::after {
  background-color: #c0c0c0; /* 下線の色 */
  bottom: 15px; /* 要素の下端からの距離 */
  content: ""; /* 要素に内容を追加 */
  height: 1px; /* 下線の高さ */
  left: 0; /* 要素の左端からの距離 */
  position: absolute; /* 絶対位置指定 */
  transform: scale(0, 1); /* 下線を横方向に0倍、縦方向に1倍に変形（非表示） */
  transform-origin: center top; /* 変形の原点を中央上に指定 */
  transition: transform .3s; /* 変形をアニメーション化 */
  width: 100%; /* 要素の幅 */
}

.c-gnav__li a:hover::after {
  transform: scale(1, 1); /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */
}

.c-iconBtn__icon::after {
    content:'MENU';
	font-size: 8px;
	 position: absolute;
      top: 25px;
      left: 0px;
}

.c-iconBtn__icon {transform: scale(1.3, 1.3);}


.img-frame{
   position: relative;
   width: 100%;
   height: 800px;
   overflow: hidden;
   margin: 0 auto;

}

@media screen and (max-width: 767px){
.img-frame{
   width: 100%;
   height:400px;
	}}

@media screen and (max-width: 1920px){
.img-frame{
   width: 100%;
   height:;
}
.img-01, .img-02, .img-03{
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}
.img-01{
	/*height: 500px;*/
  background-image: url('https://hoshinori.jp/wp-content/uploads/2025/03/slider01.jpg');
	background-color: #000;
  animation: slide-animation-01 32s infinite;
}
.img-02{
   background-image: url('https://hoshinori.jp/wp-content/uploads/2025/03/slider02.jpg');
   animation: slide-animation-02 32s infinite;
}
.img-03{
   background-image: url('https://hoshinori.jp/wp-content/uploads/2025/03/slider03.jpg');
   animation: slide-animation-03 32s infinite;
}
@keyframes slide-animation-01 {
    0% {opacity: 1; transform: scale(1.0);}
  30% {opacity: 1;}
  40% {opacity: 0; transform: scale(1.12);}
  90% {opacity: 0}
100% {opacity: 1; transform: scale(1.0);}
}
@keyframes slide-animation-02 {
    0% {opacity: 0;}
  30% {opacity: 0; transform: scale(1.1);}
  40% {opacity: 1;}
  60% {opacity: 1;}
  70% {opacity: 0; transform: scale(1.0);}
100% {opacity: 0;}
}
@keyframes slide-animation-03 {
    0% {opacity: 0;}
  60% {opacity: 0;  transform: scale(1.0);}
  70% {opacity: 1;}
  90% {opacity: 1;}
100% {opacity: 0; transform: scale(1.1);}
}
	
.img-frame::after{
   content: '';
   position: absolute;
   top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
   width: 50%;
   height: 50%;
   /*background-color: rgba(0, 0, 0, .5);*/
	
}
.msg{
   font-size: 20px;
   color: #fff;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50% , -50%);
	 writing-mode: vertical-rl;
	 z-index:1;
 opacity: 0;
  animation: fadeIn 6s forwards;
	animation-delay: 2s;*/
}	
/*@keyframes fadeIn {
  to {
    opacity: 1;
		
  }
}	*/

.button007 a {
    background: ;
	  border: 1px solid #000;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 240px;
    padding: 10px 25px;
    color: #313131;
    transition: 0.3s ease-in-out;
    font-weight: 500;
	  text-decoration: none;
}
.button007 a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: -1em;
    transform: translateY(calc(-50% - 2px)) rotate(30deg);
    width: 12px;
    height: 1px;
    background-color: #000;
    transition: 0.3s;
}
.button007 a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: -1em;
    transform: translateY(-50%);
    width: 40px;
    height: 1px;
    background-color: #000;
    transition: 0.3s;
}
.button007 a:hover:before, .button007 a:hover:after {
    right: -0.5em;
}
.button007 a:hover {
    background: #edf6ff;
    color: #6bb6ff;
}
	
.sp_br {
  display: none; 
}
@media screen and (max-width: 768px) {
  .sp_br {
    display: block; 
  }
}

/*.fadeInUp {
    opacity: 0;
    transform: translateY(100px);
    animation-name: fadeIn01;
    animation-duration: 1s;
    animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
@keyframes fadeIn01 {
    0% {
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}	*/
.txt {
    margin-bottom: 800px;
}

/* ブロックの共通CSS */
.block {
    width: 300px;
    height: 300px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #333;
    margin-bottom: 100px;
}
/* 下から上に移動しながらフェードイン */
.fadeInUp01 {
    opacity: 0;
    transform: translateY(100px);
}
	@keyframes fadeIn01 {
    0% {
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}
/* フェードインさせるクラス */
.fadeIn01 {
    animation-name: fadeIn01;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}
	
#top_title_area {display: none!important;}
	
.p-breadcrumb {display: none;}
	
.l-container {margin-bottom: 0px!important;}
	

.myright{
    animation: name_animTest 1s infinite ease-out;
}

@keyframes name_animTest {
    0% {
        transform: translateX(100px);
			opacity: 0;
    }

    100% {
        transform: translateX(0px);
    }
}
.wp-show-posts-single {margin:0!important;
}

a.wp-show-posts-read-more:hover,
a.wp-show-posts-read-more:focus {
	border: 1px solid #FFF!important;
	color: #fff!important;
	background: #2b98c8;
	text-decoration: none;
}

.wp-show-posts-read-more {border:1px solid #0e2664!important;}
/*.wp-show-posts-entry-title a{color: #8b4513!important;}

.wp-show-posts-entry-title a:hover {color:#B77C59!important;}*/

.wp-show-posts-inner {border: 1px solid #1F4B49;
padding:5px;
background-color:#F4F4F4;
	background:rgba(256,256,256,0.9);

}

h5.wp-show-posts-entry-title a {color:#0a6c91!important;}
h5.wp-show-posts-entry-title a:hover {color:#2b98c8!important;}
	
a:hover img{
	opacity:0.6;}	
	

.l-footer { background-image: url(https://hoshinori.jp/wp-content/uploads/2025/05/footer11.jpg);
  background-size: cover;}
.c-copyright {font-family:serif;
	font-size:12px;}
	
.c-pageTitle__main {font-size:24px;}	
.l-header {margin-top:15px;}	
@media screen and (max-width: 668px) {
  .l-header {margin-top:1px;}
}	
.fadeInLeft {
    opacity: 0;
    transform: translateX(-20px);
    animation-name: fade-In;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.fadeInRight {
    opacity: 0;
    transform: translateX(20px);
    animation-name: fade-In;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@keyframes fade-In {
    0% {
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}	
	
.wpcf7 form.sent .wpcf7-response-output {/* 送信ボタン下完了時 */
    color: #ffffff;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {/* 送信ボタン下未入力警告 */
    color: #ffffff;
}	
	
.c-fixBtn__icon {color:blue;}	
	
.wp-show-posts-entry-meta{
	font-size:15px;
	padding-top:3px;
}
.wp-show-posts-entry-meta a{color:#000;
}