/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

header,
#contents {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 500;
}

#sc_event_select,
#sc_event_nav_wrap,
.sc_event_details_inner {
    display: none;
}

#sc_calendar_title {
    text-align: center;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 900;
    color: #7A7A7A;
}

.sc-table th,
.sc-table td {
    width: 92px;
    min-height: 44px;
    display: block;
    overflow: hidden;
    float: left;
    padding: 5px;
    color: #7A7A7A;
}

.sc-table th.calendar-day-head {
    min-height: 14px;
    padding: 0;
    width: 102px;
}

.sc-table {
    width: 720px;
    margin: 0 auto;
}

.sc-table td div {
    text-align: center;
}

.sc-table td.today .day-number {
    background: #fad003;
    color: #7e500a;
    border-radius: 30px;
    padding: 8px 5px;
    margin-bottom: 4px;
    font-weight: 900;
}

.sc-table td .day-number {
    padding: 10px 5px;
}

.sc-table td div a {
    font-size: 10px;
    /*display: inline-block;*/
    display: block;
    /*white-space: nowrap;*/
    text-align: left;
    line-height: 1.6;
    text-decoration: none;
    background: #7A7A7A;
    padding: 2px;
    border-radius: 5px;
    color: #fff;
    font-weight: 900;
}

.calendar-day-head {
    font-size: 10px;
    text-align: center;
}

@media (max-width: 600px) {
    .show-sp {
        display: inline;
    }
    .show-pc {
        display: none;
    }
    #sc_event_select,
    #sc_event_nav_wrap,
    .sc_event_details_inner {
        display: none;
    }
    #sc_calendar_title {
        text-align: center;
        padding: 15px 0;
        font-size: 16px;
        font-weight: 900;
        color: #7A7A7A;
    }
    .sc-table th,
    .sc-table td {
        width: 34px;
        min-height: 44px;
        display: block;
        overflow: hidden;
        float: left;
        padding: 5px;
        color: #7A7A7A;
    }
    .sc-table th.calendar-day-head {
        min-height: 14px;
        padding: 0;
        width: 44px;
    }
    .sc-table {
        width: 310px;
        margin: 0 auto;
    }
    .sc-table td div {
        text-align: center;
    }
    .sc-table td.today .day-number {
        background: #fad003;
        color: #7e500a;
        border-radius: 30px;
        padding: 10px 5px;
        font-weight: 900;
    }
    .sc-table td .day-number {
        padding: 10px 5px;
    }
    .sc-table td div a {
        font-size: 10px;
        /*display: inline-block;*/
        display: block;
        /*white-space: nowrap;*/
        text-align: left;
        line-height: 1.6;
        text-decoration: none;
        background: #7A7A7A;
        padding: 2px;
        border-radius: 5px;
        color: #fff;
        font-weight: 900;
    }
    .calendar-day-head {
        font-size: 10px;
        text-align: center;
    }
    #navToggle,
    #navToggle span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    #navToggle {
        position: fixed;
        width: 20px;
        height: 20px;
        right: 20px;
        top: 20px;
        z-index: 10000;
        cursor: pointer;
    }
    #navToggle span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #707070;
        border-radius: 2px;
    }
    #navToggle span:nth-of-type(1) {
        top: 0;
    }
    #navToggle span:nth-of-type(2) {
        top: 9px;
    }
    #navToggle span:nth-of-type(3) {
        bottom: 0;
    }
    #navToggle.active span:nth-of-type(1) {
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
    }
    #navToggle.active span:nth-of-type(2) {
        opacity: 0;
    }
    #navToggle.active span:nth-of-type(3) {
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
    }
    #menu {
        width: 100%;
        height: 100%;
        background: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1000;
        overflow-y: scroll;
        display: none;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
    #menu.active {
        display: block;
    }
    #menu dl {
        width: 300px;
        margin: 0 auto;
        text-align: center;
    }
    #menu dl dt {
        padding: 50px 0;
    }
    #menu dl dd a {
        text-decoration: none;
        padding: 15px 0;
        color: #979797;
        display: block;
    }
    #contents .slide {
        width: 225px;
        height: 225px;
    }
    #contents .slide img {
        width: 225px;
        height: 225px;
    }
    #contents #playroom .slide {
        position: absolute;
        left: 83px;
        top: 40px;
    }
    #contents #genkiroom .slide {
        position: absolute;
        left: 13px;
        top: 60px;
    }
    #contents #facilities .slide {
        position: absolute;
        left: 83px;
        top: 40px;
    }
    #contents #playroom .slide .slide-cover {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 50;
    }
    #contents #genkiroom .slide .slide-cover {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 50;
    }
    #contents #facilities .slide .slide-cover {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 50;
    }
    #contents .slide .slide-arrow {
        width: 250px;
        height: 250px;
        position: absolute;
        z-index: 100;
    }
    #contents .slide .slide-arrow {
        width: 30px;
        height: 30px;
        top: 100px;
    }
    #contents .slide .slide-arrow img {
        width: 30px;
        height: 30px;
    }
    #contents .slide .slide-arrow.next-arrow {
        right: -5px;
    }
    #contents .slide .slide-arrow.prev-arrow {
        left: -5px;
    }
    #contents .slider div {
        width: 300px;
        height: 300px;
    }
    #contents .slider img {
        width: 100%;
    }
    /* -600px */
    #contents #playroom .slide .slide-cover {
        position: absolute;
        left: -1px;
        top: -1px;
        z-index: 50;
        width: 227px;
        height: 227px;
    }
    #contents #genkiroom .slide .slide-cover {
        position: absolute;
        left: -1px;
        top: -1px;
        z-index: 50;
        width: 227px;
        height: 227px;
    }
    #contents #facilities .slide .slide-cover {
        position: absolute;
        left: -1px;
        top: -1px;
        z-index: 50;
        width: 227px;
        height: 227px;
    }
    #contents,
    footer {
        width: 320px;
        margin: 0 auto;
        overflow-x: hidden;
    }
    #contents #head {
        /*height: 1070px;*/
        height: 890px;
        position: relative;
    }
    #contents #head.bottom {
        height: 180px;
        position: relative;
    }
    #contents #head #head-01 {
        width: 193px;
        height: 193px;
        position: absolute;
        left: -27px;
        top: -21px;
        background: url("../images/head-01.png") no-repeat left top;
        background-size: 193px 193px;
    }
    #contents #head #head-02 {
        width: 229px;
        height: 229px;
        position: absolute;
        left: 158px;
        top: 37px;
        background: url("../images/head-02.png") no-repeat left top;
        background-size: 229px 229px;
    }
    #contents #head #head-03 {
        width: 211px;
        height: 211px;
        position: absolute;
        left: -25px;
        top: 407px;
        background: url("../images/head-03.png") no-repeat left top;
        background-size: 211px 211px;
    }
    #contents #head #head-04 {
        width: 140px;
        height: 140px;
        position: absolute;
        left: 205px;
        top: 383px;
        background: url("../images/head-04.png") no-repeat left top;
        background-size: 140px 140px;
    }
    #contents #head h1#logo {
        position: absolute;
        left: 56px;
        top: 275px;
        width: 208px;
    }
    #contents #head.bottom h1#logo {
        position: absolute;
        left: 80px;
        top: 50px;
        width: 165px;
    }
    #contents #head h1#logo img {
        width: 100%;
        height: auto;
    }
    #contents #head #read {
        position: absolute;
        left: 0;
        width: 320px;
        top: 658px;
        text-align: center;
        /*font-size: 16px;*/
        font-size: 11px;
        letter-spacing: 2px;
        line-height: 2.0;
        font-weight: 900;
        color: #979797;
    }
    #contents #head #read p {
        display: block;
        padding-bottom: 40px;
    }
    #contents #head .status {
        position: absolute;
        left: 5px;
        /*top: 924px;*/
        top: 873px;
    }
    #contents .status {
        width: 310px;
        margin: 0 auto;
        color: #7A7A7A;
        position: relative;
    }
    #contents .status.none h1,
    #contents .status.none table,
    #contents .status.none .status-note {
        display: none;
    }
    #contents .status h1 {
        font-size: 12px;
        font-weight: 1000;
        text-align: center;
        letter-spacing: 0;
    }
    #contents .status h1.genki {
        font-size: 12px;
        font-weight: 1000;
        text-align: center;
        letter-spacing: 0;
        margin-top: 40px;
    }
    #contents .status table {
        width: 310px;
        margin: 15px auto 0 auto;
    }
    #contents .status table img {
        width: 33px;
        height: auto;
    }
    #contents .status table tr:first-child {
        border-bottom: 1px solid #CFCFCF;
    }
    #contents .status table th {
        font-size: 11px;
        padding-bottom: 5px;
    }
    #contents .status table td {
        font-size: 18px;
        text-align: center;
        padding: 8px 0;
    }
    #contents .status .status-note {
        position: relative;
        font-size: 11px;
    }
    #contents .status .status-note img {
        width: 25px;
        height: auto;
    }
    #contents .status .status-note .status-1 {
        width: 154px;
        float: left;
    }
    #contents .status .status-note .status-1 dt {
        float: left;
        padding-top: 8px;
		width: 123px;
		text-align: right;
    }
    #contents .status .status-note .status-1 dd {
        width: 30px;
        float: right;
    }
    #contents .status .status-note .status-2 {
        width: 155px;
        float: right;
    }
    #contents .status .status-note .status-2 dt {
        float: left;
        padding-top: 8px;
		width: 124px;
		text-align: right;
    }
    #contents .status .status-note .status-2 dd {
        width: 30px;
        float: right;
    }
    #contents .status .status-3 {
        width: 270px;
        /*height: 115px;*/
        text-align: center;
        padding: 15px;
        /*position: absolute;
        top: 0;
        left: 0;*/
        border: #F8F8F8 solid 5px;
        background: #fff;
        /*display: none;*/
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 15px;
    }
    #contents .status .status-3 dt {
        float: left;
        text-align: center;
        width: 235px;
        font-size: 12px;
        letter-spacing: 0px;
        font-weight: 900;
        padding-left: 0;
        line-height: 1.6;
    }
    #contents .status .status-3 dd {
        float: right;
        text-align: center;
        width: 62px;
        font-size: 45px;
    }
    #status-note {
        width: 280px;
        margin: 0 auto 40px auto;
        padding: 15px;
        background: #F8F8F8;
        color: #7A7A7A;
        line-height: 1.6;
        font-size: 12px;
        margin-top: 20px;
    }
    #status-note .section img {
        width: 100%;
        height: auto;
    }
    #status-note .section ul {
        list-style-type: disc;
        padding: 0 0 0 20px;
    }
    #status-note .section ol {
        list-style-type: decimal;
        padding: 0 0 0 20px;
    }
    #status-note .section p,
    #status-note .section ul,
    #status-note .section ol {
        padding-bottom: 20px;
        line-height: 1.6;
    }
    #status-note blockquote {
        padding: 20px;
        background: #eee;
        margin-bottom: 20px;
    }
    #status-note blockquote p:last-child {
        padding-bottom: 0;
    }
    #status-note hr {
        border: 1px solid #eee;
        margin: 20px 0;
    }
    #status-note a {
        color: #7A7A7A;
        padding: 0 5px;
    }
    #status-note strong {
        font-weight: 900;
    }
    #status-note h2 {
        text-align: center;
        font-weight: 900;
        font-size: 15px;
        padding-bottom: 15px;
    }
    #status-note h3 {
        text-align: center;
        font-weight: 900;
        font-size: 14px;
        padding-bottom: 15px;
    }
    #status-note h4 {
        text-align: left;
        font-weight: 900;
        font-size: 14px;
        padding-bottom: 15px;
    }
    #status-note h5 {
        text-align: left;
        font-weight: 100;
        font-size: 14px;
        padding-bottom: 15px;
    }
    #status-note h6 {
        text-align: left;
        font-weight: 100;
        font-size: 14px;
    }
    #news-list {}
    #news-list h1 {
        padding: 10px;
    }
    #news-list h1 {
        text-align: center;
    }
    #news-list h1 img {
        width: 240px;
        height: auto;
    }
    #news-list dl a {
        width: 100%;
        display: block;
        background: url("../images/next.png") no-repeat 293px 15px #F8F8F8;
        color: #7A7A7A;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }
    #news-list dl dd {
        width: 78px;
        float: left;
    }
    #news-list dl dd img {
        padding: 5px 0;
        width: 78px;
        height: 51px;
        object-fit: cover;
		object-position: center top;
    }
    #news-list dl dt {
        width: 200px;
        float: right;
        padding-right: 20px;
        padding-left: 10px;
        font-weight: 100;
        font-size: 12px;
        line-height: 1.4;
    }
    #calendar {
        width: 310px;
        /*height: 310px;*/
        background: #F8F8F8;
        display: block;
        margin: 5px auto;
    }
    #calendar h1 {
		text-align: center;
    }
    #calendar h1 img {
		height: 42px;
		width: auto;
		padding: 20px 0 8px 0;
    }
    #prologue {
        background: #F8F8F8;
    }
    #prologue h1 {
        height: 20px;
        text-align: center;
        padding: 40px 0;
    }
    #prologue h1 img {
        height: 20px;
        width: auto;
    }
    #prologue img {
        width: 320px;
        height: auto;
    }
    #prologue .read {
        font-size: 11px;
        font-weight: 500;
        color: #7A7A7A;
        background: #F8F8F8;
    }
    #prologue .read p {
        text-align: center;
        font-weight: 900;
        padding-bottom: 35px;
        line-height: 2.4;
        font-size: 11px;
    }
    #prologue .read p.img-02 {
        line-height: 0;
    }
    #playroom {
        background: #EFEFEF;
        position: relative;
        width: 320px;
        height: 1063px;
    }
    #playroom .head {
        position: absolute;
        left: 20px;
        top: 25px;
        z-index: 100;
    }
    #playroom .photo {
        position: absolute;
        left: 12px;
        top: 309px;
        width: 300px;
    }
    #playroom .photo li {
        width: 94px;
        height: 94px;
        float: left;
        padding: 0 8px 8px 0;
    }
    #playroom .photo li:nth-child(3n) {
        padding: 0 0 8px 0;
    }
    #playroom .photo li img {
        width: 100%;
        height: auto;
    }
    #playroom .note {
        position: absolute;
        left: 10px;
        top: 835px;
        width: 205px;
    }
    #playroom .note h1 {
        font-weight: 1000;
        font-size: 13px;
        padding-bottom: 5px;
    }
    #playroom .note dl dt {
        background: #707070;
        border-radius: 5px;
        padding: 6px 5px;
        font-size: 10px;
        color: #fff;
        font-weight: 1000;
        display: inline-block;
    }
    #playroom .note dl:first-of-type dt {
        float: left;
    }
    #playroom .note dl:first-of-type dd {
        float: right;
        width: 141px;
        padding-left: 9px;
        font-size: 8px;
        line-height: 1.8;
    }
    #playroom .note dl:first-of-type dd strong {
        font-size: 14px;
    }
    #playroom .note dl:nth-child(n+2) {
        float: left;
        margin: 5px 5px 0 0;
    }
    #playroom .btn {
        position: absolute;
        left: 215px;
        top: 851px;
        width: 94px;
    }
    #playroom .btn img {
        width: 100%;
        height: auto;
    }
    #genkiroom {
        background: #F5F5F5;
        position: relative;
        width: 320px;
        height: 755px;
    }
    #genkiroom .head {
        position: absolute;
        left: 266px;
        top: 25px;
        z-index: 100;
    }
    #genkiroom .slide {
        position: absolute;
        left: 80px;
        top: 20px;
    }
    #genkiroom .photo {
        position: absolute;
        left: 12px;
        top: 309px;
        width: 300px;
    }
    #genkiroom .photo li {
        width: 94px;
        height: 94px;
        float: left;
        padding: 0 8px 8px 0;
    }
    #genkiroom .photo li:nth-child(3n) {
        padding: 0 0 8px 0;
    }
    #genkiroom .photo li img {
        width: 100%;
        height: auto;
    }
    #genkiroom .note {
        position: absolute;
        left: 10px;
        top: 625px;
        width: 300px;
    }
    #genkiroom .note h1 {
        font-weight: 1000;
        font-size: 13px;
        padding-bottom: 5px;
    }
    #genkiroom .note dl dt {
        background: #707070;
        border-radius: 5px;
        padding: 6px 5px;
        font-size: 10px;
        color: #fff;
        font-weight: 1000;
        display: inline-block;
        float: right;
    }
    #genkiroom .note dl:first-of-type dt {
        float: left;
    }
    #genkiroom .note dl:first-of-type dd {
        float: right;
        width: 141px;
        padding-left: 9px;
        font-size: 8px;
        line-height: 1.8;
    }
    #genkiroom .note dl:first-of-type dd strong {
        font-size: 14px;
    }
    #genkiroom .note dl:nth-child(n+2) {
        float: left;
        margin: 5px 5px 0 0;
    }
    #genkiroom .btn {
        position: absolute;
        left: 215px;
        top: 851px;
        width: 94px;
    }
    #genkiroom .btn img {
        width: 100%;
        height: auto;
    }
    #facilities {
        background: #EFEFEF;
        position: relative;
        width: 320px;
        height: 394px;
    }
    #facilities .head {
        position: absolute;
        left: 20px;
        top: 25px;
        z-index: 100;
    }
    #facilities .note {
        position: absolute;
        left: 10px;
        top: 350px;
        width: 300px;
    }
    #facilities .note h1 {
        font-weight: 1000;
        font-size: 13px;
        padding-bottom: 5px;
        text-align: right;
    }
    #facilities .note dl {
        font-size: 12px;
        text-align: right;
    }
    #machinaka-prologue {
        background: #fff;
        position: relative;
        width: 320px;
    }
    #machinaka-prologue .img-01 {
        width: 100%;
        height: auto;
    }
    #machinaka-prologue .read {
        padding: 40px 0;
    }
    #machinaka-prologue .read p {
        text-align: center;
        font-weight: 1000;
        color: #7A7A7A;
        letter-spacing: 0.15em;
        font-size: 11px;
        line-height: 2.0;
    }
    #machinaka {
        background: #F5F5F5;
        position: relative;
        width: 290px;
        padding: 0 15px 20px 15px;
    }
    #machinaka h1 {
        padding: 65px 0 23px 0;
    }
    #machinaka h1 img {
        width: 100%;
        height: auto;
    }
    #machinaka .read {
        text-align: center;
        font-weight: 1000;
        color: #7A7A7A;
        letter-spacing: 0.15em;
        font-size: 15px;
        padding-bottom: 40px;
    }
    #machinaka .gmap {
        width: 100%;
        height: 300px;
        background: #fff;
        margin: 15px 0;
    }
    #machinaka .gmap iframe {
        width: 290px;
        height: 300px;
        margin-bottom: 20px;
    }
    #machinaka .btn a {
        border: 3px solid #BDBDBD;
        border-radius: 20px;
        background: #fff;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 1000;
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 200px;
        color: #7A7A7A;
        text-decoration: none;
        margin-top: 20px;
    }
    #machinaka-list {
        margin-top: 20px;
    }
    #machinaka-list dl {
        height: 61px;
        display: table;
    }
    #machinaka-list dl a {
        width: 100%;
        display: block;
        background: url("../images/next.png") no-repeat 293px 15px #FFF;
        color: #7A7A7A;
        height: 61px;
    }
    #machinaka-list dl dd {
        width: 78px;
        float: left;
    }
    #machinaka-list dl dd img {
        padding: 5px 0 5px 5px;
        width: 78px;
        height: 51px;
        object-fit: cover;
		object-position: center top;
    }
    #machinaka-list dl dt {
        width: 196px;
        float: right;
        padding-left: 15px;
        padding-top: 5px;
        line-height: 1.47;
        height: 61px;
        font-weight: 100;
        font-size: 12px;
    }
    #howto {
        background: url("../images/howto-bg-sp.jpg") no-repeat left top;
        background-size: cover;
        width: 300px;
        padding: 0 10px 20px 10px;
    }
    #howto h1:first-child {
        padding: 50px 0 30px 0;
    }
    #howto h1 img {
        width: 100%;
        height: auto;
    }
    #howto dl.info {
        margin-bottom: 10px;
    }
    #howto dl.info dt {
        width: 60px;
        float: left;
        background: #fff;
        border-radius: 10px;
        font-size: 12px;
        font-weight: 1000;
        color: #707070;
        text-align: center;
        padding: 6px 5px;
    }
    #howto dl.info dd {
        float: right;
        font-size: 12px;
        color: #fff;
        padding: 0 0;
        width: 211px;
        line-height: 1.8;
    }
    #howto div#use {
        margin: 30px 0 0 0;
        border: 5px solid #fff;
        padding: 15px;
        color: #fff
    }
    #howto div#use h2 {
        text-align: center;
        font-size: 13px;
        font-weight: 1000;
        padding-bottom: 20px;
    }
    #howto div#use p {
        text-align: left;
        font-size: 11px;
        line-height: 2.0;
    }
    #howto .status {
        color: #fff !important;
        width: 290px;
        padding-bottom: 20px;
    }
    #howto .status h1 {
        padding: 20px 0 0 0;
    }
    #howto .status table {
        width: 300px;
        margin: 15px auto 0 auto;
    }
    #howto .status .status-note {
        width: 290px;
    }
    #howto .status .status-note img {
        width: 15px;
        height: auto;
    }
    #howto .status .status-note dt {
        padding-top: 3px !important;
    }
    #howto .status .status-note dd {
        width: 20px !important;
    }
    #howto .status .status-note .status-1 {
        width: 148px !important;
    }
    #howto .status .status-note .status-1 dt {
        width: 124px;
    }
    #howto .status .status-note .status-2 {
        width: 142px !important;
    }
    #howto .status .status-note .status-2 dd {
        width: 16px !important;
    }
    #contents #howto .status .status-3 {
        width: 250px;
        /*height: 115px;*/
        text-align: center;
        /*position: absolute;
        top: 8px;
        left: 0;*/
        margin-top: 15px;
        padding: 15px;
        border: #F8F8F8 solid 5px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #contents #howto .status .status-3 dt {
        float: left;
        text-align: center;
        width: 235px;
        font-size: 12px;
        letter-spacing: 0px;
        font-weight: 900;
        padding-left: 0;
        line-height: 1.6;
        color: #707070;
    }
    #contents #howto .status .status-3 dd {
        float: right;
        text-align: center;
        width: 45px;
        font-size: 45px;
    }
    #contents #howto .status .status-3 dd img {
        width: 45px;
        height: 100%;
    }
    #access {
        background: #F5F5F5;
        width: 290px;
        padding: 0 15px 20px 15px;
    }
    #access h1:first-child {
        padding: 30px 0 30px 0;
    }
    #access h1 img {
        width: 100%;
        height: auto;
    }
    #access p.img {
        width: 290px;
        padding-bottom: 10px;
        margin: 0 auto;
    }
    #access p.img img {
        width: 290px;
        height: auto;
        border-radius: 20px;
    }
    #access dl {
        margin-bottom: 10px;
    }
    #access dl dt {
        width: 55px;
        float: left;
        background: #707070;
        border-radius: 5px;
        font-size: 12px;
        font-weight: 1000;
        color: #fff;
        text-align: center;
        padding: 6px 5px;
    }
    #access dl dd {
        float: right;
        font-size: 11px;
        color: #8B8B8B;
        padding: 0 0;
        width: 216px;
        line-height: 1.8;
    }
    #access a {
        color: #8B8B8B;
    }
    #access dl dd strong {
        font-weight: 900;
    }
    #access .gmap {
        width: 100%;
        height: 300px;
        background: #fff;
        margin: 15px 0;
    }
    #access .gmap iframe {
        width: 290px;
        height: 300px;
        margin-bottom: 20px;
    }
    #access .btn a {
        border: 3px solid #BDBDBD;
        border-radius: 20px;
        background: #fff;
        padding: 10px 20px;
        font-size: 14px;
        font-weight: 1000;
        text-align: center;
        display: block;
        margin: 0 auto;
        width: 200px;
        color: #7A7A7A;
        text-decoration: none;
        margin-top: 20px;
    }
    #news-details {
        color: #7A7A7A;
    }
    #news-details h1 {
        font-size: 16px;
        font-weight: 900;
        text-align: center;
        line-height: 2.0;
        padding-bottom: 10px;
    }
    #news-details p#date {
        font-size: 12px;
        text-align: center;
        padding-bottom: 10px;
    }
    #news-details .section {
        padding: 30px 0;
        width: 300px;
        margin: 0 auto;
        line-height: 1.8;
        font-size: 14px;
    }
    #news-details .section img {
        width: 100%;
        height: auto;
    }
    #news-details .section ul {
        list-style-type: disc;
        padding: 0 0 0 20px;
    }
    #news-details .section ol {
        list-style-type: decimal;
        padding: 0 0 0 20px;
    }
    #news-details .section p,
    #news-details .section ul,
    #news-details .section ol {
        padding-bottom: 20px;
    }
    #news-details blockquote {
        padding: 20px;
        background: #eee;
        margin-bottom: 20px;
    }
    #news-details blockquote p:last-child {
        padding-bottom: 0;
    }
    #news-details hr {
        border: 1px solid #eee;
        margin: 20px 0;
    }
    #news-details a {
        color: #7A7A7A;
        padding: 0 5px;
    }
    #news-details h2 {
        text-align: center;
        font-weight: 900;
        font-size: 15px;
        padding-bottom: 15px;
    }
    #news-details h3 {
        text-align: center;
        font-weight: 900;
        font-size: 14px;
        padding-bottom: 15px;
    }
    #news-details h4 {
        text-align: left;
        font-weight: 900;
        font-size: 14px;
        padding-bottom: 15px;
    }
    #news-details h5 {
        text-align: left;
        font-weight: 100;
        font-size: 14px;
        padding-bottom: 15px;
    }
    #news-details h6 {
        text-align: left;
        font-weight: 100;
        font-size: 14px;
    }
    #news-details nav {
        width: 300px;
        margin: 0 auto;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        margin-top: 30px;
        padding-bottom: 20px;
    }
    #news-details nav ul {
        width: 167px;
        margin: 0 auto;
    }
    #news-details nav ul a {
        background: url(../images/next.png) no-repeat 5px 15px;
        padding: 20px 15px 15px 30px;
        text-decoration: none;
        line-height: 2.0;
        color: #7A7A7A;
        font-size: 12px;
        height: 10px;
        display: block;
    }
    footer {
        padding: 25px 0;
        color: #7A7A7A;
    }
    footer table a {
        color: #7A7A7A;
    }
    footer .sns-01 {
        height: 110px;
        padding-top: 20px;
    }
    footer .sns-01 img {
        width: 50px;
        height: auto;
        margin: 10px;
    }
    footer h1 {
        text-align: center;
        font-size: 12px;
        padding: 0 0 30px 0;
    }
    footer h1 img {
        width: 240px;
        height: auto;
        padding: 15px 0 0 0;
    }
    footer p {
        text-align: center;
        font-size: 12px;
        line-height: 1.8;
    }
    footer table {
        width: 180px;
        margin: 0 auto;
        font-size: 12px;
    }
    footer table th,
    footer table td {
        padding: 5px 0;
    }
    footer #copyright {
        text-align: center;
        padding: 30px 0 15px 0;
        font-size: 10px;
    }
    #toTop {
        position: fixed;
        bottom: 0;
        right: 10px;
        width: 65px;
        height: 65px;
        z-index: 100;
    }
    #toTop img {
        width: 65px;
        height: 65px;
    }
}

@media (min-width: 600px) {
    /* 600px- */
    .show-sp {
        display: none;
    }
    .show-pc {
        display: inline;
    }
    #navToggle,
    #navToggle span {
        display: inline-block;
        transition: all .4s;
        box-sizing: border-box;
    }
    #navToggle {
        position: fixed;
        width: 50px;
        height: 50px;
        right: 55px;
        top: 55px;
        z-index: 10000;
        cursor: pointer;
    }
    #navToggle span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #707070;
        border-radius: 2px;
    }
    #navToggle span:nth-of-type(1) {
        top: 0;
    }
    #navToggle span:nth-of-type(2) {
        top: 25px;
    }
    #navToggle span:nth-of-type(3) {
        bottom: 0;
    }
    #navToggle.active span:nth-of-type(1) {
        -webkit-transform: translateY(24px) rotate(-45deg);
        transform: translateY(24px) rotate(-45deg);
    }
    #navToggle.active span:nth-of-type(2) {
        opacity: 0;
    }
    #navToggle.active span:nth-of-type(3) {
        -webkit-transform: translateY(-24px) rotate(45deg);
        transform: translateY(-24px) rotate(45deg);
    }
    #menu {
        width: 100%;
        height: 100%;
        background: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1000;
        overflow-y: scroll;
        display: none;
        -moz-transition: opacity 0.3s ease;
        -o-transition: opacity 0.3s ease;
        -webkit-transition: opacity 0.3s ease;
        transition: opacity 0.3s ease;
    }
    #menu.active {
        display: block;
    }
    #menu dl {
        width: 300px;
        margin: 0 auto;
        text-align: center;
    }
    #menu dl dt {
        padding: 50px 0;
    }
    #menu dl dd a {
        text-decoration: none;
        padding: 15px 0;
        color: #979797;
        display: block;
    }
    #contents .slide {
        width: 385px;
        height: 385px;
    }
    #contents .slide img {
        width: 385px;
        height: 385px;
    }
    #contents #playroom .slide {
        position: absolute;
        left: 446px;
        top: 40px;
    }
    #contents #genkiroom .slide {
        position: absolute;
        left: 66px;
        top: 156px;
    }
    #contents #facilities .slide {
        position: absolute;
        left: 246px;
        top: 145px;
    }
    #contents #playroom .slide .slide-cover {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 50;
    }
    #contents #genkiroom .slide .slide-cover {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 50;
    }
    #contents #facilities .slide .slide-cover {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 50;
    }
    #contents .slide .slide-arrow {
        width: 250px;
        height: 250px;
        position: absolute;
        z-index: 100;
    }
    #contents .slide .slide-arrow {
        width: 30px;
        height: 30px;
        top: 180px;
    }
    #contents .slide .slide-arrow img {
        width: 30px;
        height: 30px;
    }
    #contents .slide .slide-arrow.next-arrow {
        right: -5px;
    }
    #contents .slide .slide-arrow.prev-arrow {
        left: -5px;
    }
    #contents .slider div {
        width: 300px;
        height: 300px;
    }
    #contents .slider img {
        width: 100%;
    }
    #contents,
    footer {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
    }
    #contents #head {
        width: 1000px;
        /*height: 1414px;*/
        height: 1140px;
        position: relative;
        margin: 0 auto;
    }
    #contents #head.bottom {
        width: 1000px;
        height: 188px;
        position: relative;
        margin: 0 auto;
    }
    #contents #head #head-01 {
        width: 420px;
        height: 420px;
        position: absolute;
        left: -37px;
        top: -42px;
        background: url("../images/head-01.png") no-repeat left top;
        background-size: 420px 420px;
    }
    #contents #head #head-02 {
        width: 386px;
        height: 386px;
        position: absolute;
        left: 725px;
        top: 76px;
        background: url("../images/head-02.png") no-repeat left top;
        background-size: 386px 386px;
    }
    #contents #head #head-03 {
        width: 362px;
        height: 362px;
        position: absolute;
        left: -9px;
        top: 566px;
        background: url("../images/head-03.png") no-repeat left top;
        background-size: 362px 362px;
    }
    #contents #head #head-04 {
        width: 336px;
        height: 336px;
        position: absolute;
        left: 720px;
        top: 599px;
        background: url("../images/head-04.png") no-repeat left top;
        background-size: 336px 336px;
    }
    #contents #head.bottom h1#logo {
        position: absolute;
        left: 400px;
        top: 40px;
        width: 200px;
    }
    #contents #head.bottom h1#logo img {
        width: 100%;
        height: auto;
    }
    #contents #head h1#logo {
        position: absolute;
        left: 300px;
        top: 361px;
        width: 444px;
    }
    #contents #head h1#logo img {
        width: 100%;
        height: auto;
    }
    #contents #head #read {
        position: absolute;
        left: 341px;
        width: 340px;
        top: 848px;
        text-align: center;
        /*font-size: 28px;*/
        font-size: 18px;
        letter-spacing: 2px;
        line-height: 2.0;
        font-weight: 900;
        color: #979797;
    }
    #contents #head #read p {
        display: block;
        padding-bottom: 40px;
    }
    #contents #head .status {
        /*position: absolute;
        left: 341px;
        /*top: 1240px;*/
        top: 1130px;
    }
    #contents .status.none h1,
    #contents .status.none table,
    #contents .status.none .status-note {
        display: none;
    }
    #contents .status {
        width: 340px;
        margin: 0 auto;
        color: #7A7A7A;
        position: relative;
    }
    #contents .status h1 {
        font-size: 14px;
        font-weight: 1000;
        text-align: center;
        letter-spacing: 0.15em;
    }
    #contents .status h1.genki {
        font-size: 14px;
        font-weight: 1000;
        text-align: center;
        letter-spacing: 0.12em;
        margin-top: 55px;
    }
    #contents .status table {
        width: 340px;
        margin: 15px auto 0 auto;
    }
    #contents .status table img {
        width: 40px;
        height: auto;
    }
    #contents .status table tr:first-child {
        border-bottom: 1px solid #CFCFCF;
    }
    #contents .status table th {
        font-size: 12px;
        padding-bottom: 5px;
    }
    #contents .status table td {
        font-size: 18px;
        text-align: center;
        padding: 8px 0;
    }
    #contents .status .status-note {
        position: relative;
        font-size: 12px;
    }
    #contents .status .status-note img {
        width: 30px;
        height: auto;
    }
    #contents .status .status-note .status-1 {
        width: 155px;
        float: left;
    }
    #contents .status .status-note .status-1 dt {
        float: left;
        padding-top: 10px;
		width: 135px;
		text-align: right;
    }
    #contents .status .status-note .status-1 dd {
        width: 20px;
        float: right;
    }
    #contents .status .status-note .status-2 {
        width: 165px;
        float: right;
    }
    #contents .status .status-note .status-2 dt {
        float: left;
        padding-top: 10px;
		width: 139px;
		text-align: right;
    }
    #contents .status .status-note .status-2 dd {
        width: 20px;
        float: right;
    }
    #contents .status .status-3 {
        width: 390px;
        /*height: 150px;*/
        text-align: center;
        /*position: absolute;*/
        padding: 15px;
        top: 0;
        left: 0;
        background: #FFF;
        border: 5px solid #F8F8F8;
        /*display: none;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #contents .status .status-3 dt {
        float: left;
        line-height: 1.8;
        text-align: center;
        width: 290px;
        font-weight: 900;
        letter-spacing: 1px;
        padding-left: 10px;
    }
    #contents .status .status-3 dd {
        float: right;
        text-align: center;
        width: 78px;
    }
    #news-calendar {
        width: 778px;
        margin: 0 auto;
    }
    #news-calendar #status-note {
        width: 738px;
        margin: 40px auto;
        padding: 20px;
        background: #F8F8F8;
        color: #7A7A7A;
    }
    #status-note img {
        width: 100%;
        height: auto;
    }
    #status-note ul {
        list-style-type: disc;
        padding: 0 0 0 20px;
    }
    #status-note ol {
        list-style-type: decimal;
        padding: 0 0 0 20px;
    }
    #status-note p,
    #status-note ul,
    #status-note ol {
        padding-bottom: 20px;
        line-height: 1.6;
    }
    #status-note blockquote {
        padding: 20px;
        background: #eee;
        margin-bottom: 20px;
    }
    #status-note blockquote p:last-child {
        padding-bottom: 0;
    }
    #status-note hr {
        border: 1px solid #eee;
        margin: 20px 0;
    }
    #status-note a {
        color: #7A7A7A;
        padding: 0 5px;
    }
    #status-note strong {
        font-weight: 900;
    }
    #status-note h1 {
        text-align: center;
        font-weight: 900;
        font-size: 20px;
        padding-bottom: 20px;
    }
    #status-note h2 {
        text-align: center;
        font-weight: 900;
        font-size: 18px;
        padding-bottom: 10px;
    }
    #status-note h3 {
        text-align: center;
        font-weight: 900;
        font-size: 16px;
        padding-bottom: 10px;
    }
    #status-note h4 {
        text-align: left;
        font-weight: 900;
        font-size: 16px;
        padding-bottom: 10px;
    }
    #status-note h5 {
        text-align: left;
        font-weight: 100;
        font-size: 16px;
        padding-bottom: 10px;
    }
    #status-note h6 {
        text-align: left;
        font-weight: 100;
        font-size: 16px;
    }
    #news-calendar.bottom {
        width: 409px;
        margin: 0 auto;
    }
    #news-list {
        width: 409px;
        margin: 0 auto;
    }
    #news-list h1 {
        text-align: center;
    }
    #news-list h1 img {
        width: 260px;
        height: auto;
        padding-bottom: 40px;
    }
    #news-calendar.bottom #news-list h1 {
        text-align: center;
        margin: 20px auto;
        font-size: 18px;
        font-weight: 900;
        color: #7A7A7A;
    }
    #news-list dl a {
        width: 100%;
        display: block;
        background: url("../images/next.png") no-repeat 372px 45px #F8F8F8;
        color: #7A7A7A;
        height: 110px;
        margin-bottom: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }
    #news-list dl dd {
        width: 100px;
        float: left;
        text-align: center;
    }
    #news-list dl dd img {
        padding: 5px 8px;
        width: 100px;
        height: 100px;
        object-fit: cover;
		object-position: center top;
    }
    #news-list dl dt {
        width: 231px;
        float: right;
        /*padding-top: 38px;*/
        padding-right: 50px;
        padding-left: 20px;
        font-weight: 100;
        font-size: 16px;
        line-height: 1.6;
    }
    #calendar {
        width: 778px;
        /*height: 332px;*/
        background: #F8F8F8;
        display: block;
        margin: 20px auto;
    }
    #calendar h1 {
		text-align: center;
    }
    #calendar h1 img {
		height: 68px;
		width: auto;
		padding: 40px 0;
    }
    #prologue {
        margin-top: 80px;
        background: #F8F8F8;
    }
    #prologue .img-01 img,
    #prologue .img-02 img {
        width: 100%;
        height: auto;
    }
    #prologue h1 {
        height: 57px;
        text-align: center;
        padding: 80px 0;
    }
    #prologue h1 img {
        height: 57px;
        width: auto;
    }
    #prologue .read {
        font-size: 18px;
        color: #7A7A7A;
    }
    #prologue .read p {
        text-align: center;
        font-weight: 900;
        padding-bottom: 80px;
        line-height: 2.4;
    }
    #prologue .read p.img-02 {
        line-height: 0;
        background: #EFEFEF;
    }
    #playroom {
        background: #EFEFEF;
        width: 100%;
    }
    #playroom .inner {
        position: relative;
        width: 837px;
        margin: 0 auto;
        height: 760px;
    }
    #playroom .head {
        position: absolute;
        left: 20px;
        top: 160px;
        z-index: 100;
    }
    #playroom .head img {
        width: 62px;
        height: auto;
    }
    #playroom .photo {
        position: absolute;
        left: 115px;
        top: 160px;
        width: 300px;
    }
    #playroom .photo li {
        width: 94px;
        height: 94px;
        float: left;
        padding: 0 8px 8px 0;
    }
    #playroom .photo li:nth-child(3n) {
        padding: 0 0 8px 0;
    }
    #playroom .photo li img {
        width: 100%;
        height: auto;
    }
    #playroom .note {
        position: absolute;
        left: 440px;
        top: 426px;
        width: 409px;
    }
    #playroom .note h1 {
        font-weight: 900;
        font-size: 16px;
        padding-bottom: 7px;
    }
    #playroom .note dl dt {
        background: #707070;
        border-radius: 5px;
        padding: 6px 5px;
        font-size: 12px;
        color: #fff;
        font-weight: 1000;
        display: inline-block;
    }
    #playroom .note dl:first-of-type {
        width: 409px;
    }
    #playroom .note dl:first-of-type dt {
        float: left;
    }
    #playroom .note dl:first-of-type dd {
        float: right;
        width: 340px;
        padding-left: 9px;
        font-size: 11px;
        line-height: 1.6;
    }
    #playroom .note dl:first-of-type dd strong {
        font-size: 14px;
    }
    #playroom .note dl:nth-child(n+2) {
        float: left;
        margin: 5px 5px 0 0;
    }
    #playroom .btn {
        position: absolute;
        left: 440px;
        top: 567px;
        width: 397px;
        height: 99px;
    }
    #playroom .btn a {
        width: 397px;
        height: 94px;
        background: #C9C9C9 url("../images/next-02.png") no-repeat 76px 36px;
        border-radius: 5px;
        display: block;
        position: relative;
    }
    #playroom .btn span {
        width: 409px;
        height: 99px;
        background: #C9C9C9;
        border-radius: 5px;
    }
    #playroom .btn span em {
        position: absolute;
        left: 110px;
        top: 40px;
        color: #fff;
        font-weight: 900;
        font-size: 18px;
        text-shadow: rgba(0, 0, 0, 0.2) 2px 2px 0;
    }
    #playroom .btn img {
        width: 58px;
        height: auto;
        padding: 7px 7px 0 7px;
    }
    #genkiroom {
        background: #F5F5F5;
        width: 100%;
    }
    #genkiroom .inner {
        position: relative;
        width: 837px;
        margin: 0 auto;
        height: 642px;
    }
    #genkiroom .head {
        position: absolute;
        left: 221px;
        top: 50px;
        z-index: 100;
    }
    #genkiroom .photo {
        position: absolute;
        left: 539px;
        top: 156px;
        width: 300px;
    }
    #genkiroom .photo li {
        width: 94px;
        height: 94px;
        float: left;
        padding: 0 8px 8px 0;
    }
    #genkiroom .photo li:nth-child(3n) {
        padding: 0 0 8px 0;
    }
    #genkiroom .photo li img {
        width: 100%;
        height: auto;
    }
    #genkiroom .note {
        position: absolute;
        right: 0;
        top: 476px;
        width: 300px;
    }
    #genkiroom .note h1 {
        font-weight: 1000;
        font-size: 16px;
        padding-bottom: 5px;
    }
    #genkiroom .note dl dt {
        background: #707070;
        border-radius: 5px;
        padding: 6px 5px;
        font-size: 10px;
        color: #fff;
        font-weight: 1000;
        display: inline-block;
        float: right;
    }
    #genkiroom .note dl:first-of-type {
        width: 300px;
    }
    #genkiroom .note dl:first-of-type dt {
        float: left;
    }
    #genkiroom .note dl:first-of-type dd {
        float: right;
        width: 220px;
        padding-left: 9px;
        font-size: 11px;
        line-height: 1.6;
    }
    #genkiroom .note dl:first-of-type dd strong {
        font-size: 14px;
    }
    #genkiroom .note dl:nth-child(n+2) {
        float: left;
        margin: 5px 5px 0 0;
    }
    #genkiroom .btn {
        position: absolute;
        left: 215px;
        top: 851px;
        width: 94px;
    }
    #genkiroom .btn img {
        width: 100%;
        height: auto;
    }
    #facilities {
        background: #EFEFEF;
        width: 100%;
    }
    #facilities .inner {
        position: relative;
        width: 837px;
        margin: 0 auto;
        height: 620px;
    }
    #facilities .head {
        position: absolute;
        left: 0;
        top: 42px;
        z-index: 100;
    }
    #facilities .note {
        position: absolute;
        left: 294px;
        top: 565px;
        width: 300px;
    }
    #facilities .note dl {
        font-size: 16px;
        text-align: center;
    }
    #machinaka-prologue {
        background: #fff;
        position: relative;
        width: 100%;
    }
    #machinaka-prologue .img-01 img {
        width: 100%;
        height: auto;
    }
    #machinaka-prologue .read {
        /*padding: 40px 0;*/
        padding: 140px 0;
        width: 1000px;
        margin: 0 auto;
    }
    #machinaka-prologue .read p {
        text-align: center;
        font-weight: 1000;
        color: #7A7A7A;
        letter-spacing: 0.15em;
        font-size: 18px;
        line-height: 2.0;
        padding-bottom: 20px;
    }
    #machinaka {
        background: #F5F5F5;
        width: 100%;
    }
    #machinaka .inner {
        position: relative;
        width: 837px;
        margin: 0 auto;
        padding-bottom: 40px;
        /*height: 994px;*/
    }
    #machinaka h1 {
        width: 540px;
        padding: 65px 0 23px 0;
        margin: 0 auto;
    }
    #machinaka h1 img {
        width: 100%;
        height: auto;
    }
    #machinaka .read {
        text-align: center;
        font-weight: 1000;
        color: #7A7A7A;
        letter-spacing: 0.15em;
        font-size: 20px;
        padding-bottom: 40px;
    }
    #machinaka .gmap {
        width: 837px;
        height: 640px;
        background: #fff;
        margin: 15px 0;
    }
    #machinaka .gmap iframe {
        width: 837px;
        height: 640px;
    }
    #machinaka .btn a {
        border: 3px solid #BDBDBD;
        border-radius: 40px;
        background: #fff;
        padding: 20px 20px;
        font-size: 23px;
        font-weight: 1000;
        text-align: center;
        display: block;
        margin: 0 auto;
        color: #7A7A7A;
        width: 281px;
        text-decoration: none;
    }
    #machinaka-list {
        width: 409px;
        margin: 20px auto 0 auto;
    }
    #machinaka-list dl a {
        width: 100%;
        display: block;
        background: url("../images/next.png") no-repeat 372px 45px #FFF;
        color: #7A7A7A;
        height: 110px;
        margin-bottom: 5px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-decoration: none;
    }
    #machinaka-list dl dd {
        width: 100px;
        float: left;
    }
    #machinaka-list dl dd img {
        padding: 25px 10px;
        width: 100px;
        height: 100px;
        object-fit: cover;
		object-position: center top;
    }
    #machinaka-list dl dt {
        width: 290px;
        float: right;
        padding-left: 20px;
        padding-right: 38px;
        font-weight: 100;
        line-height: 1.6;
        font-size: 16px;
    }
    #howto {
        background: url("../images/howto-bg-pc.jpg") no-repeat left top;
        background-size: cover;
        width: 100%;
        padding: 0 15px 20px 15px;
    }
    #howto .inner {
        position: relative;
        width: 837px;
        margin: 0 auto;
        /*min-height: 994px;*/
        padding-bottom: 60px;
    }
    #howto h1:first-child {
        padding: 77px 0 50px 0;
        text-align: center;
    }
    #howto h1 img {
        width: 630px;
        height: auto;
    }
    #howto dl.info {
        width: 490px;
        margin: 0 auto 10px auto;
    }
    #howto dl.info dt {
        width: 105px;
        float: left;
        background: #fff;
        border-radius: 10px;
        font-size: 20px;
        font-weight: 1000;
        color: #707070;
        text-align: center;
        padding: 6px 5px;
    }
    #howto dl.info dd {
        float: right;
        font-size: 14px;
        color: #fff;
        padding: 0 0;
        width: 344px;
        line-height: 1.8;
    }
    #howto div#use {
        border: 5px solid #fff;
        padding: 30px 30px 30px 10px;
        color: #fff;
        width: 490px;
        margin: 60px auto 0 auto;
    }
    #howto div#use h2 {
        text-align: center;
        font-size: 18px;
        font-weight: 1000;
        padding-bottom: 20px;
    }
    #howto div#use p {
        text-align: left;
        font-size: 14px;
        line-height: 2.0;
        text-indent: -1em;
        padding-left: 2em;
    }
    #howto .status {
        margin-top: 60px;
        color: #fff !important;
        width: 430px;
    }
    #howto .status h1 {
        padding: 20px 0 0 0;
    }
    #howto .status table {
        width: 341px;
        margin: 15px auto 10px auto;
    }
    #howto .status .status-note {
        width: 341px;
        margin: 0 auto;
    }
    #howto .status .status-note .status-1 {
        width: 155px;
        float: left;
    }
    #howto .status .status-note .status-2 {
        width: 165px;
        float: right;
    }
    #howto .status .status-note .status-1 dt,
	#howto .status .status-note .status-2 dt {
		text-align: right;
    }
    #contents #howto .status .status-3 {
        width: 390px;
        /*height: 180px;*/
        text-align: center;
        /*position: absolute;
        top: 0px;
        left: 0;*/
        padding: 15px;
        background: #FFF;
        border: 5px solid #F8F8F8;
        /*display: none;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }
    #contents #howto .status .status-3 dt {
        float: left;
        line-height: 1.8;
        text-align: center;
        width: 290px;
        color: #707070;
        font-weight: 900;
        letter-spacing: 1px;
        padding-left: 10px;
    }
    #contents .status .status-3 dd {
        float: right;
        text-align: center;
        width: 78px;
    }
    /*   #contents #howto .status .status-3 {
       width: 341px;
       height: 160px;
       text-align: center;
       position: absolute;
       top: -3px;
       left: 0;
       background: #FFF;
       border: 5px solid #F8F8F8;
       display: none;
        color: #707070;
   }
   #contents #howto .status .status-3 dt {
       float: left;
       padding-top: 75px;
       text-align: center;
       width: 220px;
       font-weight: 900;
       letter-spacing: 2px;
   }
   #contents #howto .status .status-3 dd {
       float: right;
       padding-top: 43px;
       text-align: center;
       width: 119px;
       font-size: 45px;
   }*/
    #access {
        background: #F5F5F5;
        width: 100%;
    }
    #access .inner {
        position: relative;
        width: 837px;
        margin: 0 auto;
        padding-bottom: 60px;
    }
    #access h1:first-child {
        padding: 77px 0 50px 0;
        text-align: center;
    }
    #access h1 img {
        width: 620px;
        height: auto;
    }
    #access p.img {
        width: 490px;
        padding-bottom: 20px;
        margin: 0 auto;
    }
    #access p.img img {
        width: 490px;
        height: auto;
        border-radius: 20px;
    }
    #access dl {
        width: 490px;
        margin: 0 auto 50px auto;
    }
    #access dl dt {
        width: 105px;
        float: left;
        background: #707070;
        border-radius: 10px;
        font-size: 20px;
        font-weight: 1000;
        color: #fff;
        text-align: center;
        padding: 6px 5px;
    }
    #access dl dd {
        float: right;
        font-size: 14px;
        color: #8B8B8B;
        padding: 0 0;
        width: 344px;
        line-height: 1.8;
    }
    #access a {
        color: #8B8B8B;
    }
    #access dl dd strong {
        font-weight: 900;
    }
    #access .gmap {
        width: 595px;
        height: 595px;
        background: #fff;
        margin: 15px auto;
    }
    #access .gmap iframe {
        width: 595px;
        height: 595px;
    }
    #access .btn a {
        border: 3px solid #BDBDBD;
        border-radius: 40px;
        background: #fff;
        padding: 20px 20px;
        font-size: 23px;
        font-weight: 1000;
        text-align: center;
        display: block;
        margin: 0 auto;
        color: #7A7A7A;
        width: 281px;
        text-decoration: none;
    }
    #news-details {
        color: #7A7A7A;
        width: 1000px;
        margin: 0 auto;
    }
    #news-details h1 {
        font-size: 20px;
        font-weight: 900;
        text-align: center;
        line-height: 2.0;
        padding-bottom: 10px;
    }
    #news-details p#date {
        font-size: 14px;
        text-align: center;
        padding-bottom: 10px;
    }
    #news-details .section {
        padding: 30px 0;
        line-height: 1.8;
        width: 1000px;
    }
    #news-details .section img {
        width: 100%;
        height: auto;
    }
    #news-details .section ul {
        list-style-type: disc;
        padding: 0 0 0 20px;
    }
    #news-details .section ol {
        list-style-type: decimal;
        padding: 0 0 0 20px;
    }
    #news-details .section p,
    #news-details .section ul,
    #news-details .section ol {
        padding-bottom: 20px;
    }
    #news-details blockquote {
        padding: 20px;
        background: #eee;
        margin-bottom: 20px;
    }
    #news-details blockquote p:last-child {
        padding-bottom: 0;
    }
    #news-details hr {
        border: 1px solid #eee;
        margin: 20px 0;
    }
    #news-details a {
        color: #7A7A7A;
        padding: 0 5px;
    }
    #news-details h2 {
        text-align: center;
        font-weight: 900;
        font-size: 18px;
        padding-bottom: 10px;
    }
    #news-details h3 {
        text-align: center;
        font-weight: 900;
        font-size: 16px;
        padding-bottom: 10px;
    }
    #news-details h4 {
        text-align: left;
        font-weight: 900;
        font-size: 16px;
        padding-bottom: 10px;
    }
    #news-details h5 {
        text-align: left;
        font-weight: 100;
        font-size: 16px;
        padding-bottom: 10px;
    }
    #news-details h6 {
        text-align: left;
        font-weight: 100;
        font-size: 16px;
    }
    #news-details nav {
        width: 300px;
        margin: 0 auto;
        border-top: 1px solid #CCC;
        border-bottom: 1px solid #CCC;
        margin-top: 30px;
        padding-bottom: 20px;
    }
    #news-details nav ul {
        width: 180px;
        margin: 0 auto;
    }
    #news-details nav ul a {
        background: url(../images/next.png) no-repeat 5px 15px;
        padding: 20px 15px 15px 30px;
        text-decoration: none;
        line-height: 2.0;
        color: #7A7A7A;
        font-size: 14px;
        height: 10px;
        display: block;
    }
    footer {
        padding: 25px 0;
        color: #7A7A7A;
    }
    footer table a {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: #7A7A7A;
    }
    footer .sns-01 {
        height: 110px;
        padding-top: 20px;
    }
    footer .sns-01 img {
        width: 50px;
        height: auto;
        margin: 10px;
    }
    footer h1 {
        text-align: center;
        font-size: 12px;
        padding: 0 0 30px 0;
    }
    footer h1 img {
        padding: 15px 0 0 0;
    }
    footer p {
        text-align: center;
        font-size: 16px;
        line-height: 2.4;
    }
    footer table {
        width: 280px;
        margin: 0 auto;
        font-size: 16px;
    }
    footer table th {
        text-align: left;
    }
    footer table th,
    footer table td {
        padding: 10px 5px;
    }
    footer #copyright {
        text-align: center;
        padding: 30px 0 15px 0;
        font-size: 10px;
    }
    #toTop {
        position: fixed;
        bottom: 0;
        right: 10px;
        width: 103px;
        height: 103px;
        z-index: 100;
    }
    #toTop img {
        width: 103px;
        height: 103px;
    }
}

a:hover {
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

.clearfix:before {
    content: "";
    display: block;
    clear: both;
}

.clearfix {
    display: block;
}