@charset "euc-jp";

#page-wrapper {
  position: relative;
}
#wrapper {
}
#container {
  clear: both;
}
.container {
  max-width:1000px;
  color:#333333;
}
#header-top,
.shop-logos,
.inline,
.inner
{
  margin:auto;
max-width: 1000px;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  border: 1px solid #ccc;
  background-color: #fff;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  outline: 0;
  outline: thin dotted \9;
  border-color: rgba(82, 168, 236, 0.8);
}

.muted {
  color: #999;
}

body {
  color: #333;
  background-color: #fff;
  background-image: url(https://img.shop-pro.jp/tmpl_img/74/bg.gif);
  font-family:'Lucida Grande','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',Meiryo, メイリオ,sans-serif;
	/*font-size:small;*/
}

a {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #333;
}
a:hover{
 color: #6633FF;
  text-decoration: none;
}

a.muted:hover,
a.muted:focus {
  color: #808080;
}

.text-warning {
  color: #c09853;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #a47e3c;
}

.text-error {
  color: #b94a48;
}
a.text-error:hover,
a.text-error:focus {
  color: #953b39;
}

.text-info {
  color: #3a87ad;
}
a.text-info:hover,
a.text-info:focus {
  color: #2d6987;
}

.text-success {
  color: #468847;
}
a.text-success:hover,
a.text-success:focus {
  color: #356635;
}
  .ttl-h2 {
    padding: 0 1.4%;
  }

.btn-01 {
  border: 1px solid #fff;
  background-color: #fff;
  color: #444;
  *background-color: #fff;
  width: 100%;
  border-radius: 0;
  border-top: 1px #ddd solid;
  border-bottom: 1px #ddd solid;
  margin: 30px 0 0;
  padding: 20px 0;
  display: block;
}
.btn-01:hover,
.btn-01:focus,
.btn-01:active,
.btn-01.active,
.btn-01.disabled,
.btn-01[disabled] {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  background-color: #FFCC33;
  color: #444;
  *background-color: #FFCC33;
}

/*
 * web font
 */
.google-font {
  text-transform: uppercase;
  letter-spacing: .6px;
  font-weight: 400;
  font-family: 'Sintony', sans-serif;
}
  .google-font.fwb {
    font-weight: 700;
  }

/*
 * header
 */
#header-wrapper {
  padding: 0;
}
#header-top{
  padding: 1em 0 2em;
}
#header-top .col{
  padding: 0;
}
.header-link a {
  color: #aaa;
}
  .header-link a:hover span {
    color: #444;
    text-decoration: none;
  }
.header-link i {
  vertical-align: middle;
}

/* header-line-nav */

.header-line-nav {
  text-align: right;
}
  .header-line-nav .inline{
    margin: 0;
  }
  .header-line-nav li{
    padding: 0;
    margin-left: 25px;
    position: relative;
    vertical-align: middle;
  }
  .header-line-nav a {
    cursor: pointer;
    display: block;
  }
  .header-line-nav span {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    font-size: 12px;
    padding: 0 0 0 7px;
  }

.view-cart {
  position: relative;
  top: -6px;
  left: 50px;
  padding-top: 0 !important;
}
.cart-count {
  font-size: 17px;
  padding: 0 0 0 7px;
  vertical-align: -2px;
}
.btn-viewcart {
  padding: 1px 15px 0 13px;
}

/* header logo */

.shop-logos {
  margin: 2em 0 0;
  min-width: 10%;
  max-width: 100%;
}
.shop-description {
  font-size: 13px;
  font-weight: normal;
  color: #333;
  margin: 0;
}

/* header global nav */

#header-global-nav{
 padding: 1.2em 0 1.2em;
  /*text-align: left;*/
  font-size: 16px;
  border-top: 1px dotted #006633;
  border-bottom: 1px dotted #006633;
}
#header-global-nav ul{
margin-left:auto;
  margin-right:auto;
}
  #header-global-nav .inline > li {
    padding: 0 1.8em 0 0;
  }
  #header-global-nav .inline a {
     text-decoration: none;
    color: #333;
      padding:0.5em 0;
  }
    #header-global-nav .inline a:hover {
      text-decoration: none;
      color: #000;
      background-color:#eeeeee;
    }

/* incart delivery */
.incart-delivery {
  text-align: left;
  margin: 3.5em 0 0;
}
  .incart-delivery ul {
    margin: 0;
    list-style: none;
    font-size: 11px;
  }

/*
 * product list
 */
.prd-lst-unit {
  cursor: pointer;
  text-align: left;
  overflow: hidden;
  padding: 0;
  margin: 0 0 3.4%;
}
.prd-lst-link{
  display: block;
  color: #fff;
  max-width: 100%;
  padding: 0 3.2%;
}
.unit-inner{
  width: 100%;
  height: 100%;
  position: relative;
  clear: both;
}
.prd-lst-cap {
    background: transparent;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.prd-lst-cap-inner{
  padding: 15px;
}
.prd-lst-img {
  display: block;
}
span.prd-lst-span {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  margin: .3em 0;
  font-size: 13px;
  color: #fff;
  width: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)";
  filter: alpha( opacity=0 );
  opacity: 0;
  * display: none;
}
.prd-lst-regular {
  text-decoration: line-through;
}
.prd-lst-discount {
  color: #FFF;
  font-weight: bold;
}
.unit-inner:hover .prd-lst-cap{
  background: url("https://img.shop-pro.jp/tmpl_img/74/blur.png");
  background-repeat : repeat;
  background-position: left;
}
.unit-inner:hover span.prd-lst-span{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha( opacity=100 );
  opacity: 1;
  * display: block;
}

/* product list sort */
.prd-lst-sort {
  margin: 28px 0;
  color: #333;
  text-align: right;
  font-size: 13px;
}
.prd-lst-sort a{
  color: #aaa;
}
.prd-lst-sort a:hover{
  color: #444;
}

/* prduct list pager */
.prd-lst-pager {
  padding: 30px 0 20px;
  text-align: center;
}
  .prd-lst-pager .inline li {
    padding: 0 1.4%;
  }
    .prd-lst-pager .inline li span {
     color: #ddd;
    }
    .prd-lst-pager .inline li a {
      color: #444
    }
      .prd-lst-pager .inline li a:hover {
        color: #aaa;
      }
.prd-lst-pos b {
  font-size: 18px;
  font-weight: normal;
}

/*
 * product
 */
.product-image-thumb img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}
.thumb-active img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
  filter: alpha( opacity=100 );
  opacity: 1;
}

/* freepage */
.freepage {
  word-break: break-all;
  padding: 2em 0;
}
  .freepage img {
    max-width: 100%;
   /* width: inherit;*/
    height: auto;
  }

/*
 * footer
 */

#footer-wrapper {
  margin-top: 30px;
  padding: 0;
  background-color:#56a637;
}

/* footer nav */
.footer-top{
 /* border-top: 1px solid #aaa;*/
}
.footer-nav {
  list-style: none;
  margin: 0;
}
  ul.footer-nav > li {
    margin: 1em 2.5% 1em 0;
    padding-left: 0 ;
  }
.footer-primary {
  padding-top: 16px;
}
  .footer-primary a {
    color: #fff;
  }
   .footer-primary a:hover {
      color: #333;
     font-weight:bold;
    }
.freepage-nav {
  margin-bottom: 1.5em;
  padding-bottom: .8em;
  border-bottom: 1px solid #fff;
}
.footer-secondary {
  font-size: 12px;
  border-bottom: 1px solid #fff;
  padding-bottom: 18px;
}
  .footer-secondary li {
    margin-right: 2.5%;
  }
  .footer-secondary a {
    color: #fff;
  }
   .footer-secondary a:hover {
      color: #444;
      font-weight:bold;
    }

/* footer-bottom */
.footer-bottom{
    padding: 2em 0 1em;
}

/* social icon */
.social-nav {
  text-align: right;
  margin: -4px 0 0 0;
  padding: 0;
}
ul.social-nav > li {
  padding-right: 0;
  vertical-align: bottom;
}

/* copyright */
.copyright {
  text-align: center;
  font-size: 12px;
  padding: 0;
  word-break: break-word;
  margin:auto;
}
  .copyright a{
    color: #fff;
  }
    .copyright a:hover{
      color: #444;
    }
.copyright span{
    margin:auto;
    }

/*
 * slider
 */
.slider {
  margin-top: 2em;
  padding: 0 1.4%;
  position: relative;
}
.bx-viewport {
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  left: 0 !important;
  border: none !important;
}
#slider div {
  width: 100% !important;
}

/*
 * info & freespace
 */
.info, .free-space{
  margin-top: 1.6em;
  margin-bottom: 1.8em;
}
  .info .col , .free-space .col {
    padding: 0 1.4%;
  }

/*
 * search
 */
  .srh-header {
  padding: 0 0.5%;
}

/* pagetop */
#pagetop {
  position: fixed;
  right: 0;
  bottom: 100px;
  display: none;
}
.btn-pagetop {
  background: #ffffff;
  display: block;
  text-align: center;
  width: auto;
  padding: 17px;
  border: solid 1px #ddd;
}

/*--------------------------------------------980px以内---------------*/
@media (max-width: 980px) {
  #base_gmoWrapp,
  #gmo_CMSPbar {
    overflow: hidden;
    min-width: 100% !important;
    width: 100% !important;
  }
  .container {
    max-width: 980px;
    width: 95%;
  }
  .col-ex-size{
    width: 48.25%;
  }
 }
/*----------------------------------------------768px以内ここから------------------*/
@media (max-width: 768px) {
  #wrapper {
    padding: 2em 1em 0;
  }
  .container {
    width: auto;
  }
  #header-wrapper{
    padding: 0 .1%;
  }
  #header-top{
    padding: 2em 0 2em;
   }
  .shop-logos{
     margin: 1em 0 0 ;
   }
  .shop-name{
    padding: 0 1%;
    text-align: center
  }
  .header-dropdown {
    position: absolute;
    top: 0;
    z-index: 200;
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
    background-color: #fff;
  }
  .header-dropdown.affix {
    position: fixed;
  }
    .header-dropdown .dropdown-nav li {
      border-bottom: 1px solid #ddd;
      text-align: center;
    }
    .header-dropdown .dropdown-nav a {
      display: block;
      padding: 12px;
      color: #444;
    }
    .header-dropdown .btn-dropdown {
      padding-left: 34px;
      font-size: 15px;
      line-height: 1.6;
    }
    .header-dropdown .btn-dropdown-close {
      background: #ddd;
    }
  .view-cart {
    position: static;
  }
   .view-cart a {
      background-color: #fff;
      color: #444;
    }
    .view-cart span {
      display: block;
      width: 130px;
      margin: 0 auto;
    }
  .incart-delivery {
    margin: 0 0 1em;
  }
  .ttl-h2 {
     padding: 0 1.3%;
   }
  .prd-lst-cap{
    position: static;
    background: transparent;
    background-image: none;
  }
    .unit-inner:hover .prd-lst-cap{
      background: transparent;
      background-image: none;
    }
    span.prd-lst-span{
       -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=100)";
      filter: alpha( opacity=100 );
      opacity: 1;
      * display: block;
      color: #333;
      -webkit-backface-visibility: visible;
      backface-visibility: visible;
    }
    .unit-inner:hover span.prd-lst-span{
      color: #333;
    }
  .prd-lst-cap-inner {
    position: static;
    padding: 15px 0;
  }
  .prd-lst-sort {
    font-size: 13px;
  }
  .footer-primary,
  .footer-secondary {
    padding: 0;
    border: none;
  }
  .freepage-nav{
    border-bottom: none;
  }
  .footer-nav {
    margin: 0;
  
  }
    .footer-nav li {
      margin: 0;
      font-size: 13px;
      border-bottom: 1px solid #ddd;
    }
    ul.footer-nav > li{
      margin: 0;
    }
      .footer-nav li:before {
        display: none;
      }
    .footer-nav a {
      display: block;
      padding: 1em 0;
      font-size: 13px;
    }
      .footer-nav a:hover {
        text-decoration: none;
      }
  .footer-bottom{
     padding: 1em 0 1.5em;
   }
  .copyright{
    text-align: center;
    margin: 0;
  }
  .copyright span{
    float: none;
  }
  .powered{
    float: none;
    margin: 1em auto 0;
  }
  .social-nav{
    text-align: center;
    margin: 1.5em 0 0 ;
  }
  ul.social-nav > li{
    padding: 0 1%;
  }
  .slider {
    padding: 0 .1%;
  }
  #campaign .wrap{
	width:auto;
	display:block;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/cam_bg.png);
	padding:30px 20px 10px 20px;
	border:1px solid #b8d2ae; 
}
#campaign .wrap .left{
	float:left;
	 }
 /* form（768以内）
--------------------------------------------------*/

ul.purchase li.select{
	font-size:14px;
	/*border:1px solid #7f7f7f;*/
	padding:6px 15px;
width:80px;
  
 	} 
         /* -----------ボタン----------*/
ul li.btn{
	padding-top:0px;
	margin:0;
  padding-bottom:20px;
}
input[type="image"] {
 width:90%;
  margin-top:25px;
  }
 ul.purchace{
	font-size:16px;
	margin-top:5px;
}
ul.purchace li.select{
  height:40px;
	margin:5px;
}
  /*---------------*/
ul.purchace{
	font-size:16px;
	margin-top:5px;
}
  ul.purchase img{
  margin-top:10px;
  }
ul.purchace li.select{
  height:40px;
	margin:15px;
}
}
/*-------------------------------------------------768pxここまで---------------*/
/*
------------------------------------------------480px以下ここから--------------*/
@media (max-width: 480px) {
  
  .prd-lst-unit {
    margin-bottom: 1.4em;
    height: auto !important;
  }
  .prd-lst-link {
     padding: 0 2.1%;
   }
  .prd-lst-unit .prd-lst-cap{
    display: block;
    top: 0;
    left: 0;
  }
  .prd-lst-sort{
    text-align: left;
    margin: 0 0 3em;
  }
  .right, .left, .price{
    clear:both;
    width:100%;
  margin-right:auto;
    margin-left:auto;
  }
 
  #campaign .wrap{
  width:auto;
margin-right:auto;
    margin-left:auto;
  }
#campaign .wrap .left{
	float:left;
	width:auto;
}
  /*
 * slider
 */
.slider {
  margin-top: 0.3em;
  padding: 0 1%;
  position: relative;
}
  /*
form
--------------------------------------------------*/

ul li.select{
	font-size:14px;
	/*border:1px solid #7f7f7f;*/
	/*padding:6px 15px;*/
 max-width:60%;
 	}
      /* -----------ボタン----------*/
ul li.btn{
	padding-top:0px;
	margin:0;
  padding-bottom:20px;
}
input[type="image"] {
 width:90%;
  margin-top:25px;
  }
 ul.purchace{
	font-size:16px;
	margin-top:5px;
}
ul.purchace li.select{
  height:40px;
	margin:5px;
}
ul.cam_purchace li.note{
	font-size:12px;
	color:#666666;
}
ul.cam_purchace li.price{
	margin:13px 0;
}
ul.cam_purchace li.select{
	margin:10px 0;
}
h2 img{
 margin-bottom:20px;
  margin-top:5px;
  }

}
/*---------------------480pxここまで-------------*/
/* IE */
.ie_wrapper.container {
  width: 900px;
  overflow: auto;
}

/* icons */

.icon-b {
  width: 16px;
  height: 16px;
  display: inline-block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility:hidden;
  *display: inline;
  *zoom: 1;
}
.icon-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/74/icon16_b.png);
}
.hov-li:hover .icon-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/74/icon16_b_hover.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .icon-b {
    -webkit-background-size: 368px 320px;
    background-size: 368px 320px;
  }
  .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/74/icon16_2x_b.png);
  }
  .hov-li:hover .icon-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/74/icon16_2x_b_hover.png);
  }
}

.icon-user { background-position: -208px -0px; }
.icon-login { background-position: -48px -80px; }
.icon-adduser { background-position: -240px -0px; }
.icon-logout { background-position: -32px -80px; }
.icon-cart { background-position: -176px -64px; }
.icon-twitter { background-position: -96px -176px; }
.icon-facebook { background-position: -128px -176px; }
.icon-instagram { background-position: -112px -192px; }
.icon-mail { background-position: -64px -0px; }
.icon-b.icon-map { background-position: -304px -0px;}
.icon-lg-b {
  width: 24px;
  height: 24px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.icon-lg-b {
  background-image: url(https://img.shop-pro.jp/tmpl_img/74/icon24_b_hover.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-webkit-min-device-pixel-ratio: 1.5) {
  .icon-lg-b {
    background-image: url(https://img.shop-pro.jp/tmpl_img/74/icon24_2x_b_hover.png);
  }
  .icon-lg-b,
  .icon-lg-w {
    -webkit-background-size: 552px 480px;
    background-size: 552px 480px;
  }
}

.icon-lg-b.icon-list { background-position: -288px -144px; }
.icon-lg-b.icon-chevron_up { background-position: -0px -216px; }
.icon-lg-b.icon-cart { background-position: -264px -95px; }
.icon-lg-b.icon-circled_minus { background-position: -216px -120px; }
.icon-lg-b.icon-paper_plane { background-position: -120px -0px; }

/*-------------------------------ホエイ・アライブ-------------------------*/

/*------------------------- PC向けレイアウトの指定：961px以上では固定レイアウト ------*/
@media only screen and (min-width: 961px) {
  header {
    width:960px;
    margin-left:auto;
    margin-right:auto;
  }
.w430{width: 430px;}
.w120{width: 120px;}
  .w60p{width:60%;}
  .w40p{width:40%;}
  .w50p{width:50%;}
  .w100p{width:100%;}
.mb30{margin-bottom: 30px;}

.va_top{vertical-align: top;}
  .mle20{
  margin-left:20px;
  }
.mle60{
margin-left:60px;
}

/*---header 連絡先-------------*/
.contactArea p{
  margin-top:30px;
	display: inline-block;
}
.contactTel{padding-right: 14px;}


/*
contents
--------------------------------------------------*/
#contents{
	width: 960px;
	margin: 0 auto;
	padding-bottom: 150px;
}
.mainContents{
	width: 730px;
}
.subContents{
	width: 230px;
 margin-top:30px;
}
.sectionInner{
	padding: 0 20px;
	margin-bottom: 20px;
}
  .sectionInner p{
    font-size:1.1rem;
    line-height:180%;
  }
/*-----追加
form
--------------------------------------------------*/

ul li.select{
	font-size:16px;
	/*border:1px solid #7f7f7f;*/
  padding:6px 15px;
 max-width:30%;
 	}
 ul.purchace{
	font-size:16px;
	margin-top:5px;
}
ul.purchace li.select{
	margin:0 ;
}
       /* -----------ボタン----------*/
ul li.btn_a{
	padding-top:0px;
	margin:0;
  padding-bottom:20px;
}
input[type="image"] {
 width:90%;
  margin-top:25px;
  }
 ul.purchace{
	font-size:16px;
	margin-top:5px;
}
ul.purchace li.select{
  height:40px;
	margin:5px;
}
  /*---------------*/
ul.cam_purchace li.note{
	font-size:12px;
	color:#666666;
}
ul.cam_purchace li.price{
	margin:13px 0;
}
ul.cam_purchace li.select{
	margin:10px 0;
}

#campaign .wrap{
	width:680px;
	display:block;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/cam_bg.png);
	padding:30px 20px 10px 20px;
	border:1px solid #b8d2ae; 
  margin-bottom:20px;
}
#campaign .wrap .left{
	float:left;
	width:280px;
}
}
/*-----------------------------------961px以上ここまで--------------------------*/



form,input,p,img,ul,ol,li,dt,dd,dl,input,h3,h4,h5,h6,q{
	list-style:none;
	/*margin:0;*/
	/*padding:0;*/
}
h1,h2{
list-style:none;
  margin:20px 0 0;
  padding:0;
}
form{
	background:none;
	border:none;
}
img{
	border:0;
	vertical-align:top;
}
hr{
	display:none;
}
del{
	text-decoration:none;
}
i{
	margin:0 2px;
	font-size:smaller;
	font-weight:normal;
	font-style:normal;
}
.clearfix:after{
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
.clearfix{
    *zoom:1;
}

.right{float: right;}
.left{float: left;}

#wrapper{
	position: relative;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

ul.purchace{
	font-size:16px;
	margin-top:5px;
}
ul.purchace li.select{
	margin:0 ;
  max-width:50%;
}
ul.cam_purchace li.note{
	font-size:12px;
	color:#666666;
}
ul.cam_purchace li.price{
	margin:13px 0;
}
ul.cam_purchace li.select{
	margin:10px 0;
  height:45px;
}

  .wasample ul li.select{
list-style:none;
}
.wasample ul li.btn{
list-style:none;
}
/*
                                                   campaign
--------------------------------------------------*/
#campaign{
	margin:50px 0 0 20px;
}

#campaign .wrap{
	/*width:719px;*/
	display:block;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/cam_bg.png);
	padding:30px 20px 10px 20px;
	border:1px solid #b8d2ae; 
}
#campaign .wrap .left{
	float:left;
	/*width:312px;*/
}
#campaign .wrap .right{
	float:right;
}
#campaign .btn{
text-align:center;
}
span.second a{
  line-height:1.5em;
  margin-top:20px;
text-decoration:underline;
}
span.second a:after{
content:url(https://img20.shop-pro.jp/PA01321/470/etc/link.gif);
  margin-left:5px;
}

/*
explanation
--------------------------------------------------*/
dl.explanation{
	margin:8px 0 10px 0;
	font-size:14px;
}
dl.explanation dt{
	background-color:#e8e8e8;
	float:left;
	text-align:center;
	padding:0px 15px;
	margin-bottom:12px;
	margin-right:15px
}
dl.explanation dd{
	padding:5px;
	margin-bottom:12px;
}


/*------------------------------------------------------------
 * whey
------------------------------------------------------------*/
.whey h1{
	padding: .5em;
	border: 1px solid #ccc;
		background: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
	background: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
   font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
     font-size:1.6em;
    margin-top:10px;
     margin-bottom:20px;
}
.whey h1 span {
     border-left:10px #660099 solid;
    padding-left:10px;	
}
.whey h2{
	background: url(https://img20.shop-pro.jp/PA01321/470/etc/h2_bg.gif) no-repeat;
	padding: 15px 0 12px 20px;
	margin-bottom: 15px;
  text-align:left;

}
 
.whey h3{
	background: url(https://img20.shop-pro.jp/PA01321/470/etc/ic_h3.gif) no-repeat 0 50%;
	border-bottom: 1px dotted #6e6e6e;
	padding: 7px 0 7px  14px;
	margin:10px 0 20px;
}
.whey h4{
	border-left: 4px solid #56a637;
	padding-left: 10px;
	margin-bottom: 10px;
	color: #56a637;
}
.whey h5{
	margin-bottom: 10px;
	font-size: 13px;
	color: #666666;
}

.whey .quote{
	background: #f2f2f2;
	padding: 15px 20px 10px 20px;
}
.whey .quateTtl{margin-bottom: 10px;}
.whey .quote ol{
	padding-left: 30px;
}
.whey .quote li{
	list-style-type: decimal;
	margin-bottom: 10px;
}

.whey .materialList li{
	margin-bottom: 10px;
}
.whey .link{
	background: url(https://img20.shop-pro.jp/PA01321/470/etc/ic_link.png) no-repeat left 0.4em;
	padding-left: 12px; 
}
.whey .blank{
	padding: 5px 0px 5px 8px;
}
.whey .blank img{
	margin: 0.2em 0 0 0;
}



/*------------------------------------------------------------
 * guide
------------------------------------------------------------*/
#guide .sectionInner{
	padding: 0 10px;
        margin-bottom: 10px;
}
#guide h2{
	background: url(https://img20.shop-pro.jp/PA01321/470/etc/h2_bg_02.gif) no-repeat;
	padding: 12px 0 12px 20px;
	margin-bottom: 10px;
}
#guide h3{
	background: url(https://img20.shop-pro.jp/PA01321/470/etc/ic_h3.gif) no-repeat 0 50%;
	border-bottom: 1px dotted #6e6e6e;
	padding: 7px 0 7px  14px;
	margin-bottom: 10px;
}



/*------------------------------------------------------------
 * purchase
------------------------------------------------------------*/
#purchase .mb30{
	margin-bottom:30px;
}

#purchase h2{
	margin-bottom:30px;
}

#purchase #product{
	display:block;
}
#purchase #product .purchaceNote{
        font-size: 13px;
        margin-bottom: 10px;
}
#purchase #product .left{
	float:left;
	margin:0 0 0 30px;
}

#purchase #product .right{
	float:right;
	margin:0  30px 0 0;
}
#purchase .explanationTop{
        text-align: center;
        margin-bottom:18px;
        padding: 6px 0 5px;
        font-size:18px;
}
#purchase .explanationTop.separately{
        background:#feeeee;
        color:#e33f5b;
}
#purchase .explanationTop.subscription{
        background:#e5efe1;
        color:#328447;
}
/*-----------wheyalive
  -----------------------------*/
  #top h1{
  padding: .25em 0 .25em .75em;
  border-left: 10px solid #009933;
  }

#topwhey {
  position: relative;
  }

#topwhey p{
  position: absolute;
  top: 20%;
  left: 20%;
 -ms-transform: translate(-20%,-20%);
  -webkit-transform: translate(-20%,-20%);
  transform: translate(-20%,-20%);
  margin:0;
  padding:0;
  /*文字の装飾*/
  color:#333300;
  text-align:center;
  font-size:1.4em;
  font-weight:bold;
  line-height:2em;
  text-shadow:1px 1px 3px #ffffff,4px 0px 8px #ffffff;
    }

#topwhey img {
  width: 100%;
  }
/*------------------------------------------------------------
 * developer_voice
------------------------------------------------------------*/
#developer_voice{
	margin-top:80px;
}
#developer_voice h2{
	margin-bottom:30px;
	text-align:left;
  padding: .5em .5em;
  border: 1px solid #ccc;
		background: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
	background: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
  border-left: 8px solid #009933;
}
#developer_voice div{
	min-height:500px;
	padding:0 20px;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/top_developer_voice_pic.jpg) no-repeat right -40px;
}
/**/
/* サイドメニュー */
.sidemenu	{margin-bottom: 10px;
	border-bottom:1px dotted #eeeeee;

}
.sidemenu ul{ 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	background-color:#fff;
}
.sidemenu li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 

}
.sidemenu li a{
	display: block; 
	border-left: 1px dotted #474655;
	border-top: 1px dotted #474655;
	border-right: 1px dotted #474655;
	border-bottom: 1px dotted #474655;
	padding: 10px 10px 10px 30px;
	margin: -1px 0px 0px 0px;
	text-decoration: none;
	color: #333;
	width: 220px; 
	text-align: left;
	font-size: 16px;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/li_1.gif) left 10px center;
	background-repeat:no-repeat;
}
.sidemenu li a:hover{
	background-color: #fcfcd1;
	text-decoration: underline;
	color:#FF33CC;
}
/*------------*/
/*----- PC向けレイアウトの指定：961px以上では固定レイアウト ------*/
@media only screen and (min-width: 961px) {
/*#itemguide p span{
 font-size:1.6em;
  text-align:center;
  padding-bottom:15px;
  display:block;
}    */
/*------------------------------------------------------------
 * howto
------------------------------------------------------------*/
#howto{
	position:relative;
	margin-top:30px;
	padding:20px 20px 30px;
	background-color:#fbf5f1;
}
.eat{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #715543;
	text-align:center;
}
#howto .pic{
	position:absolute;
	right:10px;
	top:30px;
}
#howto .txt{
	padding:0 20px;
}
#howto .txt .mg{
	width:420px;
}
#howto .txt .red{
	color:#990000;
}
#howto .txt .gray{
	color:#666;
}
#howto .txt p{
	margin-bottom:20px;
}
#howto .txt div h3{
	margin-bottom:10px;
	text-align:center;
}
#howto .txt div ul li{
	display:inline;
	padding-right:10px;
}

/*------------------------------------------------------------
 * process
------------------------------------------------------------*/
#process{
	margin-top:40px;
}
.processtl{
	margin-bottom:20px;
	text-align:center;
}
#process{
	padding-left:480px;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/top_process_bg.jpg) no-repeat left -40px;
}
#process p{
	line-height:24px;
	padding-bottom:134px;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/top_process_pic.png) no-repeat bottom center;
}
}
/* ########### 599px以下 ########### */
@media (max-width: 599px) {
#topwhey p{
  position: absolute;
  top: 20%;
  left: 20%;
 -ms-transform: translate(-20%,-20%);
  -webkit-transform: translate(-20%,-20%);
  transform: translate(-20%,-20%);
  margin:0;
  padding:0;
  /*文字の装飾*/
  color:#000;
  font-size:1em;
  font-weight:bold;
  line-height:1.3em;
    }
/*------  */
#process{
	margin-top:20px;
}
#process h2{
	margin-bottom:20px;
	text-align:center;
}
#process div{
width:auto;
  height:auto;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/top_process_bg.jpg) no-repeat left -40px;
}
#process div p{
	line-height:24px;
	padding-bottom:200px;
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/top_process_pic.png) no-repeat bottom center;
}
  #howto .eat img{
  padding-top:10px;
    padding-left:10px;
  }
  #howto .pic img{
  padding-left:30px;
  }
}

/*--------------------------------------------------*/
/*user-voice
--------------------*/
#user{
	margin-bottom: 40px;
	padding: 20px 10px;
		background: url(https://img20.shop-pro.jp/PA01321/470/etc/side_bk.jpg?cmsp_timestamp=20200305103540);
}

.voice-text{
	margin-bottom: 10px;
  padding:10px 0 0 10px;
 background-color:#fff;
	font-size: 1.1rem;
  color:#330000;
}
.voice-inner{
  background-color:#fff;
}
.voice-inner .add{
	text-align: center;
	font-style: normal;
	font-size: 0.9rem;
    color:#663333;
   
}
.voice-inner .add{
	margin-top: 5px;
}

.age{
	display: inline-block;
  width: 90%;
	max-width: 210px;
	padding: 8px 2px;
	border-radius: 1.3em;
	background: #e8c59c;
	color: #6b3f31;
	text-decoration: none;
	font-size: 16px;
    font-weight:bold;
  text-align:center;
}
/*h3見出し*/
.voice {
 /* width: 500px;*/
  margin: 0 auto;
  padding: 10px 0;
  font-family: sans-serif;
  font-size: 20px;
  color:#009933;
}
.heading {
  margin: 10px 0
}
.voice3 .heading {
  color: #009933;
  text-align: center;
  overflow: hidden;
}
.voice3 .heading span {
  display: inline-block;
  position: relative;
}
.voice3 .heading span:before,
.voice3 .heading span:after {
  content: "";
  border-bottom: 2px solid #009933;
  width: 45px;
  margin: 0 15px;
  position: absolute;
  bottom: 13px;
}
.voice3 .heading span:before {
  right: 100%;
}
.voice3 .heading span:after {
  left: 100%;
}
/*----------*/
@media screen and (min-width: 640px){
	#user{
		padding: 20px;
		overflow: hidden;
	}
  .voice-text{
    display:flex;
  }
	.voice-text{
		width: 100%;
		float:left;
		line-height: 1.8;
	}
  /*h3見出し*/
.voice {
  width: 500px;}
  .voice-text p{
    width:80%;*
    padding:20px 30px 0 20px;
   }
	.voice-inner{
      padding:20px 10px 0 10px;
		width: 20%;
      text-align:center;
		float: center;
	}
	.voice-inner{
		margin-bottom: 10px;
	}
	.voice-inner .add{
      font-size:14px;
	}
	.voice-inner .add{
		margin-top: 0;
	}
}

.full{
	margin-left: -10px;
	margin-right: -10px;
}
@media screen and (min-width:640px){
	.full{
		margin-left: 0;
		margin-right: 0;
	}
  .voice-text p{
 width:80%;
  }
  .voice-inner{
  width:20%;
  }
}
/* ########### 599px以下 ########### */
@media (max-width: 599px) {
  .voice-text{
    padding:10px 10px;
}
  .voice-inner{
  text-align:center;
  width:100%;
  }
}
/*-------user-voice--end---*/
/*--price---*/
table.pricew{
	border:1px solid #919191;
	border-collapse: collapse;
   margin-bottom:15px;
}
table.pricew tr:nth-child(even) {
    background:#fff;
}
table.pricew tr:nth-child(odd) {
    background:#e0dcc4;
}
table.pricew caption{
caption-side: left; 
/*width:4.5em; */
  color:#663300; 
font-size:1.2em;
font-weight:bold;
}
table.pricew th,
table.pricew td{
	text-align:center;
	padding:5px;
	border-right:1px solid #919191;
	border-bottom:1px solid #919191;
}

table.pricew td{
	font-size:1em;
}

table.pricew th.pr_detail{
	background-color:#a19c7d;
	border-right:1px solid #fff;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
        padding: 3px;
        width:30%;
}
table.pricew th.pr_detailgt{
	background-color:#a19c7d;
	border-right:1px solid #fff;
	color:#fff;
	font-size:1.1em;
	font-weight:bold;
        padding: 3px;
        width:auto;
}
table.pricew th.pr_detail.edge{
	border-right:1px solid #919191;
}
table.pricew th.pr_detailgt.edge{
	border-right:1px solid #919191;
}
table.pricew th.pr_type{
	font-size:1.1em;
	font-weight:bold;
        padding: 3px;
}
table.pricew td.pr_price{
	font-size:1.1em;
	font-weight:bold;
        padding: 3px;
}

/* パンくずリスト */
.bread	{margin-bottom: 15px;
}
.bread ol	{margin: 0;
	padding: 0;
	list-style: none}
.bread li 	{display: inline-block;
	padding: 5px;
	color: #000000;
	font-size: 1em;
	text-decoration: none}
.bread li a:hover	{background-color: #eeeeee}
.bread ol:after	{content: "";
	display: block;
	clear: both}

.bread li	{float: left;
	width: auto}

.bread li:after	{content: '\003e';
	margin-left: 10px;
	margin-right: 10px;
	color: #888888}


/*------------------------------------------------------------
 * faq
------------------------------------------------------------*/
#faq{
	font-size:14px;
	color:#333333;
	margin:0 20px;
}

#faq dt{
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/faq_icon_q.png) top left no-repeat;
	border-bottom:1px dotted #333333;
	padding:2px 0 8px 50px;
}
#faq dd{
	background:url(https://img20.shop-pro.jp/PA01321/470/etc/faq_icon_a.png) top left no-repeat;
	padding:2px 0 8px 50px;
	margin:10px 0 40px 0;
}

/*------------------------------------------------------------
 * company
------------------------------------------------------------*/
#company dl{
	border-bottom: 1px dotted #6e6e6e;
}
#company dt{
	float: left;
   width:10em;
	padding: 30px 0 30px 10px;
}

#company dd{
	  padding:30px 0 30px 30px;
}


/*----------------
ホエイ・アライブサンプル----------*/
.wasample li{
list-style:disc;
line-height:1.5em;
font-size:1.1em;
}
.wasample .table2{
margin-top:20px;
}
.wasample .table2 th{
background-color:#ff6633;
}
/*------- sample ----------*/
.waspl img{
margin-top:30px;
margin-right:auto;
  margin-left:auto;
}
.waspl img:hover{
filter:alpha(opacity=75);
opacity:0.75;
}

/*ホエイ・アライブサンプルここまで*/


/*---------------------------------------------*/
#top h1{
	margin-bottom: 25px;
}


/* ************************************************ 
 *  item_box
 * ************************************************ */
.item_box {
width: 205px;
margin: 0 0 20px 20px;
text-align: center;
display:inline-block; 
/display:inline; 
/zoom:1;
vertical-align:top;
}

.item_box .item_photo {
margin: 0px;
}

.item_box .item_photo img.item {
max-width: 100%;
}

.item_box .item_detail {
margin: 10px;
}

.item_box .item_detail p.item_name {
font-size: 15px;
margin-bottom: 10px;
}

.item_box .item_detail p.item_regular_price {
margin-bottom: 10px;
}

.item_box .item_detail p.item_price {
margin-bottom: 10px;
}

.item_box .item_detail p.item_discount {
margin-bottom: 10px;
}

/*---------f7商品一覧-----------*/
.prd{
	position: relative;
	color: #fff;
	 background: -moz-linear-gradient(top left, #009933, #99ff99 60%, #99ff99 80%, #ffffff);
  background: -webkit-gradient(linear, left top, right bottom, from(#009933), color-stop(60%, #99ff99), color-stop(80%, #99ff99), to(#ffffff));
	font-size: 18px;
	line-height: 1;
	margin: 30px 10px 20px 10px;
	padding: 15px 5px 12px 10px;
	border: 1px solid #009933;
}
.prd:after, .balloon2:before {
	content: " ";
	top: 100%;
	left: 25px;
	border: solid transparent;
	height: 0;
	width: 0;
	position: absolute;
}
.prd:after {
	border-color: rgba(79, 79, 79, 0);
	border-top-color: #009933;
	border-width: 10px;
	margin-left: -10px;
}
.prd:before {
	border-color: rgba(0, 0, 0, 0);
	border-top-color: #009933;
	border-width: 13px;
	margin-left: -13px;
}
/*商品一覧上部*/
#work:after	{content: "";
	display: block;
	clear: both}
#work a:hover{
text-decoration:underline;
}
.work1{float: left;
/*width:21%;*/
max-width: 20%;
	margin-right: 4%}

.work2{float: left;
/*width:21%;*/
max-width: 20%;
	margin-right: 3%}

.work3{float: left;
max-width:20%;
  /*max-width: 16%;*/
margin-right:3%;
}

.work4{float: left;
width:21%;
max-width: 17%;*/
 margin-right:4%;
}
.work5{float: left;
width:21%;
max-width: 17%;
}

/*---商品詳細説明部分-----------*/
.product-order-price {
  color: #111111;
  text-align: left;
  font-size: 16px;
  margin: 10px 0 25px;
}
.product-contents h1{
font-size:1.5em;
}
.nago{
 font-size:1.2em;
  font-weight:bold;
  margin-left:10px;
  text-decoration:underline;
}
.note2{
      margin-top:15px;
      margin-left:20px;
padding-left:15px;
}
.note2 li{
	list-style-type:disc;
	font-size:105%;
	line-height:1em;
	margin-bottom:20px;
}
/*----商品詳細CSS--------------*/
table.pricew{
margin:0;
}
.custom-cap-size{
  padding-right: 15px;
}

.cell_1, .cell_2{
  font-size: 11px;
  font-weight: normal;
}
.cell_2 label{
  font-size: 11px;
}

.product-contents{
  padding: 0 1.5%;
}
.product-image {
  padding: 0;
  margin: 0 0 35px;
}
  .product-image-main {
    margin: 0 0 2.7%;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .product-image-thumb {
    padding: 0 ;
  }
  .product-image-thumb li {
    padding: 0 2.7% 0 0;
    cursor: pointer;
    margin: 0 0 2.6%;
  }
  .product-image-thumb img {
    display: block;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
  }
  .custom-thumb{
    margin-right: -2.6%;
  }

.product-cart {
  padding: 0 0 0 45px;
  margin: 0 0 40px;
}

.product-name{
  font-size: 15px;
  margin: -0.2em 0 1.2em 0;
}
.product-order {
  margin: 0;
}
  .product-option {
    padding: .2em 0 0;
  }
  .product-option-table{
     margin: 0 0 15px;
   }
   .product-option-table table{
      width: 100%;
   }
  .product-option-table th,
  .product-option-table td {
    text-align: center;
  }
  .product-option-table td input[type="radio"] {
    margin-bottom: 5px;
  }
  .product-option-select {
    position: relative;
  }
    .product-option-select .product-option-unit {
      clear: left;
      float: left;
      width:100%;
    }
    .product-option-select .option-select-name {
      display: block;
      margin: 0 0 .5em;
    }
       .product-option-select .product-option-unit select{
         margin: 0 2em 1em;
       }

  .product-order-regular {
    color: #abaaaa;
    text-decoration: line-through;
  }
  .product-order-discount {
    color: #E33D3D;
    font-weight: bold;
  }
.product-order-input {
  text-align: left;
}
.product-order-input .col {
  display: inline;
  float: none;
}
.product-order-num .btn {
  display: none;
  padding: 10px;
}
.product-unit {
  display: inline-block !important;
  *display: inline !important;
  *zoom: 1;
}
.input-border{
  display: block;
  width: 100%;
  overflow: hidden;
  border: solid 1px #ddd;
}

.product-order-input input {
  padding: 10px;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
  vertical-align: bottom;
  width: 700px;
  background: transparent;
  border: none;
}

.option-name{
  font-size: 13px;
  color: #aaa;
  margin: 0 0 .5em;
}
.btn-addcart {
  line-height: 24px;
}
  .btn-addcart span {
    padding-left: 12px;
  }
  .btn-quick span {
    padding-left: 7px;
   }
  .btn-block span {
     padding-left: 7px;
   }
.stock_error,
.product-member-sale-msg {
  margin: 15px 0 0;
  color: #E33D3D;
  font-weight: bold;
  font-size: 15px;
}

.product-order-exp {
  padding: 0;
  margin: 0 0 55px;
  line-height: 1.8;
}

.product-order-spec {
  margin: 0 0 15px;
  font-size: 13px;
  table-layout: fixed;
}
  .product-order-spec th {
    width: 30%;
    font-weight: normal;
    border: none;
    padding: 0 15px 10px 0;
  }
  .product-order-spec td {
    width: 70%;
    white-space: nowrap;
    border: none;
    text-overflow: ellipsis;
    padding: 0 15px 10px 0;
    overflow: hidden;
  }
  .product-info-lst {
    text-align: left;
    margin: 0;
    font-size: 13px;
  }
    .product-info-lst li {
      padding: .5em;
    }
    .product-info-lst a {
      color: #666;
    }
    .product-info-lst a:hover{
      color: #333;
    }
    .product-info-lst .social-share {
      display: block;
    }
    .social-share li {
      margin: 1em;
    }

.together-block .prd-lst-link {
  padding: 0 4.6%;
}

.not-found {
  padding: 2.2em 1.4% 0;
}

.text-titles,
.password-field-wrap {
  margin: 0 0 1em;
}
.text-titles-list__name,
.password-field-list__name {
  display: block;
  margin: 0 0 .5em;
}
.text-titles-list__detail input,
.password-field-list__detail input {
  padding: 10px;
  text-align: left;
  font-size: 15px;
  line-height: 1.5;
  vertical-align: bottom;
  width: 700px;
  background: transparent;
  border: none;
}

/*-------------------------------レスブラウン--table-----*/
.prless h1{
	padding: .5em;
	border: 1px solid #ccc;
		background: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
	background: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
   font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
     font-size:1.6em;
    margin-top:10px;
     margin-bottom:20px;
}
 .prless h1 span {
     border-left:10px #660099 solid;
    padding-left:10px;	
}
.prless h2{
	padding: .25em 0 .25em .75em;
  border-left: 10px solid #00cc14;
  font-size:1.5em;
  margin:20px 15px 10px;
}
.prless p{
 font-size:1em;
  margin-left:20px;
}
/*---------------------*/
.cbox {
    margin: 1em 0;
    background: #ffffff;
  border:solid 1px  #3399cc;
}
.cbox .c-title {
    font-size: 1.2em;
    background: #3399cc;
    padding: 3px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05em;
}
/*--------*/
/*.cbox {
    margin: 10px 0;
    background: #ffffff;
  border:solid 1px  #3399cc;
}*/
h3.c-title {
    font-size: 1.5rem;
    background: #3399cc;
    padding: 8px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.05rem;
}
.cbox dl{
   padding:5x 5px 0;
}
.cbox dt {
display: list-item;
	list-style: square;
margin:10px 0 0 30px;
   font-weight : bold;
   font-size : 1rem;
}

.cbox dd{
 font-size : 0.9rem;
  line-height : 1rem; 
 margin-top : 5px;    
  margin-bottom : 7px;
  margin-left : 10px;  
  padding-left : 10px;
}
/*--------------------------------*/

/*--------------------------------*/
table.pricelb {
  clear:both;
	max-width:100%;
	border:#666666 solid 1px;
	border-collapse: collapse;
  word-break: break-word;
  margin-bottom:20px;
 
}
table.pricelb caption{
  color:#66ccff; 
font-size:1.1em;
font-weight:bold;
}
table.pricelb th{
	background-color:#c4e4f5;
	border-right:1px solid #666666;
	border-bottom:#666666 solid 1px;
		font-size:14px;
text-align:center;
	font-weight:bold;
        padding: 3px;
        width:auto;
}
table.pricelb thead th:last-child {
	border-right:#666666 solid 1px;
}
table.pricelb tbody th {
	background:#c4e4f5;

	padding:10px 10px;
	border-bottom:#666666 solid 1px;
	vertical-align:top;
}
table.pricelb tbody tr:last-child th {
	border-bottom:#666666 solid 1px;
}
table.pricelb tbody td {
	padding:10px 10px;
	border-left:#666666 solid 1px;
	border-bottom:#666666 solid 1px;
	vertical-align:top;
}
.pricelb td label {
    padding-right:7em;
  }
/*-------------------------*/

table.tablef {
max-width:100%;
	border:#ffa500 solid 1px;
	border-collapse: collapse;
table-layout: fixed;
 text-align:center;
 font-weight:1.3em;
 margin-right:auto;
  margin-left:auto;
  margin-bottom:15px;
}
table.tablef thead th {
	background:#ffebcd;
	padding:10px 15px;
	border-right:#ffa500 solid 1px;
	border-bottom:#ffa500 solid 1px;
}
table.tablefn thead th:last-child {
	border-right:#ffa500 solid 1px;
}
table.tablef tbody th {
	background:#ffebcd;
	color:#000;
	padding:10px 10px;
	border:#ffa500 solid 1px;
	vertical-align:top;
}
table.tablef tbody tr:last-child th {
	border:#ffa500 solid 1px;
}
table.tablef tbody td {
	background:#fff;
	padding:10px 15px;
	border-left:#ffa500 solid 1px;
	border-bottom:#ffa500 solid 1px;
	vertical-align:middle;
}


.tablef td label {
    padding-right:7em;
  }


@media screen and (max-width: 640px) {

table.tablef{
width:100%;
table-layout:fixed;
}

table.tablef thead {
	display:none;
}
table.tablef tbody th {
	display:block;

}
table.tablef tbody td {
	display:block;

}
table.tablef tbody td::before {
	content: attr(label);
/*	float: left;*/
	clear:both;
	font-weight:bold;
padding:0 1em;
}
}
/*-------------------------------*/
ul.asm{
margin-top:20px;
  float:left;}
dl.asm{
  font-size:1.1em;
  line-height:1.2;
}
.asm a:hover{
background-color:#eee;
  text-decoration:underline;
}
.asmcont li{
  background-image: url(https://img20.shop-pro.jp/PA01321/470/etc/mail.gif);
    background-position: left 0;
    background-repeat: no-repeat;
    padding-left: 40px;
    display: block;
  font-size:1.1em;
  float:left;
}
.asmcont a{
       text-decoration: underline;
}
.asmcont a:hover{
background-color:#eee;
}
p.asmb{
margin-top:10px;
  margin-bottom:10px;
 float:left;
}
p.asmb img:hover{
filter:alpha(opacity=80);
opacity:0.8;
}
.lbhow h2{
padding: .25em 0 .25em .75em;
  border-left: 10px solid #00cc14;
  font-size:1.5em;
  margin:20px 15px 10px;
}
.lbhow h3{
 padding: .5em .75em;
  background-color: #f6f6f6;
  font-size:1.3em;
  margin:15px 5px 15px 10px;
}
.lbhow h4{
font-size:1.2em;
padding-bottom: .3em;
  border-bottom: 1px solid #a0d8ef;
margin:20px 0 10px 15px;
}

.lbhow ol{
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin:3px 0 0 20px; 
}
.lbhow ol li{
  font-size:1.1em;
 margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
.lbhow ol li:before{
   content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #a0d8ef;
  color: #222;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
.lbhow img{
max-width:100%;
display:block;
 margin-left: auto;
 margin-right: auto;
}
p.lbp{
  text-align:center;
  margin-bottom:20px;
  font-size:1.1em;
}
#lessbrown div.fruits h3{
background: #ccffcc;/*背景色*/
padding: 0.5em;/*文字まわり（上下左右）の余白*/

}
/*
--------------------------------------------------------maxw640*/
@media screen and (max-width: 640px) {

table.pricelb{
max-width:100%;
table-layout:fixed;
}

table.pricelb thead {
	display:none;
}
table.pricelb tbody th {
	display:block;
}
table.pricelb tbody td {
	display:block;

}
table.pricelb tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
padding-right:1em;
}

table.pricelb td p{
   overflow-wrap : break-word;
}
span.txt{
padding-left:7em;

}
.epa img{width:100%;
	height:auto;
}
}
/*
-----------------------------------------------------------minw640*/
@media screen and (min-width: 640px){
	#splb{
      margin-top:15px;
		margin-bottom:40px;
	}
	.splb-list{
		overflow: hidden;
	}
	.splb-list li{
		float: left;
		width:50%;
		/*margin-right: 0%;*/
	}
	.splb-list li:nth-child(3n){
		margin-right: 0;
	}
  ul.asmcont li{
  line-height:2em;
    margin-top:10px;
  }
    #lessbrown{
 display: flex;
  flex-wrap: wrap;
  padding: 10px;
}
  #lessbrown div.fruits {
   width: calc(50% - 10px);
  margin:5px;
  text-align:center;
}
}


/*---レスブラウンここまで----*/
/*--------------EPA-------------*/
.epa h2{
padding: .25em 0 .25em .75em;
  border-left: 8px solid #0033cc;
  font-size:1.8em;
  margin:20px 0 0;
}
.epa h3{
 padding: .5em .75em;
  background-color: #efffff;
  font-size:1.3em;
  margin:15px 5px 15px 10px;
}
.epa h4{
font-size:1.2em;
padding-bottom: .3em;
  border-bottom: 1px solid #a0d8ef;
margin:20px 0 10px 15px;
}
.epa p{
 padding:0 15px;
}
.epa ol{
  counter-reset: my-counter;
  list-style: none;
  padding: 0;
  margin:3px 0 0 20px; 
}
.epa ol li{
  font-size:1.1em;
 margin-bottom: 10px;
  padding-left: 30px;
  position: relative;
}
.epa ol li:before{
   content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #a0d8ef;
  color: #222;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}
.recom-box {
    margin:10px 0;
    padding:  5px;             /* 余白指定 */
    display: flex;
  flex-wrap: wrap;              /* フレックスボックスにする */
    justify-content:center;
}
 
.recom{
    padding: 0 5px 5px;
    color:  #333;               /* 文字色 */
    margin: 0 5px 0 0;              /* 外側の余白 */
    border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px; /* 角丸指定 */
     border: 6px solid #9933ff;
}
.recom p {
    padding: 5px;
  text-align:center;
  font-weight:bold;
}
/*--------------EPAここまで-----------*/
/*-------キサントフモール---------*/
h1.large{
	padding: .5em;
	border: 1px solid #ccc;
		background: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
	background: linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
   font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;
     font-size:1.6em;
    margin-top:10px;
     margin-bottom:20px;
}
h1.large span {
     border-left:10px #660099 solid;
    padding-left:10px;	
}
h2.head2 {
	font-size: 1.3em; /* 見出しの文字のサイズ */
	background-image: url(https://img20.shop-pro.jp/PA01321/470/etc/osusume.png);
	padding-left: 100px; /* これで見出しの文字の位置を調整する */
	padding-bottom: 10px; /* 見出しの文字と画像の位置の調整。見出しと区切り線の間隔に画像の高さを足したものを指定する。*/
	padding-top:60px;
	background-repeat: no-repeat; 
	background-position: left bottom; /* 画像の表示位置を指定する */
	margin-bottom: 20px; /* 見出しと本文の間隔を指定する */
       border-bottom:3px solid #ff3200;
}
@media (max-width: 768px) {
  .product-cart{
    padding: 0;
  }
  #prd-opt-table{
    margin: 0;
  }
 .product-order-num .btn {
    display: inline-block;
  }
  .product-order-input [class*="col-sm-"] {
    display: block;
    float: left;
    margin-bottom: 30px;
  }
  .product-option-select {
    position: static;
    overflow: auto;
  }
    .product-option-select .product-option-wrapper {
      position: static;
      float: none;
    }
    .product-option-select .product-option-unit {
      position: static;
      float: none;
      margin-bottom: 1em;
      width: 100%;
    }
    .product-option-select .product-option-unit div {
      padding: 0;
    }
  .btn-addcart,
  .btn-quick {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .btn-addcart {
    padding-top: 1em;
    padding-bottom: 1em;
  }
    .btn-addcart .btn-wrap {
      margin: 0 auto;
      width: 100%;
      text-align: center;
    }
  .product-order-spec th {
    width: 22%;
  }
  .product-order-spec td {
    width: 60%;
  }
  .product-info-lst li {
    display: block;
  }
  .product-info-lst a {
    display: block;
  }
  .social-share a {
    display: inline;
    padding: .5em 0;
  }
}

@media (max-width: 480px) {
  .product-image{
    margin: 0 0 25px
  }
  .product-image-thumb li {
    margin-bottom: 10px;
  }
  .product-order {
    width: 100%;
  }
  .product-order-exp{
    margin: 0 0 30px;
  }
  #company dt{
  float:none;
    padding:5px 0;
  }
  #company dd{
  padding:5px 0;
  }
  table.pricew{
width:100%;
table-layout: fixed;
word-break: break-word;　　/*追加する*/
}
section#work article {
  text-align: center;
  max-width: 46%;
 min-width: 135px;
  float: left;
  margin-bottom: 20px;
}
section#work article img {
  width:100%;
  height: auto;
 max-width: 180px;
}  
}
/*-----------/キサント・フモール---------------*/
/*////////////アレルクイック/////////////////////*/
span.red{
   color:#ff0000;
   font-weight:bold;
}
.boxgb{
  color: #111111;/*文字色*/
  font-weight:bold;
  font-size:1.2rem;
  background-color:#e0ffe0;
  border: dotted 3px #00ccff;/*線色*/
  padding:0.8em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  width:70%;
  margin: 10px auto 20px;
    }
.boxgb dt{float:left;
  line-height:1.8;
}
.boxgb dd{margin-left:0.5em;
  line-height:1.8;
}
.center{
  text-align:center;
  font-size:1.2em;
}
.boxrd{
  color: #111111;/*文字色*/
  font-weight:bold;
  font-size:1.1em;
  background-color:#ffccff;
  border: dotted 3px #ff0000;/*線色*/
  padding: 0.8em;/*文字周りの余白*/
  border-radius: 0.8em;/*角丸*/
 margin: 10px auto 20px;
  width:70%;
  text-align:center;
}
@media (max-width: 480px) {
  .boxgb, .boxrd .hyoji{
  width:90%;
    margin:10px 0;
  }
}
.boxyw{
  display: inline-block;
  color: #111111;/*文字色*/
  font-size:1em;
  background-color:#ffffff;
  border: solid 3px #ff9933;/*線色*/
  padding: 0.5em;/*文字周りの余白*/
  border-radius: 1em;/*角丸*/
  margin:20px 5px;
}
.hyoji{
	border-collapse: collapse;
         word-wrap: break-word;
        margin: 10px auto;
         vertical-align: middle;
  width:85%;
}
.hyoji th{width:15%;
  font-weight:normal;
}
.hyoji th, .hyoji td {
	border: 1px solid #222222;
       padding:5px;
}
.mtb10{
  margin: 10px 0;;
}
.boxp2, .boxp3{
   text-align:center;
}
/*-----/アレルクイック----------*/
.ie_wrapper .product-order-num .btn {
  display: none;
}
.breadcrumb {
margin: 1.9em 0;
text-align: left;
font-size: 15px;
vertical-align: middle;
padding: 0 1.4%;
}
  .breadcrumb li{
    margin: 0 15px 0 0;
  }
  .breadcrumb p{
    margin: 0;
  }
  .breadcrumb a{
    color: #aaa;
  }
    .breadcrumb a:hover{
      color: #444;
    }

.icon-cart, .icon-paper_plane,.icon-circled_minus {
  vertical-align: -4px;
}
/*　商品詳細-レスブラウン注文バナー　*/
ul.lessbr li {
    margin: 10px 0;
    padding: 0;
    font-size:1.2em;
    font-weight:bold;
    list-style-type: none;
    border: 1px solid #2e8b57;
    background: #FFF;
}

ul.lessbr li:nth-child(odd) {
    background: #f0fff0;
}
ul.lessbr li:nth-child(even) {
    background: #ccffe6;
}

ul.lessbr li a {
    position: relative;
    margin: 0;
    padding: 10px 10px 10px 10px;
    color: #333;
    display: block;
    overflow: hidden;
    text-decoration: none;
    white-space: nowrap;
}
/*　アイコン　*/
ul.lessbr li a:before,
ul.lessbr li a:after {
    content: "";
    position: absolute;
    top: 50%;
}

ul.lessbr li a:before {
    right: 11px;
    width: 18px;
    height: 18px;
    margin: -9px 0 0;
    background: #2e8b57;
    -webkit-border-radius: 20px;
    border-radius: 20px;
}
ul.lessbr li a:after {
    right: 17px;
    width: 5px;
    height: 5px;
    margin-top: -4px;
    border-top: solid 3px #FFF;
    border-right: solid 3px #FFF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*PC*/
@media only screen and (min-width: 961px) {
 ul.lessbr {
    margin: 0 auto;
    padding: 0;
   width:60%;
}
}
 /*スマホ*/

@media (max-width: 480px) {
  ul.lessbr {
    margin: 0 10px;
    font-size:1.1em;
    padding: 0;
    width:98%;
   overflow-wrap: break-word;
 word-break: break-all;
}
}



/*　印刷用　*/

@media print{
    body {
        -webkit-print-color-adjust: exact;
    }
    header {
        background-color: #fff!important;
    }

.subContents,.page-top, #footer-wrapper,#header-top, .contactArea, .dropdown-nav{
	display:none;
}
}