/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {

  /* Modules */
  #sidebar-a .grid-v:first-child > .mod-line:before,
  #sidebar-b .grid-v:first-child > .mod-line:before { display: block; }

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {


.width33 p{
    width: auto;
 }
}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {


.width33 p{
    width: auto;
}


.menu-dropdown a.level1 > span, .menu-dropdown span.level1 > span {
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
}

  /* Layout */
  #search { display: none; }

  .sidebars-1 #sidebar-a:before,
  .sidebars-1 #sidebar-b:before,
  .sidebars-2 #sidebar-b:before { display: none; }

  /* Modules */
  .grid-h:not(.width33):nth-child(odd) > .mod-line:before { display: none; }


  .grid-h.width25:first-child > .mod-line:before {
    display: block;
    top: auto;
    bottom: -20px;
    left: 0;
    right: 0;
    width: 200%;
    padding: 0 20px;
    border-width: 1px 0 0 0;
  }

}

/* Only Phones */
@media (max-width: 767px) {
.header-set{
    display:none;
}

  #header { border-bottom-width: 0; }

  #toolbar,
  #headerbar,
  #menubar,
  #breadcrumbs,
  #totop-scroller { display: none; }

.width33 p{
    width: auto;
}

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
  iframe.size-auto {
     min-height: 259px;
     max-width: 100%;
  }

#header-responsive .logo {
    margin-right: 0;
}
#header-responsive .logo, #header-responsive .searchbox {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

.header-set{
    display:none;
}

.width33 p{
    width: auto;
}

.top-movie,.story-pic {
   width:auto;
   float:none;
}

.top-disc,.story-contents{
    float: none;
    margin-left: 0px;
    width: auto;
}

.top-disc p{
    margin-top: 0px;
}

.top-movie iframe.size-auto {
     min-height: 259px;
     max-width: 100%;
}

  #top-a h2 {
    font-size: 20px;
    line-height:20px;
    margin: 0 0 20px;
  }

  #top-b .grid-box .deepest{
    position:relative;
    min-height: 230px;
  }

  #top-b p.shosai {
    bottom: 10px;
    left: auto;
    position: relative;
  }

  #top-b .grid-box img {
    bottom: 0;
    position: relative;
  }

  #top-b .grid-box .top-frame {
    bottom: 0;
    position: relative;
    margin-right:0px;
  }

  #system {
    min-height: 100px;
  }

.contactform{
    width:320px;
    height:1067px;
  }

.itemContainer {
    float: none;
    margin: 10px 15px;
    padding: 0 10px;
}

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

h1 {
    font-size: 26px;
    line-height: 26px;
    text-align: center;
}

.header-set{
    display:none;
}

.width33 p{
    width: auto;
}
/* Layout */
  #sidebar-a:before,
  #sidebar-b:before { display: none; }

  /* Modules */
  .grid-h .mod-line:before {
    display: block;
    top: -20px;
    bottom: auto;
    left: 0;
    right: 0;
    border-top-width: 1px;
  }

  #system {
    min-height: 100px;
  }

  /* System */
  #system .items .item,
  #system .items .item:first-child {
    margin-top: 12px;
    padding-top: 18px;
    border-top-width: 1px;
  }

  #system .items :first-child .item:first-child {
    margin-top: 0;
    padding-top: 0;
    border-width: 0;
  }

  #system .items .leading .item {
    margin-bottom: 0;
    padding-bottom: 0;
    border-width: 0;
  }

  #top-a h2 {
    font-size: 20px;
    line-height:20px;
    margin: 0 0 20px;
  }

  #top-b .grid-box .deepest{
    position:relative;
    min-height: 230px;
  }

  #top-b p.shosai {
    bottom: 10px;
    left: auto;
    position: relative;
  }

  #top-b .grid-box img {
    bottom: 0;
    position: relative;
  }

  #top-b .grid-box .top-frame {
    bottom: 0;
    position: relative;
    margin-right:0px;
  }

#header-responsive .logo {
    margin-right: 0;
}
#header-responsive .logo, #header-responsive .searchbox {
    display: inline-block;
    vertical-align: middle;
    width: auto;
}

h2.title,.cart_quickcart h2 {
    font-size: 16px;
    line-height: 20px;
}
h2.title span,span.indent{
     display:block;
}

iframe.size-auto {
    min-height: 169px;
    max-width: 100%;
}

.top-movie,.story-pic {
   width:auto;
   float:none;
}

.top-disc,.story-contents{
    float: none;
    margin-left: 0px;
    width: auto;
}

.top-disc p{
    margin-top: 0px;
}

.top-movie iframe.size-auto {
    min-height: 169px;
    max-width: 100%;
}

h2.price strong {
    display: block;
    margin-left: 0;
    margin-top: 10px;
}
.story-shop-name span{
    display:block;
}

.contactform{
    width:280px !important;
    height:1067px;
}
.cfdiv_textarea textarea{
   width:90%;
}

.cart_quickcart h2 {
    margin-right:0px;
    width: auto;
}

h4.story-heading,h4.sub-title {
    background: url("../images/arrow_blue.jpg") no-repeat scroll 7px 10px transparent;
}

.zebra td.date {
    width: 6em;
}

.simpleCart_shelfItem {
    width: 245px;
}

.cart_cartstatus {
  display:none;
}

.itemContainer {
    float: none;
    margin: 10px 15px;
    padding: 0 10px;
}

.photo_sample li{
    float:none;
    text-align:center;
}

.form{
  width:200px;
}


}