@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* ============ USAGO 商品一覧カード ============ */
.usago5-products { margin: 24px 0; }
.usago5-products__grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
}
@media (max-width: 959px) {
	.usago5-products__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 599px) {
	.usago5-products__grid { grid-template-columns: 1fr; }
}
.usago5-product-card {
	border: 1px solid #d5dff0;
	border-radius: 8px;
	overflow: hidden;
	background: #fff;
	transition: box-shadow .2s;
}
.usago5-product-card:hover { box-shadow: 0 4px 16px rgba(0,0,0,.12); }
.usago5-product-card__link { display: block; color: inherit; text-decoration: none; }
.usago5-product-card__thumb { background: #f7f9fc; }
.usago5-product-card__thumb img { width: 100%; height: 200px; object-fit: cover; display: block; }
.usago5-product-card__body { padding: 16px; }
.usago5-product-card__name {
	font-size: 15px; font-weight: bold; color: #1a3d7c;
	margin: 0 0 10px; line-height: 1.4;
}
.usago5-product-card__pricebox {
	background: #f7f7f7; border-radius: 6px; padding: 10px 12px; margin-bottom: 10px;
}
.usago5-product-card__label { display: block; font-size: 12px; color: #e60000; font-weight: bold; }
.usago5-product-card__price { display: block; font-size: 26px; font-weight: bold; color: #e60000; margin: 2px 0; }
.usago5-product-card__note { display: block; font-size: 11px; color: #888; }
.usago5-product-card__desc { font-size: 12px; color: #555; line-height: 1.7; margin: 0 0 14px; }
.usago5-product-card__btn {
	display: block; text-align: center;
	background: #1a3d7c; color: #fff;
	padding: 10px; border-radius: 6px;
	font-size: 14px; font-weight: bold;
}
.usago5-product-card:hover .usago5-product-card__btn { background: #15305f; }
.usago5-products__empty { color: #888; padding: 24px 0; }
/* 円換算（注記・小さく表示） */
.usago5-product-card__jpy { display: block; font-size: 11px; color: #999; margin-top: 4px; }
/* ボタンをカード下部で揃える */
.usago5-product-card { display: flex; flex-direction: column; }
.usago5-product-card__link { display: flex; flex-direction: column; flex: 1; }
.usago5-product-card__body { display: flex; flex-direction: column; flex: 1; }
.usago5-product-card__btn { margin-top: auto; }
/* 価格 = クリックで購入 */
.usago5-buy-link { display: block; text-decoration: none; cursor: pointer; }
.usago5-buy-link:hover { opacity: .85; }
.usago5-product-card__price { position: relative; }
.usago5-buy-link::after { content: "クリックで購入"; display: block; font-size: 10px; font-weight: normal; color: #e60000; }
/* 各カードの欄を揃える（高さ固定） */
.usago5-product-card__name { min-height: 42px; }  /* 2行分 */
.usago5-product-card__pricebox { min-height: 110px; }
.usago5-product-card__desc { min-height: 60px; }  /* 2行分 */
/* 商品名・説明を2行に固定して欄を揃える（はみ出しは省略） */
.usago5-product-card__name {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 42px;
}
.usago5-product-card__desc {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	min-height: 40px;
}
.usago5-product-card__pricebox { min-height: 110px; }

/* ============ USAGO 旧HTMLデザイン再現（パイロット: usago-about id_3636） ============ */
/* 旧HTML usago.html のデザイン（青見出しバー・赤強調・罫線テーブル）をレスポンシブ再現 */
#body_wrap.id_3636 .post_content {
	font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color: #3E4E57;
	line-height: 1.8;
}
#body_wrap.id_3636 .post_content > h2 {
	background: #5084C4;
	color: #fff;
	font-weight: bold;
	padding: 12px 15px;
	border-radius: 4px;
	margin: 24px 0 16px;
	font-size: 1.25em;
	line-height: 1.5;
}
#body_wrap.id_3636 .post_content h3 {
	background: #5084C4;
	color: #fff;
	font-weight: bold;
	padding: 10px 15px;
	border-radius: 3px;
	margin: 20px 0 12px;
	font-size: 1.1em;
}
#body_wrap.id_3636 .post_content p {
	color: #3E4E57;
	line-height: 1.8;
	margin: 8px 0;
}
#body_wrap.id_3636 .post_content strong { color: #E5005A; }
#body_wrap.id_3636 .post_content table {
	width: 100%;
	border-collapse: collapse;
	margin: 12px 0;
}
#body_wrap.id_3636 .post_content table th {
	background: #5084C4;
	color: #fff;
	font-weight: bold;
	padding: 8px 10px;
	border: 1px solid #85A9D6;
}
#body_wrap.id_3636 .post_content table td {
	padding: 8px 10px;
	border: 1px solid #85A9D6;
	vertical-align: top;
}
#body_wrap.id_3636 .post_content ul { padding-left: 1.5em; }
#body_wrap.id_3636 .post_content li { list-style: square; margin: 4px 0; }
@media (max-width: 768px) {
	#body_wrap.id_3636 .post_content table { display: block; overflow-x: auto; white-space: nowrap; }
	#body_wrap.id_3636 .post_content > h2 { font-size: 1.1em; }
}

/* ===== USAGO 旧HTML構造クラス（usago-about id_3636） ===== */
/* キャッチ（旧 .catch5）: 赤・大・中央 */
#body_wrap.id_3636 .post_content h2.usago_catch {
	font-size: 150%;
	line-height: 1.8;
	color: #E5005A;
	font-weight: bold;
	text-align: center;
	background: none;
	border: none;
	padding: 0 0 10px;
	margin: 20px 0;
}
/* 見出しバー（旧 .usago1）: 青背景・白字 */
#body_wrap.id_3636 .post_content h3.usago_bar {
	font-size: 130%;
	line-height: 1.5;
	font-weight: bold;
	background-color: #5084C4;
	color: #fff;
	padding: 10px 15px;
	margin: 20px 0 12px;
	text-align: left;
	border-radius: 3px;
}
/* 本文（旧 .usago2） */
#body_wrap.id_3636 .post_content p.usago_text {
	color: #3E4E57;
	line-height: 1.8;
	padding: 8px 0;
}
/* 罫線テーブル（旧 .price1） */
#body_wrap.id_3636 .post_content table.usago_table th {
	background: #5084C4;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
@media (max-width: 768px) {
	#body_wrap.id_3636 .post_content h2.usago_catch { font-size: 120%; }
}

/* ===== 旧HTMLテーブル1列目（price1 青セル）再現 ===== */
#body_wrap.id_3636 .post_content table.usago_table td:first-child {
	background: #5084C4;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 180px;
}


/* ===== デスクトップ: ヘッダーロゴを中央、メニューを下段に配置 ===== */
@media (min-width: 960px) {
  .l-header__inner { flex-wrap: wrap; }
  .l-header__logo {
    order: 1; width: 100%;
    justify-content: center;
    text-align: center;
    padding-bottom: 0;
  }
  .l-header__logo .c-headLogo { margin: 0 auto; }
  .l-header__gnav {
    order: 2; width: 100%;
    justify-content: center;
  }
}


/* ===== 右サイドバー「ご利用方法」3URLをピンクボタン風に（custom_html-3 のみ） ===== */
#custom_html-3 .swell_widget_list li {
	margin: 8px 0;
	list-style: none;
}
#custom_html-3 .swell_widget_list li a {
	display: block;
	background: #E5005A;
	color: #fff !important;
	font-weight: bold;
	text-align: center;
	border-radius: 6px;
	padding: 12px 18px;
	text-decoration: none;
	transition: opacity 0.2s;
}
#custom_html-3 .swell_widget_list li a:hover {
	opacity: 0.85;
}

/* ===== トップメニュー中央揃え（デスクトップ） ===== */
@media (min-width: 960px) {
	.l-header__gnav > ul {
		width: fit-content;
		margin: 0 auto;
		justify-content: center;
	}
}




/* 光沢ボタン: 周期30秒・光のスイープ速度は標準のまま（Tomo 依頼 2026-08-23） */
.is-style-btn_shiny a:after {
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
}
@-webkit-keyframes shiny_btn {
	0%, 98.5% { opacity: 0; -webkit-transform: scale(0) rotate(25deg); transform: scale(0) rotate(25deg); }
	99% { opacity: .9; -webkit-transform: scale(1) rotate(25deg); transform: scale(1) rotate(25deg); }
	to { opacity: 0; -webkit-transform: scale(50) rotate(25deg); transform: scale(50) rotate(25deg); }
}
@keyframes shiny_btn {
	0%, 98.5% { opacity: 0; transform: scale(0) rotate(25deg); }
	99% { opacity: .9; transform: scale(1) rotate(25deg); }
	to { opacity: 0; transform: scale(50) rotate(25deg); }
}




/* USAGO-LPA スライダー画像(slider1)直下に8px USAGO赤ライン（Tomo依頼 2026-08-23） */
figure.wp-block-image:has(img.wp-image-1540) {
	border-bottom: 8px solid #E00359;
}


/* USAGO-LPA 見出し(H2)のグレー背景を可視化 #c7c7c7（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .post_content h2.has-swl-gray-background-color {
	background-color: #c7c7c7 !important;
}






/* LP-A(USAGO-LPA)のコンテンツ幅を LP-B/C に揃える（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .l-content {
	padding: 0 16px;
}
#body_wrap.page-id-1994 .l-article {
	max-width: 1232px;
	padding: 0;
	margin: 0 auto;
}

/* LP-A モバイル: padding を LP-B/C と同じ 7.5px に（Tomo依頼 2026-08-23） */
@media (max-width: 599px) {
	#body_wrap.page-id-1994 .l-content {
		padding: 0 7.5px;
	}
}

/* USAGO-LPA「誰の笑顔」段落Box: 上ボーダーなし・他3辺8px（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .wp-block-group.has-border:has([data-id="f5b3f843"]) {
	border-top-width: 0;
	border-right-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 8px;
}


/* 「誰の笑顔」Box直後の「海を越える物流」H2: 上マージンなし（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .wp-block-group.has-border:has([data-id="f5b3f843"]) + h2 {
	margin-top: 0;
}


/* 「誰の笑顔」Box: 下パディング・マージンなし（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .wp-block-group.has-border:has([data-id="f5b3f843"]) {
	padding-bottom: 0;
	margin-bottom: 0;
}

/* 「海を越える物流」H2 の幅を上のBox(1200px)に揃える（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .wp-block-group.has-border:has([data-id="f5b3f843"]) + h2 {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* 「海を越える物流」H2直後のBox: 枠8pxグレー・上なし（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .wp-block-group.has-border:has([data-id="f5b3f843"]) + h2 + .wp-block-group.has-border {
	border: 8px solid #c7c7c7;
	border-top-width: 0;
}

/* 「USAGOとは」H2 の幅を上のBox(1200px)に揃える（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .wp-block-group.has-border:has([data-id="f5b3f843"]) + h2 + .wp-block-group.has-border + h2 {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* 「USAGOとは」H2直後の会員登録Box: 枠8px紺・上なし（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .wp-block-group.has-border:has([data-id="f5b3f843"]) + h2 + .wp-block-group.has-border + h2 + .wp-block-group.has-border {
	border: 8px solid #002868;
	border-top-width: 0;
}

/* 「アメリカの転送サービス」H2 の幅を上のBox(1200px)に揃える（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .wp-block-group.has-border:has([data-id="f5b3f843"]) + h2 + .wp-block-group.has-border + h2 + .wp-block-group.has-border + h2 {
	width: 100%;
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}

/* 「アメリカの転送サービス」H2直後のBox: 枠8px・上なし・色H2と同じ（Tomo依頼 2026-08-23） */
#body_wrap.page-id-1994 .wp-block-group.has-border:has([data-id="f5b3f843"]) + h2 + .wp-block-group.has-border + h2 + .wp-block-group.has-border + h2 + .wp-block-group.has-border {
	border-top-width: 0;
	border-right-width: 8px;
	border-bottom-width: 8px;
	border-left-width: 8px;
	border-color: #c7c7c7;
}