@charset "euc-jp";

:root {
	--karuizawa-blue: #191d6a;
	--karuizawa-green: #00723a;
	--buy-red: #ff222b;
	--sell-blue: #2484ff;
}

.karuizawa-blue { color: var(--karuizawa-blue);}
.karuizawa-green { color: var(--karuizawa-green);}
.bg-karuizawa-blue { background-color: var(--karuizawa-blue);}
.buy-red { color: var(--buy-red);}
.sell-blue { color: var(--sell-blue);}

.cont-wrapper {
	width: 900px;
	margin: 0 auto;
	color: #000;
	background-color: #fff;
}

h3 { color: #fff;}

.red { color: #d10000;}
.fc-price-red { color: #e4314e }

.fs-14 { font-size: 14px;}
.fs-16 { font-size: 16px;}

.indent2 {
	padding-left: 2em;
	text-indent: -2em;
}

.webf-jp-title {
	font-family: 'Noto Sans JP';
}

.img-box {
	line-height: 0;
}

.main-title-wrapper {
	padding: 63px 0;
	border-bottom: 1px solid #c8d0db;
}

.main-title {
	font-size: 40px;
	line-height: 64px;
}
.main-title span {
	position: relative;
	font-size: 52px;
	background: linear-gradient(transparent 70%, #c7d6e5 70%);
}
.main-sub-text {
	padding: 34px 0;
	font-size: 1.6rem;
	line-height: 2.2;
}
.main-sub-text-cap {
	padding-bottom: 34px;
	font-size: 1.3rem;
	color: #787c80;
}

/*** メインメニュー ***/
.main-menu {
	width: 860px;
	margin: 24px auto;
	border-radius: 8px;
	box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.2);
}
.main-menu li {
	float: left;
	position: relative;
	border: 1px solid #c8d0db;
	border-right: none;
}
.main-menu li:first-child,
.main-menu li:nth-child(2),
.main-menu li:nth-child(4),
.main-menu li:nth-child(5),
.main-menu li:nth-child(7),
.main-menu li:nth-child(8),
.main-menu li:nth-child(10),
.main-menu li:nth-child(11) {
	width: 286px;
}
.main-menu li:nth-child(3),
.main-menu li:nth-child(6),
.main-menu li:nth-child(9),
.main-menu li:nth-child(12) {
	width: 288px;
}
.main-menu li:first-child {
	border-top-left-radius: 8px;
}
.main-menu li:nth-child(3) {
	border-top-right-radius: 8px;
}
.main-menu li:nth-child(4),
.main-menu li:nth-child(5),
.main-menu li:nth-child(6),
.main-menu li:nth-child(7),
.main-menu li:nth-child(8),
.main-menu li:nth-child(9),
.main-menu li:nth-child(11) {
	border-top: none;
	border-right: none;
	border-radius: 0;
}
.main-menu li:nth-child(10) {
	border-top: none;
	border-bottom-left-radius: 8px;
}
.main-menu li::after {
	content: url(/karuizawainternational/img/about/pc-main-menu-icon.png);
	position: absolute;
	top: 20px;
	right: 18px;
}
.main-menu li:last-child {
	width: 574px;
	height: 69px;
	border-top: none;
	border-bottom-right-radius: 8px;
}
.main-menu li:last-child::after {
	content: '';
}

/* テキストが2行の場合の調整 */
.main-menu li:nth-child(7) a {
	line-height: 1.2;
	padding: 12px 0;
}
.main-menu li a {
	display: block;
	width: 100%;
	height: 68px;
	padding: 25px 0;
	overflow: hidden;
	line-height: 1;
	text-decoration: none;
}
.main-menu a span {
	padding-right: 28px;
	color: var(--karuizawa-blue);
	font-size: 18px;
	font-weight: bold;
}
.main-menu a:hover span {
	opacity: .8;
}

h3 {
	position: relative;
	padding: 64px 0;
	font-size: 40px;
}
h3 span {
	font-size: 32px;
}
h3.modal-inner-title {
	padding: 0;
}

/*** ここがポイント！ ***/
.points-wrap {
	padding: 0 20px 30px;
}
.points-wrap h3::before,
.flow-wrap h3::before {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	top: 4px;
	border-radius: 50%;
	height: 120px;
	width: 420px;
	background-color: #fff;
	opacity: .36;
	filter: blur(32px);
	z-index: 1;
}
.point-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 860px;
	margin: 0 auto;
}
.point-list li {
	position: relative;
	margin: 0 16px 36px 0;
	padding: 0 20px;
	width: 276px;
	height: 288px;
	background-color: #fff;
	box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.8);
}
.point-list li:nth-child(3),
.point-list li:nth-child(6) {
	margin-right: 0;
}
.point-list li::before {
	position: absolute;
	content: "POINT.";
	top: -16px;
	left: -3px;
	color: var(--karuizawa-green);
	font-size: 30px;
	font-family: 'Open Sans';
	text-shadow: 1px 1px #333;
}
.point-list li::after {
	position: absolute;
	top: -30px;
	left: 106px;
	color: var(--karuizawa-green);
	font-size: 44px;
	font-family: 'Open Sans';
	text-shadow: 1px 1px #333;
}
.point-list li:first-child::after {
	content: "01";
}
.point-list li:nth-child(2)::after {
	content: "02";
}
.point-list li:nth-child(3)::after {
	content: "03";
}
.point-list li:nth-child(4)::after {
	content: "04";
}
.point-list li:nth-child(5)::after {
	content: "05";
}
.point-list li:last-child::after {
	content: "05";
}
.point-list li:first-child {
	background: url(/karuizawainternational/img/about/pc-point-01-icon.png) 50% 24px no-repeat;
	background-color: #fff;
}
.point-list li:nth-child(2) {
	background: url(/karuizawainternational/img/about/pc-point-02-icon.png) 50% 40px no-repeat;
	background-color: #fff;
}
.point-list li:nth-child(3) {
	background: url(/karuizawainternational/img/about/pc-point-04-icon.png) 50% 32px no-repeat;
	background-color: #fff;
}
.point-list li:nth-child(4) {
	background: url(/karuizawainternational/img/about/pc-point-05-icon.png) 50% 36px no-repeat;
	background-color: #fff;
}
.point-list li:nth-child(5) {
	background: url(/karuizawainternational/img/about/pc-point-06-icon.png) 50% 36px no-repeat;
	background-color: #fff;
}
.point-list li:nth-child(6) {
	background: url(/karuizawainternational/img/about/pc-point-06-icon.png) 50% 36px no-repeat;
	background-color: #fff;
}
.point-list h4 {
	position: absolute;
	top: 146px;
	width: 236px;
	font-size: 16px;
	line-height: 1.2;
}
.point-list p {
	position: absolute;
	top: 190px;
	width: 236px;
	font-size: 14px;
	text-align: left;
	line-height: 1.4;
}

/*** 初めての方 ***/
.beginner-wrap {
	margin-bottom: 60px;
}
.beginner-btn-wrap {
	height: 78px;
}
.beginner-btn-list {
	width: 860px;
	margin: 0 auto;
}
.beginner-btn-list li {
	float: left;
	width: 425px;
	height: 50px;
	font-size: 18px;
	line-height: 1;
	font-weight: bold;
}
.beginner-btn-list li:first-child {
	margin-right: 10px;
}
.beginner-btn-list li.seller a {
	color: var(--sell-blue);
	background-color: #d7e9ff;
	border: 1px solid #9ec8fe;
	border-radius: 8px;
}
.beginner-btn-list li.seller a::after {
	position: absolute;
	content: url(/karuizawainternational/img/about/pc-beginner-sell-arrow.png);
	top: 15px;
	right: 26px;
}
.beginner-btn-list li.buyer a {
	color: var(--buy-red);
	background-color: #ffd9db;
	border: 1px solid #ffa5a9;
	border-radius: 8px;
}
.beginner-btn-list li.buyer a::after {
	position: absolute;
	content: url(/karuizawainternational/img/about/pc-beginner-buy-arrow.png);
	top: 15px;
	right: 26px;
}
.beginner-btn-list a {
	position: relative;
	display: block;
	padding: 18px 0;
	font-weight: bold;
	text-decoration: none;
	box-shadow: 0 4px 6px 1px rgba(0, 0, 0, 0.2);
}
.beginner-detail-wrap {
	position: relative;
	padding: 60px 0;
	background-color: #eceff2;
}
.beginner-detail-wrap::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 14px;
	background: linear-gradient(to bottom, #cfd6dd, #eceff2);
}
.beginner-detail-wrap::after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 14px;
	background: linear-gradient(to top, #cfd6dd, #eceff2);
}
.beginner-detail-wrap h4 {
	position: relative;
	display: block;
	font-size: 28px;
}
.beginner-detail-wrap h4::before {
	position: absolute;
	content: "";
	top: 12px;
	left: 20px;
	width: 340px;
	height: 3px;
}
.beginner-detail-wrap h4::after {
	position: absolute;
	content: "";
	top: 12px;
	right: 20px;
	width: 340px;
	height: 3px;
}
.beginner-detail-wrap .seller-title {
	color: var(--sell-blue);
}
.beginner-detail-wrap .seller-title::before,
.beginner-detail-wrap .seller-title::after {
	background-color: var(--sell-blue);
}
.beginner-detail-wrap .buyer-title {
	color: var(--buy-red);
}
.beginner-detail-wrap .buyer-title::before,
.beginner-detail-wrap .buyer-title::after {
	background-color: var(--buy-red);
}
.beginner-detail-box {
	width: 820px;
	margin: 48px auto 0;
	background-color: #fff;
	box-shadow: 0 4px 12px 1px rgba(0, 0, 0, 0.2);
}
.beginner-detail-box .detail-title {
	padding: 18px 0;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}
.beginner-detail-box .detail-title.seller {
	background-color: var(--sell-blue);
}
.beginner-detail-box .detail-title.buyer {
	background-color: var(--buy-red);
}
.beginner-step {
	font-family: 'Open Sans';
}
.beginner-step-num {
	font-size: 28px;
}
.beginner-step-wrap {
	padding: 30px;
	font-size: 16px;
	text-align: left;
	line-height: 2;
	color: #00214b;
}

.beginner-detail {
	position: relative;
	display: table;
	width: 760px;
	margin: 0 auto;
	overflow: hidden;
}
.beginner-detail.next-step-arrow {
	padding-bottom: 50px;
}
.beginner-detail.next-step-arrow::before {
	position: absolute;
	content: "";
	bottom: 25px;
	left: 0;
	width: 760px;
	height: 1px;
	background-color: #d5dae0;
}
.beginner-detail.next-step-arrow::after {
	position: absolute;
	content: url(/karuizawainternational/img/about/pc-beginner-step-arrow.png);
	bottom: 6px;
	left: 0;
	right: 0;
	margin: auto;
	width: 54px;
	text-align: center;
	background-color: #fff;
}
.beginner-detail li {
	display: table-cell;
	vertical-align: top;
}
.beginner-detail li.beginner-detail-img {
	width: 294px;
	font-size: 0;
}
.detail-sub-text {
	font-size: 14px;
	line-height: 1.4;
}
.id-apply {
	display: inline-block;
	padding: 0 6px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #d10000;
}
.address-conf-wrap {
	display: flex;
	justify-content: space-between;
}
.address-conf-step {
	width: 32%;
	padding: 12px;
	text-align: center;
	border: 1px solid #d5dae0;
	border-radius: 6px;
}



/*** お取引の流れ！ ***/
.flow-wrap {
	padding: 0 40px 60px;
}
.flow-wrap h3 {
	padding-bottom: 30px;
}
.ticket-flow {
	display: table;
	width: 820px;
	height: 1317px;
	vertical-align: top;
}
.ticket-flow .ticket-flow-seller {
	display: table-cell;
	position: relative;
	width: 330px;
	padding-right: 160px;
}
.ticket-flow .ticket-flow-seller::after {
	position: absolute;
	content: url(/karuizawainternational/img/about/pc-flow-lines.png);
	top: 45px;
	right: 0;
	width: 160px;
}
.ticket-flow .ticket-flow-buyer {
	display: table-cell;
	position: relative;
	width: 330px;
}
.ticket-flow .flow-box {
	width: 330px;
	color: #000;
	background-color: #fff;
	box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.8);
}
.ticket-flow .flow-box .flow-box-inner {
	padding: 20px 24px;
	font-size: 14px;
	text-align: left;
	line-height: 1.6;
}
.ticket-flow .flow-box .flow-box-inner.pt-6 {
	padding-top: 6px;
}
.ticket-flow .flow-box .flow-box-inner.pb-6 {
	padding-bottom: 6px;
}
.ticket-flow .flow-box-title {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.ticket-flow .flow-box .flow-box-inner dd {
	position: relative;
	padding-left: 1em;
}
.ticket-flow .flow-box .flow-box-inner dd::before {
	position: absolute;
	content: "・";
	left: 0;
}
.ticket-flow .flow-box.bottom-line::after {
	position: absolute;
	content: "";
	left: 0;
	right: 0;
	margin: auto;
	bottom: -200px;
	width: 30px;
	height: 200px;
	background-color: #d09600;
}
.ticket-flow .flow-buyer-03.bottom-line::after {
	bottom: -200px;
}
.ticket-flow .flow-box-faq li {
	position: relative;
	padding: 14px 0 14px 40px;
}
.ticket-flow .flow-box-faq li::before {
	position: absolute;
	content: url(/karuizawainternational/img/about/pc-flow-faq-icon.png);
	top: 4px;
	left: 0;
}
.ticket-flow .flow-box-faq li.ex-icon::before {
	content: url(/karuizawainternational/img/about/pc-flow-faq-icon2.png);
}
.ticket-flow .flow-box-faq a {
	font-size: 14px;
	color: #fff;
}

.ticket-flow .flow-box.seller {
	border-top: 6px solid var(--sell-blue);
}
.ticket-flow .flow-box.buyer {
	border-top: 6px solid var(--buy-red);
}
.ticket-flow .key-flow {
	padding: 14px 0;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}
.ticket-flow .key-flow.seller {
	background-color: var(--sell-blue);
}
.ticket-flow .key-flow.buyer {
	background-color: var(--buy-red);
}
.ticket-flow .key-flow.seller span,
.ticket-flow .key-flow.buyer span {
	font-size: 18px;
	font-weight: bold;
}

.ticket-flow .flow-box.flow-seller-01 {
	position: absolute;
	top: 63px;
	height: 223px;
}
.ticket-flow .flow-box.flow-seller-02 {
	position: absolute;
	top: 600px;
}
.ticket-flow .flow-box.flow-seller-03 {
	position: absolute;
	top: 954px;
	height: 104px;
}
.ticket-flow .flow-box.flow-seller-04 {
	position: absolute;
	top: 1168px;
	height: 125px;
}
.ticket-flow .flow-seller-faq {
	position: absolute;
	top: 304px;
}
.ticket-flow .flow-box.flow-buyer-01 {
	position: absolute;
	top: 132px;
	height: 244px;
}
.ticket-flow .flow-box.flow-buyer-02 {
	position: absolute;
	top: 400px;
	height: 230px;
}
.ticket-flow .flow-box.flow-buyer-03 {
	position: absolute;
	top: 674px;
	height: 306px;
}
.ticket-flow .flow-box.flow-buyer-04 {
	position: absolute;
	top: 1036px;
	height: 260px;
}
.flow-bottom-manner {
	margin-top: 42px;
}
.flow-bottom-manner a {
	background-color: #fff;
}

.flow-bottom-ticket-unit {
	
}
.flow-bottom-ticket-unit-title {
	position: relative;
	color: white;
	font-size: 2.8rem;
}

.flow-bottom-ticket-unit .unit-box {
	width: 680px;
	margin: 18px auto 0;
	padding: 24px;
	background-color: #fff;
	font-size: 1.8rem;
	border-radius: 4px;
}
.flow-bottom-ticket-unit .unit-box .display-price {
	display: inline-block;
	padding: 12px 18px;
	background-color: #f33;
	text-align: center;
	color: #fff;
	font-size: 1.8rem;
	border-radius: 4px;
}
.flow-bottom-ticket-unit .unit-box .display-price.group-seat {
	background-color: #06c;
}
.flow-bottom-ticket-unit .unit-box .display-price.child-seat {
	background-color: #fff;
	color: #ff0034;
	border: 2px solid #ff0034;
}
.flow-bottom-ticket-unit .unit-box .display-price-sample {
	display: flex;
	padding: 18px 0;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
}
.flow-bottom-ticket-unit .unit-box .display-price-sample p {
	flex-basis: 50%;
	align-self: center;
	padding-left: 48px;
}
.flow-bottom-ticket-unit .unit-box .display-price-sample p:last-child {
	border-left: 1px solid #ccc;
}
.flow-bottom-ticket-unit .unit-box .display-price-sample .tk-ico {
	margin-left: 148px;
}

.flow-bottom-notice {
	margin-top: 24px;
	padding: 18px 100px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	line-height: 1.6;
	background-color: #d10000;
}
.flow-bottom-notice-title {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.flow-bottom-notice-header {
	padding: 12px 18px;
	font-size: 16px;
	font-weight: bold;
	background-color: #fff;
	color: #d10000;
	border-radius: 4px;
}
.flow-bottom-notice-header.buyer {
	color: var(--sell-blue);
}
.flow-bottom-notice-header.seller {
	color: var(--buy-red);
}



/*** ご利用できるチケット ***/
.ticket-type-wrap {
	padding: 60px 20px;
}
.ticket-list-wrap {
	margin-top: -86px;
	padding: 46px 30px;
	background-color: #edf0f3;
}
.ticket-list-title {
	padding: 14px;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #00214b;
}

.ticket-list-1 {
	display: table;
	width: 800px;
	color: #00214b;
}
.ticket-list-1 li {
	display: table-cell;
	position: relative;
	width: 256px;
	padding-right: 16px;
}
.ticket-list-1 li:last-child {
	padding-right: 0;
}
.ticket-list-1 li p.ticket-type {
	position: absolute;
	display: block;
	width: 100%;
	top: 178px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
}
.ticket-list-1 li p.ticket-list-sub-text {
	font-size: 12px;
	text-align: left;
	line-height: 1.6;
}

.ticket-list-notice-header {
	padding: 10px 18px;
	font-size: 16px;
	font-weight: bold;
	line-height: normal;
	background-color: #fff;
	color: #d10000;
	border-radius: 4px;
}

.ticket-list-notice-wrap {
	padding: 18px;
	color: #000;
	background-color: #fff;
}

.ticket-list-notice {
	position: relative;
	margin: 32px 0 28px;
	padding: 48px 100px;
	color: #fff;
	font-size: 14px;
	text-align: left;
	line-height: 1.6;
	background-color: #d10000;
}
.ticket-list-notice-title {
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}

.ticket-list-notice::before {
	position: absolute;
	content: "";
	top: -14px;
	left: 118px;
	width: 30px;
	height: 30px;
	background-color: #d10000;
	transform: rotate(45deg);
}
.ticket-list-notice.no-arrow {
	margin-top: 18px;
}
.ticket-list-notice.no-arrow::before {
	display: none;
}

/*** バファローズ・マリーンズ用テーブル ***/
.other-resalable-ticket-tbl {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
}
.other-resalable-ticket-tbl th,
.other-resalable-ticket-tbl td {
	padding: 12px;
	border: 1px solid #e6e6e6;
	font-weight: bold;
}
.other-resalable-ticket-tbl th {
	width: 50%;
	font-size: 1.6rem;
	color: #fff;
	text-align: center;
}
.other-resalable-ticket-tbl td {
	font-size: 1.4rem;
	line-height: 1.2;
}
.other-resalable-ticket-tbl td.tbw-25 {
	width: 25%;
}



.unresellable-ticket-wrap {
	padding: 64px 186px;
	background-color: #d10000;
}
.unresellable-title-wrap {
	color: #d10000;
	background-color: #fff;
	font-size: 24px;
}
.unresellable-title-wrap p {
	position: relative;
	display: inline-block;
	padding: 14px 0 14px 46px;
	line-height: 1.2;
}
.unresellable-title-wrap p::before {
	position: absolute;
	content:  url(/karuizawainternational/img/about/pc-notice-icon.png);
	top: 11px;
	left: 0;
}
.unresellable-text-wrap {
	margin-top: 32px;
	padding: 38px;
	background-color: #fff;
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
}



/*** チケットリセール可能価格 ***/
.resellable-price-title {
	font-size: 32px;
}
.resellable-price-sub-title {
	position: relative;
	text-align: left;
	padding: 0 0 0 72px;
	font-size: 2.8rem;
}
.resellable-price-sub-title::before {
	content: "New!";
	position: absolute;
	display: inline-block;
	margin: 0;
	padding: 0 5px;
	top: -42px;
	left: -18px;
	width: 78px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	color: #333;
	font-size: 20px;
	font-weight: bold;
	background: #ffff33;
	border-radius: 50%;
	box-sizing: border-box;
}
.resellable-price-sub-title::after {
	content: "";
	position: absolute;
	bottom: 6px;
	left: 38px;
	margin-top: -15px;
	border: 12px solid transparent;
	border-left: 24px solid #ffff33;
	z-index: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.resellable-price-wrap {
	width: 820px;
	margin: 0 auto;
}
.resellable-price-sample {

}
.resellable-price-sample p {
	padding: 14px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}
.resellable-price-sample p.standard {
	background-color: #00214b;
}
.resellable-price-sample p.premium {
	background-color: #ac8f62;
}
.resellable-price-sample p.value {
	background-color: #d18016;
}
.resellable-price-sample2 {
	display: flex;
}

.ml-6em {
	margin-left: 6em;
}

.resellable-price-tbl {
	width: 820px;
	margin: 36px auto 0;
	border-collapse: collapse;
}
.resellable-price-tbl th {
	width: 50%;
	padding: 18px 0;
	font-size: 15px;
	color: #fff;
	background-color: #00214b;
}
.resellable-price-tbl td {
	width: 50%;
	padding: 18px 24px;
	font-size: 14px;
	background-color: #edf0f3;
	border-bottom: 1px solid #c5d3e2;
}
.resellable-price-tbl th:nth-child(odd),
.resellable-price-tbl td:nth-child(odd) {
	border-right: 1px solid #c5d3e2;
}

.ticket-number-wrap {
	width: 820px;
	margin: 0 auto;
	padding: 40px;
	background-color: #edf0f3;
	font-size: 14px;
	text-align: left;
	line-height: 1.4;
}
.ticket-number-wrap.mb-12 {
	margin: 0 auto 12px;
}

.ticket-number-title {
	margin: 0 auto;
	text-align: center;
}
.ticket-number-title p {
	display: inline;
	padding-bottom: 8px;
	font-size: 16px;
	font-weight: bold;
	background: linear-gradient(transparent 90%, #00214b 70%);
}
.ticket-number-title span {
	color: #d10000;
	font-size: 24px;
	font-weight: bold;
}
.ticket-number-title.group-ticket {
	margin: 18px auto 0;
}



/*** 手数料について ***/
.seller-commission-tbl,
.buyer-commission-tbl {
	width: 820px;
	margin: 36px auto 0;
	border-collapse: collapse;
}
.seller-commission-tbl th,
.buyer-commission-tbl th {
	width: 50%;
	padding: 18px 0;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	background-color: #00214b;
}
.seller-commission-tbl td,
.buyer-commission-tbl td {
	width: 50%;
	padding: 18px 24px;
	font-size: 14px;
	background-color: #edf0f3;
	border-bottom: 1px solid #c5d3e2;
}
.seller-commission-tbl th:nth-child(odd),
.seller-commission-tbl td:nth-child(odd),
.buyer-commission-tbl th:nth-child(odd),
.buyer-commission-tbl td:nth-child(odd) {
	border-right: 1px solid #c5d3e2;
}
.seller-commission-tbl th {
	background-color: var(--sell-blue);
}
.seller-commission-tbl td.sub-header {
	color: #fff;
	background-color: #65a8fe;
}
.buyer-commission-tbl th {
	background-color: var(--buy-red);
}
.buyer-commission-tbl td.sub-header {
	color: #fff;
	background-color: #fd676d;
}



/*** よくあるご質問 ***/
.faq-wrap {
	padding: 64px 40px;
	background-color: #edf0f3;
}

.bottom-cont-wrap {
	padding: 56px 40px;
	border-bottom: 1px solid #dfe4e9;
}
.bottom-cont-wrap ul {
	display: table;
	width: 820px;
}
.bottom-cont-wrap li {
	display: table-cell;
	text-align: left;
	font-size: 14px;
	line-height: 1.6;
	vertical-align: top;
}
.bottom-cont-wrap li.img {
	padding-right: 30px;
	width: 230px;
	text-align: center;
}



/*** モーダル内コンテンツ ***/
.modal-inner-title.lions {
	margin-bottom: 0;
	color: #00214b;
	border-bottom: none;
}
.modal-inner-text.lions {
	color: #00214b;
}
.detail-link {
	position: relative;
	display: block;
	padding: 6px 12px;
	color: #00214b;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #c8d0db;
	border-radius: 8px;
}
.detail-link.small {
	width: 194px;
}
.detail-link.medium {
	width: 278px;
}
.detail-link::after {
	position: absolute;
	content: url(/karuizawainternational/img/about/pc-detail-link-arrow.png);
	top: calc( 50% - 12px);
	right: 12px;
}
.detail-link.large {
	width: 100%;
	margin: 0 auto;
	padding: 18px 36px;
	font-size: 16px;
	text-align: left;
	line-height: 1;
}
.detail-link.large.deliver {
	padding: 18px 36px 18px 10px;
}
.detail-link.large .detail-text {
	position: absolute;
	top: 18px;
	right: 50px;
	color: #d80c18;
	line-height: 1;
}
.detail-link.center {
	margin-left: auto;
	margin-right: auto;
}
.detail-link.no-arrow::after {
	content: '';
}
.detail-link.no-arrow a {
	text-decoration: none;
}

/* -------------説明部分タブ化----------------- */
.tab-list {
	display: flex;
}
.tab-btn.show {
	cursor: auto;
}
.tab-btn {
	cursor: pointer;
}
.tab-cont {
	display: none;
}
.tab-cont.show {
	display: block;
}
.npbo-about-tab-btn {
	width: 50%;
	padding: 12px 0;
	color: #fff;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-color: #ff6f6f;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.npbo-about-tab-btn.show {
	color: #d10000;
	background-color: #fff;
}
.npbo-about-tab-cont.show {
	padding: 18px;
	color: #000;
	background-color: #fff;
}

.cancellation-tab-btn {
	width: 50%;
	padding: 12px 0 0;
	text-align: center;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.cancellation-tab-btn.seller.show {
	background-color: var(--sell-blue);
}
.cancellation-tab-btn.seller {
	background-color: #d5e7ff;
}
.cancellation-tab-btn.buyer.show {
	background-color: var(--buy-red);
}
.cancellation-tab-btn.buyer {
	background-color: #ffd3d4;
}
.cancellation-tab-btn img {
	opacity: 0.8;
}
.cancellation-tab-btn:hover img,
.cancellation-tab-btn.show img {
	opacity: 1.0;
}

.tab-list-reverse {
	flex-direction: row-reverse;
}

/* -------------発送完了・受取完了----------------- */
.uketori-tbl {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
}
.uketori-tbl th,
.uketori-tbl td {
	padding: 12px;
	border: 1px solid #d5dae0;
}
.uketori-tbl th {
	width: 180px;
	color: #fff;
	background-color: #666;
}



/* -------------フッターのトップへ戻るボタン(SP版の物を流用)----------------- */
.js-top-btn {
	width: 54px;
	height: 54px;
	position: fixed;
	right: 10%;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
	color: #fff;
	background-color: #333;
	border-radius: 32px;
	opacity: .8;
	z-index: 100;
	cursor: pointer;
}

/*** トップに戻るボタン ***/
.to_top {
	width: 960px;
	margin: 36px auto;
	padding-right: 24px;
	text-align: right;
	font-size: 1.4rem;
}