@charset "utf-8";

* {
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
}

html {
        height: 100%;
}

body {
	word-wrap: break-word;
	overflow-wrap: break-word;
        height: 100%;
        background-color: #000;
}

body.no_bg {
        background: #000;
        color:#fff;
        background-image: none;
}

ul, ol {
	list-style: none;
}

a {
	outline: none;
        text-decoration: none;
}

a img {
	border-style:none;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

#wrap {
         position: relative;
         min-width: 1024px;
}

/* Header */

header {
        position: relative;
        width: 100%;
        margin: 0 0 7px; 
        padding: 0;
        background: #fff;
}
header h1 {
        margin: 10px;
        text-align: center;
}

header h1 img {
        max-width: 150px;
        width: 100%;
}

#h_login {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 0;
}

#h_login dt,
#h_login dd {
        display: inline-block;
        vertical-align: middle;
}

#h_login dt {
        margin: 0 5px 0 0;
        padding: 5px 0 5px 25px;
        background: url(../images/h_login_icon.svg) no-repeat left center;
        background-size: 20px;
        color: #000;
        font-size: 12px;
}

#h_login dd input[type="text"],
#h_login dd input[type="password"] {
        width: 100px;
        height: 24px;
        margin: 0 2px;
        padding: 2px 4px;
        border: solid 1px #333;
        border-radius: 3px;
        box-sizing: border-box;
        font-size: 12px;
}

#h_login dd button {
        width: 100px;
        height: 25px;
        margin: 0 0 0 3px;
        padding: 3px 3px;
        background: #c30000;
        border: none;
        border-radius: 3px;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        cursor: pointer;
}

#h_login dd button:hover {
        padding: 4px 3px 2px;
}

#h_login dd button:hover {
        box-shadow: 0px 3px 0px inset rgba(0,0,0,0.4);
}


#h_logout {
        position: absolute;
        top: 20px;
        right: 20px;
        font-size: 0;
}

#h_logout dt,
#h_logout dd {
        display: inline-block;
        vertical-align: middle;
}

#h_logout dt {
        margin: 0 5px 0 0;
        padding: 5px 0;
        background-size: 20px;
        font-size: 12px;
}

#h_logout dt span {
        font-size: 14px;
        font-weight: bold;
}

#h_logout dd input[type="text"] {
        width: 100px;
        height: 24px;
        margin: 0 2px;
        padding: 2px 4px;
        border: solid 1px #333;
        border-radius: 3px;
        box-sizing: border-box;
        font-size: 12px;
}

#h_logout dd a {
        display: block;
        width: 100px;
        height: 25px;
        margin: 0 0 0 3px;
        padding: 3px 3px;
        background: #c30000;
        border: none;
        border-radius: 3px;
        box-sizing: border-box;
        color: #fff;
        font-size: 12px;
        cursor: pointer;
        text-align: center;
}

#h_logout dd a:hover {
        padding: 4px 3px 2px;
}

#h_logout dd a:hover {
        box-shadow: 0px 3px 0px inset rgba(0,0,0,0.4);
}

#head_link {
	position: absolute;
	top: 18px;
	left: 10px;
	font-size: 14px;
}

#head_link a {
	display: block;
	padding: 5px 10px;
	background: #333;
	border-radius: 3px;
	color: #fff;
}

#header_img {
        line-height: 0;
        text-align: center;
}
#header_img img{
        max-width: 100%;
}

#banner_ym_area {
        margin: 20px 0;
}
#banner_ym_area h3 {
        margin: 0 0 10px;
        font-size: 1rem;
        text-align: center;
}
#banner_ym {
        margin: 0 0 10px;
        font-size: 0;
        text-align: center;
}
#banner_ym li {
        display: inline-block;
        margin: 0 5px;
        text-align: center;
}
#banner_ym li a {
        display: block;
        padding: 5px 20px;
        border-radius: 5px;
        background: #333;
        font-size: 0.8rem;
        color: #fff;
}

#now_btn a {
	background: #d20000!important;
}

#banner_entry{
    margin: 10px auto;
    max-width: 400px;
    width: 100%!important;
}
#banner_entry dt{
    display:block;
    max-width:400px;
    width: 100%!important;
    height:40px;
    line-height:40px;
    text-align:center;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #666;
    color: #fff;
    cursor:pointer;
    }
#banner_entry dd{
    background:#fff;
    width: 96%!important;
    margin: 10px 0;
    padding: 2%;
    display:none;
    }
#banner_entry dd span{
    display: block;
    width: 20%;
    padding: 1%;
    margin: 0 0 5px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background: #666;
    color: #fff;
    font-size: 12px;
    text-align: center;
}
#banner_entry dd select {
    display: block;
    margin: 0 0 10px;
    border: solid 1px #666;
    background: #f5f5f5;
}
#banner_entry dd input {
    display: block;
    width: 100%;
    margin: 0 0 10px;
    border: solid 1px #666;
    background: #f5f5f5;
}
#banner_entry dd input[type="file"] {
    border: none;
}
#banner_entry dd input[type="submit"] {
    display: block;
    width: 50%;
    padding: 1%;
    margin: 0 auto;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
    background: #666;
    color: #fff;
    font-size: 12px;
    text-align: center;
    cursor:pointer;
}
.kiyaku_txt {
    margin: 20px 0 5px;
    padding: 5px;
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #156555;
}
.kiyaku_txt  a {
    color: #fd9535;
}

.kiyaku_txt span {
    display: block;
    padding: 5px 0;
    text-align: center;
    color: #156555!important;
}
#main{
      position: relative;
      padding: 15px 0 0;
      box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.4) inset;
}

#Breadcrumb {
      max-width: 1100px;
      margin: 0 auto 15px;
      padding: 0 7px;
      font-size: 0;
      overflow: auto;
}

#Breadcrumb li {
     display: inline-block;
     font-size: 14px;
     font-weight: bold;
     color:#35ab93;
}

#Breadcrumb li a {
     color:#35ab93;
}

#Breadcrumb li:after {
     content:"＞";
     margin: 0 5px;
     color: #eee;
     font-weight:bold;
}

#Breadcrumb li:last-child:after {
     content:"";
     margin: 0;
}

footer{
       pdding: 10px 0;
       background: #1b1b1b;
       text-align: center;
}

#copyright {
      font-size: 12px;
      text-align: center;
      color: #fff;
}