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

#wrapper {width: 100%; min-height: 100vh; margin: 0; padding: 0; box-sizing: border-box; overflow: hidden;}


/*PC:body-------------------------------------*/
@media screen and (min-width:961px){
	.pc {display: block !important;}
	.tb {display: none !important;}
	.sp {display: none !important;}
	
	#titleLineTop {width: 100%; height: auto; margin: 50px 0 0; padding: 8px 0 0; text-align: center; font-size: 14px; float: left;}
	#titleLine {width: 100%; height: auto; margin: 0 0 50px; padding: 0 0 8px; text-align: center; font-size: 24px; font-weight: bold; float: left;}
	
	section {width: 60%; height: auto; margin: 0 20% 80px; padding: 0 0 35px; font-family: "Sawarabi Mincho", serif; font-weight: 600; font-style: normal; float: left; box-sizing: border-box;}
	section h3 {width: 100%; height: auto; margin: 0 auto; padding: 10px 0; font-size: 20px; text-align: center; border-radius: 8px 8px 0 0;}
	.section_ul1 {width: 100%; margin: 0; padding: 0; font-size: 16px; text-align: center;}
	.section_ul1 li {width: 100%; padding: 8px 0; text-align: center;}
	.section_ul2 {width: 100%; max-width: 600px; margin: 0 auto 80px; padding: 0; box-sizing: border-box; font-size: 16px; font-family: "Hina Mincho", serif; font-weight: 500; font-style: normal; letter-spacing: 0.05em;}
	.section_ul2 li {width: 100%; padding: 8px; box-sizing: border-box;}
	.section_ul2 li p {width: 100%; padding: 16px 8px; box-sizing: border-box;}
	.section_ul2center {text-align: center; margin: 50px 0; padding: 0; box-sizing: border-box;}
	.section_ul2 li span {width: 150px; text-align: center; float: left;}
	.section_ul2 li .nagomi_img{border:solid 1px #f7b000;border-radius:4px;transition:all .3s ease-out;display:block}
	.section_ul2 li .nagomi_img:hover{transform:scale(1.05);box-shadow:0 6px 12px rgba(247,176,0,.25);border-color:#ffd966}
	
	/* 画像 */
	.element {aspect-ratio: 16 / 9; width: 100%; max-width: 800px; height: auto; margin: 0 auto;}
	.element img {width: 100%; height: 100%; object-fit: cover;}
	
	/* 個別PAGE */
	/* slider */
	.slider_box {width: 100%; height: auto; margin: 0 0 80px; padding: 0 0 35px; font-family: "Hina Mincho", serif; font-weight: 500; font-style: normal; letter-spacing: 0.05em; float: left; box-sizing: border-box;}
	.slider_box h2 {width: 100%; height: 24px; line-height: 24px; font-size: 16px; margin: 8px 0; padding: 0; text-align: center; box-sizing: border-box; font-family: "Mplus"; color: #6b401b;}
	
  	/* ul-content:slider */
	.slider {width: 100%; height: auto; margin: 0 auto; padding: 20px 0; box-sizing: border-box;}
	.slider-img {aspect-ratio: 16 / 9; width: 100%; margin: 0 5px; padding: 0 0 38px;}
	.slider-img img {width: 100%; height: 100%; object-fit: cover;}
	.slider p{width: 100%; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	 
	 /* map */
	.map_title {width: 100%; height: 30px; line-height: 30px; margin: 16px 0; padding: 0; box-sizing: border-box; text-align: center; font-size: 18px;}
	.mapSpc {position: relative; width: 100%; height: 450px; margin: 0 0 50px; background: #F8F4E8; box-sizing: border-box; display: inline-block;}
	.googlemap {border-radius: 8px;}
	.mapSpc p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	
	.u2arrow {width: 100%; height: 60px; margin: 80px 0;  box-sizing: border-box; position: relative; display: inline-block;}
	
}

/*TB:body-------------------------------------*/
@media screen and (min-width: 768px) and (max-width: 960px){
	.pc {display: none !important;}
	.tb {display: block !important;}
	.sp {display: none !important;}
	
	#titleLineTop {width: 100%; height: auto; margin: 50px 0 0; padding: 8px 0 0; text-align: center; font-size: 14px; float: left;}
	#titleLine {width: 100%; height: auto; margin: 0 0 50px; padding: 0 0 8px; text-align: center; font-size: 20px; font-weight: bold; float: left;}
	
	section {width: 98%; height: auto; margin: 0 1% 80px; padding: 0 0 35px; font-family: "Sawarabi Mincho", serif; font-weight: 600; font-style: normal; float: left; box-sizing: border-box;}
	section h3 {width: 100%; height: auto; margin: 0 auto; padding: 10px 0; font-size: 16px; text-align: center; border-radius: 8px 8px 0 0;}
	.section_ul1 {width: 100%; margin: 0; padding: 0; font-size: 16px; text-align: center;}
	.section_ul1 li {width: 100%; padding: 8px 0; text-align: center;}
	.section_ul2 {width: 100%; max-width: 480px; margin: 0 auto 80px; padding: 0; box-sizing: border-box; font-size: 16px; font-family: "Hina Mincho", serif; font-weight: 500; font-style: normal; letter-spacing: 0.05em}
	.section_ul2 li {width: 100%; padding: 8px; box-sizing: border-box;}
	.section_ul2 li p {width: 100%; padding: 8px; box-sizing: border-box;}
	.section_ul2center {text-align: center; margin: 50px 0; padding: 0; box-sizing: border-box;}
	.section_ul2 li span {width: 150px; text-align: center; float: left;}
	.section_ul2 li .nagomi_img{border: solid 1px #f7b000; border-radius: 8px; display: block;}
	
	.element {aspect-ratio: 16 / 9; width: 100%; max-width: 600px; height: auto; margin: 0 auto;}
	.element img {width: 100%; height: 100%; object-fit: cover;}
	
	/* 個別PAGE */
	/* slider */
	.slider_box {width: 100%; height: auto; margin: 0 0 80px; padding: 0 0 35px; font-family: "Hina Mincho", serif; font-weight: 500; font-style: normal; letter-spacing: 0.05em; float: left; box-sizing: border-box;}
	.slider_box h2 {width: 100%; height: 24px; line-height: 24px; font-size: 16px; margin: 8px 0; padding: 0; text-align: center; box-sizing: border-box; font-family: "Mplus"; color: #6b401b;}
	
  	/* ul-content:slider */
	.slider {width: 100%; height: auto; margin: 0 auto; padding: 20px 0; box-sizing: border-box;}
	.slider-img {aspect-ratio: 16 / 9; width: 100%; margin: 0 5px; padding: 0 0 38px;}
	.slider-img img {width: 100%; height: 100%; object-fit: cover;}
	.slider p{width: 100%; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	 
	 /* map */
	.map_title {width: 100%; height: 30px; line-height: 30px; margin: 16px 0; padding: 0; box-sizing: border-box; text-align: center; font-size: 18px;}
	.mapSpc {position: relative; width: 100%; height: 450px; background: #F8F4E8; box-sizing: border-box; display: inline-block;}
	.googlemap {border-radius: 8px;}
	.mapSpc p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	
	.u2arrow {width: 100%; height: 60px; margin: 80px 0;  box-sizing: border-box; position: relative; display: inline-block;}
	
}

/*SP:body-------------------------------------*/
@media screen and (max-width: 767px){
	.pc {display: none !important;}
	.tb {display: none !important;}
	.sp {display: block !important;}
	
	#titleLineTop {width: 100%; height: auto; margin: 50px 0 0; padding: 8px 0 0; text-align: center; font-size: 14px; float: left;}
	#titleLine {width: 100%; height: auto; margin: 0 0 50px; padding: 0 0 8px; text-align: center; font-size: 20px; font-weight: bold; float: left;}
	
	section {width: 98%; height: auto; margin: 0 1% 10px; padding: 0 0 35px; font-family: "Sawarabi Mincho", serif; font-weight: 600; font-style: normal; float: left; box-sizing: border-box;}
	section h3 {width: 100%; height: auto; margin: 0 auto; padding: 10px 0; font-size: 16px; text-align: center; border-radius: 8px 8px 0 0;}
	.section_ul1 {width: 100%; margin: 0; padding: 0; font-size: 16px; text-align: center;}
	.section_ul1 li {width: 100%; padding: 8px 0; text-align: center;}
	
	.section_ul2 {width: 98%; max-width: 480px; margin: 0 1% 80px; padding: 0; box-sizing: border-box; font-size: 14px; font-family: "Hina Mincho", serif; font-weight: 500; font-style: normal; letter-spacing: 0.05em;}
	.section_ul2 li {width: 100%; padding: 3px; box-sizing: border-box;}
	.section_ul2 li p {width: 100%; padding: 3px; box-sizing: border-box;}
	.section_ul2center {text-align: center; margin: 50px 0; padding: 0; box-sizing: border-box;}
	.section_ul2 li span {width: 80px; text-align: left; float: left;}
	.section_ul2 li .nagomi_img {border: solid 1px #f7b000; border-radius: 8px; display: block;}
	.nagomi_img {width: 90%; height: auto; margin: 15px auto;}
	
	.element {aspect-ratio: 16 / 9; width: 100%; max-width: 600px; height: auto; margin: 0 auto;}
	.element img {width: 100%; height: 100%; object-fit: cover;}
	
	/* 個別PAGE */
	/* slider */
	.slider_box {width: 100%; height: auto; margin: 0 0 10px; padding: 0 0 35px; font-family: "Hina Mincho", serif; font-weight: 500; font-style: normal; letter-spacing: 0.05em; float: left; box-sizing: border-box;}
	.slider_box h2 {width: 100%; height: 24px; line-height: 24px; font-size: 16px; margin: 8px 0; padding: 0; text-align: center; box-sizing: border-box; font-family: "Mplus"; color: #6b401b;}
	
  	/* ul-content:slider */
	.slider {width: 100%; height: auto; margin: 0 auto; padding: 20px 0; box-sizing: border-box;}
	.slider-img {aspect-ratio: 16 / 9; width: 100%; margin: 0 5px; padding: 0 0 38px;}
	.slider-img img {width: 100%; height: 100%; object-fit: cover;}
	.slider p{width: 100%; height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
	 
	 /* map */
	.map_title {width: 100%; height: 30px; line-height: 30px; margin: 16px 0; padding: 0; box-sizing: border-box; text-align: center; font-size: 18px;}
	.mapSpc {position: relative; width: 100%; height: 450px; background: #F8F4E8; box-sizing: border-box;}
	.googlemap {border-radius: 8px;}
	.mapSpc p {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
	
	.u2arrow {width: 100%; height: 60px; margin: 80px 0;  box-sizing: border-box; position: relative; display: inline-block;}
	
}