/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1050px){
.js_humburgerOpen #header{ z-index: 0; }
/*.js_humburgerOpen .doboshimbun {
	scroll-behavior: smooth;*
	position: absolute;
	inset: 0;
	overflow: auto;
}*/

/* ::::::  :::::: */
.js_humburgerOpen #maincont{z-index: 2;	position: relative; }
.js_humburgerOpen #whatWrap{ z-index:-4;  }

#navhead{ margin:10px 0 5px; font-weight: 500; color:#7e5700; font-size: 1.8rem; letter-spacing: 1px;}

.navi_inner{ background: #fff; font-size: 1.5rem; padding: 20px 25px 20px 15px}


.el_humburger_wrapper { cursor: pointer;
position: relative; 
background: #a48730;}

.el_humburger { position: absolute; z-index: 99; transition-duration: .6s;}

.el_humburger span.el_humburger_bar {margin-bottom: 6px;}
.el_humburger_wrapper::after,
.js_humburgerOpen .el_humburger_wrapper::after,
.js_humburgerClose .el_humburger_wrapper::after{bottom: 0;}

	.el_humburger_wrapper::after,
/**/.js_humburgerOpen .el_humburger_wrapper::after,
	.js_humburgerClose .el_humburger_wrapper::after{ position: absolute;  left: 50%;
		transform: translate(-50%, 0%);
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
	}


.el_humburger_wrapper {
	height: 40px; width: 40px;
	padding: 10px 4px 0px; box-sizing: border-box; border: 1px solid #ccc;}

.el_humburger_text {
	font-size: 12px;
	letter-spacing: 0.1em; }
   
  .js_humburgerOpen .el_humburger_text.el_humburger_text__menu,
  .el_humburger_text.el_humburger_text__close {
	display: none; }
   
  .js_humburgerOpen .el_humburger_text.el_humburger_text__close {
	display: block; }
	
	.el_humburger span.el_humburger_bar,
	.js_humburgerOpen .el_humburger span.el_humburger_bar {
		background: #fff; }

  .el_humburger span.el_humburger_bar {
	display: block;
	width: 80%;
	margin-left:auto; margin-right:auto;
	height: 2px;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out; }
   
  .el_humburger span.el_humburger_bar:last-child {
	margin-bottom: 0; }
   
.js_humburgerOpen .el_humburger span.el_humburger_bar {
	margin: -1px auto 8px;
	height: 3px;}
  
  .js_humburgerOpen .el_humburger span.el_humburger_bar.top {
	-webkit-transform: translateY(9px) rotate(-45deg);
	-ms-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg); }
   
  .js_humburgerOpen .el_humburger span.el_humburger_bar.middle {
	opacity: 0; }
   
  .js_humburgerOpen .el_humburger span.el_humburger_bar.bottom {
	-webkit-transform: translateY(-11px) rotate(45deg);
	-ms-transform: translateY(-11px) rotate(45deg);
	transform: translateY(-11px) rotate(45deg); }
   
  .el_humburgerButton.el_humburgerButton__close {
	top: 2%;
	right: 2%; }
   
  .el_humburgerButton__close span.el_humburger_bar {
	display: block;
	width: 35px;
	margin: 0 auto;
	height: 4px;
	background: #000; }
   
  .el_humburgerButton__close span.el_humburger_bar.top {
	-webkit-transform: translateY(5px) rotate(-45deg);
	-ms-transform: translateY(5px) rotate(-45deg);
	transform: translateY(5px) rotate(-45deg); }
   
  .el_humburgerButton__close span.el_humburger_bar.bottom {
	-webkit-transform: translateY(-6px) rotate(45deg);
	-ms-transform: translateY(-6px) rotate(45deg);
	transform: translateY(-6px) rotate(45deg); }
   
.navi { z-index: 10;font-size: 0.9em;
		position: fixed; 
		right: 0; top:0;
		height: 100%; width: 100%;
		background-color: #f1ead6;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all 600ms ease-out;
		-o-transition: all 600ms ease-out;
		transition: all 600ms ease-out;
		transform:translateZ(0) translateX(100%);
		/*overflow: auto; */overflow-y: scroll;}
.js_humburgerOpen .navi {
	transform:translateZ(0) translateX(0);
	display: flex; flex-wrap: wrap;}


#navWrap .navi,#content .navi{ width: 80%; max-width: 280px; }

.js_humburgerOpen #footer{  z-index: -1;}
.js_humburgerOpen #pagetop{ z-index: inherit!important;}

.none { opacity: 0; z-index: -1;}

/*固定*/
.js_humburgerOpen .el_humburger,
.el_humburger.fixed {
  top: 90px;
  z-index: 11; }
.el_humburger.fixed { position: fixed!important;}
.el_humburger.fixed.none { opacity: 0; z-index: -1; }

.js_humburgerOpen .el_humburger{ top:2.5%; position: fixed;}

.js_humburgerOpen .doboshimbun #second_contents .newestBox_inner{ z-index: inherit; }
.overflow__hidden{ overflow: hidden; }

.js_humburgerOpen .navi aside #subjectside{ order: 1; }
.js_humburgerOpen .navi .subbtn2{order: 2; width: 100%; }
.js_humburgerOpen .backnum .navi .subbtn2{ display: inherit; margin-left: auto; margin-right: auto; }
.js_humburgerOpen .backnum .navi .subbtn2 a{ margin-top: 4%; }
.js_humburgerOpen .navi .subbtn2 a{ width: 70%;}
.js_humburgerOpen aside #subjectside{ width: 100%; }

.navi,
.js_humburgerClose .navi{ display: none; width: 0; }
.js_humburgerOpen .navi{ display: block;position: fixed; width: 100%;}
.js_humburgerOpen .navi{ display: flex;}

}


@media screen and (max-width:640px){
.navi{ padding: 30px 4%;}
.js_humburgerOpen .el_humburger.fixed{right: 4%; top: 4%;position: fixed !important;}
.el_humburger { top: 1%; right: 4%;}
.themewrap .el_humburger { top: 0; }
.themewrap .el_humburger.fixed { top: 90px; }
.js_humburgerOpen .themewrap .el_humburger.fixed { top: 4%; }
#navhead{ margin: 5px 0 7px; }

.js_humburgerClose #pagetop{ position: relative ; z-index: 1;}
}

@media screen and (max-width:375px){
.el_humburger,
.js_humburgerOpen .el_humburger{ right: 4%; }
}

@media screen and (max-width:1050px) and (min-width:881px){
.js_humburgerOpen .el_humburger.fixed{right: 30px; }
.navi{ padding: 20px 30px;}
}

@media screen and (max-width:1050px) and (min-width:641px){
.js_humburgerOpen .el_humburger{ right: 30px; }
.js_humburgerOpen aside #subjectside dd { padding: inherit;}
.themewrap .el_humburger.fixed{ top:90px; }

}

@media screen and (max-width:880px) and (min-width:641px){
.navi{ padding: 20px 2%;}
.el_humburger,.el_humburger.fixed {right: inherit;}
.el_humburger{ top: 3%; left: 90%; }
.el_humburger.fixed { left: 92%;}
}
@media screen and (min-width:641px){
.el_humburger { top: 25px;right: 30px;}
.el_humburger.fixed { right: 100px;}
.themewrap .el_humburger{ top: 4px; }
}