@charset "utf-8";



@media screen and (max-width: 640px){
/*-----------------------------------------------------
	header
-----------------------------------------------------*/

#header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
	height: 40px;
	width: 100%;
	background: #032253;
}
#header:before {
	display: none;
}
#header h1 {
	height: 40px;
	width: 120px;
	margin: 0 0 0 20px;
	position: relative;
	left: 0;
	top: 0;
	overflow: hidden;
}
#header h1 a {
	display: block;
	width: inherit;
	height: inherit;
	background: url(../images/logo_w.png) left center no-repeat;
	background-size: 100% auto;
	overflow: hidden;
	text-indent: -9999px;
}
.top_index {
	padding:75% 0 100px 0;
}
.top_index .inner {
	padding:0 20px;
}
.top_cate {
	padding:50px 6% 120px 6%;
}
.clm2_r {
	margin-top: 20px;
}
.clm3_r{
	margin-top: 50px;
}
.clm3_r2{
	margin-top: 20px;
}
.clm3_l3{
	margin-top: 50px;
}
#br_s .clm3_r2,#br_s .clm3_r{
	margin-top: 10px !important;
}
hr{
	border-top: 4px dashed #DBE3EF;
	margin: 50px 0;
}
.news_list li{
	font-size: 12px;
}

.top_barlink{
	font-size: 10pt;
}



/*-----------------------------------------------------
	menu
-----------------------------------------------------*/
.navBtn {
	display: block;
	position: absolute;
	height: 40px;
	width: 40px;
	background: url(../images/icon_menu_close.svg) 0 0 no-repeat;
	text-align: center;
	top: 0;
	right: 100px;
}
body.nav-on .navBtn {
	-webkit-animation: icon_close 0.3s steps(7, end) 1;
	/*実際のコマ数-1, end*/
	
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes icon_close {
	0% {
		background-position-y: 0px;
	}
	100% {
		background-position-y: -280px;
	}
}
body.nav-off .navBtn {
	-webkit-animation: icon_open 0.3s steps(7, end) 1;
	-webkit-animation-fill-mode: forwards;
}
@-webkit-keyframes icon_open {
	0% {
		background-position-y: -280px;
	}
	100% {
		background-position-y: 0px;
	}
}
body.default .navBtn {
	-webkit-animation: none;
}
#nav {
	position: absolute;
	width: calc(100% - 130px);
	top: 0;
	left: -100%;
	box-sizing: border-box;
	overflow-y: scroll;
	background: #010F25;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
	transition-duration: .2s;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-animation-name: bg_rainbow;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	-moz-animation-name: bg_rainbow;
	-moz-animation-duration: 1s;
	-moz-animation-iteration-count: 1;
	-moz-animation-delay: 1s;
	-webkit-animation-fill-mode: forwards;
	
	transform: skewY(0deg);
	-moz-transform: skewY(0deg);
	-webkit-transform: skewY(0deg);
}

@-webkit-keyframes bg_rainbow {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

@-moz-keyframes bg_rainbow {
	0% {
		opacity: 0;
		filter: alpha(opacity=0);
	}
	100% {
		opacity: 1;
		filter: alpha(opacity=100);
	}
}

body.nav-on #nav {
	left: 0;
}

body.nav-on {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
}

#nav #gmenu {
	padding: 0;
}
#nav #gmenu li {
	display: block;
	font-size: 12px;
	float: none;
	margin: 0;
}
#nav #gmenu > li {
	border-bottom: 1px solid #333;
}
#nav #gmenu li:nth-child(1) {
	display: block !important;
}
#nav #gmenu > li > a {
	display: block;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	padding: 0 10px;
	color: #ccc;
	background: #041A3E;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}
#nav #gmenu > li > ul a {
	display: block;
	text-decoration: none;
	height: 60px;
	line-height: 60px;
	box-sizing: border-box;
	padding: 0 10px 0 15px;
	color: #ccc;
	background: #041A3E;
	font-weight: bold;
	position: relative;
	overflow: hidden;
}
#top_random {
	background-size: contain;
}
.top_img1 {
	background-image: url(../images/top1_s.jpg);
}
.top_img2 {
	background-image: url(../images/top2_s.jpg);
}

.cate_bg {
	background-image: url(../images/cate_bg_s.jpg);
	background-size: contain;
}



/*-----------------------------------------------------
	news
-----------------------------------------------------*/
.news_content .wp-caption {
	width: 100% !important;
	margin-bottom: 10px;
}

	
	

/*-----------------------------------------------------
	gallery
-----------------------------------------------------*/
#fancybox-wrap { width:300px !important; padding:0;}
#fancybox-content { width:280px !important; }

	
	
/*-----------------------------------------------------
	footer
-----------------------------------------------------*/
.backtotop {
	display: none;
}








}