@charset "utf-8";
/*
Theme Name: heimat
Theme URI: https://heimat-ltd.com/
Description: A theme by heimat Ltd.
Version: 2016-07-15
Author: Hitomi Wilson
*/


body, html{
  margin:0;
  padding:0;
  color:#444;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
body{
  margin:0;
  border:0;
  background:#f0ebe5;
  font-size:95%;
  line-height:1.5;
}
h1{
  font-size:1.5em;
  font-weight:bold;
  line-height:1.8em;
}
h2{
  font-size:1.3em;
  line-height:1.8em;
  font-weight:bold;
}
h3{
  font-size:1.2em;
  line-height:1.8em;
  margin:5px 0;
  padding:0 0 0 4px;
}
p{
  padding:0;
  margin:5px 0 15px 0;
}
a img{
  border:none;
}
a img:hover{
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
a{
  color:#7d613f;
  text-decoration:underline;
}
a:hover{
  color:#009900;
  text-decoration:underline;
}
input[type="text"], input[type="email"], input[type="password"]{
  border:1px solid #888;
  padding:10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
input[type="text"]:focus, input[type="email"]:focus, 
textarea:focus, input[type="password"]:focus{
  border:solid 1px #ff8b2c;
}
input[type="submit"]{
  padding:4px 10px;
  background:#336600;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color:#fff;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  box-shadow:0;
  -moz-box-shadow:0;
  -webkit-box-shadow:0;
  border:0;
}
input[type="submit"]:hover{
  cursor:pointer;
}
textarea{
  border:1px solid #888;
  padding:6px 5px;
  overflow: auto;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}
input[type="button"]{
  padding:4px 10px;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
select{
  padding:8px;
  border:1px solid #aaa;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
ul{
  margin:0 0 0 20px;
  padding:0;
  list-style-type: disc;
}
ol{
  margin:0 0 0 20px;
  padding:0;
}
table{
  border:1px solid #ddd;
  border-collapse:collapse;
}
tr{
}
td{
  border:1px solid #ddd;
  padding:8px 5px 8px 15px;
}
th{
  border:1px solid #ddd;
  padding:8px 5px 8px 15px;
  background:#ddeaca;
  font-weight:normal;
  text-align:left;
}
hr{
  border:none;
  border-top:1px solid #ddd;
}
img{
  width:auto;
  max-width:100%;
  height:auto;
  text-align:center;
  margin:0 0 15px 0;
}

/**************************************************/
/* 共通クラス                                    **/
/**************************************************/
.mtop10{ margin-top:10px; }
.mtop20{ margin-top:20px; }
.mtop40{ margin-top:40px; }
.mleft20{ margin-left:20px; }
.mright20{ margin-right:20px; }
.mbottom30{ margin-bottom:30px; }
.mbottom40{ margin-bottom:40px; }
.clear{ clear: both; }
.clear hr, .mtop10 hr, .mtop20 hr, .mtop40 hr, 
.mbottom20 hr, .mbottom30 hr, .mbottom40 hr, a hr{
  display:none;
}
.big{
  display:block;
}
.mini{
  display:none;
}
.img_full{
  width:auto;
  max-width:100%;
  height:auto;
  text-align:center;
  margin:0 auto;
}
.img_max500{
  width:auto;
  max-width:500px;
  height:auto;
  text-align:center;
  margin:0 auto;
}
.img_full img, .img_max500 img{
  width:auto;
  max-width:100%;
  border:1px solid #ccc;
}
.text_center{
  text-align:center;
}
.details_box{
  margin:0 0 50px 0;
}
.border1px{
  border:1px solid #ddd;
}
.reference{
  font-size:0.9em;
  line-height:1.2em;
}
.product-btn{
  margin:60px auto 20px auto;
  padding:20px;
  background-color:#42bd39;
  width:330px;
  color:#FFF;
  text-align:center;
  font-weight:bold;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow:2px 4px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:2px 4px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow:2px 4px 3px rgba(0,0,0,0.2);
}
.product-btn:hover{
  background-color:#32a829;
}
.more_button_pink{
  letter-spacing:2px;
  font-weight:bold;
  text-align:center;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.more_button_pink a{
  display:block;
  position:relative;
  padding:8px 0;
  color:#fff;
  background:linear-gradient(#fbd9dd,#f9cacf 40%,#fcb9b2 90%,#f5acb3 100%);
  border:1px solid #fcb9b2;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.more_button_pink a:hover{
  position:relative;
  top:0;
  left:0;
  padding:8px 0;
  background:linear-gradient(#fdd7d3,#fcb9b2 40%,#fbaaa2 90%,#F7BBC1 100%);
  border:1px solid #fbaaa2;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color:#fff;
  cursor:pointer;
}
.product_pr_box{
  width:93%;
  width:-webkit-calc(94% - 2px);
  width:calc(94% - 2px);
  height:auto;
  overflow:hidden;
  margin-bottom:40px;
  padding:10px 3%;
  border:1px solid #ddd;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.product_pr_title{
  margin-bottom:10px;
  padding:7px;
  background-color:#daefe7;
  font-weight:bold;
}
.product_pr_img{
  width:150px;
  height:auto;
  float:left;
  margin-right:20px;
}
.product_pr_content{
  width:500px;
  width:-webkit-calc(100% - 170px);
  width:calc(100% - 170px);
  float:left;
}
.product_pr_pname{
  font-weight:bold;
  color:#43b577;
}
.product_pr_box .details{
  width:350px;
  margin:10px 0;
  background:linear-gradient(#ffdc39,#ffba50 70%,#fab34e 100%);
  border:1px solid #ffba50;
  color:#fff;
  letter-spacing:2px;
  font-weight:bold;
  text-align:center;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.product_pr_box .details a{
  padding:5px 0 6px 0;
  display:block;
  color:#fff;
}
.product_pr_box .details a:hover{
  padding:5px 0 6px 0;
  color:#fff;
  background:linear-gradient(#fab34e,#ffba50 30%,#ffdc39 100%);
  text-decoration:none;
}
.attention{
  padding:15px;
  background-color:#ffe1e1;
  border:3px solid #f99191;
  font-weight:bold;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.point_box{
  padding:10px 15px;
  background-color:#fffad2;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.point_title{
  font-weight:bold;
  border-bottom:2px dotted #e6b422;
  padding-bottom:2px;
  margin-bottom:7px;
}

.ul_2cols{
  list-style-type: none;
  width:100%;
  margin:0 auto;
  padding:0;
  display:-ms-flexbox;
  display:-webkit-box;
  display:-webkit-flex;
  display:-moz-box;
  display:-moz-flex;
  display:flex;
  -ms-flex-wrap:wrap;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
}
.ul_2cols li{
  list-style-type: none;
  position: relative;
  margin:0 2% 10px 0;
  width:49%;
  padding:0;
}
.ul_2cols li::before{
  border:0;
}
.ul_2cols li:nth-child(2n){
  margin-right:0;
}

/* ボックス型記事一覧　3つ横並び*/
.list_box_col3{
  list-style-type: none;
  width:100%;
  margin:auto auto;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.list_box_col3 li{
  display:inline-block;
  position: relative;
  width:29%;
  width:-webkit-calc(29.4% - 2px);
  width:calc(29.4% - 2px);
  margin:0 1.4% 15px 0;
  padding:15px 1.5%;
  background-color:#fff;
  border:1px solid #D6E5CC;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.list_box_col3 li:nth-child(3n){
  margin-right:0;
}
.list_box_col3 li .list_img{
  text-align:center;
}
.list_box_col3 li img{
  width:auto;
  max-width:100%;
  height:auto;
}
.list_box_col3 li:hover{
  cursor:pointer;
  box-shadow:0 2px 4px 2px #ccc;
  -moz-box-shadow:0 2px 4px 2px #ccc;
  -webkit-box-shadow:0 2px 4px 2px #ccc;
}
/* ボックス型記事一覧　2つ横並び*/
.list_box_col2{
  list-style-type: none;
  width:100%;
  margin:auto auto;
  padding:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.list_box_col2 li{
  display:inline-block;
  position:relative;
  width:43%;
  width:-webkit-calc(43.6% - 2px);
  width:calc(43.6% - 2px);
  margin:0 1.4% 15px 0;
  padding:20px 2.5%;
  background-color:#fff;
  border:1px solid #D6E5CC;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
.list_box_col2 li:nth-child(2n){
  margin-right:0;
}
.list_box_col2 li img{
  width:auto;
  max-width:100%;
  height:auto;
  border: 1px solid #ccc;
}
.list_box_col2 li:hover{
  cursor:pointer;
  box-shadow:0 2px 4px 2px #ccc;
  -moz-box-shadow:0 2px 4px 2px #ccc;
  -webkit-box-shadow:0 2px 4px 2px #ccc;
}
/*ボックス型で全体にリンクをかける*/
.link_box{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.link_box hr{
  display:none;
}
.contact_button{
  font-weight:bold;
  text-align:center;
  border:1px solid #ddd;
  background:linear-gradient(to bottom, #f8f8f8, #f8f8f8 50%,#f0f0f0 51%, #f0f0f0);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.contact_button a{
  padding:8px;
  display:block;
}
.contact_button a:hover{
  padding:8px;
  text-decoration:none;
  background:linear-gradient(to bottom, #f8f8f8, #f8f8f8 50%,#ebebeb 51%, #ebebeb);
}
.list_no_style{
  list-style-type: none;
}
/* Information記事一覧でのカテゴリーアイコン */
.cate_pub span, 
.cate_article span, 
.cate_news span{
  color:#fff;
  font-size:0.9em;
  padding:0 5px 1px 5px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
.cate_pub span{
  background:#002684;
}
.cate_article span{
  background:#CE0084;
}
.cate_news span{
  background:#F27300;
}
@media screen and (max-width:750px){
  .big{
    display:none;
  }
  .mini{
    display:block;
  }
  .list_box_col3 li{
    width:43%;
    width:-webkit-calc(43.6% - 2px);
    width:calc(43.6% - 2px);
    margin-right:1.4%;
    padding:15px 2.5%;
  }
  .list_box_col3 li:nth-child(3n){
    margin-right:1.4%;
  }
  .list_box_col3 li:nth-child(2n){
    margin-right:0;
  }
}
@media screen and (max-width:500px){
  .product_pr_img{
    float:none;
    width:auto;
    max-width:100%;
    height:auto;
    margin:0 0 15px 0;
    text-align:center;
  }
  .product_pr_content{
    float:none;
    width:100%;
  }
  .product_pr_pname{
    line-height:110%;
  }
  .product_pr_box .details{
    width:100%;
    margin:0;
  }
  .list_box_col3 li{
    width:95.5%;
    width:-webkit-calc(96% - 2px);
    width:calc(96% - 2px);
    padding:15px 3%;
    margin-right:0;
  }
  .list_box_col2 li{
    width:93.5%;
    width:-webkit-calc(94% - 2px);
    width:calc(94% - 2px);
    margin:0 0 15px 0;
    padding:20px 3%;
  }
}


/**************************************************/
/* 全体レイアウト                                **/
/**************************************************/
header{
  width:100%;
  margin:auto auto 10px auto;
  padding:0;
  background-color:#fff;
}
#header{
  width:100%;
  max-width:980px;
  margin:auto auto;
  padding-bottom:6px;
}
#container{
  width: 96%;
  max-width:980px;
  height:100%;
  margin:0 auto 0 auto;
  padding:0 2% 30px 2%;
  background-color:transparent;
}

#contents_plist, #contents_material, #contents_resources, 
#contents_research, #contents_tag, #contents_cate{
  width: 77%;
  width:-webkit-calc(98% - 200px);
  width:calc(98% - 200px);
  float:left;
  margin: 20px 2% 20px 0;
  padding:0;
}
#contents_index, #contents_product, #contents_info, #contents{
  width: 72%;
  width:-webkit-calc(94% - 202px);
  width:calc(94% - 202px);
  float:left;
  margin: 20px 2% 20px 0;
  padding:30px 2%;
  background-color:#fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border:1px solid #b3bab9;
  box-shadow: 0 2px 5px #ccc;
  -moz-box-shadow: 0 2px 5px #ccc;
  -webkit-box-shadow: 0 2px 5px #ccc;
}
#contents_cart{
  width: 96%;
  max-width:980px;
  margin: 20px 0;
  padding:30px 2%;
  min-height: 600px;
  background-color:#fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border:1px solid #b3bab9;
  box-shadow: 0 2px 5px #ccc;
  -moz-box-shadow: 0 2px 5px #ccc;
  -webkit-box-shadow: 0 2px 5px #ccc;
}
#side{
  display:block;
  width: 200px;
  float: right;
  margin:20px 0 0 0;
}

/* パーツ共通 */
#contents ul li{
/*  margin:0;*/
/*  padding:0 0 10px 12px;*/
  list-style-type: none;
  position:relative;
}
#contents ul li:before{
  content: ' ';
  width: 0;
  height: 0;
  margin:5px 0 0 0;
  padding:0;
  left:0;
  border: transparent solid 5px;
  border-left-color: #2b623c;
  position: absolute;
}
.line_comment{
  margin-bottom:5px;
  position: relative;
  padding: 10px;
  background-color: #1fd100;
  border-radius: 17px;
  color:#fff;
}
.line_comment::after{
  position: absolute;
  top: 100%;
  left: 25px;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top: 12px solid #1fd100;
}
@media screen and (max-width:750px){
  header{
    margin:auto auto 0 auto;
  }
  #side{
    display:none;
  }
  #container{
    width: 100%;
    max-width:750px;
    padding:0 0 20px 0;
  }
  #contents_plist, #contents_material, #contents_resources, 
  #contents_research, #contents_tag, #contents_cate{
    width: 94%;
    float:none;
    margin: 20px 0;
    padding:3%;
  }
  #contents_index, #contents_product, #contents_info, 
  contents_resource, #contents{
    width: 94%;
    float:none;
    margin: 20px 0;
    padding:30px 3%;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border:0;
    border-top:1px solid #b3bab9;
    border-bottom:1px solid #b3bab9;
  }
  #contents_index{
    margin:0 0 20px 0;
  }
}

/**************************************************/
/* hタイトル                                     **/
/**************************************************/
#header h1{
  margin:0;
  padding:0;
  float:left;
  line-height:0.5em;
}

/*トップページ*/
#contents_index h2{
  margin:0 0 10px 0;
  padding:5px 10px;
  background-color:#ddeaca;
  border-left:8px solid #95d1b3;
}
#contents_index .pickup h2{
  margin:0 0 10px 0;
  padding:5px 10px;
  background-color:#f6ecd6;
  border:0;
}
#contents_index .h2_news{
  margin: 0;
  padding: 8px 10px 8px 10px;
  font-weight: bold;
  color:#fff;
  background: #2F9567;
}
#contents_index h3{
  text-align:center;
}
#contents_index .pickup h3{
  margin:0;
}

/*商品一覧、商品ページ*/
#contents_product h1, #contents_plist h1{
  margin-top:0;
  font-weight:bold;
  padding: 15px 5px 12px 15px;
  position: relative;
  z-index: 6;
}
#contents_product h1:before, #contents_plist h1:before{
  content: '';
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 3px;
  background:linear-gradient(to top,#f3e5c8,#fff 75%, #fff 100%);
  border-radius: 3px;
  z-index: -1;
}
#contents_product h1:after, #contents_plist h1:after{
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  border: 1px solid #ddcebc;
  border-radius: 3px;
  box-shadow: 2px 2px 2px 0 #eaeaea;
  z-index: -2;
}
#contents_product h2{
  color:#95d1b3;
}
#itempage .productinfo h3{
  position: relative;
  margin: 25px 0 10px 0;
  padding: 5px 10px 0 30px;
  font-weight: bold;
  border-bottom: 2px solid #95d1b3;
  background:#fff;
  color:#4d4d4d;
}
#itempage .productinfo h3:before{
  content: "□";
  font-size: 120%;
  position: absolute;
  color: #66cc00;
  top: -0.7em;
  left: 10px;
  height: 5px;
}
#itempage .productinfo h3:after{
  content: "□";
  font-size: 150%;
  position: absolute;
  color: #336600;
  top: -0.4em;
  left: -1px;
  height: 5px;
}

/*ショッピングカート内ページ*/
#contents_cart h1{
  padding:0 0 5px 10px;
  border-bottom:3px solid #2b623c;
}

/*各カテゴリーページのタイトル*/
#contents_research h1, #contents_resources h1, 
#contents_material h1, #contents_tag h1, #contents_cate h1{
  margin: 0 0 20px 0;
  padding: 13px 10px 13px 35px;
  font-size:1.1em;
  font-weight: bold;
  background:linear-gradient(#fff,#eaeaea);
  position: relative;
  border:1px solid #ddd;
  border-radius:6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
}
#contents_research h1::before, #contents_resources h1::before, 
#contents_material h1::before, #contents_tag h1::before, #contents_cate h1::before{
  content: "";
  position: absolute;
  background: #006600;
  top: 50%;
  left: 15px;
  margin-top :-12px;
  height: 25px;
  width: 7px;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}
#contents h2, #contents_research h2, 
#contents_material h2{
  margin:10px 10px 10px 0;
  line-height:1.4em;
  font-weight:bold;
  color:#453523;
  padding:0 10px 3px 8px;
  border-left:10px solid #006600;
}
#contents h3,#contents_research h3, 
#contents_resources h3, #contents_material h3{
  font-weight:bold;
  color:#006600;
}

/*研究、素材、ハイマートについてのsingleページに表示するカテゴリー名*/
/*.category_title{
  margin: 0;
  padding: 12px 10px 15px 22px;
  font-weight: bold;
  background:linear-gradient(#fff,#eaeaea);
  position: relative;
  border:1px solid #ddd;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
.category_title:before{
  content: "";
  position: absolute;
  background: #006600;
  top: 50%;
  left: 8px;
  margin-top :-12px;
  height: 22px;
  width: 7px;
  border-radius:3px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
}*/

@media screen and (max-width:980px){
  #contents_product h2{
    line-height:1.4em;
  }
  #contents_index .pickup h3{
    margin:0;
    text-align:center;
  }
}


/**************************************************/
/* ヘッダー                                     */
/**************************************************/
#option_bar{
  width:100%;
  max-width:980px;
  margin:auto auto;
  padding:0;
}
#lang_bar{
  width:auto;
  margin:0;
  float:right;
  padding:2px 5px;
  background:#2A876F;
  font-size:0.9em;
  list-style:none;
  text-align:right;
  border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  -webkit-border-radius:0 0 5px 5px;
}
#lang_bar li{
  display:inline;
}
#lang_bar li a{
  padding:0 5px;
  margin:2px 0;
  color:#ffffff;
  text-decoration:none;
}
#lang_bar li a:hover{
  background-color:#84d1b5;
  color:#666;
  text-decoration:none;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}

/* ショッピングカート情報 *********/
#header .cart_top{
  float: right;
  padding-top10px;
  position:relative;
}
#header .cart_top:hover{
  background-color:#f0f0f0;
}
#header .cart_top .cart_icon{
  float:left;
  padding-right:8px;
  position:relative;
}
#header .cart_top .cart_icon img{
  height:45px;
  width:auto;
  padding-top:20px;
}
#header .cart_top .cart_icon .total{
  position:absolute;
  top:15px;
  left:23px;
  font-size:1.4em;
  font-weight:bold;
  color:#ED5B14;
}
#header .cart_top .cart_details{
  float:left;
  padding-top:20px;
}
#header .cart_top .cart_price{
  color:#ED5B14;
  font-weight:bold;
}
#header .cart_top .tax_title{
  font-size:7.5pt;
}

/*
#header .cart_top{
  margin:10px 0 0 0;
  float: right;
  padding: 7px;
  border: 1px solid #ccc;
  background:linear-gradient(#fff,#eee);
  font-size: 0.9em;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#header .cart_top_details{
  padding:9px 15px 7px 10px;
  float:left;
  background-color:white;
  border:1px solid #ccc;
  border-radius: 2px;
  font-size:0.9emt;
  line-height:1.2em;
  box-shadow:1px 1px 1px 0.5px #ddd inset;
  -moz-box-shadow:1px 1px 1px 0.5px #ddd inset;
  -webkit-box-shadow:1px 1px 1px 0.5px #ddd inset;
}
#header .cart_top_details_ttl{
  float:left;
  margin-left:5px;
  text-align:right;
}
#header .cart_top_details_val{
  float:left;
  margin-left:10px;
  text-align:left;
}
#header .cart_top_go{
  margin:4px 0 0 7px;
  padding: 10px 7px;
  float:left;
  color: #fff;
  text-shadow: 0.2px 0.2px 0px #c46a2d;
  background-color:#ff9c51;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border: 1px solid #ff9c51;
  font-weight:bold;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#header .cart_top_go:hover{
  cursor:pointer;
  background-color:#ffaa71;
}
#header .cart_price{
  color:#ED5B14;
  font-weight:bold;
}*/

/* メニューバー */
nav{
  display:block;
}
nav .menu{
  margin:0;
  padding:0;
  list-style:none;
}
.menu-main-menu-container{
  width:100%;
  background:#2A876F;
  box-shadow: 0 1px 3px 1px #999;
  -moz-box-shadow: 0 1px 3px 1px #999;
  -webkit-box-shadow: 0 1px 3px 1px #999;
}
#menu-main-menu{
  list-style-type: none;
  width: auto;
  max-width: 980px;
  min-height: 55px;
  margin:0 auto;
  padding: 0;
}
#menu-main-menu li{
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#menu-main-menu li a{
  display:block;
  margin: 0;
  padding: 20px 13px;
  color: #fff;
  line-height: 1;
  text-decoration: none;
}
#menu-main-menu li:hover > a{
  background: #84d1b5;
  color:#444;
}
#sub_menu_product{
  display:none;
  position: absolute;
  top: 100%;
  left: 0;
  width:560px;
  padding:15px 8px;
  background-color:#fcfbfa;
  box-shadow: 0 1px 3px 1px #ccc;
  -moz-box-shadow: 0 1px 3px 1px #ccc;
  -webkit-box-shadow: 0 1px 3px 1px #ccc;
  z-index:8;
}
#menu-main-menu li:hover #sub_menu_product{
  display:block;
}
#menu-main-menu li ul{
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%
}
#menu-main-menu li:last-child ul{
  left: -100%;
  width: 100%
}
#menu-main-menu li ul li{
  overflow: hidden;
  width:46%;
  padding:5px 2%;
  height: 0;
  float:left;
}
#menu-main-menu li ul li a{
  padding: 13px 15px;
  background: #EFF4EA;
  border:1px solid #D6E5CC;
  color: #444;
  text-align: left;
  font-weight: normal;
}
#sub_menu_product ul li:nth-child(odd){
  clear:left;
}
#menu-main-menu li:hover ul li{
  height: 40px;
}
/*
#menu-main-menu .current{
  background:linear-gradient(#4DAE82,#2F9567 95%,#2F9567 100%);
}
#menu-main-menu li a:hover{
  color:#666;
  padding: 12px 20px;
  text-decoration:none;
  background:linear-gradient(#ace2c9,#c2e7da 95%,#c2e7da 100%);
}*/


/* パンくずリスト ****************/
.breadcrumbs{
  width:auto;
  max-width:980px;
  margin:auto auto;
  padding:10px 0 0 0;
  font-size:0.9em;
}

@media screen and (max-width:750px){
  nav{
    display:none;
  }
  #header{
    text-align:center;
  }
  #header h1{
    width:100%;
    max-width:750px;
    margin:0 auto;
    padding:0;
  }
  #header img{
    float:none;
    width:auto;
    height:50px;
    margin:0;
    padding:0;
  }
  #header .cart_top{
    clear:both;
    display:none;
  }
  #lang_bar{
    clear:both;
    width:96%;
    margin:0 auto;
    padding:2px 2% 3px 2%;
    list-style:none;
    text-align:center;
    border-radius:0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
  }
  #lang_bar li a{
    padding:0 10px;
  }
  .breadcrumbs{
    padding:10px 3% 0 3%;
  }
}


/********************************/
/*各記事の下部に表示する関連情報*/
/********************************/
#contents_bottom{
  margin-bottom:40px;
}
#contents_bottom .title{
  margin-bottom:10px;
  padding:5px 10px 4px 10px;
  background:#EFF4EA;
  border-bottom:1px solid #D6E5CC;
}
/* 共通部分 */
#contents_bottom ul{
  list-style-type: none;
  width:100%;
  margin:0 auto 15px auto;
  padding:0;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
#contents_bottom li{
  display:inline-block;
  position: relative;
  margin:0 2% 10px 0;
  background-color:#fff;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  font-size:0.9em;
  border:1px solid #D6E5CC;
text-align:center;
}
#contents_bottom ul li:hover{
  box-shadow:0 2px 4px 2px #ddd;
  -moz-box-shadow:0 2px 4px 2px #ddd;
  -webkit-box-shadow:0 2px 4px 2px #ddd;
}
#contents_bottom li .details{
  padding: 0 6px;
}
#contents_bottom li img{
  width:auto;
  max-width:100%;
  height:auto;
  margin:0;
  padding:0;
}
#contents_bottom .product_name{
  font-size:1.1em;
  font-weight:bold;
}
/* 横並び1つの場合 */
#contents_bottom .col1 li{
  width:97.5%;
  width:-webkit-calc(98% - 2px);
  width:calc(98% - 2px);
  padding:1%;
  border:0;
  border-bottom:1px solid #ccc;
  position:relative;
  display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
#contents_bottom .col1_l{
  float:left;
  width:110px;
  height:auto;
  margin-right:20px;
  border:1px solid #eee;
}
#contents_bottom .col1_r{
  float:left;
  width:568px;
  width:-webkit-calc(100% - 132px);
  width:calc(100% - 132px);
  height:auto;
  text-align:left;
}
#contents_bottom .col1 li:hover{
  box-shadow: none;
  cursor:pointer;
  background-color:#f5f5f5;
}
/* 横並び2つの場合 */
#contents_bottom .cols2 li{
  width:46.5%;
  width:-webkit-calc(47% - 2px);
  width:calc(47% - 2px);
  padding:1%;
}
#contents_bottom .cols2 li img{
  float:left;
  width:30%;
}
#contents_bottom .cols2 li .details{
  float:left;
  width:68%;
  padding:0 0 0 2%;
}
#contents_bottom .cols2 li:nth-child(2n){
  margin-right:0;
}
/* 横並び3つの場合 */
#contents ul li:before{ content: none; }
#contents_bottom .cols3 li{
  width:31.5%;
  width:-webkit-calc(32 - 2px);
  width:calc(32% - 2px);
  padding:0;
}
#contents_bottom .cols3 li:nth-child(3n){
  margin-right:0;
}
/* 横並び4つの場合 */
#contents_bottom .cols4 li{
  width:23%;
  width:-webkit-calc(23.5% - 2px);
  width:calc(23.5% - 2px);
  padding:0 0 15px 0;
text-align:left;
}
#contents_bottom .cols4 li:nth-child(4n){
  margin-right:0;
}

@media screen and (max-width:750px){
  #contents_bottom .cols2 li img{
    float:none;
    width:100%;
    max-width:250px;
  }
  #contents_bottom .cols2 li .details{
    float:none;
    width:100%;
    padding:0;
  }
}
@media screen and (max-width:500px){
  #contents_bottom .cols3 li, #contents_bottom .cols4 li{
    width:46.5%;
    width:-webkit-calc(47% - 2px);
    width:calc(47% - 2px);
    padding:1%;
  }
  #contents_bottom .cols3 li:nth-child(2n), #contents_bottom .cols4 li:nth-child(2n){
    margin-right:0;
  }
  #contents_bottom .cols3 li:nth-child(3n){
    margin-right:2%;
  }
}


/*******************************************/
/* トップページ                            */
/*******************************************/
/*#top_banner{
  background:linear-gradient(to right,#f0ebe5,#fff 15%,#fff 85%,#f0ebe5);
}
#top_banner .top_banner_in{
  width:980px;
  height:387px;
  margin:0 auto;
  padding:0;
}*/
#top_banner{
  width:auto;
  height:auto;
  max-width:980px;
  margin:10px auto 0 auto;
  background:#fff;
}
#top_banner .top_banner_in{
  width:100%;
  height:auto;
  margin:0 auto;
  padding:0;
}
#top_banner img{
  max-width:100%;
  height:auto;
}
#contents_index .top_information{
  margin:0 0 40px 0;
  padding: 10px 10px 5px 10px;
  background:#fcf5c7;
  color:#72583a;
  border:1px dashed #d2bea5;
  box-shadow: 0 0 4px 4px #fcf5c7;
}
#contents_index .top_information p{
  margin:0;
  padding:0 0 5px 0;
}
#contents_index .pickup{
  margin:0 0 40px 0;
  padding:10px 15px;
  border:1px solid #ddcebc;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
#contents_index .pickup_left{
  width:202px;
  height:186px;
  margin-right:20px;
  float:left;
}
#contents_index .pickup_left img{
  width:200px;
  height:184px;
  border:1px solid #e9dec9;
}
#contents_index .pickup_right{
  width:398px;
  float:left;
}
#contents_index .pickup .catch{
  font-size:1.2em;
  font-weight:bold;
  color:#c3423f;
    text-align:center;
}
#contents_index .product_box{
  list-style:none;
  width:100%;
  margin:0;
  padding:0;
}
#contents_index .product_box li{
  width: 47%;
  margin: 20px 6% 10px 0;
  float:left;
  position:relative;
}
#contents_index .product_box li:nth-child(2n){
  margin: 20px 0 10px 0;
}
#contents_index .product_box li a{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
}
#contents_index .product_box li:hover{
  filter:alpha(opacity=90);
  -moz-opacity: 0.9;
  opacity: 0.9;
  color:#009900;
}
#contents_index .product_box img{
  width:100%;
  height:auto;
  box-shadow: 1px 1px 3px 2px #ddd;
}
.top_news{
  margin:0 0 40px 0;
  border:1px solid #2F9567;
  padding:15px;
  border-radius:0 0 2px 2px;
  -moz-border-radius:0 0 2px 2px;
  -webkit-border-radius:0 0 2px 2px;
}
.news{
  margin:0 0 10px 0;
  padding:0;
}
.news_date{
  margin-right:10px;
}
.news li{
  padding:3px 0;
  border-bottom:1px dashed #ccc;
}

/*@media screen and (max-width:980px){
  #top_banner{
    width:100%;
    max-width:980px;
    height:auto;
  }
  #top_banner .top_banner_in{
    width:100%;
    max-width:980px;
    height:auto;
    margin:0 auto;
    padding:0;
  }
  #top_banner img{
    width:100%;
    max-width:980px;
    height:auto;
  }
}*/
@media screen and (max-width:750px){
  #contents_index .pickup_left{
    clear:both;
    width:100%;
    height:auto;
    display:inline-block;
    text-align:center;
  }
  #contents_index .pickup_right{
    clear:both;
    width:100%;
    max-width:750px;
    margin:10px auto 0 auto;
    text-align:center;
  }
  #contents_index .pickup .catch{
    font-weight:bold;
    color:#c3423f;
    text-align:center;
  }
  #contents_index .product_box_last{
    width: 100%;
    text-align:center;
    margin: 20px 0 0 0;
    clear:both;
  }
  #contents_index .product_box_last img{
    text-align:center;
  }
  .top_news{
    width:100%;
  }
  .top_news_date{
    width:100%;
    clear:both;
  }
  .top_news_excerpt{
    width:100%;
    clear:both;
  }
}
@media screen and (max-width:500px){
  #contents_index .product_box li{
    width: 100%;
    margin: 20px 0 10px 0;
  }
}


/*******************************************/
/* 商品一覧                                */
/*******************************************/
.pbox{
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
  display:-webkit-box;
  display:-moz-box;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:-moz-flex;
  display:flex;
  -webkit-box-lines:multiple;
  -moz-box-lines:multiple;
  -webkit-flex-wrap:wrap;
  -moz-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
}
.pbox li{
  width:26%;
  width:-webkit-calc(28% - 2px);
  width:calc(28% - 2px);
  float:left;
  margin:0 2% 20px 0;
  background-color:#fff;
  padding:15px 2%;
  border: 1px solid #D6E5CC;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  position:relative;
  display: flex;
  flex-direction: column;
}
.pbox li:nth-child(3n){
  margin-right:0;
}
.pbox li a{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.pbox li:hover{
  cursor:pointer;
  box-shadow:0 2px 4px 2px #ccc;
  -moz-box-shadow:0 2px 4px 2px #ccc;
  -webkit-box-shadow:0 2px 4px 2px #ccc;
}
.pbox li:hover .pbox_button{
  background:linear-gradient(#65b891,#2F9567 95%,#2F9567 100%);
  color:#fff;
  text-decoration:none;
}
.pbox li img{
  width:auto;
  max-width:100%;
  height:auto;
  display:block;
  margin:0 auto;
  padding:0;
  overflow:hidden;
}
.pbox_title{
  font-size:1.2em;
  line-height:1.1em;
  font-weight:bold;
  padding:6px 0;
  text-align:center;
}
.pbox .pbox_details{
  margin-top:8px;
  margin-bottom:10px;
  height:auto;
  text-align:left;
}
.pbox .pbox_button{
  width:93%;
  margin-top:auto;
  padding:5px 3%;
  font-weight:bold;
  border:1px solid #ccc;
  text-align:center;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background:linear-gradient(to top,#ddd,#fff 60%, #fff 100%);
}
.pbox .price{
  font-size:1.5em;
  color:#ED5B14;
  font-weight:bold;
  margin-right:5px;
}
.pbox .tax_status{
  font-size:0.8em;
}
@media screen and (max-width:750px){
  .pbox li{
    width:44.5%;
    width:-webkit-calc(45% - 2px);
    width:calc(45% - 2px);
  }
  .pbox li:nth-child(3n){
    margin-right:2%;
  }
  .pbox li:nth-child(2n){
    margin-right:0;
  }
}
@media screen and (max-width:500px){
  .pbox li{
    width:93.5%;
    width:-webkit-calc(94% - 2px);
    width:calc(94% - 2px);
    padding:3%;
    margin-right:0;
    clear:both;
  }
  .pbox .pbox_title, .pbox .pbox_details{
    height:auto;
  }
  .pbox .pbox_button a{
    padding:10px 10px;
  }
}

/*******************************************/
/* 商品ページ                              */
/*******************************************/
#itempage{
  margin:30px 0;
}
#itempage .productinfo{
  width: 100%;
  margin:30px 0;
}
#itempage .itemimg{
  width: 40%;
  float: left;
  text-align: center;
}
#itempage .itemimg img{
  width:auto;
  max-width:100%;
  height:auto;
  box-shadow: 1px 1px 5px 2px #ddd;
}
#itempage .exp{
  width: 55%;
  float: right;
}
#itempage .loopimg{
  display:none;
}
#itempage .loopexp{
  margin: 0!important;
  border-bottom: 0!important;
}
#itempage .field{
  height: auto;
  width: auto;
  padding:5px 0;
  padding
  border-bottom: 1px solid #CCCCCC;
}
#itempage .product_catch{
  margin-bottom:10px;
}
#itempage .skuform{
  margin-top:8px;
}
#itempage input.skuquantity{
  float:left;
  width: 50px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border:1px solid #ccc;
}
#itempage input.skubutton{
  float:right;
  margin-left:10px;
  width:220px;
  height:38px;
  background:linear-gradient(#f01120,#e60a14 70%,#d0050d 100%);
  border:1px solid #e60a14;
  color:#fff;
  letter-spacing:2px;
  font-weight:bold;
  text-align:center;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#itempage input.skubutton:hover{
  background:linear-gradient(#d0050d,#e60a14 30%,#f01120 100%);
  border:1px solid #e60a14;
  color:#fff;
  cursor: pointer;
}
.field_price{
font-size: 1.2em;
font-weight: bold;
color: #ED5B14;
float: right;
padding-left: 170px;
}
#itempage .components_box{
  margin:5px auto 30px auto;
  width:520px;
  text-align:center;
}
#itempage .components_title{
  margin-bottom:6px;
  text-align:center;
  font-weight:bold;
  color:#365d7a;
}
#itempage .components{
  width:220px;
  padding:6px 10px;
  margin:3px 10px;
  text-align:center;
  background-color:#e2e6e8;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -ms-border-radius: 2px;
  float:left;
}
.maijun_soap_pic_l{
  width:250px;
  height:230px;
  float:left;
  overflow:hidden;
}
.maijun_soap_pic_r{
  margin: 10px 0 10px 15px;
}
.button_status{
height: 13px;
background-image: url(https://heimat-ltd.com/wp-content/uploads/buyno.jpg);
width: 173px;
margin: 0px;
border: none;
cursor: pointer;
overflow: hidden;
display: block;
color: rgb(255, 126, 0);
padding: 10px;
display: none;
}
#itempage .item_name{
  margin-top:0;
  padding-top:0;
  font-size:1.4em;
  color: #43b577;
  font-weight: bold;
}
#itempage .attnship{
  width: 360px;
  margin:5px auto 0 auto;
  text-align:right;
}
#itempage .information{
  background:#fcf9f2;
  border:1px solid #ddcebc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding:20px;
  font-family :"Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
  line-height:1.5em;
  color:#222;
}
#itempage .information_title{
  margin-bottom:17px;
  padding-bottom:5px
  text-align:center;
  border-bottom:1px solid #ddcebc;
}
#itempage .product_catch_left{
  width:278px;
  margin-right:20px;
  float:left;
}
#itempage .product_catch_img{
  width:360px;
  height:200px;
  float:left;
}
#itempage .product_catch_phrase{
  font-size:1.3em;
  font-weight:bold;
  color:#f99569;
}
#itempage .pdetail_img_small{
  width:140px;
  height:110px;
  border:1px solid #ccc;
  margin-right:20px;
  float:left;
}
#itempage .recommended{
  background:#f5deb3;
  width:95%;
  height:auto;
  padding:0 5px 15px;
  margin:10px 10px 10px 5px;
  border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}
#itempage .recommended .title{
  padding:15px 10px 5px 20px;
  font-weight:bold;
}
#itempage .recommended ul, #itempage .recommended ul li {
  margin:0;
  padding:0;
}
#itempage .recommended ul li {
  margin-left:50px;
  list-style:url(images/check.png);
}
#itempage .recommended li:before{
  content: none;
}
#itempage .more{
  text-align:right
}
#itempage .campaign_box_heignt120{
/*  height:120px;*/
  padding:10px 15px;
  background-color:#ffe0e0;
  border:1px solid #ffc2c2;
  overflow:hidden;
}
#itempage .use_box{
  border:1px solid #ddcebc;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  padding:10px 15px 2px 15px;
  margin:80px auto 20px auto;
}
#itempage .use_box_in{
  margin-bottom:8px;
}
#itempage .use_box_title{
  font-weight:bold;
  color:#72583a;
}
.shipping_info{
  width:80%;
  margin:20px auto 0 auto;
  border:2px dashed #aaaaee;
}

@media screen and (max-width:480px){
  #itempage .itemimg{
    clear:both;
    width:100%;
    display:inline-block;
    text-align:center;
    margin-bottom:10px;
  }
  #itempage .itemimg img{
    text-align:center;
  }
  #itempage .exp{
    width: 100%;
    clear:both;
  }
  #itempage .exp .item_name{
    margin:10px 0;
    text-align:center;
  }
  #itempage .productinfo{
    width: 100%;
    margin:30px 0;
    border-bottom: 1px solid #ccc;
  }
  #itempage .productinfo p{
    clear:both;
  }
  #itempage .productinfo img{
    clear:both;
    margin:5px 0;
    width:100%;
    display:table-cell;
    text-align:center;
  }
  #itempage .field {
    padding-bottom:10px;
  }
  #itempage input.skubutton{
    width:160px;
  }
  #itempage .attnship{
    width: 100%;
  }
  #itempage .pdetail_img_small{
    clear:both;
    width:auto;
    height:auto;
    margin:0 0 20px 0;
  }
  #itempage .components_box{
    margin:5px auto 30px auto;
    width:100%;
  }
}


/* 関連商品表示 */
.wp_rp_wrap{
  margin-top:40px;
  padding-top:10px;
  border-top:2px solid #ddd;
}
.related_post li{
  list-style:none;
  float:left;
  width:215px;
  content:none;
}
.related_post li:before{
  display:none;
  content:none;
}
.related_post li img{
  margin-right:10px;
  width:210px;
  height:100px;
  box-shadow: 1px 1px 2px 2px #eee;
  -moz-box-shadow: 1px 1px 2px 2px #eee;
  -webkit-box-shadow: 1px 1px 2px 2px #eee;
}
.wp_rp_thumbnail{
  clear:both;
}
.wp_rp_title{
  clear:both;
  width:205px;
  text-align:center;
  display:block;
}
.wp_rp_footer{
  clear:both;
}

/****************************************************************/
/* 商品ページのモンドセレクション                               */
/****************************************************************/
#itempage .monde-bg{
  margin-bottom:30px;
  background:#edeff1;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding:15px;
}
#itempage .monde-title{
  font-size:1.2em;
  font-weight:bold;
  color:#dd1919;
  text-align:center;
}
.monde-details-bg{
  margin-left:auto;
  margin-right:auto;
  padding:15px;
  background-color:#fcf9ed;
  width:445px;
  color:#4D4D4D;
  border-radius:7px;
  box-shadow: 2px 4px 3px rgba(0,0,0,0.2);
}
.monde-details-title{
  margin-bottom:5px;
  border-bottom:2px dotted #e6b422;
}
.topic{
  clear:all;
  margin-top:40px;
  padding:0;
  color:#EE8060;
  font-size:1.3em;
  font-weight:bold;
  text-align:center;
}
.mond_photo{
  float:left;
  margin:0 15px 15px 15px;
}

@media screen and (max-width:480px){
  .monde-details-bg{
    width:90%;
    padding:5%;
    background-color:#fcf9ed;
    color:#4D4D4D;
    border-radius:7px;
    box-shadow: 2px 4px 3px rgba(0,0,0,0.2);
  }
}

/*******************************************/
/* 原料一覧ページ                          */
/*******************************************/
#contents_material .container_box{
  margin: 10px 0 20px 0;
  padding:15px 20px;
  border:1px solid #ddd;
  background-color:#fff;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#contents_material .box_in_left{
  width:30%;
  margin-right:4%;
  float:left
}
#contents_material .box_in_left img{
  width:100%;
  height:auto;
}
#contents_material .box_in_right{
  width:61%;
  float:left;
}
#contents_material .packing{
  text-align:right;
  font-weight:bold;
}
#contents_material .cate_contact{
  margin:auto auto;
  width:80%;
  border:1px solid #ffba50;
  text-align:center;
  background:linear-gradient(#ffdc39,#ffba50 70%,#fab34e 100%);
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#contents_material .cate_contact a{
  padding:10px 5%;
  display:block;
  color:#fff;
  font-size:1.2em;
  font-weight:bold;
}
#contents_material .cate_contact a:hover{
  background:linear-gradient(#fab34e,#ffba50 30%,#ffdc39 100%);
  color:#fff;
  cursor: pointer;
  text-decoration:none;
}
@media screen and (max-width:750px){
  #contents_material .box_in_left{
    clear:both;
    width:100%;
    text-align:center;
    margin-bottom:5px;
  }
  #contents_material .box_in_right{
    clear:both;
    width:100%;
  }
}

/*******************************************/
/* 素材一覧ページ                          */
/*******************************************/
#contents_resources .main_3col{/*1列に3つ表示（素材一覧）*/
  width:190px;
  float:left;
  height:auto;
  min-height:195px;
  margin:0 23px 30px 0;
  padding:5px;
  background:#EDFAF0;
  box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);
}
#contents_resources .main_pic{
  width:170px;
  height:125px;
  margin:10px;
  float:left;
  background:#ffffff;
}
#contents_resources .main_name{
  text-align:center;
  line-height:1.4em;
  margin:5px 0 0;
}
@media screen and (max-width:480px){
  #contents_resources .main_3col{
    clear:both;
    width:96%;
    height:auto;
    min-height:0;
    padding:2% 2% 10px 2%;
    background:#FFF;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    border-bottom:1px dotted #BBB;
  }
  #contents_resources .main_pic, #contents_resources .main_name{
    clear:both;
    width:100%;
    min-height:0;
    margin:0;
    text-align:center;
  }
}

/*******************************************/
/* 研究一覧ージ                            */
/*******************************************/
#contents_research .main_col{
  width:610px;
  float:left;
  min-height:230px;
  height:auto;
  margin:10px 26px 20px 0;
  padding:20px;
  background:#EDFAF0;
  box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.2);
}
#contents_research .main_pic{
  width:170px;
  height:125px;
  margin:10px 25px 15px 10px;
  float:left;
  background:#ffffff;
}
#contents_research .main_title{
  margin:10px 10px 10px 10px;
  line-height:1.4em;
  background:#fff;
  display:block;
  color:#006600;
  padding:8px 10px 5px;
  border-left:4px solid #006600;
}
#contents_research .main_title a{
  color:#006600;
}
#contents_research.research_list{
  float:left;
  width:370px;
}
#contents_research .research_list ul{
  margin:5px 0 10px;
  list-style-type: none;
}
#contents_research .research_list ul li{/*研究一覧 margin-leftとfont-sizeが英語版にない!!*/
  line-height:1.3;
  padding:3px 0;
  margin-left:20px;
}
@media screen and (max-width:480px){
  #contents_research .main_col{
    width:96%;
    padding:2%;
    clear:both;
  }
  #contents_research .main_pic{
    text-align:center;
    clear:both;
  }
  #contents_research .research_list{
    clear:both;
  }
  #contents_research .research_list ul li{
    font-size:110%;
    padding:5px 0;
  }
}

/*******************************************/
/* 研究・成分ページ                        */
/*******************************************/
#contents_research ol{
  list-style-type : decimal;
  margin-top:10px;
  margin-left:20px;
}
#contents_research .fig_box{
  margin-top:20px;
  text-align:center;
}
#contents_research .fig_title{
}
#contents_research .more_articles{
  margin:0 0 40px 0;
  border-top:1px solid #ccc;
}
#contents_research .more_articles_title{
  margin:7px 0 3px 3px;
  font-weight:bold;
}
#contents_research .contact_button{
  margin:40px 0 0 0;
}
#contents_research .material_contact_box{
  width:630px;
  margin-bottom:40px;
  padding:10px 15px;
  border: 1px solid #ddd;
  text-align:center;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
#contents_research .material_contact_box p{
  font-size:1.2em;
}
#contents_research .material_contact_left{
  width:299px;
  float:left;
}
#contents_research .material_contact_right{
  width:299px;
  float:right;
}
#contents_research .material_contact_title{
  padding:6px;
  background-color:#a3d3bb;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
@media screen and (max-width:480px){
  #contents_research .material_contact_box{
    width:90%;
    padding:10px 5%;
  }
  #contents_research .material_contact_left, #contents_research .material_contact_right{
    clear:both;
    width:100%;
  }
}

/* CBPページ */
.age_cal_box_left{
  width:120px;
  padding:15px 10px;
  float:left;
  border:1px solid #ddd;
}
.age_cal_box_right{
  width:400px;
  padding:15px 10px;
  float:left;
  border-top:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.arrow_bottom{
  font-weight:bold;
}
.cbp_recommend_title{
  color:#0071be;
  font-weight:bold;
}
@media screen and (max-width:480px){
  .age_cal_box_left{
    width:90%;
    padding:10px 5%;
    border:1px solid #ddd;
  }
  .age_cal_box_right{
    width:90%;
    padding:10px 5%;
    border-top:0;
    border-left:1px solid #ddd;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
  }
}

/*******************************************/
/* イベント・研究発表                      */
/*******************************************/


/*******************************************/
/* その他のカテゴリーページ                */
/*******************************************/
.article_box{
  margin-bottom:15px;
  border:1px solid #ddd;
  border-radius: 5px;
  background:linear-gradient(#fff,#eee);
}
.article_box a{
  display:block;
  padding:20px 15px 25px 30px;
}
.article_box a:hover{
  text-decoration:none;
  background:linear-gradient(#fff,#e5e5e5);
}

/*******************************************/
/* カートページ                            */
/*******************************************/
/*  共通  */
#contents_cart .ucart{
  margin:10px 0 30px 0;
}
#contents_cart .ucart li{
  width: 220px;
  float: left;
  padding:10px 0;
  border-top: 1px solid #2F9567;
  border-bottom: 1px solid #2F9567;
  border-left: 1px solid #2F9567;
  background-color:#fff;
  color:#2b623c;
  font-weight:normal;
  text-align: center;
  display: table-cell;
  border-collapse: collapse;
}
#contents_cart .ucart li:last-child{
  border-right: 1px solid #2F9567;
}
#contents_cart .cart, #contents_cart .customer, 
#contents_cart .delivery, #contents_cart .confirm{
  padding:10px 0;
  background-color: #2F9567!important;
  color:#fff!important;
  font-weight:bold!important;
}
#contents_cart .header_explanation{
  margin-bottom: 20px;
}
#contents_cart .tax{
  font-size: 0.8em;
  font-weight: normal;
  text-decoration: none;
  font-style: normal;
  letter-spacing: 0em;
}
#contents_cart .to_customerinfo_button, 
#contents_cart .to_deliveryinfo_button, 
#contents_cart .to_confirm_button, 
#contents_cart .checkout_button{
  width:200px;
  padding:10px 5px;
  background:linear-gradient(#ffa57f,#ff8b2c 40%,#e76800 90%,#e76800 100%);
  border:1px solid #ff8b2c;
  color:#fff;
  font-size:1.2em;
  letter-spacing:2px;
  font-weight:bold;
  text-align:center;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#contents_cart .to_customerinfo_button:hover, 
#contents_cart .to_deliveryinfo_button:hover, 
#contents_cart .to_confirm_button:hover, 
#contents_cart .purchase_button:hover{
  background:linear-gradient(#ff765f,#ff4a2c 40%,#e72100 90%,#e72100 100%);
  color:#fff;
  cursor: pointer;
}
#contents_cart .continue_shopping_button, 
#contents_cart .back_cart_button, 
#contents_cart .back_to_customer_button, 
#contents_cart .back_to_delivery_button{
  width:200px;
  padding:12px 5px;
  background:linear-gradient(#eee,#eee 40%,#ccc 90%,#ccc 100%);
  border:1px solid #ccc;
  color:#555;
  font-size:1.2em;
  letter-spacing:2px;
  font-weight:normal;
  text-align:center;
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
#contents_cart .continue_shopping_button:hover, 
#contents_cart .back_cart_button:hover, 
#contents_cart .back_to_customer_button:hover, 
#contents_cart .back_to_delivery_button:hover{
  background:linear-gradient(#f4efea,#f4efea 40%,#ddcebd 90%,#ddcebd 100%);
  color:#555;
  border:1px solid #ddcebd;
  cursor: pointer;
}
#contents_cart .delivery_free_information{
  width:60%;
  margin:20px auto 40px auto;
  padding: 15px;
  background:#fcf5c7;
  color:#72583a;
  font-weight:bold;
  text-align:center;
  border:1px solid #d2bea5;
}
@media screen and (max-width:480px){
  #contents_cart .ucart li{
    clear:both;
    width: 90%;
    padding:10px 0 10px 10%;
    border: 1px solid #2F9567;
    background-color:#fff;
    color:#2b623c;
    font-weight:normal;
    text-align: left;
    display: table-cell;
    border-collapse: collapse;
  }
  #contents_cart .continue_shopping_button, 
  #contents_cart .back_cart_button, 
  #contents_cart .back_to_customer_button, 
  #contents_cart .back_to_delivery_button, 
  #contents_cart .to_customerinfo_button, 
  #contents_cart .to_deliveryinfo_button, 
  #contents_cart .to_confirm_button, 
  #contents_cart .checkout_button{
    width:100%;
    margin-bottom:5px;
  }
}

/*  カートの中画面、確認画面共通  */
#cart_table{
  width:100%;
  margin:10px auto;
}
#cart_table thead th, #cart_table tfoot th{
  padding:8px 5px;
  background-color:#e5f3d7;
  color:#444;
  border: 1px solid #ddd;
  text-align: center;
}
#cart_table #cart_table tr{
  border: 1px solid #ddd;
}
#cart_table #cart_table tbody td{
  border: 1px solid #ddd;
  color:#444;
}
#cart_table td.aright, #cart th.aright{
  text-align: right;
}
#cart_table td.aleft{
  text-align: left;
}
#cart .num{
  white-space: nowrap;
  width: 3%;
  text-align: center;
}
#cart .thumbnail{
  white-space: nowrap;
  width: 5%;
  text-align: center;
}
#cart .price{
  white-space: nowrap;
  width: 10%;
  text-align: right;
}
#cart .quantity{
  white-space: nowrap;
  width: 40px;
  text-align: center;
}
#cart .subtotal{
  white-space: nowrap;
  width: 10%;
  text-align: right;
}
#cart .action{
  white-space: nowrap;
  width: 10%;
  text-align: center;
}

/*--お客様情報入力画面、発送方法選択画面--*/
#customer-info th,#delivery-info th{
width: 25%;
  padding: 5px 10px;
  line-height: 150%;
  font-weight: bold;
  color: #4c4d25;
  text-align: left;
  border: 1px solid #A9A9A9;
}
#customer-info td{
  width: 30%;
  padding: 5px 10px;
  line-height: 150%;
  color: #4c4c4c;
  border: 1px solid #A9A9A9;
}
#delivery-info .customer_form em, #customer-info .customer_form em{
  font-style: normal;
  color: #ff0000;
}
#customer-info input,#customer-info select{
  margin: 0 3px;
}
#customer-info .customer_form input{
  width: 50%;
  margin-right: 3px;
}
#delivery-info table.customer_form{
  margin-bottom: 10px;
  border-collapse: collapse;
  width: 100%;
}
#delivery-info #time textarea, #delivery-info .notes{
  height: 100px;
  width: 94%;
}
#delivery-info td{
  padding: 5px 10px;
  line-height: 150%;
  color: #4c4c4c;
  border: 1px solid #A9A9A9;
}
#delivery-info input, #delivery-info select{
  margin: 0 3px;
}

/*  注文確認画面のみ  */
#confirm_table{
  width: 100%;
  margin-top: 30px;
  border-collapse: collapse;
}
#confirm_table td{
  line-height: normal;
  color: #333333;
  padding-top: 5px 10px;
}
#confirm_table .ttl{
  padding-top:10px;
  background: #fff;
  border-left:none;
  border-right:none;
}

/*******************************************/
/* お支払い・送料について                  */
/*******************************************/
.delivery td{
  padding: 5px;
  border: 1px solid #CCC;
}
.delivery_bg{
  background-color: #effbf2;
}

/*******************************************/
/* 問い合わせページ                        */
/*******************************************/
.wpcf7{
  margin-top:20px!important
}
.wpcf7 table{
  border:none;
  margin-bottom:20px;
}
.wpcf7 tr{
}
.wpcf7 th{
  width:180px;
  padding-left:20px;
  background-color:#eee7de;
  color:#72583a;
  font-weight:bold;
  text-align:left;
  border:none;
  border-bottom:1px solid #fff;;
}
.wpcf7 td{
  padding:15px 10px 15px 20px;
  border:none;
}
.wpcf7 .example{
  color:#888;
}
.wpcf7 .wpcf7-text{
  width: 313px;
}
.wpcf7 .wpcf7-textarea{
  width: 373px;
  overflow:hidden;
}
.wpcf7 .wpcf7-bottom{
  width:670px;
  display:table-cell;
  text-align:center;
}
.wpcf7 .wpcf7-captchar-box{
  width: 300px;
  padding:10px;
  border:1px solid #72583a;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  display:inline-block;
}
.wpcf7 .wpcf7-captchar-title{
  color:#72583a;
  font-weight:bold;
}
.wpcf7 .wpcf7-captchar-box img{
  padding:15px;
  border:1px solid #ccc;
}
.wpcf7 .wpcf7-captchar{
  width: 100px;
}
.wpcf7 .wpcf7-submit{
  margin:40px 0 0 0;
  width: 380px;
  padding:10px 0;
  background:linear-gradient(#ffa57f,#ff8b2c 40%,#e76800 90%,#e76800 100%);
  border:1px solid #ff8b2c;
  font-weight:bold;
  letter-spacing:8px;
}
.wpcf7 .wpcf7-submit:hover{
  background:linear-gradient(#ff765f,#ff4a2c 40%,#e72100 90%,#e72100 100%);
  color:#fff;
  cursor: pointer;
}
@media screen and (max-width:480px){
  .wpcf7 table{
    width:100%;
  }
  .wpcf7 th{
    width:25%;
    padding:2%;
  }
  .wpcf7 td{
    width:67%;
    padding:2%;
  }
  .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-textarea{
    width: 90%;
  }
  .wpcf7 .wpcf7-submit{
    margin:20px 0 0 0;
    width: 100%;
  }
}

/*******************************************/
/* サイドバー                              */
/*******************************************/
/*商品検索*/
#side .side_box_category{
  margin:0 0 20px 0;
  border-radius: 1px;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
}
#side .side_box_products_title{
  padding:5px 10px;
  background-color:#eee7de;
  color:#72583a;
  font-weight:bold;
}
#side .side_box_products li{
  margin-top:1px;
  background-color:#f9f2e4;
  position: relative; 
}
#side .side_box_products li::before, 
#side .side_box_products li::after{
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  margin: auto; 
  content: ""; 
  vertical-align: middle; 
}
#side .side_box_products li::before{
  left: 220px; 
  width: 4px; 
  height: 4px; 
  border-top: 2px solid #72583a; 
  border-right: 2px solid #72583a; 
  -webkit-transform: rotate(45deg); 
  transform: rotate(45deg); 
}
#side .side_box_products li a{
  padding:5px 10px;
  display:block;
}
#side .side_box_products li a:hover{
  padding:5px 10px;
  background-color:#f3e5c8;
  color:#7d613f;
  text-decoration:none;
}
/*ご利用ガイドbox（一部「お問い合わせ」で共通）*/
#side .side_box{
  margin:0 0 15px 0;
  background-color:#fff;
  border:1px solid #b3bab9;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
}
#side .title{
  padding:10px 5% 0 5%;
  color:#335719;
  font-weight:bold;
}
#side .tag_list{
  list-style-type: none;
  width:90%;
  margin:0 auto;
  padding:5%;
}
#side .tag_list li{
  background:#EFF4EA;
  border:1px solid #D6E5CC;
  margin-bottom:5px;
  word-wrap: break-word;
}
#side .tag_list li a{
  width:90%;
  height:100%;
  padding:7px 5%;
  display:block;
  text-decoration:none;
  color:#555;
}
#side .tag_list li a:hover{
  background:#84d1b5; /*#E5EDDF;*/
}
#side .cate_list{
  list-style-type: none;
  width:90%;
  margin:0 auto;
  padding:5%;
}
#side .cate_list li{
  margin-bottom:5px;
  word-wrap: break-word;
}
#side .cate_list li a{
  width:86%;
  padding:5px 2% 5px 12%;
  display:block;
  text-decoration:none;
  color:#555;
  position: relative;
}
#side .cate_list li a::before, #side .cate_list li a::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
#side .cate_list li a::before{
  left: 5px;
  top: 2px;
  width: 5px;
  height: 5px;
  border-top: 2.5px solid #335719;
  border-right: 2.5px solid #335719;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#side .cate_list li a:hover{
  background:#84d1b5; /*#E5EDDF;*/
}
#side .underline{
  margin:5px 0;
  border-bottom:1px dashed #ddcebc;
}
#side .side_box_title{
  position: relative;
  padding:4px 10px 4px 15px;
  background:linear-gradient(170deg,#f3e5c8 10%, #f3e5c8 12%,#f9f2e4 50%,#f9f2e4 51%,#f3e5c8 100%);
  border-bottom:1px dotted #ddcebc;
  color:#72583a;
  font-weight:bold;
  border-radius:4px 4px 0 0;
}
#side .side_box_contents{
  padding:13px;
}
#side .ul_guide{
  margin:0;
  padding:0;
}
#side .ul_guide li{
  padding: 0 0 0 16px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-decoration: none;
} 
#side .ul_guide li::before,
#side .ul_guide li::after{
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  vertical-align: middle;
}
#side .ul_guide li::before{
  left: 4px; 
  box-sizing: border-box; 
  width: 4px; 
  height: 4px; 
  border: 4px solid transparent; 
  border-left: 4px solid #72583a; 
}
#side .ul_guide li a{
  text-decoration:underline;
}
/*お問い合わせボックス*/
#side .side_box_contents_contact{
  padding:13px;
  text-align:center;
}
#side .phone{
  margin:5px 0 0 0;
  font-size:2em;
  font-weight:bold;
  color:#e72100;
  text-align:center;
}
#side .trading_hours{
  text-align:center;
}
#side .trading_off{
  font-size:0.9em;
}
#side .side_box_contents_contact hr{
  margin:10px 0;
  border-top: 1px dashed #bbb;
  border-bottom: 1px dashed #fff;
  font-size:0.9em;
}
#side .contact_button{
  margin:15px 0 0 0;
}



#side .language li {
  display:inline;
  list-style:none;
  width:230px;
  height:auto;
}
#side .language li a{
  padding:5px;
  display:block;
  background:#FFFFFF;
  border:solid 1px #cccccc;
  margin-bottom:1px;
  color:#FF9933;
  font-weight:bold;
  text-align:center;
}
#side .language li a:hover {
  background:#FFFFCC;
  text-decoration:none;
  color:#FF9933;/*#FFCC33;*/
}
#side .side_plist{
  margin:0;
  padding:0;
}
#side .side_plist li{
background:#FBFEF1;
font-size:0.88em;
width:97%;
font-weight:normal;
color:#4d4d4d;
display:block;
padding:2px 3px;
list-style:none;
}
#side .side_plist li a{
  list-style:none;
  height:auto;
  padding:5px;
  display:block;
  margin-bottom:1px;
  background:#EDFAF0;
  color:#2b623c;
  font-weight:bold;
}
#side .side_plist li a:hover{
  background: #69BD83;
  color:#FFFFFF;
  text-decoration:none;
  display:block;
}



/*******************************************/
/* フッター                                */
/*******************************************/
footer{
  width: 100%;
  margin:0;
  padding:0;
}
#footer{
  width: 100%;
  margin:0;
  padding:15px 0;
  background:linear-gradient(#f9f2e4 50%, #f9f2e4 70%,#f3e5c8 100%);
  border-top:2px solid #e8ded3;
  border-bottom:1px dotted #ddcebc;
}
#footer .footer_in{
  width: 96%;
  max-width:970px;
  margin:auto auto;
  padding:0 2%;
  color:#7d613f;
}
#footer .footer_box{
  width: 66%;
  margin:0 4% 0 0;
  float:left;
}
#footer .footer_box_in{
  width:48%;
  margin:0 4% 0 0;
  float:left;
}
#footer .footer_box_in_end{
  width:48%;
  margin:0;
  float:left;
}
#footer .footer_box_end{
  width:30%;
  margin:0;
  float:left;
}
#footer .footer_box_title{
  margin-bottom:5px;
  padding:0 0 3px 10px;
  color:#72583a;
  font-weight:bold;
  line-height:1em;
  border-bottom:1px dotted #72583a;
  position: relative;
}
#footer .footer_box_title:before{
  content: "";
  position: absolute;
  background: #72583a;
  top: 50%;
  left:0;
  margin-top :-8px;
  height: 12px;
  width: 5px;
  border-radius:3px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
}
#footer .footer_box_list{
  position: relative; 
  padding: 0 0 0 16px; 
  vertical-align: middle; 
  text-decoration: none; 
}
#footer .footer_box_list::before, 
#footer .footer_box_list::after{
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  margin: auto; 
  content: ""; 
  vertical-align: middle; 
}
#footer .footer_box_list::before{
  left: 4px; 
  box-sizing: border-box; 
  width: 4px; 
  height: 4px; 
  border: 4px solid transparent; 
  border-left: 4px solid #72583a; 
}
#copyright{
  width: 100%;
  margin:0;
  padding:5px 0;
  background:linear-gradient(#2F9567,#1f6143 95%,#1f6143 100%);
}
#copyright .address{
  width:100%;
  margin:auto auto;
  color:#fff;
  text-align:center;
}

@media screen and (max-width:750px){
  #footer .footer_in{
    width: 96%;
    max-width:980px;
    margin:0 auto;
    padding:0 2%;
    color:#7d613f;
  }
  #footer .footer_box{
    width: 100%;
    margin-bottom:20px;
    padding:0 auto;
  }
  #footer .footer_box_end{
    width: 100%;
    padding:0;
    margin:0;
  }
  #copyright .address{
    width:100%;
    margin:auto auto;
    text-align:center;
  }
}




/*--各商品ページ-----------------------------------------------------*/
p.pct{
/* border: 1px solid lightgrey; */
color: black;
/* text-align: center; */
padding: 2px;
font-weight:bold;
}



/*--Linkページ-----------------------------------------------------*/
.link_info{
  width:430px;
  height:auto;
  margin:0 0 0 25px;
  float:left;
}

.link_pic {
width:250px;
height:150px;
float:left;
margin-top: 13px;
}

.link_name {
font-weight:bold;
float:left;
width:100%;
margin-bottom: 0;
}


/*--共通-----------------------------------------------------*/
.nomal_text {/*通常の文字の色と太さ*/
color:#333333;
font-weight:normal;
}
.small_text {/*小さい文字*/
font-size:10px;
}
.gray_text {/*グレーの文字*/
color:#666666;
font-weight:normal;
}
.yellow_text {/*黄色の文字*/
color:#FF9900;
font-weight:bold;
font-size:1.2em;
float: none!important;
clear: both;
}
.form table, .form td, .form th{
border:none;
}



/*--その他追加------------------------------------------------------------*/
.google_map {
width:350px;
height:380px;
float:left;
}
.company_photo {
width:250px;
height:350px;
float:left;
}
.not-found h2{
font-size:1.2em;
}



/*--ご利用ガイド(Welcart)-----------------------------------------------------*/

h2.shopping{
border-left: 5px solid green;
padding-left: 8px;
padding-top: 4px;
margin-top: 20px;
background: rgb(223, 255, 223);
line-height: 1.2em;
}





/*--サイドバー-----------------------------------------------------*/
.search-2 .side-t, .text-5 .side-t, .welcart_calendar-2 .side-t{
color: black;
border-left: 2px solid #66CC00;
padding: 4px 0 2px 5px;
margin-bottom: 5px;
width: 225px;
line-height: 1;
}

.side-w {
margin-bottom: 25px;
}
ul.ucart_calendar_body{
margin: 0px;
}
.usces_calendar{
width: 230px;
margin:10px 0;
}
.usces_calendar tr td,.usces_calendar thead tr th{
text-align: center;
}
.text-9 div a img{
border: 1px solid rgb(236, 236, 236);
}
.side-w form input:first-child{
width: 172px;
}

/*サイトマップ*/
div.sitemap h2{
width: 843px;
height: auto;
font-size: 1.3em;
background: lightgrey;
padding: 2px 10px 0;
margin: 0;
margin-top: 15px;
}

div.sitemap h2 a{
color: white!important;
}

div.sitemap ul li{
margin-left: 35px;
list-style: square;
}

h2 span.right{
font-size: 15px;
color:rgb(115, 115, 115);
margin-top: 4px;
font-weight: normal;
}

/*特商法ページ*/
.ownerinfo_tbl_head{
background: #D9F0BD;
width:20%;
text-align:center;
}

/*だしページ*/
.border-dashi{
  border: 2px solid lightblue;
  padding: 0 20px 20px 20px;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  background-color: beige;
  margin-top: 20px;
}

div.washoku-back img.right_text{
float: right;
}

div.washoku-back h3.yellow_text{
clear:none;
  font-size: 1.4em;
  margin-top: 30px;
}

div.border-dashi p.tright{
  text-align: right;
}



/*-----------------------------------------------*/
/*不要？*/
.contact_btn {
width:168px;
height:auto;
padding:5px;
display:block;
background:#FFFFFF;
border:solid 1px #cccccc;
margin-bottom:1px;
color:#FF9933;
font-weight:bold;
text-align:center;
}
.lgrey{
margin-left:5px;
color:grey;
}