/**
=================================
LARGE DESKTOP > 1200px
=================================
**/
@media (min-width: 1200px) {

}





/**
=================================
STANDARD DESKTOP 992px <> 1200px
=================================
**/
@media (min-width: 992px) and (max-width: 1199px) {
    .menu-trigger {display:block;}
    .menu-trigger.active {position:fixed;}
    header{background:#FFF;position:relative;border-top:5px solid #FFF160;height: auto;width:100%;padding:10px 0 0;color:#FFFFFF;z-index:1000;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
    header h1{text-align:center;margin:20px 0 10px 0;}
    header nav{background:#FFFFFF;height:100%;position:fixed;top:0;left:-240px;width:240px;overflow: hidden;transition: all 300ms 0s ease;border-top:5px solid #f16d9a;}
    header nav.active{background:#FFFFFF;overflow: hidden;left:0px;box-shadow: 0 5px 5px 5px #00000022;}
    header nav ul {padding:50px 0 0 0;}
    header nav ul li{display:block;width:100%;padding:10px 5px;}
    header nav ul li a{display:block;text-align:left;color:#000000;text-decoration:none;padding:5px 5px 5px 5px;border-bottom:1px solid #F2F2F2;}
    header nav ul li a:hover{color:#93E3EC;text-decoration:none;background-image:none;background-repeat: repeat-x;background-position: bottom;}
    header nav ul li a.active{color:#93E3EC;text-decoration:none;background-image:none;background-repeat: repeat-x;background-position: bottom;}
    header nav ul li a span{display:inline;text-align:center;margin:5px 0 0;}
    header nav ul li a img{height:18px;}

    footer ul.footerContents{display: none;}
    .footerLogo{height:60px;}
    .searchFreewordHeader{text-align:left;margin: 20px 0 0px 0;}
    .searchFreewordHeader .searchFreewordForm{display:inline-block;width:100%;border:3px solid #000000;padding:0;background:#FFFFFF;text-align:right;}
    .searchFreewordHeader .searchFreewordForm .searchFreewordFormText{border:none;padding:4px 0px 0 0;background:#FFFFFF;margin:1px 0;width:calc( 100% - 50px );}
    .searchFreewordHeader .searchFreewordForm button{border:none;background:none;margin:0;padding:0;width:40px;background: #000000;}
    .top .shopList .shopImage{height:180px;width:100%;}

}





/**
=================================
STANDARD DESKTOP < 1024px
=================================
**/
@media (max-width: 1023px) {
    .menu-trigger {display:block;}
    .menu-trigger.active {position:fixed;background: none;}
    header{background:#FFF;position:relative;border-top:5px solid #FFF160;height: auto;width:100%;padding:10px 0 0;color:#FFFFFF;z-index:1000;-webkit-transition:All 0.3s ease;-moz-transition:All 0.3s ease;-o-transition:All 0.3s ease;}
    header h1{text-align:center;margin:20px 0 10px 0;}
    header nav{background:#FFFFFF;height:100%;position:fixed;top:0;left:-240px;width:240px;overflow: hidden;transition: all 300ms 0s ease;border-top:5px solid #f16d9a;}
    header nav.active{background:#FFFFFF;overflow: hidden;left:0px;box-shadow: 0 5px 5px 5px #00000022;}
    header nav ul {padding:50px 0 0 0;}
    header nav ul li{display:block;width:100%;padding:5px;}
    header nav ul li a{display:block;text-align:left;color:#000000;text-decoration:none;padding:5px 5px 5px 5px;border-bottom:1px solid #F2F2F2;}
    header nav ul li a:hover{color:#93E3EC;text-decoration:none;background-image:none;background-repeat: repeat-x;background-position: bottom;}
    header nav ul li a.active{color:#93E3EC;text-decoration:none;background-image:none;background-repeat: repeat-x;background-position: bottom;}
    header nav ul li a span{display:inline;text-align:center;margin:5px 0 0;}
    header nav ul li a img{height:18px;}

/*    footer ul.footerContents{display: none;} */
    .footerLogo{height:60px;}
    .tabArea .container{overflow: none;padding:0px;border-bottom:none;margin: 0;width:100%;}
    .tabArea ul{border-bottom:none;width: 100%;padding: 0;margin: 0;}
    .tabArea ul li {
        display: inline-block;
        width: 33.3333%;
        margin: 0 0 0px 0;
        padding: 0;
        float: left;
    }

    .tabArea ul li a{padding:10px;width:100%;border-bottom: 3px solid #CCC;}
    .tabArea ul li a.active{padding:10px;width:100%;border-bottom: 3px solid #000;}
    .tabArea ul li a:hover{border-bottom: 3px solid #000;}


    .searchFreewordHeader{text-align:left;margin: 20px 0 0px 0;}
    .searchFreewordHeader .searchFreewordForm{display:inline-block;width:100%;border:3px solid #000000;padding:0;background:#FFFFFF;text-align:right;}
    .searchFreewordHeader .searchFreewordForm .searchFreewordFormText{border:none;padding:2px 0 0 0;background:#FFFFFF;margin:0px 0 0 0;width:calc( 100% - 50px );height:30px;line-height:30px;}
    .searchFreewordHeader .searchFreewordForm button{border:none;background:none;margin:0;padding:0;width:40px;background: #000000;}

    .shopPhoto .photoArea{padding:20px;text-align:center;height: 300px;}
    .shopPhoto .photoArea img{max-height: 260px;max-width: 90%;}
    .top .shopList .shopImage{height:180px;width:100%;}
        

}





/**
=================================
SMALL DESKTOP 768px <> 991px
=================================
**/
@media (min-width: 768px) and (max-width: 991px) {
    .shopTitle .right{margin: 0px -2px 0 -2px;text-align: center;}
    .shopTitle .left{margin: 40px -2px 0 -2px;}
    .shopTitle .left h2{text-align: center;}
    .shopTitle .left p{text-align: center;}
    .shopList .shopImage{height:180px;width:100%;}

}




/**
=================================
TABLET < 767px
=================================
**/
@media (max-width: 767px) {
    .subvisual{height:160px;}
    .subvisual img {height:70px;}

    .subvisual2{height:160px;}
    .subvisual2 img {height:70px;}


    .shopTitle .left{margin: 20px -2px 0 -2px;}
    .shopTitle .left h2{color:#FFFFFF;font-size: 18px;font-weight:bold;text-align: center;}
    .shopTitle .left p{color:#FFFFFF;text-align: center;}
    .shopTitle .left p span{text-decoration: underline;padding:10px 10px 10px 0;}
    .shopTitle .right{margin: 0px -2px 0 -2px;text-align: center;}
    .shopTitle .right h2 a{color:#FFFFFF;font-weight:bold;font-size:18px;}
    .shopTitle .right p{display: none;}

    .shopContents .contentsBlock{border:3px solid #000;padding: 10px;margin:0 0 30px;position: relative;}
    .shopContents .contentsBlock .blockInLeft{width: 100%;display: inline-block;vertical-align: top;}
    .shopContents .contentsBlock .blockInLeft p{color:#FFFFFF;background:#000000;margin:10px 0;padding:5px;text-align:center;}
    
    .shopContents .contentsBlock .blockInRight{width: 100%;display: inline-block;margin: 20px 0 0 0%;vertical-align: top;}
    
    .shopContents .contentsBlock .blockInRight h3{font-size:18px;font-weight:bold;margin:0 0 10px 0;}
    .shopContents .contentsBlock .blockInRight h3 a:hover{text-decoration: underline;}
    .shopContents .contentsBlock .blockInRight .info{color:#000000;}
    
    .shopContents .contentsBlock .blockInRight .readmore{color:#FFFFFF;background:#000000;display: inline-block;margin: 20px auto 0;padding:10px 20px;}
    .shopContents .contentsBlock .blockInRight .readmore:hover{background:#555555;}
    .photoAreaList .photoBlock{height:100px;width: 32%;}

    .shopMenu .menuBlock .menuBlockIn .blockInLeft{max-width: 100%;display: inline-block;margin: 0 0% 0 0;}
    .shopMenu .menuBlock .menuBlockIn .blockInRight{max-width: 100%;display: inline-block;vertical-align: top;margin: 10px 0 0 0;}
    
    .shopCoupon{border:3px solid #000;padding: 10px;margin:0 0 20px 0;}
    .shopCoupon .couponBlock .couponBlockInLeft{width: 100%;display: inline-block;vertical-align: top;}
    .shopCoupon .couponBlock .couponBlockInRight{width: 100%;display: inline-block;margin:0 0 0 3%;vertical-align: top;}
    .ribbonRight{display: none;}

    .shopBase .shopTable {border:3px solid #000000;}
    .shopBase .shopTable tr {border-bottom:3px solid #000000;}
    .shopBase .shopTable tr th{padding: 0px;text-align: left;font-weight:bold;white-space: nowrap;width: 100%;display: block;border: none;padding: 5px;background: #DDDDDD;}
    .shopBase .shopTable tr td{padding: 0px;display: block;border: none;padding: 5px;}

    #reviewForm table tr th{padding: 20px 0 0 0;font-weight: normal;width: 100%;display: block;}
    #reviewForm table tr td{padding: 10px 0 20px;display: block;}

    .contact{margin:0 auto 30px auto;}
    .contact .contactText{text-align: left;margin: 20px 0;font-size:16px;line-height:1.8em;}
    .contact .contactBlock{width: 100%;background:#F9F9F9;margin:0 auto 30px auto;padding: 0px;}
    .contact table{width:100%;border-top:1px solid #DCDCDC;margin: 0 auto 30px auto;}
    .contact table tr{border-bottom:1px solid #DCDCDC;}
    .contact table tr th{padding: 20px 15px 10px 15px;width: 100%;display: block;}
    .contact table tr td{padding: 0px 15px 20px 15px;display: block;}
      
    .recommendList .shopImage{height: 120px;}
    .footerEntry{background-size: cover;}
    .listPartation{display: none !important;}

    .spNone{display:none;}

}




/**
=================================
PHONE < 640px
=================================
**/
@media (max-width: 640px){
    .wrapper{overflow-x:hidden;}
    header h1{text-align:center;margin:0px 0 10px 0;}
    header h1 img{width:160px;}
    .subvisual{height:120px;}
    .subvisual img {height:50px;}
    .subvisual2{height:120px;}
    .subvisual2 img {height:50px;}
    .titleImage{height:60px;}

    .shopTitle .left{margin: 20px -2px 0 -2px;}
    .shopTitle .left h2{color:#FFFFFF;font-size: 18px;font-weight:bold;text-align: center;}
    .shopTitle .left p{color:#FFFFFF;text-align: center;}
    .shopTitle .left p span{text-decoration: underline;padding:10px 10px 10px 0;}
    .shopTitle .right{margin: 0px -2px 0 -2px;text-align: center;}
    .shopTitle .right h2{line-height: 20px;margin:0;}
    .shopTitle .right h2 a{color:#FFFFFF;font-weight:bold;font-size:18px;}
    .shopTitle .right p{display: none;}
    
    .searchShopMenu a {width: 120px;height: 120px;}    

    .photoAreaList .photoBlock{height:80px;width: 32%;}
    input[type=text]{font-size: 16px !important;}
    input[type=tel]{font-size: 16px !important;}
    input[type=email]{font-size: 16px !important;}
    textarea{font-size: 16px !important;}

    .shopPhoto .photoArea{padding:20px;text-align:center;height: 240px;}
    .shopPhoto .photoArea img{max-height: 200px;max-width: 90%;}
    
    
}




/**
=================================
PHONE < 600px
=================================
**/
@media (max-width: 600px){

}



/**
=================================
PHONE < 548px
=================================
**/
@media (max-width: 548px){
    .yesBtn{margin:0 auto 30px auto;display: block;}
    .noBtn{margin:0 auto 0 auto;display: block;}

}



/**
=================================
PHONE < 480px
=================================
**/
@media (max-width: 480px){
    .searchShop{background:#F5F5F5;padding:20px 0 30px;}
    .searchShopMenu a {width: 86px;height: 86px;}    
    .searchFreeword {margin: 20px 0 0px 0;}    

    .searchFreeword{text-align:center;margin: 20px 0 0px 0;}
    .searchFreeword span{display:inline-block;width:200px;font-size:18px;margin: 0 0 10px 0;}
    .searchFreeword .searchFreewordForm{display:inline-block;width:100%;border:3px solid #000000;padding:0;background:#FFFFFF;text-align:right;}
    .searchFreeword .searchFreewordForm .searchFreewordFormText{border:none;padding:2px;background:#FFFFFF;margin:1px 0;width:84%;}
    .searchFreeword .searchFreewordForm button{border:none;background:none;margin:0;padding:0;width:14%;background: #000000;}
        
    .sideArea{margin:0;}
}




/**
=================================
PHONE < 360px
=================================
**/
@media (max-width: 360px){

}




/**
=================================
PHONE < 320px
=================================
**/
@media (max-width: 320px){
}