/*===============================================
●tablet.css  画面の横幅が1000px〜737pxまで
===============================================*/

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

	body{
		 -webkit-text-size-adjust: 100%;
	}
	
	img {
		max-width: 100%;
		width: 100%;
		height: auto;
		width /***/: auto;
	}
	/*=====================
	　header
	=====================*/
	header{
		width: 100%;
		height: 61px;
		position: fixed;
		z-index: 1;
		background: var(--to-bgColor);
		top: 0;
		left: 0;
		padding: 1.5% 0 0 2%;
		/*background: #fff;*/
		background:var(--to-bgColorW);
	}
	header h1 a{font-size: 0;}
	header h1 a img{
		width: 70%;
		height: auto;
	}
	#wrapper{
		margin-top: 78px;
	}
	.pcNavWrap,.spageNavWrap{display: none}
	.spNavWrap{display: block}
	.drawer-hamburger {
		width: 3.2rem!important;
		padding: 18px 1.2rem 30px!important;
	}
	.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before {
		height: 3px!important;
		background-color:#fff!important;
	}
	.drawer-open .drawer-hamburger-icon{background-color: transparent!important;}
	.drawer-hamburger {
		background: #00a0c6!important;
		top: -2px!important;
	}
	.drawer--top.drawer-open .drawer-nav {
		top: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.drawer--left.drawer-open .drawer-nav,.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
		left: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.drawer--right.drawer-open .drawer-nav,.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
		right: 0;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	.drawer-menu{
		margin-top: 1.2rem!important;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		transform:translate(0px, 0px) translateZ(0px)!important;
		background: var(--to-bgColorW);
	}
	.drawer-menu li{
		width: 50%;
	}
	.drawer-menu li:first-child{
		width: 100%;
	}
	.drawer-menu li a{
		display: flex;
		align-items: center;
		font-weight: bold;
		padding: 2%;
		justify-content: flex-start;
	}
	.drawer-menu li a:hover{
		opacity: 0.8;
	}
	.drawer-menu li a span{
		display: flex;
		align-items: center;
		padding-right: 3%;
	}
	.drawer-overlay{z-index: 0!important;}
	.spNavSubNew,.spNavSub{
		border-top: 1px solid #ebebeb;
		position: relative;
	}
	.spNavSubNew span,.spNavSub span,.spNavInfo span,.spNavMap span,.spNavNagaoka span{
		width: 60px;
		height: auto;
		padding-left: 1%;
	}
	.spNavSubNew span img,.spNavSub span img,.spNavInfo span img,.spNavMap span img,.spNavNagaoka span img{
		width: 100%;
		height: auto;
	}
	.spNavSubNew:before,.spNavSub:before{
		position: absolute;
		content: "";
		width: 20px;
		height: 20px;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
	}
	.spNavSubNew:before{background: url("../../img/newwinIcon.png") no-repeat;background-size: contain;}
	.spNavSub:before{background: url("../../img/rightArrow.png") no-repeat;background-size: contain;}
	.spNavLogo,.spNavKids,.spNavInfo,.spNavMap,.spNavNagaoka{width: 100%!important;}
	.spNavLogo{background: #fff;}
	.spNavKids a{padding: 0!important;}
	.spNavKids a img{width: 100%; height: auto;}
	.spNavInfo a{
		background: var(--to-bgColorG);
	}
	.spNavMap a{
		background: #445985;
		color: #fff;
	}
	.spNavNagaoka a{
		background: #17a8ca;
		color: #fff;
		position: relative;
	}
	.spNavNagaoka a:before{
		position: absolute;
		content: "";
		width: 20px;
		height: 20px;
		right: 10px;
		top: 0;
		bottom: 0;
		margin: auto;
		background: url("../../img/newwinIcon2.png") no-repeat;
		background-size: contain;
	}
	.nagaokaWebsite,.fontsize,.accessMapBtn,.search{display: none}
	.spSearch{
		display: block;
		width: 96%;
		margin: 2% auto;
	}
	.searchBox > input[type="search"] {width: 80%;}
	.searchBox > input[type="submit"] {width: 15%;}
	.spageHeader{padding: 1.5% 0 0 2%}
	/*==================
	2024ヘッダー改修
	==================*/
	.pcAuxiliary{display: none;}
	.spAuxiliary{
		display: flex;
		justify-content: space-between;
		width: 96%;
		margin: 0 auto;
		flex-wrap: wrap;
	}
	.accordionVision, .accordionLanguage{
		margin-left: 0;
		margin-bottom:10px;
		width: 49%;
	}
	.accordionVision summary,.accordionLanguage summary {
		min-width: auto;
		width: 100%;
	}
	/*=====================
	　alert
	=====================*/
	.indexAlertWrap{
		width: 96%;
		flex-wrap: wrap;
	}
	.indexAlertHead{
		width: 100%;
		flex-wrap: wrap;
		justify-content: center;
		flex-direction:row;
		align-items:center;
	}
	.indexAlertHead span{padding-right: 10px;}
	.indexAlertList li a{font-size: 1.6rem;}
	/*=====================
	　index
	=====================*/
	.indexSlider{margin: 0 auto 3% auto;}
	/*=====================
	　footer
	=====================*/
	.indexFooter{flex-wrap: wrap;}
	.indexFooterAdress{text-align: center;}
	.sitemapWrap{display: none}
	.footerAdress{
		width: 100%;
		padding: 6% 3%;
	}
	/*=====================
	　spage
	=====================*/
	.title,.pankuzu,.spageIndexWrap,article{width: 96%;}
}

/*===============================================
●tablet.css  tablet横向き
===============================================*/
@media screen and (max-width:1024px) and (orientation: landscape) {
	/*=====================
	　spage
	=====================*/
	.title,.pankuzu,.spageIndexWrap{width: 96%;}
}