@charset "utf-8";

body {
    margin: 0 auto;
    background-color: #F26201;
    color: #FFFFFF;
    font-size: 15px;
    font-family: "hiragino-mincho-pron","ヒラギノ明朝 ProN W6","ヒラギノ明朝 ＰｒｏＮ Ｗ6",“Hiragino Mincho ProN”;
    font-weight: 600;
    background-image: url('back.jpg');
    background-size: cover;
    background-attachment: fixed;
}

a {
    color: #FFFFFF;
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

ul {
    margin: 0;
    padding: 0;
}

ul li {
    display: inline-block;
}

dl dd {
    margin: 0;
    padding: 0
}

img {
    width: 100%;
}

.font_gothic {
    font-family: "メイリオ","Hiragino Kaku Gothic ProN","Hiragino Sans";
    font-weight: normal;
    font-size:14px;
}

.font_bold {
    font-weight: bold !important;
}

.shadow_bold{
/*
    text-shadow: 0.5px 0.5px 0, 0.5px -0.5px 0, -0.5px 0.5px 0, -0.5px -0.5px 0, 0.5px 0 0, 0 0.5px 0, -0.5px 0 0, 0 -0.5px 0;
*/
    text-shadow: 0.1px 0.1px 0, 0.1px -0.1px 0, -0.1px 0.1px 0, -0.1px -0.1px 0, 0.1px 0 0, 0 0.1px 0, -0.1px 0 0, 0 -0.1px 0;
}
.color_sky_blue {
    color: #1280CE;
}

/* PC */
@media screen and (min-width:769px) {

    .sp {
        display: none;
    }

    /* ヘッダー */
    .header_frame {
        position: relative;
        width: 1280px;
        height: 68px;
        margin-left: auto;
        margin-right: auto;
    }
    .header_frame_ticket {
        position: absolute;
        left: 0px;
        top: 20px;
        border-radius: 8px;
        background-color: #fff;
        color: #222;
        text-align: center;
        vertical-align: middle;
    }
    .header_frame_ticket a {
        display: block;
        padding: 5px 29px;
        color: #222;
    }
    .header_frame_list li {
        position: absolute;
        top: 29px;
        font-size: small;
    }
    .header_frame_list_2 {
        right: 435px;
    }
    .header_frame_list_3 {
        right: 335px;
    }
    .header_frame_list_4 {
        right: 235px;
    }
    .header_frame_list_5 {
        right: 150px;
    }
    .header_frame_list_6 {
        right: 50px;
    }
    .header_frame_list_7 {
        top: 27px !important;
        right: 0px;
        width: 20px;
    }

    /* フッター */
    .footer_frame {
        position: relative;
        background-color: #060144;
        height: 120px;
        text-align: center;
        margin-top: 48px;
    }
    .footer_frame_title {
        padding-top: 40px;
        font-size: 14px;
    }
    .footer_frame_copyright {
        font-size: 13px;
    }

    /* コンテンツ */
    .content_frame {
        position: relative;
        margin-left: auto;
        margin-right: auto;
        padding-top:30px;
        padding-bottom:45px;
    }
    .content_frame2{
        background-color:#FF8B00;
    }
    .content_frame3{
        background-color:#060144;
    }
    .content_frame4{
        background-color:#FF8B00;
        height:400px;
    }
    .content_frame_margin {
        background-color: #7CB8D8;
    }
    .content_frame_inner {
        background-color: #fff;
        color: #000;
    }
    .content_frame_inner_p {
        background-color: #fff;
        color: #000;
        padding: 40px 40px;
        border-radius: 8px;
    }
    .content_frame2 {
        //background-color: #FF8B00;
    }

    /* コンテンツサブジェクト */
    .content_frame_subject {
        text-align: center;
        margin-bottom: 18px;
    }
    .content_frame_subject dt {
        font-size: 26px;
    }
    .content_frame_subject dd {
        font-size: 16px;
    }

    /* イベント概要 */
    .content_frame_event{
        //width:80%;
        background-color:#fff;
        border-radius:8px;
        padding:3%;
        position:top;
        margin:auto;
    }
    .content_frame_event p{
        color:#000;
    }
    .content_frame_event li{
        width:49%;
        display:inline-table;
        vertical-align:top;
        font-size:14px;
    }
    .content_frame_event img{
        width:100%;
    }
    .content_frame_event a{
        color:#000;
        text-decoration:underline !important;
    }

    /* サポートメンバー */
    .content_frame_support {
        width:80%;
        margin:auto;
    }
    .content_frame_support li {
        width: CALC((100% - 80px) / 5);
        height: 300px;
        vertical-align: top;
        text-align: center;
        border-radius: 8px;
        padding-bottom: 20px;
    }
    .content_frame_support li:not(:last-child) {
        margin-right: 20px;
    }
    .content_frame_support li img {
        object-fit: cover;
        height: 100%;
    }
    .content_frame_support_del{
        text-align:center !important;
        width:100% !important;
        height:30px !important;
        padding-bottom:10px !important;
        padding-top:20px;
    }

    /* スケジュール */
    .content_frame_schedule {
    }
    .content_frame_schedule_b {
        font-weight: bold;
    }

    /* イメージリスト */
    .content_frame_imagelist {
        width:85%;
        margin:auto;
        padding-top:100px;
        text-align:center;
    }
    .content_frame_imagelist li {
        width: CALC(CALC(94% - 120px) / 3);
        padding-right:20px;
        padding-left:20px;
    }

    /* プロフィール */
    .content_frame_profile {
        border-radius: 8px;
        vertical-align: top;
        width: 85%;
        margin-top:-380px;
        margin-right:auto;
        margin-left:auto;

    }
    .content_frame_profile li {
        vertical-align: top;
    }
    .content_frame_profile_left {
        height: 450px;
        width: 30%;
        object-fit: cover;
        background-position: 47% 20%;
        background-size: 73%;
        background-image: url(./img/210915_1429.jpg);
        border-radius: 8px;
        border-bottom-left-radius: 8px;
        background-repeat: no-repeat;
        padding-bottom: 32px;
        margin-top: 32px;
        max-width: 400px;
    }
    .content_frame_profile_right {
        width: CALC(70% - 60px);
        padding: 90px 30px 0px 30px;
    }
    .content_frame_profile_name {
        color: #F26201;
        position: relative;
    }
    .content_frame_profile_name_jp {
        font-size: 32px;
        padding-right: 30px;
    }
    .content_frame_profile_name_en {
        font-size: 16px;
        position: absolute;
        top: 12px;
    }
    .content_frame_profile_detail {
        margin-top: 32px;
    }
    .content_frame_profile_detail a{
        color:#F26201;
        text-decoration:underline !important;
    }

    /* チケット情報 */
    .content_frame_ticket {
        width:80%;
        margin:auto;
    }
    .content_frame_ticket_top {
        color: #F26201;
        font-size: 32px;
        text-align: center;
    }
    .content_frame_ticket_deadline {
        text-align: center;
    }
    .content_frame_ticket_date {
        margin-top: 28px;
    }
    .content_frame_ticket_part {
        font-weight: bold;
    }
    .content_frame_ticket_seat {
        position: relative;
        height: 20px;
        text-align:right;
    }
    .content_frame_ticket_seat_1 {
        //position: absolute;
        //left: 48%;
    }
    .content_frame_ticket_seat_2 {
        position: absolute;
        right: 0%;
    }
    .content_frame_ticket_note {
        margin-top: 20px;
        font-size: small;
    }
    .content_frame_ticket_buy {
        background-color: #F26201;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 160px;
        display: block;
        border-radius: 12px;
    }
    .content_frame_ticket_buy a {
        display: block;
        padding: 16px 0px;
    }
    .content_frame_ticket_soldout {
        position: absolute;
        top: -7px;
        left: 520px;
        color: orange;
        font-weight: bold;
        font-size: 24px;
        transform: rotate(-8deg);
        opacity: 0.7;
    }

    .content_frame_ticket_soldout2 {
        position: absolute;
        top: 0px;
        left: 500px;
        color: orange;
        font-weight: bold;
        font-size: 48px;
        transform: rotate(-24deg);
        opacity: 0.7;
    }


    /* グッズ情報 */
    .content_frame_goods{
        width:80%;
        margin:auto;
    }
    .content_frame_goods_l {
        text-align: center;
        font-size: 40px;
        padding: 60px 0;
    }
    .content_frame_goods_s {
        text-align: center;
    }
    .content_frame_goods_list li {
        display: block;
    }
    .content_frame_goods_list li:before {
        //content:"\02022  ";
    }
    .content_frame_goods_note {
        margin-bottom: 8px;
    }
    .content_frame_goods_link{
        color:#F26201 !important;
    }
    .content_frame_goods_list {
        font-size:small;
    }

    /* アクセス */
    .content_frame_access {
        margin-top: 20px;
        width:85%;
        margin:auto;
    }
    .content_frame_access_name {
        font-size: 18px;
        font-weight: bold;
    }
    .content_frame_access_note {
        margin-top: 20px;
        font-size: small;
    }
    .content_frame_access a{
        text-decoration:underline !important;
    }

    /* 注意事項 */
    .content_frame_attention .content_frame_subject {
        color: #1280CE;
    }
    .content_frame_attention{
        width:80%;
        margin:auto;
    }
    .content_frame_attention_list{
        line-height:30px;
    }
    .content_frame_attention_list li:before {
        content:"\02022  ";
    }
    .content_frame_attention_list li {
        font-size: 14px;
        display: block;
    }
    .content_frame_attention_list a{
        color:#F26201;
        text-decoration:underline !important;
    }
    .content_frame_attention_title {
        margin-top:  20px;
    }

    /* ORGANIZER */
    .content_frame_link {
        text-align: center;
    }
    .content_frame_link img {
        width: 180px;
    }

    .pc_goods_list {
        //width: 30%;
        margin: 16px auto;
        text-align: left;
    }

    .pc_goods_list li {
        list-style: none;
    }
}
/* スマホ */
@media screen and (max-width:768px) {

    .pc {
        display: none;
    }

    /* ヘッダー */
    .header_frame {
        position: relative;
        width: CALC(100% - 10px);
        height: 64px;
        margin-left: 5px;
        margin-right: 5px;
    }
    .header_frame_ticket {
        position: absolute;
        left: 20px;
        top: 16px;
        border-radius: 8px;
        background-color: #fff;
        color: #222;
        text-align: center;
        vertical-align: middle;
    }
    .header_frame_ticket a {
        display: block;
        padding: 5px 29px;
        color: #222;
    }

    .xhamburger {
    }

    /* フッター */
    .footer_frame {
        position: relative;
        background-color: #060144;
        height: 100px;
        text-align: center;
        margin-top: 48px;
    }
    .footer_frame_title {
        padding-top: 34px;
        font-size: 11px;
    }
    .footer_frame_copyright {
        font-size: 9px;
    }

    /* コンテンツ */
    .content_frame {
        position: relative;
        width: 100%;
        //margin-top: 24px;
    }
    .content_frame2{
        background-color:#FF8B00;
        padding-bottom:15px;
    }
    .content_frame3{
        background-color:#060144;
        height:600px;
    }
    .content_frame4{
        background-color:#FF8B00;
        height:400px;
    }
    .content_frame5{
        margin-top:36vw;
    }
    .content_frame_title_dl{
        margin-bottom:10px;
    }
    .content_frame_inner {
        background-color: #fff;
        color: #222;
        width: CALC(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        padding: 0px;
    }
    .content_frame_inner_p {
        background-color: #fff;
        color: #000;
        width: CALC(100% - 40px);
        margin-left: 10px;
        margin-right: 10px;
        padding: 10px 10px;
        border-radius: 8px;
    }
    .content_frame_event{

    }

    /* コンテンツサブジェクト */
    .content_frame_subject {
        text-align: center;
        margin-bottom: 18px;
    }
    .content_frame_subject dt {
        font-size: 26px;
    }
    .content_frame_subject dd {
        font-size: 16px;
    }

    /* ライブ情報 */
    .content_frame_liveoverview  {
        width: CALC(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
    .content_frame_liveoverview li {
        width: CALC(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        vertical-align: top;
        text-align: center;
        border-radius: 8px;
    }
    .content_frame_liveoverview li:nth-child(1) {
        background-color: #F59801;
    }
    .content_frame_liveoverview li:nth-child(2) {
        background-color: #042868;
        height: 320px;
        margin-top: 16px;
    }
    .content_frame_liveoverview li:nth-child(3) {
        background-color: #0043D0;
        margin-top: 16px;
    }
    .content_frame_liveoverview_div {
    }
    .content_frame_liveoverview_1 {
        font-size: 24px;
        margin-top: 16px;
    }
    .content_frame_liveoverview_2 {
        font-size: 14px;
        margin-top: 2px;
    }
    .content_frame_liveoverview_3 {
        font-size: 24px;
        margin-top: 136px;
    }

    /* サポートメンバー */
    .content_frame_support {
        //margin: 0 30px;
        //width: CALC(100% - 60px);
        //padding: 20px 0;
    }
    .content_frame_support li {
        width: 100%;
        //height: 300px;
        vertical-align: top;
        text-align: center;
        border-radius: 8px;
        padding: 20px 0;
    }
    .content_frame_support li img {
        object-fit: cover;
        height: 100%;
        width: 70%;
    }
    .content_frame_support_del{
        text-align:center !important;
        width:100% !important;
        padding-top:8vw !important;
        padding-bottom:8vw !important;
    }

    /* スケジュール */
    .content_frame_schedule {
    }
    .content_frame_schedule_b {
        font-weight: bold;
    }

    /* イメージリスト */
    .content_frame_imagelist{
        margin-top:30px;
        background-color:#060144;
        padding-top:40px;
        padding-bottom:40px;
        position:relative;
        top:-375px;
    }
    .content_frame_imagelist li {
        width: CALC(100% / 3);
    }

    /* プロフィール */
    .content_frame_profile {
        border-radius: 8px;
        vertical-align: top;
        width: CALC(100% - 20px);
        top: -320px;

    }
    .content_frame_profile li {
        vertical-align: top;
    }
    .content_frame_profile_left {
        height: 420px;
        width: 100%;
        object-fit: cover;
        background-position: 48% 20%;
        background-size: 140%;
        background-image: url(img/210915_1429.jpg);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 8px;

    }
    .content_frame_profile_right {
        width: CALC(100% - 20px);
        padding: 10px;
    }
    .content_frame_profile_name {
        color: #F26201;
    }
    .content_frame_profile_name_jp {
        font-size: 32px;
        display: block;
    }
    .content_frame_profile_name_en {
        font-size: 16px;
        display: block;
    }
    .content_frame_profile_detail {
        margin-top: 16px;
    }
    .content_frame_profile_detail a{
        color:#F26201;
    }

    /* チケット情報 */
    .content_frame_ticket {
    }
    .content_frame_ticket_top {
        color: #F26201;
        font-size: 6.5vw;
        text-align: center;
    }
    .content_frame_ticket_deadline {
        text-align: center;
    }
    .content_frame_ticket_date {
        margin-top: 28px;
    }
    .content_frame_ticket_part {
        font-weight: bold;
    }
    .content_frame_ticket_seat {
        position: relative;
        display: block;
    }
    .content_frame_ticket_seat_1 {
        display: block;
    }
    .content_frame_ticket_seat_2 {
        display: block;
        text-align: right;
    }
    .content_frame_ticket_note {
        margin-top: 20px;
        font-size: small;
    }
    .content_frame_ticket_buy {
        background-color: #F26201;
        margin-top: 32px;
        margin-bottom: 28px;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        width: 160px;
        display: block;
        border-radius: 12px;
    }
    .content_frame_ticket_buy a {
        display: block;
        padding: 16px 0px;
    }
    .content_frame_ticket_soldout {
        position: absolute;
        top: 0px;
        left: 10px;
        color: orange;
        font-weight: bold;
        font-size: 24px;
        transform: rotate(-8deg);
        opacity: 0.7;
    }
    .content_frame_ticket_soldout2 {
        position: absolute;
        top: 54px;
        left: 10px;
        color: orange;
        font-weight: bold;
        font-size: 48px;
        transform: rotate(-24deg);
        opacity: 0.7;
    }

    /* グッズ情報 */
    .content_frame_goods_l {
        text-align: center;
        font-size: 40px;
        padding: 100px 0;
    }
    .content_frame_goods_s {
        text-align: center;
    }
    .content_frame_goods_list li {
        display: block;
    }
    .content_frame_goods_list li:before {
        //content:"\02022  ";
    }
    .content_frame_goods_note {
        margin: 8px 0;
    }
    .content_frame_goods_list {
        font-size:small;
    }

    /* アクセス */
    .content_frame_access {
        margin-top: 20px;
        width: CALC(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }
    .content_frame_access_name {
        font-size: 18px;
        font-weight: bold;
    }
    .content_frame_access_note {
        margin-top: 20px;
        font-size: small;
    }

    /* 注意事項 */
    .content_frame_attention .content_frame_subject {
        color: #1280CE;
    }
    .content_frame_attention_list li:before {
        content:"\02022  ";
    }
    .content_frame_attention_list li {
        font-size: 14px;
        display: block;
    }
    .content_frame_attention_list a{
        color:#F26201;
    }
    .content_frame_attention_title {
        margin-top:  20px;
    }

    /* ORGANIZER */
    .content_frame_link {
        text-align: center;
        margin-top:8vw;
    }
    .content_frame_link img {
        width: 180px;
    }

    /* ハンバーガーメニュー */
    .xhamburger {
        display: block;
        position: absolute;
        z-index: 11;
        width: 40px;
        right: 10px;
        top: 20px;
        cursor: pointer;
        transition: all .2s;
    }
    .xhamburger p {
        position: relative;
        margin-top: 8px;
        padding: 4px;
    }
    .xhamburger-icon {
        position: relative;
        display: block;
        width: 100%;
        height: 3px;
        background-color: #fff;
    }
    .xhamburger-icon::before,
    .xhamburger-icon::after {
        position: absolute;
        display: block;
        left: 0;
        content: '';
        width: 100%;
        height: 3px;
        transition: all 0.3s;
        background-color: #fff;
    }
    .xhamburger-icon::before {
        top: -10px;
    }
    .xhamburger-icon::after {
        top: 10px;
    }
    .xhamburger.-opened .xhamburger-icon {
        background-color: transparent;
    }
    .xhamburger.-opened .xhamburger-icon::before {
        transform: rotate(45deg);
        top: 0;
    }
    .xhamburger.-opened .xhamburger-icon::after {
        transform: rotate(-45deg);
        top: 0;
    }

    #hamburger_menu {
        position: fixed;
        top: 64px;
        z-index: 800;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        background-color:#F26201;
        height: 100vh;
    }
    #hamburger_menu ul {
        padding: 0;
        margin: 0;
    }
    #hamburger_menu li {
        padding: 10px;
        display: block;
        list-style:none;
    }
    #hamburger_menu li:not(:last-child) a {
        display: block;
        color: #fff;
        padding: 12px;
        border-bottom: 1px solid #fff;
    }
    #hamburger_menu li:last-child a {
        display: block;
        padding-top: 12px;
    }
    #hamburger_menu dl {
        padding: 2px 0;
        margin: 0;
    }
    #hamburger_menu dt {
        font-size:1.0em;
        padding-bottom: 1px;
    }
    #hamburger_menu dd {
        font-size:0.6em;
        margin: 0;
    }

}