@media screen and (max-width:1070px){
    .fix-contact {
        width: 100%;
        left: 0;
        margin-left: 0;
    }
}
@media screen and (max-width:736px){
    .list-score {
        display: none;
    }
}
@media screen and (max-width:480px){
    #pa-wrapper {
        border: none;
        min-width: inherit;
    }
    .b-top._left {
        width: 100%;
        background: url(../images/bg-left-m.jpg)0 0 no-repeat;
        min-height: 310px;
        padding-top: 30px;
    }
    .txt-r p {
        width: 100%;
        text-align: center;
        padding: 10px;
        font-size: 16px;
        font-family: tahoma,sans-serif;
    }
    ._showd {
        display: none;
    }
    ._showm {
        display: block;
    }
    .b-top._left ul {
        display: none;
    }
    .b-top._left .txt-r img {
        display: none;
    }
    .txt-update {
        font-family: tahoma;
        font-size: 13px;
        padding: 5px;
        z-index: 2;
    }
    .b-top .txt-bottom {
        color: #fff;
        font-size: 16px;
        font-family: tahoma;
        padding-bottom: 0;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .b-top._right {
        padding: 10px;
        padding-top: 20px;
        min-height: inherit;
    }
    .day {
        width: 100%;
    }
    .day._left,
    .day._right {
        padding: 0;
    }
    .con-part {
        padding: 10px;
    }
    .s-name {
        font-size: 21px;
        margin-left: 0;
    }
    .s-name span.s-name-dt {
        font-size: 15px;
    }
    .p-title {
        font-size: 30px;
    }
    .con-part i, .con-part li p {
        vertical-align: top;
    }
    .con-part li p {
        font-size: 24px;
    }
    .t-name {
        width: 55%;
    }
    p.t-price {
        width: 30%;
        text-align: right;
    }
    .packbox {
        float: inherit;
    }
    .pbox,
    .packbox._right {
        width: 100%;
        margin: 10px 0;
    }
    .pbox img,
    .pbox .txt-p{
        display: inline-block;
        vertical-align: middle;
    }
    .pbox .txt-p {
        margin: 0 10px;
    }
    .packbox._right .t-sp {
        left: -20px;
        top: -10px;
    }
    .pack-note {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
        margin-top: 10px;
    }
    .pack-note li p {
        font-size: 13px;
        display: inline;
    }
    .picview {
        width: 100%;
    }
    .in-con .iconbox {
        width: 49%;
        text-align: center;
        padding: 0;
        box-sizing: border-box;
        height: inherit;
        float: none;
        display: inline-block;
        border: none;
    }
    .iconbox i {
        line-height: inherit;
        display: block;
        margin: 0 auto;
    }
    .iconbox .icon-txt {
        margin: 0;
        padding: 10px;
        width: 100%;
        box-sizing: border-box;
    }
    .iconbox .icon-txt p.icon-title {
        font-size: 12px;
    }
    .field li {
        width: 50%;
        float: left;
        padding: 5px 10px;
        min-height: 70px;
    }
    .field ul {
        padding: 10px;
    }
    .text-note span {
        font-size: 12px;
    }
    .sub-title {
        font-size: 13px;
        margin-bottom: 10px;
        padding-left: 0;
    }
    .fa.fa-star {
        vertical-align: middle;
    }
    .banner-top {
        padding-bottom: 30px;
    }
    .fa.fa-plus {
        display: inherit;
    }
    .title-pack h3 {
        margin-bottom: 0;
    }
    .title-pack {
        margin-bottom: 25px;
    }
    .con-table a {
        padding: 0 0 20px;
        display: block;
    }
    .con-part i,
    .text-note span{
        display: inline-block;
    }
    .con-part .text-note i {
        width: 5%;
    }
    .text-note span {
        width: 90%;
    }
    .fix-contact .contact-left {
        width: 50%;
        box-sizing: border-box;
        border-right: solid 1px #48413f;
        font-size: 12px;
    }
    .fix-contact .social-right {
        width: 50%;
        box-sizing: border-box;
        text-align: center;
        padding: 10px;
    }
    .pic-text p {
        width: 50%;
        padding: 10px;
        font-size: 12px;
    }
    .pbox._right .t-sp {
        top: -10px;
    }
    .text-sub {
        padding: 0;
    }
    .main-title {
        font-size: 25px;
        padding: 10px;
    }
    .logo-prev ._left,
    .logo-prev ._right{
        float: left;
        width: 50%;
    }
    .logo-prev a {
        display: block;
        padding: 0 10px;
    }
    .fix-contact {
        width: 100%;
        left: 0;
        margin: 0;
    }
        .fix-contact .contact-left span u {
        display: none;
    }
    .border-wrap #footer {
        margin-top: 50px;
    }
    .p-title span {
        display: inline-block;
        width: 85%;
    }
    .packgage {
        padding: 10px;
    }
    .packgage .p-title {
        margin-bottom: 20px;
    }
    .day h2 {
        font-size: 20px;
        width: 260px;
    }
    .b-top h1 {
        font-family: tahoma;
        font-size: 16px;
        margin-bottom: 22px;
        text-shadow: none;
    }
    .con-part.con-rea {
        padding: 10px 0;
    }
    .sub-title.s-title2.h-stitle {
        margin-top: 0;
        font-family: tahoma;
    }
    .text-note {
        padding-bottom: 20px;
    }
    .text-rev a {
        text-decoration: underline;
    }
    .text-rev {
        padding-bottom: 30px;
    }
    .subject-box {
        padding: 10px 8px;
    }
    .subject-box.s-box4.s-box2 {
        height: inherit;
        min-height: 30px;
        padding-bottom: 0;
    }
    .con-part._left, .con-part._right {
        width: 100%;
    }
    .con-part._left,
    .con-part._right {
        padding: 10px;
    }
    .map-zone {
        display: none;
    }
    ul.list-zone {
        width: 100%;
        padding: 0;
    }
    ul.list-zone li {
        padding: 10px 0;
    }
    .flbox {
        margin: 0px auto 10px;
        display: block;
        float: inherit;
    }
    .star-note {
        text-align: center;
    }
    .packbox h3 {
        font-size: 25px;
    }
    .packbox h3 span {
        font-size: 29px;
    }
    .awardbox {
        padding: 10px;
    }
    .awardbox ul {
        padding: 20px 10px 10px;
        padding-left: 10px;
    }
    .con-part .packgage li p {
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 5px;
    }
        
    .awardbox li {
        padding-left: 0;
    }
    .eventbox li span {
        min-width: 55px;
        margin-right: 5px;
    }
    .eventbox {
        min-height: 140px;
    }
    .toon2,
    .toon1 {
        display: none;
    }
    .nav-mobile {
        display: block;
    }
    .nav-mobile h1 {
        text-align: center;
        font-family: sukhumvitlight;
        font-size: 32px;
        color: #f37a01;
        padding-bottom: 1em;
    }
    .nav-mobile ul {
        padding: 0;
    }
    .nav-mobile ul li {
        border-bottom: solid 1px #FFF;
    }
    .nav-mobile a {
        display: block;
        padding: 10px 0.5em;
        cursor: pointer;
        font-family: sukhumvitlight;
        font-size: 22px;
        color: #636363;
        background: #f8f8f8;
    }
    .nav-mobile a i.fa-angle-right {
        float: right;
        color: #f37a01;
    }
    .con-part .cd-descript li {
        padding-left: 0;
    }
    .cd-descript {
        padding: 15px;
        margin-top: -1000%;
    }
    .eventbox {
        padding: 10px;
    }
    .con-part .eventbox li p {
        font-size: 16px;
        margin-bottom: 5px;
        margin-top: 0;
    }
    .e-title {
        min-height: 44px;
    }
    .con-part .eventbox li {
        padding-left: 0;
    }
    .con-part .eventbox li:last-child {
        margin-bottom: 0;
    }
    .samplebox {
        margin: 0;
        max-width: 100%;
        float: inherit;
        background: none;
    }
    .img-sample {
        width: 100%;
    }
    .con-part._left.samplebox {
        padding-right: 10px;
    }
    .con-part._right.samplebox {
        padding-left: 10px;
    }
    .pr-poppage._show {
        animation-name: box_show;
        animation-duration: 0.5s;
        display: block;
        opacity: 1;
    }
    .pr-poppage {
        box-sizing: border-box;
        position: fixed;
        z-index: 30;
        left: 0;
        top: 0;
        min-height: 100%;
        display: none;
        background: #FFF;
        padding: 0 1em;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 60px;
        padding-bottom: 2em;
        margin: 0;
        width: 100%;
    }
    .pr-poppage .main-title {
        position: fixed;
        width: 100%;
        min-height: 42px;
        margin: 0;
        left: 0;
        top: 0;
        z-index: 30;
        background: #444;
        color: #fff;
        text-align: center;
        font-size: 20px;
        padding-right: 47px;
        padding-bottom: 5px;
        padding-top: 14px;
    }
    .pr-poppage .clo-pop {
        position: fixed;
        display: inline-block;
        padding: 10px;
        cursor: pointer;
        border-left: solid 1px rgba(255,255,255,0.3);
        top: 0;
        right: 0;
        z-index: 33;
    }
    .pr-poppage .clo-pop img {
        display: block;
    }
    .con-part .awardbox li p {
        font-size: 14px;
        margin: 5px 0 10px;
    }
    .n-note span {
        display: inline;
    }
    .n-note {
        text-align: center;
    }
    .con-part.con-pic.pr-poppage,
    .con-part._left.pr-poppage, 
    .con-part._right.pr-poppage{
        padding-top: 60px;
    }
    .ribbon_c, .fl-title {
        background: #f37a01;
    }
    .print-pop {
        padding: 5em 2em;
    }
    @keyframes box_show {
        0% {
            opacity: 0;
            display: block;
        }
        100% {
            opacity: 1;
            display: block;
        }
    }
    .con-howto li p {
        font-size: 13px;
    }
    .con-howto ul {
        padding: 0 20px;
    }
    .con-howto ul li {
        width: 50%;
        background: #f37a01;
        padding: 10px;
        min-height: 195px;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
    }
    .con-howto h3 {
        margin-bottom: 10px;
    }
    .con-howto ul li:nth-of-type(even) {
        background: #f37a01;
    }
    .list-zone-left .box-zone p a {
        padding: 7px 0;
    }
    #banner-bt-right{
        display: none;
    }
    ._showi6 {
        display: block;
    }
    .txt-fee {
        padding-left: 45px; 
    }
    .btn-sms,.btn-reserve{
        width: 100%;
        margin-bottom: 10px;
    }
    .feebox .f-last {
        position: inherit;
    }
    .popbox {
        padding: 10px;
        margin: 10px 0;
    }
    .feebox {
        padding-bottom: 0;
    }
    .popbox:before {
        left: 23px;
        top: -15px;
    }
    .pop-wrap {
        max-width: 100%;
        position: inherit;
        margin: 0;
        left: 0;
        padding: 10px;
    }
    .fa.fa-times.close-x {
        right: 0;
    }
    .nav-list-top {
        display: block;
        margin-bottom: 1.5em;
    }
    .nav-list-top li {
        position: relative;
        border-bottom: solid #f37a01 1px;
    }
    .nav-list-top a {
        height: 45px;
        display: block;
        line-height: 45px;
        color: #636363;
        text-decoration: none;
        font-family: "sukhumvitlight", sans-serif;
        background: #f8f8f8;
        font-size: 24px;
        padding: 0 10px;
        text-align: left;
        box-sizing: border-box;
    }
    .nav-list-top a b {
        color: #f37a01;
    }
    .nav-list-top a .fa-angle-right {
        float: right;
        line-height: 40px;
        text-align: right;
        font-size: 32px;
        color: #cccccc;
    }
    .list-score {
        display: block;
    }
    .list-score._show {
        left: 0%;
    }
    .list-score._show .x-clo {
        right: 0%;
        display: block;
    }
    .list-score {
        position: fixed;
        z-index: 20;
        left: 100%;
        top: 0;
        width: 100%;
        height: 100%;
        overflow-x: 0;
        overflow-y: auto;
        transition: left 0.5s ease;
        background: #FFF;
        margin: 0;
        padding: 0;
        font-family: tahoma,sans-serif;
    }
    .list-score .boxscore._show {
        display: block;
    }
    .list-score .boxscore {
        display: none;
        transition: display 2s ease;
    }
    .list-score .score-box {
        width: 100%;
        background: #FFF;
        padding: 0;
    }
    .boxscore {
        width: 100%;
        padding: 0;
    }
    .list-score .score-box {
        min-height: auto;
    }
    body._fixscreen #pa-wrapper {
        z-index: 21;
        left: 0;
        top: 0;
    }
    .list-score .score-box.score-box4, 
    .list-score .score-box.score-box5, 
    .list-score .score-box.score-box6, 
    .list-score .score-box.score-box7, 
    .list-score .score-box.score-box8, 
    .list-score .score-box.score-box9, 
    .list-score .score-box.score-box10, 
    .list-score .score-box.score-box11 {
        min-height: auto;
    }
    .list-score .score-box h1 {
        font-size: 25px;
        text-shadow: none;
        padding: 10px 0px 5px;
    }
    .win-condi {
        padding: 10px;
    }
    .txt-score {
        display: inline-block;
        width: 50%;
        text-align: left;
        color: #333;
    }
    .score-box .ts-score {
        width: 30%;
    }
    .score-box .ts-name {
        width: 60%;
    }
    
}
@media screen and (max-width:320px){
    .con-howto ul {
        padding: 0 10px;
    }
    .con-howto h3 {
        font-size: 17px;
    }
    .subject-box.s-box5 {
        padding: 8px 8px;
    }
    .s-name {
        font-size: 18px;
    }
    .s-by {
        width: 117px;
    }
    .s-by p {
        font-size: 11px; 
        margin-left: 0;
    }
    .s-by img {
        width: 27%;
    }
    .p-title {
        font-size: 25px;
    }
    .con-part li p {
        font-size: 22px;
    }
    .pack-note li p {
        font-size: 13px;
    }
    .main-title {
        font-size: 26px;
    }
    .s-name span {
        font-size: 15px;
    }
    
    ._showi5 {
        display: block;
    }
    ._dshowi5 {
        display: none;
    }
    .pic-text p {
        font-size: 12px;
    }
    .con-part .eventbox li p {
        font-size: 14px;
    }
    .con-howto li p {
        font-size: 13px;
    }
    .nav-list-top a {
        font-size: 20px;
    }
    
}