﻿#scond {
	background-image: none;
	z-index: 0;
	background-color: #F2F2F2;}
#main-column{
	padding:20px;
	margin-top:1.5em;
	margin-right: 0%;
	margin-bottom: 2em;
	margin-left: 0px;
}	

#main-column02{
	float:right;
	width:960px;
	padding-bottom:20px;
	margin-top:1.5em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 0px;
}	




#txtwaku ul.ten {
	list-style-type: disc;
}
#txtwaku ul li{
	margin-left: 1.5em;
}
.red {
	
color: #730C0D;
	font-size: 110%;
	letter-spacing: 0em;
}
.leftimg {
	padding-top: 0.5em;
	padding-bottom: 0.8em;}
.leftimg img{
	width: 100%;
}
.cl3_img {
	width: 100%;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
}
.cl3_img .img{
	width: 31%;
	margin-top: 0px;
	padding: 0px;
	overflow: hidden;
	margin-right: 2px;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	margin-left: 1%;
}



.cl3_imgs {
	width: 100%;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 0em;
	display: block;
	margin: 0;
}
.cl3_imgs .img{
	width: 47%;
	margin-top: 0px;
	padding: 0px;
	overflow: hidden;
	margin-top: 0.6em;
	margin-bottom: 0em;
	margin-left: 1%;
	margin-right: 1%;
}

.cl3_imgs .cl3_imgstxt{
	width: 47%;
	margin-top: 0px;
	padding: 0px;
	overflow: hidden;
	margin-top: -0.6em;
	margin-bottom: 0.6em;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	font-size: 90%;
	line-height: 200%;
	text-align: center;
}



.cl4_imgs{
	width: 47%;
	margin-top: 0px;
	padding: 0px;
	overflow: hidden;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
}
.cl4_imgs img{
	width: 100%;
}

.cl4_txt{
	width: 47%;
	margin-top: 0px;
	padding: 0px;
	overflow: hidden;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	margin-left: 1%;
	margin-right: 1%;
	float: left;
	font-size: 80%;
	line-height: 150%;
}

.cl5_imgs {
	width: 100%;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 0em;
	display: block;
	margin: 0;
}
.cl5_imgs .img{
	width: 30%;
	margin-top: 0px;
	padding: 0px;
	overflow: hidden;
	margin-top: 0.6em;
	margin-bottom: 0em;
	margin-left: 1%;
	margin-right: 1%;
}


.center_img{
	width: 98%;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	display: block;
	margin-left: 1%;	
	
	}
	
	
.center_img img{
	width: 100%;
	margin-top: 0px;
	padding: 0px;
	overflow: hidden;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
	
	}
	
	
	
	
	

.container .table {
	width: 98%;
	margin-left: 1%;
	margin-top: 1em;
	margin-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}
.container .table tr th {
	width: 20%;
	padding: 1em;
	font-size: 95%;
	margin: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-left-color: #CCC;
	color: #FFF;
	background-color: #999;
}
.container .table tr td {
	width: 80%;
	padding: 1em;
	font-size: 93%;
	line-height: 180%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-left-color: #CCC;
}

.lefttxtwaku {
	width: 450px;
	margin-right: 15px;
	float: left;
}
.rightwaku {
	width: 31%;
	float: left;
	margin-bottom: 5px;
}

.rightwaku img{
	width: 100%;
}



.tab_area{
	width: 100%;
	overflow:hidden;
	display:table;
	margin:0;
	}
	
.tab_area li{
	/*Tabの装飾*/
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	display: inline-block;
	color: #FFFFFF;
	background-color: #341D13;
	width: 23%;
	margin-right: 0;
	margin-left: 1.8%;
	padding-top: 0.8em;
	padding-bottom: 0.8em;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0.5em;
	}
	
.tab_area li img{
	margin-left: 2px;
	}
	
.all_area {
	background:#fff;
	overflow: hidden;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	}
	
.all_area div.content_area{
	/*Tabの内容を表示するエリアの装飾*/
	background:#ffffff; 
	}

.tab_area li.select{
	/*アクティブタブの装飾*/
	background-color:#971E1E;
	background-image:none;
	border-top:2px solid #971E1E;
	}
	
.hide{display:none;}
#txtwaku dl {
	width: 90%;
	margin-left: 4%;
	font-size: 90%;
	line-height: 220%;
	margin-bottom: 2em;
	display: block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	padding-bottom: 5px;
}
#txtwaku dl dt {
	float: left;
	font-weight: bold;
	width: 18%;
	margin: 0px;
	padding: 0px;

}

#txtwaku dl dd {
	float: left;
	width: 75%;
}

/* 幅960px以上　*/		
@media screen and (min-width:960px){
#left-column{
	float:left;
	width:230px;
	padding-top:0;
	margin-top:1.5em;
	margin-left: 2%;
	margin-bottom: 0px;
}
}
/* 幅959px以下　*/
@media screen and (max-width:959px){	

.all_area {
	background:#fff;
	overflow: hidden;
	width: 110%;
	margin-right: 0;
	margin-left: -6%;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	}
.tab_area{
	width: 90%;
	margin-left: 5%;
	margin-bottom: 0.5em;
	}	
.tab_area li{
	width: 48%;
	}
.tab_area li img{
	width: 100%;
	}
	
.all_area div.content_area img,	
.all_area div.content_area{
	width: 100%;
	margin: 0px;
	padding: 0px;
	}

	
.tab_area li.select{
	/*アクティブタブの装飾*/
	/*background-color:#fff;*/
	background-image:none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
	
#main-column{
	width:98%;
	padding-right: 1%;
	padding-left: 1%;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
}

#main-column02{
	width:100%;
	margin-top: 1em;
	margin-bottom: 1em;
	clear: both;
	margin-right: 0px;
	margin-left: 0px;
	padding: 0px;
}

#left-column{
	display: none;}
	
.rightwaku {
	width: 31%;
	margin-left: 34%;
	margin-top: 1em;
	margin-bottom: 1em;
	height: auto;
}
.lefttxtwaku {
	width: 100%;
	float: none;
	margin-left: 0%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#txtwaku dl {
	width: 98%;
	margin-left: 1%;
	font-size: 90%;
	line-height: 220%;
	margin-bottom: 1em;
	display: block;
}
#txtwaku dl dt {
	float: none;
	width: 98%;
	padding-right: 0em;
	font-weight: bold;
	background-color: #FBEFD7;
	padding-left: 2%;
}

#txtwaku dl dd {
	float: none;
	width: 98%;
	margin: 0px;
	padding: 0px;
	padding-left: 2%;
}

	
}
@media screen and (min-width:641px){
  .pc-none{
	display: none !important;
  }
}
@media screen and (max-width:640px){
	.sp-none{
		display: none !important;
	  }

.leftimg {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 98%;
	margin-left: 1%;}
}

@media screen and (max-width:479px){

#txtwaku ul {
	font-size:72%;
	line-height:200%;}
#txtwaku ul,
#txtwaku,
#main-column {
	width: 99%;
	margin-right: 0;
	margin-left: 0%;
}

#main-column02{
	width: 100%;
}

.cl4_imgs,
.cl3_imgs {
	width: 100%;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
}

.cl4_txt{
	width: 98%;
	padding: 0px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 1%;
}
.cl5_imgs .img,
.cl3_imgs .img,
.cl3_img .img{
	width: 90%;
	margin-right: 0%;
	margin-top: 0.4em;
	margin-left: 4%;
	margin-bottom: 0.4em;
}
.container .table {
	width: 95%;
	margin-left: 1%;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.container .table tr th {
	width: 94%;
	font-size: 95%;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom-width: 1px;
	border-bottom-color: #999;
}
.container .table tr td {
	width: 95%;
	font-size: 78%;
	line-height: 180%;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-width: 1px;
	border-bottom-color: #999;
	border-left-style: none;
	border-bottom-style: dotted;
}


.lefttxtwaku {
	width: 100%;
	display: inline-block;

}
.rightwaku {
	width: 89%;
	margin-left: 5%;
	margin-top: 1em;
	margin-bottom: 1em;
}


}

/*小林追加*/
*{
	box-sizing: border-box;
}
.drawer-hamburger{
	z-index: 90;
}
.drawer-nav{
	z-index: 90;
    background-color: #000;
	height: auto;
}
.drawer-nav li,.drawer-nav li a{
	color: #fff;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before{
	background-color: #ff7700;
}
  /*スライダー*/
  /* スライダー全体 */
.slider{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	background-color: #000;
  }
  @media screen and (min-width:640px){
	.slider{
		height: 50vh;
		background-size: cover;
	  }
}
  
  /* スライダー画像 */
  .slider .image{
	position: absolute;
	z-index: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
  }
  
  /*
	①スライド画像
	表示する画像を定義
  */
  .slider .image:nth-of-type(1){
	background-image: url(../images/back4.jpg);
  }
  .slider .image:nth-of-type(2){
	animation-delay: 5s;
	background-image: url(../images/back5.jpg);
  }
  .slider .image:nth-of-type(3){
	animation-delay: 10s;
	background-image: url(../images/back3.jpg);
  }
  
  /*
	②アニメーション設定
	animation-durationのみ変更
  */
  .slider .image{
	animation-name: anime;
	animation-delay: 0;
	animation-iteration-count: infinite;
	animation-duration: 15s;  /* ①で設定したanimation-delayを合計を挿入 */
  }
  
  /* アニメーション定義 */
  @keyframes anime {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	  transform: scale(1.08);
	}
  }

.information{
	padding-bottom: 30px;
}
@media screen and (min-width:640px){
.information .flex2{
 padding-top: 30px;
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.information .flex2 > div{
	width: calc(100% / 2 - 10px);
}
.youtube{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.youtube iframe, .youtube a{
 width: 48%;
}
.flex2{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.flex2 > a{
	width: 48%;
	display: block;
}
.map a{
 width: 30%;
}
.map > img{
	width: 70%;
   }
}
.information h2{
	text-align: center;
}
.information dl{
  padding: 20px 10px;
}
.information dt{
	float:left;
	width: 85px;
	font-weight: bold;
}
.information dd a{
	color: #730C0D;
	text-decoration: underline;
	font-weight: 500;
}
.information dd {
	font-size: .8em;
	padding-bottom: 6px;
}
.uehon{
	display: flex;
	justify-content: space-between;
	border: 2px solid #000;
	padding: 4px 10px;
	margin: 30px;
	background-color: #fffff1;

}
.uehon img{
	width: 20%;
	height: auto;
}
.uehon span{
	font-size: 1.2em;
	display: inline-block;
	font-weight: bold;
}
.uehon a{
	display: block;
	text-decoration: underline;
}

