body {
	background-color: #161616;
	color: #fff;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 16px;
}


* {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}


img {
	width: 100%;
	height: auto;
	border: 0;
	outline: 0;
}

a {
	outline: 0;
}

p {
    display: block;
    -webkit-margin-before: 0px;
    -webkit-margin-after: 0px;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
	margin: 1em 0;
}

.footer a { color: #fff; text-decoration: underline; }
.footer a:hover { text-decoration: none; }

.container { width: 100%; text-align: center }
.wrapper { margin: 0 auto; max-width: 1050px; text-align: left; display: inline-block }

.big-align-left { text-align: left }
.big-align-right { text-align: right }

.left { width: 50%; float: left }
.right { width: 50%; float: right }

.btitle { font-size: 20px; font-weight: bold }

div.logo img { max-width: 178px; margin-top: 5px }

.header { margin: 10px 0 }
.header h1 { font-size: 12px; font-weight: normal }

ul.nav { display: inline-block; margin: 0; padding: 0;list-style-type: none;overflow: hidden }
ul.nav li { float: left;padding: 0; max-width:200px; margin: 10px; border-top: 1px solid rgba(100, 100, 100, 0.1)}
ul.nav li:nth-child(2) { margin-left: 0 }
ul.nav li:last-child { margin-right: 0 }
ul.nav li a { color: #fff; text-decoration: none }
ul.nav li a:hover { color: yellow }

ul.nav li.icon { display: none; border: 1px solid gray; padding: 10px; cursor: pointer }
ul.nav li.icon a { color: #666 }

.bw-gradient
{
    background: -moz-linear-gradient(270deg, rgba(23,22,22,1) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(23,22,22,1)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(270deg, rgba(23,22,22,1) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(270deg, rgba(23,22,22,1) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(270deg, rgba(23,22,22,1) 0%, rgba(0,0,0,1) 100%); /* ie10+ */
    background: linear-gradient(180deg, rgba(23,22,22,1) 0%, rgba(0,0,0,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#171616', endColorstr='#000000',GradientType=0 ); /* ie6-9 */
}

.header2
{
    background-color: #141414;
    background-repeat: no-repeat;
    background-position: center top;
	background-size:cover;
    position: relative;
	border-top: #373839 solid 1px;
	padding: 20px 0;
	overflow: hidden;
}

.header3
{
    padding: 15px 0;
	overflow: hidden;
	border-top: 4px #1a1a13 solid;
	border-bottom: 4px #1a1a13 solid;
}

.btn 
{
	background: #2ca00a;
	background-image: -webkit-linear-gradient(top, #2ca00a, #124603);
	background-image: -moz-linear-gradient(top, #2ca00a, #124603);
	background-image: -ms-linear-gradient(top, #2ca00a, #124603);
	background-image: -o-linear-gradient(top, #2ca00a, #124603);
	background-image: linear-gradient(to bottom, #2ca00a, #124603);
	-webkit-border-radius: 30;
	-moz-border-radius: 30;
	border-radius: 30px;
	-webkit-box-shadow: 0px 1px 3px #1c0000;
	-moz-box-shadow: 0px 1px 3px #1c0000;
	box-shadow: 0px 1px 3px #1c0000;
	color: #ffffff;
	font-size: 3em;
	font-weight: bold;
	display: block;
	padding: 28px 40px;
	border: solid #2ca00a 2px;
	text-decoration: none;
}

.btn:hover 
{
  background: #1c410f;
  background-image: -webkit-linear-gradient(top, #1c410f, #1b6e03);
  background-image: -moz-linear-gradient(top, #1c410f, #1b6e03);
  background-image: -ms-linear-gradient(top, #1c410f, #1b6e03);
  background-image: -o-linear-gradient(top, #1c410f, #1b6e03);
  background-image: linear-gradient(to bottom, #1c410f, #1b6e03);
  text-decoration: none;
}

.box_l
{
	max-width: 516px;
	margin: 0 auto;
}

.inbox
{
	background-color: #010101;
	background-image: url(../img/sp_bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	padding: 0 10px 10px 10px;
}

.inbox ul
{
	padding: 10px;
	background-color: #1b1b1b;
	border: 1px solid #353232;
	list-style: none;
	margin: 0;
}

.inbox ul li
{
	background-image: url(../img/line1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 10px 0;
	text-align: left;
}

.inbox ul li a
{
	background-image: url(../img/icon2.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	margin-left: 10px;
	text-decoration: none;
	color: #fff;
	vertical-align: middle;
}

.inbox ul li:last-child { background-image: inherit }

.menopen { background-color: #eee; width: 100%; position: absolute; overflow: inherit !important; z-index: 100; left: 0; text-align: left; top: 80px }
.menopen li {float: none !important; padding-left: 0; display: inherit !important; width: 100%; max-width: 100% !important; padding: 0 !important; margin: 0 !important }
.menopen li a{color: #777 !important; display: block !important; padding: 15px 10px !important }
.menopen li:hover{color: #999 !important; background-color: #ccc !important }
.menopen .icon{border-radius: 0 !important; border: 0 !important; background-color: #eee !important; font-weight: bold !important }
.menopen .icon a:after{content:" MENU"}

.big-margin-40-0 { margin: 40px 0 20px 0 }
.big-margin-right-20 { margin-right: 20px }
.big-float-left { float: left }

.outbox {
    background-color: #0d0d0d;
	display: inline-block;
	width: 100%;
}

.w50 {
	width: 50%;
	float: left;
	margin: 20px 0;
}

.box_A { overflow: hidden }
.box_A p { line-height: 1.8 }
.box_A p:first-child { margin-top: 0; padding-top: 0 }
.box_A p:last-child { margin-bottom: 0; padding-bottom: 0 }

.margin-minus-10 { margin: 0 -10px }

.box_B {
    border: 1px solid #353232;
    background-color: #1b1b1b;
	overflow: hidden;
}

.box_C {
    border: 1px solid #353232;
    background-color: #1b1b1b;
	overflow: hidden;
	max-width: 494px;
	margin: 0 auto;
}

.h4A {
    background-color: #151414;
    border-bottom: 1px solid #353232;
    font-size: 16px;
    color: #dfa900;
    font-weight: normal;
	margin: 0;
	padding: 0 10px;
}

.padding-20 { padding: 20px }

.padding-outbox { padding: 0 20px 20px 20px }
.padding-outbox-top { padding-top: 20px }

.big-text-align-right { text-align: right }

.outbox-w50-padding { margin: 0 -10px; padding: 0 30px }

.footer { padding: 50px 0 30px 0; text-align: center; font-size: 12px }

.pages h2 { margin-top: 40px }
.pages h2:first-child { margin-top: inherit }
.pages p:first-child { margin-top: inherit }

.center-cropped 
{
  object-fit: cover;
  object-position: center;
  height: 200px;
  width: 200px;
  background-size: cover;
  border-radius: 4px;
  border: 2px solid gray;
}

a.bbtn { color: #ffffff! important; text-decoration: none! important }
a.bbtn:hover { text-decoration: none! important }

.orange
{
	color: orange;
	text-decoration: none;
}

.orange:hover
{
	text-decoration: underline;
}

.wrapper a
{
	color: orange;
	text-decoration: none;
}

.wrapper a:hover
{
	text-decoration: underline;
}

.center-href
{
	color: orange;
	text-decoration: none;
}

.center-href:hover
{
	text-decoration: underline;
}

.center-href:hover img 
{
	opacity: 0.7;
}

a.white
{
	color: white;
	text-decoration: underline;
}

a.white:hover
{
	text-decoration: none;
}

.pagination{clear:both;padding:0}
.pagination li{display:inline}
.pagination a{border:1px solid #D5D5D5;color:#666;font-size:11px;font-weight:700;height:25px;padding:4px 8px;text-decoration:none;margin:2px}
.pagination a:hover,.pagination a:active{background:#efefef}
.pagination span.current{background-color:#687282;border:1px solid #D5D5D5;color:#fff;font-size:11px;font-weight:700;height:25px;padding:4px 8px;text-decoration:none;margin:2px}
.pagination span.disabled{border:1px solid #EEE;color:#DDD;margin:2px;padding:2px 5px}

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    position: fixed;
    bottom: 6px;
    margin-left: 540px;
    border-radius: 3px;
    z-index: 10;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(232, 98, 86, 0.8) url(/files/cd-top-arrow.svg) no-repeat center 50%;
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.2);
}

.menu-div {
	clear:both;
	margin-bottom: 20x;
}

@media only screen and (max-width:481px)
{
	.menu-div { clear: none; margin-bottom: 0 }
	.margin-minus-10 { margin: 0 }
	.btn  { font-size: 2em }
	.big-margin-right-20 { margin-right: 0 }
	.big-margin-40-0 { margin-top: 0 }
	.big-float-left { float: none }
	.small-align-center { text-align: center }
	.header3 { padding-top: 0; padding-bottom: 30px }
	
	ul.nav { float: right }
	ul.nav li{ display: none }
	ul.nav li.icon {
		display: inherit; background-color: white;
		border-radius: 50%;
	}
	
	.header h1 { display: none }
	.logo { margin-left: 10px }
	
	.w50 { width: 100%; float: none }
	.padding-outbox { padding: 0 10px 10px 10px }
	.padding-outbox-top  { padding-top: 10px }
	.big-text-align-right { text-align: inherit }
	
	.header4{ padding-bottom: 0 !important; margin-bottom: 20px !important }
	
	.btitle { clear: both }
	.center-cropped { width: 100%; height: inherit }

}