/* ************************************************
	*  all
	* ************************************************ */
	* {
	  margin: 0px;
	  padding: 0px;
	}

	html {
	  overflow-y: scroll;
	  height: 100%;
	}

	body {
	  text-align:left;
	  font-size: 12px;
	  font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	  color: #333;
	  background-color: #FFFFFF;
	  background-image: url();
	}

	a {
	  outline: none;
	  color: #333;
	}
	a:visited,:link {
	  text-decoration: none;
	}
	a:hover {
	  text-decoration: underline;
	  color: #ccc;
	}

	br.clear {
	  clear: both;
	  font: 0pt/0pt sans-serif;
	  line-height: 0;
	}

	hr {
	  clear: left;
	  margin: 10px 0;
	  border: 0;
	}

	img {
	  border: none;
	  vertical-align: middle;
	}

	/* ************************************************
	*  clearfix
	* ************************************************ */

	.clearfix {
	  *zoom: 1;
	}
	.clearfix:before, .clearfix:after {
	  display: table;
	  content: "";
	}
	.clearfix:after {
	  clear: both;
	}

	/* ************************************************
	*  layout
	* ************************************************ */

	/*ページ全体の幅、レイアウトをセンタリング*/
	#container {
	  margin:0px auto;
	  width:1000px;
	  text-align:left;
	}

	#top_line{
	  margin: 0 0 15px;
	  width: 100%;
	  height: 3px;
	  background: transparent url("https://img.shop-pro.jp/tmpl_img/67/border_bottom.png") repeat-x left top;
	}
	
/* 2017/07/28 add ヘッダーを幅いっぱいにする為のボックス*/
#headerbg {
	background-color: #eae6c6;
	width:100%;
	min-width:1000px;
}

/*ヘッダー*/
	#header {
	  clear:both;
	  padding: 20px 0;
	  /* 2017/07/28 add ヘッダー幅調節*/
	  /*width: 960px;*/
	margin-right: auto;
	margin-left: auto;
	  /* 2017/07/28 add Endヘッダー幅調節*/
	 /* width:100%;*/
	}

	/*サイド*/
	#side {
	  float: left;
	  width: 200px;
	}

	/*メイン*/
	#main {
	background-color: #ffffff;	 /* 2017/07/28 add 背景を白*/
	  float: right;
	  width: 760px;
	}

	/*フッター（コピーライト）*/
	#footer {
	  clear:both;
	  padding: 30px 0 20px;
	  width:100%;
	  border-top: 1px solid #ccc;
	  color: #666;
	  text-align: center;
	}

	/*スライダー*/
	.slider{
	  margin:0px auto;
	  width:1000px;	 /* 2017/07/28 add*/
	}

	/* ************************************************
	*  header
	* ************************************************ */

	#header .header_link {
	  float: right;
	  margin-bottom: 15px;
	}
	#header .header_link ul {
	}
	#header .header_link ul li {
	  float: left;
	  margin-left: 20px;
	  list-style-type: none;
	  line-height: 16px;
	}
	#header .header_link ul li i {
	  display: block;
	  float: left;
	  margin-right: 5px;
	  width: 16px;
	  height: 16px;
	}
	#header .header_link ul li a {
	  text-decoration: none;
	}
	#header .header_link ul li.my_account {
	}
	#header .header_link ul li.my_account i.account {
	  background: url(https://img.shop-pro.jp/tmpl_img/67/icons16.png) no-repeat left -97px;
	}
	#header .header_link ul li.member_login_btn i.login {
	  background: url(https://img.shop-pro.jp/tmpl_img/67/icons16.png) no-repeat left -225px;
	}
	#header .header_link ul li.member_regist_btn i.regist {
	  background: url(https://img.shop-pro.jp/tmpl_img/67/icons16.png) no-repeat 0px -193px;
	}
	#header .header_link ul li.member_logout_btn i.logout {
	  background: url(https://img.shop-pro.jp/tmpl_img/67/icons16.png) no-repeat left -210px;
	}
	#header .member_login_name{
	  float: right;
	  clear: right;
	  margin: 0 0 13px;
	}
	#header .header_link ul li.view_cart {
	}
	#header .header_link ul li.view_cart i.cart {
	  background: url(https://img.shop-pro.jp/tmpl_img/67/icons16.png) no-repeat 0px 0px;
	}
	#header .header_link ul li.view_cart span.count {
	  margin-left: 5px;
	  padding: 5px 10px;
	  -webkit-border-radius: 3px;
	  -moz-border-radius: 3px;
	  border-radius: 3px;
	  background: #ff3355;
	  color: #fff;
	  font-weight: bolder;
	}

	#header .header_delivery_price {
	  float: right;
	  clear: right;
	  margin: 0 0 17px;
	  padding: .5em 1em .3em;
	  border: solid 1px #aaa;
	  list-style: none;
	  line-height: 1.5;
	}

	#header .search {
	  float: right;
	  clear: right;
	  margin-bottom: 20px;
	}

	#header h1.logo {
	  max-width: 50%;
	  word-wrap: break-word;
	  font-size: 40px;
	}
	#header h1.logo a {
	  text-decoration: none;
	}
	#header h1.logo img {
	  max-width: 100%;
	}

	/* ************************************************
	*  footer
	* ************************************************ */

	#footer a {
	  color: #666;
	}

	#footer .footer_menu {
	  clear: both;
	  margin-bottom: 10px;
	}
	#footer .footer_menu li {
	  display: inline;
	  margin: 0 5px;
	}

	.copyright {
	  clear: both;
	  padding: 1em 0;
	  text-align: center;
	  font-size: 76.923%;
	  color: #FFF;	/*2017/07/13 add 文字色*/
	  /*background: #238c00;*/	/*2017/07/13 add  背景色*/
	background: rgb(95 204 185);
	}

	.powered {
	  display: inline;
	  margin-left: 1em;
	  text-align: center;
	  line-height: 18px;
	}
	.powered a {
	  color: #777;
	  text-decoration: none;
	}
	.powered img {
	  margin-left: .3em;
	  width: 200px;
	  height: 18px;
	}

	.foot_policy{
	  margin: 0 0 30px;
	  padding: 0 0 20px;
	  border-bottom: 1px solid #ccc;
	}

	.foot_sk_box{
	  float: left;
	  padding: 0 25px;
	  width: 200px;
	  text-align: left;
	}
	.foot_sk_box h3{
	  margin: 0 0 1em;
	}
	.foot_sk_box h4{
	  font-size: 13px;
	}
	.foot_sk_box dt{
	  margin: 0 0 .5em;
	}
	.foot_sk_box dd{
	  margin: 0 0 1.5em;
	}

	#mobile{
	  width: 145px;
	}

	/* ************************************************
	*  main
	* ************************************************ */

	#main .box {
	  clear: both;
	  overflow: hidden;
	  margin-bottom: 60px;
	  border-top: solid 1px #999;
	}
	#main .box h3 {
	  font-size: 13px;
	  vertical-align: middle;
	}

	.header_block{
	  clear: both;
	  padding: 1.1em 0;
	  background: transparent url("https://img.shop-pro.jp/tmpl_img/67/border_bottom.png") repeat-x left bottom;
	}
	.header_block .icon{
	  float: left;
	  margin: 0 14px 0 0;
	  width: 20px;
	  height: auto;
	  text-align: center;
	}
	.header_block .icon img{
	  max-width: 100%;
	}
	.header_block .title{
	  float: left;
	  text-align: left;
	}
	.header_block h3{
	  padding: 0;
	  border: none;
	  text-align: left;
	}
	.header_block p{
	  margin-top: 4px;
	  color: #999;
	}
	#main .header_block{
	  margin: 0 0 30px;
	}
	#main .header_block .icon{
	  padding: 0;
	}

	/* ************************************************
	*  item_box
	* ************************************************ */

	.item_box {
	  display:inline-block;
	  float: left;
	  margin: 0 41px 45px 0;
	  width: 205px;
	  vertical-align:top;
	  text-align: left;
	  /display:inline;
	  /zoom:1;
	}
	.item_box .item_image {
	  margin: 0px;
	}
	.item_box .item_image img.item {
	  max-width: 100%;
	  border: solid 1px #ddd;
	}
	.item_box .item_detail {
	  margin: 15px 0 0;
	  padding-left: 10px;
	  border-left: solid 1px #ddd;
	}
	.item_box .item_detail p{
	  overflow: hidden;
	  width: 100%;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  -o-text-overflow: ellipsis;
	}

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

	.item_box .item_detail p.item_description{
	  text-overflow: initial;
	  overflow: visible;
	  white-space: normal;
	}

	p.item_regular_price, p.item_price, p.item_discount {
	  margin-bottom: 10px;
	  font-family:'Lucida Grande',
	  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
	  Meiryo, メイリオ, sans-serif;
	  /*2017/09/05 add yakuya*/
	  color:#C90000;
	  font-weight:bold;
	  font-size:110%;
	}

	.box_last{
	  margin-right: 0;
	}

	.box_small .item_box {
	  display:inline-block;
	  margin: 0 33px 45px 0;
	  width: 113px;
	  vertical-align:top;
	  text-align: left;
	  /display:inline;
	  /zoom:1;
	}
	.box_small p {
	  overflow: hidden;
	  width: 100%;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  -o-text-overflow: ellipsis;
	}
	.box_small .item_box .item_detail a {
	  margin-bottom: 5px;
	  font-size: 13px;
	}

	.box_small .box_last {
	  margin-right: 0;
	}

	.stock_error{
	  display:none;
	  padding:10px 0;
	  color:#DA5858;
	  font-weight:bold;
	}

	/* ************************************************
	*  Top_Page
	* ************************************************ */

	#main #box_info p {
	  /*line-height: 20px;*/
	  line-height:1.4;
	}

	#main #box_free {
	  padding: 20px;
	  border: #aaa solid 1px;
	}
	#main #box_free p {
	  line-height: 20px;
	}

	#main #box_news .header_block{
	  margin-bottom: 0;
	}
	#main #box_news ul{
	  margin-left: 0;
	  list-style: none;
	}
	#main #box_news ul li{
	  border-top:#ddd solid 1px;
	}
	#main #box_news ul li:first-child{
	  border-top:none;
	}
	#main #box_news  ul li div{
	  padding: 1.6em 0 1.4em;
	}
	#main #box_news  p.news_date{
	  float: left;
	  margin-right: 20px;
	  width: 70px;
	}
	#main #box_news  p.news_message{
	  float: left;
	}

	/* ************************************************
	*  product_detail_page
	* ************************************************ */

	h2.product_name {
	  margin-bottom: 0.8em;
	  padding-bottom: 0.6em;
	  background: transparent url("https://img.shop-pro.jp/tmpl_img/67/border_bottom.png") repeat-x left bottom;
	  font-size: 18px;
	}

	.product_form{
	  margin: 0 0 62px;
	}

	.product_detail_area {
	  position: relative;
	  width: 100%;
	  overflow:hidden;
	}

	.product_images {
	  display: inline-block;
	  float: left;
	  width: 400px;
	}
	.product_images div img {
	  max-width: 100%;
	  max-height: 100%;
	  width: auto;
	  height:auto;
	  border: 1px solid #ddd;
	}
	.product_images div p.detail {
	  margin-top: 10px;
	  line-height: 20px;
	}

	.add_cart {
	  clear: right;
	  float: right;
	  overflow: hidden;
	  width: 320px;
	}

	table.add_cart_table {
	  margin-bottom: 10px;
	  width: 100%;
	  /*border-left: solid 1px #ccc;*/
	  table-layout:fixed;
	  font-family:'Lucida Grande',
	  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
	  Meiryo, メイリオ, sans-serif;
	}
	table.add_cart_table th {
	  display: inline-block;
	  overflow: hidden;
	  padding: 12px 4px 12px 18px;
	  width: 35%;
	  text-align: left;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  font-size: 12px;
	  -webkit-text-overflow: ellipsis;
	  -o-text-overflow: ellipsis;
	}
	table.add_cart_table td {
	  display: inline-block;
	  overflow: hidden;
	  padding: 10px 0;
	  width: 55%;
	  text-align: left;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  -webkit-text-overflow: ellipsis;
	  -o-text-overflow: ellipsis;
	}
	table.add_cart_table td input {
	  padding: 0 4px;
	  width: 38px;
	  height: 26px;
	  font-size: 15px;
	  line-height: 26px;
	  vertical-align: middle;
	}
	table.add_cart_table td strong.price {
	  font-size: 14px;
	}
	table.add_cart_table td input.text-titles-list__detail-text {
	  width: 130px;
	}

	table#option_tbl {
	  margin-bottom: 20px;
	  width: 100%;
	}
	table#option_tbl th,
	table#option_tbl td.none {
	  background: whiteSmoke;
	}
	table#option_tbl th,
	table#option_tbl td {
	  padding: 10px;
	  border: 1px solid #ccc;
	  text-align: center;
	}
	table#option_tbl th {
	  background: whiteSmoke;
	}
	table#option_tbl td div input {
	  margin-bottom: 5px;
	}

	ul.option_price {
	  margin: 0 0 20px 0;
	}
	ul.option_price li {
	  list-style-type: none;
	}

	.option_box{
	  clear: both;
	  width: 100%;
	  overflow: hidden;
	}

	table td.pur_block{
	  margin: 0 5px 0 0;
	  width: auto;
	  white-space: normal;
	}

	.button_area input {
	  width: 100%;
	}

	.product_description {
	  clear: both;
	  margin-bottom: 20px;
	  word-wrap: break-word;
	  font-size: 12px;
	  line-height: 22px;
	}

	.product_image_extra {
	  margin-bottom: 20px;
	  text-align: center;
	}
	.product_image_extra img.item {

	  margin-bottom: 20px;
	}

	.product_link_area {
	  margin: 20px 0 0;
	  padding: 20px 0 0;
	  border-top: #ccc solid 1px;
	}
	.product_link_area div.twitter {
	  float: left;
	  width: 100px;
	}
	.product_link_area div.pinterest {
	  float: left;
	  margin-right: 30px;
	}
	.product_link_area div.fb-like {
	  float: left;
	  width: 200px;
	}
	.product_link_area ul.other_link {
	  clear: both;
	  margin-top: 20px;
	  margin-left: 20px;
	}
	.product_link_area ul.other_link li {
	  margin-bottom: 10px;
	}

	.share{
	  margin: 15px 0 0;
	  list-style: none;
	}
	.share li{
	  display: inline-block;
	  float: left;
	  margin: 0 10px 10px 0;
	  max-width: 125px;
	}
	.calamel-link{
	  margin-top: 10px;
	}

	#tb_cap_tb{
	  margin-top: 20px;
	}

	.tb {
	  padding-top: 10px;
	  padding-bottom: 10px;
	  border-top: 1px solid #CCC;
	}
	#tb_stitle {
	  margin-bottom: 20px;
	}

	.tb_date, .tb_title, .tb_body, .tb_state {
	  margin-bottom: 5px;
	}

	/* ************************************************
	*  cloud_zoom
	* ************************************************ */
	/* This is the moving lens square underneath the mouse pointer. */
	.cloud-zoom-lens {
	  margin:-4px;  /* Set this to minus the border thickness. */
	  border: 4px solid #888;
	  background-color:#fff;
	  cursor:move;
	}

	/* This is for the title text. */
	.cloud-zoom-title {
	  position:absolute !important;
	  top:0px;
	  padding:3px;
	  width:100%;
	  background-color:#000;
	  color:#fff;
	  text-align:center;
	  font-weight:bold;
	  font-size:10px;
	  font-family:Arial, Helvetica, sans-serif;
	}

	/* This is the zoom window. */
	.cloud-zoom-big {
	  overflow:hidden;
	  border: 4px solid #c86464;
	}

	/* This is the loading message. */
	.cloud-zoom-loading {
	  padding:3px;
	  border:1px solid #000;
	  background:#222;
	  color:white;
	}

	/* Feature section in ZoomEngine page */
	.zoom-section {
	  clear:both;
	}

	* html .zoom-section {
	  display:inline;
	  clear:both;
	}

	.zoom-small-image {
	  float: left;
	  margin-top: 4px;
	  width: 400px;
	}
	.zoom-small-image #wrap {
	  position: relative;
	  top: 0px;
	  z-index: 9999;
	}

	.cloud-zoom {
	  margin-bottom: 20px;
	}

	.zoom-small-image .mousetrap {
	  position: absolute;
	  top:0px;
	  left:0px;
	  z-index:999;
	  width: 100%;
	}

	/* Feature descriptions in ZoomEngine page */
	.zoom-desc {
	  clear: left;
	  width: 100%;
	}

	a.cloud-zoom-gallery {
	  display: block;
	  float: left;
	  margin: 0 22px 20px 0;
	  width: 82px;
	  height: 82px;
	  cursor: pointer;
	}
	.zoom-tiny-image {
	  padding: 3px;
	  width: 100%;
	  height: auto;
	  border: 1px solid #ccc;
	  background: #efefef;
	}
	.zoom-tiny-image.selected {
	  border: 1px solid #c86464;
	  background: #c86464;
	}
	.zoom-tiny-image:hover {
	  border: 1px solid #c86464;
	}

	a.gallery_last{
	  margin-right: 0;
	}

	/* ************************************************
	*  product_option_window
	* ************************************************ */

	#product_option {
	  margin: 20px;
	  padding: 20px;
	  background: #fff;
	}
	#product_option h2 {
	  margin-bottom: 20px;
	}

	table.table_option {
	  margin-bottom: 20px;
	  border-top: 1px solid #ccc;
	  border-right: 1px solid #ccc;
	  background: #fff;
	}
	table.table_option th {
	  padding: 10px;
	  border-bottom: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  background: #f5f5f5;
	}
	table.table_option td {
	  padding: 10px;
	  border-bottom: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	}

	/* ************************************************
	*  product_list_page
	* ************************************************ */

	.sub_category_area,
	.sub_group_area {
	  margin-bottom: 20px;
	  padding: 10px 10px 0px 10px;
	  height: 100%;
	  border: solid 1px #ccc;
	}

	.sub_category_area div.sub_category,
	.sub_group_area div.sub_group {
	  float: left;
	  margin: 0 20px 10px 0;
	}

	.sub_category_area div.sub_category img,
	.sub_group_area div.sub_group img {
	  margin-right: 10px;
	  border: solid 1px #ccc;
	}

	/* ************************************************
	*  search_page
	* ************************************************ */

	.search_result {
	  margin: 20px 0;
	  padding: 10px 0;
	  background: #ddd;
	  text-align: center;
	}

	.none {
	  margin: 50px 0;
	  text-align: center;
	}

	/* ************************************************
	*  policy
	* ************************************************ */

	#policy {
	  line-height: 1.8;
	  font-size: 14px;
	}
	#policy h2 {
	  margin-bottom: 30px;
	}

	.policy_box,
	#policy_lead{
	  margin-bottom: 30px;
	}

	.sk_box {
	  margin-bottom: 70px;
	}
	.sk_box h3 {
	  margin-bottom: 1em;
	  font-size: 16px;
	}
	.sk_box table {
	  width: 100%;
	  border-top: 1px solid #ccc;
	  border-collapse: separate;
	  empty-cells:show;
	}

	.sk_box th {
	  padding: 20px 40px 20px 0;
	  width: 170px;
	  text-align: left;
	}
	.sk_box th img.poricy_img {
	  margin-bottom: 5px;
	}
	.sk_box td {
	  padding: 20px 0;
	  zoom: 1;
	  content: ' ';
	}
	.sk_box th,
	.sk_box td {
	  vertical-align: top;
	  line-height: 1.8;
	  position: relative;
	  border-bottom: solid 1px #ccc;
	}

	#payment_method {
	  margin-top: 40px;
	}
	#payment_method table.table {
	  width: 100%;
	}
	#payment_method table.table th {
	  width: 200px;
	  text-align: center;
	}

	#shipping_method {
	  margin-top: 40px;
	}
	#shipping_method table.table {
	  width: 100%;
	}
	#shipping_method table.table th {
	  width: 200px;
	  text-align: center;
	}

	/* ************************************************
	*  side
	* ************************************************ */

	#side .box {
	  clear: both;
	  /*margin-bottom: 60px;*/	/*2017/09/06 下余白を変更*/
	  margin-bottom: 20px;
	  border-top: solid 1px #999;
	  border-bottom: solid 1px #999;
	  word-wrap: break-word;
	  position: relative;
	}
	#side .box h3 {
	  text-align: left;
	  font-weight: normal;
	  font-size: 16px;
	}
	#side .box ul {
	  margin-left: 0px;
	  list-style: none;
	}
	#side .box ul li {
	  border-top:#838383 dotted 1px;
	}
	#side .box ul li:first-child {
	  border-top:none;
	}
	/*サイドメニューの背景色を設定  2017/09/06 add */
	#side #box_category{
	background-color: #eae6c6;	
	}
	#side #box_group{
	background-color: #eae6c6;	
	}
	/*2017/07/13  del サイドナビを上部にもってくる***********************************
	#side #side_nav {
	  padding: 0;
	  border-top: none;
	  border-right: solid 2px #ccc;
	  border-bottom: none;
	}
	#side #side_nav ul{
	  margin-right: 10px;
	}
	#side #side_nav ul li {

	  margin: 0;
	}
	#side #side_nav .nav_item{
	  clear: both;
	  padding: .9em 0 .9em;
	  cursor: pointer;
	}
	#side #side_nav .nav_item .nav_icon{
	  float: left;
	  padding: inherit;
	  width: 20px;
	  height: auto;
	}
	#side #side_nav .nav_item .nav_icon img{
	  max-width: 100%;
	}
	#side #side_nav .nav_item .nav_title{
	  float: right;
	  text-align: right;
	}
	#side #side_nav .nav_item h3{
	  margin-bottom: 4px;
	  padding: 0;
	  border: none;
	  text-align: right;
	}
	#side #side_nav .nav_item p{
	  color: #999;
	}
	2017/07/13  del End****************************************/
	/*2017/07/13  Add****************************************/
	/*メニュー１個ごとの設定*/
	#yakuya_navarea {
		margin-bottom:40px;
	}
	
	#yakuya_navbg {
		background-color: #6a573c;
		background-image: url("https://img21.shop-pro.jp/PA01392/688/etc/menu_back2.jpg?cmsp_timestamp=20170802120737");	
		width:100%;
		min-width:1000px;
	}
	#yakuya_nav {
		 width:1000px;
		 /*margin-right: auto;
		margin-left: auto;*/
		margin: 0 auto;
	}
	#yakuya_nav ul { 
	list-style:none; 
	 text-align: center;
	
	display: flex;
	flex-wrap: wrap;
	} 
	#yakuya_nav ul li {
		/*float: left;*/
		display: -moz-inline-box;
		display: inline-block;
		/*width: 140px;*/	/*メニュー幅*/
		/*border-right: 1px solid #dcdcdc;*/	/*メニューの右側の線の幅、線種、色*/
		text-align: center;	/*文字を中央に揃える*/
		font-weight: bold;	/*文字を太字にする設定*/	
		/*font-size: 117%;*/	/*文字サイズ*/
		/*padding: 5px 5px;*/
		/*margin-bottom: 10px;*/	/*メニューの下にあけるスペース*/

		font-size: 15px;
	}

	
	
	
	
	
	
	
	#yakuya_nav ul li a {
		color: #ffffff;		/*文字色*/	
		text-decoration: none;
		display: block;
		/*-webkit-transition: 0.5s;*/	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
		/*transition: 0.5s;*/			/*同上*/
		padding: 10px 0;
		width: 165px;
		border-right: 1px solid #fff;
	}
	#yakuya_nav ul li:first-child a {
		width: 168px;	/*左側に線を入れる*/
	}
	
	/*最初のメニューの設定*/
	#yakuya_nav ul li:first-child {
		border-left: 1px solid #dcdcdc;	/*左側に線を入れる*/
	}
	/*マウスオン時の設定*/
	#yakuya_nav ul li a:hover {
		background-color: #a2cd71;	/*背景色*/
		background-color:#5fccb9;
		color: #FFF;	/*文字色*/
	}
	/*2017/07/13  AddEnd****************************************/

	.box_default ul li div{
	  position: relative;
	  padding: 1.2em 0 1em;
	  text-align: left;
	  background: #fff;
	}
	.box_default ul li div img{
	  border: solid #ddd 1px;
	}
	.box_default ul li div p{
	  line-height : 1.6;
	}

	#side #box_cart {
	}
	#side #box_cart .cart_button {
	  text-align: right;
	}

	#side #box_owner .inner{
	  padding: 1.2em 0 1em;
	}
	#side #box_owner .owner_photo{
	  margin: 0 0 10px;
	  width: 100px;
	  max-width: 100%;
	  height: auto;
	  border: solid #ddd 1px;
	}
	#side #box_owner p.name {
	  font-size: 14px;
	}
	#side #box_owner p.memo {
	  font-size: 11px;
	  line-height: 18px;
	}
	#side #box_owner p.website {
	  padding-left: 20px;
	}

	#qr_code{
	  padding: 20px 0;
	}

	#box_sellers .seller_box{
	  padding: 2.2em 0;
	}
	#box_sellers li{
	  position: relative;
	  display: block;
	}
	#box_sellers  .top_seller:before{
	  position: absolute;
	  top: 18px;
	  left: -6px;
	  content: url(https://img.shop-pro.jp/tmpl_img/67/rank1.png);
	}
	#box_sellers  .rank_2:before{
	  content: url(https://img.shop-pro.jp/tmpl_img/67/rank2.png);
	}
	#box_sellers  .rank_3:before{
	  content: url(https://img.shop-pro.jp/tmpl_img/67/rank3.png);
	}
	#box_sellers .seller_image{
	  float: left;
	  margin: 0 10px 0 0;
	  width: 80px;
	  border: solid #ddd 1px;
	}
	#box_sellers .seller_detail{
	  float: right;
	  width: 104px;
	}
	#box_sellers .seller_rank{
	  margin: 0 0 10px;
	  font-size: 12px;
	}
	#box_sellers .seller_rank > strong{
	  font-size: 15px;
	}
	#box_sellers .seller_name{
	  font-size: 13px;
	}
	#box_sellers .seller_teika{
	  float: left;
	  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	}
	#box_sellers .more_seller{
	  display: none;
	}

	.more_btn{
	  padding: 8px 0;
	  border-top: solid 1px #999;
	  text-align: center;
	  cursor: pointer;
	}

	.updown{
	  display: inline-block;
	  margin: 0 3px 0 0;
	  width: 13px;
	  height: 8px;
	  background: url(https://img.shop-pro.jp/tmpl_img/67/down_icon.png);
	  background-repeat: no-repeat;
	}

	.more_up{
	  background: url(https://img.shop-pro.jp/tmpl_img/67/up_icon.png);
	}

	/* ************************************************
	*  Common Elements
	* ************************************************ */
	/* @group Common Elements */

	table {
	  border-spacing: 0;
	  border-collapse: collapse;
	}
	table.table {
	  margin-bottom: 20px;
	  border-top: 1px solid #ccc;
	  border-right: 1px solid #ccc;
	}
	table.table th {
	  padding: 5px;
	  border-bottom: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	  background: #f5f5f5;
	}
	table.table td {
	  padding: 5px;
	  border-bottom: 1px solid #ccc;
	  border-left: 1px solid #ccc;
	}

	.footstamp {
	  margin-bottom: 15px;
	  padding-bottom: 10px;
	  border-bottom: 1px solid #ddd;
	}
	.footstamp span {
	  margin: 0 5px;
	  color: #999;
	}

	.sort {
	  float: right;
	  margin-bottom: 20px;
	  text-align: right;
	}
	.sort strong {
	  margin-right: 5px;
	}
	.sort a {
	  margin-right: 5px;
	  text-decoration: underline;
	}
	.sort span {
	  margin-right: 5px;
	  background: #eee;
	  text-decoration: none;
	  font-weight: bolder;
	}

	.pager {
	  clear: both;
	  margin: 20px 0;
	  text-align: center;
	}
	.pager a{
	  margin: 15px;
	}

	.none {
	  clear: both;
	  margin: 50px 0;
	  text-align: center;
	}

	.sold_out {
	  color: #DA5858;
	  font-family:'Lucida Grande',
	  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
	  Meiryo, メイリオ, sans-serif;
	}

	.to_top{
	  float: right;
	  clear: both;
	  text-align: center;
	  margin: 0 0 20px;
	  padding: 1.3em 1em;
	  border: solid 1px #aaa;
	  font-size: 14px;
	  color: #888;
	}
	.to_top:hover {
	  text-decoration: none;
	  color: #ccc;
	  border-color: #ccc;
	}

	.tbl_calendar {
	  margin: 20px 0;
	  width: 100%;
	  border: none !important;
	  border-spacing: 0 !important;
	  border-collapse: collapse !important;
	}
	.tbl_calendar th, .tbl_calendar td {
	  padding: 4px !important;
	  border-bottom: 1px solid #ccc !important;
	  text-align: center !important;
	}

	/* @group button */
	.btn {
	  display: block;
	  margin-top: 1em;
	  border: none;
	  border-radius: 0;
	  color: #fff;
	  text-align: center;
	  font-weight: bold;
	  font-size: 15px;
	  font-family:'Lucida Grande',
	  'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
	  Meiryo, メイリオ, sans-serif;
	  line-height: 1;
	  cursor: pointer;
	  -webkit-appearance:none;
	}
	.btn:link,
	.btn:visited,
	.btn:hover,
	.btn:active{
	  color: #fff;
	  text-decoration: none;
	}
	.btn-primary {
	  margin: 1.2em 0 .9em;
	  padding: 1.4em 0;
	  background-color: #c86464;
	}
	.btn-contact {
	  margin: 0.5em 0.3em;
	  padding: 1.3em 0;
	  background-color: #a0a0a0;
	  font-weight: normal;
	  font-size: 13px;
	}
	.btn-quick {
	  margin: 0.9em 0;
	  padding: 1.3em 0;
	  background-color: #64b4c8;
	  font-size: 13px;
	}

	/* ************************************************
	*  屋久島ふれあい食品　カスタマイズ用CSS
	* ************************************************ */
	/*共通設定*/
	/*リンクの装飾*/
	.yakuya_a_link a{
		color:#552200;
		font-weight:bold;
		text-decoration:underline;
	}
	
	/********ページヘッダー用の設定************/
	/* header */
	.promo__seciton {
	  background-color: #86c036;
	  width: 100%;
	  min-height: 10px;
	}
	.promo {
	  /*background: #238c00;*/
	background: #5fccb9;
	}

	.promo__text {
	  color: #fff;
	  /*font-size: 10px;*/
	  text-align: center;
	  /*padding: 0px 0;*/
	  letter-spacing: 1px;
	  font-weight: bold;
	  /*background: #86c036;*/
	  background:#5fccb9;
	  padding: 5px 0;
	  font-size: 12px;
	width: 1000px;
    margin: 0 auto;
	}
	/********！ページヘッダー用の設定************/
	
	/********トップページ用の設定************/
	/*トップページのバナー*/
	.yakuya_top_bunner ul {
	 list-style-type: none;
	display: -webkit-flex;
    display: flex;
	}
	.yakuya_top_bunner li{
	display:block;
	 margin: 5px;
	 width: 100%;
    height: auto;
	}
	
	/*トップページのfacebookエリア*/
	#yakuya_facebook_aria{
		margin-bottom:10px;
		}
	/*トップページの見出し　新着情報とおすすめ商品*/
	.yakuya_top_midasi{
		margin-bottom:20px;
		background: #eae6c6;
	}
	/*トップページのお知らせエリア*/
	.yakuya_scroll{
		height: 250px;
		overflow: scroll;
		margin-bottom:10px;
	}
	/*トップページ　おすすめ商品の商品名*/
	p.yakuya_top_item_name {
	  margin-bottom: 5px;
	  font-size: 15px;
	  color: #553C2B;
	font-weight: bold;
	}
	p.yakuya_top_item_name a{
	  text-decoration:underline;
	  }
	  
	 .yakuya_top_item_detail {
	  margin: 15px 0 0;
	  padding-left: 10px;
	  border-left: solid 1px #ddd;
	}
	.item_box .yakuya_top_item_detail p{
	  width: 100%;
	  text-overflow: initial;	
	  overflow: visible;			/*商品名を省略しないですべて表示する*/
	  white-space: normal;
	}	  
	/********！トップページ用の設定************/
	
	/********商品一覧用の設定************/
	/*商品一覧　商品名*/
	p.yakuya_list_item_name {
	  margin-bottom: 5px;
	  font-size: 15px;
	  color: #553C2B;
	font-weight: bold;
	}
	p.yakuya_list_item_name a{
	  text-decoration:underline;
	  }
	/********！商品一覧用の設定************/
	
	/********左サイドカテゴリボックス用の設定************/
	/*facebookページリンク表示*/
	.yakuya_facebook{
		margin:10px 0px;
	}
	/*HPリンク表示*/
	.yakuya_hp_img{
		width:200px;
		height:auto;		
		margin:10px 0px;
	}
	.yakuya_header_block{
		background-image: url("https://img21.shop-pro.jp/PA01392/688/etc/menu_back2.jpg?cmsp_timestamp=20170802120737");	
		  text-align: center;
	  }
	
		.yakuya_category_title{
		font-size: 130%;
		/*padding: 0px 5px;	/*左から、上下、左右への余白*/		
		 color: #FFFFFF;
		 font-weight:bold;
	}
	.yakuya_category_text{
		font-size: 120%;
		padding: 0px 5px;	/*左から、上下、左右への余白*/	
	}
	
	.yakuya_icon {		
	  float: left;
	  margin: 0 7px 0 7px;
	  width: 25px;
	  height: auto;
	  text-align: center;
	}
	
	.yakuya_icon img{
	  max-width: 100%;
	}
	/********左サイドカテゴリボックス用の設定************/
	
	/********スマホ用ページを表示する文字の設定************/
	.yakuya_sumahoview {
	  clear: both;
	  padding: 1em 0;
	  text-align: center;
	  background: #e6e7bc;	
	}
	.yakuya_sumahoview_a{
	  font-size: 100%;
	  color: #FFFFFF;
	  }
	/********！スマホ用ページを表示する文字の設定************/
	
	/********フリーページ用の設定************/

	/*mainコンテンツのh2タグ設定*/
	#yakuya_freemain h2 {
		background-image: url(https://img21.shop-pro.jp/PA01392/688/etc/title10_01.jpg?cmsp_timestamp=20170705150739);
		box-shadow: 1px 2px 7px #999;			/*同上*/
		background-position: right center;
		font-size: 125%;
		color: #666666;	/*文字色*/
		padding: 10px 10px;	/*左から、上下、左右への余白*/
		clear: both;
	}

	/*mainコンテンツのh3タグ設定*/
	#yakuya_freemain h3 {
		background-image: url(https://img21.shop-pro.jp/PA01392/688/etc/title04_04.jpg?cmsp_timestamp=20170705152423);
		background-repeat: no-repeat;
		background-position: left top;
		padding: 3px 10px 3px 7px;	/*上、右、下、左への余白*/
		color:#666666;
		font-weight:bold;
		font-size: 117%;
		border-top: 1px solid #cfcfcf;		/*上の線の幅、線種、色*/
		border-right: 1px solid #cfcfcf;	/*右の線の幅、線種、色*/
		border-bottom: 1px solid #cfcfcf;	/*下の線の幅、線種、色*/
		border-left: 3px solid #a2cd71;		/*左の線の幅、線種、色*/
	}

	/*mainコンテンツのh4タグ設定*/
	#yakuya_freemain h4 {
		font-size: 100%;
		padding: 3px 10px 3px 7px;	/*上、右、下、左への余白*/
		color: #fa8072;		/*文字色*/
		border-bottom: 2px dotted #cfcfcf;	/*下の線の幅、線種、色*/
		border-left: 3px solid #a2cd71;		/*左の線の幅、線種、色*/
	}


	/*mainコンテンツの段落タグ設定*/
	#yakuya_freemain p {
		padding: 0.5em 10px 1em;	/*左から、上、左右、下への余白*/
	}
	
	/*リストの設定*/
#yakuya_list ul li {
	list-style-type : none;	
	padding-left: 10px;
	color: #653200;		/*文字色*/	
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/	
}
	
	/*注意書きの設定*/
	.yakuya_caution{
	color: red;
	font-weight:bold;/*太字*/
	}

	/*ボックス内の設定*/
	table.yakuya_lineup{
	border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width: 100%;/*テーブルの幅*/
	}

	table.yakuya_lineup td{
	padding: 10px;	/*ボックス内の余白*/
	border-bottom: 1px solid #CCC;	/*枠線の幅、線種、色*/
	width:50%; /*1列あたりのテーブルの幅*/
	}

	/*見出しにbox1やメニューが繋がった場合に枠線が重複しない為の設定*/
	#main h3 + table.yakuya_lineup {
		border-top: none;
	}
	/*ボックス内の段落タグ設定*/
	table.yakuya_lineup p{
		padding: 0px;
		margin-left: 110px;	/*左の写真とのバランスをとって設定*/
	}

	/*ボックス内の写真設定*/
	table.yakuya_lineup img {
		float: left;			/*画像を左へ回り込み*/
		background-color: #FFF;	/*画像の背景色。ここでは枠線と画像の間の色になります。*/
		padding: 5px;			/*余白。ここに上の行で設定した背景色が出ます。*/
		border: 1px solid #CCC;	/*枠線の幅、線種、色*/
	}

	/*商品名の設定*/
	.yakuya_itemname{
		/*padding: 2px 0px 2px 10px;	/*上、右、下、左側への余白*/
		font-size: 110%;
		font-weight: bold;	/*文字を太字にする設定*/
		/*margin-bottom: 0.5em;*/
		color: #fa8072;	/*文字色*/
	}

	/*おすすめ商品の概要説明*/
	#yakuya_product_agenda h4{
	margin-left: 330px;	/*左の写真とのバランスをとって設定*/
	}

	#yakuya_product_agenda p{
	margin-left: 330px;	/*左の写真とのバランスをとって設定*/
	}

	/*************************************/
	/* フリーページ　ご利用ガイド用の設定				*/
	/***********************************/

	#yakuya_goriyounavi ul { 
		list-style-type : circle;
		text-align: center;
	} 
	#yakuya_goriyounavi ul li {
		/*float: left;*/
		display: -moz-inline-box;
		display: inline-block;
		width: 140px;	/*メニュー幅*/
		text-align: center;	/*文字を中央に揃える*/
		font-weight: bold;	/*文字を太字にする設定*/	
		font-size: 100%;	/*文字サイズ*/
		padding: 5px 5px;
		margin-bottom: 10px;	/*メニューの下にあけるスペース*/
	}
	#yakuya_goriyounavi ul li a {
		color: #653200;		/*文字色*/	
		text-decoration: underline;
		display: block;
		-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
		transition: 0.5s;			/*同上*/
	}

	/*マウスオン時の設定*/
	#yakuya_goriyounavi ul li a:hover {
		background-color: #653200;	/*背景色*/
		color: #FFF;	/*文字色*/
	}

	/*中央揃えの設定*/
	p.yakuya_center{
	text-align: center;	/*文字を中央に揃える*/
	font-size: 110%;	/*文字サイズ*/
	font-weight:bold;/*太字*/
	}

	/*-------お買いもの方法-----------*/
	dl.yakuya_guidelist01 dt{
		color: #228b22;	/*文字色*/
		font-size: 110%;	/*文字サイズ*/
		font-weight:bold;
		padding:0.5em;
	}

	dl.yakuya_guidelist01 dd{
		padding-left:1em;
	}

	.yakuya_bold_brown{
	color: #653200;		/*文字色*/	
	font-weight:bold;
	font-size: 110%;	/*文字サイズ*/
	}
	
	img.yakuya_explain{
		border: 1px #dcdcdc solid;
	}


/* Hiro追加 */

.oshiraseDate {
    background: rgb(24 134 66);
    color: rgb(255, 255, 255);
    padding: 1px 5px;
    margin-bottom: 2px;
    display: inline-block;
}
.oshiraseTitle{
	font-size:18px;
	color:rgb(24 134 66);
	font-weight:bold;
	display:block;		
}
.oshiraseTxt {
    font-size: 16px;
    line-height: 1.5;
    margin: 0 0 15px 0;
    display: block;
    border-bottom: 1px dotted #333;
    padding-bottom: 10px;
}


.item_setsumei {
    background: #f0f0f0;
    padding: 5px 20px;
    margin: 20px 0;
}
#container {
	  width:1240px;　/* 72行の#containerを上書き  */
}
#main {
    width: 1000px;　/* 112行の#mainを上書き  */
}

#header {
	width: 1240px;
	background: url(https://img07.shop-pro.jp/PA01392/688/etc/top_txtyakusima.png?cmsp_timestamp=20210128155910) no-repeat left 250px top;
}
#yakuya_nav {
		 width:1240px;　/* 1028行の#yakuya_navを上書き  */
}
.product_images {
	  width: 475px;/* 500行の.product_imagesを上書き  */
	}
.zoom-small-image {
    width: 475px;/* 735行の.zoom-small-imageを上書き  */
}
.add_cart {
    width: 480px;	/* 517行の.add_cartを上書き  */
}
#yakuya_nav ul li a {
    width: 206px;	/* 1063行の#yakuya_nav ul li aを上書き  */
}
#yakuya_nav ul li:first-child a {
    width: 200px;	/* 1073行の#yakuya_nav ul li:first-child aを上書き  */
}
.item_box {
	  width: 219px;	/* 349行の.item_boxを上書き  */
}

.yakuya_scroll {	/* 1411行の.yakuya_scrollを上書き  */
    padding: 20px;
    background: rgb(247 246 246);
	overflow-x: hidden;
	height: 200px;
}
.foot_sk_box{
	  width: 360px;	/* 272行の.foot_sk_boxを上書き  */
}
.foot_sk_box h3 {
    background: #6e635d;	/* 278行の.foot_sk_box h3を上書き  */
    padding: 5px 10px;
    color: #fff;
}
.foot_sk_box h4 {
	font-size:15px;	/* 281行の.foot_sk_box h4を上書き  */
	border-left: 4px solid #296f53;
    padding-left: 10px;
}
.foot_policy {	/* 266行の.foot_policyを上書き  */
    margin: 0 0 10px;
    padding: 20px 0 20px 0;
    border-bottom: none;
    background: #f1ecdf;
}
.box_default ul li:hover div {
    background: #f5f5f5;
    color: #000;
}
#side .box ul li a:hover {
    text-decoration: none;
}
.promo {
    background: rgb(197 190 121);
}/* 1366行の.promoを上書き  */
.promo__text {
	  text-align: left;
	  background:rgb(197 190 121);
	width: 1240px;
	}/* 1371行の.promo__textを上書き  */
#header h1.logo {
    margin-bottom: 10px;
}/* 210行の#header h1.logoを上書き  */
.copyright {
	background: rgb(110 99 93);
}	/* 289行の.copyright を上書き  */
.yakuya_sumahoview {
    background: #ffda71;
}	/*1494行の.yakuya_sumahoview を上書き  */
#yakuya_navbg {
		background-color: #296F53;
		background-image: none;
		min-width:1240px;
}	/*1021行の#yakuya_navbg を上書き  */
.search .kensakuBox {
    padding: 5px 0;
}
.search .kensakuBtn {
    padding: 3px 5px;
}
.search select {
    padding: 5px;
    width: 150px!important;
}
#headerbg {
	min-width:1240px;
}	/*86行の#headerbg を上書き  */