@charset "utf-8";

*{min-width:0; min-height:0;box-sizing:border-box;}

html {
	overflow-y: scroll;
	overflow-x: hidden;
	-ms-overflow-style: scrollbar;
	font-size: 62.5%;
	background-color: #f5f5f5;
}

/* layout */
body {
margin: 0;
padding: 0;
text-align: center;
font-size: 1.4em;
letter-spacing: 0.05em;
color: #444444;
font-family: 'Noto Sans JP', sans-serif;
}


/* basic link colours */
a:link {
color: #444444;
text-decoration: none;
}

a:visited {
color: #444444;
text-decoration: none;
}

a:active, a:active {
color: #444444;
text-decoration: underline;
}

.widthFit{ width:100% !important; height:auto !important; }

.center { text-align: center; }

.mT10{ margin-top: 10px !important;}
.mT20{ margin-top: 20px !important;}
.mT30{ margin-top: 30px !important;}
.mT50{ margin-top: 50px !important;}
.mB0{ margin-bottom: 0 !important;}
.mB5{ margin-bottom: 5px !important;}
.mB10{ margin-bottom: 10px !important;}
.mB20{ margin-bottom: 20px !important;}
.mB30{ margin-bottom: 30px !important;}
.mB60{ margin-bottom: 60px !important;}
.mR10{ margin-right: 10px !important;}
.mR20{ margin-right: 20px !important;}

.txtRed { color: #e93448 !important;}
.txtTel{ color:#92278F;}

.attention, em {
	color: #e93448 !important;
}
.txtBig { font-size:1.3em !important;}

.txtBold{ font-weight: bold !important;}
.txtNormal{ font-weight: normal !important;}

.txtSmall{font-size:0.8em !important;}

.bkwhite{background-color:#FFFFFF;}

.empty {
	text-align: center;
	margin-bottom: 15px;
}

h2{ font-size:1.3em; text-align: center;}

h3 {
width: 100%;
height: 40px;
padding: 5px 0;
font-size: 1.3em;
line-height: 1.6em;
font-weight: bold;
border-bottom:1px solid #444444;
margin-bottom:10px;
text-align: left;
}

/* ※印注釈 */
.txtAnnotation{
	font-size:0.8em !important;
	line-height: 1.4em;;
}

/* カートフロー start */
.flowdiv{
	background-color: #FFFFFF;
}

.flowcontainer{
	display: grid;
	width: 100%;
	max-width: 800px;
	margin-inline:auto;
	align-content:stretch;
	align-items:stretch;
	justify-content: space-between;
	grid-template-columns: repeat(4,1fr);
}

.flowbox{
	padding:10px 0 12px;
	text-align: center;
	position: relative;
}

.flowcontainer .active{
	background-color:#444444;
	color:#FFFFFF;
	position:relative;
}

.flowcontainer .active::before{
  content: '';
  position: absolute;
  bottom: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #f5f5f5 transparent;
  left: 50%;
  transform: translateX(-50%);
}

.flowcontainer .active::after{
  content: '';
  position: absolute;
}

/* カートフロー end */


/* ページタイトル */
.cart_title{
	padding:50px 0;
}

/* ページ本文 */

.cart_content_inner {
	line-height: 1.6em;
}

.cart_content_inner input[type="text"],
.cart_content_inner input[type="email"],
.cart_content_inner input[type="tel"],
.cart_content_inner label,
.cart_content_inner textarea,
.cart_content_inner select{
	max-width: 100%;
	font-size: 1.6rem;
	padding:5px;
	margin-bottom: 5px;
}

.cart_content_inner p{
	margin-bottom:10px;
	line-height:1.6em;
}

input::placeholder{
	font-size:0.6em;
}
textarea::placeholder{
	font-size:0.8em;
}


/* 横幅769以上(PC想定) *****************************************/
@media only screen and (min-width: 769px) {

.mbonly{display: none;}

#container {margin-bottom:80px;}
.flowcontainer{
	max-width:600px;
	margin-inline: auto;
}

.flowcontainer .active::before{
  border-width: 0 7px 7px 7px;
}

.cart_content_inner{
	max-width: 600px;
	margin-inline: auto;
	padding:0 !important;
}

.cart_button_area.onebutton,
.cart_button_area.twobutton{
	width:60%;
}

.cart_user_table dl{
	margin-bottom:20px;
}

.cart_user_area, .cart_payment_area, .cart_send_area, .cart_contact_area, .cart_question_table {
	margin-bottom: 50px;
}


}

/* 横幅769以上(PC想定) */

/* 横幅768px以下(スマホ想定) ********************************/
@media only screen and (max-width: 768px) {

.flowcontainer{
	font-size:2.2vw;
}

.flowcontainer .active::before{
  border-width: 0 7px 7px 7px;
}

.cart_button_area.onebutton,
.cart_button_area.twobutton{
	width:70%;
}

.cart_user_table dl{
	margin-bottom:10px;
}

.cart_user_area,.cart_payment_area, .cart_send_area, .cart_contact_area, .cart_question_table {
	margin-bottom: 40px;
}

}



/**
 * カート共通
 */

 /* セクションタイトル */
.cart_sub_title {
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	padding: 10px 10px 8px;
}
.cart_text {
	padding: 0 10px;
	margin-bottom: 15px;
}

.cart_content_inner {
	padding: 0 20px;
	box-sizing:border-box;
	text-align: left;
}

.wb-cart-error {
	width: auto;
	margin-top:20px;
	border:solid #e93448;
	border-width:1px 1px 1px 10px;
	padding:5px 15px;
	border-radius: 5px;
	background-color: rgba(233, 52, 72, 0.1);
}

.cart_security {
	text-align: center;
	font-size:1.0rem;
}

.cart_security img {
	width: 40px;
	height:auto;
}

.zipsearch{
	color:#0071bc;
	margin-left:5px;
	text-decoration: underline;
	font-size:0.8em;
}

/**
 * カート
 */

.cart_item_table li {
	border-bottom: solid 1px #444444;
	padding: 10px 0;
}
.cart_item_table li:first-child {
	border-top: solid 1px #444444;
}
.cart_item_table li dl {
	display: grid;
	grid-template-columns: 2.5fr 7.5fr;
	align-items: self-start;
	gap:10px;
}

.cart_item_table .title {
	margin-bottom: 10px;
	display: grid;
	grid-template-columns: 9fr 1fr;
	align-items: top;
	grid:5px;

}
.cart_item_table li dd.delete {
	vertical-align: middle;
	text-align: center;
}

.cart_item_table li .opt_more .readMore {
	display: block;
	text-align: center;
	text-decoration: none;
	background: #bed11c;
	padding: 8px 0;
}

/* カート一覧 金額部分 */
.cart_price_table {
	width: 100%;
	margin-bottom: 30px;
}

.cart_price_table tr{
	border-bottom: solid 1px #444444;
}
.cart_price_table tr.totalprice{
	border-top: solid 2px #444444;
	border-bottom: solid 2px #444444;
}

.cart_price_table th {
	width: 60%;
	font-weight: normal;
}
.cart_price_table th, .cart_price_table td{
	padding:10px;
}
.cart_price_table td{
	text-align: right;
}

.cart_button_area{
	padding:30px 0;
	text-align: center;
}

.cart_button_area.onebutton{
	margin-inline:auto;
}
.cart_button_area.twobutton{
	margin-inline:auto;
	display: grid;
	grid-template-columns: 1fr;
	gap:20px;
}
.cart_button_area .bkbtn{
	width:80% !important;
	height:auto;
	margin-inline: auto;
}

/**
 * カート お客様情報入力
 */
.cart_user_table {
	width:100%;
	margin-bottom: 30px;
}

.cart_user_table dt {
	font-weight: bold;
	padding-bottom: 5px;
}


/**
 * カート 支払い方法・お届け時間などの指定
 */
.cart_payment_table {
	width: 100%;
	margin-bottom: 20px;
}

.cart_payment_table, .cart_send_select{
	display: grid;
	grid-template-columns: 20px 8fr;
	align-items: center;
	gap:5px;

}

.cart_contact_area .input_width_full {
	width: 100%;
	min-height:120px;
}

/**
 * カート ご注文内容確認
 */
.cart_confirm_table{
	margin-bottom:30px;
}

.cart_confirm_table dl {
	display: grid;
	grid-template-columns: 3fr 7fr;
	align-items: self-start;
	gap:10px;
	margin-bottom:10px;
}
.cart_confirm_table dt {
	font-weight: bold;
}

.cart_question_table table {
	width: 100%;
}
.cart_question_table td {
	width: 33%;
}

.cart_question_table table label{
	font-size:12px
	 !important;
}

.cart_question_table input[type="text"] {
	padding: 3px;
}

.creditcaution{
	margin-top:50px;
	border:1px solid #b3b3b3;
	padding:20px 30px;
	border-radius:5px;
}
/**
 * 20230802 フォントサイズ等調整
 */