@charset "UTF-8";

.gheader, .gheader *,
.gfooter, .gfooter *,
#lp-top, #lp-top * {
    font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

/*ヘッダ*/
    .gheader * {
        box-sizing: border-box;
    }
    .gheader section.clearfix > h1, header section.clearfix > h2 {
        padding: 0;
    }
    .gheader section.clearfix.sp-login > h1 {
        padding-top: 5px;
    }
    .gheader section.clearfix > h1 a, header section.clearfix > h2 a {
        display: block;
        width: 117px;
        height: 28px;
        background-image: url(../../pc_images_v3/sp/global_top/hd_logo.png);
        background-size: cover;
    }
    .gheader section.clearfix {
        padding: 8px 5px 0 10px;
        min-height: 40px;
    }
    .gheader .gheader_menu {
        position: relative;
    }
    .gheader .gheader_menu .gheader_menu_open {
        display: block;
        width: 120px;
        height: 24px;
        line-height: 24px;
        background: #e94d67;
        border: 1px solid #e94d67;
        border-radius: 2px;
        text-align: center;
        font-size: 10px;
        color: #fff;
    }
    .gheader .gheader_menu .gheader_menu_open {
        background: url(../../pc_images_v3/sp/global_top/hd_login.png) 6px 6px no-repeat;
        background-size: 10px;
        padding-left: 12px;
        background-color: #e94d67;
    }
    .gheader .gheader_menu .gheader_menu_close {
        display: block;
        width: 120px;
        height: 24px;
        line-height: 24px;
        background: #fff;
        border: 1px solid #14b5b0;
        border-radius: 2px;
        text-align: center;
        font-size: 10px;
        color: #14b5b1;
    }
    .gheader .gheader_menu .gheader_menu_close {
        background: url(../../pc_images_v3/sp/global_top/hd_close.png) 100px 7px no-repeat;
        background-size: 10px;
    }
    .gheader .gheader_menu dt .gheader_menu_close {
        display: none;
    }
    .gheader .gheader_menu.active dt .gheader_menu_close {
        display: block;
    }
    .gheader .gheader_menu.active dt .gheader_menu_open {
        display: none;
    }
    /*メニュー*/
    .gheader .gheader_menu {
        position: relative;
    }
    .gheader .gheader_menu dd {
        position: absolute;
        top: 32px;
        right: -5px;
        z-index: 1;
        height: 0;
        overflow: hidden;

        transition-property: height;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }
    .gheader .gheader_menu.active dd {
        /*height: auto;*/
        height: 350px;
    }
    .gheader .gheader_menu .gheader_menu_content {
        border: 1px solid #14b5b1;
        background: #fff;
        width: 285px;
        padding: 10px;
    }
    .gheader .gheader_menu .gheader_menu_content p {
        font-size: 15px;
        color: #333;
        background: #eee;
        text-align: center;
        letter-spacing: 1px;
    }
    .gheader .gheader_menu .gheader_menu_content .btn {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background: #e94d67;
        border-bottom: 3px solid #b12a3c;
        font-size: 15px;
        letter-spacing: 2px;
        text-align: center;
        margin: 10px auto 20px;
    }
    .gheader .gheader_menu .gheader_menu_content ul {
        margin-bottom: 20px;
    }
    .gheader .gheader_menu .gheader_menu_content li a {
        display: block;
        width: 100%;
        font-size: 15px;
        color: #14b5b1;
        padding: 6px 10px;
        border-bottom: 1px solid #dcdcdc;
        background: transparent url(../../pc_images_v3/sp/global_top/link_arrow_green.png) right center no-repeat;
        background-size: 14px;
    }
    .gheader .gheader_menu .gheader_menu_content a img {
        width: 100%;
        height: auto;
    }
    .gheader .gheader_menu .gheader_menu_content .gheader_menu_close {
        margin: 20px auto 0;
    }

/*共通パーツ*/
    /*見出し*/
    #lp-top .section-title {
        font-size: 100%;
        font-size: 10px;
        font-weight: normal;
        text-align: center;
        color: #555;
    }
    #lp-top .section-title span {
        display: block;
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
    }
    /*もっと見るボタン*/
    #lp-top .btn-more-large {
        display: block;
        width: 230px;
        height:30px;
        line-height: 30px;
        color: #fff;
        background: #707070 url(../../pc_images_v3/sp/global_top/btn_arrow.png) 180px 8px no-repeat;
        border-bottom: 3px solid #505050;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 3px;
        text-align: center;
        margin: 0px auto 40px;
    }
    /*トグルボタン*/
    #lp-top .btn-more-large.btn-toggle {
        background: #707070 url(../../pc_images_v3/sp/global_top/btn_arrow_down.png) 200px center no-repeat;
        color: #fff !important;
        line-height: 30px !important;
        float: none !important;
        margin: 20px 0 !important;
    }
    #lp-top .btn-more-large.btn-toggle .btn-toggle-open {
        display: none;
    }
    #lp-top .btn-more-large.btn-toggle.active {
        background: #707070 url(../../pc_images_v3/sp/global_top/btn_arrow_up.png) 200px center no-repeat;
    }
    #lp-top .btn-more-large.btn-toggle.active .btn-toggle-open {
        display: inline;
    }
    #lp-top .btn-more-large.btn-toggle.active .btn-toggle-close {
        display: none;
    }
    /*リンクリスト*/
    #lp-top .list-item {
        border-top: 1px solid #ececec;
        margin: 20px 0;
        margin-top: 20px;
    }
    #lp-top .list-item a {
        display: block;
        width: 100%;
        border-bottom: 1px solid #ececec;
        margin: 0;
        padding: 15px 30px 15px 10px;
        background: transparent url(../../pc_images_v3/sp/global_top/link_arrow.png) right center no-repeat;
        background-size: 16px;
    }
    #lp-top .list-item a .date {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #999;
        margin: 0;
        padding: 0;
    }
    #lp-top .list-item a .title {
        display: block;
        width: 100%;
        font-size: 12px;
        color: #333;
        white-space: normal;
        overflow: auto;
        margin: 0;
        padding: 0;
        line-height: 1.3;
        max-height: 45px;
    }
    /*バナー*/
    #lp-top .banner-item-large {
        margin-bottom: 10px;
    }
    #lp-top .banner-item-large img {
        width: 100%;
        height: auto;
    }
    #lp-top .banner-item-top-medium img {
        height: auto;
    }

/*キービジュアル*/
    #lp-top .keyvisual a img {
        width: 100%;
        height: auto;
    }

/*イベント検索*/
    #lp-top .search-area {
        background: #eaf2f4;
        margin-bottom: 20px;
    }
    #lp-top .search-area.border-gray {
        border: 1px solid transparent;
        width: 662px;
        height: 40px;
    }
    #lp-top .search-area .search-keyword-box {
        width: 610px;
        height: 38px;
    }
    #lp-top .search-area .search-form .ui-hide-label .inner {
        border: none !important;
        overflow: hidden;
        background: transparent;
        margin-left: 0;
    }
    #lp-top .search-area .search-form .ui-hide-label .inner #keyword {
        background: #fff url(../../pc_images_v3/sp/global_top/search_icon.png) 8px 8px no-repeat;
        background-size: 14px;
        height: 30px;
        padding-left: 30px;
        float: left;
        margin-right: -50px;
        width: 100%;
    }
    #lp-top .search-area .search-icon-btn {
        background-color: transparent !important;
        background-image: url(../../pc_images_v3/sp/global_top/search_btn.png);
        background-size: cover;
        width: 30px;
        height: 30px;
        border-color: transparent;
        float: right;
    }

    #lp-top .search-area .search-keywords {
        display: block;
        width: 100%;
        margin: 0 auto;
    }
    #lp-top .search-area .search-keywords li {
        display: inline;
        float: left;
        font-size: 12px;
        padding: 9px 9px 0 9px;
    }
    #lp-top .search-area .search-keywords li {
        text-decoration: none;
    }

    #lp-top .search-sub-area {
        font-size: 12px;
        line-height: 26px;
        text-align: left;
        margin-top: 4px;
    }
    #lp-top .search-sub-area a{
        margin-right: 10px;
    }
    #lp-top .search-sub-area span{
        padding-left: 30px;
    }
    #lp-top .search-sub-area .new_events{
        background-image: url(../../images/icon_new.png);
        background-repeat: no-repeat;
        background-position: left center;
        -webkit-background-size: 24px;
        background-size: 24px;
        cursor: pointer;
        margin-left: 12px;
    }
    #lp-top .search-sub-area .category_link{
        margin-right: 3px;
        background-image: url(../../images/icon_music.png);
        background-repeat: no-repeat;
        background-position: 13px center;
        -webkit-background-size: 14px;
        background-size: 14px;
        cursor: pointer;
    }

/*ピックアップ*/
    #lp-top .pickup-area .inner {
        padding-top: 10px;
    }
    #lp-top .event-list-full-img {
        padding-top: 20px;
    }
    #lp-top .event-list-full-img .item {
        width: 145px;
        height: 145px;
        border: none;
    }
    #lp-top .event-list-full-img .item > a {
        background-position: top center;
        background-size: cover;
        height: 145px;
        overflow: hidden;
        position: relative;
    }
    #lp-top .event-list-full-img .item a:after {
        white-space: pre;
        text-align: center;
        position: absolute;
        top: -128px;
        right: -85px;
        transform: rotate(45deg);
        font-size: 10px;
        display: block;
        width: 100px;
        height: 25px;
        padding-top: 160px;
    }
    #lp-top .event-list-full-img .item a.status-comingsoon:after {
        content: 'coming\Asoon';
        background: #434343;
        color: #ea4d68;
        line-height: 1;
    }
    #lp-top .event-list-full-img .item a.status-onsale:after {
        content: 'on sale';
        background: #ea4d68;
        color: #fff;
        line-height: 2;
    }
    #lp-top .event-list-full-img .item a.status-close:after {
        content: 'close';
        background: #000;
        color: #fff;
        line-height: 2;
    }
    #lp-top .event-list-full-img .item .caption {
        width: 100%;
        padding: 5px;
        background-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .2) 25%, rgba(0, 0, 0, .4) 100%)
    }
    #lp-top .event-list-full-img .item .title {
        font-size: 12px;
        font-weight: bold;
        color: #fff;
        text-shadow: 0 1px 8px rgb(0,0,0);
    }
    #lp-top .event-list-full-img .item .title .title-inner {
        width: 100%;
        line-height: 1.3;
        max-height: 4em;
        white-space: normal;
        font-weight: bold;
    }
    #lp-top .event-list-full-img .item .info {
        font-size: 10px;
        color: #fff;
        width: 100%;
        line-height: 1.2;
    }
    #lp-top p.status-label {
        font-weight: bold;
    }

/*新着イベント*/
    #lp-top .new_events_area {
        margin-top: 40px;
        margin-bottom: 40px;
        padding-top: 33px;
        padding-bottom: 40px;
        background: #fafafa;
    }
    #lp-top .new_events_area .banner-area-middle {
        padding: 0 10px;
    }
    #lp-top .new_events_area h2 { /* add nakazato */
        letter-spacing: 0;
        margin-top: 0;
        margin-bottom: 0;
        width: auto;
        padding-left: 0;
        line-height: 1.7;
    }

/*〜を探す*/
    #lp-top .search-panel * {
        box-sizing: border-box;
    }
    #lp-top .search-panel {
        width: 100%;
        margin-top: 10px;
    }
    #lp-top .search-panel.search-panel-area {
        margin-top: 4px;
    }
    #lp-top .search-panel h2 img{
        width: 100%;
        height: auto;
    }
    #lp-top .search-panel-content {
        width: 100%;
        padding: 20px 20px 0;
        border-top: none;
    }
    #lp-top .search-panel-content .search-panel-subtitle {
        font-size: 12px;
        font-weight: bold;
        color: #14b5b1;
        background: transparent url(../../pc_images_v3/sp/global_top/search_icon_green.png) 0 1px no-repeat;
        background-size: 14px;
        padding-left: 20px;
    }
    #lp-top .search-panel-content .search-panel-subtitle h3{
        font-size: 12px;
        font-weight: bold;
        color: #14b5b1;
        background-size: 14px;
    }
    #lp-top .search-panel-category .search-panel-content .search-panel-subtitle a {
        text-decoration: underline;
    }
    #lp-top .search-panel-content .search-panel-list {
        padding: 10px 0 20px;
    }
    #lp-top .search-panel-content .search-panel-list.no-padding-top {
        padding-top: 0;
    }
    #lp-top #search-panel-category .search-panel-content .search-panel-list {
        padding-bottom: 15px;
        padding-top: 0;
    }
    #lp-top .search-panel-content .search-panel-list a {
        display: inline-block;
        font-size: 12px;
        color: #666666;
        float: left;
        margin-right: 20px;
        line-height: 2;
    }
    #lp-top .search-panel-content .search-panel-list li:last-child a {
        margin-right: 0;
    }
    #lp-top #search-panel-category .search-panel-content .search-panel-list a,
    #lp-top .search-panel-area .search-panel-content .search-panel-list a {
        text-decoration: underline;
    }
    #lp-top .search-panel-area .search-panel-content .search-panel-list a.btn-more-large {
        text-decoration: none;
    }
    #lp-top .search-panel-content .search-panel-list a:hover {
        color: #999;
    }
    #lp-top .search-panel-content .search-panel-sublist {
        background: #f7fbfb;
        padding: 35px 20px 0;
        margin: 20px -20px 0;
    }
    #lp-top .search-panel-content .search-panel-sublist dl {
        display: block;
        width: 100%;
        float: left;
    }
    #lp-top .search-panel-content .search-panel-sublist > ul li {
        display: inline-block;
        float: left;
        padding-right: 25px;
    }
    #lp-top .search-panel-content .search-panel-sublist > ul li a {
        margin-right: 0;
    }
    #lp-top .search-panel-content .search-panel-sublist .search-panel-subtitle {
        padding-left: 4px;
        border-left: 4px solid #14b5b1;
        display: block;
        height: 12px;
        background-image: none;
    }
    #lp-top .search-panel-content .search-panel-sublist .search-panel-subtitle a {
        color: #14b5b1;
        line-height: 1;
    }
    #lp-top .search-panel-area .search-panel-content .search-panel-sublist .search-panel-subtitle a {
        text-decoration: underline;
    }
    #lp-top .search-panel-content .search-panel-sublist .search-panel-list {
        padding-bottom: 9px;
    }
    #lp-top .search-panel-content .search-panel-sublist .search-panel-list a {
        font-size: 12px;
        line-height: 1;
        float: none;
        margin: 0;
    }
    #lp-top .search-panel-content .search-panel-sublist .search-panel-list li {
        display: inline-block;
        float: left;
        border-right: 1px solid #666;
        padding-right: 10px;
        height: 14px;
        margin-bottom: 10px;
        margin-right: 10px;
    }
    #lp-top .search-panel-content .search-panel-sublist .search-panel-list li:last-child {
        border: none;
    }
    #lp-top .search-panel-content h3{
        font-size: 14px;
        color: #14b5b1;
        text-align: center;
    }
    #lp-top .search-panel-content h3.left{
        text-align: left;
    }
    #lp-top .search-panel-artist .search-panel-content,
    #lp-top .search-panel-venue .search-panel-content {
        padding-left: 0;
        padding-right: 0;
        text-align: center;
    }
    #lp-top .search-panel-content .search-panel-list-img {
        width: 300px;
        margin: 10px auto 8px;
    }
    #lp-top .search-panel-content .search-panel-list-img li {
        display: inline;
    }
    #lp-top .search-panel-content .search-panel-list-img li:nth-child(even) a {
        margin-left: 10px;
    }
    #lp-top .search-panel-content .search-panel-list-img a {
        display: inline-block;
        width: 145px;
        height: 170px;
        float: left;
        text-align: center;
        margin-bottom: 3px;
    }
    #lp-top .search-panel-content .search-panel-list-img a img {
        display: block;
        width: 145px;
        height: 145px;
    }
    #lp-top .search-panel-content .search-panel-list-img a span {
        display: block;
        font-size: 12px;
        color: #666666;
    }
    #lp-top .search-panel-artist .btn-more-large,
    #lp-top .search-panel-venue .btn-more-large {
        display: inline-block;
        background-position: 210px 8px;
        letter-spacing: 0;
    }
    #lp-top .search-panel-area .search-panel-area-prefectures {
        height: 0;
        overflow: hidden;
    }
    #lp-top .search-panel-area .search-panel-area-prefectures.active {
        height: auto;
    }
    #lp-top .search-panel-area .search-panel-content .search-panel-sublist {
        padding-top: 19px;
    }
    #lp-top .search-panel.search-panel-category {
        margin-bottom: 0;;
    }

/*トピックス*/
    #lp-top .topics_area {
        width: 100%;
        padding: 40px 0 1px;
        background: #fafafa;
        text-align: center;
    }
    #lp-top .topics_area .topics_content {
        width: 100%;
        text-align: left;
        margin: 0 auto;
    }
    #lp-top .topics_area .topics_list {
        padding: 35px 0 0;
        padding-top: 17px;
    }
    #lp-top .topics_area .topics_item {
        display: block;
        width: 100%;
    }
    #lp-top .topics_area .topics_category {
        border-bottom: 1px solid #212121;
        padding-bottom: 2px;
        margin: 0 10px 10px;
        color: #999;
        font-size: 12px;
    }
    #lp-top .topics_area .topics_item h3{
        font-size: 13px;
        font-weight: normal;
    }
    /* このcssは使用しない add nakazato */
    #lp-top .topics_area .topics_category:before {
        /*content: '';
        display: inline-block;
        text-align: center;
        padding: 0px 8px;
        margin-right: 6px;
        color: #fff;
        border-radius: 1px;
        font-size: 10px;
        line-height: 1.3;*/
    }
    #lp-top .topics_area .topics_category .category-label-display { /* add nakazato */
        content: '';
        display: inline-block;
        text-align: center;
        padding: 0px 8px;
        margin-right: 6px;
        color: #fff;
        border-radius: 1px;
        font-size: 10px;
        line-height: 1.3;
    }
    #lp-top .topics_area .topics_category_feature:before {
        content: '特集';
        background: #fa2e5f;
    }
    #lp-top .topics_area .topics_category_report:before {
        content: 'イベントレポート';
        background: #5380d3;
    }
    #lp-top .topics_area .topics_category_interview:before {
        content: 'インタビュー';
        background: #1abfc1;
    }
    #lp-top .topics_area .topics_category_release:before {
        content: 'リリース';
        background: #ca9cff;
    }
    #lp-top .topics_area .topics_category_news:before {
        content: 'ニュース';
        background: #ffad00;
    }
    #lp-top .topics_area .topics_category_column:before {
        content: 'コラム';
        background: #8a4f00;
    }
    #lp-top .topics_area .topics_category_organizer:before {
        content: '主催者ニュース';
        background: #151537;
    }
    #lp-top .topics_area .topics_item a {
        display: block;
        width: 100%;
        height: 60px;
        margin-bottom: 17px;
        padding: 0 10px;
        font-size: 13px;
        color: #333;
        overflow: hidden;
        position: relative;
    }
    #lp-top .topics_area .topics_item a figure {
        position: relative;
        float: left;
        height: 60px;
        max-height: 60px;
        width: 60px;
        background: white;
        overflow: hidden;
        margin: 0;
    }
    #lp-top .topics_area .topics_item a img {
        display: inline-block;
        max-width: 60px;
        max-height: 60px;
        position: relative;
    }
    #lp-top .topics_area .topics_item a img.square {
        position: relative;
        min-width: 60px;
        min-height: 60px;
    }
    #lp-top .topics_area .topics_item a img.vertical {
        position: relative;
        max-height: none;
        width: 100%;
        min-width: 60px;
    }
    #lp-top .topics_area .topics_item a img.horizontal {
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        height: 100%;
        min-height: 60px;
        max-width: none;
    }
    #lp-top .topics_area .topics_item a span {
        display: block;
        width: 100%;
        height: 60px;
        margin-left: -60px;
        padding-left: 70px;
        line-height: 1.5;
        vertical-align: top;
        float: left;
    }
    #lp-top .topics_area .btn-more-large {
        background-position: 210px 8px;
    }
    #lp-top .topics_area .topics_item .display-new-text { /* add nakazato */
        padding: 0px 5px;
        color: #f12d80;
        display: inline-block;
        font-size: 10px;
        line-height: 1.3;
    }

/*イベント主催者の方*/
    #lp-top .organizer_area .organizer_border {
        width: 100%;
        background: #14b5b0;
        border-bottom: 170px solid #fff;
    }
    #lp-top .organizer_area .organizer_bg {
        width: 320px;
        height: 355px;
        background: transparent url(../../pc_images_v3/sp/global_top/about_step.png) center bottom no-repeat;
        background-size: contain;
        text-align: center;
        padding: 20px 0 0;
        margin: 0 auto -170px;
    }
    #lp-top .organizer_area .organizer_bg .organizer-inner {
        position: relative;
        width: 300px;
        text-align: left;
        margin: 0 auto;
    }
    #lp-top .organizer_area .organizer_bg .organizer-heading {
        font-size: 15px;
        text-align: center;
        color: #fff;
        letter-spacing: 2px;
        border: 3px solid #fff;
        line-height: 1;
        padding: 14px 0;
    }
    #lp-top .organizer_area .organizer_bg .organizer-txt {
        font-size: 22px;
        font-weight: bold;
        color: #fff;
        line-height: 1.3;
        margin-top: 18px;
    }
    #lp-top .organizer_area .organizer_bg .organizer-txt span {
        display: block;
        font-weight: normal;
        font-size: 18px;
    }

    /*LivePocketとは？*/
    #lp-top .organizer_area .organizer_list {
        width: 100%;
        margin: 40px auto;
        padding: 0 10px 0 0;
        margin-bottom: 30px;
    }
    #lp-top .organizer_area .organizer_list li a {
        display: inline-block;
        float: left;
        margin-left: 10px;
        margin-bottom: 10px;
        width: calc(50% - 10px);
    }
    #lp-top .organizer_area .organizer_list .organizer_link1,
    #lp-top .organizer_area .organizer_list .organizer_link6 {
        width: calc(100% - 10px);
    }
    #lp-top .organizer_area .organizer_list li a img {
        width: 100%;
        height: 100%;
    }

/*お知らせ*/
    #lp-top .news_area {
        width: 100%;
        padding: 40px 0 0;
        background: #fafafa;
        border-bottom: 2px solid #f4f4f4;
        text-align: center;
        padding-top: 20px;
    }
    #lp-top .news_content {
        width: 100%;
        text-align: left;
        margin: 0 auto;
    }
    #lp-top .news_area h2 {
        color: #000;
        font-size: 20px;
        font-weight: normal;
        text-align: center;
        letter-spacing: 1px;
        background: transparent url(../../pc_images_v3/sp/global_top/news_icon.png) center 4px no-repeat;
    }
    #lp-top .news_area .btn-more-large {
        margin: 20px auto 20px;
    }

/* バナー */
    .banner-area-medium {
        padding-bottom: 0 !important;
    }

/*フッタ*/
    .gfooter {
        width: 100%;
        padding: 0px 0 20px;
        text-align: center;
        background: #a0a0a0 url(../../pc_images_v3/sp/global_top/ft_logo.png) center 25px no-repeat;
        background-size: 130px;
    }
    .gfooter .gfooter_sns {
        width: 100%;
        padding: 0 0 30px;
        text-align: center;
    }
    .gfooter .gfooter_sns li {
        display: inline;
    }
    .gfooter .gfooter_sns li a {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: transparent url() 0 0 no-repeat;
        background-size: contain;
    }
    .gfooter .gfooter_sns li + li a {
        margin-left: 10px;
    }
    .gfooter .gfooter_sns li.twitter a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_twitter.png);
    }
    .gfooter .gfooter_sns li.facebook a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_facebook.png);
    }
    .gfooter .gfooter_sns li.line a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_line.png);
    }
    .gfooter .gfooter_sns li.mixi a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_mixi.png);
    }
    .gfooter .gfooter_sns li.mail a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_mail.png);
    }
    .gfooter .gfooter_links {
        padding: 130px 10px 30px;
        text-align: left;
        padding-top: 10px;
    }
    .gfooter .gfooter_links li {
        display: inline;
    }
    .gfooter .gfooter_links li a {
        display: block;
        width: 100%;
        font-size: 15px;
        color: #fff;
        line-height: 2;
        padding: 7px 10px;
        border-bottom: 1px solid #929292;
        background: transparent url(../../pc_images_v3/sp/global_top/link_arrow_white.png) right center no-repeat;
        background-size: 16px;
    }
    .gfooter .gfooter_links li:first-child a {
        border-top: 1px solid #929292;
    }
    .gfooter .gfooter_links li:nth-child(3) a {
        font-size: 14px;
    }
    .gfooter .gfooter_terms p {
        font-size: 10px;
        color: #444;
        margin-bottom: 10px;
    }
    .gfooter .gfooter_terms p:last-child {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #444;
    }

/* レスポンシブ用 */
#responsiveBaseFrame .gheader,
#responsiveBaseFrame .gheader *,
#responsiveBaseFrame .gfooter,
#responsiveBaseFrame .gfooter * {
    font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', 'メイリオ', meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-sizing: border-box;
}

/*ヘッダ*/
    #responsiveBaseFrame .gheader * {
        box-sizing: border-box;
    }
    #responsiveBaseFrame .gheader section.clearfix > h1, #responsiveBaseFrame header section.clearfix > h2 {
        padding: 0;
    }
    #responsiveBaseFrame .gheader section.clearfix.sp-login > h1 {
        padding-top: 5px;
    }
    #responsiveBaseFrame .gheader section.clearfix > h1 a, #responsiveBaseFrame header section.clearfix > h2 a {
        display: block;
        width: 117px;
        height: 28px;
        background-image: url(../../pc_images_v3/sp/global_top/hd_logo.png);
        background-size: cover;
    }
    #responsiveBaseFrame .gheader section.clearfix {
        padding: 8px 5px 0 10px;
        min-height: 40px;
    }
    #responsiveBaseFrame .gheader section.clearfix.sp-login {
        min-height: 42px;
    }

    #responsiveBaseFrame .gheader .gheader_menu {
        position: relative;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_open {
        display: block;
        width: 120px;
        height: 24px;
        line-height: 24px;
        background: #e94d67;
        border: 1px solid #e94d67;
        border-radius: 2px;
        text-align: center;
        font-size: 10px;
        color: #fff;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_open {
        background: url(../../pc_images_v3/sp/global_top/hd_login.png) 6px 6px no-repeat;
        background-size: 10px;
        padding-left: 12px;
        background-color: #e94d67;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_close {
        display: block;
        width: 120px;
        height: 24px;
        line-height: 24px;
        background: #fff;
        border: 1px solid #14b5b0;
        border-radius: 2px;
        text-align: center;
        font-size: 10px;
        color: #14b5b1;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_close {
        background: url(../../pc_images_v3/sp/global_top/hd_close.png) 100px 7px no-repeat;
        background-size: 10px;
    }
    #responsiveBaseFrame .gheader .gheader_menu dt .gheader_menu_close {
        display: none;
    }
    #responsiveBaseFrame .gheader .gheader_menu.active dt .gheader_menu_close {
        display: block;
    }
    #responsiveBaseFrame .gheader .gheader_menu.active dt .gheader_menu_open {
        display: none;
    }
    /*メニュー*/
    #responsiveBaseFrame .gheader .gheader_menu {
        position: relative;
    }
    #responsiveBaseFrame .gheader .gheader_menu dd {
        position: absolute;
        top: 32px;
        right: -5px;
        z-index: 1;
        height: 0;
        overflow: hidden;

        transition-property: height;
        transition-duration: .3s;
        transition-timing-function: ease-out;
    }
    #responsiveBaseFrame .gheader .gheader_menu.active dd {
        /*height: auto;*/
        height: 350px;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_content {
        border: 1px solid #14b5b1;
        background: #fff;
        width: 285px;
        padding: 10px;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_content p {
        font-size: 15px;
        color: #333;
        background: #eee;
        text-align: center;
        letter-spacing: 1px;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_content .btn {
        display: block;
        width: 100%;
        height: 40px;
        line-height: 40px;
        color: #fff;
        background: #e94d67;
        border-bottom: 3px solid #b12a3c;
        font-size: 15px;
        letter-spacing: 2px;
        text-align: center;
        margin: 10px auto 20px;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_content ul {
        margin-bottom: 20px;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_content li a {
        display: block;
        width: 100%;
        font-size: 15px;
        color: #14b5b1;
        padding: 6px 10px;
        border-bottom: 1px solid #dcdcdc;
        background: transparent url(../../pc_images_v3/sp/global_top/link_arrow_green.png) right center no-repeat;
        background-size: 14px;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_content a img {
        width: 100%;
        height: auto;
    }
    #responsiveBaseFrame .gheader .gheader_menu .gheader_menu_content .gheader_menu_close {
        margin: 20px auto 0;
    }

    /* PCヘッダは非表示に */
    #responsiveBaseFrame .gheader nav .login {
        display: none;
    }

    /* SPヘッダは表示 */
    #responsiveBaseFrame .gheader .gheader_menu {
        display: block;
    }

/*フッタ*/
    #responsiveBaseFrame .gfooter {
        width: 100%;
        padding: 0px 0 20px;
        text-align: center;
        background: #a0a0a0 url(../../pc_images_v3/sp/global_top/ft_logo.png) center 25px no-repeat;
        background-size: 130px;
    }
    #responsiveBaseFrame .footer-sp-category-list {
        /* 追加 */
        padding: 85px 20px 12px 12px;
    }
    #responsiveBaseFrame .footer-sp-category-list .cat {
        /* 追加 */
        margin: 12px 0 0;
    }
    #responsiveBaseFrame .footer-sp-category-list .category-view a {
        /* 追加 */
        font-weight: bold;
    }
    #responsiveBaseFrame .gfooter .gfooter_sns {
        width: 100%;
        padding: 0 0 30px;
        text-align: center;
    }
    #responsiveBaseFrame .gfooter .gfooter_sns li {
        display: inline;
    }
    #responsiveBaseFrame .gfooter .gfooter_sns li a {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: transparent url() 0 0 no-repeat;
        background-size: contain;
    }
    #responsiveBaseFrame .gfooter .gfooter_sns li + li a {
        margin-left: 10px;
    }
    #responsiveBaseFrame .gfooter .gfooter_sns li.twitter a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_twitter.png);
    }
    #responsiveBaseFrame .gfooter .gfooter_sns li.facebook a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_facebook.png);
    }
    #responsiveBaseFrame .gfooter .gfooter_sns li.line a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_line.png);
    }
    #responsiveBaseFrame .gfooter .gfooter_sns li.mixi a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_mixi.png);
    }
    #responsiveBaseFrame .gfooter .gfooter_sns li.mail a {
        background-image: url(../../pc_images_v3/sp/global_top/ft_mail.png);
    }
    #responsiveBaseFrame .gfooter .gfooter_links {
        padding: 10px 10px 30px;
        text-align: left;
    }
    #responsiveBaseFrame .gfooter .gfooter_links li {
        display: inline;
    }
    #responsiveBaseFrame .gfooter .gfooter_links li a {
        display: block;
        width: 100%;
        font-size: 15px;
        color: #fff;
        line-height: 2;
        padding: 7px 10px;
        border-bottom: 1px solid #929292;
        background: transparent url(../../pc_images_v3/sp/global_top/link_arrow_white.png) right center no-repeat;
        background-size: 16px;
    }
    #responsiveBaseFrame .gfooter .gfooter_links li:first-child a {
        border-top: 1px solid #929292;
    }
    #responsiveBaseFrame .gfooter .gfooter_links li:nth-child(3) a {
        font-size: 14px;
    }
    #responsiveBaseFrame .gfooter .gfooter_terms p {
        font-size: 10px;
        color: #444;
        margin-bottom: 10px;
    }
    #responsiveBaseFrame .gfooter .gfooter_terms p:last-child {
        font-family: Arial, sans-serif;
        font-size: 12px;
        color: #444;
    }

    /* SPフッダは表示 */
    #responsiveBaseFrame .gfooter .gfooter_links.sp {
        display: block;
    }

    /* PCフッダは非表示 */
    #responsiveBaseFrame .gfooter .gfooter_links.pc {
        display: none;
    }
