/* ************************************************
 *  all
 * ************************************************ */

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

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

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

img.new_mark_img1 {
  margin-right: 5px !important;
}

img.new_mark_img2 {
  margin-left: 5px !important;
}

.sold_out {
color: #FF0000;
}



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

.item_box_wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}

.item_box {
  width: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 1px;
  padding: 10px;
}

/* メディアクエリ： 481px 〜 */
@media print, screen and (min-width: 481px) {
  .item_box {
    width: 33.33333333%;
  }
}
.item_box .item_photo {
  margin: 0px;
}
.item_box .item_photo a:hover {
  opacity: 0.8;
}

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

.item_box .item_detail {
  font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, serif;
  margin: 10px 0;
}
.item_box .item_detail p {
  font-size: 14px;
}
.item_box .item_detail p.item_name {
  margin-bottom: 6px;
  font-size: 15px;
}

.item_box .item_detail p.item_description {
  font-family: 'Noto Sans Japanese',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 12px;
  margin-bottom: 6px;
}
.item_box .item_detail p.item_price {
  margin-bottom: 10px;
  letter-spacing: 0.1em;
}


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

/* ************************************************
 *  Top_Page
 * ************************************************ */
#main #box_news {
}

#main #box_news p {
line-height: 20px;
}

#main #box_recommend {
}

#main #box_sellers {
}

#main #box_free {
background: #f5f5f5;
padding: 20px;
}

#main #box_free p {
line-height: 20px;
}

#box_recentlychecked{
margin: 20px 0 0 0;
}

div.footstamp {
margin-bottom: 10px;
padding-bottom: 20px;
border-bottom: 1px solid #eee;
}

div.footstamp span {
margin: 0 5px;
color: #999;
}

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

/* ************************************************
 *  product_detail_page
 * ************************************************ */
h2.product_name {
font-size: 20px;
margin-bottom: 15px;
}

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

.product_images {
  margin-bottom: 20px;
}
.product_images:after {
  content: "";
  display: block;
  clear: both;
}
@media print, screen and (min-width: 769px) {
  .product_images {
    width: 82%;
  }
}


/* 商品のメインイメージ画像
----------------------------------------------- */
.product_main_image {
  margin: 0 0 20px 0;
}


/* 商品のサムネイル（サブ）画像
----------------------------------------------- */
.product_thumbnail_wrap {
}
.product_thumbnail_list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 -2%;
}
.product_thumbnail_list li {
  width: 18%;
  margin: 0 0 10px 2%;
  cursor: pointer;
}
/*.product_thumbnail_list li span {
  cursor: pointer;
  display: block;
  border: 1px solid #ccc;
  padding: 3px;
}
.zoom-tiny-image.selected {
  outline: solid 1px #002673;
}
.zoom-tiny-image:hover {
  outline: solid 1px #002673;
}*/



/* =================================================================
    商品のテキスト情報
================================================================= */

.product_text_box {
  overflow: hidden;
}
.product_head {
  font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, serif;
  border-bottom: solid 1px #002673;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
.product_head .product_name {
  font-size: 18px;
  margin: 0 0 10px 0;
}
.product_price {
  font-size: 18px;
  letter-spacing: 0.1em;
}

/* =================================================================
    商品をカートに入れるボックス
================================================================= */

.product_add_wrap {
  border-bottom: solid 1px #002673;
  padding: 0 0 20px 0;
  margin: 0 0 20px 0;
}
.product_add_wrap::after {
  content: "";
  display: block;
  clear: both;
}


/* オプション
----------------------------------------------- */
.product_option_wrap {
  margin: 0 0 30px 0;
}
.option_item {
  display: inline-block;
  margin: 0 25px 0 0;
}
.option_item:last-child {
  margin: 0;
}
@media print, screen and (min-width: 481px) {
  .product_option_wrap {
    float: left;
    margin: 10px 0 0 0;
  }
}

/* 数量とカートボタン
----------------------------------------------- */
.product_cart {
}
.product_cart::after {
  content: "";
  display: block;
  clear: both;
}
.product_cart_number {
  overflow: hidden;
  margin: 0 0 30px 0;
}
.product_cart_number_entry {
  width: 4em;
  float: left;
  text-align: center;
  margin: 0 5px 6px 0;
}
.product_cart_number_entry input {
  width: 3em;
  text-align: center;
  padding: 5px;
}
.product_cart_number_change {
  overflow: hidden;
  float: left;
}
.product_cart_number_change li {
  text-align: center;
  margin: 0 0 6px 0;
  vertical-align: middle;
}
.product_cart_number_change li:last-child {
  margin: 0;
}
.product_cart_number_change li a {
  display: inline-block;
  width: 20px;
  border: solid 1px #999;
}
@media print, screen and (min-width: 481px) {
  .product_cart {
    float: right;
    margin: 10px 0 0 0;
  }
  .product_cart_number {
    float: left;
    margin: 0 20px 0 0;
  }
  .product_cart_btn {
    float: right;
  }
}



/* 商品の説明（左のブロック）
----------------------------------------------- */
.product_left_box {
  overflow: hidden;
}
@media print, screen and (min-width: 481px) {
  /*.product_left_box {
    width: 64%;
    float: left;
    margin: 0;
  }*/
}

/* =================================================================

    商品詳細　説明文のCSS

================================================================= */

div.product_description {
  font-family: "游明朝体", "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "メイリオ", Meiryo, serif;
  width: 100%;
  font-size: 14px;
  padding-bottom: 30px;
  border-bottom: 1px solid #002673;
  clear: both;
  line-height: 2;
}
.free_space {
  padding: 30px 0 0 0;
  border-top: solid 1px #002673;
}
.l_product_link {
  transition: 0.3s linear;
  margin: 0 0 30px 0;
}
.l_product_link:hover {
  cursor: pointer;
  opacity: 0.8;
}
.l_product_link_title {
  display: inline-block;
  text-decoration: underline;
  margin: 0 0 6px 0;
  /*border-bottom: solid 1px #002673;*/
}
.l_product_link .grid_2 {
  text-align: center;
  margin: 0 0 20px 0;
}
.l_product_link .grid_2 img {
  width: 50%;
}

@media print, screen and (min-width: 481px) {
  .l_product_link .grid_2 {
    margin: 0;
  }
  .l_product_link .grid_2 img {
    width: auto;
  }
  .l_product_link .grid_10 {
    padding: 0 0 0 4%;
  }
}







/* カートのブロック
----------------------------------------------- */

div.add_cart {
}
@media print, screen and (min-width: 481px) {
  div.add_cart {
    width: 30%;
    float: right;
  }
}
table.add_cart_table {
  width: 100%;
  margin-bottom: 10px;
}
table.add_cart_table th {
  border: 1px solid #ccc;
  padding: 15px;
  font-size: 12px;
  background: #F6F6F6;
  text-align: left;
}
table.add_cart_table td {
  border: 1px solid #ccc;
  padding: 15px;
  font-size: 14px;
  word-break: break-all;
}
table.add_cart_table td input {
width: 30px;
font-size: 14px;
}
table.add_cart_table td strong.price {
font-size: 14px;
}

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

ul.option_price {
  margin: 10px 0 0 0;
}
ul.option_price li {
list-style-type: none;
}
ul.option_price li {
  position: relative;
  font-size: 13px;
  padding: 0 0 0 1em;
}
ul.option_price li a:hover {
  color: #002673;
}
ul.option_price li::before,
ul.option_price li::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
ul.option_price li::before{
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #002673;
}


div.button_area {
}
div.button_area input {
width: 100%;
}


.social_btn {
  overflow: hidden;
  margin: 0 0 0 0;
}


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


div.product_link_area {
float: left;
margin-left: 0px;
}
div.product_link_area div.twitter {
float: left;
width: 100px;
}
div.product_link_area div.pinterest {
float: left;
margin-right: 30px;
}
div.product_link_area div.fb-like {
float: left;
width: 200px;
}

div.product_link_area ul.other_link {
  clear: both;
  margin-top: 10px;
}
div.product_link_area ul.other_link li {
  position: relative;
  margin: 0 0 6px 0;
  padding: 0 0 0 1em;
  font-size: 14px;
}
div.product_link_area ul.other_link li a:hover {
  color: #002673;
}
div.product_link_area ul.other_link li::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #002673;
}



#tb_cap_tb{
}
#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;
}

/* カートに入れるボタン */
.disable_cartin {
  text-align: center;
  margin: 0 0 6px 0;
}
.disable_cartin input {
  color: #FFF;
  -webkit-appearance: none;
  border-radius: 0;
  border: 0;
  padding: 15px 2em;
  cursor: pointer;
  transition: 0.3s linear;
  font-size: 16px;
  background: #002673;
  display: block;
}
.disable_cartin input:hover {
  opacity: 0.8;
}

#sk_link_other {
  position: relative;
  font-size: 13px;
  margin: 0 0 1em 0;
  padding: 0 0 0 1em;
}
#sk_link_other a:hover {
  color: #002673;
}
#sk_link_other::before,
#sk_link_other::after{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
#sk_link_other::before{
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #002673;
}





/* ************************************************
 *  product_option_window
 * ************************************************ */
div#product_option {
margin: 20px;
padding: 20px;
background: #fff;
}

div#product_option h2 {
margin-bottom: 20px;
}

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

div#product_option div.button_area {
}

/* ************************************************
 *  product_list_page
 * ************************************************ */
div.sub_category_area,
div.sub_group_area {
height: 100%;
background: #f5f5f5;
margin-bottom: 20px;
padding: 10px 10px 0px 10px;
}

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

div.sub_category_area div.sub_category img,
div.sub_group_area div.sub_group img {
margin-right: 10px;
}

/* ************************************************
 *  search_page
 * ************************************************ */
div.search_result {
background: #f5f5f5;
margin: 20px 0;
padding: 10px 0;
text-align: center;
}

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

/* ************************************************
 *  policy
 * ************************************************ */
div#policy {
}

div#policy h2 {
margin-bottom: 30px;
}

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

div.sk_box {
margin-bottom: 50px;
}
div.sk_box h3 {
font-size: 16px;
margin-bottom: 10px;
}
div#sk tr {
border-bottom: 1px solid #eee;
}
div#sk th {
width: 150px;
text-align: left;
padding: 10px 20px 10px 0;
}
div#sk th img.poricy_img {
margin-bottom: 5px;
}
div#sk td {
padding: 10px 0;
}
div#sk th,
div#sk td {
vertical-align: top;
line-height: 1.8;
}


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


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

/* ************************************************
 *  side
 * ************************************************ */
#side div.box {
clear: both;
margin-bottom: 20px;
}

#side div.box h3 {
margin-bottom: 10px;
padding: 5px;
background: #f5f5f5;
text-align: center;
}

#side div.box ul {
margin-left: 20px;
}

#side div.box ul li {
margin-bottom: 7px;
}

#side div#box_cart {
}

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

#side div#box_owner {
}

#side div#box_owner div.owner_photo {
padding-left: 20px;
}

#side div#box_owner img.owner_photo_inner {
width: 152px;
margin-bottom: 10px;
padding: 3px;
border: 1px solid #ccc;
}

#side div#box_owner p.name {
font-size: 20px;
margin-bottom: 10px;
padding-left: 20px;
}

#side div#box_owner p.memo {
font-size: 11px;
line-height: 18px;
margin-bottom: 10px;
padding-left: 20px;
}

#side div#box_owner p.website {
padding-left: 20px;
}

div#box_mailmaga a {
padding-left: 20px;
}

div#box_mobile img {
padding-left: 26px;
}

#group-list {
border-top:#838383 dotted 1px;
padding:10px 0px 0px;
margin:10px 20px 0px 0px;
}

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

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

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


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

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

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

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

/* radius */
.r3 {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}

.r5 {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.r7 {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	}
