@charset "UTF-8";
/*
Theme Name: Suteteko Company Local Store Site
Author: Edit by Taketsugu Yoshida [ © Suteteko Company  2025]
Description: original theme of suteteko.jp/portal/kanazu
Version: 1.0
*/
*{margin:0;padding:0;box-sizing:border-box;list-style:none;quotes:none;text-decoration:none;color:#333333;
	font-family:"BIZ UDPGothic", sans-serif;font-optical-sizing:auto;font-style:normal;font-weight:400;letter-spacing:0.1em;}
html{background:url("images/background-white-wood.jpg") repeat;}
i{font-family: "IBM Plex Sans", sans-serif;font-style:normal;font-weight:700;}
section{width:100%;padding:70px 0 210px 0;}
input:focus, textarea:focus {outline: none;}
.BreadcrumbList{width:1260px;margin:0 auto;}
.BreadcrumbList ul{margin:20px 0 0 0;}
.BreadcrumbList ul li{display:inline-block;font-size:14px;font-weight:700;}

.BreadcrumbList ul li a{transition:0.3s;text-decoration:underline;color:#666666;margin:0 8px 0 0;display:inline-block;}
.BreadcrumbList ul li:after{content:"";background-image:url("images/arrow-right-gray.png");background-repeat:no-repeat;background-position:center;
													background-size:100%;display:inline-block;width:5px;height:10px;}
.BreadcrumbList ul li:last-child:after{display:none;}
.BreadcrumbList ul li a:hover{opacity:0.6;}



@media (max-width:1300px){
	.BreadcrumbList{width:95%;}
}
@media (max-width:1000px){
	section{padding:70px 0 140px 0;}
}
@media (max-width:800px){
	.BreadcrumbList ul{margin:10px 0 0 0;}
	.BreadcrumbList ul li{font-size:12px;margin:10px 0 0 0;}
	.BreadcrumbList ul li a:after{width:4px;height:8px;}
}


/*Header===============================================================*/

.MainHeader{position:fixed;background:#ffffff;border-top:5px solid #333333;top:0;width:100%;box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.3);
					border-bottom:1px solid #eeeeee;height:70px;z-index:1000;}
.MainHeaderWrapper{position:relative;width:1260px;margin:0 auto;}
.MainHeaderTitle{transition:0.3s;position:absolute;display:block;color:#333333;left:0;top:15px;width:330px;}
.MainHeaderTitle:hover{opacity:0.6;}
.MainHeaderTitle h1{font-size:0;}
.MainHeaderTitle h1 span{display:inline-block;text-align-last:justify;vertical-align:middle;font-weight:700;line-height:1.2;font-size:12px;width:120px;}
.MainHeaderTitle h1 img{display:inline-block;vertical-align:middle;margin:0 0 0 5px;width:200px;}
.MainHeaderNavigation{position:absolute;right:0;top:22px;}
.MainHeaderNavigation a{display:inline-block;color:#333333;font-size:14px;margin:0 0 0 20px;}
.MainHeaderNavigation span{transition:0.3s;border-bottom:3px solid #ffffff;padding:5px 0;font-weight:700;}
.MainHeaderNavigation span:before{content:"";background-image:url("images/arrow-right-gray.png");background-repeat:no-repeat;background-position:center;
													background-size:100%;display:inline-block;width:5px;height:10px;margin:0 3px 0 0;}
.MainHeaderNavigation a.Current span,.MainHeaderNavigation a:hover span{border-color:#cccccc;}
.MainHeaderMobileHamburger{display:none;transition:0.3s;position:absolute;right:0;cursor:pointer;top:10px;width:35px;}
.MainHeaderMobileHamburger:hover img{opacity:0.8;}
.MainHeaderMobileHamburger img{transition:0.3s;width:100%;}
.MainHeaderMobileHamburger.Active{background-image:url("images/header-menu-close.png");background-repeat:no-repeat;background-position:center;background-size:100%;}
.MainHeaderMobileHamburger.Active img{opacity:0;}

.MainHeaderMobile{display:none;position:fixed;height:100vh;top:70px;z-index:500;width:0;overflow:hidden;right:0;transition:0.3s;
							 backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background: rgba(0, 0, 0, 0.7);}
.MainHeaderMobile.Active{width:100%;}
.MainHeaderMobileWrapper{margin:50px auto 0;width:250px;}
.MainHeaderMobileWrapper a{display:block;font-size:16px;text-align:center;padding:15px 0 20px 0;margin:0 0 10px 0;border-bottom:1px dotted #eeeeee;}
.MainHeaderMobileWrapper a span{transition:0.3s;color:#ffffff;}
.MainHeaderMobileWrapper a span:before{content:"";background-image:url("images/arrow-right-white.png");background-repeat:no-repeat;
															  background-position:center;background-size:100%;display:inline-block;width:5px;height:10px;margin:0 6px 0 0;}
.MainHeaderMobileWrapper a:hover span{opacity:0.5;}

@media (max-width:1200px){
	.MainHeaderWrapper{width:95%;}
	.MainHeaderNavigation{display:none;}
	.MainHeaderMobileHamburger{display:block;}
	.MainHeaderMobile{display:block;}
}
@media (max-width:840px){
	.MainHeaderTitle{width:200px;top:10px;}
	.MainHeaderTitle h1 span{display:block;width:190px;font-size:10px;margin:0 auto 3px;}
	.MainHeaderTitle h1 span br{display:none;}
	.MainHeaderTitle h1 img{display:block;margin:0;}
}
/*Header===============================================================*/


/*Index================================================================*/
.IndexSlide{background:#ffffff;margin:15px 0 30px 0;position:relative;}
.IndexSlideWrapper{width:1260px;margin:0 auto;}
.IndexSlideWrapper img{height:auto;}
.IndexSlideWrapper ul.slick-dots{position:absolute;bottom:-20px;text-align:center;width:100%;}
.IndexSlideWrapper ul.slick-dots li{transition:0.5s; display:inline-block;width:100px;background:#cccccc;height:5px;margin:0 5px;overflow:hidden;}
.IndexSlideWrapper ul.slick-dots li.slick-active{background:#999999;}
.IndexSlideWrapper ul.slick-dots li button{width:100%;opacity:0;cursor:pointer;}

.IndexArticle{background:#369973;border-bottom:solid 8px #005e3f;}
.IndexArticle div{width:1000px;margin:0 auto;padding:40px 0 20px 0;font-size:0;}
.IndexArticle h2{font-size:26px;display:inline-block;width:120px;vertical-align:top;margin:-5px 0 0 0;}
.IndexArticle h2 i{color:#81bfa7;}
.IndexArticleList{display:inline-block;width:680px;}
.IndexArticleList li{margin:0 0 20px 0;}
.IndexArticleList li a{transition:0.3s;display:block;}
.IndexArticleList li time{display:inline-block;width:130px;vertical-align:top;}
.IndexArticleList li i{color:#ffffff;font-size:18px;}
.IndexArticleList li p{display:inline-block;text-decoration:underline;color:#ffffff;font-size:16px;width:550px;line-height:1.6;text-align:justify;}
.IndexArticleListMore{transition:0.3s;display:inline-block;width:200px;vertical-align:bottom;background:#ffffff;text-align:center;border-radius:50px;
								padding:10px 0;margin:0 0 20px 0;}
.IndexArticleListMore span{font-size:16px;font-weight:700;color:#369973;}
.IndexArticleListMore span:after{content:"";background-image:url("images/arrow-right-green.png");background-repeat:no-repeat;
															  background-position:center;background-size:100%;display:inline-block;width:6px;height:12px;margin:0 0 0 3px;}
.IndexArticle a:hover{opacity:0.6;}

@media (max-width:1300px){
	.IndexSlideWrapper{width:100%;margin:0 auto;}
	.IndexSlideWrapper ul.slick-dots li{width:50px;}
	.IndexArticle div{width:90%;padding:20px 0 10px 0;}
	.IndexArticle h2{display:block;width:100%;margin:0 0 20px 0;}
	.IndexArticleList{display:block;width:100%;}
	.IndexArticleList li{margin:0 0 20px 0;}
	.IndexArticleList li p{width:600px;}
}
@media (max-width:800px){
	.IndexArticle{border-bottom:solid 4px #005e3f;}
	.IndexArticle div{padding:20px 0 0 0;}
	.IndexArticle h2{font-size:18px;margin:0 0 10px 0;}
	.IndexArticleList{display:block;width:100%;}
	.IndexArticleList li{margin:0 0 15px 0;}
	.IndexArticleList li time{display:block;width:100%;}
	.IndexArticleList li time i{font-size:14px;}
	.IndexArticleList li p{width:100%;font-size:14px;}
	.IndexArticleListMore{display:block;width:150px;}
	.IndexArticleListMore span{font-size:14px;}
	.IndexArticleListMore span:after{height:10px;}
}

.SelectSchool{margin:100px auto 0;width:1260px;}
.SelectSchool h3{font-size:24px;text-align:center;}
.SelectSchool h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.SelectSchool h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.SelectSchoolList{font-size:0;text-align:center;margin:20px 0 0 0;}
.SelectSchoolList li{width:30%;display:inline-block;margin:30px 1.2% 0 1.2%;overflow:hidden;border-radius:10px;
									filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));background:#999999;}
.SelectSchoolList li a{display:block;position:relative;padding:30px 0;}
.SelectSchoolExterior{position:absolute;width:100%;z-index:0;left:0;top:0;opacity:0.3;background-blend-mode:multiply;
										transition:0.3s;height:160px;display:block;background-repeat:no-repeat;background-size:100%;background-position:center;}
.SelectSchoolMark{width:90px;position:relative;display:inline-block;vertical-align:middle;margin:0 10px 0 0;border-radius:100px;
									padding:5px;filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.8));background:#999999;}
.SelectSchoolList div{display:inline-block;position:relative;vertical-align:middle;filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.8));}
.SelectSchoolList div p{font-size:20px;color:#ffffff;}
.SelectSchoolList div h4{font-size:30px;color:#ffffff;margin:10px 0 0 0;font-weight:700;border-bottom:5px solid #ffffff;padding:0 0 5px 0;}
.SelectSchoolList div h4:after{content:"";background-image:url("images/arrow-right-white.png");background-repeat:no-repeat;
												 	background-position:center;background-size:100%;display:inline-block;width:12px;height:22px;margin:0 0 0 8px;}

.SelectSchoolList li:hover .SelectSchoolExterior{opacity:0.1;}

/*School Variable Skins*/
	.SelectSchoolList li.kanazu-jhs{background:#6c6cc2;}
	.SelectSchoolList li.kanazu-jhs .SelectSchoolMark{background:#6c6cc2;}
	.SelectSchoolList li.kanazu-jhs .SelectSchoolExterior{background-image:url("images/school-kanazujhs-exterior.jpg");}

	.SelectSchoolList li.kanazu-ps{background:#caa700;}
	.SelectSchoolList li.kanazu-ps .SelectSchoolMark{background:#caa700;}
	.SelectSchoolList li.kanazu-ps .SelectSchoolExterior{background-image:url("images/school-kanazues-exterior.jpg");}

	.SelectSchoolList li.kanazuhigashi-ps{background:#a8d58f;}
	.SelectSchoolList li.kanazuhigashi-ps .SelectSchoolMark{background:#a8d58f;}
	.SelectSchoolList li.kanazuhigashi-ps .SelectSchoolExterior{background-image:url("images/school-kanazuhigashi-exterior.jpg");}

	.SelectSchoolList li.ii-ps{background:#84a466;}
	.SelectSchoolList li.ii-ps .SelectSchoolMark{background:#84a466;}
	.SelectSchoolList li.ii-ps .SelectSchoolExterior{background-image:url("images/school-ii-exterior.jpg");}

	.SelectSchoolList li.hosorogi-ps{background:#62bdbd;}
	.SelectSchoolList li.hosorogi-ps .SelectSchoolMark{background:#62bdbd;}
	.SelectSchoolList li.hosorogi-ps .SelectSchoolExterior{background-image:url("images/school-hosorogi-exterior.jpg");}
/*School Variable Skins*/

.IndexSelectProductCategory{margin:80px auto 0;display:block;width:450px;}
.IndexSelectProductCategory div{transition:0.3s;display:inline-block;vertical-align:middle;}
.IndexSelectProductCategory div img{width:80px;border-radius:80px;margin:0 -40px 0 0;border:1px solid #cccccc;}
.IndexSelectProductCategory p{display:inline-block;vertical-align:middle;margin:0 0 0 40px;}
.IndexSelectProductCategory p span{font-size:18px;font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:10px;}
.IndexSelectProductCategory p span:after{content:"";background-image:url("images/arrow-right-gray.png");background-repeat:no-repeat;
												 	background-position:center;background-size:100%;display:inline-block;width:8px;height:14px;}
.IndexSelectProductCategory:hover div{opacity:0.6;}

@media (max-width:1300px){
	.SelectSchool{width:90%;}
	.SelectSchoolExterior{height:250px;background-size:cover;}
	.SelectSchoolMark{width:90px;position:relative;display:block;margin:0 auto 10px;border-radius:100px;}
	.SelectSchoolList div p{font-size:18px;color:#ffffff;}
	.SelectSchoolList div h4{font-size:25px;border-bottom:3px solid #ffffff;}
	.SelectSchoolList div h4:after{width:10px;height:18px;}
}

@media (max-width:800px){
	.SelectSchool h3{font-size:20px;}
	.SelectSchool h3 i{font-size:18px;}
	.SelectSchoolExterior{height:120px;opacity:0.5;}
	.SelectSchoolList li{width:100%;display:block;margin:0 0 10px 0;text-align:left;}
	.SelectSchoolList li a{padding:15px 0 15px 15px;}
	.SelectSchoolMark{width:70px;margin:0 8px 0 0;display:inline-block;}
	.SelectSchoolList div p{font-size:16px;color:#ffffff;}
	.SelectSchoolList div h4{font-size:22px;}
	
	.IndexSelectProductCategory{margin:40px auto 0;display:block;width:260px;text-align:center;}
	.IndexSelectProductCategory div{padding: 0 30px 0 0;}
	.IndexSelectProductCategory div img{margin:0 -25px 0 0;}
	.IndexSelectProductCategory p{display:block;margin:10px 0 0 0;}
	.IndexSelectProductCategory p span{font-size:16px;}
	.IndexSelectProductCategory p span:after{width:8px;height:12px;}
}

.IndexGuide{margin:200px auto 0;position:relative;}
.IndexGuide h3{font-size:24px;text-align:center;}
.IndexGuide h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.IndexGuide h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.IndexGuide h4{text-align:center;font-size:34px;font-weight:700;line-height:2.0;margin:60px 0 0 0;position:relative;z-index:100;filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 1.0));}
.IndexGuide h4 .AccentA{font-weight:700;color:#ffa4a6}
.IndexGuide h4 .AccentB{font-weight:700;color:#ff7051}
.IndexGuideMotif{width:100%;position:absolute;overflow:hidden;height:700px;z-index:-1;}
.IndexGuideMotif .Online{position:absolute;left:-100px;top:0px;width:500px;transition:0.3s;}
.IndexGuideMotif .RealShop{position:absolute;right:-100px;top:80px;width:500px;transition:0.3s;}
.IndexGuideMotif .Motif{width:1260px;margin:20px  auto 0;display:block;transition:0.3s;}
.IndexGuide p{font-size:20px;line-height:2.4;text-align:center;margin:240px 0 60px 0;position:relative;z-index:100;filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 1.0));}
.IndexGuide p br.mb{display:none;}
.IndexGuideLink{transition:0.3s;width:300px;background: linear-gradient(90deg, #666666, #000000);border-radius: 50px;padding:15px 0;position:relative;
						text-align:center;font-size:18px;margin:0 auto;display:block;box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);}
.IndexGuideLink span{font-weight: 700;color:#ffffff;}
.IndexGuideLink span:after{content:"";background-image:url("images/arrow-right-white.png");background-repeat:no-repeat;
										background-position:center;background-size:100%;display:inline-block;width:8px;height:14px;margin:0 0 0 5px;}
.IndexGuideLink:hover{background:#000000;}

@media (max-width:1300px){
	.IndexGuideMotif .Online{width:38%;}
	.IndexGuideMotif .RealShop{width:38%;}
	.IndexGuideMotif .Motif{width:100%;}
}
@media (max-width:800px){
	.IndexGuide{margin:150px auto 0;}
	.IndexGuide h3{font-size:20px;}
	.IndexGuide h3 i{font-size:18px}
	.IndexGuide h4{font-size:24px;margin:40px 0 0 0;}
	.IndexGuideMotif{width:100%;position:relative;overflow:visible;padding:30px 0 0 0;height: auto;}
	.IndexGuideMotif .Online{position:absolute;left:0;top:0px;width:200px;}
	.IndexGuideMotif .RealShop{position:absolute;right:0;top:10px;width:200px;}
	.IndexGuide p{font-size:16px;margin:80px auto 40px;width:90%;}
	.IndexGuide p br.mb{display:block;}
	.IndexGuideLink{width:200px;font-size:14px;}
	.IndexGuideLink span:after{width:6px;height:10px;}
}

.IndexGalleryAccess{margin:200px auto 0;position:relative;}
.IndexGalleryAccess h3{font-size:24px;text-align:center;}
.IndexGalleryAccess h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.IndexGalleryAccess h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.IndexGalleryAccessSlide{margin:60px auto 0;}
.IndexGalleryAccessSlide img{width:650px;margin:0 10px;border:10px solid #ffffff;box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.3);height:auto;}
.IndexGalleryAccessHour{width:1260px;margin:60px auto 0;text-align:center;}
.IndexGalleryAccessHour li{padding:10px 20px;margin:0 30px;display:inline-block;font-size:20px;border-bottom:1px dotted #999999;font-weight:700;}
.IndexGalleryAccessHour li span{font-size:16px;margin:0 10px 0 0;}
.IndexGalleryAccessMap{position:relative;padding:0 0 400px 0;height:0;overflow:hidden;box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.3);margin:80px 0 0 0;}
.IndexGalleryAccessMap iframe{border: none;position: absolute;top:0;left:0;width:100%!important;height:100%!important;}
.IndexGalleryAccessLink{transition:0.3s;width:300px;background: linear-gradient(90deg, #666666, #000000);border-radius: 50px;padding:15px 0;
						text-align:center;font-size:18px;margin:40px auto 0;display:block;box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);}
.IndexGalleryAccessLink span{font-weight: 700;color:#ffffff;}
.IndexGalleryAccessLink span:after{content:"";background-image:url("images/arrow-right-white.png");background-repeat:no-repeat;
												 	background-position:center;background-size:100%;display:inline-block;width:8px;height:14px;margin:0 0 0 5px;}
.IndexGalleryAccessLink:hover{background:#000000;}

@media (max-width:1300px){
	.IndexGalleryAccess{margin:120px auto 0;}
	.IndexGalleryAccessSlide img{width:400px;margin:0 5px;border:5px solid #ffffff;}
	.IndexGalleryAccessHour{width:90%;text-align:left;}
	.IndexGalleryAccessHour li{padding:10px 20px;margin:0 0 30px 0;display:block;}
	.IndexGalleryAccessHour li span{width:80px;display:inline-block;text-align-last:justify;margin:0 20px 0 0;}
	.IndexGalleryAccessMap{padding:0 0 500px 0;margin:60px 0 0 0;}
}
@media (max-width:800px){
	.IndexGalleryAccess h3{font-size:20px;}
	.IndexGalleryAccess h3 i{font-size:18px}
	.IndexGalleryAccessHour{margin:30px auto 0;}
	.IndexGalleryAccessHour li{font-size:16px;padding:10px 0;margin:0 0 20px 0;}
	.IndexGalleryAccessHour li span{display:block;text-align-last:left;margin:0 0 10px 0;font-size:14px;}
	
	.IndexGalleryAccessLink{width:200px;font-size:14px;}
	.IndexGalleryAccessLink span:after{width:6px;height:10px;}
}

/*Index================================================================*/


/*Category==============================================================*/
.CategorySelectSchool{margin:50px auto 0;}
.CategorySelectItems{margin:200px auto 0;width:1260px;}
.CategorySelectItems h3{font-size:24px;text-align:center;}
.CategorySelectItems h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.CategorySelectItems h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.CategorySelectItemsTitle{font-size:24px;font-weight:700;margin:60px 0 0 0;padding:10px 0;border-bottom:2px solid #333333;width:800px}
.CategorySelectItemslList{margin:60px 0 100px 0;font-size:0;}
.CategorySelectItemslList li{width:15%;margin:0 5% 50px 0;vertical-align:top;text-align:center;display:inline-block;filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));}
.CategorySelectItemslList a{transition:0.3s;border:2px solid #8f9ab3;display:block;border-radius:5px;overflow:hidden;background:#8f9ab3;}
.CategorySelectItemslList div img{width:100%;}
.CategorySelectItemslList p{font-size:18px;padding:8px 0;line-height:1.6;}
.CategorySelectItemslList p span{color:#ffffff;font-weight:700;filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.5));}
.CategorySelectItemslList p span:after{content:"";background-image:url("images/arrow-right-white.png");background-repeat:no-repeat;
												 	background-position:center;background-size:100%;display:inline-block;width:7px;height:15px;margin:0 0 0 5px;}
.CategorySelectItemslList a:hover{border-color:#4768b3;background:#4768b3;}

@media (max-width:1300px){
	.CategorySelectItems{margin:150px auto 0;width:90%;}
	.CategorySelectItemsTitle{width:80%}
	.CategorySelectItemslList li{width:20%;margin:0 2% 30px 0;}
}
@media (max-width:800px){
	.CategorySelectItems{margin:100px auto 0;}
	.CategorySelectItems h3{font-size:20px;}
	.CategorySelectItems h3 i{font-size:18px}
	.CategorySelectItemsTitle{font-size:16px;border-bottom:1px solid #333333;}
	.CategorySelectItemslList{margin:30px 0 100px 0;font-size:0;text-align:left;}
	.CategorySelectItemslList li{width:45%;margin:0 5% 20px 0;}
	.CategorySelectItemslList p{font-size:16px;padding:8px 0;line-height:1.6;}
	.CategorySelectItemslList p span:after{width:6px;height:12px;}
}


/*Category==============================================================*/

/*SchoolHeadTitle==============================================================*/
.SchoolHeadTitle{width:100%;position:relative;overflow:hidden;background:#999999;}
.SchoolHeadTitleWrapper{width:1260px;margin:0 auto;display:table;content:"";clear:both;}
.SchoolHeadTitleMark{display:inline-block;width:90px;vertical-align:middle;margin:10px 15px 0 0;position:relative;padding:3px;border-radius:100px;background:#999999;}
.SchoolHeadTitleWrapper dt{display:inline-block;vertical-align:middle;margin:10px 0 0 0;}
.SchoolHeadTitleWrapper *{color:#ffffff;font-weight:700;position:relative;}
.SchoolHeadTitleWrapper dt p{font-size:20px;}
.SchoolHeadTitleWrapper dt h2{font-size:30px;padding:5px 0;border-bottom:3px solid #ffffff;}
.SchoolHeadTitleWrapper dd{color:#ffffff;display:inline-block;vertical-align:middle;margin:30px 0 0 10px;font-size:18px;}
.SchoolHeadTitleWrapper dd span{font-size:24px;}
.SchoolHeadTitleExterior{float:right;width:700px;height:120px;overflow:hidden;background-size:cover;background-position:center;background-repeat:no-repeat;}

/*School Variable Skins*/
	.SchoolHeadTitle.kanazu-jhs,
	.SchoolHeadTitle.kanazu-jhs .SchoolHeadTitleMark{background:#6c6cc2;}
	.SchoolHeadTitle.kanazu-jhs .SchoolHeadTitleExterior{background-image:url("images/school-kanazujhs-exterior.jpg");}

	.SchoolHeadTitle.kanazu-ps,
	.SchoolHeadTitle.kanazu-ps .SchoolHeadTitleMark{background:#caa700;}
	.SchoolHeadTitle.kanazu-ps .SchoolHeadTitleExterior{background-image:url("images/school-kanazues-exterior.jpg");}

	.SchoolHeadTitle.kanazuhigashi-ps,
	.SchoolHeadTitle.kanazuhigashi-ps .SchoolHeadTitleMark{background:#a8d58f;}
	.SchoolHeadTitle.kanazuhigashi-ps .SchoolHeadTitleExterior{background-image:url("images/school-kanazuhigashi-exterior.jpg");}

	.SchoolHeadTitle.ii-ps,
	.SchoolHeadTitle.ii-ps .SchoolHeadTitleMark{background:#84a466;}
	.SchoolHeadTitle.ii-ps .SchoolHeadTitleExterior{background-image:url("images/school-ii-exterior.jpg");}

	.SchoolHeadTitle.hosorogi-ps,
	.SchoolHeadTitle.hosorogi-ps .SchoolHeadTitleMark{background:#62bdbd;}
	.SchoolHeadTitle.hosorogi-ps .SchoolHeadTitleExterior{background-image:url("images/school-hosorogi-exterior.jpg");}
/*School Variable Skins*/

@media (max-width:1300px){
	.SchoolHeadTitleWrapper{width:95%;}
	.SchoolHeadTitleExterior{width:calc(100% - 500px);}
}
@media (max-width:800px){
	.SchoolHeadTitleWrapper{padding:0 0 10px 0;}
	.SchoolHeadTitleMark{display:inline-block;width:50px;vertical-align:middle;margin:10px 15px 0 0;position:relative;}
	.SchoolHeadTitleExterior{float:none;position:absolute;width:100%;height:120px;top:0;left:0;opacity:0.3;background-blend-mode:multiply;}
	.SchoolHeadTitleWrapper *{filter:drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.4));}
	.SchoolHeadTitleWrapper dt p{font-size:16px;}
	.SchoolHeadTitleWrapper dt h2{font-size:22px;padding:5px 0;border-bottom:3px solid #ffffff;}
	.SchoolHeadTitleWrapper dd{color:#ffffff;display:inline-block;vertical-align:middle;margin:30px 0 0 10px;font-size:18px;}
	.SchoolHeadTitleWrapper dd span{font-size:16px;}
}

/*SchoolHeadTitle==============================================================*/

/*ProductItemsList==============================================================*/
.ProductItems{width:1260px;margin:50px auto 0;}
.ProductItemsTitle{font-size:24px;font-weight:700;margin:60px 0 0 0;padding:10px 0;border-bottom:2px solid #333333;width:800px}
.ProductItemslList{font-size:0;margin:50px 0 0 0;}
.ProductItemslList li{width:15%;margin:0 5% 50px 0;display:inline-block;text-align:center;vertical-align:top;}
.ProductItemslList a{display:block;}
.ProductItemslList div img{transition:0.3s;width:100%;border:3px solid #eeeeee;border-radius:3px;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));}
.ProductItemslList p{font-size:16px;line-height:1.6;margin:10px 0 0 0;}
.ProductItemslList p span{font-weight:700;padding:0 3px;}
.ProductItemslList p em{display:block;font-weight:700;color:#666666;font-size:12px;}
.ProductItemslList li hr{transition:0.3s;margin:5px 0 0 0;border:none;height:5px;}

.ProductItemslList li:hover img{border-color:#8f9ab3;}
.ProductItemslList li:hover hr{background:#8f9ab3;}

@media (max-width:1300px){
	.ProductItems{margin:0 auto;width:90%;}
	.ProductItemsTitle{width:80%}
	.ProductItemslList li{width:20%;margin:0 2% 30px 0;}
}
@media (max-width:800px){
	.ProductItemsTitle{width:100%;font-size:16px;border-bottom:1px solid #333333;}
	.ProductItemslList{font-size:0;margin:10px 0 0 0;}
	.ProductItemslList li{width:100%;margin:0 0 10px 0;text-align:left;}
	.ProductItemslList a{display:block;}
	.ProductItemslList div {width:30%;display:inline-block;vertical-align:middle;}
	.ProductItemslList div img{transition:0.3s;border:2px solid #eeeeee;}
	.ProductItemslList p{line-height:1.6;margin:0 0 0 3%;display:inline-block;width:65%;vertical-align:middle;}
	.ProductItemslList p em{display:block;font-weight:700;color:#666666;font-size:14px;}
	.ProductItemslList li hr{margin:10px 0 0 0;height:1px;background:#8f9ab3;}
}

/*ProductItemsList==============================================================*/

/*ProductItemsSingle=============================================================*/

.ProductMainContent{width:1260px;margin:30px auto 0;content:"";display:table;clear:both;}
.ProductMainContentImage{width:400px;float:left;}
.ProductMainContentImage img{border:1px solid #cccccc;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));border-radius:5px;width:100%;display:block;}

.ProductMainContentImageList{margin:10px 0 0 0;font-size:0;text-align:justify;}
.ProductMainContentImageList .InportImage{width:72px;height:72px;display:inline-block;margin:0 10px 10px 0;background-position:center;
background-size:100%;background-repeat:no-repeat;border-radius:5px;border:1px solid #cccccc;cursor:pointer;transition:0.3s;background-color:#ffffff;}
.ProductMainContentImageList .InportImage:nth-child(5){margin:0 0 10px 0;}
.ProductMainContentImageList .InportImage:hover{opacity:0.6;}

.ProductMainContentInfo{width:750px;float:right;}
.ProductMainContentInfo h2{font-size:32px;font-weight:700;line-height:1.6;margin:10px 0 20px 0;}
.ProductMainContentInfo table{font-size:16px;line-height:1.6;border-collapse:collapse;width:100%;border-top:1px solid #999999;}
.ProductMainContentInfo th{padding:15px 30px 15px 15px;border-bottom:1px solid #999999;text-align:left;width:110px;text-align-last:justify;}
.ProductMainContentInfo td{padding:15px 0;font-size:18px;border-bottom:1px solid #999999;font-weight:700;}

.ProductMainContentInfo td span{text-shadow: 1px 1px 1px #000000;font-weight:700;color:#ffffff;display:inline-block;;text-align:center;padding:3px 10px;border-radius:3px;background:#999999;}

.Product404{text-align:center;font-size:18px;line-height:1.6;padding:30px 0 0 0;font-weight:700;}

/*School Variable Skins*/
	.ProductMainContentInfo td span.kanazu-jhs{background:#6c6cc2;}
	.ProductMainContentInfo td span.kanazu-ps{background:#caa700;}
	.ProductMainContentInfo td span.kanazuhigashi-ps{background:#a8d58f;}
	.ProductMainContentInfo td span.ii-ps{background:#84a466;}
	.ProductMainContentInfo td span.hosorogi-ps{background:#62bdbd;}
/*School Variable Skins*/


.ProductMainContentInfo td em{background:#333333;display:inline-block;margin:5px 5px 0 0;padding:3px 0;text-align:center;width:90px;font-size:16px;
											   font-size:14px;color:#ffffff;font-weight:700;border-radius:3px;}
.ProductMainContentInfo p{margin:20px auto 0;line-height:1.8;font-size:16px;text-align:justify;}
.ProductMainContentAttention{width:1260px;margin:20px auto 0;background:#ffffff;border-radius:10px;padding:20px 30px;
											filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));}
.ProductMainContentAttention p{display:inline-block;width:200px;font-size:18px;font-weight:700;color:#cf2c00;}
.ProductMainContentAttention p:before{content:"";width:30px;height:35px;display:inline-block;background-image:url("images/attention-exclamation-red.png");
background-repeat:no-repeat;background-size:100%;background-position:top;vertical-align:middle;margin:0 5px 0 0;}

.ProductMainContentAttention q{display:inline-block;line-height:1.8;font-size:16px;text-align:justify;}

@media (max-width:1300px){
	.ProductMainContent{width:95%;}
	.ProductMainContentInfo{width:calc(100% - 450px);}
	.ProductMainContentAttention{width:95%;}
	.ProductMainContentAttention p{display:block;margin:0 0 10px 0;}
}
@media (max-width:800px){
	.ProductMainContentImage{float:none;margin:0 auto;width:100%;text-align:center;}
	.ProductMainContentImage > img{width:400px;margin:0 auto;}
	.ProductMainContentImageList{text-align:center;}
	.ProductMainContentImageList .InportImage:nth-child(5){margin:0 10px 10px 0;}
	.ProductMainContentInfo{width:100%}
	.ProductMainContentAttention p{font-size:16px;}
	.ProductMainContentAttention p:before{width:25px;height:30px;}
	.ProductMainContentAttention q{font-size:14px;}
}

@media (max-width:450px){
	.ProductMainContentImage > img{width:95%}
}

.ProductMallLink{width:1260px;margin:60px  auto 0;font-size:0;}
.ProductMallLinkWrapper{width:100%;}
.ProductMallLinkWrapper h3{font-size:20px;font-weight:700;;border-left:8px solid #666666;padding:0 0 0 5px;}
.ProductMallLinkWrapper ul{margin:10px 0 0 0;font-size:0;}
.ProductMallLinkWrapper li{border-bottom:1px solid #999999;display:flex;justify-content:space-between;padding:15px 0 10px;}
.ProductMallLinkWrapper div{width:400px;}
.ProductMallLinkWrapper img{width:50px;display:inline-block;border-radius:5px;margin:0 8px;
											vertical-align:middle;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));}

.ProductMallLinkWrapper p{display:inline-block;vertical-align:middle;margin:0 0 0 5px;font-size:16px;font-weight:bold;}
.ProductMallLinkWrapper a{display:block;position:relative;padding:15px 0;transition:0.3s;font-size:18px;font-weight:700;text-decoration:underline;}
.ProductMallLinkWrapper a:after{content:"";background-image:url("images/arrow-right-gray.png");background-repeat:no-repeat;
												 	background-position:center;background-size:100%;display:inline-block;width:7px;height:14px;margin:0 0 0 6px;}
.ProductMallLinkWrapper a:hover{opacity:0.6;}

.ProductPagebackLink{text-align:center;}
.ProductPagebackLink a{transition:0.3s;background: linear-gradient(90deg, #666666, #000000);border-radius: 50px;padding:15px 30px;
						text-align:center;font-size:18px;margin:40px auto 0;display:inline-block;box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);}
.ProductPagebackLink span{font-weight: 700;color:#ffffff;}
.ProductPagebackLink span:before{content:"";background-image:url("images/arrow-left-white.png");background-repeat:no-repeat;
												 	background-position:center;background-size:100%;display:inline-block;width:8px;height:14px;margin:0 5px 0 0;}
.ProductPagebackLink a:hover{background:#000000;}

.ProductImageLightBox{position:fixed;height:0;top:70px;z-index:100;width:100%;overflow:hidden;right:0;transition:0.6s;background: rgba(0, 0, 0, 0.7);}
.ProductImageLightBox li{width:600px;margin:60px auto 0;position:relative;display:none;filter:drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.3));}
.ProductImageLightBox li img{width:500px;margin:0 auto;display:block;}
.ProductImageLightBox div{transition:0.3s; position:absolute;background-repeat:no-repeat;background-size:100%;background-position:top;cursor:pointer;}
.ProductImageLightBoxLeft{background-image:url("images/arrow-left-white.png");left:0;top:230px;width:15px;height:30px;}
.ProductImageLightBoxRight{background-image:url("images/arrow-right-white.png");right:0;top:230px;width:15px;height:30px;}
.ProductImageLightBoxClose{background-image:url("images/close-box-white.png");right:0;top:-30px;width:30px;height:30px;}
.ProductImageLightBox div:hover{opacity:0.6;}
.ProductImageLightBox.Active{height:100vh;}
.ProductImageLightBox li.Active{display:block;}
.ProductImageLightBox li:first-child .ProductImageLightBoxLeft{display:none;}
.ProductImageLightBox li:last-child .ProductImageLightBoxRight{display:none;}


@media (max-width:1300px){
	.ProductMallLink{width:95%;}
	.ProductMallLinkWrapper div{width:320px;}
	.ProductMallLinkWrapper p{font-size:14px;}
	.ProductMallLinkWrapper a{font-size:16px;}
	.ProductMallLinkWrapper a:after{width:6px;height:12px;margin:0 0 0 4px;}
}
@media (max-width:900px){
	.ProductMallLinkWrapper li{display:block;padding:15px 0 20px;}
	.ProductMallLinkWrapper div{width:100%;padding:0 0 10px 0;}
	.ProductMallLinkWrapper a{display:inline-block;margin:5px 30px 0 0;padding:5px 0 5px 0;}
	
	.ProductPagebackLink{text-align:center;}
	.ProductPagebackLink a{border-radius: 50px;padding:12px 15px;font-size:16px;margin:30px auto 0;}
	.ProductPagebackLink span{font-weight: 700;color:#ffffff;}
	.ProductPagebackLink span:before{width:6px;height:10px;}
}
@media (max-width:650px){
	.ProductImageLightBox li{width:95%;}
	.ProductImageLightBox li img{width:90%;}
	.ProductImageLightBoxClose{top:-40px;}
}
/*ProductItemsSingle=======================================================*/


/*Guide===============================================================*/
.GuideIntroduction{margin:100px auto 0;position:relative;}
.GuideIntroduction h2{text-align:center;font-size:34px;font-weight:700;line-height:2.0;margin:60px 0 0 0;position:relative;z-index:100;filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 1.0));}
.GuideIntroduction h2 .AccentA{font-weight:700;color:#ffa4a6}
.GuideIntroduction h2 .AccentB{font-weight:700;color:#ff7051}
.GuideIntroductionMotif{width:100%;position:absolute;overflow:hidden;height:700px;z-index:-1;}
.GuideIntroductionMotif .Online{position:absolute;left:-100px;top:0px;width:500px;transition:0.3s;}
.GuideIntroductionMotif .RealShop{position:absolute;right:-100px;top:80px;width:500px;transition:0.3s;}
.GuideIntroductionMotif .Motif{width:1260px;margin:20px  auto 0;display:block;transition:0.3s;}
.GuideIntroduction p{font-size:20px;line-height:2.4;text-align:center;margin:240px 0 60px 0;position:relative;z-index:100;filter: drop-shadow(1px 1px 0px rgba(255, 255, 255, 1.0));}
.GuideIntroduction p br.mb{display:none;}

@media (max-width:1300px){
	.GuideIntroductionMotif .Online{width:38%;}
	.GuideIntroductionMotif .RealShop{width:38%;}
	.GuideIntroductionMotif .Motif{width:100%;}
}
@media (max-width:800px){
	.GuideIntroduction{margin:10px auto 0;}
	.GuideIntroduction h2{font-size:24px;margin:40px 0 0 0;}
	.GuideIntroductionMotif{width:100%;position:relative;overflow:visible;padding:30px 0 0 0;height: auto;}
	.GuideIntroductionMotif .Online{position:absolute;left:0;top:0px;width:200px;}
	.GuideIntroductionMotif .RealShop{position:absolute;right:0;top:10px;width:200px;}
	.GuideIntroduction p{font-size:16px;margin:80px auto 40px;width:90%;}
	.GuideIntroduction p br.mb{display:block;}
}

.GuidePoints{width:1260px;margin:0 auto;}
.GuidePoints h3{font-size:28px;text-align:center;line-height:1.8;}
.GuidePoints h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.GuidePoints h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.GuidePoints h3 em.AccentA{}
.GuidePoints h3 em.AccentB{}
.GuidePointsWrapper{display:table;clear:both;content:"";}
.GuidePoints.Online{width:45%;float:left;}
.GuidePoints.Online li{margin:70px 0 60px 0;}
.GuidePoints.Online dl{font-size:0;}
.GuidePoints.Online dt{display:inline-block;width:30%;background:#ffffff;border-radius:200px;vertical-align:middle;}
.GuidePoints.Online dt img{width:100%;}
.GuidePoints.Online dd{display:inline-block;width:68%;vertical-align:middle;margin:0 0 0 2%;}
.GuidePoints.Online h4{font-size:24px;font-weight:700;margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:3px solid #333333;}
.GuidePoints.Online p{font-size:16px;line-height:1.8;text-align:justify;}

.GuidePoints.RealShop{width:48%;float:right;}
.GuidePoints.RealShop li{display:table;clear:both;content:"";margin:50px 0 0 0;}
.GuidePoints.RealShop dl{font-size:0;}
.GuidePoints.RealShop li dt{float:left;width:45%;;vertical-align:middle;}
.GuidePoints.RealShop li dt img{width:100%;transform: rotate(3deg);border:4px solid #ffffff;box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.3);}
.GuidePoints.RealShop li dd{float:right;width:53%;vertical-align:middle;}
.GuidePoints.RealShop h4{font-size:24px;font-weight:700;margin:20px 0 10px 0;padding:0 0 10px 0;border-bottom:3px solid #333333;}
.GuidePoints.RealShop p{font-size:16px;line-height:1.8;text-align:justify;}

.GuidePoints.RealShop li:nth-child(even) dt{float:right;}
.GuidePoints.RealShop li:nth-child(even) dd{float:left;}
.GuidePoints.RealShop li:nth-child(even) dt img{transform: rotate(-3deg);}


@media (max-width:1300px){

	.GuidePoints{width:95%;margin:0 auto;}
}
@media (max-width:1000px){
	.GuidePoints{margin:100px auto 0;}
	.GuidePoints h3{font-size:20px;}
	.GuidePoints h3 i{font-size:18px}
	
	.GuidePoints.Online{width:100%;margin:0 auto;float:none;}
	.GuidePoints.Online li{margin:50px 0 0 0;}
	.GuidePoints.Online dt{width:25%;}
	.GuidePoints.Online dd{width:70%;}
	.GuidePoints.Online h4{font-size:20px;border-bottom:2px solid #333333;}
	.GuidePoints.Online p{font-size:14px;}

	.GuidePoints.RealShop{width:100%;margin:0 auto;float:none;}
	.GuidePoints.RealShop li{margin:50px 0 0 0;}
	.GuidePoints.RealShop dl{font-size:0;}
	.GuidePoints.RealShop li dt{width:50%;}
	.GuidePoints.RealShop li dd{width:45%;}
	.GuidePoints.RealShop h4{font-size:20px;margin:30px 0 10px 0;line-height:1.6;}
	.GuidePoints.RealShop p{font-size:14px;}	
}

.GuideMessage{width:1000px;margin:100px auto 0;}
.GuideMessage h3{font-size:28px;text-align:center;line-height:1.8;}
.GuideMessage h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.GuideMessage h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.GuideMessage div{position:relative;margin:50px 0 0 0;}
.GuideMessage img{position:absolute;right:0;width:400px;}
.GuideMessage h6{font-size:18px;font-weight:700;}
.GuideMessage h6 span{font-size:25px;font-weight:700;margin:0 0 0 10px;}
.GuideMessage p{width:550px;text-align:justify;line-height:2.0;margin:15px 0 0 0;border-top:1px solid #999999;padding:15px 0 0 0;font-size:16px;}
.GuideMessage table{margin:60px 0 0 0;line-height:2.0;border-collapse:collapse;width:100%;}
.GuideMessage caption{font-weight:700;font-size:20px;}
.GuideMessage th{font-weight:700;font-size:16px;border-bottom:1px solid #999999;padding:8px 0;text-align:left;text-indent:20px;}
.GuideMessage td{font-size:18px;border-bottom:1px solid #999999;padding:8px 0;}

.GuideMessageLink{transition:0.3s;width:300px;background: linear-gradient(90deg, #666666, #000000);border-radius: 50px;padding:15px 0;position:relative;
						text-align:center;font-size:18px;margin:50px auto 0;display:block;box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);}
.GuideMessageLink span{font-weight: 700;color:#ffffff;}
.GuideMessageLink span:after{content:"";background-image:url("images/arrow-right-white.png");background-repeat:no-repeat;
										background-position:center;background-size:100%;display:inline-block;width:8px;height:14px;margin:0 0 0 5px;}
.GuideMessageLink:hover{background:#000000;}

.GuideHistory{width:1400px;margin:200px auto 0;}
.GuideHistory h3{font-size:28px;text-align:center;line-height:1.8;}
.GuideHistory h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.GuideHistory h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.GuideHistory ul{font-size:0;margin:50px 0 0 0;}
.GuideHistory li{width:18%;margin:0 2.5% 0 0;display:inline-block;vertical-align:top;}
.GuideHistory li:nth-child(5){margin:0 auto;}
.GuideHistory img{width:100%;border:4px solid #ffffff;box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.3);}
.GuideHistory h5{margin:10px 0 10px 0;text-align:center;}
.GuideHistory h5 i{font-size:20px;color:#666666;}
.GuideHistory p{font-size:14px;text-align:justify;line-height:1.8;}

.GuideHistory a{transition:0.3s;width:300px;background: linear-gradient(90deg, #666666, #000000);border-radius: 50px;padding:15px 0;position:relative;
						text-align:center;font-size:18px;margin:150px auto 0;display:block;box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);}
.GuideHistory a span{font-weight: 700;color:#ffffff;}
.GuideHistory a span:after{content:"";background-image:url("images/arrow-right-white.png");background-repeat:no-repeat;
										background-position:center;background-size:100%;display:inline-block;width:8px;height:14px;margin:0 0 0 5px;}
.GuideHistory a:hover{background:#000000;}

@media (max-width:1400px){
	.GuideHistory{width:95%;margin:200px auto 0;}
}
@media (max-width:1080px){
	.GuideMessage{width:95%;}
	.GuideMessage img{width:40%;}
	.GuideMessage p{width:55%;}
}
@media (max-width:800px){
	.GuideMessage h3{font-size:20px;}
	.GuideMessage h3 i{font-size:18px}
	.GuideMessage h6{font-size:16px;}
	.GuideMessage h6 span{font-size:22px;}
	.GuideMessage p{font-size:14px;}
	.GuideMessage table{margin:60px 0 0 0;line-height:2.0;border-collapse:collapse;width:100%;}
	.GuideMessage caption{font-weight:700;font-size:20px;}
	.GuideMessage th{font-size:12px;border-bottom:none;padding:8px 0 0 0;text-indent:0;display:block;}
	.GuideMessage td{font-size:14px;padding:0 0 4px 0;display:block;}
	.GuideMessageLink{width:200px;font-size:14px;}
	.GuideMessageLink span:after{width:6px;height:10px;}
	
	.GuideHistory{margin:100px auto 0;}	
	.GuideHistory h3{font-size:20px;}
	.GuideHistory h3 i{font-size:18px}
	.GuideHistory li{width:100%;margin:0 0 30px 0;display:block;display:table;clear:both;content:"";}
	.GuideHistory img{width:45%;border:2px solid #ffffff;float:left;}
	.GuideHistory div{width:52%;float:right;}
	.GuideHistory h5{text-align:left;}
	.GuideHistory h5 i{font-size:16px;}
	.GuideHistory p{font-size:12px;}
	
	.GuideHistory a{width:200px;font-size:14px;margin:60px auto 0;}
	.GuideHistory a span:after{width:6px;height:10px;}
}
@media (max-width:600px){
	.GuideMessage img{position:static;width:80%;margin:0 auto;display:block;}
	.GuideMessage h6{width:90%;margin:30px auto 0;text-align:center;}
	.GuideMessage p{width:90%;margin:30px auto 0;}
}
/*Guide===============================================================*/


/*Size===============================================================*/
.Size{width:1000px;margin:40px auto 0;}
.Size h2{font-size:28px;text-align:center;line-height:1.8;}
.Size h2 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.Size h2 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.SizeGuideText{text-align:center;font-weight:700;font-size:18px;line-height:1.8;margin:50px 0 0 0;}

.SizeHowto{background:#ffffff;padding:30px;border-radius:10px;margin:60px 0 0 0;line-height:1.8;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);}
.SizeHowto h3{text-align:center;font-weight:700;font-size:26px;margin:0 0 10px 0;}
.SizeHowto p{font-size:16px;text-align:center;}
.SizeHowtoText{display:table;content:"";clear:both;margin:50px 0 0 0;width:100%;}
.SizeHowtoText img{float:left;width:250px;margin:0 0 0 30px;}
.SizeHowtoText dl{float:right;width:600px;}
.SizeHowtoText dl div{margin:0 0 20px 0;}
.SizeHowtoText dt{font-weight:16px;font-weight:700;}
.SizeHowtoText dt span{font-size:22px;background:#ff3333;color:#ffffff;text-align:center;padding:15px 0 15px 3px;line-height:0;
									width:30px;display:inline-block;font-weight:800;font-family: "IBM Plex Sans", sans-serif;margin:0 5px 0 0;}
.SizeHowtoText dd{font-size:14px;text-align:justify;}

.SizeWrapper{background:#ffffff;padding:30px;border-radius:10px;margin:40px 0 0 0;line-height:1.8;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);}
.SizeWrapper h3{font-weight:700;font-size:26px;margin:0 0 10px 0;}
.SizeWrapper p{font-size:14px;text-align:justify;}
.SizeTable{border-style:solid;border-color:#666666;border-width:1px 1px 0 0;border-collapse:collapse;width:100%;font-size:16px;margin:10px 0 50px 0;}

.TableBoy caption{background:#4676AF;}
.TableGirl caption{background:#DA5967;}
.TableUnisex caption{background:#EF9F37;}

.SizeTable caption{font-weight:700;font-size:18px;padding:8px 0;border-style:solid;border-color:#666666;border-width:1px 1px 0 1px;color:#ffffff;}
.SizeTable th{border-style:solid;border-color:#666666;border-width:0 0 1px 1px;text-align:center;padding:5px 0;font-weight:700;background:#eeeeee;}
.SizeTable td{border-style:solid;border-color:#666666;border-width:0 0 1px 1px;text-align:center;padding:5px 0;}
.SizeTable tr:nth-child(even) td{background:#f8f8ff;}

@media (max-width:1080px){
	.Size{width:95%;margin:50px auto 0;}
	.SizeHowtoText img{width:30%;}
	.SizeHowtoText dl{width:65%;}
}

@media (max-width:800px){
	.Size h2{font-size:20px;}
	.Size h3 i{font-size:18px}
	.SizeGuideText{font-size:16px;width:80%;margin:30px auto 0;}
	.SizeHowto{padding:20px;margin:30px 0 0 0;}
	.SizeHowtoText img{width:200px;float:none;margin:0 auto 20px;display:block;}
	.SizeHowtoText dl{width:90%;float:none;}
	.SizeHowtoText dt{font-weight:16px;font-weight:700;}
	.SizeHowtoText dt span{font-size:18px;padding:12px 0 12px 3px;width:25px;}
	.SizeHowtoText dd{font-size:14px;text-align:justify;}
	.SizeWrapper h3{font-size:20px;}
	.SizeTable caption{font-size:16px;}
	.SizeTable{font-size:14px;margin:0 0 30px 0;}
}
/*Size===============================================================*/


/*Faq================================================================*/
.FaqWrapper{width:1260px;margin:50px auto 0;}
.FaqWrapper h3{font-size:28px;text-align:center;line-height:1.8;}
.FaqWrapper h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.FaqWrapper h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.FaqList{margin:80px 0 0 0;}
.FaqListSingle{margin:0 0 60px 0}
.FaqListSingleQuestion{font-size:20px;font-weight:700;line-height:1.6;}
.FaqListSingleQuestion:before{font-size:30px;font-weight:800;font-family: "IBM Plex Sans", sans-serif;content:"Q.";margin:0 5px 0 0;color:#000000;}
.FaqListSingleAnswer{background:#ffffff;padding:10px 30px 20px 30px;border-radius:10px;margin:10px 0 0 0;font-size:16px;line-height:1.8;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);}
.FaqListSingleAnswer:before{font-size:30px;font-weight:800;font-family: "IBM Plex Sans", sans-serif;content:"A.";margin:0 5px 0 0;color:#f00000;}

.FaqListSingleAnswer p{margin:0 0 10px 0;}
.FaqListSingleAnswer p a{color:#999999;text-decoration:underline;}
.FaqListSingleAnswer li{list-style:square;list-style-position:inside;}

.FaqMoreLinkText{text-align:center;font-size:16px;font-weight:700;}
.FaqMoreLink{transition:0.3s;width:300px;background: linear-gradient(90deg, #666666, #000000);border-radius: 50px;padding:15px 0;position:relative;
						text-align:center;font-size:18px;margin:10px auto 0;display:block;box-shadow:0px 1px 1px 0px rgba(0, 0, 0, 0.3);}
.FaqMoreLink span{font-weight: 700;color:#ffffff;}
.FaqMoreLink span:after{content:"";background-image:url("images/arrow-right-white.png");background-repeat:no-repeat;
										background-position:center;background-size:100%;display:inline-block;width:8px;height:14px;margin:0 0 0 5px;}
.FaqMoreLink:hover{background:#000000;}

@media (max-width:1300px){
	.FaqWrapper{width:95%;margin:50px auto 0;}
}

@media (max-width:800px){
	.FaqWrapper h3{font-size:20px;}
	.FaqWrapper h3 i{font-size:18px}
	
	.FaqList{margin:60px 0 0 0;}
	.FaqListSingle{margin:0 0 30px 0}
	.FaqListSingleQuestion{font-size:18px;font-weight:700;line-height:1.6;}
	.FaqListSingleQuestion:before{font-size:25px;}
	.FaqListSingleAnswer{;padding:10px 20px 20px 20px;margin:10px 0 0 0;font-size:14px;}
	.FaqListSingleAnswer:before{font-size:25px;}

	.FaqMoreLinkText{font-size:14px;margin:60px 0 0 0;}
	.FaqMoreLink{width:200px;font-size:14px;}
	.FaqMoreLink span:after{width:6px;height:10px;}
}
/*Faq================================================================*/

/*News================================================================*/
	.News{width:1000px;margin:50px auto 0;}
	.News h3{font-size:28px;text-align:center;line-height:1.8;}
	.News h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
	.News h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
	.NewsWrapper{background:#ffffff;padding:10px 30px 20px 30px;margin:50px 0 0 0;font-size:16px;line-height:1.8;box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.3);border-bottom:10px solid #eeeeee;}
	.NewsArticleList{margin:30px 0 0 0}
	.NewsArticleList li{margin:0 0 20px 0;width:100%;border-bottom:1px dotted #cccccc;padding:0 0 10px 0;}
	.NewsArticleList li a{transition:0.3s;display:block;color:#333333;}
	.NewsArticleList li time{display:block;}
	.NewsArticleList li i{color:#999999;font-size:18px;}
	.NewsArticleList li p{text-decoration:underline;color:#333333;font-size:16px;line-height:1.6;text-align:justify;}
	.NewsArticleList li:hover a{opacity:0.6;}

	.NewsSingleTitle{margin:10px 0 0 0;}
	.NewsSingleTitle dt i{color:#999999;font-size:18px;}
	.NewsSingleTitle dd{font-size:18px;font-weight:700;line-height:1.6;margin:0 0 15px 0;padding:0 0 10px 0;border-bottom:2px solid #cccccc;}

	.NewsSingleArticle{line-height:2.0;padding:0 0 20px 0;}
	.NewsSingleArticle h1{font-size:26px;font-weight:bold;margin:20px 0 10px 0;border:none!important;}
	.NewsSingleArticle h2{font-size:24px;font-weight:bold;margin:20px 0 10px 0;border:none!important;}
	.NewsSingleArticle h3{font-size:22px;margin:10px 0;background:none!important;padding:0!important;}
	.NewsSingleArticle h3:before{display:none;}
	.NewsSingleArticle h4{font-size:20px;margin:10px 0;}
	.NewsSingleArticle h5{font-size:18px;margin:20px 0 0 0;}
	.NewsSingleArticle h6{font-size:16px;margin:20px 0 0 0;}
	.NewsSingleArticle blockquote{display:block;background:#eeeeee;padding:20px 0;margin:20px auto;position:relative;border-radius:10px;}
	.NewsSingleArticle blockquote:before{content:"\201C";color:#999999;font-size:20px;position:absolute;left:20px;top:10px;font-weight:bold;}
	.NewsSingleArticle blockquote *{width:90%;margin:0 auto;}
	.NewsSingleArticle img{height:auto;max-width:100%;display:block;float:none!important;margin:20px auto 0;padding:0;width:auto;}
	.NewsSingleArticle p,
	.NewsSingleArticle pre{font-size:16px;display:block;}
	.NewsSingleArticle strong{font-weight:bold;}
	.NewsSingleArticle em{font-style:italic;}
	.NewsSingleArticle a{color:#999999;text-decoration:underline;}
	.NewsSingleArticle hr{border:none;height:3px;background:#999999;}
	.NewsSingleArticle ul,
	.NewsSingleArticle ol{padding:20px 0;counter-reset: number 0;}
	.NewsSingleArticle li{padding:0 0 15px 0;font-size:16px;}
	.NewsSingleArticle ul li:before{content:"\25CB";}
	.NewsSingleArticle ol li:before{counter-increment: number 1; content: counter(number) ". "; }
	.NewsSingleArticle li *{display:inline-block;}

	.NewsSinglePagenation{display:table;clear:both;content:"";width:100%;margin:20px 0 0 0;}
	.NewsSinglePagenation a{display:inline-block;transition:0.3s;}
	.NewsSinglePagenation i{font-size:20px;}
	.NewsSinglePagenationNext{float:left;}
	.NewsSinglePagenationPrev{float:right;}
	.NewsSinglePagenationNext:before{content:"";background-image:url("images/arrow-left-gray.png");background-repeat:no-repeat;
										background-position:center;background-size:100%;display:inline-block;width:8px;height:14px;margin:0 5px 0 0;}
	.NewsSinglePagenationPrev:after{content:"";background-image:url("images/arrow-right-gray.png");background-repeat:no-repeat;
										background-position:center;background-size:100%;display:inline-block;width:8px;height:14px;margin:0 0 0 5px;}
	.NewsSinglePagenation a:hover{opacity:0.6;}

@media (max-width:1080px){
	.News{width:95%;}
	.News h3{font-size:20px;}
	.News h3 i{font-size:18px}
	.NewsWrapper{background:#ffffff;padding:10px 30px 20px 30px;margin:20px 0 0 0;font-size:14px;}
	.NewsArticleList{margin:10px 0 0 0}
	.NewsArticleList li i{font-size:12px;}
}
@media (max-width:800px){
	.NewsSingleArticle h1{margin:15px 0 5px 0;}
	.NewsSingleArticle h2{margin:15px 0 5px 0;}
	.NewsSingleArticle h3{margin:5px 0;}
	.NewsSingleArticle h4{margin:5px 0;}
	.NewsSingleArticle h5{margin:15px 0 0 0;}
	.NewsSingleArticle blockquote{padding:15px 0;margin:15px auto;border-radius:10px;}
	.NewsSingleArticle h6{margin:15px 0 0 0;}
	.NewsSingleArticle blockquote:before{left:15px;top:10px;}
	.NewsSingleArticle img{margin:15px auto 0;}
	.NewsSingleArticle ul,
	.NewsSingleArticle ol{padding:15px 0;}
	.NewsSingleArticle li{padding:0 0 10px 0;font-size:14px;}
	.NewsSingleArticle .wp-caption{width:100%!important}
}

/*News===============================================================*/

/*Info================================================================*/
.InfoAccess{width:1260px;margin:50px auto 0;}
.InfoAccess h3{font-size:28px;text-align:center;line-height:1.8;}
.InfoAccess h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.InfoAccess h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.InfoAccessImage{font-size:0;margin:50px 0 0 0;}
.InfoAccessImage img{display:inline-block;width:45%;margin:0 2.5%;border:10px solid #ffffff;box-shadow:2px 2px 2px 0px rgba(0, 0, 0, 0.3);height:auto;}
.InfoAccessHour{width:1260px;margin:60px auto 0;text-align:center;}
.InfoAccessHour li{padding:10px 20px;margin:0 30px;display:inline-block;font-size:20px;border-bottom:1px dotted #999999;font-weight:700;}
.InfoAccessHour li span{font-size:16px;margin:0 10px 0 0;}
.InfoAccessMap{position:relative;padding:0 0 400px 0;height:0;overflow:hidden;box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.3);margin:80px 0 0 0;}
.InfoAccessMap iframe{border: none;position: absolute;top:0;left:0;width:100%!important;height:100%!important;}

.InfoTel{margin:150px auto 0;width:1000px;border-bottom:1px solid #999999;padding:0 0 80px 0;}
.InfoTel h3{font-size:28px;text-align:center;line-height:1.8;}
.InfoTel h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.InfoTel h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.InfoTel div{text-align:center;margin:20px 0 0 0;}
.InfoTel div h4 i{font-size:50px;}
.InfoTel div p{font-size:18px;margin:10px 0 0 0;}

.InfoForm{margin:150px auto 0;width:1000px;}
.InfoForm h3{font-size:28px;text-align:center;line-height:1.8;}
.InfoForm h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.InfoForm h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}

.InfoFormText{text-align:center;font-size:16px;line-height:1.8;margin:30px 0 0 0;}
.InfoForm form{width:100%;margin:50px 0 0 0;border-radius:10px;background:#ffffff;padding:50px 30px;box-shadow:0px 1px 5px 0px rgba(0, 0, 0, 0.3);}
.InfoFormError{text-align:center;font-size:18px;line-height:1.6;font-weight:700;color:#f00000;margin:0 0 30px 0;}

.InfoFormName p{font-size:16px;font-weight:700;display:inline-block;width:150px;vertical-align:middle;}
.InfoFormName p span{color:#f00000;}
.InfoFormName div{display:inline-block;vertical-align:middle;}
.InfoFormName input{width:700px;background:#f8f8ff;padding:8px 8px;border:1px solid #cccccc;font-size:18px;border-radius:5px;}
.InfoFormMail{margin:30px 0 0 0;}
.InfoFormMail p{font-size:16px;font-weight:700;display:inline-block;width:150px;vertical-align:middle;}
.InfoFormMail p span{color:#f00000;}
.InfoFormMail div{display:inline-block;vertical-align:middle;}
.InfoFormMail input{width:700px;background:#f8f8ff;padding:8px 8px;border:1px solid #cccccc;font-size:18px;border-radius:5px;}
.InfoFormReason{margin:30px 0 0 0;}
.InfoFormReason p{font-size:16px;font-weight:700;display:inline-block;width:150px;vertical-align:top;}
.InfoFormReason p span{color:#f00000;}
.InfoFormReason div{display:inline-block;vertical-align:top;}
.InfoFormReason textarea{width:700px;background:#f8f8ff;padding:8px 8px;font-size:18px;line-height:1.8;border-radius:5px;
										border:1px solid #cccccc;height: 150px;min-height: 150px;max-height: 400px;resize: vertical;}

.InfoFormSubmit{transition:0.3s;width:250px;}
.InfoFormSubmit input{box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);display:block;line-height:0;padding:30px 0;
									color:#ffffff;border:none;width:100%;font-size:18px;font-weight:bold;cursor:pointer;border-radius:5px;}
.InfoFormSubmit:hover{opacity:0.6;}
.InfoFormConfirm{margin:50px auto 0;}
.InfoFormConfirm input{background-color:#66cdaa;background-image:url(images/arrow-right-white.png);
									background-position:200px 24px;background-repeat:no-repeat;background-size:8px 16px;}
.InfoFormBack{margin:30px auto 0;}
.InfoFormBack input{background-color:#999999;background-image:url(images/arrow-left-white.png);
									background-position:30px 24px;background-repeat:no-repeat;background-size:8px 16px;}
.InfoFormSend{margin:50px auto 0;}
.InfoFormSend input{background-color:#46b972;background-image:url(images/arrow-right-white.png);
									background-position:200px 24px;background-repeat:no-repeat;background-size:8px 16px;}

.InfoFormConfirmWindow{margin:0 auto!important;}
.InfoFormConfirmWindow q{font-size:18px;line-height:1.8;color:#666666;}
.InfoFormConfirmWindow hr {background:#cccccc;border:none;height:1px;width:100%;margin:20px 0 40px 0;}

.InfoFormComplete h3{font-size:28px;text-align:center;line-height:1.8;}
.InfoFormComplete h3 span{font-weight:700;background:linear-gradient(transparent 60%, #ffffff 60%);padding:0 10px;}
.InfoFormComplete h3 i{display:block;color:#999999;font-size:20px;margin:5px 0 0 0;}
.InfoFormComplete img{width:100px;display:block;margin:60px auto 30px;}
.InfoFormComplete p{font-weight:20px;line-height:1.8;text-align:center;}



@media (max-width:1300px){
	.InfoAccess{width:95%;}
	.InfoAccessHour{width:90%;text-align:left;}
	.InfoAccessHour li{padding:10px 20px;margin:0 0 30px 0;display:block;}
	.InfoAccessHour li span{width:80px;display:inline-block;text-align-last:justify;margin:0 20px 0 0;}
}
@media (max-width:1080px){
	.InfoTel{width:95%;}
	.InfoForm{width:95%;}
	.InfoFormName p{display:block;width:150px;}
	.InfoFormName div{display:block;margin:10px 0 0 0;}
	.InfoFormName input{font-size:14px;width:100%}
	.InfoFormMail p{display:block;width:150px;}
	.InfoFormMail div{display:block;margin:10px 0 0 0;}
	.InfoFormMail input{font-size:14px;width:100%}
	.InfoFormReason p{display:block;width:150px;}
	.InfoFormReason div{display:block;margin:10px 0 0 0;}
	.InfoFormReason textarea{font-size:14px;width:100%}
	
	
}
@media (max-width:800px){
	.InfoAccess h3{font-size:20px;}
	.InfoAccess h3 i{font-size:18px}
	.InfoAccessImage{font-size:0;margin:20px 0 0 0;}
	.InfoAccessImage img{display:block;width:100%;margin:20px 0 0 0;border:5px solid #ffffff;}
	.InfoAccessHour li{font-size:16px;padding:10px 0;margin:0 0 20px 0;}
	.InfoAccessHour li span{display:block;text-align-last:left;margin:0 0 10px 0;font-size:14px;}
	
	.InfoTel h3{font-size:20px;}
	.InfoTel h3 i{font-size:18px}
	.InfoTel div h4 i{font-size:30px;}
	.InfoTel div p{font-size:14px;}
	
	.InfoForm h3{font-size:20px;}
	.InfoForm h3 i{font-size:18px;}
	.InfoFormText{font-size:14px;}
	
	.InfoFormConfirmWindow{margin:30px auto 0!important;}
	
	.InfoFormComplete{width:90%;margin:30px auto 0;}
	.InfoFormComplete h3{font-size:20px;}
	.InfoFormComplete h3 i{font-size:18px;}
	.InfoFormComplete img{width:80px;margin:40px auto 20px;}
	.InfoFormComplete p{font-weight:16px;line-height:1.8;}

}



/*Info===============================================================*/

/*Footer===============================================================*/
.MainFooter{background:#111111;text-align:center;padding:50px 0;}
.MainFooter *{color:#ffffff;}
.MainFooterWrapper{margin:0 auto;width:800px;}
.MainFooterTitle{width:330px;font-size:0;margin:0 auto;}
.MainFooterTitle span{display:inline-block;text-align-last:justify;vertical-align:middle;font-weight:700;line-height:1.2;font-size:12px;width:120px;}
.MainFooterTitle img{display:inline-block;vertical-align:middle;margin:0 0 0 5px;width:200px;}
.MainFooterAddress{font-weight:700;font-size:18px;margin:30px 0 0 0;}
.MainFooterHours{font-size:14px;margin:15px 0 0 0;}
.MainFooterNavigation{margin:30px 0 0 0;padding:0 0 20px 0;border-bottom:1px solid #cccccc;}
.MainFooterNavigation a{display:inline-block;font-weight:700;color:#333333;font-size:14px;margin:0 10px;}
.MainFooterNavigation span{transition:0.3s;padding:5px 0;}
.MainFooterNavigation span:before{content:"";background-image:url("images/arrow-right-white.png");background-repeat:no-repeat;background-position:center;
													background-size:100%;display:inline-block;width:5px;height:10px;margin:0 3px 0 0;}
.MainFooterNavigation a:hover span{opacity:0.6;}
.MainFooterCompany{margin:50px 0 0 0;}
.MainFooterCompany p{font-size:20px;font-weight:700;}
.MainFooterCompany span{display:block;margin:30px 0 0 0;font-size:16px;}
.MainFooterCompany img{width:200px;display:block;margin:0 auto 20px;}
.MainFooterCompany a{transition:0.3s;text-decoration:underline;font-size:14px;}
.MainFooterCompany a:hover{opacity:0.6;}
.MainFooterWrapper small{display:block;margin:40px 0 0 0;}

@media (max-width:840px){
	.MainFooterWrapper{width:95%;}
	.MainFooterNavigation a{display:none;}
}
@media (max-width:600px){
	.MainFooterTitle{width:200px;font-size:0;margin:0 auto;}
	.MainFooterTitle span{display:block;text-align-last:center;margin:0 auto;}
	.MainFooterTitle img{display:block;margin:10px 0 0 0;width:200px;}
	.MainFooterCompany img{width:150px;}
}
/*Footer===============================================================*/