@charset "utf-8";
/* CSS Document */

/*

Theme Name: kodomo
Theme URI: https://www.840kodomo.com/
Description: Yashio City Children’s Association Council Web Design
Version: 2026
Author:  Yashio City Children’s Association Council
Author URI: https://www.840kodomo.com/

*/


/*--------------------------------------
  リセット
--------------------------------------*/

* {
	margin: 0;
	padding: 0;
	font-size: 100%;
}



ul, ol, li {
	list-style: none !important;
}

img {
	vertical-align: middle;
	border: 0;
}

button {
	font-size: 100%;
}

.clear {
	clear: both;
}

blockquote, q {
	quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
	content:'';
	content:none;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

textarea {
	width: 100%;
}

input {
	max-width: 100%;
	font-family: "Noto Sans JP", "Kiwi Maru", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

dd,
dt {
  padding: 0;
  margin: 0;
}


/*--------------------------------------
  動画レスポンシブ化
---------------------------------------*/

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin: 0 auto 0px 0;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*--------------------------------------
  クリアフィックス
---------------------------------------*/

.clearfix::after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

/*--------------------------------------
  画像
--------------------------------------*/

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	transition: 0.5s;
}



/*--------------------------------------
  リンク
--------------------------------------*/

a {
	text-decoration:none;
	color:#26384c;
	font-weight:bold;
	transition: 0.5s;
}

a:hover {
	opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
transition: 0.5s;

}



/*--------------------------------------
  下から上にススーっとフェードイン
--------------------------------------*/


@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
@keyframes my-fade-in {
	from {
	  opacity: 0;
	  transform: translateY(20px);
	}
	to {
	  opacity: 1;
	  transform: translateY(10px);
	}
  }

/*--------------------------------------
  全体定義
--------------------------------------*/

html {
	
	font-family: "Noto Sans JP", "Kiwi Maru","游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro" , 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size : 100%;
	line-height : 1.7;
	color: #26384c;
	letter-spacing:4px;
	scroll-behavior: smooth;
}

body {
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	background-image:none;
	position:relative;
	height: 100%;
}


#wrapper{
	position:relative;
	width:100%;	
	overflow: hidden;
	
}



/*--------------------------------------
  googlemap map_canvas
--------------------------------------*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*--------------------------------------
  スマホ header
--------------------------------------*/


/* ヘッダー募集中のイベント */
@media screen and (min-width: 400px) {
	header .header_r li{
		display:block;
		letter-spacing:4px;
		text-indent: 4px;
		margin:0 auto 30px auto;
	}
	}

header{
	width:100%;
	margin:0 auto;
	padding:15px 0 20px 0;
	text-align:center;
	line-height:1.3;
	background-size:100%;
	text-indent: 4px;
}


header .header_l{
	text-align:left;
	width:100%;
	margin:0 auto 50px auto;
}
header h1 img{
	width:100%;
	max-width:600px;
	height:auto;
}

header .header_r{
	text-align:left;
	width:100%;
}
header .header_r li{
	display:inline-block;
	letter-spacing:4px;
	text-indent: 4px;
	margin:0 auto;
}
header .header_r li a{
	background-color:#EBC9CA;
	padding:8px 20px;
	border-radius:50px;
	letter-spacing:4px;
	text-indent: 4px;
font-weight: bold;
}






/*--------------------------------------
  スマホ navigation_sp
--------------------------------------*/

.hamburger-menu .menu{
	position:absolute;
	top:65px;
	font-size:70%;
	color:#21293a;
	letter-spacing:2px;
	text-indent:2px;
	font-family: "Kiwi Maru",serif;
	font-weight:bold;
}

.menu-btn {
    position: fixed;
    top: 60px;
    right: 10px;
    display: flex;
    height: 60px;
    width: 60px;
    justify-content: center;
    align-items: center;
    z-index: 90;
	color: #fff;
	border-radius:100px;
	background-color:#EBC9CA;

}




.menu-btn .material-symbols-outlined{
  font-variation-settings:
  'FILL' 0,
  'wght' 700,
  'GRAD' 0,
  'opsz' 50
}

#menu-btn-check {
    display: none;
}


.navigation_sp {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 70;
    background-color: rgb(255 255 255 / .8);
	overflow-y: auto;
  overflow-x: hidden;

}

.navigation_sp_inner{
	padding: 5% 7%;
}


.navigation_sp ul {
    padding: 10px 0;
}
.navigation_sp ul li {
	text-align:left;
    list-style: none;
}


.navigation_sp ul li a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    color:#0d0644;
    text-decoration: none;
    padding: 15px 15px 15px 15px;
    position: relative;
	font-weight: 700;
}
.navigation_sp ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 25px;
}
.navigation_sp ul ul {
  margin-left: 12px;
}

.navigation_sp ul ul li a {
  font-size: 90%;
  padding-left: 15px;
}

.navigation_sp {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: rgb(255 255 255 / .8);
    transition: all 0.5s;/*アニメーション設定*/
}


#menu-btn-check:checked ~ .navigation_sp {
    left: 0;/*メニューを画面内へ*/
}


/*--------------------------------------
 navigation_spのアコーディオンメニュー
--------------------------------------*/
	



/*--------------------------------
スマホ main_image
---------------------------------*/

#main_image_wrapper{
	width:100%;
	margin:0 auto 0px auto;
	
	background-size: 100%;
}

#main_image{
	margin:0px auto 0 auto;
	padding:0px 0 45px 0 ;
	clear:both;
	width:100%;
	text-align:center;
	background-color: #EFBA47;
	background-size: 100%;
	position:relative;
}

#main_image #main_image_left{
	width:90%;
	text-align:left;
	margin:30px auto 0 auto;
}
#main_image #main_image_left h1{
	color:#fff;
	font-family:"Cedarville Cursive", cursive, Script, "Times New Roman", Times, serif;
	font-weight: bolder;
	font-size:150%;
	letter-spacing:0px;
	line-height:180%;
}
#main_image #main_image_left h2{
	color:#b4620b;
	font-size:120%;
	letter-spacing:12px;
	line-height:150%;
	padding:10px 0 0 0;
	font-weight: bold;
	text-align:right;
}




#main_image .splide{
	width:100%;
	animation-name: fadein;
    animation-duration: 2s;
    animation-iteration-count: 1;
}
#main_image .splide img{
	width:100%;
	height:auto;
	animation-delay: 2s;
    animation-duration: 2s;
    animation-fill-mode: both;
    animation-name: fadeIn;
}
.splide .splide__pagination{
	position: absolute;
	z-index: 60;
}
/* ページネーションのスタイル */
.shakyo-pagination {
	background-color: #bbbbbb;
	height: 3px;
	transition: .5s all;
	width: 3px;
  }
  /* 現在表示されているページネーションのスタイル */
  .shakyo-pagination .is-active {
	background-color: rgb(233, 231, 231);
	opacity: 1;
  }
  /* ページネーションの位置 */
  .shakyo-pagination {
	
  }
  /* ページネーション間の余白 */
  .shakyo-pagination li {
	margin-left: 3px;
	margin-right: 3px;
  }
  /* スライドのサイズ調整 */
  .splide__slide img {
	height: auto;
	width: 100%;
  }

/*--------------------------------
スマホ At_times_like_this
---------------------------------*/

div.At_times_like_this{
	margin:0px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	text-align:center;
	text-indent: 4px;
}

div.At_times_like_this ul{
	margin:0px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	text-align:center;
}
div.At_times_like_this li{
	margin:0px auto 0 auto;
	padding:0px 0 20px 0 ;
	width:100%;
	text-align:center;
	overflow:hidden;
}

div.At_times_like_this li .image{
	width:100%;
	height:160px;
	overflow:hidden;
	margin:0 auto 20px auto;
	text-align:center;
		display: flex;
  justify-content: center;
  align-items: center;
}


div.At_times_like_this li img{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
}



div.At_times_like_this li .title{
	background-color: rgb(255 255 255 / .7);
	width:100%;
	height:80px;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
}
div.At_times_like_this li .title h3{
  color:#b96203;
  font-size:120%;
  text-align: center;
  line-height:1.3;
}

div.At_times_like_this li h4{
	padding:0px 0;
	text-align:left;
	margin:8px auto;
	height:48px;
	
}
div.At_times_like_this li h4 a{
	background-color:#EBC9CA;
	padding:8px 20px;
	border-radius:10px;
	text-align:center;
	margin:8px auto;
}

div.At_times_like_this li .small{
	font-size:60% !important;
	letter-spacing:-2px;
	
}


/*--------------------------------
スマホ tab-area
---------------------------------*/

.tab-area01{
width: 100%;
margin: 40px auto 0px auto;
text-indent: 4px;
}

.tab-btn{
display:none; /*タブの切り替えを制御するラジオボタンを非表示に*/
}
/* タブ全体 */
.tab-list-wrap{
  display:flex;
  overflow-x:auto;
  -webkit-overflow-scrolling: touch;
  border-bottom:1px solid #ddd;
}

/* スクロールバー消す（任意） */
.tab-list-wrap::-webkit-scrollbar{
  display:none;
}

/* li */
.tab-list-wrap li{
  flex:0 0 auto;
}

/* タブ */
.tab-list{
  display:block;
  padding:12px 16px;
  font-size:14px;
  white-space:nowrap;
  color:#666;
  cursor:pointer;
  position:relative;
}

/* アクティブ */
.tab-list.selected{
  color:#000;
  font-weight:bold;
}

/* 下線 */
.tab-list.selected::after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:#000;
}

 
#tab-btn1:checked ~ .tab-list-wrap #tab-list1,
#tab-btn2:checked ~ .tab-list-wrap #tab-list2,
#tab-btn3:checked ~ .tab-list-wrap #tab-list3,
#tab-btn4:checked ~ .tab-list-wrap #tab-list4{
background:#003399; /*対応するボタンにチェックが入ったときに背景を#ffffff（白）に*/
color:#fff;
width:100%;
height:100%;
display: flex;
  justify-content: center;
  align-items: center;
}

#tab-btn1:checked ~ .tab-content-wrap #tab-content1,
#tab-btn2:checked ~ .tab-content-wrap #tab-content2,
#tab-btn3:checked ~ .tab-content-wrap #tab-content3,
#tab-btn4:checked ~ .tab-content-wrap #tab-content4
{
display: block;/*対応するボタンにチェックが入ったときに表示*/
}

.tab-content{
display:none; /*初期状態を非表示に*/
}
.tab-content ul{
	width:100%;
	margin:30px auto 0 auto;
	clear:both;
	padding:0;
	text-align:center;
}
.tab-content li{
	width:100%;
	margin:0px 0 20px 0;
	padding:5% 5% 5% 5%;
	text-align:left;
	line-height:1.5;
	background-color:#FDEDEC;
}
.tab-content li:last-child{
	margin:0px 0 0px 0;	
}

.tab-content li .image{
	width:30%;
	overflow:hidden;
  float: left;
  padding-right:20px;
}


.tab-content .tab-content_inner{
	color:#b96203;
	padding: 0px 0 0 0px;
	width:auto;
	overflow:hidden;
}



.tab-content li img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}


.tab-content li img{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
}
.tab-content .day{
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:60%;
	text-align:left;
	font-weight:normal;
	padding: 0 0 7px 0;
}
.tab-content .day .new{
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:80%;
	text-align:right;
	font-weight:bold;
	padding: 0 0 7px 10px;
	color: #D3485C;
}

.tab-content .tabtitle{
	text-align:left;
	padding:0px 0;
}
.tab-content .tabtitle h4{
	text-align:left;
	padding:0px 0 10px 0;
	font-size: 90%;
	letter-spacing: 1px;
	word-break: break-all;
	line-height:1.1;
}

.tab-content .category{
	padding:7px 0 0 0;
	text-align:left;
}


.tab-content .category span{
	font-size:60%;
	background-color:#D8DEA2;
	border-radius:7px;
	padding:3px 10px;
	text-align:center;
	letter-spacing: 1px;
	font-weight: bold;
	margin:0 5px;
}











/*--------------------------------------
  スマホ two_box
--------------------------------------*/
div.two_box{
	width:100%;
	margin:0 auto 20px auto;
	padding:20px 0;
	clear:both;
	text-align:center;
}

div.two_box .two_box_l{
	width:100%;
	margin:0 0 30px 0;
	padding:0;
}
div.two_box .two_box_r{
	width:100%;
	margin:0;
	padding:0;
}

div.two_box img{
	width:100%;
	height:auto;
	max-width:640px;
}
div.two_box .image111{
	width:111px;
	height:111px;
}

div.two_box h5{
	padding:5px;
	margin:0 auto 20px 0;
	background-color:#40628d;<!--8D6740-->
	color:#fff;
}

/* --------------------------------------------------
   スマホ four_box
-------------------------------------------------- */

.four_box{
	clear:both;
	width:100%;
	margin:20px auto 0 auto;
	padding:0;
	text-align:center;
}


.four_box li{
	width:48%;
	height:200px;
	margin:0 4% 30px auto;
	padding:0;
	text-align:center;
	float:left;
	overflow:hidden;
	text-align:left;
	
}
.four_box li:nth-of-type(2n){
	margin:0 0px 30px 0;
	padding:0;
}


.four_box li img{
	width:100%;
	height:auto;
	max-width:150px;
	text-align:center;
	margin:0 auto;
}







/*--------------------------------------
  スマホ five_box
--------------------------------------*/
div.five_box{
	margin:0px auto 0px auto;
	text-align:center;
	padding:40px 0 0 0;
	width:100%;
	clear: both;
	text-indent: 4px;
}
div.five_box ul{
	margin:0px auto 0px auto;
	text-align:center;
	width:100%;
	 
}

div.five_box li{
	margin:0px 10px 20px auto;
	text-align:center;
	padding:0 0 0px 0;
	width:100%;
	height:78px;
	overflow:hidden;
	position:relative;
	background-color:#fff;

	

}
div.five_box li a{
	width:100%;
	height:100%;
	display:block;

}
div.five_box li .image{
	width:100px;
	height:78px;
	overflow:hidden;
	transition:1s all;
	margin:0 auto 0px auto;
	animation-name: my-fade-in;
  animation-duration: 3s;
    animation-iteration-count: 1;
	float:right;
text-align:center;
}
div.five_box li img{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
}
div.five_box li img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}




div.five_box li h4{
	text-align: center;
  margin:0 auto 0 30px;
  float:left;
  position: absolute;
    top: 50%;
    transform: translateY(-50%);
	text-align:left;
}








/*--------------------------------
スマホ section area
---------------------------------*/
section.content_gradation01{
	width:100%;
	margin:0 auto;
	padding:0 0 20px 0;
	background-color: #F8DDA4;
	background-size:100%;
}

section.content_gradation02{
	width:100%;
	background-color: #EADEC6;
	margin:0 auto;
	padding:0 0 20px 0;
	background-size:100%;
}

section.content_white{
	width:100%;
	background-color:#fff;
	margin:0 auto;
	padding:0 0 20px 0;
	background-size:100%;
}

section.inner1100{
	width:90%;
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
}



/*--------------------------------------
  スマホ page_t
--------------------------------------*/



#page_t{
	margin:0px auto 0px auto;
	text-align:center;
	width:100%;
	background-size: 100%;
	position:relative;
	padding:40px 0 0 0;
	height:auto;
}

#page_t #page_t_inner{
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:center;
}



#page_t h2{
	padding:0px 0 0px 0;
	margin:0  auto 0 0px;
	line-height:1.3;
	text-align:left;
	font-size:113%;
}
#page_t h2 span{
	display: flex;
  align-items: center;
  color: #;<!--664C00-->
  text-transform: uppercase;
}

#page_t h2 span::before {
  content: '';
  display: inline-block;
  margin-right: 20px;
  width: 40px;
  height: 2px;
  background-color: #21293a;
}


#page_t h3 {
	color:#664c00;
	font-size:150%;
	text-align:left;
	padding:40px 0 30px 0;
}
#page_t h4 {
	padding:0px 0 50px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:70%;
	font-weight:normal;
}


#page_t .page_t_img{
	overflow:hidden;
	display:flex;
	justify-content: center;
	max-height:200px;
	width:100%;
	overflow:hidden;
}

#page_t .page_t_img img{
	width:100%;
	height:auto;
	overflow:hidden;
	object-fit: cover;
}




/*--------------------------------------
  スマホ large_t
--------------------------------------*/

.large_t{
	margin:0px auto 0px auto;
	padding:10px 0;
	text-align:center;
	width:100%;
	clear:both;
	text-indent: 4px;
}

.large_t h2{
	padding:20px 0 20px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:center;
	color:#395068;
	font-size:130%;
	letter-spacing:6px;
	text-indent: 6px;
}
.large_t .large_t_Sacramento{
	padding:30px 0 20px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:center;
	font-family:"Cedarville Cursive", cursive, Script, "Times New Roman", Times, serif;
	font-size:140%;
	letter-spacing:6px;
	text-indent: 6px;
}

.large_t .large_t_KiwiMaru{
	padding:0px 0 20px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:center;
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:90%;
}





/*--------------------------------------
  スマホ middle_t
--------------------------------------*/
.middle_t{
	margin:20px auto 10px auto;
	text-align:center;
	width:100%;
	clear:both;
}

.middle_t h3{
	padding:0px;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-size:152%;
	letter-spacing:8px;
}

.middle_t .middle_t_KiwiMaru{
		padding:10px 0 0px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:90%;
}


/*--------------------------------------
  スマホ small_t
--------------------------------------*/
.small_t{
	margin:20px auto 30px auto;
	text-align:center;
	width:100%;
	clear:both;
}

.small_t h4{
	padding:0px;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-size:139%;
	letter-spacing:8px;
}

.small_t02{
	margin:20px auto 50px auto;
	text-align:center;
	width:100%;
	clear:both;
	padding:0 0 0px 0;
}

.small_t02 h4{
	padding:0px;
	margin:0  auto;
	line-height:2.1;
	text-align:left;
	font-size:139%;
	letter-spacing:8px;
}
.small_t02 h4 strong{
	padding:0px 0 10px 0;
	margin:0 auto 30px auto;
	border-bottom:8px #F5E2E2 solid;
}

/*--------------------------------
スマホ table-style01
---------------------------------*/
.table-style01{
	width:100%;
	margin: 30px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:100%;
	clear: both;
	border-top:2px solid #836E45;
	border-right:2px solid #836E45;
	border-left:2px solid #836E45;
}
.table-style01 th{
	clear:both;
	display: block;
	text-align:left;
	margin: 0px 0px;
	padding:10px 2%;
	line-height:140%;
	vertical-align:text-top;
	background-color:#705E3B;
	color:#fff;
	border-bottom:2px solid #836E45;
}
.table-style01 td{
	clear:both;
	display: block;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #836E45;

}

/*--------------------------------
スマホ table-style02
---------------------------------*/
.table-style02{
	width:100%;
	margin: 30px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:100%;
	clear: both;
	border-top:2px solid #836E45;
	border-right:2px solid #836E45;
	border-left:2px solid #836E45;
}
.table-style02 th{
	clear:both;
	display: block;
	text-align:left;
	margin: 0px 0px;
	padding:10px 2%;
	line-height:140%;
	vertical-align:text-top;
	background-color:#705E3B;
	color:#fff;
	border-bottom:2px solid #836E45;
}
.table-style02 td{
	clear:both;
	display: block;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #836E45;

}


/*--------------------------------
スマホ table-style03
---------------------------------*/
.table-style03{
	width:100%;
	margin: 20px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:100%;
	clear: both;
	border-top:2px solid #9A8260;
	border-right:2px solid #9A8260;
	border-left:2px solid #9A8260;
}
.table-style03 th{
	clear:both;
	display: block;
	text-align:left;
	margin: 0px 0px;
	padding:10px 2%;
	line-height:140%;
	vertical-align:text-top;
	background-color:#9A8260;
	border-bottom:2px solid #9A8260;
}
.table-style03 td{
	clear:both;
	display: block;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #9A8260;

}




/*--------------------------------------
  スマホ normalcontents
--------------------------------------*/

.normalcontents{
	margin:20px auto;
	text-align:center;
	width:100%;
	font-size:100%;
}



.normaltxt{
	padding:0 0px 30px 0;
	text-align:left;
	width:100%;
	margin:0 auto;
	font-size:100%;
}
.normaltxt img{
	padding:0 0px 30px 0;
	text-align:left;
	width:100%;
	margin:0 auto;
	height:auto;
}

/*--------------------------------------
  スマホ display_pc,display_sp
--------------------------------------*/

.display_pc{
	display:none;
}
.display_sp{
	margin:0px auto;
}


/*スマホで改行する*/
.sp_br{
	display: block;
}


/*PCで改行する*/
.pc_br{
	display:none;
}




/*--------------------------------------
  スマホ form
--------------------------------------*/
.formtable01{
	width:100%;
	margin: 10px auto 20px auto;
	padding: 0px;
	text-align:left;
	clear: both;
	border-radius:10px;
}
.formtable01 th{
	width: 95%;
    display: block;
    border-top: none;
	margin: 0px auto;
	padding:10px 2%;
	line-height:140%;
	border-top: none;
	vertical-align:text-top;
	background-color:#303030;
	font-size:90%;
	color:#fff;
	text-align:left;
}
.formtable01 td{
	width: 95%;
	margin: 0px auto;
    display: block;
    border-top: none;
	padding:20px 2%;
	line-height:140%;
	background-color:#dddddd;
	font-size:90%;
	text-align:left;
}


.formtable01 input[type='text'],
.formtable01 input[type='email'],
.formtable01 input[type='tel'],
.formtable01 select,
.formtable01 textarea {
	padding: 10px;
	border:1px #dddddd solid;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	text-align:left;
}

.formtable01 .inputtxt{
	width:90%;
}

.formtable01 .inputtxt_veryshort{
	width:20%;
}

.formtable01 .inputtxt_short{
	width:90%;
}

.formtable01 .inputtxt_big{
	width:90%;
}


.formtable01 .inputtxt_short_sp{
	width:90%;
	clear:both;
	padding:0;
	margin:0;
}




.formtable01 label {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: middle;
	margin-right: 40px;
	line-height: 3.4;
}

.submitbtn{
	width: 260px;
	margin:0 auto;
	text-align:center;
}

.submitbtn input {
	width: 260px;
	height: 50px;
	padding: 0;
	margin:10px auto;
	text-align:center;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #ED1C24;
	font-size: 100%;
	color: #fff;
}

.submitbtn input:hover {
	width: 260px;
	height: 50px;
	padding: 0;
	margin:10px auto;
	text-align:center;
	border: 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #F2555B;
	font-size: 100%;
	color: #fff;
}



.privacybtn{
	width:100%;
	padding:30px 0;
	text-align:center;
	font-size:110%;
	font-weight:bold;
}


.formtable01 .form_notice{
	padding:10px 0 0 0;
	font-size:80%;
	display:block;
}


.formnote_box{
	font-size:70%;
	margin:30px auto;
	background-color:#eeeeee;
	padding:4%;
}
.formnote_box h4{
	font-size:90%;
	padding:0 0 15px 0;
}


/*--------------------------------------
  スマホ フッター
--------------------------------------*/

footer {
	padding: 30px 0 30px 0px;
	margin:0px auto 0px auto;
	clear:both;
	width:100%;
	background-color:#D9E5CF;
	text-align:center;
}




.logo_footer{
	width:100%;
	height:auto;
	text-align:center;
	margin:0 auto;
	clear:both;
	
}
.logo_footer img{
	width:100%;
	max-width:704px;
	height:auto;
	text-align:center;
	margin:0 auto;
	
}


footer .footer_l{
	width:100%;
	text-align:left;
	color:#462705;
	text-align:center;
	margin:0 auto;
}

footer .footer_l .contact_address{
	text-align:left;
	padding:40px 0 40px 0px;
	font-weight:bold;
}
footer .footer_l .copy{
	text-align:left;
	font-size:80%;
	font-family: "Cedarville Cursive", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight:bold;
	padding:0px 0 0px 0px;
	letter-spacing:4px;
}



footer .footer_r{
	width:100%;
	padding:40px 0 40px 0px;
}




/*--------------------------------------
  スマホ footemenu
--------------------------------------*/

#footmenu{
	background-color:#fdf9ec;
	padding:30px 0;
	width:100%;
	clear:both;
	margin:0 auto;
	position:relative;
	text-indent: 4px;
}

#footmenu .footmenu01{
	width:100%;
	margin:0 auto;
	text-align:center;
	clear:both;
}
#footmenu .footmenu01 .column{
	width:100%;
	margin:0 0px 0 auto;
	text-align:center;
}



#footmenu .footmenu01 .column h4{
	width:100%;
	margin:15px auto 15px auto;
	padding:10px 0;
	text-align:center;
	background-color: rgb(255 255 255 / .7);
}

#footmenu .footmenu01 ul{
	width:100%;
	margin:0 auto 0px auto;
	padding:0 0 0px 0;
	text-align:center;
	clear:both;
}



#footmenu .footmenu01 li{
	text-align:left;
	padding:5px 0;
	font-size:90%;
	letter-spacing:2px;
}
#footmenu .footmenu01 li a{
	font-weight:normal;
}


#footmenu .footmenu02{
	width:100%;
	margin:0px auto 0 auto;
	padding:15px 0 20px 0;
	text-align:center;
	clear:both;
	position:relative;

}
#footmenu .footmenu02 .column{
	width:100%;
	text-align:center;
	margin:0 0px 0 auto;
	padding:0 0 15px 0;
	
}
#footmenu .footmenu02 .column h4{
	width:100%;
	margin:0 auto 15px auto;
	padding:10px 0;
	text-align:center;
	background-color: rgb(255 255 255 / .7);
	position: relative;
}

#footmenu .footmenu02 ul{
	width:100%;
	margin:0 auto 0px auto;
	padding:0 0 0px 0;
	text-align:center;
	clear:both;
}



#footmenu .footmenu02 li{
	text-align:left;
	padding:5px 0;
	font-size:90%;
	letter-spacing:2px;
	text-indent: 2px;

}
#footmenu .footmenu02 li a{
	font-weight:normal;
}


#footmenu .footmenu02 .specialmenu{
	width:100%;
	clear:both;
	margin:20px auto 0 auto;
	padding:0px auto;
	text-align:center;
	border-top:1px #ACAF9E solid;
}


#footmenu .footmenu02 .specialmenu li{
	margin:0px 0 0 auto;
	padding:10px 0 0px 0;
}


#footmenu .footer_banner{
	margin:15px auto 0 auto;
	padding:0 0 30px 0;
	text-align:center;
	width:210px;
	height:400px;
}

#footmenu .footer_banner li{
	text-align:center;
	width:210px;
	padding:0 0 15px 0;
	margin:0 auto 0 auto;
}
#footmenu .footer_banner li img{
	width:100%;
	max-width:210px;
	height:auto;
}
/*--------------------------------------
 アコーディオンメニュー
--------------------------------------*/
	
.acd-check{
    display: none;
}
.acd-label{
    position: relative;
	display: block;
}
.acd-label:after{
    box-sizing: border-box;
    content: '\e145';
    display: block;
    font-family: "Material Symbols Outlined";
    padding: 5px 20px;
    position: absolute;
    right: 0;
    top: 0px;
	height: 52px;
	font-size:140%;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:after{
    content: '\e15b';
	 font-family: "Material Symbols Outlined";
}
.acd-check:checked + .acd-label + .acd-content{
    height:auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}




/*--------------------------------------
  TOPへ戻る
--------------------------------------*/

.pagetop {
	display:none;
}




/* ↑↑幅768px以下にてスマホ（768px以下のスマホ用）の設定***********************************/

/* ↓↓幅768px～1024pxまでタブレット（768px以上）の設定 ***********************************/

/*--------------------------------------
  切替 768px
--------------------------------------*/

@media print,screen and (min-width : 768px){

	a[href^="tel:"] {
		pointer-events: none;
		cursor: default;
	}


/*--------------------------------------
  768 header
--------------------------------------*/

header{
	width:100%;
	margin:0 auto;
	padding:20px 0 30px 0;
	text-align:center;
	line-height:1.3;
}









/*--------------------------------
768 At_times_like_this
---------------------------------*/

div.At_times_like_this{
	margin:40px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	text-align:center;
}

div.At_times_like_this ul{
	margin:0px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	text-align:center;
}
div.At_times_like_this li{
	margin:0px 4% 0 auto;
	padding:0px 0 40px 0 ;
	width:48%;
	text-align:center;
	float:left;
	overflow:hidden;
}
div.At_times_like_this li:nth-of-type(2n){
	margin:0px 0px 0 auto;
}

div.At_times_like_this li .image{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:0 auto 20px auto;

}


div.At_times_like_this li img{
	width:100%;
	height:auto;
	overflow:hidden;
}



div.At_times_like_this li .title{
	background-color: rgb(255 255 255 / .7);
	width:100%;
	height:80px;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
}
div.At_times_like_this li .title h3{
  color:#213A24;
  font-size:130%;
  text-align: center;
  line-height:1.3;
}

div.At_times_like_this li h4{
	padding:0px 0;
	text-align:left;
	margin:8px auto;
	height:48px;
	
}
div.At_times_like_this li h4 a{
	background-color:#EBC9CA;
	padding:8px 20px;
	border-radius:10px;
	text-align:center;
	margin:8px auto;
	letter-spacing:1px;
}

div.At_times_like_this li .tx_small{
	font-size:70%;
	letter-spacing:1px;
	
}




/*--------------------------------
768 table-style01
---------------------------------*/
.table-style01{
	width:100%;
	margin: 30px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:100%;
	clear: both;
	border-top:2px solid #836E45;
	border-left:2px solid #836E45;
	display:table;
}
.table-style01 th{
	clear:none;
	display: table-cell;
	text-align:left;
	width:25%;
	margin: 0px 0px;
	padding:14px 2%;
	line-height:140%;
	vertical-align:text-top;
	background-color:#705E3B;
	color:#fff;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}
.table-style01 td{
	clear:none;
	display: table-cell;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}

/*--------------------------------
768 table-style02
---------------------------------*/
.table-style02{
	width:100%;
	margin: 30px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:100%;
	clear: both;
	border-top:2px solid #836E45;
	border-left:2px solid #836E45;
	display:table;
}
.table-style02 th{
	clear:none;
	display: table-cell;
	text-align:left;
	width:20%;
	margin: 0px 0px;
	padding:14px 2%;
	line-height:140%;
	vertical-align:text-top;
	background-color:#705E3B;
	color:#fff;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}
.table-style02 td{
	clear:none;
	width:40%;
	display: table-cell;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}

/*--------------------------------
768 table-style03
---------------------------------*/
.table-style03{
	width:99%;
	margin: 20px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:100%;
	clear: both;
	border-top:2px solid #9A8260;
	border-left:2px solid #9A8260;
	display:table;
}
.table-style03 th{
	clear:none;
	display: table-cell;
	text-align:left;
	width:20%;
	margin: 0px 0px;
	padding:14px 2%;
	line-height:140%;
	vertical-align:text-top;
	background:none;
	border-bottom:2px solid #9A8260;
	border-right:2px solid #9A8260;
}
.table-style03 td{
	clear:none;
	display: table-cell;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #9A8260;
	border-right:2px solid #9A8260;
}

/* --------------------------------------------------
   798 four_box
-------------------------------------------------- */

.four_box{
	clear:both;
	width:100%;
	margin:20px auto ;
	padding:0;
	text-align:center;
}


.four_box li{
	width:22%;
	height:200px;
	margin:0 4% 0px 0;
	padding:0;
	text-align:center;
	float:left;
	overflow:hidden;
	text-align:left;
	
}

.four_box li:nth-of-type(2n){
	margin:0 4% 30px 0;
	padding:0;
}


.four_box li:nth-of-type(4n){
	margin:0 0px 30px 0;
	padding:0;
}


.four_box li img{
	width:100%;
	height:auto;
	max-width:150px;
	text-align:center;
	margin:0 auto;
}

/*--------------------------------------
  768 five_box
--------------------------------------*/
div.five_box{
	margin:0px auto 110px auto;
	text-align:center;
	padding:0 0 0 0;
	width:100%;
	clear: both;
	height:256px;
}
div.five_box ul{
	display:flex;
	height:256px;
	margin:0px auto 0px auto;
	text-align:center;
}

div.five_box li{
	margin:60px 2% 0px auto;
	text-align:center;
	padding:0 0 0px 0;
	width:18%;
	height:256px;
	float:left;
	overflow:hidden;
	position:relative;
	background-color:#fff;
display: flex;
  justify-content: center;
  align-items: center;
}

div.five_box li a{
	width:100%;
	height:100%;
	display: inline-block;

}
div.five_box li:nth-of-type(5n){
	margin:60px 0px 0 auto;
}
div.five_box li .image{
	width:100%;
	height:166px;
	overflow:hidden;
	transition:1s all;
	margin:0 auto 0px auto;
	animation-name: my-fade-in;
  animation-duration: 3s;
    animation-iteration-count: 1;
	float:none;
text-align:center;
}
div.five_box li img{
	width:210px;
	height:166px;
	overflow:hidden;
	margin:0 auto;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
}
div.five_box li img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}




div.five_box li h4{
	width:100%;
	height:90px;
	text-align: center;
display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
  background-color:#fff;
  float:none;
  position:static;
  top:0;
    transform: none;
	font-size:90%;
}

/*--------------------------------------
  768 normalcontents
--------------------------------------*/

.normalcontents{
	margin:20px auto;
	text-align:center;
	width:100%;
	font-size:100%;
}




/*--------------------------------------
  768  display_pc,display_sp
--------------------------------------*/

.display_pc{
	display:block;
}
.display_sp{
	margin:0px auto;
	display:none;
}


/*スマホで改行する*/
.sp_br{
	display:none;
	
}


/*PCで改行する*/
.pc_br{
	display: block;
}

/*--------------------------------------
  768  footer
--------------------------------------*/

footer {
	padding: 80px 0 0px 0px;
	margin:0px auto 0px auto;
	clear:both;
	width:100%;
	background-color:#e5d8cf;
	text-align:center;
}


.logo_footer{
	width:100%;
	height:86px;
	text-align:left;
	clear:both;
	
}
.logo_footer img{
	width:100%;
	max-width:704px;
	height:auto;
	text-align:left;
	
}


footer .footer_l{
	width:55%;
	float:left;
	text-align:left;
	color:#462a05;
}

footer .footer_l .contact_address{
	text-align:left;
	padding:40px 0 80px 60px;
	font-weight:bold;
}
footer .footer_l .copy{
	text-align:left;
	font-size:80%;
	font-family: "Cedarville Cursive", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight:bold;
	padding:0px 0 60px 0px;
	letter-spacing:4px;
}



footer .footer_r{
	width:45%;
	float:right;
	padding:40px 0 80px 0px;
}







/*--------------------------------------
  768  pagetop
--------------------------------------*/
.pagetop{
	height: 182px;
    width: 160px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 60;
}

.pagetop img{
	height: 182px;
    width: 160px;
	display: block;
}





/*--------------------------------------
  768 page_t
--------------------------------------*/
#page_t{
	margin:0px auto 0px auto;
	text-align:center;
	width:100%;
	background-color: #EFBA47;
	background-size: 100%;
	position:relative;
	height:280px;
	padding:60px 0;
}

#page_t #page_t_inner{
	width:90%;
	margin:0 auto;
	padding:0;
	text-align:center;
}




#page_t .page_t_img{
	position:absolute;
	top:0;
	right:-200px;
	max-height:280px;
	height:280px;
	overflow:hidden;
	display:flex;
	justify-content:right;
	width:100%;
}




#page_t .page_t_img img{
	width:100%;
	height:auto;
	max-width:640px;
	overflow:hidden;
	object-fit:none;
}





}/*768end*/








/* ↓↓　1024px以上にてPCの設定 
***********************************/

/*--------------------------------------
  切替 1024px
--------------------------------------*/

@media print,screen and (min-width : 1024px) {

	.hamburger-menu{
		display:none;
	}
	

/*--------------------------------------
  1024px header
--------------------------------------*/

header{
	width:100%;
	margin:0 auto;
	padding:25px 0 5px 0;
	text-align:center;
	line-height:1.3;
	
}


header .header_l{
	text-align:left;
	width:50%;
	float:left;
	height:56px;
	margin:0 auto 0px auto;
}
header h1 img{
	width:600px;
	height:63px;
}

header .header_r{
	text-align:right;
	width:350px;
	float:right;
	height:56px;
	margin: 10px 0 0 0;
}
header .header_r li{
	display:inline-block;
	letter-spacing:4px;
	text-indent: 4px;
}
header .header_r li a{
	background-color:#EBC9CA;
	padding:8px 20px;
	border-radius:50px;
	font-weight: bold;

}
/*--------------------------------
1024 main_image
---------------------------------*/

#main_image_wrapper{
	width:100%;
	height:auto;
	margin:0px auto 0px auto;
}

#main_image{
	margin:0px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	height:400px;
	text-align:center;
	background-color: #EFBA47;
	background-size: 100%;
	position:relative;
}

#main_image #main_image_left{
	width:400px;
	height:300px;
	position:absolute;
	left:3%;
	top:0px;
	text-align:left;
}
#main_image #main_image_left h1{
	color:#fff;
	font-family:"Cedarville Cursive", cursive, Script, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size:150%;
	letter-spacing:8px;
	line-height:180%;
}
#main_image #main_image_left h2{
	color:#b4620b;
	font-size:120%;
	letter-spacing:8px;
	line-height:170%;
	padding:30px 0 0 0;
	font-weight: bold;
	text-align:left;
}



#main_image .splide{
	position:absolute;
	width:600px;
	height:auto;
	right:0;
	top:0px;
}



/*--------------------------------
1024 At_times_like_this
---------------------------------*/

div.At_times_like_this{
	margin:40px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	text-align:center;
}

div.At_times_like_this ul{
	margin:0px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:1100px;
	text-align:center;
}
div.At_times_like_this li{
	margin:0px 25px 0 auto;
	padding:0px 0 40px 0 ;
	width:350px;
	text-align:center;
	float:left;
	overflow:hidden;
}

div.At_times_like_this li:nth-of-type(2n){
	margin:0px 25px 0 auto;
}

div.At_times_like_this li:nth-of-type(3n){
	margin:0px 0px 0 auto;
}




div.At_times_like_this li .image{
	width:100%;
	height:222px;
	overflow:hidden;
	margin:0 auto 20px auto;
}


div.At_times_like_this li img{
	width:100%;
	height:auto;
	overflow:hidden;
}



div.At_times_like_this li .title{
	background-color: rgb(255 255 255 / .7);
	width:100%;
	height:80px;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
}
div.At_times_like_this li .title h3{
  color:#3a2721;
  font-size:130%;
  text-align: center;
  line-height:1.3;
}

div.At_times_like_this li h4{
	padding:0px 0;
	text-align:left;
	margin:8px auto;
	height:48px;
	
}
div.At_times_like_this li h4 a{
	background-color:#EBC9CA;
	padding:8px 20px;
	border-radius:10px;
	text-align:center;
	margin:8px auto;
}

div.At_times_like_this li .tx_small{
	font-size:70%;
	letter-spacing:1px;
	
}

/*--------------------------------
1024 tab-area
---------------------------------*/




 


 

.tab-content ul{
	width:100%;
	margin:30px auto;
	clear:both;
	padding:0;
	text-align:center;
}
.tab-content li{
	width:266px;
	height:370px;
	margin:0px 12px 0 0;
	padding:0 0px;
	text-align:left;
	float:left;
	background-color:#FDEDEC;
	overflow:hidden;
	line-height:1.5;
}


.tab-content li:nth-of-type(4n){
	margin:0px 0 0 auto;
}

.tab-content .tab-content_inner{
	padding:0 30px 30px 30px;
	color:#b96203;
	background-color:#FDEDEC;
	float: none;
	height: auto;
	width: 100%;
}

.tab-content li .image{
	width:100%;
	height:180px;
	overflow:hidden;
	transition:1s all;
	margin:0 auto 20px auto;
	animation-name: fadein;
    animation-duration: 2s;
    animation-iteration-count: 1;
	text-align:center;
		display: flex;
  justify-content: center;
  align-items: center;
  float: none;
  padding: 0;
}





.tab-content .tabtitle h4{
	text-align:left;
	padding:0px 0 10px 0;
	font-size: 100%;
	letter-spacing: 4px;
}

.tab-content li img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}


.tab-content li img{
	width:266px;
	height:180px;
	margin:0 auto;
	padding:0;
	text-align:center;
	overflow:hidden;
}




.tab-content .category span{
	font-size:80%;
	background-color:#D8DEA2;
	border-radius:7px;
	padding:3px 10px;
	text-align:center;
	letter-spacing: 1px;
	font-weight: bold;
	margin:0 5px;
}






/*--------------------------------
1024 submain
---------------------------------*/

#submain{
	margin:20px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	height:390px;
	text-align:center;
	background:url(images/submain.jpg) no-repeat center;
	background-size: inherit;
}


#submain h2{
	color:#fff;
	padding:50px 0 0 0;
	font-size:150%;
	text-align:right;
}


/*--------------------------------
1024 section area
---------------------------------*/

section.inner1100{
	width:1100px;
	text-align:center;
	margin:0 auto;
	padding:0 0 10px 0;
}

section.content_gradation02{
	width:100%;
	background-color: #EADEC6;
	margin:0 auto;
	padding:0 0 110px 0;
	background-size:100%;
}


/*--------------------------------------
  1024px two_box
--------------------------------------*/
div.two_box{
	width:100%;
	margin:0 auto 20px auto;
	padding:20px 0;
	clear:both;
	text-align:center;
}

div.two_box .two_box_l{
	width:48%;
	float:left;
	margin:0 4% 0 0;
	padding:0;
}
div.two_box .two_box_r{
	width:48%;
	float:right;
	margin:0;
	padding:0;
}








/*--------------------------------------
  1024px  five_box
--------------------------------------*/
div.five_box{
	margin:0px auto 0px auto;
	text-align:center;
	padding:0 0 0 0;
	width:100%;
	clear: both;
	height:256px;
}
div.five_box ul{
	display:flex;
	height:256px;
	margin:0px auto 0px auto;
	text-align:center;
}

div.five_box li{
	margin:60px 10px 0px auto;
	text-align:center;
	padding:0 0 0px 0;
	width:210px;
	height:256px;
	float:left;
	overflow:hidden;
	position:relative;
	background-color:#fff;

}

div.five_box li a{
	width:100%;
	height:100%;
	display:block;

}
div.five_box li:nth-of-type(5n){
	margin:60px 0px 0 auto;
}
div.five_box li .image{
	width:210px;
	height:166px;
	overflow:hidden;
	transition:1s all;
	margin:0 auto 0px auto;
	animation-name: my-fade-in;
  animation-duration: 3s;
    animation-iteration-count: 1;
	float:none;
}
div.five_box li img{
	width:210px;
	height:166px;
	overflow:hidden;
	margin:0 auto;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
}
div.five_box li img:hover{
  transform:scale(1.2,1.2);
  transition:1s all;
}




div.five_box li h4{
	width:210px;
	height:90px;
	text-align: center;
display: flex;
  justify-content: center;
  align-items: center;
  margin:0 auto;
  background-color:#fff;
  float:none;
  position:static;
  top:0;
    transform: none;
}





/*--------------------------------------
  1024px page_t
--------------------------------------*/

#page_t{
	margin:0px auto 0px auto;
	text-align:center;
	width:100%;
	background-color: #EFBA47;
	background-size: 100%;
	position:relative;
	height:280px;
	padding:60px 0;
}

#page_t #page_t_inner{
	width:1100px;
	margin:0 auto;
	padding:0;
	text-align:center;
}



#page_t h2{
	padding:0px 0 0px 0;
	margin:0  auto 0 0px;
	line-height:1.3;
	text-align:left;
	font-size:113%;
}
#page_t h2 span{
	display: flex;
  align-items: center;
  color: #664C00;
  text-transform: uppercase;
}

#page_t h2 span::before {
  content: '';
  display: inline-block;
  margin-right: 20px;
  width: 70px;
  height: 2px;
  background-color: #662200;
}


#page_t h3 {
	color:#662200;
	font-size:160%;
	text-align:left;
	padding:40px 0 10px 0;
}
#page_t h4 {
	padding:0px 0 20px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-family: "Cedarville Cursive", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: bold;
	font-size:80%;
	font-weight:normal;
}


#page_t .page_t_img{
	position:absolute;
	top:0;
	right:0;
	max-height:280px;
	height:280px;
	overflow:hidden;
	display:flex;
	justify-content:right;
	width:80%;
}


#page_t .page_t_img img{
	width:50%;
	height:auto;
	max-width:640px;
	overflow:hidden;
	object-fit:none;
}



/*--------------------------------------
  1024px large_t
--------------------------------------*/
.large_t{
	margin:0px auto 0px auto;
	padding:10px 0;
	text-align:center;
	width:100%;
	clear:both;
}

.large_t h2{
	padding:20px 0 20px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:center;
	color:#395068;
	font-size:152%;
	font-weight: bold;
	letter-spacing:6px;
}
.large_t .large_t_Sacramento{
	padding:40px 0 20px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:center;
	font-family:"Cedarville Cursive", cursive, Script, "Times New Roman", Times, serif;
	font-weight: bolder;
	font-size:150%;
	letter-spacing:8px;
}

.large_t .large_t_KiwiMaru{
	padding:0px 0 0px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:center;
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:110%;
}



/*--------------------------------------
  1024px middle_t
--------------------------------------*/
.middle_t{
	margin:20px auto 10px auto;
	text-align:center;
	width:100%;
	clear:both;
}

.middle_t h3{
	padding:0px;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-size:152%;
	letter-spacing:8px;
}

.middle_t .middle_t_KiwiMaru{
		padding:10px 0 0px 0;
	margin:0  auto;
	line-height:1.3;
	text-align:left;
	font-family: "Kiwi Maru", "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-size:110%;
}


/*--------------------------------
1024  table-style01
---------------------------------*/
.table-style01{
	width:100%;
	margin: 30px auto 40px auto;
	padding: 0px;
	text-align:center;
	font-size:100%;
	clear: both;
	border-top:2px solid #836E45;
	border-left:2px solid #836E45;
	display:table;
}
.table-style01 th{
	clear:none;
	display: table-cell;
	text-align:left;
	width:25%;
	margin: 0px 0px;
	padding:14px 2%;
	line-height:140%;
	vertical-align:text-top;
	background-color:#705E3B;
	color:#fff;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}
.table-style01 td{
	clear:none;
	display: table-cell;
	text-align:left;
	padding:14px 2%;
	line-height:140%;
	border-bottom:2px solid #836E45;
	border-right:2px solid #836E45;
}





/*--------------------------------------
  1024 normalcontents
--------------------------------------*/

.normalcontents{
	margin:20px auto;
	text-align:center;
	width:100%;
	font-size:100%;
}



.normaltxt{
	padding:0 0px 30px 0;
	text-align:left;
	width:100%;
	margin:0 auto;
	font-size:100%;
}



/*--------------------------------------
  1024 normalcontents_pc
--------------------------------------*/

.normalcontents_pc{
	margin:20px auto;
	text-align:center;
	width:100%;
}
.normalcontents_sp{
	display:none;
}



/*--------------------------------------
  1024px footemenu
--------------------------------------*/

#footmenu{
	background-color:#FDEDEC;
	padding:30px 0;
	width:100%;
	clear:both;
	margin:0 auto;
	position:relative;
}

#footmenu .footmenu01{
	width:100%;
	margin:0 auto;
	text-align:center;
	clear:both;
}
#footmenu .footmenu01 .column{
	width:22%;
	margin:0 40px 0 auto;
	text-align:center;
	float:left;
}

#footmenu .footmenu01 .column:last-child{
	margin:0 auto;
	
}


#footmenu .footmenu01 .column h4{
	width:100%;
	margin:0 auto 20px auto;
	padding:10px 0;
	text-align:center;
	background-color: rgb(255 255 255 / .7);
}

#footmenu .footmenu01 ul{
	width:100%;
	margin:0 auto 0px auto;
	padding:0 0 0px 0;
	text-align:center;
	clear:both;
}



#footmenu .footmenu01 li{
	text-align:left;
	padding:5px 0;
	font-size:90%;
	letter-spacing:2px;
}
#footmenu .footmenu01 li a{
	font-weight:normal;
}


#footmenu .footmenu02{
	width:100%;
	margin:70px auto 0 auto;
	padding:0 0 30px 0;
	text-align:center;
	clear:both;
	position:relative;

}
#footmenu .footmenu02 .column{
	width:35%;
	text-align:center;
	float: left;
	margin:0 54px 0 auto;
	padding:0 0 30px 0;
	
}
#footmenu .footmenu02 .column h4{
	width:100%;
	margin:0 auto 20px auto;
	padding:10px 0;
	text-align:center;
	background-color: rgb(255 255 255 / .7);
}

#footmenu .footmenu02 ul{
	width:100%;
	margin:0 auto 0px auto;
	padding:0 0 0px 0;
	text-align:center;
	clear:both;
}



#footmenu .footmenu02 li{
	text-align:left;
	padding:5px 0;
	font-size:90%;
	letter-spacing:2px;

}
#footmenu .footmenu02 li a{
	font-weight:normal;
}


#footmenu .footmenu02 .specialmenu{
	width:70%;
	clear:both;
	margin:30px auto 0 auto;
	padding:0px auto;
	text-align:left;
	float:left;
	border:none;
}
#footmenu .footmenu02 .specialmenu li{
	margin:0px 25px 0 auto;
	padding:0;
	float:left;
}
#footmenu .footmenu02 .specialmenu li:not(:last-child){
border-right:1px solid #07451F;
padding:0 20px 0 0px;
}


#footmenu .footer_banner{
	position:absolute;
	top:0px;
	right:0%;
	width:210px;
	height:400px;
	margin:0;
	padding:0;
}

#footmenu .footer_banner li{
	text-align:center;
	width:210px;
	padding:0 0 20px 0;
	margin:0 auto 0 auto;
}
#footmenu .footer_banner li img{
	width:100%;
	max-width:210px;
	height:auto;
}

/*--------------------------------------
 アコーディオンメニュー
--------------------------------------*/
	
.acd-check{
    display: none;
}
.acd-label{
    display: block;
}
.acd-label:after{
    display:none;
}
.acd-content{
    display: block;
    height:auto;
    opacity: 1;
    padding: 0 px;
    transition: .5s;
    visibility: visible;
}

.acd-check:checked + .acd-label + .acd-content{
    height:auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}



}/*1024end*/


/* ↓↓　1300px以上にてPCの設定 
***********************************/

/*--------------------------------------
  切替 1300px
--------------------------------------*/

@media print,screen and (min-width : 1300px) {

/*--------------------------------
1300 main_image
---------------------------------*/
#main_image_wrapper{
	width:100%;
	height:auto;
	margin:0 auto 0px auto;
}

#main_image{
	margin:0px auto 0 auto;
	padding:0px 0 0 0 ;
	clear:both;
	width:100%;
	height:477px;
	text-align:center;
	background-color: #EFBA47;
	background-size: 100%;
	position:relative;
}

#main_image #main_image_left{
	width:360px;
	height:300px;
	position:absolute;
	left:10%;
	top:20px;
	text-align:left;
}
#main_image #main_image_left h1{
	color:#fff;
	font-family:"Cedarville Cursive", cursive, Script, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size:160%;
	letter-spacing:5px;
	line-height:190%;
}
#main_image #main_image_left h2{
	color:#b4620b;
	font-size:120%;
	letter-spacing:8px;
	line-height:170%;
	padding:30px 0 0 0;
	font-weight: bold;
	text-align:left;
}



#main_image .splide{
	position:absolute;
	width:850px;
	height:auto;
	right:0;
	top:0px;
}



}/*1300end*/





/* ↓↓　PCのプリント設定 */

/*--------------------------------------
  切替 printのみ
--------------------------------------*/

@media print {

body {
	width: 100%;
	box-sizing: border-box;
	width: 297mm;
	height: 210mm;
	margin: 0;
	padding: 10mm;
	-webkit-print-color-adjust: exact; //safari、Chrome用
    color-adjust: exact;
	background: none;
}	
.global-nav-box{
	display: none;
}
.hamburger-menu{
	display: none;
}

.sidebar{
	display: none;
}

aside{
	display: none;
}
footer{
	display: none;
}

#footmenu{
	display: none;
}

	
.page-break {
    page-break-before: always;
}

#main_contents{
	width: 100%;
}
#breadcrumb{
	display: none;
}

/*--------------------------------------
  TOPへ戻る
--------------------------------------*/

.pagetop {
	display:none;
}
	
	
	
}/*print　end*/