/*ヘッダー固定メニュー */
header {
  display: flex;
  width: 100%;
  height:60px;
  background-color: #392c14;
  align-items: center;
  position: fixed;
  z-index: 1000;                /* 重なり順指定 */
}

p {
  padding: 0px 0px;
  height: 0px;
}

.title {
  margin-right: auto;
}

.menu-item {
  list-style: none;
  display: inline-block;
  padding: 20px;
}

*  { 
        padding : 0px ; 
        margin : 0px ; 
}

img { 
	max-width: 100%; 
	height: auto;
        vertical-align:bottom;
}

/*ヘッダー固定メニュー */

body {
/*スクロール下から上へ */
.scroll_up {
  transition: 0.8s ease-in-out;
  transform: translateY(10px);
  opacity: 0;
}
.scroll_up.on {
  transform: translateY(0);
  opacity: 1.0;
}
.timing02 {transition-delay: .2s;}
.timing03 {transition-delay: .4s;}
.timing04 {transition-delay: .6s;}
.timing05 {transition-delay: .8s;}
/*スクロール下から上へ */

/*スクロール左から */
.scroll_left {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(-30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_left.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}
/*スクロール左から */

/*スクロール右から */
.scroll_right {
    -webkit-transition: 0.8s ease-in-out;
    -moz-transition: 0.8s ease-in-out;
    -o-transition: 0.8s ease-in-out;
    transition: 0.8s ease-in-out;
    transform: translateX(30px);
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
}
.scroll_right.on {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
    transform: translateX(0);
}
/*スクロール右から */

/*全ページフォント指定 */
font-family: serif,sans-serif;
}

/* ---------真ん中スライドショー--------- */
/* シンプルカルーセルの完全CSS実装 */
.simple-carousel {
  max-width: 480px;
  margin: 0 auto;
  position: relative;
}

/* ラジオボタンを非表示にする */
.simple-carousel input[type="radio"] {
  display: none;
}

/* カルーセルコンテナの設定 */
.carousel-container {
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.8);
}

/* スライド全体のラッパー */
.carousel-slides {
  display: flex;
  width: 700%; /* スライド数 × 100% */
  transition: transform 0.5s ease-in-out;
}

/* 各スライドの設定 */
.slide {
  width: 20%; /* 100% ÷ スライド数 */
  padding: 20px 12px;
  background: linear-gradient(000000, #663300 0%, #333300 100%);
  color: white;
  text-align: center;
  box-sizing: border-box;
}

/* ナビゲーションボタンの配置 */
.carousel-nav {
  text-align: center;
  margin-top: 20px;
}

.nav-btn {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background: #ccc;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.3s ease;
}

/* アクティブ状態とスライド制御 */
#slide1:checked ~ .carousel-container .carousel-slides {
  transform: translateX(0%);
}

#slide2:checked ~ .carousel-container .carousel-slides {
  transform: translateX(-14.30%);
}

#slide3:checked ~ .carousel-container .carousel-slides {
  transform: translateX(-28.60%);
}

#slide4:checked ~ .carousel-container .carousel-slides {
  transform: translateX(-42.85%);
}

#slide5:checked ~ .carousel-container .carousel-slides {
  transform: translateX(-57.16%);
}

#slide6:checked ~ .carousel-container .carousel-slides {
  transform: translateX(-71.45%);
}

#slide7:checked ~ .carousel-container .carousel-slides {
  transform: translateX(-85.70%);
}

/* アクティブなナビゲーションボタンのスタイル */
#slide1:checked ~ .carousel-nav label[for="slide1"],
#slide2:checked ~ .carousel-nav label[for="slide2"],
#slide3:checked ~ .carousel-nav label[for="slide3"],
#slide4:checked ~ .carousel-nav label[for="slide4"],
#slide5:checked ~ .carousel-nav label[for="slide5"],
#slide6:checked ~ .carousel-nav label[for="slide6"],
#slide7:checked ~ .carousel-nav label[for="slide7"] {
  background: #667eea;
}
/* ---------真ん中スライドショー--------- */


/* ---------ボックス--------- */

#site-box {
	width :100vw;
	margin : 0px;
	overflow: hidden;
	
}

#a1-box {
	clear: both;
	width : 100vw;
	background-color:#e6d6b7;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

#a2-box {
	clear: both;
	width : 100vw;
	background-color:#4d361a;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

#a3-box {
	clear: both;
	width : 100vw;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	display: flex;
}

#a4-box {
	clear: center;
	width : 100vw;
	height: 340px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a5-box {
	clear: center;
	width : 260px;
	height: 320px;
	background-color:#d0a571;
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a6-box {
	width : 70vw;
	height: 450px;
	background-color:#B8860B;
	background-size: cover;
	
	font-size: 12px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a7-box {
	width : 30vw;
	height: 450px;
	background-color:#392c14;
	background-image:url(img/00_bg/bg_004.jpg);
	background-repeat: no-repeat;
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a8-box {
	width : 70vw;
	height: 450px;
	background-size: cover;
	background-color:#d0a571;
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a9-box {
	width : 30vw;
	height: 450px;
	background-color:#392c14;
	background-image:url(img/00_bg/bg_002.jpg);
	background-repeat: no-repeat;
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a10-box {
	width : 70vw;
	height: 450px;
	background-size: cover;
	background-color:#e6d6b7;
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a11-box {
	width : 30vw;
	height: 450px;
	background-color:#392c14;
	background-image:url(img/00_bg/bg_003.jpg);
	background-repeat: no-repeat;
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a12-box {
	clear: both;
	width : 100vw;
	background-color:#906f27;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

#a13-box {
	width : 12vw;
	height: 400px;
	background-color:#392c14;
	background-image:url(img/00_bg/info_900.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a14-box {
	width : 22vw;
	height: 400px;
	background-color:#392c14;
	background-image:url(img/00_bg/info_910.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}
#a15-box {
	width : 22vw;
	height: 400px;
	background-color:#392c14;
	background-image:url(img/00_bg/info_911.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}
#a16-box {
	width : 22vw;
	height: 400px;
	background-color:#392c14;
	background-image:url(img/00_bg/info_912.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}
#a17-box {
	width : 22vw;
	height: 400px;
	background-color:#392c14;
	background-image:url(img/00_bg/info_913.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a23-box {
	clear: center;
	width : 100vw;
	background-image:url(img/00_bg/bg_006.jpg);
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a24-box {
	clear: center;
	width : 100vw;
	height: 400px;
	background-image:url(img/00_bg/bg_008.jpg);
	background-size:100%;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a25-box {
	clear: center;
	width : 100vw;
	height: 400px;
	background-image:url(img/00_bg/bg_009.jpg);
	background-size:100%;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
	display:flex;
	text-decoration: none;
	justify-content: center;
}


/* ---------ＨＰ--------- */

#h1-box {
	width :100vw;
	margin : 0px;
	overflow: hidden;
}

#a21-box {
	clear: both;
	width : 100vw;
	background-color:#e6d6b7;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

#a18-box {
	clear: center;
	width : 260px;
	height: 320px;
	background-color:#fff399;
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#a19-box {
	clear: both;
	width : 100vw;
	background-color:#533500;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

#a20-box {
	clear: both;
	width : 100vw;
	background-color:#f3d795;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

#p1-box {
	width : 30vw;
	height: 500px;
	background-image:url(img/10_homepage/hp_104.jpg);
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

/* ---------カレンダー--------- */
#c1-box {
	width : 30vw;
	height: 800px;
	background-image:url(img/90_other/link_003.jpg);
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#c2-box {
	width : 70vw;
	height: 800px;
	background-color:#FFE4B5;
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

/* ---------リンク--------- */
#t1-box {
	width : 30vw;
	height: 450px;
	background-image:url(img/90_other/link_001.jpg);
	font-size: 16px;
	overflow: hidden;
	display:flex;
	margin: 0 auto;
	text-decoration: none;
	justify-content: center;
}

#t2-box {
	width : 70vw;
	height: 450px;
	background-color:#FFE4B5;
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 18px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#t3-box {
	width : 70vw;
	height: 450px;
	background-color:#FFE4B5;
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 16px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#t4-box {
	width : 30vw;
	height: 450px;
	background-image:url(img/90_other/link_002.jpg);
	font-size: 16px;
	overflow: hidden;
	display:flex;
	margin: 0 auto;
	text-decoration: none;
	justify-content: center;
}

#t5-box {
	width : 70vw;
	height: 500px;
	background-color:#FFE4B5;
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 14px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#t6-box {
	width : 30vw;
	height: 500px;
	background-image:url(img/90_other/link_004.jpg);
	font-size: 16px;
	overflow: hidden;
	display:flex;
	margin: 0 auto;
	text-decoration: none;
	justify-content: center;
}

#t7-box {
	width : 70vw;
	height: 350px;
	background-color:#FFE4B5;
	background-repeat: no-repeat;
	background-size: cover;
	
	font-size: 14px;
	overflow: hidden;
	display:flex;
	text-decoration: none;
	justify-content: center;
}

#t8-box {
	width : 30vw;
	height: 350px;
	background-image:url(img/90_other/link_005.jpg);
	font-size: 16px;
	overflow: hidden;
	display:flex;
	margin: 0 auto;
	text-decoration: none;
	justify-content: center;
}

/* --------------- */
#c-box {
	float: right;
	width: 230px;
	font-size: 12px;
	overflow: hidden;
	margin-left:auto;
	margin-right:auto;
}

#d-box {
	clear: both;
	width: 100vw;
	height: 160px;
	font-size: 16px;
	color: #FFFFFF;
	background-color:#413216;
        margin-left:auto;
        margin-right:auto;
}


/* ---------フォント--------- */

t1 {
	font-size: 18px;
	color: #FFFFFF;
	background-color:transparent;
	margin: 0px 2px 0px 15px;
}

h1 {
	font-size: 26px;
	color: #660066;
	background-color:transparent;
}

h2 {
	font-size: 24px;
	color: #0000000;
	margin: 0px 2px 0px 15px;
	background-color:transparent;
}

h3 {
	font-size: 18px;
	color: #FFFFFF;
	margin: 0px 0px 0px 20px;
	background-color:transparent;
}

h4 {
	font-size: 24px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	background-color:transparent;
}
h5 {
	font-size: 20px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	background-color:transparent;
}

h6 {
	font-size: 42px;
	color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	background-color:transparent;
}

h7 {
	font-size: 42px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	background-color:transparent;
}

h8 {
	font-size: 20px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	background-color:transparent;
}

h9 {
	font-size: 19px;
	color: #000000;
	margin: 0px 0px 0px 0px;
	background-color:transparent;
}

h10 {
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px 0px 0px 20px;
	background-color:transparent;
}


/* 上に戻るボタン */
.pagetop {
	color: #000;
	background-color: #FFFFFF;
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 2.75rem;
	font-size: 1.5rem;
	width: 3.3rem;
	height: 3.3rem;
	line-height: 3.3rem;
	border-radius: 3.3rem;
	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color: #ed702b;
	text-decoration: none;
/* 上に戻るボタン */

/* 問い合わせフォーム */
@charset "UTF-8";
 
form {
     width: 250px;
     border: solid 1px black;
 }

label {
    display: block;
   }

.example{
    text-align: center;
}
/* 問い合わせフォーム */