@charset "UTF-8";

/************************
  個別ページcss
************************/

/*　top.css引継ぎ、商品一覧　*/
article h2 {
    font-size: 4vh;
    font-weight: bold;
    margin: 1em auto;
    text-align: center;
    letter-spacing: .5vw;
}
article h2>span {
    display: block;
    font-weight: normal;
    font-size: 50%;
    letter-spacing: 0;
}

#abox_product ul.flexUl { justify-content: flex-start;  }
#abox_product ul.flexUl li { flex-basis: 25%; }
#abox_product ul.flexUl li.max { flex-basis: 100%; margin-top: 1em;}

/* 発送日設定 */
article#a_hassoubi>section { background-color: #eee; text-align: center; display: block; padding: .5rem;  font-size: .8rem; }
div.hassoubi { background-color: #fff; max-width: 700px; padding: .5rem; margin: .25rem auto;
 font-weight: bold;}
div.hassoubi div { display: inline; }
div.hassoubi div#hassou_date { font-size: 1.5rem; color: #2e837b; padding: 0 0 0 .25rem;}
#komiai { color: #cd1919; margin-bottom: .5rem; display: block; }
@media ( max-width : 767px) { /* SPのみ適応 */
  div#hassou_date { display: block; }
}
div#hassou_date span { font-size: .8rem; color: #000; padding: 0 .25rem;}

/* ショップインフォ */
article#a_hassoubi>section#shopinfo { background-color: #fff; padding: 0;	margin: .5rem auto; }
#shopinfo div {  max-width: 900px; margin: auto;}
#shopinfo a { display: block; width: 100%; margin-bottom: .25rem;}
#shopinfo .text a {
	padding: .5rem; 
	background-color: #666666; color: #ffffff;
	font-size: 1.5em;
}




/* ページ設定 */
article#a_hassoubi { margin-top:2em; max-width: 1000px; }
#salepage, .container { margin: auto; max-width: calc(700px + 1rem);  padding: .5rem;}
@media ( max-width : 480px) {
	#salepage img, .container img { width: 100%; max-width: fit-content; height: auto; }
}


#salepage table, .container table { width: 100%;  word-wrap: break-all; box-sizing: border-box; overflow: hidden;}

#salepage hr, .container hr { width: 100%; max-width: 700px; }
#salepage td, .container td { padding: .25em;}
@media ( min-width : 768px ) { /* PCのみ適応 */
	#salepage td, .container td { width: 700px; }
}

/* スマホだけテーブル */
@media ( max-width : 480px) {
	#salepage table, .container table { display: flex; }
}
@media ( min-width : 768px ) { /* PCのみ適応 */
    #salepage table, .container table { max-width: 700px; padding: 0;}
}

section#male {
	margin-top: 2em;
}

/* レイアウト */
/* スマホだけ改行 */
@media ( max-width : 480px) { /* 768に切り替わるまで */
	#salepage .tflex tr, .container .tflex tr { display: flex; flex-wrap: wrap;}
	#salepage .tflex td, .container .tflex td { flex-basis: 100%; }
}
/* 予約販売開催中 */
#yoyaku { display: block; }
#yoyaku table { word-break: normal; word-wrap: normal; }

/* 修飾 */
.hr_line {
  width: 100%;
  max-width: 1200px;
  margin: 2em auto;
  border: none;
  height: 1em;
  background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

@media ( max-width : 480px) { /* 768に切り替わるまで */
}
@media ( max-width : 375px) { /* SPのみ適応 */
}
@media ( min-width : 768px ) { /* PCのみ適応 */
}