@charset "utf-8";

a:link { text-decoration: none !important; color:#222222; border-bottom:1px dotted;}
a:visited { text-decoration: none !important; color:#222222; border-bottom:1px dotted;}
a:active { text-decoration: none; color:#222222; }
a:hover{
    opacity: 0.6;
    border-bottom:1px dotted;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all  0.2s ease-in-out;
}
body.goods a:link { text-decoration: none !important; color:#000000; border-bottom:0px dotted;}
body.goods a:visited { text-decoration: none !important; color:#000000; border-bottom:0px dotted;}
body.goods a:active { text-decoration: none; color:#000000; }
body.goods .nav-box ul li a:link,body.goods .nav-box ul li a:visited {
    border-bottom: 0 none;
    color: #000000;
    text-decoration: none;
}
body.goods #footer .inner {
    color: #000000;
}
.media-grid a:link,
.media-grid a:visited {
    border-bottom:0px dotted;
}

#title-box h1 a:link,
#title-box h1 a:visited{
    border-bottom:0px dashed;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 	margin:0;	padding:0;}table { border-collapse:collapse; border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,th,var {	font-style:normal;	font-weight:normal;}ol,ul {	list-style:none;
}caption,th {	text-align:left;}h1,h2,h3,h4,h5,h6 {	font-size:100%;	font-weight:normal;}q:before,q:after {	content:'';
}abbr,acronym {  border:0;}

.smp-only{
    display: none;
}
.pc-only{
    display: block;
}
.ancher-link{
    display: block;
    padding-top: 48px;
    margin-top: -48px;
    height: 0;
}
body{
    background-color: #FFFFFF;
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    color: #222222;
    font-size: 16px;
    line-height: 2;
    font-family:"游明朝","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","ＭＳ 明朝",serif;
    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
p{
    font-size: 16px;
    padding-top: 32px;
    line-height: 2;
    text-align: justify;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
p.text-al{
    text-align: left;
}
p:first-child{
    padding-top: 0px;
}
.primary{
    padding-top: 0 !important;
    margin-top: 0 !important;
}
.bottom,
.bottom li{
    padding: 0 !important;
    margin: 0 !important;
}
#header{
    background: url(/melodies/common/images/hasunuma.png);
    width: 100%;
    padding-bottom: 56%;
    background-size: cover;
    position: relative;
}
#header0203{
    background: url(/melodies/common/images/main0203-pc.jpg);
    width: 100%;
    padding-bottom: 65%;
    background-size: cover;
    background-position: center center;
    position: relative;
}
#header0424{
    background: url(/melodies/common/images/main0424.jpg);
    width: 100%;
    padding-bottom: 65%;
    background-size: cover;
    background-position: center center;
    position: relative;
}
#header-goods{
    background: url(/melodies/common/images/main0305.jpg);
    width: 100%;
    padding-bottom: 66.66%;
    background-size: cover;
    background-position: center center;
    position: relative;
}
#headerembed{
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}
#headerembed iframe{
    position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
    border: none;
}
.lute-video-wrapper{
    margin: 48px auto 0;
    max-width: 660px;
}
.lute-video{
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}
    .lute-video iframe{
        position: absolute; top: 0; left: 0; width: 100%; height: 100%; 
        border: none;
    }
    .lute-text{
        margin: 0 auto;
        max-width: 660px;
    }
        .lute-text p{
            color: #FFFFFF;
        }

    .lute-list{
        margin: 48px auto 0;
        max-width: 660px;
        overflow: hidden;
    }
    .lute-list li{
        width: 100%;
        height:auto;
        float: left;
        margin-top: 12px;
    }

body.goods #header-goods{
    background: url(/melodies/common/images/goods-bg.jpg);
    width: 100%;
    padding-bottom: 66.66%;
    background-size: cover;
    background-position: center center;
    position: relative;
}
#container{
}
.clearfix::after {
    clear: both;
    content: "";
    display: block;
}
.footer-test{
    width: auto;
    height: 50px;
}


.main{
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    position: absolute;
    width: 100%;
    background-color: #e8e8e8;
}
    #content-container{
        background-color: #01285c;
        position: relative;
    }
        body.sapporo #content-container,
        body.sapporo .nav-box,
        body.sapporo .smp-nav-box,
        body.sapporo #footer{
            background-color: #156073;
        }
        body.fukuoka #content-container,
        body.fukuoka .nav-box,
        body.fukuoka .smp-nav-box,
        body.fukuoka #footer{
            background-color: #ffa488;
        }
        body.goods #content-container,
        body.goods .nav-box,
        body.goods .smp-nav-box,
        body.goods #footer{
            background-color: #c9c9c9;
        }
        body.tokyo #content-container,
        body.tokyo .nav-box,
        body.tokyo .smp-nav-box,
        body.tokyo #footer{
            background-color: #690000;
        }
        body.osaka #content-container,
        body.osaka .nav-box,
        body.osaka .smp-nav-box,
        body.osaka #footer{
            background-color: #fd65d0;
        }
            .caution-osaka{
                color: #fd65d0;
                font-weight: bold;
                margin-top:-10px;
                display: block;
            }
        body.aichi #content-container,
        body.aichi .nav-box,
        body.aichi .smp-nav-box,
        body.aichi #footer{
            background-color: #f1c705;
        }
        body.okinawa #content-container,
        body.okinawa .nav-box,
        body.okinawa .smp-nav-box,
        body.okinawa #footer{
            background-color: #006637;
        }
            .live-info a.btn-dl:link,
            .live-info a.btn-dl:visited{
                line-height: 2;
                margin-top: 12px;
                display: inline-block;
                color: #006637 !important;
                background-color: #FFFFFF;
                margin-bottom: 0;
                padding:8px 12px;
                border: 0px;
            }
            .ticket-info{
                background:#FFFFFF;
                padding: 12px 12px;
                margin-top: 12px;
            }
            .ticket-info{
                background:#FFFFFF;
                padding: 12px 12px 0px;
                margin-top: 12px;
            }
                body.fukuoka .ticket-info{
                    background:#FFFFFF;
                    padding: 12px 12px;
                    margin-top: 12px;
                }
                #live .column-box h2{
                    text-align: left !important;
                    font-size:18px;
                    padding: 0;

                }
                #live .column-box .ticket-info p{
                    padding-top: 0;
                    line-height: 1.8;
                    padding-top: 6px;
                }
                    body.fukuoka #live .column-box .ticket-info p{
                        color: #ffa488;
                    }
                    body.sapporo #live .column-box .ticket-info p{
                        color: #156073;
                    }
                    body.osaka #live .column-box .ticket-info p{
                        color: #fd65d0;
                    }
                    body.aichi #live .column-box .ticket-info p{
                        color: #f1c705;
                    }
                    body.okinawa #live .column-box .ticket-info p{
                        color: #006637;
                    }
                
                #live .column-box a.btn-ticket:link,
                #live .column-box a.btn-ticket:visited{
                    color: #FFFFFF;
                    padding: 8px 6px;
                    border-bottom: 0px;
                    margin: 0px !important;
                    display: inline-block;
                    line-height: 1 !important;
                }
                    body.osaka #live .column-box a.btn-ticket:link,
                    body.osaka #live .column-box a.btn-ticket:visited{
                        background-color: #fd65d0;
                    }
                    body.tokyo #live .column-box a.btn-ticket:link,
                    body.tokyo #live .column-box a.btn-ticket:visited{
                        background-color: #690000;
                    }
                    body.fukuoka #live .column-box a.btn-ticket:link,
                    body.fukuoka #live .column-box a.btn-ticket:visited{
                        background-color: #ffa488;
                    }
                    body.sapporo #live .column-box a.btn-ticket:link,
                    body.sapporo #live .column-box a.btn-ticket:visited{
                        background-color: #156073;
                    }
                    body.aichi #live .column-box a.btn-ticket:link,
                    body.aichi #live .column-box a.btn-ticket:visited{
                        background-color: #f1c705;
                    }
                    body.okinawa #live .column-box a.btn-ticket:link,
                    body.okinawa #live .column-box a.btn-ticket:visited {
                        background-color: #006637;
                    }
                .live-info .ticket-info a:link,
                .live-info .ticket-info a:visited {
                    overflow: hidden;
                    padding-bottom: 0px;
                    padding-top: 0px;
                }
                    body.osaka .live-info .ticket-info a:link,
                    body.osaka .live-info .ticket-info a:visited {
                        background-color: #fd65d0;
                    }
                    body.tokyo .live-info .ticket-info a:link,
                    body.tokyo .live-info .ticket-info a:visited {
                        background-color: #690000;
                    }
                    body.fukuoka .live-info .ticket-info a:link,
                    body.fukuoka .live-info .ticket-info a:visited {
                        color: #ffa488;
                    }
                    body.sapporo .live-info .ticket-info a:link,
                    body.sapporo .live-info .ticket-info a:visited {
                        background-color: #156073;
                    }
                    body.aichi .live-info .ticket-info a:link,
                    body.aichi .live-info .ticket-info a:visited {
                        background-color: #f1c705;
                    }
                    body.okinawa .live-info .ticket-info a:link,
                    body.okinawa .live-info .ticket-info a:visited {
                        background-color: #006637;
                    }
.main-box-inner{
    padding-right: 300px;
}
.sidebar{
    width: 300px;
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    background-color: #e8e8e8;
    float: right;
    position: relative;
    z-index: 999;
}
    body.goods .sidebar figure img{
        filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -webkit-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
    }
    .sidebar ul.links{
        margin-bottom: 0px;
    }
        .sidebar ul.links li{
            margin: 12px 0px 0px;
            padding: 0px;
            display: inline-block
        }
        .sidebar ul.links li a:link,
        .sidebar ul.links li a:visited{
            margin: 0px;
        }
.widget{
    padding-top:24px;
}

.fixnav {
    width: 300px;
    background-color: #e8e8e8;
}
    .link-box1-2{
        overflow: hidden;
        padding-top: 12px;
    }
        .link-box1-2 a:link,
        .link-box1-2 a:visited{
            background-color: #333333;
            color: #FFFFFF;
            border-bottom: 0px;
            padding: 6px 12px;
            font-size: 13px;
            margin-right: 6px;
            border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                -o-border-radius: 4px;
                -ms-border-radius: 4px;
        }
        .link-box-vertical a:link,
        .link-box-vertical a:visited{
            background-color: #333333;
            display: block;
            color: #FFFFFF;
            text-align: center;
            border-bottom: 0px;
            padding: 6px 12px;
            font-size: 13px;
            margin-right: 0px;
            border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                -o-border-radius: 4px;
                -ms-border-radius: 4px;
                line-height: 100%;
        }
        .link-box-vertical a:first-child{
            margin-bottom: 0px;
        }

/* nav */
.nav-box{
    position: absolute;
    width: 100%;
    height: 48px;
    overflow: hidden;
    z-index: 998;
    background-color: #01285c;
}
    .nav-box h2{
        color: #FFFFFF;
        position: absolute;
    }
    .nav-box ul{
        float: left;
        left: 50%;
        position: relative;
    }

    .nav-box ul li{
        float: left;
        left: -50%;
        margin: 0 12px;
        overflow: visible;
        position: relative;
        font-size: 18px;
        letter-spacing: 0.1ex;
        padding-top: 10px;
    }
    .nav-box ul li a:link,
    .nav-box ul li a:visited{
        color: #FFFFFF;
        border-bottom: 0px;
        text-decoration: none;
    }
.fixed{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}
.fixed nav{
    padding-right: 300px;
}

/*===============================================
common
===============================================*/
.section-box{
    padding-top: 98px;
}
.section-box:first-child{
    padding-top: 96px;
}
.section-box header h1{
    text-align: center;
    color: #FFFFFF;
    font-size: 36px;
    font-family: AvenirNextLTPro-Regular;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.1ex;
    padding-bottom: 24px;
}
.section-box header h2{
    text-align: center;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: 0.1ex;
    padding-bottom: 34px;
    margin-top: -12px;
}
    body.goods .section-box header h1 {
        color: #000000;
        font-size: 28px;
        font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    }
.en{
    font-family: AvenirNextLTPro-Regular;
    font-weight: normal;
    font-style: normal;
    letter-spacing: 0.1ex;
}
.text{
    overflow: hidden;
}

    .text dl{
        display: table;
        width: 100%;
    }
    .text dl dt{
        display: table-cell;
        line-height: 1.5;
        margin-bottom: 5px;
        vertical-align: top;
        width: 68px;
    }
    .text dl dt.wide{
        width: 180px;
    }
    .text dl dd{
        display: table-cell;
        line-height: 1.5;
        vertical-align: top;
    }
figure{
    margin: 0px;
    line-height:0;
}
figure img{
    margin: 0px;
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align:text-bottom;
}
.inner{
    width: auto;
    padding: 0 24px;
}
.video {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
    .video iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100% !important;
      height: 100% !important;
    }

/* common-column */
    .column-module{
        background-color: #ffffff;
        margin: 0 auto;
        overflow: hidden;
        width: auto;
    }
        body.tmp #live .column-module,
        body.tmp #live .column-box{
            background-color: transparent;
        }
        body.tmp #live .column-box h2,
        body.tmp #live .column-box p{
            color: #ffffff;
        }
        .radio{
            padding-top: 10px;
        }
        p.live-text{
            color: #ffffff;
        }
        #acoustic-couty .column-box{
            background-color: transparent;
        }
        #acoustic-couty iframe{
            padding-top: 24px;
        }
    .column-module-bg,
    .column-module-bg .column-box{
        background-color: transparent;
        padding-top: 0px;
    }

        .column-box{
            background-color: #ffffff;
            margin: 0 auto;
            max-width: 864px;
            overflow: hidden;
            padding: 24px;
            width: auto;
            position: relative;
        }
        #melodies .column-box{
            min-height: 775px;
        }
        .column-box-full{
            max-width: 864px;
            padding: 0px;
            background-color: transparent;
        }
            #introduction .column-box {
                padding-bottom: 48px;
            }
        .column-module1-2{
            overflow: hidden;
        }
            .column-module1-2 .column-text{
                background-color: #ffffff;
                width: 
            }
            .column1-2-thumbnail{
                position: absolute;
                top: 0px;
                left: 0px;
                width: 40%;
            }
                .column1-2-thumbnail .inner{
                    padding: 24px 0 0 24px;
                }
            .column1-2{
                float: left;
                width: 40%;
            }
            .column2-2{
                float: right;
                width: 55.5%;
            }
            .column2-2-center{
                float: none;
                margin: 0 auto;
                width: 70%;
            }

        .column-module1-3{
            overflow: hidden;
        }
            .column-module1-3 .column{
                float: left;
                width: 33.333%;
                height: auto;
                float: left;
                line-height:0;
            }

        .column-module1-4 .column{
            width: 25%;
            height: auto;
            float: left;
            line-height:0;
        }
            .column-module1-4 .column img{
                width: 100%;
                height: auto;
                vertical-align:text-bottom;
            }
        .column-module1-5 .column{
            width: 20%;
            height: auto;
            float: left;
            line-height:0;
        }
            .column-module1-5 .column img{
                width: 100%;
                height: auto;
                vertical-align:text-bottom;
            }

    .column_video{
        overflow: hidden;
        margin-bottom: 24px;
        background-color: #FFFFFF;
    }
        .column_video .video_box{
            float: left;
            width: 50%;
        }
        .column_video .column-module{
            float: left;
            width: 50%;
        }
        .column_video .column-module h2{
            padding-top: 12px;
        }

        .column_video .column-box {
            padding: 24px 42px;
        }
            .images-list ul{
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                border-right:1px solid #888888;
            }
            .images-list img{
                box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
                border-left:1px solid #888888;
                border-bottom:1px solid #888888;
            }
        .images-list .name,
        .name{
            color:#222222;
        }
        .prof-module{
            margin-top: 24px;
        }
        #qa-bio,
        #qa-bio2,
        #qa-bio3,
        #qa-bio4,
        #qa-bio4,
        #qa-bio5,
        #qa-bio6,
        #qa-bio7,
        #qa-bio8,
        #qa-bio9,
        #qa-bio10,
        #qa-bio11,
        #qa-bio12,
        #qa-bio13,
        #qa-bio14,
        #qa-bio15,
        #qa-bio15,
        #qa-bio16,
        #qa-bio17,
        #qa-bio18{
            display: none;
        }
        #qa-btn,
        #qa-btn2,
        #qa-btn3,
        #qa-btn4,
        #qa-btn5,
        #qa-btn6,
        #qa-btn7,
        #qa-btn8,
        #qa-btn9,
        #qa-btn10,
        #qa-btn11,
        #qa-btn12,
        #qa-btn13,
        #qa-btn14,
        #qa-btn15,
        #qa-btn16,
        #qa-btn17,
        #qa-btn18{
            margin-bottom: 24px;
        }
        #qa-btn-close,
        #qa-btn-close2,
        #qa-btn-close3,
        #qa-btn-close4,
        #qa-btn-close5,
        #qa-btn-close6,
        #qa-btn-close7,
        #qa-btn-close8,
        #qa-btn-close9,
        #qa-btn-close10,
        #qa-btn-close11,
        #qa-btn-close12,
        #qa-btn-close13,
        #qa-btn-close14,
        #qa-btn-close15,
        #qa-btn-close16,
        #qa-btn-close17,
        #qa-btn-close18,
        #qa-btn-close19{
            margin-top: 24px;
            background-color: #FFFFFF;
        }
        #qa-btn-close .qa-btn-common-inner,
        #qa-btn-close2 .qa-btn-common-inner,
        #qa-btn-close3 .qa-btn-common-inner,
        #qa-btn-close4 .qa-btn-common-inner,
        #qa-btn-close5 .qa-btn-common-inner,
        #qa-btn-close6 .qa-btn-common-inner,
        #qa-btn-close7 .qa-btn-common-inner,
        #qa-btn-close8 .qa-btn-common-inner,
        #qa-btn-close9 .qa-btn-common-inner,
        #qa-btn-close10 .qa-btn-common-inner,
        #qa-btn-close11 .qa-btn-common-inner,
        #qa-btn-close12 .qa-btn-common-inner,
        #qa-btn-close13 .qa-btn-common-inner,
        #qa-btn-close14 .qa-btn-common-inner,
        #qa-btn-close15 .qa-btn-common-inner,
        #qa-btn-close16 .qa-btn-common-inner,
        #qa-btn-close17 .qa-btn-common-inner,
        #qa-btn-close18 .qa-btn-common-inner,
        #qa-btn-close19 .qa-btn-common-inner,
        #qa-btn-close20 .qa-btn-common-inner{
            background-color: #FFFFFF;
        }
        .qa-btn-common{
            display: block;
            width: 240px;
            text-align: center;
            margin: 0 auto 0px;
            border-bottom: 0px !important;
            padding: 12px 0;
            background-color: #e8e8e8;
            line-height: 1 !important;
            cursor: pointer;
        }
        .qa-btn-common-inner{
            padding: 0px 0;
        }

.accordion-box {
height:auto;
margin:0;
padding:0;
text-align:left;
background-color:#FFFFFF;
}
h3.post-title{
    font-size: 1.4rem;
    padding: 0px 14px 15px;
}
#accordion-wrapper h3.active span{
    border-bottom: 1px solid #000000;
    padding-bottom: 2px;
}
.accordion-box h3 {
    cursor:pointer;
}
/* active */
.accordion-box h3.active {
}
/* hovered */
.accordion-box h3.hovered {
}

.accordion-box .accordion-block {
display:block;
margin:5px 0 40px;
padding:0px;
}

.align-right{
text-align:right;
}

    .column-box h2{
        font-size: 24px;
        padding-bottom: 24px;
        line-height: 1.6;
        text-align: left;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
    .column-box h2.title{
        width: 55.5%;
        float: right;
    }
        .column-box h2.title-s{
            font-size: 20px;
        }

    .column-box h2.title-center{
        width: 70%;
        float: none;
        margin: 0 auto;
        text-align: center;
    }
        #introduction .column-box h2 {
            text-align: center;
            padding-top: 12px;
        }
        #melodies .column-box h2 {
            padding-bottom: 0px;
        }
    .column-box figure{
        padding-bottom: 24px;
    }

    .bg-white img{
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        border:1px solid #888888;
        max-width: 360px;
        display: block;
        margin: 0 auto;
    }

/* no image */

    #live .column1-2-thumbnail {
    }

    #live .column2-2-test {
        float: none;
        width: 100%;
        max-width: 516px;
        margin-right: auto;
        margin-left: auto;
    }


/* common-section */
    .section-box{
        position: relative;
        overflow: hidden;
    }
    .remarks-box{
        padding: 12px;
        margin-top: 24px;
        background-color: #E8E8E8;
    }
    .remarks-box-top{
        padding: 12px;
        margin-top: 0px;
        background-color: #E8E8E8;
    }
    .remarks-box-bl{
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        border:4px solid #01285c;
        background-color: transparent;
    }
    .remarks-box h2,
    .remarks-box h3{
        font-size: 13px;
        font-weight: bold;
    }
    .remarks-box h4{
        font-size: 13px;
        font-weight: bold;
        padding-top: 12px;
    }
    .remarks-box p{
        font-size: 13px;
        padding: 0;
    }
    .remarks-box ul li{
        display: inline;
        padding-right: 12px;
        font-size: 13px;
    }
    .remarks-box ol{
        padding-left: 24px;
    }
    .remarks-box ol li{
        font-size: 13px;
        line-height: 1.8;
    }
    .remarks-box .signature{
        padding-left: 12px;
    }
    .remarks-box ol li .signature{
        padding-left: 0px;
    }
    .remarks-box dt,
    .remarks-box dd{
        font-size: 13px;
    }

/* goods */
    a.melodies_goods_banner:link,
    a.melodies_goods_banner:visited{
        background: url(/melodies/common/images/goods-bg-home.jpg);
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        padding-bottom: 66.666%;
        display: block;
        position: relative;
    }
        .melodies_goods_banner h2{
            position: absolute;
            text-align: center;
            width: 100%;
            top: 20%;
            font-size: 24px;
        }
    .goods-images{
        overflow: hidden;
        border-right: 1px solid #FFFFFF;
        border-bottom: 1px solid #FFFFFF;
    }
        .goods-images li{
            width: 50%;
            height: auto;
            float: left;
            line-height:0; 
        }
        .goods-images li.goods-images-full{
            width: 100%;
        }
            .goods-images li img{
                border-left: 1px solid #FFFFFF;
                border-top: 1px solid #FFFFFF;
                vertical-align:text-bottom;
                width: 100%;
                height: auto;
                box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -webkit-box-sizing: border-box;
                    -o-box-sizing: border-box;
                    -ms-box-sizing: border-box;
            }
            #price .goods-images li img,
            #price .goods-images{
                border: 0px solid #FFFFFF;
            }


/* table */
    #live .column-box h2 {
        padding-top: 12px;
        text-align: center;
    }
    .table-box{
        padding-top: 48px;
    }
    table.live-schedule {
        border-left: 1px solid #c8c8c8;
        border-top: 1px solid #c8c8c8;
        background:#FFFFFF;
    }
    table.live-schedule tr {
        border-bottom: 1px solid #c8c8c8;
        border-right: 1px solid #c8c8c8;
    }
        table.live-schedule tr.active,
        table.live-schedule tr.active a:link,
        table.live-schedule tr.active a:visited{
            color:#fe0101;
        }
    table.live-schedule thead th {
        background-color: #414141;
        color: #ffffff;
    }
    table.live-schedule th, table.live-schedule td {
        border-left: 1px solid #c8c8c8;
        padding: 5px 10px;
        text-align: center;
    }
    td.live-place{
        width: 10%;
    }
    td.live-date{
        width: 25%;
    }
    td.live-link,
    .live-link{
        width: 20%;
        display: none;
    }
    .live-schedule-andmore{
        font-size: 18px;
        font-family: AvenirNextLTPro-Regular;
        display: block;
        width: 100%;
        padding-top: 24px;
        text-align: center;
    }


/* section-news */
#news{
}
    #news ul li.news-list{
        background-color: #E8E8E8;
        margin-top: 12px;
        overflow: hidden;
        margin: 12px auto 0;
        max-width: 864px;
    }
    #news ul li.news-list:first-child{
        margin-top: 0px;
    }
    #news ul li.news-list .news-title{
        background-color: #FFFFFF;
        padding: 12px 12px 12px 12px;
        margin-left: 110px;
        overflow: hidden;
    }
        #news ul li.news-list .news-title figure{
            width: 50%;
            max-width: 240px;
            margin: 0 0 0 24px;
            float: right;
        }

    #movie-wrapper{
        margin: 0 auto;
        max-width: 360px;
    }
    .news-label{
        color: #222222;
        float: left;
        padding: 12px;
        line-height: 2;
    }
    .news-title a:link,
    .news-title a:visited{
        border-bottom: 0px;
        text-decoration: none;
    }

/* section-melodies */
    .disc-image-now-printing{
        width: 100%;
        max-width: 360px;
        padding-bottom: 100%;
        position: relative;
        background-color: #E8E8E8;
        border:1px solid #B8B8B8;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        margin:0 auto 24px;
    }
    .disc-image-now-printing .now-printing{
        position: absolute;
        display: block;
        text-align: center;
        height: 20px;
        width: 100%;
        top: 50%;
        margin-top: -10px;
    }
        .itunes{
            overflow: hidden;
        }
        .itunes .thumbnail{
            float: right;
            width: 45%;
            padding-bottom:0px;
        }
        .itunes .text{
            float: left;
            width: 50%;
        }

/* gif */
#image-gif {
    padding-top: 24px;
    margin-top: 0;
    clear: both;
}
ul.gif{
    overflow: hidden;
    margin: 0 auto;
    max-width: 864px;
    width: auto;
}
    ul.gif li{
        width: 25%;
        float: left;
        line-height:0;
    }
        ul.gif li img{
            width: 100%;
            height: auto;
            vertical-align:text-bottom;
        }
/* gif */

/* instagram */
#instafeed{
    overflow: hidden;
    border-right: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
}
#instafeed a:link,
#instafeed a:visited{
    border: 0px;
    text-decoration: none;
}
#instafeed li{
    width: 25%;
    height: auto;
    float: left;
    line-height:0;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
}
#instafeed li img{
    width: 100%;
    height: auto;
    vertical-align:text-bottom;
}

/* section-live */
    .google-maps {
        padding-bottom: 400px;
        position: relative;
        width: 100%;
    }
    .google-maps iframe {
        height: 100% !important;
        left: 0;
        position: absolute;
        top: 0;
        width: 100% !important;
        border: 0px;
    }
        .instagram-tag{
            display: block;
            text-align: center;
            font-size: 18px;
            color: #FFFFFF;
            padding: 0px 0 24px;
        }
    ol.q-and-a {
        list-style: outside none none;
        padding: 0;
    }
    .question{
        position: relative;
        padding-top: 24px;
    }
        .question-rabel-title{
            text-align: center !important;
        }
            .question-rabel-q-title{
                color: #01285c;
            }
            .question-rabel-a-title{
                color: #ff3c00;
            }
        .question-rabel{
            font-family: AvenirNextLTPro-Regular;
            color: #01285c;
            font-size: 24px;
            left: 0;
            position: absolute;
            top: 24px;
        }
        .question-rabel-a{
            font-family: AvenirNextLTPro-Regular;
            color: #ff3c00;
            font-size: 24px;
            left: 0;
            position: absolute;
            top: 24px;
        }
        .question p{
            padding-top: 0;
            padding-left: 48px;
        }
        p.indent-bottom{
            padding-top: 32px;
        }
    .profile-box{
        padding-top: 48px;
        margin-top: 48px;
        border-top: 1px dotted #01285c;
    }
        .profile-box-inner{
            overflow: hidden;
        }
        .profile-box-image img{
            width: 100%;
            height: auto;
        }
    .profile-box h3{
        font-size: 16px;
        font-weight: bold;
    }
    .column-box-remarks{
        background-color: #e8e8e8;
        padding-top: 48px;
        padding-bottom: 48px;
        margin-bottom: 24px;
    }
    .column-box-remarks h2{
        text-align: center;
    }
    .column-box-remarks .qa-read{
        display: block;
        text-align: center;
    }

    .tmp-images{
        overflow: hidden;
    }
        .tmp-images li{
            width: 33.333%;
            float: left;
            line-height:0;
        }
        .tmp-images li img{
            width:100%;
            height: auto;
            border: 1px solid #FFFFFF;
            vertical-align:text-bottom;
            box-sizing: border-box;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -o-box-sizing: border-box;
                -ms-box-sizing: border-box;
        }


    .live-info,
    .live-info a:link,
    .live-info a:visited{
        overflow: hidden;
        padding-top:48px;
        padding-bottom: 24px;
        color: #FFFFFF;
    }
    .live-info figure{
        float: left;
        width: 40%;
        padding-bottom: 0px;
    }
    .live-info-detail{
        float: right;
        width: 55.5%;
    }
        .live-info-detail h3{
            font-size: 24px;
            padding: 0px 0 24px;
        }
            dl.live-detail-list{
                line-height: 175%;
                overflow: hidden;
            }
                dl.live-detail-list dt{
                    display: table-cell;
                    padding: 0;
                    vertical-align: top;
                    width: 60px;
                }
                dl.live-detail-list dd{
                    display: table-cell;
                    padding: 0;
                    vertical-align: top;
                }

    .live-info-banner{
        text-align: center;
        padding: 24px 12px;
    }
    .live-info-banner p{
        text-align: center;
        font-size: 18px;
    }


/* common-list */
    ol{
        list-style-type: decimal;
        padding-left: 36px;
    }
    dl{
        padding-bottom: 12px;
    }
    li,dt,dd{
        font-size: 16px;
    }
    ul.links{
        margin-bottom: 24px;
    }
    ul.links li{
        margin-bottom: 12px;
    }

/* common-btn */
a.btn-link:link,
a.btn-link:visited{
    display: block;
    width: 160px;
    text-align: center;
    padding:4px;
    line-height: 1;
    font-size: 13px;
    border-bottom: 0px;
}
a.btn-link:hover{
    opacity: 0.6;
}
a.link-btn:link,
a.link-btn:visited{
    display: block;
    width: 100%;
    text-align: center;
    padding:4px;
    line-height: 1;
    font-size: 15px;
    border:0px solid #222222;
    background-color: #FFFFFF;
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
    a.btn-event:link,
    a.btn-event:visited{
        display: block;
        text-align: center;
        width: 100%;
        max-width: 320px;
        font-size: 18px;
        margin: 24px auto 0;
        color: #FFFFFF;
        border: 2px solid #FFFFFF;
        line-height: 1.8;
        padding: 12px 0;
    }
    a.btn-amazon:link,
    a.btn-amazon:visited{
        color: #FFFFFF;
        border:1px solid #999999;
        background-color: #fc9a18;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px; 
    }
    a.btn-union:link,
    a.btn-union:visited{
        color: #ff0001;
        border:1px solid #999999;
        background-color: #000000;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px; 
    }
    a.btn-amazon-others:link,
    a.btn-amazon-others:visited{
        color: #FFFFFF;
        border:1px solid #999999;
        background-color: #232f3e;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px; 
    }
        body.goods a.btn-amazon:link,
        body.goods a.btn-amazon:visited,
        body.goods a.btn-tower:link,
        body.goods a.btn-tower:visited,
        body.goods a.btn-apple:link,
        body.goods a.btn-apple:visited,
        body.goods a.btn-pdf:link,
        body.goods a.btn-pdf:visited {
            background-color: #FFFFFF;
            border: 1px solid #000000;
            color: #000000;
        }
    a.btn-tower:link,
    a.btn-tower:visited{
        color: #d6000f;
        border:1px solid #999999;
        background-color: #ffd000;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        padding:5px 4px 3px 4px;
    }
    a.btn-apple:link,
    a.btn-apple:visited{
        color: #FFFFFF;
        border:1px solid #333333;
        background-color: #333333;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px;
        padding:6px 4px 4px 4px;
        font-size: 13px;
    }
    a.btn-pdf:link,
    a.btn-pdf:visited{
        color: #FFFFFF;
        border:1px solid #5299c8;
        background-color: #89badb;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -o-border-radius: 4px;
        -ms-border-radius: 4px; 
    }
    a.btn-radiko:link,
    a.btn-radiko:visited {
        background-color: #FFFFFF;
        border: 2px solid #01a6ea;
        border-radius: 4px;
        color: #01a6ea;
        display: block;
        font-size: 15px;
        line-height: 1;
        padding: 6px 4px 4px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }
    a.btn-radiko-page:link,
    a.btn-radiko-page:visited{
        max-width: 360px;
        margin: 24px auto 0;
        padding: 12px 8px 8px;
    }
a.bg-link:link,
a.bg-link:visited{
    display: inline-block;
    padding:6px 8px;
    line-height: 1;
    font-size: 15px;
    border-bottom: 0px;
    background-color: #FFFFFF;
    margin-top: 6px;
}
a.mail-link:link,
a.mail-link:visited{
    display: inline-block;
    padding:4px 8px;
    line-height: 1;
    font-size: 15px;
    border-bottom: 0px;
    margin: 6px 0 0;
    background-color: #FFFFFF;
}
    .bottom-link{
        margin-top: 24px;
    }

/* common-embed */
    .media {
      position: relative;
      width: 100%;
      padding-top: 56.25%;
      z-index: 2;
    }
    .media-instagram-list {
      position: relative;
      width: 100%;
      padding-top: 125%;
      z-index: 2;
      background-color: #e8e8e8;
      border:1px solid #FFFFFF;
    }
        .media-instagram-list p{
            position: absolute;
            text-align: center;
            width: 100%;
            top: 50%;
            margin-top: -12px;
            font-style: italic;
            font-size: 18px;
            color: #01285c;
        }

    .media-instagram{
        padding-top: 350px;
        margin-top: 24px;
    }
        .media iframe,
        .media-instagram-list iframe{
          position: absolute;
          top: 0;
          right: 0;
          width: 100% !important;
          height: 100% !important;
        }

    .widget-container{
        width: 100% !important;
        height: auto !important;
    }

/* common-span */
    .signature{
        color:#888888;
        font-size: 13px;
    }
    .name{
        text-align: right;
        padding-top: 12px;
    }
        li .signature{
            display: block;
            margin-top: -2px;
        }
    .asterisk-mark{
        color: #fbbc05;
        font-size: 24px;
        margin-bottom:-5px;
    }
    .remarks{
        font-size: 13px;
    }
        dl .remarks{
            color:#888888;
            font-size: 13px;
            display: block;
            margin-top: 0px;
        }
        dl.remarks{
            padding-bottom: 6px;
        }
        dl.remarks-bottom{
            padding-bottom: 18px;
        }
        dl.remarks dt,
        dl.remarks dd{
            font-size: 13px;
        }
        .text h3{
            font-size: 13px;
            font-weight: bold;
        }

    .bg-blue{
        background:url(/melodies/common/images/bg-blue.png);
        background-position: left bottom;
        background-repeat: repeat-x;
        background-size: 4px 4px;
    }

/* common-sns */
.sns{
      overflow: hidden;
      padding-bottom: 20px;
    }    
    .sns ul{
      float: left;
      left: 50%;
      position: relative;
    }
    .sns ul li{
        float: left;
        left: -50%;
        margin: 0 0px;
        overflow: visible;
        position: relative;
    }
      .sns ul li a:link,
      .sns ul li a:visited{
        display: block;
        width: 60px;
        height: 60px;
        border-bottom: 0;
      }
      .sns ul li a img{
        width: inherit;
        max-width: 100%;
        height: auto;
      }

#footer{
    background-color: transparent;
    background-color: #01285c;
}

#footer .inner{
    color: #FFFFFF;
    text-align: center;
    padding-top: 24px;
    padding-bottom: 12px;
    letter-spacing: 0.1ex;
}

/* common-side */
.sidebar .remarks-box h3{
    padding-bottom: 24px;
}

.sidebar .remarks-box .text{
    padding-top: 24px;
}
.sidebar .remarks-box .text h3{
    padding-bottom: 0px;
}

/* title-box */
.title-box{
    position: absolute;
    font-size: 22px;
    left: 24px;
    letter-spacing: 0.2ex;
    margin-top: -60px;
    top:50%;
    color:#FFFFFF;
}
    #header-goods .title-box{
        position: absolute;
        font-size: 36px;
        text-align: center;
        left: 0px;
        letter-spacing: 0.2ex;
        margin-top: 0px;
        top:20%;
        width: 100%;
        color:#000000;
    }
        body.home #header-goods .title-box{
            position: absolute;
            font-size: 36px;
            text-align: center;
            left: 0px;
            letter-spacing: 0.2ex;
            margin-top: 0px;
            top:20%;
            width: 100%;
        }
    #header-goods .title-box h1{
        text-align: center;
        font-size: 36px;
        font-family: AvenirNextLTPro-Regular;
        font-weight: normal;
        font-style: normal;
        line-height: 1;
        letter-spacing: 0.1ex;
        padding-bottom: 24px;
    }
        body.home #header-goods .title-box h1{
            padding-bottom: 12px;
        }
.title-box h1{
    font-size: 22px;
}
.title-bg{
    background:url(/melodies/common/images/bg-red-08.png);
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 4px 5px;
}

.smp-nav-box{
    display: none;
    position: fixed;
    height: 36px;
    width: 100%;
    font-size: 17px;
    background-color: #01285c;
    color: #FFFFFF;
    text-align: left;
    z-index: 999;
}
    .smp-nav-box .smp-title{
        margin-left: 12px;
        margin-top: 3px;
    }
        body.goods .smp-nav-box .smp-title{
            color: #000000;
        }

    .menu-trigger {
        position: fixed;
        display: block;
        width: 24px;
        height: 13px;
        right: 13px;
        top:11px;
        z-index: 999;
    }
    .menu-trigger span {
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #FFFFFF;
    }
        body.goods .menu-trigger span {
            background-color: #000000;
        }
    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }
    .menu-trigger span:nth-of-type(2) {
        top: 6px;
    }
    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }
    .menu-trigger.active span:nth-of-type(1) {
        -webkit-transform: translateY(6px) rotate(-29deg);
        transform: translateY(6px) rotate(-29deg);
    }
    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }
    .menu-trigger.active span:nth-of-type(3) {
        -webkit-transform: translateY(-6px) rotate(29deg);
        transform: translateY(-6px) rotate(29deg);
    }
    .smp-nav{
        position: fixed;
        background-color:rgba(265,265,265,1);
        top: 36px;
        width: 100%;
        font-weight: normal;
        font-style: normal;
        text-align: center;
        position: fixed;
        z-index: 999;
        display: none;
    }
    .smp-nav ul{
        padding-top: 0px;
    }
    .smp-nav ul li{
        padding: 6px 0;
        border-bottom: 1px solid #01285c;
    }
    .menu-trigger-area .active{
        display: block !important;
        width: 100%;
        height: 100%;
        background-color: transparent;
        position: fixed;
        z-index: 998;
    }

/*Acco*/
.ac-container {
    background: #ffffff;
}

.ac-container label {
    position: relative;
    z-index: 20;
    display: block;
    height: auto;
    cursor: pointer;
    color: #FFFFFF;
    line-height: 1;
    font-size: 15px;
    padding: 12px 0;
    background: #c8c8c8;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff',endColorstr='#eaeaea',GradientType=0 );
    border-top:1px solid #FFFFFF;
}
.ac-container .ac-web label {
    border-top:0px solid #FFFFFF;
}

.ac-container {
    width: 100%;
    margin: 0;
    text-align: center;
    border: 1px solid #c8c8c8;
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
}
    .ac-media-list{
        text-align: left;
        max-width: 848px;
        margin: 12px auto;
    }
    .ac-media-list li{
        padding: 6px 12px;
    }
        .ac-date{
            padding-right: 12px;
        }
        .media-rabel{
            margin-left: 12px;
            background: #01285c;
            border-radius: 4px;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -o-border-radius: 4px;
            -ms-border-radius: 4px;
            display: inline-block;
            padding: 1px 6px;
            color: #FFFFFF;
            font-size: 11px;
        }

.ac-container label:hover {
    background: #414141;
}


.ac-container .ac-web input:checked + label,.ac-container .ac-web input:checked + label:hover {
    border-top:0px solid #FFFFFF;
}
.ac-container input:checked + label,.ac-container input:checked + label:hover {
    background: #414141;
    color: #FFFFFF;
    height: auto;
    line-height: 1;
    font-size: 15px;
    padding: 12px 0;
    border-top:1px solid #FFFFFF;
}


.ac-container label:hover:after,.ac-container input:checked + label:hover:after {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    right: 13px;
    top: 7px;
}

.ac-container input:checked + label:hover:after {
}

.ac-container input {
    display: none;
}

.ac-container article {
    margin-top: -1px;
    overflow: scroll;
    height: 0;
    position: relative;
    z-index: 10;
    -webkit-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -moz-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -o-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    -ms-transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
    transition: height 0.3s ease-in-out,box-shadow 0.6s linear;
}


.ac-container input:checked ~ article {
    -webkit-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -moz-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -o-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    -ms-transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
    transition: height 0.5s ease-in-out,box-shadow 0.1s linear;
}

.ac-container input:checked ~ article.ac-small {
    height: 180px;
}

.ac-container input:checked ~ article.ac-medium {
    height: 180px;
}

.ac-container input:checked ~ article.ac-large {
    height: 230px;
}

/*===============================================
breakpoint:1200
===============================================*/
@media screen and (max-width: 1200px){
    .column-box-remarks {
        margin-bottom: 0px;
    }
}

/*===============================================
breakpoint:960
===============================================*/
@media screen and (max-width: 960px){
    .sidebar{
        display: none;
    }
    .main-box-inner,
    .fixed nav{
        padding-right: 0px;
    }
    .column-module1-5 .column {
        float: left;
        height: auto;
        line-height: 0;
        width: 33.333%;
    }
    #news{
        display: block;
    }
        .column-module-bg,
        .column-module-bg .column-box{
            padding: 0px;
        }
        .column-box-remarks {
            background-color: #e8e8e8;
            margin-bottom: 0px;
            padding-bottom: 48px;
            padding-top: 48px;
        }
    .caution-osaka{
        margin-top:0px;
    }
}
/*===============================================
breakpoint:650
===============================================*/
@media screen and (max-width: 650px){
    .smp-only{
        display: block;
    }
    .pc-only{
        display: none;
    }
    .section-box-radio .live-detail-list{
        display: none;
    }
    p{
        text-align: left;
    }
    .nav-box{
        display: none;
    }
    .smp-nav-box{
        display: block;
        text-align: center;
    }

        .smp-nav a:link,
        .smp-nav a:visited{
            border-bottom: 0px;
            font-size: 18px;
        }

    #header {
        padding-bottom: 100%;
        position: relative;
        background-position: center center;
        width: 100%;
        margin-top: 36px;
    }
    #header0203{
        background:url(/melodies/common/images/main0203.jpg);
        padding-bottom: 133%;
        position: relative;
        background-position: center center;
        width: 100%;
        margin-top: 36px;
        background-size: cover;
    }
    #headerembed{
        margin-top:36px;
    }

        .title-box {
            margin-top: 20px;
            left: 12px;
            margin-top: -25px;
            letter-spacing: normal;
            color: #ffffff;
            display: none;
        }
        #header-goods .title-box {
            margin-top: 20px;
            left: 12px;
            margin-top: -25px;
            letter-spacing: normal;
            color: #000000;
            display: block;
        }

        .title-box h1,
        .title-box h2,
        .title-box .release-date{
            font-size: 15px;
            margin-top: 0px;
            height: 24px;
            line-height: 1.6;
        }
        body.home #header-goods .title-box h1,
        body.home #header-goods .title-box h2{
            font-size: 18px;
            height: auto;
            padding: 0;
        }
        .title-bg{
            background:url(/melodies/common/images/bg-white-04.png);
            background-position: left bottom;
            background-repeat: repeat-x;
            background-size: 4px 30px;
            height: 24px;
            display: inline-block;
            padding: 0 6px;
        }

    .section-box header h1 {
        font-size: 24px;
        padding-bottom: 12px;
    }
    .section-box header h2 {
        font-size: 15px;
        text-align: center;
    }
    .section-box header h2 span{
        display: block;
    }

    .section-box{
        padding-top: 48px;
        margin-top: -24px;
        display: block;
        margin-bottom: 24px;
    }
    .section-box:first-child{
        margin-top: 0px;
        padding-top: 48px;
    }
    .section-box:last-child{
        margin-bottom: 0px;
    }

    .column-box h2.title {
        float: none;
        width: 100%;
        padding-top: 12px;
    }
    #melodies .column-box h2 {
        padding-bottom: 24px;
    }
    .column1-2-thumbnail {
        left: auto;
        position: relative;
        top: auto;
        width: 100%;
    }
    .column1-2-thumbnail .inner {
        padding: 0px 0 0 0px;
    }
    .inner {
        padding: 0 12px;
        width: auto;
    }
    .column-box {
        padding: 12px 12px;
    }
        #live .column-box {
            padding: 12px 0px;
        }
        #live .column-box-main {
            padding: 12px 12px;
        }
        .column_video .column-box {
            padding: 12px 12px;
        }
    .column2-2 {
        float: none;
        width:100%;
        padding-top: 48px;
    }
    #radio .column2-2 {
        padding-top: 0px;
    }
        #profile .column2-2,
        #live .column2-2,
        #mv .column2-2,
        #melodies .column2-2{
            padding-top: 0px;
        }
        #introduction .column-box {
            padding-bottom: 36px;
        }
    .column1-2{
        float: none;
        width:100%; 
    }
    .column-box figure {
        padding-bottom: 24px;
    }
        #profile_test .column-box figure {
            padding-bottom: 0px;
        }
    .column-module1-5 .column,
    .column-module1-4 .column {
        float: left;
        height: auto;
        line-height: 0;
        width: 50%;
    }

        .column-module1-5 .column-w,
        .column-module1-4 .column-w {
            width: 100%;
        }
    .column_video{
        overflow: hidden;
        margin-bottom: 24px;
        background-color: #FFFFFF;
    }
        .column_video .video_box{
            float: none;
            width: 100%;
        }
        .column_video .column-module{
            float: none;
            width: 100%;
        }
        .column_video .column-module h2{
            padding-top: 24px;
        }

    .column-box h2 {
        font-size: 18px;
        line-height: 1.6;
        padding-bottom: 24px;
        text-align: left;
        padding-top: 12px;
    }
        #introduction .column-box h2 {
            padding-top: 17px;
            padding-bottom: 16px;
        }
    p{
        text-align: left;
        font-size: 15px;
        line-height: 1.9;
        padding-top: 24px;
    }
    body{
        font-size: 15px;
        line-height: 1.9;
    }
    .remarks-box {
        margin-top: 12px;
        padding: 12px;
    }
    .remarks-box ol {
        padding-left: 36px;
    }
    .remarks,
    .remarks-box h2,
    .remarks-box h3,
    .remarks p,
    .remarks-box ul li,
    dl .remarks,
    dl.remarks dt,
    dl.remarks dd,
    .remarks-box ol li{
        font-size: 15px;
    }
    li, dt, dd {
        font-size: 15px;
    }
    .remarks-box ol li{
        font-size: 13px;
        line-height: 2;
    }
    .asterisk-mark {
        font-size: 15px;
    }

    .disc-image-now-printing{
        width: 360px;
        height: 360px;
        padding: 0;
        margin-top:24px; 
    }

        .itunes .thumbnail{
            float: none;
            width: 100%;
            padding-top: 24px;
        }
        .itunes .thumbnail img{
            max-width: 360px;
            display: block;
            margin: 0 auto;
        }
        .itunes .text{
            float: none;
            width: 100%;
        }
    .news-label {
        color: #222222;
        float: none;
        width: 100%;
        line-height: 2;
        padding: 4px;
        text-align: center;
        display: block;
    }
    #news ul li.news-list .news-title {
        background-color: #ffffff;
        margin-left: 0px;
        padding: 12px;
    }
        #news ul li.news-list .news-title figure{
            width: 100%;
            max-width: 360px;
            margin: 0 auto 12px;
            float: none;
            display: block;
        }
        .link-box1-2-test a:link,
        .link-box1-2-test a:visited{
            display: block;
            text-align: center;
            border-bottom: 0px;
            padding: 4px 8px;
            font-size: 13px;
            margin-right: 0px;
            border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                -o-border-radius: 4px;
                -ms-border-radius: 4px;
        }
        .link-box1-2-test a:first-child{
            margin-bottom: 12px;
            margin-top: 12px;
        }

        a.btn-union:link, a.btn-union:visited,
        a.btn-amazon:link, a.btn-amazon:visited,
        a.btn-tower:link, a.btn-tower:visited,
        a.btn-pdf:link, a.btn-pdf:visited,
        a.btn-apple:link, a.btn-apple:visited{
            display: block;
            text-align: center;
            width: 100%;
            padding: 6px 0 6px;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -o-box-sizing: border-box;
            -ms-box-sizing: border-box;
            font-size: 15px;
        }
    .table-box {
        overflow-x: auto;
        width: 100%;
    }
    table.live-schedule {
        width: 820px !important;
    }
    li.media-list-item {
        width: 50% !important;
    }

    .column-box-remarks{
        margin-bottom: 0px;
    }
        .live-info{
            padding-bottom: 0px;
        }
        .live-info figure{
            float: none;
            width: 100%;
            padding-bottom: 0px;
        }
        .live-info-detail{
            float: none;
            width: 100%;
            padding-top: 24px;
        }
        figure img{
            max-width: 360px !important;
            display: block !important;
            margin-right: auto !important;
            margin-left: auto !important;
        }

    #instafeed li{
        width: 50%;
    }

    /*tmp*/
        #header_sapporo {
            background: url(/melodies/common/images/sapporo/smp-main.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat:no-repeat;
            padding-bottom: 100%;
            position: relative;
            width: 100%;
            margin-top: 35px;
        }
        #header_fukuoka {
            background: url(/melodies/common/images/fukuoka/smp-main.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat:no-repeat;
            padding-bottom: 100%;
            position: relative;
            width: 100%;
            margin-top: 35px;
        }
        #header_tokyo-1 {
            background: url(/melodies/common/images/tokyo/live-main.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat:no-repeat;
            padding-bottom: 100%;
            position: relative;
            width: 100%;
            margin-top: 35px;
        }
        #header_tokyo-2 {
            background: url(/melodies/common/images/tokyo/smp-main.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat:no-repeat;
            padding-bottom: 100%;
            position: relative;
            width: 100%;
            margin-top: 35px;
        }
        #header_osaka {
            background: url(/melodies/common/images/osaka/smp-main.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat:no-repeat;
            padding-bottom: 100%;
            position: relative;
            width: 100%;
            margin-top: 35px;
        }
        #header_okinawa {
            background: url(/melodies/common/images/melodies.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat:no-repeat;
            padding-bottom: 100%;
            position: relative;
            width: 100%;
            margin-top: 35px;
        }
        #header_aichi {
            background: url(/melodies/common/images/aichi/smp-main.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat:no-repeat;
            padding-bottom: 100%;
            position: relative;
            width: 100%;
            margin-top: 35px;
        }
        #header_radio {
            background: url(/melodies/common/images/phase2/live-tokyo.jpg);
            background-size: cover;
            background-position: center center;
            background-repeat:no-repeat;
            padding-bottom: 66.833%;
            position: relative;
            width: 100%;
            margin-top: 35px;
        }
        .google-maps iframe {
            display: none;
        }
        .section-box {
            margin-bottom: 0px;
        }
        .tmp-images{
            border-bottom: 1px solid #ffffff;
        }
        .tmp-images li {
            width:100%;
            height: auto;
        }
        .tmp-images li img {
            border-top: 1px solid #ffffff;
            border-right: 1px solid #ffffff;
            border-left: 1px solid #ffffff;
            border-bottom: 0px solid #ffffff;
        }
        #guest .column2-2 {
            padding-top: 0px;
        }
        .column-box h2 {
            font-size: 18px;
            line-height: 1.6;
            padding-bottom: 24px;
            padding-top: 12px;
            text-align: left;
        }
        .profile-box h2{
            text-align: center;
            padding-bottom: 24px;
            padding-top: 0px;
        }
        .profile-box .column2-2{
            margin-bottom: 24px;
        }
        .question-rabel-title{
            padding-top: 24px !important;
        }
        .column-box-remarks .qa-read {
            text-align: left;
        }
        .goods-images li{
            width: 100%;
        }
        body.goods .section-box header h1 {
            font-size: 20px;
        }
    #header-goods {
        margin-top: 36px;
    }
        #header-goods .title-box {
            top: 15%;
        }
        #header-goods .title-box h1 {
            font-size: 24px;
        }   
            .melodies_goods_banner h2{
                top: 15%;
            }
    .ticket-info{
        background:#FFFFFF;
        padding: 12px 12px 12px;
        margin-top: 12px;
    }
    .ancher-link{
        display: block;
        padding-top: 36px;
        margin-top: -36px;
        height: 0;
    }

    /* gif */
        ul.gif li{
            width: 50%;
            float: left;
        }
    /* gif */

}

/*===============================================
breakpoint:320
===============================================*/
@media screen and (max-width: 400px){
    .disc-image-now-printing{
        width: 100%;
        height: auto;
        padding-bottom: 100%;
    }
}

/*===============================================
breakpoint:320
===============================================*/
@media screen and (max-width: 320px){
    .smp-nav-box{
        text-align: left;
    }
}