@charset "utf-8"; /* CSS Document */
/**
 * index.css
 */
/* index
--------------------------------------------------*/
/* layout */
body.ie6 .topSection .wrap {
    position: relative;
}

.topSection {
    overflow: hidden;
    background-color: #fff;
}

.topSection02 {
    overflow: hidden;
    background: url(../../../common/img/cts_bg01.jpg) no-repeat center top;
}

/* gHeader */
#gHeader {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    background: url(../../img/space.gif) repeat left top;
}

#gHeader.white #hSearch input {
    color: #ffffff !important;
}

#gHeader.white #hSearch .submit {
    background-position: right top;
}

#gHeader.white #hSearch .submit:hover {
    background-position: left bottom;
}

#gHeader.white #hLang li a {
    color: #ffffff !important;
}

#gHeader.white #hLang li.other a {
    border-left-color: #ffffff;
}

#gHeader.white #hLang li.on a, #gHeader.white #hLang li a:hover {
    color: #f1832c !important;
}

#gHeader.white #gNav li a {
    border-bottom: none;
    color: #ffffff !important;
}

#gHeader.white #gNav li.on a, #gHeader.white #gNav li a:hover {
    color: #f1832c !important;
}

/* mainVisual */
#mainVisual {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: #ffffff;
    padding-top: 0px;
}

body.ie6 #mainVisual {
    position: absolute;
}

#mainSlide {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 100px;
}

#mainSlide li {
    display: none;
}

#mainSlide li img {
    height: 100vh;
    object-fit: cover;
    object-position: 0% 0%;
}

/* mainArea */
#mainArea {
    zoom: 1; visibility: hidden;
    position: relative;
    z-index: 2;
    padding-bottom: 100%;
}

#mainArea #mainBnr {
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    text-align: center;
}

#mainArea #mainBnr a {
    position: relative;
    display: inline-block;
    padding: 0 17px;
    border-bottom: none;
    border-radius: 15px;
    background: #ffffff;
    color: #333333 !important;
    font-size: 92.3%;
    line-height: 30px;
}

#mainArea #mainBnr a.active {
    color: #ffffff !important;
}

#mainArea #mainBnr a span {
    padding: 0 20px;
    background: url(../../img/arw-06.png) no-repeat right center;
}

#mainArea #mainBnr a:hover span {
    background-image: url(../../img/arw-06_ov.png);
}

body.ie6 #mainArea #mainBnr a span {
    background-image: url(../../img/arw-06.gif);
}

body.ie6 #mainArea #mainBnr a:hover span {
    background-image: url(../../img/arw-06_ov.gif);
}

html.retina #mainArea #mainBnr a span {
    background-image: url(../../img/retina/arw-06.png);
    -webkit-background-size: 5px 9px;
    background-size: 5px 9px;
}

html.retina #mainArea #mainBnr a:hover span {
    background-image: url(../../img/retina/arw-06_ov.png);
}

#mainArea #SPmainBnr {
    display: none;
}

#mainArea #newsTicker {
    position: absolute;
    bottom: 30px;
    left: 30px;
    width: 629px;
    height: 30px;
    line-height: 26px;
}

#mainArea #newsTicker dt {
    float: left;
    width: 66px;
    height: 26px;
    padding: 2px 0;
    background: url(../img/bg-newsticker_title.png) no-repeat left top;
    text-align: center;
}

body.ie6 #mainArea #newsTicker dt {
    background-image: url(../img/bg-newsticker_title.gif);
}

#mainArea #newsTicker dt a {
    border: none;
    color: #ffffff;
    font-size: 107.7%;
    letter-spacing: 0.1em;
}

#mainArea #newsTicker dd {
    position: relative;
    float: right;
    width: 527px;
    height: 26px;
    padding: 2px 18px 2px;
    background: url(../img/bg-newsticker_content.png) no-repeat right top;
    font-size: 92.3%;
}

body.ie6 #mainArea #newsTicker dd {
    background-image: url(../img/bg-newsticker_content.gif);
}

#mainArea #newsTicker dd .list {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 26px;
}

#mainArea #newsTicker dd .list a {
    border-bottom: none;
    white-space: nowrap;
}

#mainArea #newsTicker dd .list li {
    display: none;
    position: absolute;
    top: 0;
    padding-right: 30px;
}

#mainArea #newsTicker dd .list li.now {
    display: block;
    top: 0;
}

#mainArea #newsTicker dd .list li.next {
    display: block;
    top: 26px;
}

#mainArea #newsTicker dd .g {
    position: absolute;
    top: 0;
    right: 17px;
    width: 22px;
    height: 30px;
    background: url(../img/g-newsticker.png) repeat-y left top;
}

#mainArea #mainScroll {
    display: block;
    position: absolute;
    right: 47px;
    bottom: -11px;
    width: 19px;
    height: 20px;
    padding: 22px 51px 13px 50px;
    border-bottom: none;
    background: url(../img/bg-scroll.png) no-repeat left top;
}

body.ie6 #mainArea #mainScroll {
    background-image: url(../img/bg-scroll.gif);
}

html.retina #mainArea #mainScroll {
    background-image: url(../img/retina/bg-scroll.png);
    -webkit-background-size: 120px 55px;
    background-size: 120px 55px;
}

#mainArea #mainScroll span {
    position: relative;
    display: block;
    overflow: hidden;
    width: 19px;
    height: 10px;
    background: url(../img/arw-scroll.gif) no-repeat left top;
    text-indent: -9999px;
    cursor: pointer;
}

html.retina #mainArea #mainScroll span {
    background-image: url(../img/retina/arw-scroll.gif);
    -webkit-background-size: 19px 10px;
    background-size: 19px 10px;
}

/* container */
#container {
    position: relative;
    z-index: 2;
}

/* gFooter */
#gFooter {
    position: relative;
    z-index: 2;
    margin-top: 0;
    padding-top: 116px;
    background: #ffffff;
}

/* ancNav */
#ancNav li a {
    visibility: hidden;
}

#ancNav li.white a {
    color: #6666DF !important;
}

/* titleArea */
.titleArea {
    position: relative;
    width: 100%;
    padding: 5em 0 3em;
}

.titleArea .title {
    color: #000000;
    line-height: 2.31;
    text-align: center;
    letter-spacing: 0.1em;
}

.titleArea .title .en {
    display: block;
    font-size: 153.9%;
    line-height: 1.3;
    letter-spacing: 0.13em;
}

.titleArea .more {
    position: absolute;
    top: 87px;
    right: 0;
}

.titleArea .more a {
    display: inline-block;
    padding-right: 35px;
    border-bottom: none;
    background: url(../img/icon-more.png) no-repeat right top;
    color: #888888 !important;
    font-size: 84.6%;
    line-height: 27px;
    letter-spacing: 0.1em;
}

body.ie6 .titleArea .more a {
    background-image: url(../img/icon-more.gif);
}

html.retina .titleArea .more a {
    background-image: url(../img/retina/icon-more.png);
    -webkit-background-size: 27px 27px;
    background-size: 27px 27px;
}

.titleArea .more a:hover {
    color: #f1832c !important;
}

/* exhibitionArea */
#exhibitionCarouselWrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#exhibitionCarousel li {
    float: left;
    width: 425px;
    padding: 0 5px;
}

#exhibitionCarousel li a {
}

#exhibitionCarousel li a .text {
    position: absolute;
    top: 50%;
    right: 0;
    width: 190px;
    padding: 0 30px;
}

#exhibitionCarousel li a .text .sub {
    margin-bottom: 10px;
    font-size: 84.6%;
    line-height: 1.82;
    letter-spacing: 0.1em;
}

#exhibitionCarousel li a .text h3 {
    margin-bottom: 10px;
    font-size: 107.7%;
    font-weight: bold;
    line-height: 1.93;
    letter-spacing: 0.05em;
}

#exhibitionCarousel li a .text .date {
    font-size: 107.7%;
    font-weight: 300;
    line-height: 1.93;
    letter-spacing: 0.1em;
}

#exhibitionCarouselWrap a.carouselPrev, #exhibitionCarouselWrap a.carouselNext {
    display: block;
    position: absolute;
    top: 50%;
    overflow: hidden;
    width: 60px;
    height: 120px;
    margin-top: -60px;
    border-bottom: none;
    background-repeat: no-repeat;
    text-indent: -9999px;
}

#exhibitionCarouselWrap .carouselPrev {
    left: 0;
    background-image: url(../img/carousel-prev01.png);
    background-position: -10px top;
}

#exhibitionCarouselWrap .carouselNext {
    right: 0;
    background-image: url(../img/carousel-next01.png);
    background-position: 10px top;
}

body.ie6 #exhibitionCarouselWrap .carouselPrev {
    background-image: url(../img/carousel-prev01.gif);
}

body.ie6 #exhibitionCarouselWrap .carouselNext {
    background-image: url(../img/carousel-next01.gif);
}

html.retina #exhibitionCarouselWrap .carouselPrev {
    background-image: url(../img/retina/carousel-prev01.png);
    -webkit-background-size: 60px 120px;
    background-size: 60px 120px;
}

html.retina #exhibitionCarouselWrap .carouselNext {
    background-image: url(../img/retina/carousel-next01.png);
    -webkit-background-size: 60px 120px;
    background-size: 60px 120px;
}

/* topicsArea */
#topicsArea {
    padding-bottom: 64px;
}

.topicsCarouselWrap {
    position: relative;
    width: 100%;
}

.topicsCarouselArea {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.topicsCarouselAreaInner {
    margin: 0 -21px;
}

.topicsCarousel li {
    float: left;
    width: 292px;
    padding: 0 21px;
}

.topicsCarousel li a {
    display: block;
    border-bottom: none;
    color: #333333 !important;
}

.topicsCarousel li a .text {
    margin-top: 16px;
    font-size: 92.3%;
    line-height: 1.92;
    letter-spacing: 0.02em;
}

.topicsCarousel li a .text .date {
    float: left;
    font-weight: 300;
    line-height: 2.5;
    letter-spacing: 0.1em;
}

.topicsCarousel li a .text .cate {
    font-size: 91.7%;
    line-height: 2.73;
    text-align: right;
    letter-spacing: 0.1em;
}

.topicsCarousel li a .text h3 {
    clear: both;
    margin-bottom: 5px;
    font-size: 108.3%;
    font-weight: bold;
    letter-spacing: 0.1em;
}

.topicsCarousel li a:hover .text h3 {
    color: #f1832c !important;
}

.topicsCarousel li a .text .ticket {
    display: inline-block;
    margin-top: 20px;
    padding: 0 5px;
    background: #f1832c;
    color: #ffffff;
    line-height: 1.84;
    letter-spacing: 0.1em;
}

.topicsCarousel li a .text .ticket.soldout {
    background: #cccccc;
}

#topicsArea .link {
    margin-top: 25px;
    text-align: right;
    font-size: 92.3%;
}

#topicsArea .link a {
    border-bottom: none;
}

/* topicsCarousel01Wrap */
#topicsCarousel01Wrap {
    margin-bottom: 40px;
    padding-bottom: 50px;
    border-bottom: #fce6d5 solid 1px;
}

.topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev, .topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext {
    display: block;
    position: absolute;
    top: 62px;
    overflow: hidden;
    width: 70px;
    height: 70px;
    border-bottom: none;
    background-repeat: no-repeat;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev {
    left: -40px;
    background-image: url(../img/carousel-prev03.png);
    background-position: -10px top;
}

.topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext {
    right: -40px;
    background-image: url(../img/carousel-next03.png);
    background-position: 10px top;
}

body.ie6 .topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev {
    background-image: url(../img/carousel-prev03.gif);
}

body.ie6 .topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext {
    background-image: url(../img/carousel-next03.gif);
}

html.retina .topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev {
    background-image: url(../img/retina/carousel-prev03.png);
    -webkit-background-size: 70px 70px;
    background-size: 70px 70px;
}

html.retina .topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext {
    background-image: url(../img/retina/carousel-next03.png);
    -webkit-background-size: 70px 70px;
    background-size: 70px 70px;
}

/* topicsCarousel02Wrap */
#topicsCarousel02Wrap .topicsCarousel li a .text {
    margin-top: 0;
}

#topicsCarousel02Wrap .topicsCarousel li a .text h3 {
    margin-bottom: 0;
}

.topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev, .topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
    display: block;
    position: absolute;
    bottom: -55px;
    overflow: hidden;
    width: 28px;
    height: 27px;
    border-bottom: none;
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
}

.topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev {
    left: -14px;
    background-image: url(../img/carousel-prev02.gif);
}

.topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
    left: 40px;
    background-image: url(../img/carousel-next02.gif);
}

html.retina .topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev {
    background-image: url(../img/retina/carousel-prev02.gif);
    -webkit-background-size: 28px 27px;
    background-size: 28px 27px;
}

html.retina .topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
    background-image: url(../img/retina/carousel-next02.gif);
    -webkit-background-size: 28px 27px;
    background-size: 28px 27px;
}

/* overW1200 */
body.overW1200 .topicsCarouselWrap a.carouselPrev, body.overW1200 .topicsCarouselWrap a.carouselNext {
    display: block;
    position: absolute !important;
    top: 84px !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 28px !important;
    height: 27px !important;
    border-bottom: none !important;
    background-repeat: no-repeat !important;
    text-indent: -9999px !important;
}

body.overW1200 .topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev, body.overW1200 .topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext, body.overW1200 .topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev, body.overW1200 .topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
    background-position: left top;
}

body.overW1200 .topicsCarouselWrap a.carouselPrev {
    left: -55px !important;
    background-image: url(../img/carousel-prev02.gif) !important;
}

body.overW1200 .topicsCarouselWrap a.carouselNext {
    right: -55px !important;
    background-image: url(../img/carousel-next02.gif) !important;
}

html.retina body.overW1200 .topicsCarouselWrap a.carouselPrev {
    background-image: url(../img/retina/carousel-prev02.gif) !important;
    -webkit-background-size: 28px 27px;
    background-size: 28px 27px;
}

html.retina body.overW1200 .topicsCarouselWrap a.carouselNext {
    background-image: url(../img/retina/carousel-next02.gif) !important;
    -webkit-background-size: 28px 27px;
    background-size: 28px 27px;
}

body.overW1200 .topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev, body.overW1200 .topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
    top: 50% !important;
    margin-top: -13px !important;
}

/* nonCarousel */
.nonCarousel .topicsCarouselAreaInner {
    margin: 0;
}

.nonCarousel .topicsCarousel li {
    float: none;
    width: 100%;
    margin-top: 50px;
    padding: 0;
}

.nonCarousel .topicsCarousel li.first {
    margin-top: 0;
}

.nonCarousel .topicsCarousel li a {
    width: 100%;
}

.nonCarousel .topicsCarousel li a:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

.nonCarousel .topicsCarousel li a img {
    display: block;
    float: left;
}

.nonCarousel .topicsCarousel li a .text {
    float: right;
    width: 625px;
    margin-top: 0;
}

.nonCarousel a.carouselPrev, .nonCarousel a.carouselNext {
    display: none !important;
}

/* newsArea */
#newsArea {
    padding: 70px 0 62px;
    background: #f8f7f2;
}

#newsArea .wrap {
    position: relative;
}

#newsArea .titleArea {
    position: static;
    float: left;
    width: auto;
    padding: 0;
}

#newsArea .titleArea .title {
    text-align: left;
}

#newsArea .titleArea .more {
    top: auto;
    right: auto;
    bottom: 8px;
    left: 0;
}

#newsArea .textArea {
    margin-left: 195px;
}

#newsArea .textArea .info {
    margin-bottom: 36px;
    line-height: 2.31;
}

#newsArea .textArea .info dt {
    float: left;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#newsArea .textArea .info dd {
    margin-left: 170px;
}

#newsArea .textArea .newsList {
}

#newsArea .textArea .newsList dt {
    float: left;
    font-size: 92.3%;
    font-weight: 300;
    line-height: 2.25;
    letter-spacing: 0.1em;
}

#newsArea .textArea .newsList dd {
    margin-left: 94px;
}

#newsArea .textArea .newsList dd a {
    border-bottom: none;
}

/* permanentArea */
#permanentArea {
    margin-bottom: -76px;
}

#permanentArea02 {
    margin-bottom: 0;
}

body.ie6 #permanentCarouselWrap {
    overflow: hidden;
    width: 100%;
    height: 220px;
}

#permanentCarousel {
    text-align: center;
}

#permanentCarousel li {
    zoom: 1; position: relative;
    float: left;
    margin-bottom: 76px;
}

#permanentCarousel li img {
    width: 289px!important;
    height: 220px!important;
}

#permanentCarousel li a {
    border-bottom: none;
    color: #666666 !important;
}

#permanentCarousel li .text {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    font-size: 77.0%;
    line-height: 1.5;
    margin-top: 5px;
}

#permanentCarouselWrap a.carouselPrev, #permanentCarouselWrap a.carouselNext {
    display: none;
}

/* aboutArea */
body.ie7 #aboutArea {
    zoom: 1; position: relative;
}

#aboutAreaInner {
    padding: 40px 0 50px;
    background: #f8f7f2;
}

#aboutArea .about {
    width: 100%;
    margin-bottom: 40px;
}

#aboutArea .about:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

#aboutArea .about .image {
    float: left;
}

#aboutArea .about .textArea {
    float: right;
    width: 626px;
    padding-top: 24px;
}

#aboutArea .about .textArea h3 {
    margin: 0 0 50px 82px;
    font-size: 138.5%;
    line-height: 1.67;
    letter-spacing: 0.2em;
}

#aboutArea .about .textArea .columnArea {
    width: 100%;
}

#aboutArea .about .textArea .columnArea:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

#aboutArea .about .textArea .column {
    float: left;
    width: 292px;
}

#aboutArea .about .textArea .column.first {
    margin-right: 42px;
}

#aboutArea .about .textArea .column dl.first {
    margin-bottom: 30px;
}

#aboutArea .about .textArea .column dl dt {
    float: left;
    font-weight: bold;
    letter-spacing: 0.1em;
}

#aboutArea .about .textArea .column dl dd {
    margin-left: 82px;
}

#aboutArea .link {
    width: 100%;
}

#aboutArea .link:after {
    content: "";
    display: block;
    overflow: hidden;
    clear: both;
    height: 0;
}

#aboutArea .link .column {
    float: left;
    width: 25%;
}

#aboutArea .link .column .image {
    margin-bottom: 12px;
}

#aboutArea .link .column a {
    border-bottom: none;
}

/* memberArea */
#member a {
    display: block;
    width: 239px;
    padding: 13px 0 12px 239px;
    margin-top: 50px;
    border: #d2d2d2 solid 1px;
    background: url(../img/bg-member.png) no-repeat 36px 13px;
    color: #333333;
    font-size: 115.4%;
    line-height: 26px;
    letter-spacing: 0.13em;
}

html.retina #member a {
    background-image: url(../img/retina/bg-member.png);
    -webkit-background-size: 172px 55px;
    background-size: 172px 55px;
}

#member a:hover {
    color: #f1832c;
}

#member a span {
    font-size: 86.7%;
}

/* TB
--------------------------------------------------*/
@media only screen and (max-width: 1023px) {
    /* mainArea */ #mainArea {
        padding-bottom: 56.2%;
    }

    #mainArea #newsTicker {
        width: 529px;
    }

    #mainArea #newsTicker dd {
        width: 427px;
    }

    /* titleArea */
    .titleArea {
        padding: 44px 0 40px;
    }

    .titleArea .more {
        top: 57px;
    }

    /* exhibitionArea */
    #exhibitionCarousel li a {
        width: 100%;
    }

    #exhibitionCarousel li a .image {
        margin-right: 250px;
    }

    #exhibitionCarousel li a .image img {
        width: 100%;
        height: auto;
    }

    /* topicsArea */
    .topicsCarousel li a img {
        width: 100%;
        height: auto;
    }

    /* nonCarousel */
    .nonCarousel .topicsCarousel li a img {
        width: 30.4%;
    }

    .nonCarousel .topicsCarousel li a .text {
        float: none;
        width: auto;
        margin-left: 42px;
        padding-left: 30.4%;
    }

    .nonCarousel .topicsCarousel li a .text .cate {
        margin-bottom: 2px;
    }

    .nonCarousel .topicsCarousel li a .text h3 {
        clear: none;
    }

    /* permanentArea */
    #permanentCarousel li img {
        width: auto;
        height: 220px;
    }

    #permanentCarouselWrap {
        position: relative;
    }

    #permanentCarouselWrap a.carouselPrev, #permanentCarouselWrap a.carouselNext {
        display: block;
        position: absolute;
        top: 50%;
        overflow: hidden;
        width: 60px;
        height: 120px;
        margin-top: -98px;
        border-bottom: none;
        background-repeat: no-repeat;
        text-indent: -9999px;
    }

    #permanentCarouselWrap .carouselPrev {
        left: 0;
        background-image: url(../img/carousel-prev01.png);
        background-position: -10px top;
    }

    #permanentCarouselWrap .carouselNext {
        right: 0;
        background-image: url(../img/carousel-next01.png);
        background-position: 10px top;
    }

    html.retina #permanentCarouselWrap .carouselPrev {
        background-image: url(../img/retina/carousel-prev01.png);
        -webkit-background-size: 60px 120px;
        background-size: 60px 120px;
    }

    html.retina #permanentCarouselWrap .carouselNext {
        background-image: url(../img/retina/carousel-next01.png);
        -webkit-background-size: 60px 120px;
        background-size: 60px 120px;
    }

    /* aboutArea */
    #aboutArea .about .image {
        display: none;
    }

    #aboutArea .about .textArea {
        float: none;
        width: auto;
        padding-right: 42px;
    }

    #aboutArea .about .textArea .column {
        width: 50%;
    }

    #aboutArea .about .textArea .column.first {
        margin-right: 42px;
    }

    #aboutArea .about .textArea .column:last-child {
        margin-right: -42px;
    }

    #aboutArea .link .column .image img {
        width: 100%;
        height: auto;
    }
}

/* SP
--------------------------------------------------*/
@media only screen and (max-width: 767px) {
    /* gHeader */ #gHeader {
        position: static;
        margin-bottom: 0;
    }

    #gHeader.white #hSearch input {
        color: #333333 !important;
    }

    #gHeader.white #hSearch .submit {
        background-position: left top;
    }

    #gHeader.white #hLang li a {
        color: #999999 !important;
    }

    #gHeader.white #hLang li.other a {
        border-left-color: #333333;
    }

    #gHeader.white #gNav li a {
        border-bottom: none;
        color: #333333 !important;
    }

    /* mainVisual */
    #mainVisual {
        position: relative;
        padding-bottom: 56.2%;
    }

    /* mainArea */
    #mainArea {
        zoom: 1; position: static;
        z-index: 2;
        padding-bottom: 0;
    }

    #mainArea #mainBnr {
        display: none;
    }

    #mainArea #SPmainBnr {
        display: block;
        padding: 0 15px;
        background: #eeeeee;
    }

    #mainArea #SPmainBnr a {
        display: block;
        position: relative;
        height: 30px;
        overflow: hidden;
        border-bottom: none;
        color: #333333;
        font-size: 77.0%;
        line-height: 30px;
    }

    #mainArea #SPmainBnr a span {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        white-space: nowrap;
    }

    #mainArea #newsTicker {
        position: static;
        width: 100%;
    }

    #mainArea #newsTicker dt {
        float: left;
        width: 44px;
        background: #f1832c;
    }

    #mainArea #newsTicker dt a {
        font-size: 76.9%;
    }

    #mainArea #newsTicker dd {
        float: none;
        width: auto;
        margin-left: 44px;
        padding: 2px 0 2px 10px;
        background: #eeeeee;
        font-size: 76.9%;
    }

    #mainArea #newsTicker dd .list li {
        padding-right: 10px;
    }

    #mainArea #newsTicker dd .g {
        display: none;
    }

    #mainArea #mainScroll {
        display: none;
    }

    /* container */
    #container {
        position: static;
        background: none;
    }

    /* gFooter */
    #gFooter {
        position: static;
        padding-top: 80px;
        background: none;
    }

    /* titleArea */
    .titleArea {
        padding: 21px 0;
    }

    .titleArea .title {
        color: #000000;
        font-size: 84.6%;
        line-height: 2.73;
    }

    .titleArea .title .en {
        display: block;
        font-size: 145.5%;
        line-height: 1.63;
    }

    .titleArea .more {
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -14px;
    }

    .titleArea .more a {
        display: block;
        overflow: hidden;
        width: 27px;
        height: 27px;
        padding-right: 0;
        text-indent: -9999px;
    }

    /* exhibitionArea */
    #exhibitionCarousel li {
        padding: 0;
    }

    #exhibitionCarousel li a .image {
        display: table-cell;
        width: 50%;
        margin-right: 0;
    }

    #exhibitionCarousel li a .text {
        display: table-cell;
        position: static;
        width: 50%;
        padding: 0;
        vertical-align: middle;
    }

    #exhibitionCarousel li a .text .sub {
        margin-bottom: 4px;
        padding: 0 26px 0 8px;
        font-size: 76.9%;
        line-height: 1.5;
    }

    #exhibitionCarousel li a .text h3 {
        margin-bottom: 8px;
        padding: 0 26px 0 8px;
        font-size: 84.6%;
        line-height: 1.55;
        letter-spacing: 0.1em;
    }

    #exhibitionCarousel li a .text .date {
        padding: 0 26px 0 8px;
        font-size: 76.9%;
        line-height: 1.6;
    }

    #exhibitionCarouselWrap a.carouselPrev, #exhibitionCarouselWrap a.carouselNext {
        width: 27px;
        height: 64px;
        margin-top: -32px;
        -webkit-background-size: 27px 64px !important;
        background-size: 27px 64px !important;
    }

    #exhibitionCarouselWrap a.carouselPrev {
        background-position: -5px top;
    }

    #exhibitionCarouselWrap a.carouselNext {
        background-position: 5px top;
    }

    /* topicsArea */
    #topicsArea {
        padding-bottom: 10px;
    }

    .topicsCarouselAreaInner {
        margin: 0 -7px 0 -8px;
    }

    .topicsCarousel li {
        padding: 0 7px 0 8px;
    }

    .topicsCarousel li a .text {
        margin-top: 5px;
        font-size: 84.6%;
        line-height: 1.82;
        letter-spacing: 0.09em;
    }

    .topicsCarousel li a .text .date {
        font-size: 81.8%;
        line-height: 2.22;
    }

    .topicsCarousel li a .text .cate {
        font-size: 81.8%;
        line-height: 2.22;
    }

    .topicsCarousel li a .text .ticket {
        margin-top: 10px;
        font-size: 90.9%;
        line-height: 20px;
        letter-spacing: 0.05em;
    }

    #topicsArea .link {
        display: none;
    }

    /* topicsCarousel01Wrap */
    #topicsCarousel01Wrap {
        margin-bottom: 26px;
        padding-bottom: 65px;
    }

    /* topicsCarousel02Wrap */
    #topicsCarousel02Wrap {
        padding-bottom: 65px;
    }

    /* nav */
    .topicsCarouselWrap a.carouselPrev, .topicsCarouselWrap a.carouselNext {
        display: block;
        position: absolute;
        top: auto !important;
        right: auto !important;
        bottom: 20px !important;
        left: auto !important;
        overflow: hidden !important;
        width: 28px !important;
        height: 27px !important;
    }

    .topicsCarouselWrap#topicsCarousel01Wrap a.carouselPrev, .topicsCarouselWrap#topicsCarousel01Wrap a.carouselNext, .topicsCarouselWrap#topicsCarousel02Wrap a.carouselPrev, .topicsCarouselWrap#topicsCarousel02Wrap a.carouselNext {
        background-position: left top;
    }

    .topicsCarouselWrap a.carouselPrev {
        right: 52px !important;
        background-image: url(../img/carousel-prev02.gif) !important;
    }

    .topicsCarouselWrap a.carouselNext {
        right: -2px !important;
        background-image: url(../img/carousel-next02.gif) !important;
    }

    html.retina .topicsCarouselWrap a.carouselPrev {
        background-image: url(../img/retina/carousel-prev02.gif) !important;
        -webkit-background-size: 28px 27px !important;
        background-size: 28px 27px !important;
    }

    html.retina .topicsCarouselWrap a.carouselNext {
        background-image: url(../img/retina/carousel-next02.gif) !important;
        -webkit-background-size: 28px 27px !important;
        background-size: 28px 27px !important;
    }

    /* nonCarousel */
    #topicsCarousel01Wrap.nonCarousel {
        padding-bottom: 30px;
    }

    .nonCarousel .topicsCarousel li {
        margin-top: 30px;
    }

    .nonCarousel .topicsCarousel li a .text {
        float: none;
        width: auto;
        margin-left: 15px;
        padding-left: 30.4%;
    }

    .nonCarousel .topicsCarousel li a .text h3 {
        clear: none;
    }

    /* newsArea */
    #newsArea {
        padding: 0 0 36px;
    }

    #newsArea .titleArea {
        position: relative;
        float: none;
        padding: 21px 0;
    }

    #newsArea .titleArea .title {
        text-align: center;
    }

    #newsArea .titleArea .more {
        top: 50%;
        right: 10px;
        bottom: auto;
        left: auto;
    }

    #newsArea .textArea {
        margin-left: 0;
    }

    #newsArea .textArea .info {
        margin-bottom: 26px;
        font-size: 84.6%;
        line-height: 1.82;
    }

    #newsArea .textArea .info dt {
        float: none;
    }

    #newsArea .textArea .info dd {
        margin-left: 0;
    }

    #newsArea .textArea .newsList {
        font-size: 84.6%;
        line-height: 1.82;
    }

    #newsArea .textArea .newsList dt {
        float: left;
        font-size: 100%;
        font-weight: normal;
        line-height: 1.82;
        letter-spacing: 0.08em;
    }

    #newsArea .textArea .newsList dd {
        margin-bottom: 5px;
        margin-left: 80px;
    }

    #newsArea .textArea .newsList dd:last-child {
        margin-bottom: 0;
    }

    /* permanentArea */
    #permanentCarouselWrap a.carouselPrev, #permanentCarouselWrap a.carouselNext {
        width: 27px;
        height: 64px;
        margin-top: -70px;
        -webkit-background-size: 27px 64px !important;
        background-size: 27px 64px !important;
    }

    #permanentCarouselWrap a.carouselPrev {
        background-position: -5px top;
    }

    #permanentCarouselWrap a.carouselNext {
        background-position: 5px top;
    }

    /* aboutArea */
    #aboutAreaInner {
        padding: 0;
        background: none;
    }

    #aboutArea .about {
        width: auto;
        background: #f8f7f2;
        margin: 0 -10px 40px;
        padding: 31px 10px 36px;
    }

    #aboutArea .about .textArea {
        padding-top: 0;
        padding-right: 0;
    }

    #aboutArea .about .textArea h3 {
        margin: 0 0 20px 82px;
        font-size: 107.7%;
        line-height: 2.14;
        letter-spacing: 0.2em;
    }

    #aboutArea .about .textArea .columnArea {
        width: 100%;
    }

    #aboutArea .about .textArea .column {
        float: none;
        width: 100%;
        font-size: 84.6%;
        line-height: 1.82;
    }

    #aboutArea .about .textArea .column.first {
        margin-right: 0;
        margin-bottom: 24px;
    }

    #aboutArea .about .textArea .column dl.first {
        margin-bottom: 24px;
    }

    #aboutArea .about .textArea .column dl dd {
        margin-left: 80px;
        letter-spacing: 0.02;
    }

    #aboutArea .link .column {
        width: 50%;
        font-size: 84.6%;
        line-height: 1.82;
        letter-spacing: 0.02;
    }

    #aboutArea .link .column:first-child, #aboutArea .link .column:nth-child(2) {
        margin-bottom: 26px;
    }

    #aboutArea .link .column .image {
        margin-bottom: 5px;
    }

    #aboutArea .link .column a {
        border-bottom: none;
    }

    /* memberArea */
    #member a {
        display: block;
        width: auto;
        padding: 9px 0 9px 128px;
        margin-top: 26px;
        border: #d2d2d2 solid 1px;
        background-position: 10px 13px;
        -webkit-background-size: 110px auto !important;
        background-size: 110px auto !important;
        font-size: 92.3%;
        line-height: 20px;
    }

    #member a span {
        font-size: 91.7%;
    }
}

/*------------------------

アニメーション動画の追加

------------------------*/
#mainArea .title-img {
    position: absolute;
    right: 0px;
    bottom: 150px;
    width: 280px;
    height: 48px;
    z-index: 9;
}

#mainArea #movie-btn {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 280px;
    height: 160px;
}

#mainArea #movie-btn .title-img {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0
}

#mainArea #movie-btn .top-specialMovie_wrapper {
    margin: 0;
    width: 240px;
    height: 140px;
}

#mainArea #movie-btn .top-specialMovie::after {
    width: 44px;
    height: 44px;
}

#mainArea #movie-btn .cmn-modal_icn {
    background-size: 20px;
    width: 44px;
    height: 44px;
}

.special {
    padding-bottom: 32px !important;
}

.special .contents-in {
    width: 80%;
    max-width: 980px;
    background: #fbf3bc;
    padding: 32px 0;
}

.special .title-img {
    margin-bottom: 16px;
}

.top-specialMovie {
    display: block;
}

.top-specialMovie_wrapper {
    display: block;
    position: relative;
    margin: 0 auto;
    width: 640px;
    height: 368px;
}

.top-specialMovie {
    display: block;
    opacity: 1;
}

.top-specialMovie::after {
    width: 88px;
    height: 88px;
}

.cmn-modal_icn {
    display: block;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    width: 76px;
    height: 76px;
    -webkit-transform: translate(-46%, -50%);
    -ms-transform: translate(-46%, -50%);
    transform: translate(-46%, -50%);
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAlCAYAAAAjt+tHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkU1MTNFMzQ1MUIwMTFFOUFERjBCMTg1MTUzOTBDNzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkU1MTNFMzU1MUIwMTFFOUFERjBCMTg1MTUzOTBDNzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTUxM0UzMjUxQjAxMUU5QURGMEIxODUxNTM5MEM3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTUxM0UzMzUxQjAxMUU5QURGMEIxODUxNTM5MEM3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNUJoYAAAGoSURBVHjaxNgtSENRGMbxMxmCsGBYsZhMGsQ2TGpaFATBIKwtiU5lM4hDEDHoikXTTGIzyYSBH0VEBmLYEDVZLAbDYCj48T/wHhBxss3d9zzwA2HhPN577nvuFhor1rLGmDwejYd0YAK3WEWXjwJGFl6RIlM+Crj0Yh+nGPJRwGUEJewg6qOA+yyJe6QQ1i7g0o0cbhD3UcClHwUcos9HAZdxlLGBiI8CNp3I4A4JhLQLuPTIFL1AzEcBl5iUyEsp9QJGbkNCbktGbpNqAZeIbNCybFj1Ai598sgW5BFWL+ASlyGWk6GmXsDIGE/JWE9+X1ergEtUDriSHHjqBVzsUX+CdNhTgWd5VPe0C7xhG2t4MUGd8XVyjAVUfu7OoPOAORxpz4EqFjFQb/GgrsCH3VxYxlMjA6KducQsrrRPQ/ufTmO4mcXbcQVesSmnX7XVGd1q7EmXll3+r0Oi2VTksSpqvxXbyTWDwXYt3ugVeMcusjLD235O/5UzzONa+7uh/bFiEqNBLv7bFahhHVvyt8qrks0nDrCk/VNNWC6x3d3nPt5MvgQYACwDThFJENqyAAAAAElFTkSuQmCC);
}

.cmn-movie_thumbnail:hover .cmn-modal_icn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAlCAYAAAAjt+tHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQwIDc5LjE2MDQ1MSwgMjAxNy8wNS8wNi0wMTowODoyMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkU1MTNFMzg1MUIwMTFFOUFERjBCMTg1MTUzOTBDNzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDcwRThFM0U1MUIxMTFFOUFERjBCMTg1MTUzOTBDNzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRTUxM0UzNjUxQjAxMUU5QURGMEIxODUxNTM5MEM3OCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRTUxM0UzNzUxQjAxMUU5QURGMEIxODUxNTM5MEM3OCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp91U94AAAGsSURBVHjaxNcxSMJBFMfxUyQIHBpcWpyaiog2aarNMQiChsDNKcqKbAgkiGgol5aabIq2pjBoqJaIEKJAiWqppaWhQYiC+vf9wzuSyFDz/+4HHxQd7nn/u3en8TwvhziMC2FjzBhusIxOox2quPa+84AJ7RmoTRy7OMagxgSE63w+jBK2EHNRgP0ujTtkENEuwKYLeVwh6aIAm14UsY8eFwXYjKKMNURdFOCnA1ncIoWQdgE23SjgDAkXBdgkpIiCFKVegJHHkJLHkpXHpFqATVQWaFkWrHoBNj2yZYuyhdULsElKE8tLU1MvwEgbz0hbT9eOq1WATUwOuJIceCbk3wd47Tf68bAYMW7yLFt1R7uAd2xiBS8mqDO+Tg4xh8rP1Rl07jGDA+0+UMU8+uoNHtQMfPqLC0t4aqRBtDPnmMaF9mno/9JJDDUzeDtm4A3rcvpVW+3RrcY/6RZklf/rkGg2FdlWR9q3Yr9zTWGgXYM3OgMf2EZOenjbz+m/coJZXGr/N3zEOEaCHPy3GXjFKjbkvcpVyV4O9vwLgvx6tURkiv3VferiZvIlwACxrhBluu49iwAAAABJRU5ErkJggg==);
}

.cmn-movie_thumbnail::before {
    content: "";
    display: block;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.2s cubic-bezier(0, 0, 0.58, 1);
    transition: opacity 0.2s cubic-bezier(0, 0, 0.58, 1);
    background-color: rgba(247, 223, 63, 0.65);
    will-change: opacity;
}

.cmn-movie_thumbnail::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    border: solid 3px #42bbf7;
    ; border-radius: 100%;
    -webkit-transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.cmn-movie_thumbnail:hover::before {
    opacity: 1;
}

.cmn-movie_thumbnail:hover::after {
    opacity: 1;
    border-color: #fff;
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.misakitei {
    background: #c7e3f9;
    text-align: center;
    background-image: url(../../../feature/misakitei/ban_misakitei.png);
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 40px;
    margin: auto;
}

.misakitei p {
    padding-top: 24px;
    padding-bottom: 24px;
}

.cake {
    margin-top: 56px;
}

/*------------------------

インフォメーション

------------------------*/
.info {
    padding-bottom: 0 !important;
}

.tip-mod-contents__sec__inner {
    background: rgba(255, 255, 255, 0.7);
    width: 80%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 56px 72px 0;
    font-family: "Noto Sans JP Medium", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", Helvetica, sans-serif;
}

.tip-mod-title--second {
    text-align: center;
}

.tip-mod-title__wrapper--type_second {
    padding-bottom: 32px;
}

.tip-mod-title__inner {
    display: inline-block;
    max-width: 840px;
}

.tip-mod-title__inner h1 {
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    letter-spacing: .2em;
    font-size: 32px;
}

.tip-mod-title--second .tip-mod-title__ruby {
    font-size: 16px;
    font-weight: 600;
    color: #ff577e;
    margin-top: 8px;
    position: relative;
    letter-spacing: .3em;
}

.global-info-article__title .title {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.61;
    color: #222;
}

.global-info-article__body p {
    font-size: 16px;
    color: #222;
    letter-spacing: 2px;
    line-height: 1.618;
    margin-top: 15px;
}

.global-info-article__title {
    border-top: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    padding: 30px 0 26px;
}

.global-info-article__body {
    padding-top: 16px;
    font-size: 16px;
    overflow: hidden;
    word-break: break-all;
}

.tip-mod-button--round {
    margin-top: 40px;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-left: -16px;
}

.tip-mod-button__inner--normal {
    color: #222;
    font-size: 14px;
    background: #fff;
    justify-content: center;
    align-items: center;
    font-family: "Noto Sans JP Medium", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", Helvetica, sans-serif;
    font-weight: normal;
    cursor: pointer;
}

.tip-mod-button--round .tip-mod-button__inner--normal {
    padding: 17px 30px;
    border-radius: 4px;
    line-height: 1.4;
    width: 315px;
    text-align: center;
    position: relative;
    margin-left: 16px;
}

.tip-mod-button__inner--normal {
    color: #222;
    background: rgba(255, 255, 255, 0);
    border: 1px solid #c4c4c4;
}

.tip-mod-button__icon--arrow_left {
    position: absolute;
    top: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    border-bottom: solid 2px #ff577e;
    border-left: solid 2px #ff577e;
}

.tip-mod-button__icon--arrow_left {
    transform: rotate(-135deg);
    right: 20px;
}

.tip-mod-button__inner--normal:hover {
    color: #fff;
    background: #ff577e;
    border-color: transparent;
}

.tip-mod-button__inner--normal:hover .tip-mod-button__icon--arrow_left {
    border-bottom: solid 2px #ffffff;
    border-left: solid 2px #ffffff;
}

/*------------------------

離島旅をお得に

------------------------*/
.trip {
    padding: 24px 0 100px;
    font-family: "Noto Sans JP Medium", "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", "MS PGothic", Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.61;
    background-image: url("../../../common/img/trip_back.png");
    background-position: center bottom;
    background-repeat: repeat-x;
}

.trip .wrap {
    width: 1280px;
}

.trip-title {
    text-align: center;
}

.trip-text {
    text-align: center;
    margin-top: 24px;
}

.trip-img {
    margin-top: 24px;
    text-align: center;
}

.trip-plan-wrap {
    margin-top: -32px;
    position: relative;
}

.trip-plan {
    background: #fff;
    border: 4px solid #fde0d9;
    border-radius: 8px;
    padding: 24px;
}

.trip-plan__img {
    margin-right: -0px;
    margin-top: -78px;
}

.trip-plan:nth-child(2) .trip-plan__img {
    margin-right: -0px;
    margin-top: -88px;
}
.trip-plan:nth-child(3) .trip-plan__img {
    margin-right: -0px;
    margin-top: -81px;
}

.trip-plan__copy {
    margin-top: 16px;
    font-size: 14px;
}

.trip-plan__name {
    margin-top: 0;
    font-size: 18px;
    font-weight: 600;
}

.trip-plan__btn {
    margin-top: 16px;
}

.trip-plan__btn a {
    background: #eb606e;
    color: #fff;
    padding: 16px;
    display: block;
    border-radius: 4px;
    line-height: 1.4;
    text-align: center;
    position: relative;
    font-weight: 600;
}

.trip-plan__btn .tip-mod-button__icon--arrow_left {
    border-bottom: solid 2px #ffffff;
    border-left: solid 2px #ffffff;
}

.trip-plan__btn a:hover {
    color: #fff;
    background: #d23a49;
    border-color: transparent;
}

.trip .pink {
    color: #eb606e;
}

.trip .green {
    color: #59b91d;
}

.trip .yellow {
    color: #f1bb00;
}