/* This is the CSS used for the TopBox webpage (https://willwoodgate.com/projects/topbox/). It is not required to use TopBox */


/*body {
	color: #333333;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	line-height: 1.7;
	padding: 0;
	margin: 0;
}*/



/*section a,
section a:visited {
	color: #0096FF;
	text-decoration: none;
	/*border-bottom: 2px solid #0096FF;*/
}

*/
/*section a:hover,
section a:active {
	/*color: rgba(0, 150, 255, 0.6);
*/	text-decoration: none;
	/*border-bottom: 2px solid rgba(0, 150, 255, 0.6);*/
}

*/

code, kbd, pre, samp {
    font-family: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    font-size: 1em;
}


code {
    font-size: 87.5%;
    color: #e83e8c;
    word-break: break-word;
}



img {
	max-width: 100%;
	height: auto;
}


h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 48px;
}


h3 {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 28px;
}


pre {
	border: 1px solid #dee2e6;
	padding: 10px;
	overflow: auto;
}



/*table {
    width: 100%;
    margin-bottom: 1rem;
	background-color: transparent;
	border-collapse: collapse;
	/*border-bottom: 1px solid #dee2e6;
	border-left: 1px solid #dee2e6;
*/	/*border-right: 1px solid #dee2e6;
*/}*/


/*
table thead th {
    vertical-align: bottom;
	border-bottom: 2px solid #dee2e6;
	padding: .75rem;
	border-top: 1px solid #dee2e6;
	text-align: left;
}*/  


/*table tbody tr:nth-of-type(2n+1) {
    background-color: rgba(0,0,0,.05);
}

*/
/*table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}*/



/*table td {
    padding: .75rem;
    vertical-align: top;
	border-top: 1px solid #dee2e6;
	text-align: left;
}*/


/*table tbody tr {
	transition: 300ms ease-in-out;
}*/     


/*table tbody tr:hover {
    background-color: rgba(0,0,0, 0.20);
}*/



header {
	display: flex;
	align-items: center;
	margin-bottom: 3%;
}


nav {
	flex: 1;
}

nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
}


nav li {
	float: left;
	width: 50%;
	display: block;
}


nav a {
	display: block;
	text-decoration: none;
	padding: 5px;
	border: 1px solid rgba(255, 255, 255, 0.1) !important;
}



.container {
	max-width: 960px; /*760px;*/
	/*margin: 0 auto;*/　
	padding: 0px 15px;
  /*左寄せ*/   text-align:left;}        /*padding: 0px 15px;*/ 
   


section {
	/*padding: 3% 0;*/
}

		/*「 Open Gallery 」の上下の空白をトル*********************************************************/

section.odd {
	background: #191919;
	color: rgba(255, 255, 255, 0.6);
}


section.odd h1,
section.odd h2,
section.odd h3,
section.odd h4,
section.odd h5 {
	color: rgba(255, 255, 255, 0.9);
}


section.odd a,
section.odd a:visited {
	color: #A9A9A9;
	text-decoration: none;;
	border-bottom: 2px solid #A9A9A9;
}


section.odd a:hover,
section.odd a:active {
	color: #ffffff;
	text-decoration: none;
	border-bottom: 2px solid #ffffff;
}


section.even {
	background: #ffffff;
	color: #000099;
 }		/*「 Open Gallery 」の背景色***color: #333333;**********************************************/

.button-group {
	display: flex;
	flex-wrap: wrap;
	margin: -5px;
	margin-bottom: 15px;
}



.button-group a {
	flex: 1;
	margin: 5px;
}

a.button,
a.button:visited,
section.even a.button,
section.even a.button:visited,
.button-group a.button,
.button-group a.button:visited {
	-moz-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	-webkit-box-shadow:inset 0px 1px 0px 0px #54a3f7;
	box-shadow:inset 0px 1px 0px 0px #54a3f7;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #007dc1), color-stop(1, #0061a7));
	background:-moz-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-webkit-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-o-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:-ms-linear-gradient(top, #007dc1 5%, #0061a7 100%);
	background:linear-gradient(to bottom, #007dc1 5%, #0061a7 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#007dc1', endColorstr='#0061a7',GradientType=0);
	background-color:#007dc1;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #124d77;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	padding:12px 24px;
	text-align: center;
	text-decoration:none;
	text-shadow:0px 1px 0px #154682;
	white-space: nowrap;
}



a.button:hover,
a.button:active,
section.even a.button:hover,
section.even a.button:active,
.button-group a.button:hover,
.button-group a.button:active {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
	background:-moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:-ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
	background:linear-gradient(to bottom, #0061a7 5%, #007dc1 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0061a7', endColorstr='#007dc1',GradientType=0);
	background-color:#0061a7;
	border: 1px solid #124d77;
}



a.button:active,
.button-group a.button:active {
	position: relative;
	top: 1px;
}


a.disabled,
a.disabled:hover {
	opacity: 0.50;
	cursor: not-allowed !important;
}