@charset "utf-8";
@import url("ec.css");


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Woocommerce＞商品詳細＞フォトスワイプの不具合調整（2025-06-16）mk
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* スマホ固定ヘッダーに負けない様にする */
.pswp{
    z-index: 99999;
}
/* スマホ実機にて、左右アローが表示されない不具合への対応 */
.pswp--touch .pswp__button--arrow--left, 
.pswp--touch .pswp__button--arrow--right {
    visibility: visible;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WPFroms　＞　戻るボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div.wpforms-container-full .wpforms-form .wpforms-pagebreak-left .wpforms-page-button {
    border: 1px solid #ddd;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
消費税の表記
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.wc-block-components-totals-footer-item-tax {
    text-align: right;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
見出しの行間
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
h1, h2, h3 {
    line-height: 1.4;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
商品画像のキャプション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.product_image_caption{
	text-align:center;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カレント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.single-post .inside-navigation ul:not(.sub-menu) li[class*="current"] > a, 
body.category .inside-navigation ul:not(.sub-menu) li[class*="current"] > a,
body[class*="archive-product"] .main-nav li.product a,
body[class*="single-product"] .main-nav li.product a{
	color: var(--main);
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > 回転
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_rotate::before {
	animation: rotate-anime 20s linear infinite;
}

@keyframes rotate-anime {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用 > 商品
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.cmn_item_area::before {
	content: '';
	position: absolute;
	width: 230px;
	height: 230px;
	background-color: #eeeeee;
	top: 25px;
	left: calc(50% - 115px);
	border-radius: 50%;
	transition: all 0.5s ease 0s;
	opacity: 0;
}

@media (hover: hover){
	.cmn_item_area:hover::before {
		opacity: 1;
	}
	
	.cmn_item_area:hover .cmn_btn03::before {
		transform: translate3d(100%,0px,0px);
		opacity: 0;
	}
	
	.cmn_item_area:hover .cmn_btn03::after {
		transform: translate3d(0px,0px,0px);
		opacity: 1;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > promo
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_promo .ttl::after {
	content: '';
	position: absolute;
	width: 29.4vw;
	height: 29.38vw;
	background: url("./images/promo_img.png")no-repeat 50% / contain;
	top: 5.73vw;
	right: -22.92vw;
}

#home_promo .text_deco img {
	margin-bottom: -4px;
}

#home_promo .text_deco::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 24px;
	background: url("./images/promo_deco02.svg")no-repeat 50% / contain;
	left: 0;
	bottom: -40px;
}

#home_promo h2 .cmn-soshoku-a {
	font-size: 91px;
	letter-spacing: -0.05em;
}

/*slick*/
#home_promo .slider_area {
	display: grid;
}

#home_promo .inner {
	position: absolute;
}

#home_promo .slick-slide {
	margin: 0 0.99vw!important;
}

#home_promo .slick-slide:nth-child(odd) {
	padding-bottom: 4.17vw;
}

#home_promo .slick-slide:nth-child(even) {
	padding-top: 4.17vw;
}

/*bnr*/
#home_promo .bnr_area .cmn_btn03 {
	position: absolute;
}

@media (hover: hover){
	#home_promo .bnr_area:hover .cmn_btn03::before {
		transform: translate3d(100%,0px,0px);
		opacity: 0;
	}
	
	#home_promo .bnr_area:hover .cmn_btn03::after {
		transform: translate3d(0px,0px,0px);
		opacity: 1;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > item（定番商品）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_item .cmn_btn01::before, #home_item .cmn_btn01::after {
	right: 25px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > service（用途別紹介）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_service .text_deco::before {
	content: '';
	position: absolute;
	width: 33px;
	height: 46px;
	background: url("./images/service_deco.svg")no-repeat 50% / contain;
	top: calc(50% - 20px);
	left: -45px;
}

#home_service .text_deco::after {
	content: '';
	position: absolute;
	width: 33px;
	height: 46px;
	background: url("./images/service_deco.svg")no-repeat 50% / contain;
	top: calc(50% - 20px);
	right: -35px;
	transform: scale(-1, 1);
}

#home_service .scene_area > div::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 50%;
	left: 50%;
	border-radius: 10px;
	transform: translate(-50%, -50%) rotate(0deg);
	transition: all 0.3s ease 0s;
	z-index: -1;
}

#home_service .scene05_img::before {
	content: '';
	position: absolute;
	width: 6.09vw;
	height: 6.09vw;
	background: url("./images/service_fukidashi.svg")no-repeat 50% / contain;
	top: -2.19vw;
	right: -2.4vw;
}

/*-- コンテナ背景色 --*/
#home_service .scene01::before {
	background-color: #005fca;
}

#home_service .scene02::before {
	background-color: #eb2929;
}

#home_service .scene03::before {
	background-color: #00b14f;
}

#home_service .scene04::before {
	background-color: #fff200;
}

#home_service .scene05::before {
	background-color: #ff7f00;
}

#home_service .scene06::before {
	background-color: #6601d2;
}

/*-----*/

#home_service .scene_area > div .cmn_btn03::before {
	color: #c7c7c7;
}

/*-- 矢印の色 after --*/
#home_service .scene01 .cmn_btn03::after {
	color: #005fca;
}

#home_service .scene02 .cmn_btn03::after {
	color: #eb2929;
}

#home_service .scene03 .cmn_btn03::after {
	color: #00b14f;
}

#home_service .scene04 .cmn_btn03::after {
	color: #fff200;
}

#home_service .scene05 .cmn_btn03::after {
	color: #ff7f00;
}

#home_service .scene06 .cmn_btn03::after {
	color: #6601d2;
}

/*-----*/

@media (hover: hover){
	#home_service .scene_area > div:hover::before {
		transform: translate(-50%, -50%) rotate(2.35deg);
	}
	
	#home_service .scene_area > div:hover .cmn_btn03::before {
		transform: translate3d(100%,0px,0px);
		opacity: 0;
	}
	
	#home_service .scene_area > div:hover .cmn_btn03::after {
		transform: translate3d(0px,0px,0px);
		opacity: 1;
	}
}

/*スライダー*/
#home_service::after {
	content: '';
	position: absolute;
	width: 123.85vw;
	height: 27.6vw;
	background: url("./images/service_slider.png")repeat-x 50% / contain;
	bottom: -8.33vw;
	animation: service-slider 40s linear infinite;
}

@keyframes service-slider {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -123.85vw 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > point（選ばれるポイント）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_point::before {
	content: '';
	position: absolute;
	width: 51.72vw;
	height: 35.94vw;
	background: url("./images/point_bg01.jpg")no-repeat 50% / contain;
	top: -3.54vw;
	right: -4.9vw;
}

#home_point::after {
	content: '';
	position: absolute;
	width: 62.71vw;
	height: 50.1vw;
	background: url("./images/point_bg02.jpg")no-repeat 50% / contain;
	left: -5.52vw;
	bottom: -10.52vw;
}

#home_point .point_num::before {
	content: '';
	position: absolute;
	width: 50px;
	height: 42px;
	background: url("./images/point_text.svg")no-repeat 50% / contain;
	top: -16px;
	left: -10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > flow（制作の流れ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#home_flow .arrow_box:after{
	content: '';
	position: absolute;
	border: solid transparent;
	border-top-width: 7px;
	border-bottom-width: 7px;
	border-left-width: 9px;
	border-right-width: 9px;
	margin-left: -9px;
	border-top-color: #000000;
	top: 100%;
	left: 50%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
top > menu
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
@media (hover: hover){
	#home_menu .btn_area:hover .cmn_btn03::before {
		transform: translate3d(100%,0px,0px);
		opacity: 0;
	}
	
	#home_menu .btn_area:hover .cmn_btn03::after {
		transform: translate3d(0px,0px,0px);
		opacity: 1;
	}
}

/*スライダー*/
#home_menu .menu_slider {
	animation: menu-slider 40s linear infinite;
}

@keyframes menu-slider {
	from {
		background-position: 0 0;
	}
	to {
		background-position: -2958px 0;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
contact_area
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#contact_area .area_a::before {
	content: '';
	position: absolute;
	width: 43.59vw;
	height: 38.23vw;
	background: url("./images/contact_bg.png")no-repeat 50% / contain;
	left: 0;
	bottom: -8.13vw;
	opacity: 0.08;
	filter: grayscale(1);
}

#contact_area .cmn_btn03::before, #contact_area .cmn_btn03::after {
	font-size: 33px;
	top: calc(50% - 30px);
}

#contact_area .cmn_btn03::before {
	color: #000000;
}

@media (hover: hover){
	#contact_area .btn_area:hover .cmn_btn03::before {
		transform: translate3d(100%,0px,0px);
		opacity: 0;
	}
	
	#contact_area .btn_area:hover .cmn_btn03::after {
		transform: translate3d(0px,0px,0px);
		opacity: 1;
	}
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
下層 > ご注文の流れ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-flow .cmn-underline-maker {
	background: linear-gradient(transparent 60%, #ffbcbc 60%);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ハンバーガーメニューのカスタマイズ(2023-03-13mk)
↓↓↓下記をまずは削除した上で、【https://coco-factory.jp/ugokuweb/move01-cat/humbugermenu/】から、お好みのボタンのCSSを追加
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn{
	position: relative;/*ボタン内側の基点となるためrelativeを指定*/
	background:transparent;
	cursor: pointer;
	width: 50px;
	height:50px;
	border-radius: 5px;
}

/*ボタン内側*/
.openbtn span{
	display: inline-block;
	transition: all .4s;/*アニメーションの設定*/
	position: absolute;
	left: 14px;
	height: 2px;
	border-radius: 2px;
  background: #1a1a1a;
	width: 45%;
}

.openbtn span:nth-of-type(1) {
	top: 20px; 
}

.openbtn span:nth-of-type(2) {
	top: 28px;
}

/*activeクラスが付与されると線が回転して×に*/

.openbtn.active span:nth-of-type(1) {
	top: 18px;
	left: 18px;
	transform: translateY(6px) rotate(-45deg);
	width: 30%;
}

.openbtn.active span:nth-of-type(2){
	top: 30px;
	left: 18px;
	transform: translateY(-6px) rotate(45deg);
	width: 30%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WooCommerce
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
購入手続き後の支払確認ページのスタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#wcdc-confirm-modal .wcdc-confirm-header {
    font-size: 28px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    font-weight: bold;
    padding: 10px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
その他
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* 「カートに入れる」ボタン等 */
section.related.products > h2,
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
    border-radius: 0;
}

/* カートボタン */
.woocommerce div.product form.cart .button {
    font-size: 15px;
}

/* カートページでカートボタンが消える仕様の上書き */
.page-cart .wp-block-woocommerce-mini-cart {
    visibility: visible!important;
}

/* 購入手続きに進む */
.checkout-button.button.alt.wc-forward {
    font-size: 17px;
	padding: 25px 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
商品アーカイブ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*h1表示*/
body.post-type-archive header .page-title {
	display: block;
}

/* メッセージアラートのときパンくずが回り込むので解除 (2022-12-20)fuji*/
.woocommerce-message,
.woocommerce-info {
    clear: both;
}


/* アーカイブのみ税込表記削除 (2022-12-20)fuji*/
body[class*=archive] small.woocommerce-price-suffix,
body.home small.woocommerce-price-suffix {
	display: none;
}

.woocommerce-archive-wrapper {
    /* border-top: 1px solid #ccc; */
    /* padding-top: 15px; */
}

/* パンくず */
.woocommerce .woocommerce-breadcrumb {
    display: inline-block;
    font-weight: bold;
    color: #000;
    margin-bottom: 20px;
}
body[class*='archive'].woocommerce .woocommerce-breadcrumb {
    margin-bottom: 7px;
	float: left;
}
.woocommerce .woocommerce-breadcrumb a {
    color: #000;
}
.woocommerce .woocommerce-breadcrumb a:hover {
    text-decoration: underline;
}
.woocommerce span.delimiter {
    margin-left: 10px;
    margin-right: 10px;
}

/* プルダウン */
.woocommerce .woocommerce-ordering {
	display: none;
}

.woocommerce .woocommerce-result-count {
	font-size: 12px;
	letter-spacing: 0.25em;
	clear: left;
}

/* 商品 */
.woocommerce ul.products li.product .woocommerce-placeholder {
    width: 100%;
    height: 100%;
	border: 1px solid #999;
}
ul.products li .img_container, [class*="product"] .img_container {
    margin-bottom: 10px!important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    font-size: 15px;
    font-weight: bold;
    padding: 0;
}

/*価格非表示*/
.woocommerce ul.products li.product .price {
	display: none;
}

ul[class*=products] li[class*=product] .img_container::before {
	content:'';
	height: 100%;
	width: 100%;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 1;
	transition: .5s;
}

ul[class*=products] li[class*=product] a:hover .img_container::before {
	background-color: rgb(0 0 0 / 60%);
}
ul[class*=products] li[class*=product] .img_container::after {
    content: 'MORE';
    position: absolute;
    top: calc(50% - 13px);
    left: calc(50% - 40px);
    z-index: 2;
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    color: #fff;
    font-size: 14px;
    width: 80px;
    height: 26px;
    transition: .5s;
    opacity: 0;
    text-align: center;
}
ul[class*=products] li[class*=product] a:hover .img_container::after {
    opacity: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
商品詳細
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.single-product .content-area {
    /* border-top: 1px solid #ccc; */
    /* padding-top: 15px; */
}

/*幅を変更*/
.single-product .site-content {
	padding: 70px 0;
}

/* 商品画像が回り込むので解除 */
.woocommerce-product-gallery.woocommerce-product-gallery--with-images {
    clear: both;
}

/* レイアウト変更のため */
.woocommerce .summary.entry-summary {
    display: flex;
    flex-direction: column;
}

.entry-summary > h2{
	order: 4;
	margin-top: 2em;
}

/*画像*/
.woocommerce-product-gallery__wrapper a {
	cursor: default;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
	background: #efefef;
}

/*画像 ポップアップ*/
.pswp__caption__center {
	text-align: center;
}

/*商品画像 サムネイル*/
.woocommerce div.product div.images .flex-control-thumbs {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs li {
	width: calc(14.5% - 10px);
	margin: 0;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	opacity: 1;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active {
    border: 1px solid #bbb;
}

/*価格非表示*/
.woocommerce div.product p.price {
	display: none;
}

/*フォーム*/
.single-product .wapf-field-label {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 5px;
}

.single-product .wapf-field-input {
	font-size: 15px;
}

.single-product :is(.wapf-field-radio, .wapf-field-select) {
	padding-bottom: 25px;
}

/*必須*/
.single-product abbr.required {
	color: #ff0000;
	font-weight: 400;
	border-bottom: none;
	text-decoration: none;
}

/*ラジオボタン・チェックボックス*/
.single-product :is(.wapf input[type=radio], .wapf input[type=checkbox]) {
	margin-top: 8px;
}

/*ドロップダウン*/
.single-product .wapf select {
	font-size: 15px;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px;
}

/*数字入力欄*/
.single-product .wapf input[type=number] {
	font-size: 15px;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 5px;
	padding: 5px 15px;
}

/*フォーム プリントタイプ*/
.single-product .wapf-field-container.wapf-field-radio {
	display: grid;
}

.single-product .wapf-field-radio .wapf-field-input {
	order: 2;
}

.single-product .wapf-field-radio .wapf-field-description {
	order: 1;
	font-size: 15px;
	padding-top: 0;
	margin-bottom: 5px;
	opacity: 1;
}

/*各サイズ*/
.single-product .wapf-field-number label > span:first-child {
	font-size: 16px;
}

.single-product .wapf-pricing-hint {
    display: block;
	opacity: 1;
	font-size: 15px;
	font-weight: 500;
}

/*デザイン入稿*/
.single-product .wapf-field-file .wapf-input::file-selector-button {
	font-size: 20px;
}

.single-product .wapf-field-file .wapf-field-description {
	font-size: 14px;
}

/*合計*/
.single-product .price {
    font-size: 25px!important;
    font-weight: bold;
}

/*New fieldを非表示*/
.single-product .wapf-field-group .wapf-field-text:last-child {
	display: none;
}

/*商品合計と数量非表示*/
.single-product .wapf-field-text .wapf-field-input {
	display: none;
}

/*説明文表示*/
.single-product #tab-description {
	/* display: block!important; */
}

/* お気に入り追加 */
.yith-wcwl-add-to-wishlist {
    width: 60%;
    margin-top: 0;
    text-align: right;
}
.yith-wcwl-add-to-wishlist .feedback .yith-wcwl-icon {
    margin-right: 0;
}

/* 在庫切れ */
.woocommerce div.product .out-of-stock {
    font-weight: bold;
}

/* 送料についてはこちら */
.summary.entry-summary .soryo {
    /* margin-bottom: 55px; */
	width: 100%;
    order: 3;
}
.summary.entry-summary .soryo a {
	color: #000;
    font-size: 12px;
    font-weight: bold;
    border-bottom: 2px solid;
    padding-bottom: 10px;
    padding-left: 30px;
    position: relative;
}
.summary.entry-summary .soryo a::before {
    content: '';
    background: url(/wordpress/wp-content/uploads/2022/11/souryo.svg) no-repeat 50% / contain;
    width: 20px;
    height: 20px;
    top: -2px;
    left: 2px;
    position: absolute;
}
.summary.entry-summary .soryo a:hover {
    opacity: .8;
    transition: .5s;
}

/* 数量 */
.quantity {
    position: relative;
}
.quantity:before {
    font-size: 13px;
    position: absolute;
    top: 0px;
}
.woocommerce .quantity .qty {
    padding: 6px 5px;
    width: 135px;
    border-radius: 0!important;
}

/*小計・オプション・数量を非表示*/
body.single-product :is(.wapf--inner>*:nth-child(1),.wapf--inner>*:nth-child(2),.quantity),
body.page-cart .product-quantity{
	display: none;
	border: 10px solid red;
}

/* カートに入れる */
.woocommerce div.product form.cart {
    order: 5;
    width: 100%;
}

/* 商品の説明並び順変更 */
.woocommerce div.product div.summary [class*="product-details"] {
    /* order: 6; */
    order: 3;
    border-bottom: none!important;
	width: 100%;
}

/* Noimage */
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
    height: 400px;
    position: relative;
	clear: both;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder img {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

/*ベーシックテーブル*/
.single-product .basic_table01 th {
	background-color: var(--base-1);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
お買い物カゴ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
form.woocommerce-cart-form th,
form.woocommerce-cart-form td{
    border: none;
}
form.woocommerce-cart-form .quantity:before {
    display: none;
}
.woocommerce table.shop_table {
    margin-bottom: 50px;
}

.cart-collaterals .cart_totals h2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 5px;
}

.cart-subtotal .woocommerce-Price-amount {
    color: #6d6c6c;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カート
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*カートに追加メッセージの「他の商品も見積もる」のリンク先が既にカートに入れた商品ページに行ってしまうので非表示*/
.page-cart .woocommerce-message a {
	display: none;
}

/*商品内容 非表示（価格・説明・数量）*/
.page-cart :is(.wc-block-cart-item__prices, .wc-block-components-product-metadata__description, .wc-block-components-quantity-selector) {
	display: none;
}

/*手続きに進むボタン*/
.wc-block-cart__submit-container {
    background-color: #333333;
    border: 2px solid #333333;
    transition: all 0.2s ease;
}

.wc-block-cart__submit-container:hover {
    background-color: #ffffff;
}

.wc-block-cart__submit-container span {
    color: #ffffff;
    transition: all 0.2s ease;
}

.wc-block-cart__submit-container:hover span {
    color: #000000;
}

.wc-block-cart__submit-container--sticky span {
	color: #000;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
見積もり手続き
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*ログイン*/
.page-checkout .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
	color: var(--main);
	transition: all 0.5s ease;
}

.page-checkout .wp-block-woocommerce-checkout .wc-block-checkout__login-prompt:hover {
	opacity: 0.7;
}

/*支払いオプション*/
.page-checkout #payment-method {
	display: none;
}

/*注文概要*/
.page-checkout :is(.wc-block-components-order-summary-item__quantity, .wc-block-components-order-summary-item__individual-prices, .wc-block-components-product-metadata__description) {
	display: none!important;
}

/*見積もりを依頼ボタン*/
.page-checkout .wc-block-checkout__actions_row button {
	font-weight: 500;
	background-color: #333333;
	border: 2px solid #333333;
	transition: all 0.2s ease;
}

.page-checkout .wc-block-checkout__actions_row button:hover {
	color: var(--text);
	background-color: #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
支払い完了
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
td.woocommerce-table__product-total.product-total {
	font-weight: bold;
}

/*操作 非表示*/
.page-checkout tr:has(th.order-actions--heading) {
	display:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
マイアカウント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*見積もり履歴 ＞ ステータス*/
.woocommerce-orders th.woocommerce-orders-table__header.woocommerce-orders-table__header-order-status {
	display: none;
}

.woocommerce-orders td.woocommerce-orders-table__cell-order-status {
	display: none!important;
}

/*見積もり履歴 ＞ 合計*/
.woocommerce-orders td.woocommerce-orders-table__cell-order-total {
	font-size: 0;
}

.woocommerce-orders td.woocommerce-orders-table__cell-order-total span {
	font-size: 15px;
}

/*見積もり履歴 ＞ 詳細 ＞ 操作*/
.page-my-account .woocommerce-order-details tfoot:has(.order-actions--heading) {
	display: none;
}