/* Scss Document */
body {
  background-image: url(https://file003.shop-pro.jp/PA01037/470/img/bgimg05.gif), url(https://file003.shop-pro.jp/PA01037/470/img/bgimg.jpg);
  background-repeat: repeat-x, repeat;
  background-position: top left,top left; }

#subttl {
  margin: 60px 0; }
  @media (max-width: 480px) {
    #subttl {
      margin: 0; } }
  #subttl h3 {
    text-align: center;
    font-size: 200%;
    background-image: url(https://file003.shop-pro.jp/PA01037/470/img/redline2.png);
    background-repeat: repeat-x;
    padding: 0 0 50px;
    background-position: 0px 40px;
    font-weight: normal; }
  #subttl .text {
    margin: 0 0 0 30px; }
  #subttl .img {
    margin: 0 30px;
    float: right; }

#wrapper #contents {
  padding: 0;
  background-color: #FFFFFF;
  width: 79.9%; }

@media (max-width: 797px) {
  #wrapper #contents {
    width: 100%; } }
#contents .inner {
  padding: 20px 50px 30px; }
  @media (max-width: 480px) {
    #contents .inner {
      padding: 20px 10px 30px; } }
#contents .mainimg {
  float: left; }
  @media (max-width: 1040px) {
    #contents .mainimg {
      float: none;
      width: 640px;
      margin: 0 auto; } }
  @media (max-width: 640px) {
    #contents .mainimg {
      width: 100%; } }
  #contents .mainimg img.large {
    padding: 0 5px 5px 0;
    width: 635px; }
    @media (max-width: 640px) {
      #contents .mainimg img.large {
        padding: 0;
        width: 100%; } }
#contents .subimg {
  float: right; }
  @media (max-width: 1040px) {
    #contents .subimg {
      float: none;
      width: 640px;
      margin: 0 auto; } }
  @media (max-width: 640px) {
    #contents .subimg {
      width: 100%; } }
  #contents .subimg img {
    padding: 0 5px 5px 0;
    width: 155px; }
    @media (max-width: 1040px) {
      #contents .subimg img {
        float: left; } }
    @media (max-width: 640px) {
      #contents .subimg img {
        padding: 0.4% 0.4% 0 0;
        width: 24.7%; } }
  #contents .subimg li:last-of-type img {
    padding: 0; }
    @media (max-width: 640px) {
      #contents .subimg li:last-of-type img {
        padding: 0.4% 0 0 0; } }
#contents .product-order-exp1 {
  margin: 20px 50px;
  clear: both; }
  @media (max-width: 480px) {
    #contents .product-order-exp1 {
      margin: 20px 0;
      width: 90%;
      margin: 0 auto; } }
#contents .product-order-exp2 {
  background-image: url(https://file003.shop-pro.jp/PA01037/470/img/redline2.png);
  padding: 70px 50px 30px;
  background-repeat: repeat-x; }
  @media (max-width: 480px) {
    #contents .product-order-exp2 {
      padding: 70px 0 30px;
      width: 90%;
      margin: 0 auto; } }
  #contents .product-order-exp2 .imgin-txt {
    text-align: center; }
    #contents .product-order-exp2 .imgin-txt img {
      width: 90%;
      max-width: 400px;
      height: auto; }
#contents h3 {
  font-size: 120%;
  font-weight: bold; }
#contents form div.order {
  width: 40%;
  margin-left: 30px; }
  @media (max-width: 768px) {
    #contents form div.order {
      width: 100%;
      margin-left: 0;
      margin-top: 20px; } }

#slide_in {
  max-width: 1200px;
  margin: 0 auto;
  background-color: #fff; }

.sp-slide {
  opacity: 0.5; }

.sp-selected {
  opacity: 1; }

.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before {
  background-color: #000 !important;
  opacity: 0.3; }

@media (max-width: 480px) {
  .sp-arrow {
    width: 10px;
    height: 20px; }

  .sp-horizontal .sp-previous-arrow {
    left: 10px; }

  .sp-horizontal .sp-next-arrow {
    right: 10px; } }