全体*/ @charset "UTF-8";

*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    color: #666464;
    font-size: 10pt;
    font-family: sans-serif;
    line-height: 1.7em;
}

dd {
    margin: 0px;
}

h2 {
    font-size: 16pt;
    font-weight: normal;
}

h3 {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    font-size: 13pt;
    font-weight: normal;
}

#summary h3,
#access h3 {
    font-size: 10pt;
    margin-top: 3em;
}

ul {
    margin: 0px;
    padding: 0px;
}

li {
    list-style-type: none;
}

a:link {
    color: #E60911;
}

a:visited {
    color: #E60911;
}

a:hover {
    color: #b3070d;
}

a:active {
    color: #b3070d;
}

a {
    text-decoration: none;
}

.footermenu,
.copyright,
#guidance h2,
#guidance_group h2,
#guidance_gennmenn h2,
#zaimu h2,
#history h2,
#event h2,
#event p,
#access h2,
#tomonokai h2,
#sitemap h2,
#policy h2,
#policy h3,
.center {
    text-align: center;
}

.textright {
    text-align: right;
}

.line {
    text-align: center;
    max-width: 1000px;
    width: 100%;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

.smalltext {
    font-size: 8pt;
}

#summary,
#zaimu,
#guidance_gennmenn,
#history,
#access,
#bus,
#bus3,
#event,
#showpiece,
#tomonokai,
#sitemap {
    margin-right: 40px;
    margin-left: 40px;
}

#summary,
#guidance,
#guidance_group {
    margin-top: 30px;
}

#summary,
#zaimu,
#guidance,
#guidance_group,
#guidance_gennmenn,
#history,
#access,
#bus,
#bus3,
#event,
#showpiece,
#tomonokai,
.imgarea img {
    margin-bottom: 40px;
}





/*矢印つきのリンク*/

.footermenu .arrowlink {
    line-height: 10px;
}

#event .arrowlink {
    line-height: 24px;
    color: #666464;
}

#access .arrowlink,
#guidance .arrowlink,
#guidance_group .arrowlink {
    line-height: 18px;
}

#showpiece .arrowlink {
    line-height: 14px;
}

.arrowlink img {
    vertical-align: top;
    margin-right: 5px;
}

.arrowlink :hover {
    opacity: 0.6;
    filter: alpha(opacity=100);
    /* Ie用 */
}

.arrowlink a:link {
    color: #666464;
}

.arrowlink a:visited {
    color: #666464;
}

.arrowlink a:hover {
    color: #666464;
}

.arrowlink a:active {
    color: #666464;
}





/*戻るリンク*/

.return {
    font-size: 13pt;
    line-height: 20px;
}





/*点線エリア*/


/*.border{
    border-top: 5px dashed #bfc0c0;
}*/

.sitemaparea {
    padding-bottom: 36px;
}

.accessmap,
.gennmennarea,
.circlelink,
.eventarea,
.policyarea,
.policyarea ul {
    padding-top: 36px;
    padding-bottom: 36px;
}





/*マージン*/

.mb20 {
    margin-bottom: 20px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb80 {
    margin-bottom: 80px;
}

#access .mt0 {
    margin-top: 0;
}





/*上に戻るボタン*/

#pageTop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

#pageTop a:hover {
    text-decoration: none;
    opacity: 0.7;
}





/*ナビゲーション*/

h1 {
    /*    width: 171px;
    float: left;*/
    margin-left: 20px
}

.clear {
    display: none;
}

.headermenu ul,
.headermenu ul li,
.headermenu ul li a {
    margin: 0;
    margin-top: 20px;
    padding: 0;
}

.headermenu ul {
    text-align: right;
    margin-right: 30px;
}

.headermenu ul li {
    display: inline;
}

.headermenu a img {
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* Ie用 */
}

.headermenu img:hover {
    opacity: 1.0;
    filter: alpha(opacity=100);
    /* Ie用 */
}

.headermenu img {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    margin-top: 18px;
}

.headermenu a {
    position: relative;
    display: inline-block;
    transition: .3s;
}

.headermenu a::after {
    position: absolute;
    margin-bottom: 50px;
    bottom: .3em;
    left: 0;
    right: 0;
    content: '';
    width: 70px;
    height: 13px;
    background-image: url(../images/nav_point.png);
    opacity: 0;
    transition: .4s;
}

.headermenu a:hover::after {
    bottom: 0;
    opacity: 1;
}

.headermenu .menutop a::after {
    left: 12px;
}

.headermenu .menusummary a::after {
    left: 0px;
}

.headermenu .menuguidance a::after {
    left: 16px;
}

.headermenu .menuaccess a::after {
    left: 4px;
}

.headermenu .menuevent a::after {
    left: 14px;
}

.headermenu .menushowpiece a::after {
    left: 16px;
}

.headermenu .menutomonokai a::after {
    left: 0px;
}

.footermenu img {
    margin-top: 0px;
    margin-left: 10px;
}

.copyright {
    color: #BFC0C0;
    font-size: 8pt;
    -webkit-margin-before: 0em;
}

.footermenu,
.copyright {
    margin-top: 0px;
    text-align: center;
}





/*top*/

.fade {
    max-width: 859px;
    margin: 0 auto;
}

.fade div {
    width: 100%;
    height: auto;
}

.fade img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 640px) {
    .fade {
        width: 100%;
        margin: 0 auto;
    }

    .slick-arrow {
        z-index: 999 !important;
    }

    .slick-prev {
        left: 25px;
    }

    [dir='rtl'] .slick-prev {
        right: 25px;
    }

    .slick-next {
        right: 25px;
    }

    [dir='rtl'] .slick-next {
        left: 25px;
    }

    .slick-prev:before,
    .slick-next:before {
        color: #6F6F6F;
    }
}

.news {
    margin-left: 42px;
    margin-right: 30px;
}

.newsarea {
    background-color: #ebecec;
    width: 500px;
    height: 300px;
    padding: 20px;
    overflow: auto;
    zoom: 1;
}

.newstitle {
    font-size: 16px;
    margin-bottom: 12px;
    margin-before: 0em;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

.newstext {
    line-height: 1.7em;
    margin-bottom: 12px;
    font-size: 8pt;
}





/*border-bottom: solid 1px #BFC0C0;*/


/*.newsarea dt{
    font-size: 16px;
    margin-bottom: 12px;
}*/


/*.newsarea dd{
    padding-bottom: 12px;
    border-bottom: solid 1px #BFC0C0;
    line-height: 1.7em;
    margin-bottom: 12px;
    font-size: 8pt;
}*/

.new {
    color: #E60911;
}

.news,
.twitter {
    float: left;
}

.twitterpolicy {
    text-align: right;
}





/*summary*/

.imgarea {
    float: left;
    margin-right: 80px;
}

.textarea {
    overflow: hidden;
}

#summary p {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

#summary h2 {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

#summary h3 {
    margin-bottom: 2em;
}

#summary h4 {
    font-weight: normal;
    margin-top: 2em;
    margin-bottom: 2em;
}

#summary .outline h4 {
    margin-top: 0em;
}

#summary .institution h4,
#summary .outline h4 {
    margin-bottom: 0em;
}

.arrowlinkarea {
    margin-top: 30px;
}

.arrowlinkarea a {
    margin-right: 40px;
}





/*zaimu*/

#zaimu .circlelink {
    font-size: 14pt;
    padding-left: 350px;
    line-height: 30px;
}

#zaimu .circlelink img {
    vertical-align: top;
    margin-right: 10px;
}

.circlelink :hover {
    opacity: 0.6;
    filter: alpha(opacity=100);
    /* Ie用 */
}

.circlelink a:link {
    color: #666464;
}

.circlelink a:visited {
    color: #666464;
}

.circlelink a:hover {
    color: #666464;
}

.circlelink a:active {
    color: #666464;
}





/*guidance*/

#guidance table,
#guidance_group table,
#guidance_gennmenn table {
    background: #E6E6E6;
    margin: 0 auto;
}

.guidance_group_text {
    margin-left: 200px;
}

#guidance tr,
#guidance_group tr,
#guidance_gennmenn tr {
    border-bottom: 7px solid #ffffff;
}

#guidance th,
#guidance_group th,
#guidance_gennmenn th {
    font-weight: normal;
    padding-left: 30px;
    padding-right: 20px;
    text-align: left;
}

#guidance td,
#guidance_group td,
#guidance_gennmenn td {
    padding: 14px;
}

#guidance_group .guidance_restrant_img td {
    padding-top: 0px;
}

#guidance_group .guidance_restrant {
    border-bottom: 0px solid #ffffff;
}

.guidance_restrant_img p {
    float: left;
    font-size: 10px;
}

.restrant_1 {
    margin-bottom: 10em;
}

.restrant_3 {
    margin-left: 20px;
}

#guidance_gennmenn h3 {
    margin-left: 60px;
    margin-top: 40px;
}

#guidance_gennmenn table {
    width: 800px;
}

#guidance_gennmenn .gennmenn1 th,
#guidance_gennmenn .gennmenn2 th {
    width: 150px;
}

#guidance_gennmenn .gennmenn3 tr {
    border-bottom: 4px solid #ffffff;
    text-align: center;
}

#guidance_gennmenn .gennmenn3 td {
    border-left: 4px solid #ffffff;
}





/*history*/

#history p {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    margin-top: 0;
    margin-bottom: 0;
}

#history tbody {
    vertical-align: top;
}

#history table th {
    padding: 5px;
    padding-right: 20px;
    text-align: right;
    font-weight: normal;
}

#history table td {
    padding: 5px;
    padding-left: 20px;
}

#history table colgroup#month {
    text-align: right;
    padding-right: 20px;
    margin-right: 20px;
}

#history table colgroup#detail {
    border-left: 5px solid #bfc0c0;
}

#history .indent {
    text-indent: 5em;
}





/*access*/

#access .line {
    margin-top: 60px;
}

.trainimg,
.trainstation,
.traintext {
    float: left;
}

.trainstation {
    border: 3px solid #666565;
    margin-left: 10px;
    height: 247px;
    padding: 30px;
}

.trainstation p {
    font-size: 13pt;
    margin-top: 50px;
}

.trainstation .arrowlink {
    font-size: 10pt;
}

.traintext {
    margin-left: 20px;
    width: 400px;
}

.traintext .arrowlink {
    font-size: 12pt;
}





/*event*/

#event .arrowlink {
    margin-bottom: 36px;
}

.eventarea img {
    float: left;
    margin-right: 80px;
}

.eventarea dl,
.eventarea dd,
.eventarea h3 {
    overflow: hidden;
    _zoom: 1;
    /*IE6バグ対策*/
}

.eventarea dt {
    float: left;
    text-align: right;
}

.eventarea dd {
    padding-left: 1em;
}





/*showpiece*/

.shownav {
    /*border-right: 5px dashed #bfc0c0;*/
    float: left;
    padding-right: 20px;
}

.shownav .arrowlink img {
    margin-right: 10px;
    margin-left: 10px;
}

.showbody {
    margin-left: 200px;
}

.showbody h2 img {
    vertical-align: middle;
    margin-right: 10px;
    margin-left: 20px;
}

.showbodytitle {
    margin-left: 20px;
}

.showitem {
    position: relative;
    float: left;
    margin-left: 20px;
}

.showitem span.remark {
    display: none;
}

.showitem dd:hover span.remark {
    background: none repeat scroll 0 0 #666464;
    color: #ffffff;
    display: block;
    line-height: 1.2em;
    padding: 10px;
    position: absolute;
    top: 160px;
    width: 100%;
    z-index: 1;
}

.showtext {
    font-size: 9pt;
}





/*tomonokai*/

.benefits {
    background-color: #E6E6E6;
    padding: 6px;
    margin-bottom: 10px;
}

.benefits p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 16px;
}

#tomonokai th {
    font-weight: normal;
    text-align: left;
    padding-right: 50px;
    padding-bottom: 10px;
    vertical-align: top;
}

#tomonokai td {
    padding-bottom: 10px;
}

#tomonokai caption {
    text-align: left;
}





/*sitemap*/

#sitemap .mainpage {
    font-size: 16pt;
    line-height: 18px;
}

.subpage {
    line-height: 18px;
}

.sitemaparea p {
    margin-bottom: 40px;
}





/*policy*/

#policy p {
    margin-left: 200px;
    margin-right: 100px;
}

#policy li {
    margin-left: 300px;
    margin-right: 100px;
}


remark
/*clearfix*/

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

.clearfix {
    min-height: 1px;
}

* html .clearfix {
    height: 1px;
    /*¥*/
    /*/
  height: auto;
  overflow: hidden;
  /**/
}






/* レスポンシブ追記ここから */
.disp_bl {
    display: block;
}

.menu_1 {
    width: 100%;
}

.menutop img {
    max-width: 94px;
    max-height: 57px;
    width: 100%;
    height: auto;
}

#global-nav ul {
    width: 100%;
}

.linetop {
    text-align: center;
    max-width: 1000px;
    width: 100%;
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
}

.linetop img {
    width: 100%;
}

.line img {
    width: 100%;
}

#indextop {
    width: 100%;
}

.menusummary img {
    max-width: 70px;
    max-height: 60px;
    width: 100%;
    height: auto;
}

.menuguidance img {
    max-width: 103px;
    max-height: 60px;
    width: 100%;
    height: auto;
}

.menuaccess img {
    max-width: 79px;
    max-height: 60px;
    width: 100%;
    height: auto;
}

.menuevent img {
    max-width: 101px;
    max-height: 60px;
    width: 100%;
    height: auto;
}

.menushowpiece img {
    max-width: 101px;
    max-height: 60px;
    width: 100%;
    height: auto;
}

.menutomonokai img {
    max-width: 70px;
    max-height: 60px;
    width: 100%;
    height: auto;
}

.top-head {
    max-width: 1000px;
    width: 100%;
    margin: 0;
    padding: 0;
    z-index: 999;
}

.top-head a,
.top-head {
    color: #000;
    text-decoration: none;
}

.top-head .inner {
    position: relative;
}

.top-head .logo {
    float: left;
    font-size: 36px;
}

.mlogo {
    max-width: 171px;
    width: 100%;
    border-right: none;
    float: left;
}





/* Toggle Button */

.navleft {
    top: -3px;
    right: 0px;
    font-size: 10pt;
    color: #666;
    text-align: center;
}

#nav-toggle {
    display: none;
    position: absolute;
    right: 10px;
    top: 6px;
    width: 60px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}

#nav-toggle div {
    position: relative;
}

#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

#nav-toggle span:nth-child(1) {
    top: 0;
}

#nav-toggle span:nth-child(2) {
    top: 9px;
}

#nav-toggle span:nth-child(3) {
    top: 18px;
}

.twitter {
    max-width: 300px;
    width: 100%;
}

.bordernews img {
    max-width: 485px;
    height: 1px;
    width: 100%;
}





/*概要ページ*/

#summary .imgarea {
    width: 48%;
    margin: 0 auto;
}

#summary .textarea {
    width: 48%;
    padding: 10px;
}

#summary .imgarea img {
    max-width: 380px;
    width: 100%;
}





/*概要ページ*/


/*ご利用案内*/

#guidance table,
#guidance_group table {
    width: 95%;
}

#guidance_gennmenn table {
    width: 100%;
}



/*ご利用案内*/


/*財務*/

#zaimu .circlelink {
    font-size: 14pt;
    padding-left: 35%;
    line-height: 30px;
}





/*財務*/


/*アクセス*/

.ggmap {
    width: 100%;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    max-width: 600px;
    max-height: 450px;
    width: 100%;
    height: 100%;
}

.accesscar .center img {
    max-width: 800px;
    max-height: 623px;
    width: 100%;
}

.accesstrain .act img {
    max-width: 300px;
    max-height: 307px;
    width: 100%;
}

.traintext {
    margin-left: 20px;
    max-width: 400px;
    width: 100% !important;
}

#bus img {
    border: 0;
    width: 100%;
}

#bus3 img {
    border: 0;
    width: 100%;
}

#bus3 .arrowlink img {
    width: 12px;
    height: 16px;
}

#bus .arrowlink img {
    width: 12px;
    height: 16px;
}


/*アクセス*/


/*イベント*/

#event footer .arrowlink {
    line-height: 10px;
}









/*イベント*/


/*プライバシーポリシー*/

#policy p {
    width: 70%;
    margin: 0 auto;
}

#policy ul {
    width: 50%;
    margin: 0 auto;
}

#policy li {
    margin: 0;
}





/*プライバシーポリシー*/


/*展示物*/

#showpiece {
    width: 100%;
}

#showpiece dl {
    max-width: 220px;
    width: 100%;
}

#showpiece dd {
    width: 100%;
}

.showitem dd img {
    width: 100%;
}

.showitem dd .arrowlink img {
    width: 8px !important;
    height: 14px;
}

.outsideimg img {
    max-width: 445px;
    width: 95%;
}


.outsideimg {
    margin-left: 20px;
}





/*展示物*/

@media screen and (max-width: 915px) {

    .newsarea {
        width: 400px;
    }

    .mlogo img {
        margin-top: 17px;
        width: 200px;
    }

    .guidance_group_text {
        margin-left: 150px !important;
    }
}

@media screen and (max-width: 850px) {
    .mlogo {

        float: none;
        margin: 0 auto;
    }

    .headermenu ul {
        text-align: center;
    }

    .headermenu ul,
    .headermenu ul li,
    .headermenu ul li a {
        margin-top: 0px;
    }

    h1 {
        margin: 0.67em 0 0 0;
    }

    .guidance_group_text {
        margin-left: 100px !important;
    }

    .eventarea img {
        margin-right: 30px;
    }
}

@media screen and (max-width: 815px) {

    .newsarea {
        width: 300px;
    }
}

@media screen and (max-width: 750px) {

    /*団体ご案内*/
    #guidance_group {
        margin-top: 100px;
    }

    .guidance_group_text {
        margin-left: 20px !important;
        width: 95%;
    }

    #guidance_group td {
        padding: 14px 0;
    }

    #guidance_group table {
        width: 95%;
        margin: 0 auto;
    }

    #guidance_group th {
        width: 100%;
        display: block;
        padding: 14px 0px;
        background: #ccc;
    }

    #guidance_group td {
        width: 100%;
        display: block;
        padding: 14px 0px;
        background: #e6e6e6;
    }

    .guidance_restrant_img p {
        float: none;
        font-size: 10px;
    }

    .guidance_restrant_img th {
        background: #e6e6e6 !important;
    }

    .restrant_1 {
        margin-bottom: 10px;
    }

    .restrant_3 {
        margin-left: 0px;
    }

    #guidance_group p {
        margin-left: 10px;
        margin-right: 10px;
    }

    /*団体ご案内*/
    /*展示物*/
    .shownav {
        width: 100%;
        border-right: 0;
        float: none;
        padding-right: 0px;
    }

    .shownavimg {
        float: left;
        width: 30%;
    }

    .shownavlist {
        float: left;
        width: 70%;
        border-bottom: none;
        margin-bottom: 30px;
    }

    .cleafix_f {
        clear: both;
    }

    .shownav .shownavlist p {
        float: left;
        width: 48%;
        font-size: 11pt;
        line-height: 20px !important;
        margin: 10px 0;
    }

    .showbody {
        width: 100%;
        margin: 10px auto;
    }

    .showbodylist {
        width: 100%;
        margin: 0 auto;
    }

    #showpiece {
        margin: 0px auto;
        margin-top: 30px;
        width: 100%;
    }

    #showpiece dl {
        max-width: 200px;
        width: 100%;
        height: 300px;
    }

    #showpiece dd {
        width: 100%;
    }

    .showitem {
        padding: 5px;
        margin: 0;
    }

    .showitem span.remark {
        display: block;
    }

    .showitem dd img {
        width: 100%;
    }

    .showitem dd:hover span.remark {
        background: none;
        color: #666464;
        display: initial;
        line-height: 2.2em !important;
        padding: 0px;
        position: static;
        width: 100% !important;
        margin: 0;
    }

    .outsideimg {
        margin-left: 0px;
    }

    /*展示物*/
}

@media screen and (max-width: 715px) {
    .newsarea {
        width: 100%;
    }

    .twitter {
        max-width: 715px;
        width: 60%;
        margin: 0 auto;
    }

    .news,
    .twitter {
        float: none;
    }

    .news {
        margin-left: 42px;
        margin-right: 82px;
    }

    .guidance_group_text {
        margin-left: 20px !important;
        width: 95%;
    }

    .eventarea img {
        float: none;
        margin: 20px auto;
        width: 60%;
    }

    .eventarea dd {
        padding-left: 1.5em;
    }

    .eventarea dt {
        font-weight: bold;
    }
}

@media screen and (max-width: 650px) {
    h1 {
        margin: 0;
    }

    #summary,
    #zaimu,
    #guidance_gennmenn,
    #history,
    #access,
    #bus,
    #bus3,
    #event,
    #showpiece,
    #tomonokai,
    #sitemap {
        margin-right: 10px;
        margin-left: 10px;
    }

    .headermenu a img {
        opacity: 1;
    }

    .headermenu a::after {
        background-image: none;
    }

    .headermenu ul {
        text-align: center;
    }

    .headermenu ul,
    .headermenu ul li,
    .headermenu ul li a {
        margin: 0;
        margin-top: 0px;
        padding: 0;
    }

    .slick-slider {
        margin-top: 35px;
    }

    .linetop {
        margin-top: 85px;
    }

    .top-head,
    .inner {
        width: 100%;
        padding: 0;
    }

    .top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
        background: #fff;
    }

    .headermenu img {
        margin-top: 10px;
    }

    /* Fixed reset */
    .top-head.fixed {
        padding-top: 0;
        background: transparent;
    }

    #mobile-head {
        background: #fff;
        width: 100%;
        height: 75px;
        z-index: 999;
        position: relative;
    }

    .top-head.fixed .logo,
    .top-head .logo {
        position: absolute;
        left: 13px;
        top: 0px;
        color: #333;
        font-size: 26px;
    }

    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: rgba(255, 255, 255, 0.9);
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }

    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }

    #global-nav li {
        padding: 20px 0;
        border-left: none;
        border-right: none;
    }

    #global-nav li+li {
        border-left: 0;
        border-right: none;
    }

    .mlogo {
        max-width: 260px;
        width: 100%;
        border-right: none;
        float: none;
        padding-left: 20px;
    }

    #global-nav ul li {
        float: none;
        width: 100%;
        position: static;
    }

    .top-head #global-nav ul li a,
    .top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 0;
    }

    #nav-toggle {
        display: block;
        border: 1px solid #666;
        padding: 5px 10px;
        height: 60px;
        border-radius: 5px;
    }

    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }

    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }

    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }

    /*概要ページ*/
    #summary .imgarea {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    #summary .textarea {
        width: 100%;
        padding: 0px;
    }

    #summary .imgarea img {
        max-width: 380px;
        width: 100%;
    }

    /*概要ページ*/
    /*ご利用案内*/
    #guidance tr {
        width: 100%;
    }

    #guidance th {
        width: 100%;
        display: block;
        padding: 14px 0;
        background: #cccccc;
    }

    #guidance td {
        width: 100%;
        display: block;
        padding: 14px 0;
        background: #e6e6e6;
    }

    #guidance p {
        margin-left: 10px;
        margin-right: 10px;
    }

    #summary,
    #guidance,
    #guidance_group {
        margin-top: 30px;
    }

    /*ご利用案内*/
    /*歴史*/
    #history table th {
        padding: 5px;
        padding-right: 0;
        text-align: left;
        font-weight: normal;
        width: 100%;
        display: block;
    }

    #history table td {
        padding: 20px 5px;
        padding-left: 0px;
        width: 100%;
        display: block;
        border-bottom: 3px solid grey;
        margin-bottom: 20px;
    }

    #history .indent {
        text-indent: 0em;
    }

    /*歴史*/
    /*財務*/
    #zaimu {
        margin-top: 65px;
    }

    /*財務*/
    /*入館料減免*/
    #guidance_gennmenn h3 {
        margin-left: 15px;
        margin-top: 0px;
    }

    #guidance_gennmenn table {
        background: #E6E6E6;
    }

    #guidance_gennmenn {

        margin-top: 30px;
    }

    #guidance_gennmenn .gennmenn1 th,
    #guidance_gennmenn .gennmenn2 th {
        width: 100%;
        display: block;
        padding: 14px 0;
        background: #cccccc;
    }

    #guidance_gennmenn .gennmenn1 td,
    #guidance_gennmenn .gennmenn2 td {
        width: 100%;
        display: block;
        background: #e6e6e6;
    }

    #guidance_gennmenn .gennmenn3 th {
        width: 100%;
        display: block;
        padding: 14px;
    }

    #guidance_gennmenn .gennmenn3 tr {
        width: 100%;
        display: block;
    }

    #guidance_gennmenn .gennmenn3 td {
        width: 10%;
    }

    #guidance_gennmenn th {
        padding: 0;
        width: 35%;
    }

    #guidance td,
    #guidance_group td,
    #guidance_gennmenn td {
        padding: 14px 0;
    }

    #guidance_gennmenn .gennmenn3 td {
        border: 1px solid #ffffff;
    }

    #guidance_gennmenn .gennmenn3 tr {
        border-bottom: 0px solid #ffffff;
    }

    #guidance_gennmenn p {
        margin-left: 10px;
        margin-right: 10px;
    }

    /*入館料減免*/
    /*アクセス*/
    .arrowlinkarea a {
        margin: 20px 0;
        display: block;
    }

    .accesstrain .act img {
        max-width: 300px;
        max-height: 307px;
        width: 45%;
    }

    .trainstation {
        padding: 15px;
    }

    .traintext {
        margin-left: 10px;
    }

    /*アクセス*/
    /*友の会*/
    #tomonokai th {
        width: 100%;
        display: block;
        padding-right: 0px;
        padding-bottom: 5px;
    }

    #tomonokai td {
        width: 100%;
        display: block;
        padding-right: 0px;
        padding-bottom: 20px;
    }

    .benefits p {
        display: block;
        margin: 10px;
    }

    /*友の会*/
    /*プライバシーポリシー*/
    #policy p {
        width: 90%;
        margin: 0 auto;
    }

    #policy ul {
        width: 90%;
        margin: 0 auto;
    }

    /*プライバシーポリシー*/
    /*展示物*/
    #showpiece dl {
        max-width: initial;
        width: 40%;
    }

    #showpiece dt {
        font-size: 9px;
    }

    #showpiece dd {
        font-size: 9px;
    }

    /*展示物*/
}

@media screen and (max-width: 550px) {
    .shownavimg {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    /*展示物*/
    .shownavlist {
        float: left;
        width: 100%;
        border-bottom: 2px dashed #bfc0c0;
        margin-bottom: 30px;
    }

    /*展示物*/
}

@media screen and (max-width: 500px) {
    .block_resp {
        display: block;
    }

    h2 {
        font-size: 14pt;
    }

    .twitter {

        width: 90%;
    }

    #zaimu .circlelink {

        padding-left: 10%;
    }

    .news {
        margin: 0;
    }

    .news img {
        margin-left: 2%;
    }

    .newsarea {
        width: 95%;
        margin: 0 auto;
    }

    .twitterpolicy {
        text-align: center;
    }

    .eventarea img {
        float: none;
        margin: 20px auto;
        width: 100%;
    }

    .guidance_group_text {
        margin-left: 10px !important;
    }

    /*アクセス*/
    .accesstrain .act img {
        max-width: 300px;
        max-height: 307px;
        width: 50%;
    }

    .trainstation {
        padding: 5px;
        height: 200px;
    }

    /*アクセス*/
    /*展示物*/
    #showpiece dl {
        max-width: initial;
        width: 47%;
    }

    .showitem {
        line-height: 1.3em;
    }

    /*展示物*/
}

@media screen and (max-width: 415px) {
    #showpiece dl {
        max-width: initial;
        width: 100%;

    }

    .showitem dd img {
        width: 100%;
        height: auto;
    }

    #showpiece dl {
        height: initial;
    }
}

@media screen and (max-width: 330px) {

    /*展示物*/
    .shownavlist p {
        font-size: 8px;
    }

    #showpiece dl {
        max-width: initial;
        width: 45%;
    }

    /*展示物*/
}








/* レスポンシブ追記ここまで*/


/*2019追記*/

.shownavimg {

    max-width: 200px;
}

.shownavimg img {
    width: 100%;
}

.eventarea {
    /*border-bottom: 8px dashed #bfc0c0;*/
    border-top: 3px dashed #bfc0c0;
    overflow: hidden;
}

.flexbox {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: left;
    align-items: left;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#showpiece dt {
    height: 45px;
}


.eventtable th {
    width: 100px;
    text-align: left;
}

.eventtable tr {
    display: block;
    margin: 15px 0px;

}

.eventimage {
    float: left;
}

.shownav {

    padding-right: 0px;
}

.showt {
    margin-left: 20px;
}

/*
.showbox {
    overflow: hidden;
    height: auto;
}
*/
.englishmenu {
    position: absolute;
    top: -5px;
    right: 10px;
}

.englishmenu:hover {
    opacity: 0.5;

}

@media screen and (max-width: 850px) {
    .top-head .logo {
        float: none;

    }

    .englishmenu {
        position: absolute;
        top: 25px;
        right: 50px;
    }
}

@media screen and (max-width: 750px) {

    /* .showbox {
        overflow: inherit;
    }*/
    .eventimage {
        float: none;
    }

}

@media screen and (max-width: 650px) {
    .englishmenu {
        position: absolute;
        top: 30px;
        right: 121px;
        z-index: 999;

    }
}

@media screen and (max-width: 360px) {

    .top-head.fixed .logo,
    .top-head .logo {
        position: absolute;
        left: 13px;
        top: 10px;
        color: #333;
        font-size: 26px;
    }

    .mlogo img {
        margin-top: 17px;
        width: 143px;
    }

    .englishmenu {
        right: 110px;

    }

}