@charset "utf-8";


/*SP*/
@media screen and (max-width: 767px) {

	.spblock{display: block;}
	.spiblock{display: inline-block;}
	#contents{float: none;}
	
	#contents h2{
		-webkit-background-size: cover;
		background-size: cover;
	}
	#photo_sub{
		width: auto;
		overflow: hidden;
	}
	#photo_sub img{
		width: 900px;
		max-width: none;
	}
	#header_line{width: 100%;overflow: hidden;display: none;}
	img{max-width: 100%;height: auto !important;}
	#header_inner,#main_inner,#photoes{width: 100%;}
	#main_inner{ background-image: none;}
	#photoes {height: auto;}
	#photoes img { position:static; }

	#contents{width: 96%; margin: 10px 2% 0; overflow: auto;padding-top: 15px;}
	.home #contents{padding-top: 0;}
	#menu,#leftmenu{display: none;}
	.float_area{width: 100%;}
	.float_area .section {width: 100%;}

	.section dt, .section dd {clear: both; max-width: 100%;}

	.page-awards .section dl,
	.archive .section dl{
		padding: 0 6px;
		width: auto;
	}
	.page-awards .section dt,
	.archive .section dt{
		margin: 0;
		float: none;
	}

	#header,#sitesearch,#language{left: 0;}
	#header{
		height: auto;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f9ff+0,c9d0db+100 */
		background: #f0f9ff; /* Old browsers */
		background: -moz-linear-gradient(top, #f0f9ff 0%, #c9d0db 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f0f9ff 0%,#c9d0db 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f0f9ff 0%,#c9d0db 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* 		padding: 10px 0; */
	}
/* 	#header_inner{overflow: hidden;} */
	/*
#header_line, #sitesearch{position: static;}
	#header_line ul li{
		float: none;
	}
	#header_line ul li a,
	#header_line ul li#bt_map a,
	#header_line ul li#bt_sitemap a{
		text-indent: inherit;
		width: auto;
		height: auto;
		font-size: .8em;
		background: none;
		margin: 0;
		text-decoration: none;
		background-color: #066;
		padding: 4px 8px;
		color: white;
		font-weight: bold;
	}
*/

/*------- spbtn-START -------*/
	#spnav{
		margin-bottom: 10px;
	}
	#spnav > ul{
		text-align: center;
		margin-top:15px;
	}
	#spnav > ul li{
		display: inline-block;
	}
	#sp_lang{
		display: block;
	}
	#spnav > ul li > a{
		display: inline-block;

		color: white;
		text-align: center;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009194+1,009194+50,006666+51,006666+100 */
		background: #066; /* Old browsers */
		background: -moz-linear-gradient(top, #009194 1%, #009194 50%, #006666 51%, #006666 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #009194 1%,#009194 50%,#006666 51%,#006666 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #009194 1%,#009194 50%,#006666 51%,#006666 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */


		-webkit-transition: background .5s;
		-moz-transition: background .5s;
		-ms-transition: background .5s;
		-o-transition: background .5s;
		transition: background .5s;

		padding: 4px 10px;
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	  font-size: 1.4em;
		text-decoration: none;
		border: 1px solid #066;
	}
	#spnav > ul li > a.active{
		color: #066;
		background: white;
		border: 1px solid #066;
	}
	.ja #spnav > ul li > a{
		padding: 1px 10px 3px;
	}
	#spnav i{
	  margin-right: 5px;
	  vertical-align: middle;
	}
	#spnav a span{
		font-size: .7em;
	}

	#spnav a{
	  font-size: 1.25em;
	}

	#spnav .language-chooser {

	}
	#spnav .language-chooser .active {
		display: none;
	}
	#spnav .language-chooser a:before {
	  font-family: FontAwesome;
	  content: "\f064";
	  vertical-align: middle;
	  margin-right: 5px;
	}
/*------- spbtn-END -------*/


	#language{
/*
		position: static;
		float: right;
*/
		display: none;
	}
	#logo {
		margin: 0 0 10px;
		text-align: center;
		padding: 10px 0 0;
		width: auto;
	}
	#logo img{
		max-width: 156px;
	}
	.en #logo img{
		max-width: 171px;
	}
/*------- sitesearch -------*/
	#sitesearch{
		position: relative;
		background:#066;
		padding: 5px 10px 10px;
		width: auto;
		top: auto;
		overflow: hidden;
		text-align: center;
		height: auto;
		display: none;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sitesearch.active{
		border-top: 3px solid #009194;
	}
	#inp_sear{
		float: none;
		max-width: 150px;
		width: auto;
		height: auto;
		margin: 0 5px;
		padding: 4px 8px;
		font-size: 14px;
	}
	#searchform:before{
/* 		display: block; */
		margin-bottom: .25em;
		color: white;
		font-weight: bold;
	}
	.ja #searchform:before{
		content: 'サイト内検索';
	}
	.en #searchform:before{
		content: 'Site Search';
	}
	#submit{
		text-indent: 0;
	  position: relative;
	  top: 2px;
		background-image: none;
		background: white;
		width: auto;
		height: auto;
		float: none;
		display: inline-block;
		font-size: 1em;
		padding: 4px 8px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		line-height:inherit;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dbdbdb+50,eaeaea+51,eaeaea+51,fefefe+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #dbdbdb 50%, #eaeaea 51%, #eaeaea 51%, #fefefe 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#dbdbdb 50%,#eaeaea 51%,#eaeaea 51%,#fefefe 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%,#dbdbdb 50%,#eaeaea 51%,#eaeaea 51%,#fefefe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	}
	#submit:before{
		  font-family: FontAwesome;
		  content: "\f002";
		  display: inline-block;
		  font-size: 1.8em;
		  color: #066;
	}
	#submit span{
		display: none;
	}
	#mj_sear{
		display: none;
		float: none;
	}

/*------- spbtn-END -------*/

/* leftmenu */
	#sp_gnav > div{
		position: relative;
		background:#066;
		display: none;
		padding: 0
		width: auto;
		overflow: hidden;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#sp_gnav > div.active{
		border-top: 3px solid #009194;
	}

	#sp_gnav h2{
		padding: 5px 10px;
		font-weight: bold;
		color: white;
	}


	#sp_gnav li a{
	}
	#sp_gnav a{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#008d8f+0,007173+100 */
		background: #008d8f; /* Old browsers */
		background: -moz-linear-gradient(-45deg, #008d8f 0%, #007173 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, #008d8f 0%,#007173 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, #008d8f 0%,#007173 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		display: block;
		color: #000;
		text-decoration: none;
		padding: 4px 10px;
		font-size: 1.35em;
		margin-bottom: 1px;
		min-height: 25px;
		vertical-align: middle;
	}
	#sp_gnav a:before{
		font-family: FontAwesome;
		content: "\f105";
		display: inline-block;
		margin-right: 5px;


	}
	#sp_gnav .sub-menu{
		padding-left: 1em;
	}
	#sp_gnav .sub-menu a{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+1,aad9da+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(-45deg, #ffffff 1%, #aad9da 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(-45deg, #ffffff 1%,#aad9da 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(135deg, #ffffff 1%,#aad9da 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	}

	#leftmenu-clone> div > div > ul > li > a{
		color: white;
		border-top: 1px solid white;
	}

	#leftmenu-clone > div > div > ul > li > a:before{
		content: "\f061";
		color: black;
	}

	#leftmenu-clone ul li.current_page_parent > a{
		color: #ffb9d1;
	}
	#leftmenu-clone ul li.current_page_parent > a:before{
		content: "\f063";
		color: black;
	}
	#sp_gnav .sub-menu .current_page_item a{
		color: #cc1456;
	}


/* 	gallery */
#contents.jrsj_contents .gallery ul,
.ar-backvolumes #contents .gallery ul {
padding: 20px 0;
margin: 0 auto;
width: auto;
text-align:center;
font-size: 0;
}
#contents.jrsj_contents .gallery li,
.ar-backvolumes #contents .gallery li {
list-style:none;
margin:0 5px 10px;
display: inline-block;
font-size:10px;
float:none;
height: 270px;
overflow: hidden;
}
.jrsj_contents .gallery  .imgbox {
vertical-align:middle;
width:138px;
min-height:176px;
overflow: hidden;
border:thin solid #000;
}
#contents.jrsj_contents .gallery li.clear,
.rij #contents .style1 ul li.clear, .post-type-archive-rij #contents .style1 ul li.clear,
.ar-backvolumes #contents .gallery li.clear{
	display: none;
}
.rij #contents .style1 ul li, .post-type-archive-rij #contents .style1 ul li{
	width: 49%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.rij #contents #mini_menu, .post-type-archive-rij #contents #mini_menu{
	margin: 0 auto 20px;
}
.single #contents{
	width: auto !important;
}

table.suii,
.w90c{
	width:100%;
	margin: 0;
}

.w80c{
	width:90%;
	margin-right: 5%;
	margin-left: 5%;
}

th{
	font-family: 'arial narrow';
	font-size: 0.6em;
	line-height: 1.2em;
}

td{
	font-family: 'arial narrow';
	font-size: 0.8em;
	line-height: 1.2em;
}

#contents .mlr50 {
	margin-left: 10px!important;
    margin-right: 10px!important;	
}

.ar address#ar_address{
	height: auto;
}
.ar address#ar_address ul{
	overflow: hidden;
	padding: 10px 10px 35px;
}
.ar address#ar_address ul li{
	display: block;
	text-align: center;
	width: 50%;
	margin: 0 auto !important;
	position: static !important;
	padding: 0;
}

.ar address#ar_address ul li img{
	margin: 25px 0 5px;
	width: auto !important;
	height: auto !important;
}

}