@media (max-width:1210px){
#primary,
section > .inner,
footer aside.inner,#topicpath{margin: 0 20px;}
.zone_home #primary{margin: 0 auto;}

}/*end @media (max-width:1210px)*/

@media (max-width:840px){
#site-navigation{font-size: 1.4rem;}

}/*end @media (max-width:840px)*/

@media (max-width:768px){
body {-webkit-text-size-adjust: none;min-width:initial;}
#page{overflow: hidden;}
p {
	margin-top: 10px;
 margin-bottom: 20px;
}
img{max-width: 100%;width: auto; height: auto;}
a img:hover{opacity:1;}/*iPhone*/
.imgLeft,
.imgRight,
.imgCenter {
clear: both;
float: none !important;
display: block !important;
margin:0 auto !important;
}

table {
width: 100%;
		border-top: 1px solid #CCC;
		border-right: 1px solid #CCC;
		border-bottom: 1px solid #CCC;
	}
tr > th,tr > td,tbody,tr,tr > th,tr > td{	display: block;	width: 100%;	white-space: normal;}

iframe{width: 100%;}

#mainArea{flex-wrap: wrap;}
#content.sideType #primary,#content.sideType #secondary{width: 96%; margin-left: auto; margin-right: auto;}

#site-header{
z-index:10000;
background: url("../images/bg_black.png");}
#site-branding{
	height: 60px;
flex-wrap: wrap;
-webkit-justify-content:  center;
justify-content: center;
}
h1#site-title,
p#site-title{
	max-width: 186px;
	height: 42px;
}
h1#site-title img,
p#site-title img{margin:5px 10px 0;}

/* == MainNavi */
#site-navigation{align-self:stretch; position: relative; width:100%;height:100%;top:20px;}
#bt_gmenu,
#bt_gmenu span {display: inline-block;box-sizing: border-box;}
#bt_gmenu {
 position: absolute;
	top:-50px;
	right:15px;
	width: 34px;
	height: 34px;
	padding: 0;
	box-shadow: none;
 background: #008392;
}
#bt_gmenu:hover{
	border-color:none;
	box-shadow:none;
	cursor:pointer;
}
#bt_gmenu span {
	position: absolute;
	left: 5px;
	width: 24px;
	height: 4px;
 background: #FFF;
 border-radius: 2px;
}
#bt_gmenu span:nth-of-type(1) {top:5px;}
#bt_gmenu span:nth-of-type(2) {top: 15px;}
#bt_gmenu span:nth-of-type(3) {bottom:5px;}
#bt_gmenu.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);}
#bt_gmenu.active span:nth-of-type(2) {opacity: 0;}
#bt_gmenu.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
}
#nav-container {
	position:fixed;
 top: 60px;
	display:none;
	width:100%;
	height:100%;
	z-index:9999;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
#nav-container div{height: auto; margin-bottom:60px;}
#site-navigation ul{
padding: 20px 0;
display: block;
bottom:auto; 
height: auto; 
position: relative;
background: url("../images/bg_black.png");
}
#site-navigation ul li {
width: 90%;
margin: 0 auto;
	display: block;
	max-height: none;
	height:auto;
	text-align: left;
}
#site-navigation ul li::before{content: none;}
#site-navigation ul li a {
padding:10px 0;
font-size: 1.8rem;
font-weight: 600;
}
#site-navigation ul li.navBt > a{
pointer-events: none;
padding: 0;
color: #9F9F9F;
}
#site-navigation li ul{
padding-top: 0px;
padding-bottom: 0px;
	display: block;
	position: relative;
	top:auto;
	height:auto;
	width:100%;
	visibility: visible;
	overflow: visible;
 opacity: 1;
	z-index: auto;
 background: none;
}
#site-navigation li:hover > ul{
	min-width:200px;
	top:0;
	transition:0;
	z-index: auto;
}
#site-navigation li:hover > ul ul{top:0;left:0;}
#site-navigation li ul li{
	border-top: none;
	width: 100%;
	display: block; height: auto;
 background: none;
}
#site-navigation li ul li a{width: 92%;font-weight: 500;}
#site-navigation li ul li a::before{background:#9F9F9F;}
body.fixed #mainArea{opacity:.6;}
	
/* = Footer
-------------------------------*/
#pagetop {display: none !important;}
footer aside.inner{display: block; text-align: center; width: 100%; margin-left: 0;}
footer aside div{white-space: nowrap;}
footer aside img{height: auto;width:auto;max-width: 100%; max-height:70px;}
footer ul.inner{justify-content:center;}

/* = Content
-------------------------------*/
/*進む・戻るボタン*/
.linkBt{flex-wrap: wrap;}
.linkBt li{width: 100%;}
.linkBt li:first-child a{border-bottom: none;}
.linkBt li:last-child a{border-top: none;}
.linkBt li:nth-child(2) a{border-top:1px solid #E66322;}

}/*end @media (max-width: 768px)*/

@media (max-width: 480px) {
body{
min-width:320px;
font-size:1.6em;
}
article h1 span {
font-size: 3.0rem;
}
h2{
font-size:2.5rem !important;
}
.row,
.adobeR{flex-wrap: wrap;}
.col2,.col3{width: 100% !important;margin: 0 !important;}

/* end  @media (max-width: 480px)*/}


@media (min-width: 769px) {
#bt_gmenu {display: none;}
#nav-container {display: block !important;}
/* end  @media (min-width: 769px)*/}