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

/*PC:body-------------------------------------*/
@media screen and (min-width:961px){
	.pc {display: block !important;}
	.tb {display: none !important;}
	.sp {display: none !important;}
	
	footer {position: relative !important; width: 100%; height: auto; margin: auto 0 0; padding: 0; box-sizing: border-box; border-top: solid 1px rgba(0,0,0,0.3); z-index: 1 !important; pointer-events: none !important; }
	footer a,
	footer button,
	footer input,
	footer label,
	footer .btn,
	footer .btn-box {
  		pointer-events: auto !important;  /* footer内のリンクだけクリックOK */
	}
	
	#footerTopSpc {width: 100%; height: auto; margin: 0; padding: 30px 0;}
	#footerTopSpc ul {width: 96%; margin: 0 2%; padding: 0;box-sizing: border-box;}
		#footerName {width: 100%; height: auto;; margin: 0 auto; text-align: center;}
		#footerName img {width: 100%; max-width: 400px; height: auto;}
		#footerTitle {width: 100%; height: auto; margin: 0; padding: 8px 0; text-align: center; font-size: 28px; color: #6b401b;}
	
	#footerBottomSpc {width: 90%; height: auto; margin: 0 5%; padding: 50px 0; box-sizing: border-box; display: flex; font-family: 'Noto Serif JP', serif; letter-spacing: 0.1em; color: #6b401b; font-weight: 600; font-size: 14px;}
		#footerSpc {width: 40%; height: auto; margin: 0; padding: 0; display: flex; border-left: solid 1px #6B401B;}	
			
			#footerOvervieAw {width: 48%; height: auto; margin: 0 1%; padding: 0;}
			#footerOverview ul {width: 100%; height: auto; margin: 0; padding: 0 0 0 30px; box-sizing: border-box;}
			#footerOverview ul li {width: 100%; margin: 0; padding: 0; box-sizing: border-box;}
			
			#footerNav {width: 48%; height: auto; margin: 0 1%; padding: 0 0 30px; float: left;}
			#footerNav ul {width: 100%; height: auto; margin: 0; padding: 0 0 0 30px; box-sizing: border-box;}
			#footerNav ul li {width: 100%; margin: 0; padding: 3px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
			#footerNav ul li a {color: #6b401b;}
			#footerNav ul li a:hover {text-decoration: none;}
			#footerNav ul li span {font-size: 12px;}
				.footerUlmain {height: auto; margin: 0; padding: 0 0 18px; font-size: 18px; font-weight: 900;}
		
		#footerNavSpc {width: 60%; margin: 0; padding: 0; display: flex; border-left: solid 1px #6B401B;}
			.footerNav {width: 33.33333%; width: -webkit-calc(100% / 3) ; width: calc(100% / 3); height: auto; margin: 0; padding: 0 0 30px; float: left;}
			.footerNav ul {width: 100%; height: auto; margin: 0; padding: 0 0 0 30px; box-sizing: border-box;}
			.footerNav ul li {width: 100%; margin: 0; padding: 3px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
			.footerNav ul li a {color: #6b401b;}
			.footerNav ul li a:hover {text-decoration: none;}
			
	#footerIcon {width: 100%; height: auto; margin: 0 0 80px; padding: 60px 0; box-sizing: border-box; text-align: center;}
	#footerIcon ul {width: 100%; max-width: 224px; height: auto; margin: 0 auto; padding: 0; display: flex; justify-content: center; list-style: none; box-sizing: border-box;}
	#footerIcon ul li {width: 100%; max-width: 40px; height: 40px; margin: 8px; display: inline-block;}
	#footerIcon ul li img {width: 40px; height: 40px;}
	
    #copyright {width: 90%; margin: 0; padding: 8px 5%; text-align: center; background: #F8F4E8; color: #000000; font-size: 12px;}
	
	/* Information-UP*/
	#bLine {width: 168px; height: auto; margin: 0; bottom: 180px; right: 0; position: fixed; z-index: 5 !important;}
    .bLine_bana {width: 168px; height: auto; }

}

/*TB:body-------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 960px){
	.pc {display: none !important;}
	.tb {display: block !important;}
	.sp {display: none !important;}
	
	footer {position: relative !important; width: 100%; height: auto; margin: auto 0 0; padding: 0; box-sizing: border-box; border-top: solid 1px rgba(0,0,0,0.3); z-index: 1 !important; pointer-events: none !important; }
	footer a,
	footer button,
	footer input,
	footer label,
	footer .btn,
	footer .btn-box {
  		pointer-events: auto !important;  /* footer内のリンクだけクリックOK */
	}
	
	#footerTopSpc {width: 100%; height: auto; margin: 0; padding: 30px 0;}
	#footerTopSpc ul {width: 96%; margin: 0 2%; padding: 0;box-sizing: border-box;}
		#footerName {width: 100%; height: auto;; margin: 0 auto; text-align: center;}
		#footerName img {width: 100%; max-width: 250px; height: auto;}
		#footerTitle {width: 100%; height: auto; margin: 0; padding: 8px 0; text-align: center; font-size: 18px; color: #6b401b;}
	
	#footerBottomSpc {width: 100%; height: auto; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: 'Noto Serif JP', serif; letter-spacing: 0.1em; color: #6b401b; font-weight: 600; font-size: 16px;}
		#footerSpc {width: 100%; height: auto; margin: 0; padding: 0; background-image: url("../img/parallax/back_img.webp");}	
		#footerNavSpc {width: 98%; height: auto; margin: 80px 1%; padding: 0;}
		
		.footerUlmain {width: 100%; height: auto; margin: 0; padding: 18px 0; font-size: 20px;}
		
			/*#footerSpc*/
			#footerOverview {width: 100%; height: auto; margin: 0; padding: 24px 0; text-align: center; float: left;}
			#footerOverview ul {width: 100%; height: auto; margin: 0; padding: 0; box-sizing: border-box;}
			#footerOverview ul li {width: 100%; margin: 0; padding: 6px 0; box-sizing: border-box;}
			
			#footerNav {width: 100%; height: auto; margin: 0; padding: 0 0 24px;}
			#footerNav ul {width: 100%; height: auto; margin: 0; padding: 0; text-align: center; box-sizing: border-box;}
			#footerNav ul li {width: 100%; margin: 0; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
			#footerNav ul li a { color: #6b401b;}
			#footerNav ul li a:hover {text-decoration: none;}
			#footerNav ul li span {font-size: 14px;}
		
			/*#footerNavSpc*/
			.footerNav {width: 100%; height: auto; margin: 0; padding: 0 0 30px;}
			.footerNav ul {width: 100%; height: auto; margin: 0; padding: 0 0 0 30px; box-sizing: border-box;}
			.footerNav ul li {width: 100%; margin: 0; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
			.footerNav ul li a {color: #6b401b;}
			.footerNav ul li a:hover {text-decoration: none;}
			
	#footerIcon {width: 100%; height: auto; margin: 0 0 20px; padding: 20px 0; box-sizing: border-box; text-align: center;}
	#footerIcon ul {width: 100%; max-width: 224px; height: auto; margin: 0 auto; padding: 0; display: flex; justify-content: center; list-style: none; box-sizing: border-box;}
	#footerIcon ul li {width: 100%; max-width: 40px; height: 40px; margin: 8px; display: inline-block;}
	#footerIcon ul li img {width: 40px; height: 40px;}
	
    #copyright {width: 90%; margin: 0; padding: 8px 5%; text-align: center; background: #F8F4E8; color: #000000; font-size: 12px;}
	
			
}

/*SP:body-------------------------------------*/
@media screen and (max-width: 767px){
	.pc {display: none !important;}
	.tb {display: none !important;}
	.sp {display: block !important;}
	
	footer {position: relative !important; width: 100%; height: auto; margin: auto 0 0; padding: 0; box-sizing: border-box; border-top: solid 1px rgba(0,0,0,0.3); z-index: 1 !important; pointer-events: none !important; }
	footer a,
	footer button,
	footer input,
	footer label,
	footer .btn,
	footer .btn-box {
  		pointer-events: auto !important;  /* footer内のリンクだけクリックOK */
	}
	
	#footerTopSpc {width: 100%; height: auto; margin: 0; padding: 30px 0;}
	#footerTopSpc ul {width: 96%; margin: 0 2%; padding: 0;box-sizing: border-box;}
		#footerName {width: 100%; height: auto;; margin: 0 auto; text-align: center;}
		#footerName img {width: 100%; max-width: 250px; height: auto;}
		#footerTitle {width: 100%; height: auto; margin: 0; padding: 8px 0; text-align: center; font-size: 18px; color: #6b401b;}
	
	#footerBottomSpc {width: 100%; height: auto; margin: 0; padding: 20px 0; box-sizing: border-box; font-family: 'Noto Serif JP', serif; letter-spacing: 0.1em; color: #6b401b; font-weight: 600; font-size: 16px;}
		#footerSpc {width: 100%; height: auto; margin: 0; padding: 0; background-image: url("../img/parallax/back_img.webp");}	
		#footerNavSpc {width: 98%; height: auto; margin: 80px 1%; padding: 0;}
		
		.footerUlmain {width: 100%; height: auto; margin: 0; padding: 18px 0; font-size: 20px;}
		
			/*#footerSpc*/
			#footerOverview {width: 100%; height: auto; margin: 0; padding: 24px 0; text-align: center; float: left;}
			#footerOverview ul {width: 100%; height: auto; margin: 0; padding: 0; box-sizing: border-box;}
			#footerOverview ul li {width: 100%; margin: 0; padding: 6px 0; box-sizing: border-box;}
			
			#footerNav {width: 100%; height: auto; margin: 0; padding: 0 0 24px; float: left;}
			#footerNav ul {width: 100%; height: auto; margin: 0; padding: 0; text-align: center; box-sizing: border-box;}
			#footerNav ul li {width: 100%; margin: 0; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
			#footerNav ul li a {color: #6b401b;}
			#footerNav ul li a:hover {text-decoration: none;}
			#footerNav ul li span {font-size: 14px;}
		
			/*#footerNavSpc*/
			.footerNav {width: 100%; height: auto; margin: 0; padding: 0 0 30px;}
			.footerNav ul {width: 100%; height: auto; margin: 0; padding: 0; text-align: center; box-sizing: border-box;}
			.footerNav ul li {width: 100%; margin: 0; padding: 6px 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; box-sizing: border-box;}
			.footerNav ul li a {color: #6b401b;}
			.footerNav ul li a:hover {text-decoration: none;}
			
	#footerIcon {width: 100%; height: auto; margin: 0 0 20px; padding: 20px 0; box-sizing: border-box; text-align: center;}
	#footerIcon ul {width: 100%; max-width: 224px; height: auto; margin: 0 auto; padding: 0; display: flex; justify-content: center; list-style: none; box-sizing: border-box;}
	#footerIcon ul li {width: 100%; max-width: 40px; height: 40px; margin: 8px; display: inline-block;}
	#footerIcon ul li img {width: 40px; height: 40px;}
	
    #copyright {width: 90%; margin: 0; padding: 8px 5%; text-align: center; background: #F8F4E8; color: #000000; font-size: 12px;}
	
	
}