$pc: 1450px; // pc
$tab_float: 1200px; // タブレット横
$tab: 810px; // タブレット
$sp: 640px; // スマホ
$efont2: "Bodoni Moda", serif;
$jfont: "Work Sans", "Zen Kaku Gothic New", sans-serif;

@mixin pc {
	@media (max-width: ($pc)) {
		@content;
	}
}

@mixin tab_float {
	@media (max-width: ($tab_float)) {
		@content;
	}
}

@mixin tab {
	@media (max-width: ($tab)) {
		@content;
	}
}

@mixin sp {
	@media (max-width: ($sp)) {
		@content;
	}
}

div.jin_title{
	padding-bottom: 8px;
	margin: 24px 0;
	h1{
		border-bottom: 1px solid #efefef;
		padding-bottom: 4px;
		font-family: $jfont;
		font-weight: 700;
		width: 100%;
		span{
			font-size: 12px;
			font-weight: 500;
			display: inline-block;
			margin-left: 8px;
		}
	}
}
div.product-icons{
display: flex;
}
div.product-icons span{
display: inline-flex;
font-size: 12px;
line-height: normal;
padding: 2px 8px 3px;
}

div.shopify-policy__container{
	max-width: 1200px !important;
	font-family: $jfont;
	padding: 0;
	div.shopify-policy__title{
		display: none;
	}
	div.privacyPolicy, div.container-fluid{
		max-width: 600px;
		margin: 0 auto;
		@include tab_float {
			padding: 0 20px;
		}
		&#tradelaw_wrap{
			padding-right: 0;
		}
	}
	div.jin_title{
		margin-top: 24px !important;
		@include tab_float {
			padding: 0 20px;
		}
	}
	font-size: 14px;
}
div#tradelaw_box{

	dl{
			margin-block: 0;
			margin-inline: 0;
			margin-bottom: 24px;
		dt{
			margin-block: 0;
			margin-inline: 0;
			font-weight: 700;
		}
		dd{
			margin-block: 0;
			margin-inline: 0;
			font-size: 13px;
			// padding-left: 12px;
			@include tab_float {
			padding: 0 20px 0 0;
			}
			&.table_block{
				padding: 0;
			}
		}
	}
	table{
		font-size: 12px;
		tr{
			td{
				padding: 8px;
			}
		}
	}
	div.tradelaw_box_table{
		margin: 24px 0;
		width: 100%;
		overflow-x: scroll;
		table{
			border: 1px solid #efefef;
			box-shadow: none;
			@include sp{
				width: 700px;
			}
		}
		&.tradelaw_box_table2{
			table{
				width: auto;
			}
		}
	}
}

div.toast_style{
	position: fixed;
  top: 84px;
  right: 20px;
  color: white;
  padding: 12px 16px;
  border-radius: 4px;
//   display: none;
  z-index: 10000;
  font-size: 14px;
  transition: .8s;
  transform: translateX(120%);
  visibility: hidden;
  @include sp{
	  max-width: calc(100% - 40px);
  }
  &.toast_on{
	  transform: translateX(0%);
		visibility: visible;
  }
}