@charset "utf-8";
/**************************************************
 *      woocommerce > cart / checkout
 **************************************************/
 
 /* 共通
==================================*/
.site-main article header{
	width:100%;
	height:auto;
	margin:0 auto;
	background:#f9f9f9;
	display:block;
}
.site-main article header h1{
	width:100%;
	height:auto;
	padding:30px;
	margin:0 auto;
	font-size:20px;
	text-align:center;
	display:block;
}
.entry-content{
	width:96%;
	height:auto;
	max-width:700px;
	padding:50px 0;
	margin:0 auto;
	display:block;
}
/* タイトル */
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto 20px auto;
	font-weight:bold;
	display:block;
}
.entry-content h4,
.entry-content h5{
	text-decoration:underline 1px solid #000;
	text-underline-offset:3px;
}
.entry-content h2{font-size:18px;}
.entry-content h3{font-size:16px;}
.entry-content h4{font-size:18px;}
.entry-content h5{font-size:16px;}

/* 段落 */
.entry-content p{
	width:100%;
	height:auto;
	padding:0;
	margin:0 auto 10px auto;
	display:block;
}
.entry-content p + :is(h2, h3, h4, h5, h6) {
  margin-top: 50px;
}
/* cart : リンク（ボタン）
==================================*/
.wc-block-cart .wc-block-cart__submit-container{
	display:flex;
	justify-content:flex-end;
	gap:10px;
}
/* a */
a.wc-block-cart__submit-button{
	width:calc( (100% - 10px) / 2 )!important;
	height:40px!important;
	color:#fff!important;
	padding:0 5px!important;
	border:1px solid #000!important;
	background:#000!important;
	display:flex!important;
	justify-content:center!important;
	align-items:center!important;
	gap:0!important;
	transition:all 0.5s linear!important;
}
a.wc-block-cart__submit-button:hover{
	color:#000!important;
	background:#ddd!important;
}
/* checkout : リンク（ボタン）
==================================*/
.wp-block-woocommerce-checkout-actions-block .wc-block-checkout__actions_row{
	display:flex;
	justify-content:flex-end;
	gap:10px;
}
/* a & button */
a.wc-block-components-checkout-return-to-cart-button,
button.wc-block-components-checkout-place-order-button{
	width:calc( (100% - 10px) / 2 )!important;
	height:40px!important;
	color:#fff!important;
	padding:0 5px!important;
	border:1px solid #000!important;
	background:#000!important;
	display:flex!important;
	justify-content:center!important;
	align-items:center!important;
	gap:0!important;
	transition:all 0.5s linear!important;
}
a.wc-block-components-checkout-return-to-cart-button:hover,
button.wc-block-components-checkout-place-order-button:hover{
	color:#000!important;
	background:#ddd!important;
}
/* button 矢印*/
a.wc-block-components-checkout-return-to-cart-button svg{
	display:none;
}
/* order-received : 
==================================*/
/* --------------------------------------------------
   WooCommerce Order Received Page
   継承ベース: WooCommerce default CSS
   -------------------------------------------------- */

/* 成功メッセージ */
.woocommerce-order .woocommerce-notice--success {
    background: #f0f8f5;
    border-left: 4px solid #2e7d32; /* 緑系アクセント */
    padding: 16px 20px;
    margin-bottom: 32px;
    font-weight: 600;
    color: #2e7d32;
    border-radius: 4px; /* WooCommerce デフォルトに合わせる */
}

/* 注文概要 */
.woocommerce-order-overview {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 16px;
    border: 1px solid #e5e5e5;
    background: #fafafa;
    margin-bottom: 32px;
    border-radius: 4px; /* 角丸追加 */
}
.woocommerce-order-overview li {
    flex: 1 1 200px;
    font-size: 15px;
}
.woocommerce-order-overview strong {
    display: block;
    margin-top: 4px;
    font-weight: 600;
}

/* 注文詳細テーブル */
.woocommerce-order-details__title {
    margin-bottom: 16px;
    font-size: 18px;
    font-weight: 600;
}
.woocommerce-table--order-details {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 32px;
    border-radius: 4px; /* テーブル全体に角丸 */
    overflow: hidden;   /* th/td の背景を角丸に従わせる */
}
.woocommerce-table--order-details th,
.woocommerce-table--order-details td {
    border: 1px solid #e5e5e5;
    padding: 12px;
    text-align: left;
}
.woocommerce-table--order-details thead th {
    background: #fafafa;
    font-weight: 600;
}
.woocommerce-table--order-details tfoot th {
    text-align: right;
}

/* 顧客情報 */
.woocommerce-customer-details {
    margin-top: 32px;
}
.woocommerce-columns--addresses {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}
.woocommerce-column {
    flex: 1 1 300px;
    border: 1px solid #e5e5e5;
    padding: 20px;
    background: #fff;
    border-radius: 4px; /* 各ボックスを角丸 */
}
.woocommerce-column__title {
    margin-bottom: 12px;
    font-size: 17px;
    font-weight: 600;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
    .woocommerce-order-overview {
        flex-direction: column;
    }
    .woocommerce-columns--addresses {
        flex-direction: column;
    }
}


/* =========================================
   Empty Cart & New in Store
   cart-checkout.css に影響させない
========================================= */
/* Empty Cart ブロック：h2タイトル以外を非表示 */
.wp-block-woocommerce-empty-cart-block > *:not(h2) {
    display: none !important;
}

/* ラッパーブロック */
.wp-block-woocommerce-empty-cart-block{
	height:calc(100vh - (450px + 250px) );
	display:flex;
	justify-content:center;
	align-items:center;
}
/* h2 タイトルを中央揃えなど整形 */
.wp-block-woocommerce-empty-cart-block h2:first-of-type {
	flex:1 1 300px;
	margin:0;
	display:block;
}
.wp-block-woocommerce-empty-cart-block h2 {
    display:none;
}
/* 画像非表示 */
.wc-block-cart__empty-cart__title.with-empty-cart-icon:before{
		display:none!important;
}