@charset "utf-8";
body {
	background: url(../img/common/bg.jpg) no-repeat center 350px;
}

@media all and (max-width: 961px) {
	body {
		background-size: cover;
	}
}

/*--------------------------------------------------------------------

Header

--------------------------------------------------------------------*/



header {
	position:relative;
	height:455px;
	background: url(../img/common/bg_header.png) repeat-x center -135px;
}
header hgroup {
	position:relative;
	/* background:#069; */
	width:950px;
	height:100%;
	margin:0 auto;
	max-width:95%;
}
header hgroup h1#title {
	position:absolute;
	transform: translate(-50%, 0);
	top:64px;
	left: 50%;
	/* background:#0CF; */

	width:668px;
	height:132px;
	margin:0;
	padding:0;
}

header hgroup h1#title img {
	max-width:100%;
}

@media screen and (max-width: 961px){
	header hgroup h1#title{
		max-width:65%;
	}
}

header hgroup h2#keyVisual, .keyVisual {
	display: block;
	width:183px;
	height:244px;
	position: absolute;
	top: 30px;
	left: 600px;
	display:none;
}
.AnimateArea {
	height: 290px;
	display: block;
	position: relative;
	margin: 0 auto 0 auto;
	text-align: center;
}


@media all and (max-width: 961px) {
	header {
		position: static;
		height: 64px;
		background: none;
	}
}



/*--------------------------------------------------------------------

Globalnav

--------------------------------------------------------------------*/

header nav#nav_top{
	position:absolute;
	transform:translate(-50%, 0);
	top:213px;
	left:50%;
	/* background:#C63 ; */
	width:auto;
	height:238px;
	/*background: url(../img/lower/GlobalNav_lower_shadow_813.png) no-repeat 0 0;*/
}

header nav#nav_top ul{
	width:auto;
	height:215px;
	/*margin:10px 0 0 10px;*/
	border-top:#d5d4d4 solid 1px;
	border-bottom:#d5d4d4 solid 1px;
	display:flex;
	box-shadow: 0 4px 8px 0 rgb(0 0 0 / 30%);
	padding-left:0;
}

header nav#nav_top ul li {
	list-style: none;
	padding: 0;
}
/*img Slider*/

nav#nav_top ul li.box {
	width: 61px;
	height:215px;
	/*overflow: hidden;*/
	border-image: initial;
}
nav#nav_top ul li {
	width:61px;
	line-height:25px;
	height:216px;
	margin:0;
	padding:0;
	text-align:center;
}

nav#nav_top ul li h2 {
	margin-block-start: 0;
	margin-block-end: 0;
}

nav#nav_top ul li a {
	background: url(../img/lower/GlobalNav_lower_on_202207.jpg) no-repeat 0 0;
	display:block;
	padding:0;/* text-decoration:none; */

}
nav#nav_top ul li a.nav001 {
	background-position:0 0;
}
nav#nav_top ul li a.nav002 {
	background-position:-61px 0;
}
nav#nav_top ul li a.nav003 {
	background-position:-122px 0;
}
nav#nav_top ul li a.nav004 {
	background-position:-183px 0;
}
nav#nav_top ul li a.nav005 {
	background-position:-244px 0;
}
nav#nav_top ul li a.nav006 {
	background-position:-305px 0;
}
nav#nav_top ul li a.nav007 {
	background-position:-366px 0;
}
nav#nav_top ul li a.nav008 {
	background-position:-427px 0;
}
nav#nav_top ul li a.nav009 {
	background-position:-488px 0;
}
nav#nav_top ul li a.nav010 {
	background-position:-549px 0;
}
nav#nav_top ul li a.nav011 {
	background-position:-610px 0;
}
nav#nav_top ul li a.nav012 {
	background-position:-671px 0;
}
nav#nav_top ul li a.nav013 {
	background-position:-732px 0;
}
nav#nav_top ul li a.nav014 {
	background-position:-793px 0;
}
nav#nav_top ul li a.nav015 {
	background-position:-854px 0;
}
nav#nav_top ul li a.nav001.on {
	background-position:0 0 !important
}
nav#nav_top ul li a.nav002.on {
	background-position:-61px 0 !important
}
nav#nav_top ul li a.nav003.on {
	background-position:-122px 0 !important
}
nav#nav_top ul li a.nav004.on {
	background-position:-183px 0 !important
}
nav#nav_top ul li a.nav005.on {
	background-position:-244px 0 !important
}
nav#nav_top ul li a.nav006.on {
	background-position:-305px 0 !important
}
nav#nav_top ul li a.nav007.on {
	background-position:-366px 0 !important
}
nav#nav_top ul li a.nav008.on {
	background-position:-427px 0 !important
}
nav#nav_top ul li a.nav009.on {
	background-position:-488px 0 !important
}
nav#nav_top ul li a.nav010.on {
	background-position:-549px 0 !important
}
nav#nav_top ul li a.nav011.on {
	background-position:-610px 0 !important
}
nav#nav_top ul li a.nav012.on {
	background-position:-671px 0 !important
}
nav#nav_top ul li a.nav013.on {
	background-position:-732px 0 !important
}
nav#nav_top ul li a.nav014.on {
	background-position:-793px 0 !important
}
nav#nav_top ul li a.nav015.on {
	background-position:-854px 0 !important
}

nav#nav_top a {
	display: block;
	position: relative;
}

nav#nav_top a.up::before {
	content: "";
	display: block;
	position: absolute;
	top: -8px;
	left: -4px;
	width: 32px;
	height: 28px;
	background-image: url(../img/up.png);
	background-repeat: no-repeat;
	background-size: contain;
}

nav#nav_top a img {
	display: block;
}




/*--------------------------------------------------------------------

Content

--------------------------------------------------------------------*/


/*
#content {
	background:#666;
}
*/

#contentArea {
	position:relative;
	width:960px;
	margin:0 auto 4%;
	max-width:95%;
}

/* #content section h1,
#content section h2,
#content section p {
	font-size: 100%;
	font-weight: normal;
	padding: 10px;
} */

@media all and (max-width: 961px) {
	#contentArea {
		width: 100%;
	}
}


/*--------------------------------------------------------------------

Section共通

--------------------------------------------------------------------*/

section#information, section#whatsnew, section#profile, section#history, section#gallery, section#sayings, section#blog, section#interview, section#download, section#works, section#column, section#links, section#company {
	position:relative;
	clear:both;
	width:100%;
	padding:0;
}
/*--------------------------------------------------------------------

Lowerタイトル

--------------------------------------------------------------------*/

section > h1 {
	clear:both;
	width:960px;
	height:103px;
	text-indent:-9999px;
	margin:0 auto;
	padding:0;
	max-width:95%;
}
section#information h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_info.png) no-repeat center 0;
}
section#whatsnew h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_whats.png) no-repeat center 0;
}
section#profile h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_profile.png) no-repeat center 0;
}
section#history h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_history.png) no-repeat center 0;
}
section#gallery h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_gallery.png) no-repeat center 0;
}
section#sayings h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_sayings.png) no-repeat center 0;
}
section#blog h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_blog.png) no-repeat center 0;
}
section#interview h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_interview.png) no-repeat center 0;
}
section#download h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_download.png) no-repeat center 0;
}
section#works h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_works.png) no-repeat center 0;
}
section#column h1#ico_big {
	height:207px;
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_column.png) no-repeat center 0;
}
section#links h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_links.png) no-repeat center 0;
}
section#company h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_company.png) no-repeat center 0;
}
section#database h1#ico_big {
	margin: 0 auto 4%;
	background: url(../img/lower/ico_big_database.png) no-repeat center 0;
}

@media all and (max-width: 961px) {
	section > h1 {
		width:100%;
		text-indent:-9999px;
	}

	#profile .photo img {
		width: 100%;
		margin-bottom: 4%;
	}

	#topcontrol img {
    width: 80%!important;
    height: 80%!important;
	}
}


/*--------------------------------------------------------------------

最新情報

--------------------------------------------------------------------*/

section#information {
	margin: 0 8px;
}

div#page dl.navi {
	width:950px;
	border-bottom:#cdcdcd dotted 1px;/* padding: 0 5px;
	margin-bottom: 15px; */
}
div#page dl.navi dt.list {
	background: url(../img/lower/info_list_bg.png) no-repeat 0 bottom;
	/* padding: 5px 5px 5px 18px; */

	width:950px;/* font-weight: bold;*/

	/* border: 1px solid #727272;  */

}
div#page dl.navi dt.list:hover {
	background: url(../img/lower/info_list_bg_on.png) no-repeat 0 bottom;
}
div#page dl.navi dt.list ul li {
	list-style:none;
}
div#page dl.navi dt.list li {
	height: 50px;/* border-bottom: 1px solid #cdcdcd; */

	/*background: url(../img/common/infoTickerList_bg.gif) no-repeat 10px 0;*/

	/* padding: 5px; */

	/* margin: 0px 5px; */

}

div#page dl.navi dt.list li dl {
	/* border:1px solid #999; */

 width:950px;/* margin:3px 0 0 0; */

}
div#page dl.navi dt.list li dt {
	float:left;
	width:100px;
	padding:5px 0 5px 10px;
	clear:both;
	color:#213c7e;
	font-weight:bold;
}
div#page dl.navi dt.list li dd {
	width:500px;
	margin-left:100px;
	padding:5px 5px 5px 10px;
	/* border-left:1px solid #787a82; */

 color:#3e5ead;
}
div#page dl.navi dt.list li dd a {
	color:#3e5ead;
}
div#page dl.navi dt.list li dd a:hover {
	text-decoration:underline;
}
div#page dl.navi dd.detail {
	padding: 5px 5px 40px 15px;
}
div#page dl.navi dd.detail p {
	margin:10px 0;
}
div#page dl.navi dd.detail li {
	/* background: url(../image/icon.gif) no-repeat 0 7px; */

	padding: 0 0 0 10px;
}



@media all and (max-width: 961px) {

	div#page dl.navi {
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
	}

	div#page dl.navi dt.list {
		width: 100%;
	}

	div#page dl.navi dt.list li dl {
	 width: 100%;
	}

	div#page dl.navi dt.list li dt {
		padding: 2% 4% 2% 0;
		width: 25%;
		box-sizing: border-box;
	}

	div#page dl.navi dt.list li dd {
		padding: 2% 0 2%;
		width: 75%;
		box-sizing: border-box;
		margin-left: auto;
	}

}


/*--------------------------------------------------------------------

自分自身

--------------------------------------------------------------------*/
section#profile {
	margin: 0 8px;
}

section#profile div.photo {
	text-align:center;
}
section#profile div.profileDetail {
	color:#3e5ead;
	width:600px;
	margin:0 auto;
}
section#profile div.profileDetail dl {
	/* border:1px dashed #787a82; */

 width:600px;
}
section#profile div.profileDetail dt {
	float:left;
	width:161px;
	padding:5px 0 5px 10px;
	clear:both;
	border-top:1px dashed #787a82;
}
section#profile div.profileDetail dd {
	width:424px;
	margin-left:161px;
	padding:5px 5px 5px 10px;
	/* border-left:1px solid #999; */

 border-top:1px dashed #787a82;
}

@media all and (max-width: 961px) {
	section#profile {
		margin: 0 auto;
		text-align: center;
	}

	section#profile div.profileDetail {
		width: 100%;
		margin: 0 auto 8%;
		text-align: left;
		padding: 0 4%;
		box-sizing: border-box;
	}

	section#profile div.profileDetail dl {
	 width: 100%;
	 margin: 0 auto;
	}

	section#profile div.profileDetail dt {
		padding: 2% 0 2% 4%;
		width: 40%;
		box-sizing: border-box;
	}
	section#profile div.profileDetail dd {
		padding: 2% 4% 2% 0;
		width: 60%;
		margin-left: 40%;
		box-sizing: border-box;
	}
}
/*--------------------------------------------------------------------

俺の生き様

--------------------------------------------------------------------*/

section#history {
	margin: 0 8px;
}

section#history div.list {
	width:950px;
	margin:0 auto;
	background: url(../img/lower/history_list_border.gif) no-repeat 0 0;
	border-bottom:#e5e4e4 solid 1px;
}

/*
section#history div.list ul {
}
*/

section#history div.list ul li {
	list-style:none;
	background: url(../img/lower/history_dt_bg.png) no-repeat 0 bottom;
}

section#history div.list ul li dl {
	width:950px;
}

section#history div.list ul li dl dt {
	float:left;
	width:148px;
	font-weight:bold;
	padding:15px 0 0 15px;
}

section#history div.list ul li dl dd {
	width:755px;
	/* background:#090; */
	margin-left:163px;
	padding:15px 0 30px 30px;
	border-left:#e5e4e4 solid 1px;
	/* border-right:#e5e4e4 solid 1px; */
}


@media all and (max-width: 961px) {
	section#history {
		margin: 0;
	}

	section#history div.list {
		width: 100%;
		background-image: none;
		border-bottom: none;
	}

	section#history div.list ul li {
		background: none;
		border-top: 4px solid #0489ba;
		padding: 0 4%;
	}

	section#history div.list ul li dl {
		width: 100%;
	}

	section#history div.list ul li dl dt {
		padding: 4% 0 0;
		margin-bottom: 4%;
		float: none;
		width: 100%;
	}

	section#history div.list ul li dl dd {
		width: 100%;
		padding: 0;
		margin: 0 auto 8%;
		border-left: none;
	}

	section#history div.list ul li dl dd img {
		margin-bottom: 4%;
		width: 100%;
	}

}
/*--------------------------------------------------------------------

車田美術館

--------------------------------------------------------------------*/

section#gallery {
	margin: 0 auto;
}

section#gallery ul#layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

section#gallery ul#layout li {
	list-style:none;
}

section#gallery aside {
	width:210px;
	margin:8px 0 0 0;
	z-index:100;
}

section#gallery aside ul#nav_aside {
	width: 100%;
}

/*
section#gallery aside ul#nav_aside li {
}
*/

section#gallery aside ul#nav_aside li a span {
	display:none;
	visibility:hidden;
}

section#gallery aside ul#nav_aside li a {
	display:block;
	background-repeat: no-repeat;
	background-size: auto;
	display: block;
	/* padding-top: 24%; */
	padding-top: 51px;
	margin-bottom: 2%;
	border: 1px solid #eee;
	box-sizing: border-box;
}

section#gallery aside ul#nav_aside li a.nav_aside001 {
background-image: url(../img/lower/g_ring_btn.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside002 {
	background-image: url(../img/lower/g_fuma_btn.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside003 {
	background-image: url(../img/lower/g_seiya_btn.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside004 {
	background-image: url(../img/lower/g_btx_btn.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside005 {
	background-image: url(../img/lower/g_ring2_btn.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside006 {
	background-image: url(../img/lower/g_never_btn.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside001:hover {
	background-image: url(../img/lower/g_ring_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside002:hover {
	background-image: url(../img/lower/g_fuma_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside003:hover {
	background-image: url(../img/lower/g_seiya_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside004:hover {
	background-image: url(../img/lower/g_btx_btn_on.jpg);

}

section#gallery aside ul#nav_aside li a.nav_aside005:hover {
	background-image: url(../img/lower/g_ring2_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside006:hover {
	background-image: url(../img/lower/g_never_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside001.on {
	background-image: url(../img/lower/g_ring_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside002.on {
	background-image: url(../img/lower/g_fuma_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside003.on {
	background-image: url(../img/lower/g_seiya_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside004.on {
	background-image: url(../img/lower/g_btx_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside005.on {
	background-image: url(../img/lower/g_ring2_btn_on.jpg);
}

section#gallery aside ul#nav_aside li a.nav_aside006.on {
	background-image: url(../img/lower/g_never_btn_on.jpg);
}

section#gallery div#photos {
	/* 	position:absolute;
	top:0;
	left:240px; */
	width:720px;
	margin:0 0 0 20px;/* clear:both; */
	/* float:right; */
}

section#gallery div#photos ul {
	width:720px;/* margin:0 auto; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	justify-content: left;
	text-align: left;
}

section#gallery div#photos ul li {
	list-style:none;
	/* float:left; */
	margin: 0 0.6% 0.5%;
}

@media all and (max-width: 961px) {
	section#gallery {
		margin: 0 auto;
	}

	section#gallery ul#layout {
		padding: 0 4%;
		display: block;
	}

	section#gallery div#photos {
		width: 100% !important;
		margin: 0 auto;
	}

	section#gallery ul#layout li {
		float: none;
	}

	section#gallery div#photos {
		width: 100%;
		margin:0 auto;
	}

	section#gallery div#photos ul {
		width: 100%;
	}

	section#gallery div#photos ul li {
		margin: 2% 0;
		width: 33.333%;
		text-align: center;
	}

	section#gallery div#photos ul li a {
		margin: 0 auto;
	}

	#lightbox-container-image-box {
		width: 100% !important;
		height: 540px !important;
	}

	#lightbox-container-image img {
		width: 100% !important;
	}

	#lightbox-container-image {
    padding: 4%;
	}

	#lightbox-container-image-data-box {
		width: 100% !important;
		padding: 0 !important;
	}

	#jquery-lightbox {
		border-top: 16px solid #fff !important;
	}

	#lightbox-loading a img {
		width: 32px !important;
	}

	#lightbox-nav a {
	  height: 100% !important;
	}

	section#gallery aside {
		width: 100%;
		margin: 0 auto 4%;
	}

	section#gallery aside ul#nav_aside {
		width: 100%;
		display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
		-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	section#gallery aside ul#nav_aside li {
		width: 32%;
		padding: 0 1%;
		box-sizing: border-box;
	}

	/* section#gallery aside ul#nav_aside li a {
		padding-top: 23%;
	} */

}

@media all and (max-width: 615px) {
	section#gallery div#photos ul li {
		margin: 0 0 4%;
		width: 50%;
		text-align: center;
	}

	section#gallery div#photos ul li a img {
		width: 90%;
	}

	section#gallery aside ul#nav_aside li {
		width: 50%;
		padding: 0 1%;
		box-sizing: border-box;
	}

	/* section#gallery aside ul#nav_aside li a {
		padding-top: 30%;
	} */
}

@media all and (max-width: 320px) {
	section#gallery aside {
		width: 100%;
	}

	section#gallery aside ul#nav_aside {
		width:  100%;
	}

	section#gallery aside ul#nav_aside li {
		width: 74%;
	}
}


/*--------------------------------------------------------------------

車田語録

--------------------------------------------------------------------*/

section#sayings {
	margin: 0 auto;
}

/*
section#sayings div#photos {
}
*/

section#sayings div#photos ul {
	width:960px;
	margin:0 auto;
	clear:both;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width:100%;
	justify-content:space-between;
}

section#sayings div#photos ul li {
	list-style:none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	width: 32.90%;
}

section#sayings div#photos ul li img {
	width:100%;
}

@media screen and (max-width: 961px){
	section#sayings div#photos ul li{
		width:48%;
	}
}

@media all and (max-width: 961px) {
	section#sayings {
		margin: 0 auto;
	}

	/*
	section#sayings div#photos {
	}
	*/

	section#sayings div#photos ul {
		width: 100%;
	}

	section#sayings div#photos ul li {
		margin: 0 auto 2%;
		text-align: center;
		width: 100%;
	}

	section#sayings div#photos ul li a img {
		width: 100%;
	}
}


/*--------------------------------------------------------------------

日記

--------------------------------------------------------------------*/

section#blog {
	margin: 0 auto;
}

section#blog div#nav_blog {
	position:absolute;
	left:0;
	width:auto;
	margin:15px 0 0 30px;
	line-height:2;
}

/*
section#blog div#nav_blog aside {
}

section#blog div#nav_blog aside ul {
}
*/

section#blog div#nav_blog aside ul li {
	list-style:none;
}

section#blog div#page {
	clear:both;
	width: 700px;
	margin:15px 0 0 200px;
	padding:0 0 0 15px;
	border-left:#eeeeee solid 1px;
}

section#blog div#page dl.navi {
	width:700px;
	border-bottom:#cdcdcd dotted 1px;
}

section#blog div#page dl.navi dt.list {
	/* background: url(../img/lower/info_list_bg.png) no-repeat 0 bottom; */
	background: url(../img/lower/info_list_bg_on.png) no-repeat 0 bottom;
	width:700px;
}

section#blog div#page dl.navi dt.list:hover {
	background: url(../img/lower/info_list_bg_on.png) no-repeat 0 bottom;
}

section#blog div#page dl.navi dt.list ul li {
	list-style:none;
}

section#blog div#page dl.navi dt.list li {
	height: 50px;/*background: url(../img/common/infoTickerList_bg.gif) no-repeat 10px 0;*/
}

section#blog div#page dl.navi dt.list li dl {
	width:700px;
}

section#blog div#page dl.navi dt.list li dt {
	float:left;
	width:100px;
	padding:5px 0 5px 10px;
	clear:both;
	color:#213c7e;
	font-weight:bold;
}

section#blog div#page dl.navi dt.list li dd {
	width:500px;
	margin-left:100px;
	padding:5px 5px 5px 10px;
	color:#3e5ead;
}

section#blog div#page dl.navi dt.list li dd a {
	color:#3e5ead;
}

section#blog div#page dl.navi dt.list li dd a:hover {
	text-decoration:underline;
}

section#blog div#page dl.navi dd.detail {
	padding: 5px 5px 40px 15px;
}

section#blog div#page dl.navi dd.detail p {
	margin:10px 0;
	width:640px;
}

section#blog #page .navi .detail p img {
	width: 480px;
}

section#blog div#page dl.navi dd.detail li {
	padding: 0 0 0 10px;
}


@media all and (max-width: 961px) {
	section#blog div#page dl.navi dd.detail {
		padding: 0 4%;
		margin: 0 auto 6%;
		width: 100%;
		box-sizing: border-box;
	}

	section#blog div#nav_blog {
		position: inherit;
		width: 100%;
		margin: 0 auto;
	}

	section#blog div#page dl.navi dd.detail p {
		margin: 0 auto;
		width: 100%;
	}

	section#blog div#nav_blog aside ul {
		display: inline-flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 auto 2%;
		text-align: center;
		justify-content:center;
	}

	section#blog div#nav_blog aside ul li {
		width:auto;
		margin: 0.5em;;
	}

	section#blog div#nav_blog aside ul li a {
		background:#eee;
		text-decoration:none;
		padding:0.5em;
		box-sizing:border-box;
		border-radius:10px;
	}

	section#blog div#page {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border-left: none;
	}

	section#blog div#page dl.navi dt.list li dl{
		max-width:100%;
	}

	section#blog div#page dl.navi {
		width: 100%;
		border-top: #cdcdcd dotted 1px;
		border-bottom: none;
	}

	section#blog div#page dl.navi dt.list {
		margin-top: 6%;
		width:100%;
		background: none !important;
	}

	section#blog #page .navi .detail p img {
		width: 100%;
	}

	section#blog div#page dl.navi dt.list li {
		height: 25px;
	}

	section#blog div#page dl.navi dt.list li dt {
		padding: 0 0 0 2%;
	}
}
/*--------------------------------------------------------------------

一期一会（インタビュー）

--------------------------------------------------------------------*/

section#interview {
	list-style:none;
	margin: 0 8px;
	overflow: hidden;
	height: 100%;
}
section#interview li {
	list-style:none;
}
section#interview div#page dl.navi_i {
	width:950px;
	border-bottom:#cdcdcd dotted 1px;/* padding: 0 5px;

	margin-bottom: 15px; */

}
section#interview div#page dl.navi_i dt.list {
	float:left;
	border-bottom:#cdcdcd dotted 1px;
	margin:20px 0 10px 0;
	padding:0 0 10px 0;/* background:none; */

	/* background:#9C3; */

	/* padding: 5px 5px 5px 18px; */

	/* width:950px; */

	/* font-weight: bold;*/

	/* border: 1px solid #727272;  */

}
section#interview div#page dl.navi_i dt.list li#catch {
	padding:10px;
	color:#3e5ead;
	font-weight:bold;
	font-size:116%;
	border-top:#cdcdcd dotted 1px;
	clear:both;
}
.catch {
	padding:10px;
	color:#3e5ead;
	font-weight:bold;
	font-size:116%;
	border-top:1px dotted #cdcdcd;
	clear:both;
	border-bottom: 1px dotted #cdcdcd;
	margin-bottom: 30px;
}
section#interview div#page dl.navi_i dt.list li#read {
	font-size:108%;
	padding:20px;
	border-top:#cdcdcd dotted 1px;
	clear:both;
	color:#333;
}
section#interview div#page dl.navi_i dt.list li#read #caption {
	float:right;
}
section#interview div#page dl.navi_i dt.list li dl {
	width:950px;
}
section#interview div#page dl.navi_i dt.list li dt {
	float:left;
	width:180px;
	padding:5px 0 5px 10px;
	clear:both;
	color:#213c7e;
	font-weight:bold;/* background:#9C3; */

}
section#interview div#page dl.navi_i dt.list li dd {
	width:auto;
	margin-left:190px;
	padding:5px 5px 5px 10px;/*  */

 /* background:#09C; */

}
section#interview div#page dl.navi_i dt.list li dd h2 {
	color:#3e5ead;
}
section#interview div#page dl.navi_i dt.list li dd a {
	color:#3e5ead;
}
section#interview div#page dl.navi_i dt.list li dd a:hover {
	text-decoration:underline;
}
section#interview div#page dl.navi_i dd.detail {
	padding: 5px 5px 40px 15px;
	clear:both;
}
section#interview div#page dl.navi_i dd.detail p {
	margin:0;
	line-height:1.8;
}
section#interview div#page dl.navi_i dd.detail p a {
	color:#3e5ead;
	text-decoration:underline;
}
section#interview div#page dl.navi_i dd.detail p a:hover {
	color:#61ACCD;
}
section#interview div#page dl.navi_i dd.detail li {
	padding: 0 0 0 10px;
}
section#interview #news1,  section#interview #news2,  section#interview #news3, section#interview #news4, section#interview #news5, section#interview #news6, section#interview #news7, section#interview #news8, section#interview #news9, section#interview #news10 {
	display: inline-block;
	clear: both;
	margin-bottom: 40px;/* border-bottom:#cdcdcd dotted 1px; */

}
section#interview div.photo {
	/* width: 724px; */

	clear: both;
	margin: 5px 0;
}
section#interview div.photo img {
	clear: none;
	margin: 0 1px 1px 0;
	display: inline;
}
section#interview div.left {
	display: inline;
	float: left;
	width: 181px;
	padding:0 10px 0 0;
}
section#interview div.right {
	display: inline;
	float: right;
	width: 181px;
	padding:0 0 0 10px;
}
#links {
	clear:both;
}
/*--------------------------------------------------------------------

俺の一枚

--------------------------------------------------------------------*/

/*
section#download {
	margin: 0 8px;
}
*/

section#download div#thumb_list {
	width:960px;
	margin:0 auto;
}

section#download div#thumb_list ul {
	width:960px;
	margin: 8% 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

section#download div#thumb_list ul li {
	list-style:none;
	padding: 0 1%;
  box-sizing: border-box;
}

section#download div#thumb_list ul li a img {
	width: 100%;
}

section#download #thumb_list ul li:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

section#download #thumb_list ul li a p {
	clear:both;
	text-align:center;
	text-decoration:underline;
}

section#download div#header {
	position:absolute;
	top:10px;
	right:7px;
	width:944px;
	/* height:345px; */
}

section#download div#header h2 {
	display:none;
	visibility:hidden;
}

section#download div#thumb_download {
	width:960px;
	margin:270px auto 0 auto;
}

div#thumb_download div#Item {
	clear:both;
}

/*
div#thumb_download ul {
	width:950px;
	background:#30C;
}
*/

div#thumb_download ul li {
	list-style:none;
	float:left;
}

div#thumb_download ul li#thumb {
	text-align: center;
	margin:0 0 40px 0;
	width:260px;
}

div#thumb_download ul li#detail {
	position:relative;
	text-align:left;
	margin:0 0 0 40px;
}

div#thumb_download ul li#detail ul#size li {
  padding: 0 8px;
	list-style:none;
	float:left !important;
}

div#thumb_download ul li#detail ul#size li a {
	text-decoration:underline;
}

div#thumb_download ul li#detail div#description {
	position:absolute;
	top:32px;
	right:0;
	clear:both;
	width:110px;
	padding:10px;
	border:#CCC solid 1px;
	background:#fff;
	color:#fff;
}

div#thumb_download ul li#detail div#description:hover {
	background:#002261;
	color:#fff;
	cursor:pointer;
}

div#thumb_download ul li#detail div#description a {
	display:block;
	width:100%;
	height:100%;
}

div#thumb_download ul li#detail div#description a:hover {
	color:#fff;
	text-decoration:none;
}

@media all and (max-width: 961px) {

	section#download div#thumb_list {
		width: 100%;
	}

	section#download div#thumb_list ul {
		width: 100%;
    padding: 0 4%;
    box-sizing: border-box;
	}

	section#download div#thumb_list ul li {
    float: none;
    margin: 0 auto;
		text-align: center;
	}

	section#download div#thumb_list ul li a img{
		width: 90%;
	}

	section#download div#header {
		position: inherit;
		width: 100%;
		display: inline-block;
		margin-bottom: 6%;
		top: 0;
		right: 0;
		padding: 0 4%;
		box-sizing: border-box;
	}

	section#download div#header img {
		width: 100%;
	}

	section#download div#thumb_download {
		width: 100%;
		margin: 0 auto;
	}

	div#thumb_download ul li#thumb {
		margin: 0;
		width: 100%;
	}

	div#thumb_download div#Item {
		margin-bottom: 8%;
	}

	div#thumb_download ul li#detail {
		position: inherit;
		margin: 0;
	}

	div#thumb_download ul li#detail img {
		margin: 0 0 0 4%;
	}

	div#thumb_download ul li {
		float: none;
	}

	div#thumb_download ul li#detail ul#size {
		margin: 0 0 0 2%;
	}

	div#thumb_download ul li#detail ul#size li {
	  padding: 0 2%;
	}
}

/*--------------------------------------------------------------------

作品集

--------------------------------------------------------------------*/

section#works {
	margin: 0 auto;
}

section#works div#thumb_list {
	width: 960px;
	margin: 0 auto;
	max-width:100%;
}

section#works div#thumb_list ul {
	margin: 8% 0;
	width: 960px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	max-width:100%;
}

section#works div#thumb_list ul li {
	width: 33.333%;
	list-style:none;
	margin: 0;
	text-align:center;
	color:#F00;
}

#works #thumb_list ul li:hover {
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

section#works div#thumb_list ul li a img {
	width: 100%;
}

#works #thumb_list ul li a p {
	clear:both;
	text-align:center;
	text-decoration:underline;
}

/*
section#works div#header h2 {
	display:none;
	visibility:hidden;
}
*/

section#works div#header {
	position:absolute;
	top:10px;
	right:7px;
	width:944px;
	/* height:345px; */
}

section#works div#thumb_comic {
	width:960px;
	margin:270px auto 0 auto;
}

div#thumb_comic ul {
	width: 960px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

div#thumb_comic ul li {
	list-style:none;
	text-align:center;
	width:125px;
	margin:0 5px 15px 5px;
	padding:0 0 12px 0;
	background: url(../img/lower/works/comic_bg.jpg) no-repeat center center;
}

div#thumb_comic ul li a span {
	display:none;
	visibility:hidden;
}


@media all and (max-width: 961px) {

	section#works div#thumb_list {
		width: 100%;
	}

	section#works div#thumb_list ul {
		width: 100%;
    padding: 0 4%;
    box-sizing: border-box;
	}

	section#works div#thumb_list ul li {
		width: 50%;
	}

	section#works div#thumb_list ul li a img {
		width: 90%;
	}

	section#works div#header {
		width: 100%;
		position: inherit;
    top: 0;
    right: 0;
		margin-bottom: 4%;
	}

	section#works div#header img {
		width: 100%;
    padding: 0 4%;
    box-sizing: border-box;
	}

	section#works div#thumb_comic {
		width: 100%;
		margin: 0 auto;
	}

	div#thumb_comic ul {
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
	}

	div#thumb_comic ul li {
		width: 33.333%;
    margin: 0 0 15px 0;
		padding: 0;
    background-size: 96%;;
	}

}


/* -----------------------------------------*/

/*detail LightBox*/

#Detailwrap {
	width: 510px;
	background:#fff;
	margin: 0 auto;
	padding: 40px 30px 0 30px;
}
#Detailwra #content {
	width: 510px;
	margin:0 0 10px 0;
}
/* clearfix */

#Detailwra #content:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#Detailwra #content {
	display:inline-block;
	min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/

* html #Detailwra #content {
	height: 1%;
}
#Detailwra #content {
	display: block;
}
ul.ItemList {
	float: left;
	list-style: none;
}
ul.ItemList li {
	line-height: 1.3em;
	list-style:none;
	float:left;
	text-align:center;
	width:125px;
	margin:0 5px 15px 5px;
	padding:0 0 12px 0;
	background:url(/_asset/img/lower/works/comic_bg.jpg) no-repeat center center;
}

#txtArea {
	width: 360px;
	float: right;
}

#txtArea h2 {
	font-size: 14px;
	margin:0 0 10px 0;
}

#txtArea dl {
	width: 360px;
	margin:0 0 7px 0;
}
/* clearfix */

#txtArea dl:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#txtArea dl {
	display:inline-block;
	min-height:1%; /* for IE 7 */
}
/* Hides from IE-mac \*/

* html #txtArea dl {
	height: 1%;
}

#txtArea dl {
	display: block;
}
/* End hide from IE-mac */

#txtArea dt {
	float: left;
	width: 90px;
	color: #666;
}
#txtArea dd {
	float: right;
	width: 260px;
}

@media all and (max-width: 961px) {

	#txtArea dl {
		text-align: left;
	}

	#txtArea dt {
		width: 30%;
	}

	#txtArea dd {
		float: right;
		width: 70%;
	}

	#txtArea {
		width: 100%;
		float: none;
		text-align: left;
	}
}


/* ----------------------------------------

作品詳細：20130527追加

 -----------------------------------------*/

#Detailwrap2 {
	width: 890px;
	margin: 0 auto;
	padding: 40px 30px 0 30px;
}

/* clearfix */

#Detailwrap2 .detailBox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

#Detailwrap2 .detailBox {
	display:inline-block;
	min-height:1%; /* for IE 7 */
	width: 580px;
	margin:0 0 10px 0;
}
/* Hides from IE-mac \*/

* html #Detailwrap2 .detailBox {
	height: 1%;
}

#Detailwrap2 .detailBox {
	display: block;
}

#Detailwrap2 .detailBox ul.ItemList {
	float: left;
	list-style: none;
}

#Detailwrap2 .detailBox ul.ItemList li {
	line-height: 1.3em;
	list-style:none;
	float:left;
	text-align:center;
	width:180px;
	margin:0 5px 15px 5px;
	padding:0 0 12px 0;
	background:url(/_asset/img/lower/works/comic_bg2.jpg) no-repeat center center;
}

#txtArea .btnTachiyomi {
	display:block;
	margin:20px 0;
}

#txtArea .btnTachiyomi a {
	text-decoration:none;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:8px 20px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:solid 1px #bc0000;
background: #f40000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiYzAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #f40000 0%, #bc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f40000), color-stop(100%,#bc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f40000 0%,#bc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f40000 0%,#bc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f40000 0%,#bc0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f40000 0%,#bc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f40000', endColorstr='#bc0000',GradientType=0 ); /* IE6-8 */
background-color:#f40000;
}

#txtArea .btnTachiyomi a:hover {
background: #bc0000; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JjMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #bc0000 0%, #f40000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bc0000), color-stop(100%,#f40000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #bc0000 0%,#f40000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #bc0000 0%,#f40000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #bc0000 0%,#f40000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #bc0000 0%,#f40000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bc0000', endColorstr='#f40000',GradientType=0 ); /* IE6-8 */
background-color:#bc0000;
}

.backtoList {
text-align: center;
margin: 20px 0;
padding: 10px 0;
border-top: #cdcdcd dashed 1px;
}


@media all and (max-width: 961px) {
	#Detailwrap2 {
		width: 100%;
		padding: 0 4%;
		box-sizing: border-box;
	}

	#Detailwrap2 .detailBox {
		width: 100%;
	}

	#Detailwrap2 .detailBox ul.ItemList {
		float: none;
	}

	#Detailwrap2 .detailBox ul.ItemList li {
		width: 100%;
		margin: 0 auto 4%;
		padding: 4% 0 0;
	}

	#txtArea {
		width: 100%;
		float: none;
	}
}

/*--------------------------------------------------------------------

熱き仲間たち

--------------------------------------------------------------------*/

section#links {
	margin: 0 auto;
}

section#links div#page dl.navi {
	width:960px;
	border-bottom:#cdcdcd dotted 1px;
	padding: 2% 0;
	color: #213c7e;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

section#links div#page dl.navi:hover {
	background: url(../img/lower/info_list_bg_on.png) no-repeat 0 bottom;
}

section#links div#page dl.navi dt {
	width: 32%;
	position: relative;
	padding-left: 16px;
	box-sizing: border-box;
}

section#links div#page dl.navi dt::before {
	content: "";
	width: 5px;
	left: 0;
	height: 100%;
	position: absolute;
  background-image: url(../img/lower/ico_links.gif);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
}

section#links div#page dl.navi dd {
	width: 68%;
  padding-left: 4%;
  box-sizing: border-box;
}

section#links div#page dl.navi dd a {
	text-decoration: none;
}

section#links div#page dl.navi dd a {
	color: #213c7e;
}

/* section#links div#page dl.navi dt.list {
	background: url(../img/lower/info_list_bg.png) no-repeat 0 bottom;
	width:960px;
}

section#links div#page dl.navi dt.list:hover {
	background: url(../img/lower/info_list_bg_on.png) no-repeat 0 bottom;
}

section#links div#page dl.navi dt.list ul li {
	list-style:none;
	background:none !important;
	height: auto;
}

section#links div#page dl.navi dt.list li dl {
	width:960px;
  padding: 2% 0;
}

section#links div#page dl.navi dt.list li dt {
	float: left;
	width: 200px;
	line-height: 1.8;
	clear: both;
	color: #213c7e;
	font-weight: bold;
	background: url(../img/lower/ico_links.gif) no-repeat 0 center;
}

section#links div#page dl.navi dt.list li dd {
	width:500px;
	line-height:1.8;
	margin-left:200px;
 color:#3e5ead;
}

section#links div#page dl.navi dt.list li dd a {
	color:#3e5ead;
}

section#links div#page dl.navi dt.list li dd a:hover {
	text-decoration: none;
}*/

@media all and (max-width: 961px) {

	section#links div#page {
		padding: 0 4%;
		box-sizing: border-box;
	}

	section#links div#page dl.navi {
		width: 100%;
		padding: 4% 0;
	}

	section#links div#page dl.navi:hover {
		background: none;
	}

	section#links div#page dl.navi dt {
		width: 36%;
	}

	section#links div#page dl.navi dd {
		width: 64%;
		font-size: 11px;
	}
}

/*--------------------------------------------------------------------

車田プロダクション内覧

--------------------------------------------------------------------*/

section#company {
	margin: 0 auto;
}

/*
section#company div#photos {
}
*/

section#company div#photos ul {
	width:960px;
	margin:0 auto;
	/*max-width:95%;*/
}

section#company div#photos ul li {
	list-style:none;
	float:left;
	margin:8px 1px;
}


/* ミュージアム写真追加 121217 */

section#company div#photos h2 {
	clear: both;
	text-align: center;
}

section#company div#photos ul {
	padding-bottom: 20px;
	zoom: 1;
}

section#company div#photos ul:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

section#company div#photos ul.museum {
	padding: 7px 0 20px;
	width:708px;
	text-align: center;
	max-width:95%;
	margin:0 auto;
}

section#company div#photos ul.museum li {
	float: none;
	margin: 0 1px;
	display: -moz-inline-box; /*for FF2*/
	display: inline-block; /*Modern Browser & FF3*/
}

@media screen and (max-width: 961px){
	section#company div#photos ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}

	section#company div#photos ul:after{
		content:'';
		width:33%;
		display:inline-block;
	}

	section#company div#photos ul li{
		width:33%;
	}

	section#company div#photos ul li img {
		width:100%;
	}
}

/* Windows IE6 only */
* html section#company div#photos ul.museum li
{
  display: inline;
  zoom: 1;
}

/* Windows IE7 only */
*+html section#company div#photos ul.museum li
{
  display: inline;
  zoom: 1;
}

section#company div#links {
	text-align: center;
	margin-bottom: 8%;
}

section#company div#links div {
	margin: 0 auto;
	padding: 2%;
	box-sizing: border-box;
	width: 40%;
	border-radius: 3px;
	background-color: #1413b7;
}

section#company div#links div a {
	color: #fff;
}

@media all and (max-width: 961px) {
	section#company div#photos ul.museum {
		padding: 2% 4% 0;
		margin-bottom: 8%;
		width: 100%;
	  text-align: center;
		display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
		-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
		justify-content: left;
		box-sizing: border-box;
	}

	section#company div#photos ul.museum li {
		margin: 0;
		width: 50%;
		padding: 0 2% 1%;
		box-sizing: border-box;
	}

	section#company div#photos ul.museum li img {
		margin: 0 auto;
		width: 100%;
	}

	section#company div#photos ul {
		width: 100%;
		padding: 2% 4% 0;
		margin-bottom: 8%;
		display: -webkit-box;
  	display: -ms-flexbox;
  	display: flex;
		-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
		justify-content: left;
		padding: 2% 4%;
		box-sizing: border-box;
	}

	section#company div#photos ul li {
		float: none;
		margin: 0 auto;
		width: 50%;
		padding: 0 2% 1%;
		box-sizing: border-box;
	}

	section#company div#photos ul li img {
		margin: 0 auto;
		width: 100%;
	}

	section#company div#links div {
		width: 60%;
	}
}

/*--------------------------------------------------------------------

Footer

--------------------------------------------------------------------*/



footer {
	position: absolute;
	bottom: 0;
}

.message_footer footer {
	position: static!important;
}

footer nav#nav_btm ul li {
	list-style: none;
	padding: 10px;
}

footer #copyright {
	/* position: absolute; */
	bottom: 0;
	background: #1413b7;
	width: 100%;
	background-image: url(../img/common/footer_bg.png);
	background-repeat: repeat-x;
	background-size: cover;
}

footer #copyright p {
	padding: 12px 0;
	color: #fff;
	text-align: center;
	font-size: 75%;
	margin-bottom: 0;
}

footer #copyright #mini_kurumada001 {
	position:absolute;
	left:20px;
	bottom:52px;
}

footer #copyright #mini_kurumada002 {
	position:absolute;
	right:280px;
	bottom:52px;
}

@media all and (max-width: 961px) {
	footer #copyright p {
    padding: 2% 4%;
		margin: 0;
	}
}

/*--------------------------------------------------------------------

underconstruction

--------------------------------------------------------------------*/

.underconstruction {
	width:837px;
	text-align:center;
	margin:0 auto;
}
/*--------------------------------------------------------------------

共通Pager

--------------------------------------------------------------------*/

section#information div#page, section#interview div#page {
	clear:both;
	width: 950px;
}
/*Pager*/

section#information div#page div#pager,  section#interview div#page div#pager,  section#column div#page div#pager,  section#blog div#page div#pager {
	text-align:center;
	margin:20px 0;
	padding:10px 0;
	/* border-top:#cdcdcd dashed 1px; */
}


@media all and (max-width: 961px) {

	section#information div#page, section#interview div#page {
		width: 100%;
	}
}


/*--------------------------------------------------------------------



--------------------------------------------------------------------*/





/*--------------------------

 　　　　　　sp-menu

\*!------------------------*/

.sp-header {
  width: 100%;
  height: 100px;
  margin: 0 auto;
  padding: 0 24px;
  font-size: 0;
  background-color: #fff;
  position: fixed;
  z-index: 100;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.sp-header .hd-pc {
  width: 100%;
  margin: 0 auto;
}

.sp-header .hd-pc .logo {
  width: 17%;
  max-width: 180px;
  padding: 16px 0;
  display: inline-block;
}

.sp-header .hd-pc .logo img {
  max-width: 100%;
}



@media all and (max-width: 961px) {
	.sp-header {
    width: 100%;
    padding: 0 20px;
    height: 60px;
  }

	.sp-header .hd-pc {
    width: initial;
		text-align: left;
  }
	.sp-header .hd-pc .logo {
    width: 36%;
    padding: 10px 0;
    max-width: 112px;
  }
  #sp-menu {
    display: block;
  }
}

#sp-menu .btn {
  display: block;
  width: 26px;
  height: 30px;
  position: fixed;
  top: 16px;
  right: 20px;
  cursor: pointer;
  z-index: 200;
  background: transparent url(../img/common/menu_open.png) no-repeat 0 0;
  background-size: contain;
  background-position: center;
}

#sp-menu .peke {
  width: 26px;
  height: 26px;
  position: fixed;
  top: 16px;
  right: 20px;
  background: transparent url(../img/common/menu_close_btn.png) no-repeat;
  background-size: contain;
  background-position: center;
}

#sp-menu .drawr {
  top: 0px;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  position: fixed;
  transform: translateX(100%);
  transition: transform .2s;
}

#sp-menu .drawr--open {
  transform: translateX(0);
}

#sp-menu .drawr .sp-menu-header {
  height: 20px;
  padding: 20px;
}

#sp-menu .drawr .sp-menu-header img {
  display: block;
  width: 138px;
  padding-top: 2px;
}

#sp-menu .drawr .wrap {
  background-color: #fff;
	/*height: 85%;*/
	height:100vh;
	padding: 0 20px;
	box-sizing: border-box;
}

#sp-menu .drawr .wrap ul {
  font-size: 0;
  letter-spacing: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-inline-start: 0;
}

#sp-menu .drawr .wrap ul li {
	padding: 2% 2% 4%;
}

#sp-menu .drawr .wrap ul li a img {
	width: 38px;
}

#sp-menu .drawr .wrap ul li a {
  margin: 0;
	padding: 0;
	font-size: 0;
	vertical-align: baseline;
	background: transparent;
}

/*
#sp-menu .drawr .wrap ul li:nth-child(2n) {

}
*/

@media all and (max-width: 961px) {
	.AnimateArea img {
		width: 100%;
	}

	#sp-menu .drawr .wrap ul li a img {
		width: 24px;
	}
}

@media all and (max-width: 414px) {
	#sp-menu .drawr .wrap ul li a img {
		width: 38px;
	}
}

@media all and (max-width: 375px) {
	#sp-menu .drawr .wrap ul li a img {
		width: 34px;
	}
}

@media all and (max-width: 320px) {
	#sp-menu .drawr .wrap ul li a img {
		width: 28px;
	}
}

.sp-none {
  display: block;
}

.pc-none {
  display: none;
}

@media all and (max-width: 961px) {
  .sp-none {
    display: none;
  }

  .pc-none {
    display: block;
  }

	.bnr img {
		width: 100%;
	}
}