@charset "UTF-8";

#header .d-flex{
	display: none;
	justify-content: space-between;
	align-items: center;
}
#header .toggle-menu{
	position: fixed;
	top: 19px;
	right: 15px;
	width: 27px;
	z-index: 9999;
}
#header h1 {
	width: 100%;
	text-align: center;
}
.page_top {
  display: none;
}

@media(max-width: 1199px){
	body{
		min-width: auto;
		padding-top: 65px;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	#content{
		width: 100%!important;
		display: flex;
  	flex-wrap: wrap;
	}
	#content #primary {
	  width: 100%;
	  order: 2;
	  margin: 0;
	  float: none;
	}
	#content #secondary {
		margin-top: 30px;
	  width: 100%;
	  order: 1;
	  padding: 0;
	  float: none;
	  margin-left: 0;
	  margin-bottom: 0;
	}
	.foot-wrap {
		width: 100%;
		padding-bottom: 0;
	}
	.foot-top-text {
	  float: none;
	  font-size: 1.6rem;
	  width: calc(100% - 300px);
	  color: #fff;
	  padding-right: 30px;
	}
	.page_top{
		background: #ccc;
  	text-align: center;
  	display: block;
	}
	.page_top a {
	  display: block;
	  text-align: center;
	  cursor: pointer;
	  padding: 15px 0;
	}
	.page_top a img {
	  width: 50px;
	}
	input[type="search"].search-field{
		width: 100%;
		margin: 0;
	}
	.widget {
		padding: 15px 15px 0;
		margin: 0;
	}
	.widget.widget_archive {
		padding: 0 0 15px;
		margin-top: 15px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.widget .widget-title{
		text-align: center;
		margin-bottom: 15px;
	}
	.site-main > article {
		margin-top: 0;
		margin-bottom: 0;
		padding: 30px 15px;
		position: relative;
	}
	.c_txt pre {
	  white-space: pre-wrap;
	}
	#header .d-flex{
		display: flex;
	}
	#header {
		padding: 15px;
		position: fixed;
		top: 0;
		height: 65px;
		width: 100%;
		background: #000;
		z-index: 100;
	}
	#gl-menu {
		display: flex;
		width: 94%;
		flex-wrap: wrap;
		margin: 20px auto;
	}
	#gl-nav{
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 999;
		top: 70px;
		left: 0;
		box-sizing: border-box;
		background: rgba(0,0,0,0.8);
		transition: all .5s ease-in;
		height: 0;
		overflow: hidden;
	}
	.open#gl-nav{
		height: 100%;
	}
	.gl-menu-item{
		width: 50%;
		display: block;
		margin: 2% 0;
		padding: .5rem 1.5rem;
		height: auto;
		line-height: normal;
	}
	.gl-menu-item:first-child,
	.gl-menu-item:last-child{
		display: none;
	}
	.gl-menu-item a{
		display: block;
		position: relative;
		color: #fff;
		padding: .5em 0;
		font-size: .8em;
		border-bottom: 1px solid #aeaeae;
	}
	.gl-menu-item a:after {
		display: block;
		content: "";
		position: absolute;
		top: 45%;
		right: 10px;
		width: 1em;
		height: 1em;
		margin: -4px 0 0;
		border-top: solid 1px #aeaeae;
		border-right: solid 1px #aeaeae;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	#column .contents{
		width: 100%;
		display: flex;
  	flex-wrap: wrap;
	}
	#column #secondary {
	  width: 100%;
	  float: none;
	  margin-left: 0 !important;
	  padding: 0;
	}
	.sidebar,
	.widecolumn{
		margin-bottom: 0;
	}
	#column .news-wrap {
		margin-top: 30px!important;
		padding: 15px;
		border: none;
		width: 100%;
		float: none;
		margin: 30px 15px;
		order: 2;
	}
	.submit-btn {
	  width: 90%;
	  max-width: 300px;
	}
}

@media(min-width: 768px) and (max-width: 1199px){
	.site-main > article {
	  display: flex;
	}
	.thumbnail{
	  width: 30%;
	}
	.entry-header,
	.post-thumbnail,
	.entry-content,
	.entry-summary,
	.entry-footer,
	.comments-area,
	.image-navigation,
	.post-navigation,
	.page-header,
	.page-content,
	.content-bottom-widgets {
	  margin: 0 0 15px;
	}
	.post-thumbnail{
		margin-bottom: 0;
		width: 100%;
  	max-width: 100%;
	}
	.entry-content {
	  width: 70%;
	  margin: 0;
	  padding-left: 15px;
	}
	.comments-link, .edit-link, .post-thumbnail img{
		max-width: none;
	  right: -50%;
	  left: -50%;
	}
	#footer {
	  padding: 30px 0 0;
	}
	.foot-top{
		display: flex;
		width: 100%;
		margin: 0 auto 30px;
	}
	.foot-wrap {
	  padding-left: 15px;
	  padding-right: 15px;
	}
	.foot-bottom {
	  display: flex;
	  flex-wrap: wrap;
	  margin-bottom: 30px;
	}
	.foot-info {
	  float: none;
	  width: 100%;
	  margin-bottom: 30px;
	}
	.foot-link {
	  float: none;
	  margin-right: 0;
	  width: 25%;
	}
}

@media(max-width: 767px){
	.comments-link, .edit-link, .post-thumbnail{
		float: none;
  	margin: 0 auto;
	}
	.comments-link, .edit-link, .post-thumbnail img{
		max-width: none;
	}
	.entry-header,
	.entry-summary,
	.entry-content,
	.entry-footer,
	.page-content{
		margin: 0;
	}
	.entry-content {
		width: 100%;
		float: none;
	}
	.entry-content .continue{
		margin: 1.5rem 0;
	}
	.entry-content .entry-title{
		margin-top: 1.5rem!important;
	}
	.search-form .search-submit {
	  background-size: 25px auto;
	  background-repeat: no-repeat;
	  background-position: center;
	}
	#footer{
		padding: 0;
	}
	.foot-top {
		width: 100%;
		padding: 15px;
		margin-bottom: 0;
	}
	.foot-top-text {
		float: none;
		width: 100%;
		margin-bottom: 15px;
	}
	.foot-top-btn {
		float: none;
		margin: 30px auto;
	}
	.foot-bottom{
		padding: 0 15px;
		display: flex;
  	flex-wrap: wrap;
	}
	.foot-info {
		width: 100%;
		float: none;
		margin-bottom: 15px;
	}
	.foot-link {
		float: none;
		width: 50%;
		margin-right: 0;
		margin-bottom: 15px;
	}

	#key.h460 {
		height: 320px;
	}

	.news-wrap{
		width: 100%;
	}
	.news-wrap h2{
		margin: 1rem 1rem 0;
		font-size: 2.4rem;
	}
	.news-list li{
		padding: 1rem;
	}
	.news-list .news-date{
		float: none;
	}
	.news-list .news-text{
		float: none;
		width: 100%;
	}
}