/** Shopify CDN: Minification failed

Line 335:48 Unexpected "oeven"
Line 476:0 Unexpected "}"
Line 492:2 "text-decolation" is not a known CSS property

**/
/* 上書き */
header.util {
  font-size:.875em !important;
}
.button.outline, .hero a.button, .newsletter a.button, .slide__item-content a.button, p.buttons.outline>a {
  font-size:.75em !important;
}
.collection figure a.product-image span.label, .collection figure a.product_card span.label, .featured-collection figure a.product-image span.label, .featured-collection figure a.product_card span.label, .simple-collection figure a.product-image span.label, .simple-collection figure a.product_card span.label {
  font-size:.875em !important;
}
header.site-header nav.nav-bar ul.site-nav li a {
  text-transform:none !important;
}
.social-share__link {
  font-size: 1rem;
}

/* TOP */
.osakametro-design.featured-collection {
  padding-top: 70px;
}
.osakametro-design.featured-collection header {
  margin-bottom:30px;
}
.osakametro-design.featured-collection header.centered {
      text-align: center;
}
.osakametro-design.featured-collection h4 {
  font-size: 1.44375em;
  text-transform: none;
  font-weight: 400;
}
.osakametro-design.featured-collection .align-center {
  text-align: center;
}
.osakametro-design.featured-collection .recent-posts-container p {
  padding:10px 0;
  border-bottom: 1px dotted #ccc;
}
@media screen and (min-width:960px) { 
  /*　画面サイズが960px以上はここを読み込む　*/
  .osakametro-design.featured-collection .recent-posts-container {
    width:800px;
    margin: 0 auto;
    border:30px solid #eee;
    padding:30px;
  }
}
@media screen and (max-width:959px) { 
  /*　画面サイズが959px未満はここを読み込む　*/
  .osakametro-design.featured-collection .recent-posts-container {
    width:90%;
    margin: 0 auto;
    border:20px solid #eee;
    padding:20px;
  }
}

/* 商品詳細 */
span.label.new {
  background-color: #f15656 !important;
  color:#fff !important;
}

.osakametro h4 {
  margin-bottom:5% !important;
}
.osakametro h5 {
  margin-bottom:3%;
}
.osakametro.original table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 650px;
  table-layout: fixed;
  background-color: #fff;
}

.osakametro.original table tr {
  background-color: #fff;
  border: 1px solid #bbb;
  padding: .35em;
}
.osakametro.original table th,
.osakametro.original table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #bbb;
  font-size: .85em;
}
.osakametro.original table thead th {
  background-color: #e5ecf7;  
}
.osakametro.original table thead tr{
  background-color: #eee;
}
.osakametro .caution {
  background-color: #ffe5e5;
  border: 1px solid #ff4b4b;
  border-radius:8px;
  padding :.35em;
  font-size:.875em !important;
}
.osakametro .announce {
  font-size:.875em !important;
  margin-top:20px;
}

.om-point {
  border:3px double #000;
  padding:10px;
  margin-bottom:10px;
}
.om-point span {
  color:#ff4b4b ;
}

.om-shipping {
  border:1px solid #bbb;
  padding:10px 10px 10px 130px;
  margin-bottom:20px;
  background-repeat:no-repeat;
  background-size:100px 70px;
  background-position:10px center;
}
.om-shipping.om-a {
  background-image:url("/cdn/shop/files/shipping-a.png");
  background-color:#cce3ea;
}
.om-shipping.om-b {
  background-image:url("/cdn/shop/files/shipping-b.png");
  background-color:#f1eabc;
}
.om-shipping.om-c {
  background-image:url("/cdn/shop/files/shipping-c.png");
  background-color:#c0e6c5;
}
.om-shipping.om-sp {
  background-image:url("/cdn/shop/files/shipping-sp.png");
  background-color:#fff;
}
.om-shipping.om-lg1 {
  background-image:url("/cdn/shop/files/shipping-1.png");
  background-color:#fff;
}
.om-shipping.om-lg2 {
  background-image:url("/cdn/shop/files/shipping-2.png");
  background-color:#fff;
}
@media screen and (max-width: 599px) {
  .osakametro.original table {
    border: 0;
    width:100%
  }
  .osakametro.original table th{
    background-color: #e5ecf7;
    display: block;
    border-right: none;
  }
  .osakametro.original table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .osakametro.original table tr {
    display: block;
    margin-bottom: .625em;
  }
  
  .osakametro.original table td {
    border-bottom: 1px solid #bbb;
    display: block;
    font-size: .8em;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }
  
  .osakametro.original table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
  }
  
  .osakametro.original table td:last-child {
    border-bottom: 0;
  }
}	
/* 新規登録フォーム */
@media screen and (min-width:960px) { 
  /*　画面サイズが960px以上はここを読み込む　*/
  .main-register__container {
    width:800px;
    margin: 0 auto;
  }
}
/* 新規登録フォームポップアップ */
.osakametro-popup {
  margin-top:0 !important;
  padding-top:0 !important;
}
.osakametro-form .open {
	cursor:pointer; /* マウスオーバーでカーソルの形状を変えることで、クリックできる要素だとわかりやすいように */
  	padding: 8px 4px 4px;
    font-size: .85em;
	color: #1d2088;
    text-decoration:underline;
}
.osakametro-form #pop-up {
	display: none; /* label でコントロールするので input は非表示に */
}
.osakametro-form .overlay {
	display: none; /* input にチェックが入るまでは非表示に */
}
.osakametro-form #pop-up:checked + .overlay {
	display: block;
	z-index: 9999;
	background-color: #00000070;
	position: fixed;
	width: 100%;
	height: 120vh;
	top: 0;
	left: 0;
}
.osakametro-form .window {
	width: 70vw;
	max-width: 70vw;
    max-height: 70vh;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.osakametro-form .box {
	padding:10px;
}
.osakametro-form .box .device {
  display: flex;  
  flex-wrap:wrap;
  justify-content: center;
}
.osakametro-form .box .device img {
  border: 1px solid #ccc;
}
.osakametro-form .text {
	text-align:center;
	margin: 0;
  padding:1em 0 2em;
}
.osakametro-form .close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 4px;
	font-size: 20px;
}
  .osakametro-form .box .device p {
    text-align:center;
	margin: 0;
  }
@media screen and (max-width:599px) { 
  /*　画面サイズが599px未満はここを読み込む　*/
.osakametro-form .window {
	width: 90%;
	max-width: 90%;
    max-height:90vh;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: start;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
  .osakametro-form .box .device div {
    width: 70%;
	max-width: 70%;
    margin: 0 auto;
  }
  .osakametro-form .window {
    overflow-y :scroll;
  }
  .osakametro-form .box div img {
    padding-bottom:1em;
  }
}
@media screen and (min-width:600px) { 
  /*　画面サイズが600px以上はここを読み込む　*/
.osakametro-form .window {
	width: 80%;
	max-width: 80%;
    max-height: 80vh;
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
  
  .osakametro-form .box .device >div {
    width: 50%;
    padding:10px;
	}
   .osakametro-form .box .device >div:nth-child(odd)  {
    /*width: 30%;*/
    width: 15vw;
	max-width: 15vw;
  }
   .osakametro-form .box .device >div:nth-child(oeven)  {
    /*width: 50%;*/
    width: 30vw;
	max-width: 30vw;
  }
  .osakametro-form .box .device >div img {
    width: 100%;
  }
}

/* お問合せフォーム */
.osakametro-policy {
  padding-top: 30px;
}
.osakametro-policy p {
  margin-bottom: 0;
  font-size:17px;
}
.osakametro-policy--check {
  padding-top: 0;
}
.form_check {
  margin-top: 24px;
}
@media screen and (max-width: 599px) {
  .form_check {
    margin-top: 18px;
  }
}
.form_check__label {
  margin-top: 20px;
  position: relative;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.form_check__label-input {
  display: none;
}
.form_check__label-square {
  border: 1px solid #ddd;
  display: block;
  flex: none;
  width: 16px;
  height: 16px;
  background: #eaedf2;
}
@media screen and (max-width: 599px) {
  .form_check__label-square {
    width: 15px;
    height: 15px;
  }
}
.form_check__label-text {
  padding-left: 8px;
  /*font-size: 24px*/;
}
@media screen and (max-width: 599px) {
  .form_check__label-text {
    padding-left: 6px;
    /*font-size: 3.6vw*/;
  }
}
.Form-Btn {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  display: block;
  letter-spacing: 0.05em;
  background: #1d2088;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
  opacity: 0.2;
  pointer-events: none;
  transition: all 0.2s;
}
@media screen and (max-width: 599px) {
  .Form-Btn {
    margin-top: 24px;
    padding-top: 8px;
    padding-bottom: 8px;
    width: 100%;
    font-size: 16px;
  }
}
.Form-Btn.isActive {
  opacity: 1;
  pointer-events: inherit;
}
.form_check__label-input:checked + *:before {
  content: "";
  display: block;
  width: 14px;
  height: 2px;
  background: #5bc8ac;
  transform-origin: bottom left;
  transform: rotateZ(90deg);
}
.form_check__label-input:checked + *:after {
  content: "";
  display: block;
  width: 8px;
  height: 2px;
  background: #5bc8ac;
  transform-origin: bottom left;
  transform: rotateZ(0deg);
}
.form_check__label-input:checked + * {
  width: 0;
  height: 0;
  transform: translate(8px, 8px) rotateZ(-135deg) scale(1.5);
}
@media screen and (max-width: 599px) {
  .form_check__label-input:checked + * {
    transform: translate(5px, 7px) rotateZ(-135deg) scale(1.5);
  }
}
/* 利用規約 */
/*span.om-maker {
  background:linear-gradient(transparent 60%, #ff6 60%);
}*/
.shopify-policy__container h1 {
  font-size: 2.25rem;
    line-height: 2.5rem;
  padding-bottom: 1rem;
  padding-top:1rem;
}
@media screen and (max-width: 599px) {
  .shopify-policy__container h1 {
    font-size: 1.875rem;
    line-height: 2.25rem;
}
  }
}
.shopify-policy__container h2 {
  font-size: 1.44375em;
  font-weight: 400;
  margin: 0 0 0.5em;
  line-height: 1.4;
}
.shopify-policy__container p {
	margin: 0 0 0.9375em;
}
.shopify-policy__container ol {
  list-style-type: decimal;
  margin: 0 0 1em 2em;
}
.shopify-policy__container a {
  color:#1D2088;
  text-decolation:underline;
}

.btn.button {
  border-radius: 6px;
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
  letter-spacing: 0.05em;
  background: #1d2088;
  color: #fff;
  font-weight: bold;
  font-size: 20px;
}
.cf-cancel {
  width:30%;
  background: #888 !important;
}
.cf-submit-form {
  width:60%;
}
.temp_simple02 {
  margin-bottom:30px;
}
.temp_simple02 th,.temp_simple02 td  {
  border:1px solid #000;
  padding:10px;
}
.temp_simple02 th {
  background-color:#eee;
}