<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* CSS Document */


/*************************************************************************************************************************
* デフォルト：640px以下用の記述
*************************************************************************************************************************/
body.minihd{ background: white; min-height: calc(100vh - 90px); position: relative; padding-bottom: 0!important;}
body.minihd #main{ padding: 40px 10px 100px; max-width: 1140px; min-width: auto; width: auto;}
#main *{ box-sizing: border-box;}
.minifooter{ width: 100%; position: absolute; left: 0; bottom: 0;}


/* content */
.detail_area{ padding: 30px 20px; border: #e5e5e5 1px solid; border-radius: 10px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);}
#bid,
#history,
#bidlog{ font-size: 14px;}


/* btn */
.detail_area .btn,
.modal .btn{ width: 100%; height: 50px; padding: 0 20px!important; margin: 16px auto 0; font-weight: bold; border-radius: 6px;}
.detail_area .btn_blue,
.modal .btn_blue{ background: #005bac;}
.detail_area .btn_blue.disabled{ background: #a4c6e6!important;}

.detail_area .btn_white{ background: white; max-width: 420px; color: #005bac!important; line-height: 50px; border: #005bac 1px solid;}


/* txt */
.bid_complete,
.bid_error{ display: table; background: #e6f6ef; width: calc(100% - 20px); max-width: 600px; padding: 16px 40px 16px 20px; position: fixed; top: 46px; left: 50%; color: #0da960; border: #0da960 1px solid; border-radius: 4px; -webkit-transform: translate(-50%, 0);transform: translate(-50%, 0); z-index: 10000000;}
.bid_error{ background: #fef2f0; color: #e61616; border-color: #e61616; }

.bid_complete span,
.bid_error span{ display: inline-block; padding-left: 30px;}
.bid_complete span{ background: url("/parts/img/cp/auction/icon_available.svg")no-repeat left center /20px;}
.bid_error span{ background: url("/parts/img/cp/regdom/ico_ng.svg")no-repeat left center /20px;}
.bid_complete .close_btn,
.bid_error .close_btn{ position: absolute; top: 50%; right: 14px; margin-top: -2px; color: #666; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 22px; font-weight: 200; line-height: 1; text-decoration: none; -webkit-transform: translate(0, -50%);transform: translate(0, -50%); }


/* table */
.table_cp{ margin: 0; min-width: 500px; font-size: 14px; border-radius: 10px 10px 0 0;}
.table_cp th,
.table_cp td{ height: 54px; padding: 8px 20px; border: none;}
.table_cp .dataTables_empty{ font-size: 13px; vertical-align: middle;}

.table_cp thead{ font-size: 12px; color: #666;}
.table_cp thead th{ background: #f2f4f5; }
.table_cp thead .account{ width: 36%; border-radius: 10px 0 0 0; }
.table_cp thead .price{ width: 26%;}
.table_cp thead .day{ width: 38%; border-radius: 0 10px 0 0;}
.table_cp tbody tr{ border-bottom: #e5e5e5 1px solid;}
.table_cp tbody th{ background: none;}


/* bid
**********************************************************************/
#bid .tit_area{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-end; margin-bottom: 14px;}
#bid .tit_area .domain{ width: 100%; font-size: 26px; font-weight: bold; line-height: 1.4;}
#bid .tit_area ul{ display: none; justify-content: flex-end; margin: 10px 0 0 auto; }
#bid .tit_area li{ padding-left: 20px; color: #666; font-size: 12px;}
#bid .tit_area .fav{ background: url("/parts/img/cp/auction/icon_fav.svg")no-repeat left center /14px auto;}
#bid .tit_area .view{ background: url("/parts/img/cp/auction/icon_view.svg")no-repeat left center /14px auto; margin-left: 10px;}
#bid .tit_area li span{ font-size: 14px;}

#bid .detail_area,
#bid .inner .main,
#bid .inner .main li{ display: flex; justify-content: space-between; flex-wrap: wrap;}

#bid .detail_area .inner{ width: 100%;}
#bid .inner .main li{ padding-bottom: 12px; border-bottom: #e5e5e5 1px solid;}
#bid .inner .main li:not(:first-child){ margin-top: 16px;}
#bid .inner .main .tit{ width: 100%; margin-bottom: 6px; color: #666;}
#bid .inner .main p{ line-height: 1;}

#bid .inner .main .price{ width: 100%; padding-bottom: 16px;}
#bid .inner .main .price p{ color: #005bac; font-size: 18px;}
#bid .inner .main .price p span{ font-size: 26px; font-weight: bold;}

#bid .inner .main .num{ width: 30%;}
#bid .inner .main .num p{ color: #00aca7; font-size: 20px; font-weight: bold;}
#bid .inner .main .rest{ width: 60%;}
#bid .inner .main .rest p{ font-weight: bold;}
#bid .inner .main .rest p span{ font-size: 18px;}

#bid .inner .now{ margin-top: 20px; padding: 20px 10px; border: #e5e5e5 1px solid; border-radius: 6px; }
#bid .inner .now li{ display: flex; }
#bid .inner .now li:not(:first-child){ margin-top: 6px;}
#bid .inner .now .tit{ width: 34%; max-width: 120px; padding-top: 2px; color: #666; font-size: 12px;}
#bid .inner .now p{ width: 66%; font-weight: bold;}
#bid .inner .now .highest{ display: block; margin-top: 4px; color: #005bac; font-size: 12px;}
#bid .inner .now a{ color: #005bac}

#bid .set{ background: #ebf5ff; width: 100%; padding: 20px 10px; margin-top: 20px; border-radius: 8px;}
#bid .set .tit{ margin-bottom: 14px; padding-bottom: 10px; color: #005bac; font-weight: bold; border-bottom: #e5e5e5 1px solid;}
#bid .set .txt span{ font-size: 12px;}
#bid .set .txt span a{ color: #005bac; text-decoration: underline;}

#bid .set .input_area{ background: white; margin: 10px 0 16px; position: relative; border: #e5e5e5 1px solid; border-radius: 6px;}
#bid .set .input_area span{ display: block; width: 50px; height: 54px; position: absolute; top: 0; left: 0; font-size: 18px; line-height: 54px; text-align: center; border-right: #e5e5e5 1px solid;}
#bid .set .input_area input{ background: none; width: 100%; height: 54px; padding: 0 10px 0 60px; font-size: 22px; text-align: right; border: none;}

#bid .set .attTxt a{ color: #005bac; }
#bid .set .add{ display: flex; justify-content: center; flex-wrap: wrap; margin: 0 -3px;}
#bid .set .add li{ background: white; width: 31%; padding: 8px 0; margin: 0 3px 6px; font-size: 12px; line-height: 1; text-align: center; border: #e5e5e5 1px solid; border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); cursor: pointer;}


/* history
**********************************************************************/
#history{ margin-top: 40px; }
#history .detail_area{ padding-top: 0; overflow: hidden;}
#history .leftTit{ margin-bottom: 20px; font-size: 16px; border-width: 3px;}

#history .scroll{ width: auto; margin: 0 -20px;}
#history table .price{ text-align: right;}

#history table thead .account{ width: 36%; border-radius: 10px 0 0 0; }
#history table thead .price{ width: 26%;}
#history table thead .day{ width: 38%; border-radius: 0 10px 0 0;}

#history table tbody tr{ font-weight: bold; }
#history table tbody tr:nth-child(n+6){ display: none;}
#history table tbody th{ font-weight: bold;}
#history table tbody .price{ color: #005bac;}
#history table tbody .highest{ display: block; margin-left: -10px; font-size: 12px; }


/* modal
**********************************************************************/
.modal{ display: none; background: rgba(255,255,255,.8); width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow-y: scroll; z-index:10000000; }
.modal .detail{ background: white; width: calc(100% - 20px); max-width: 800px; padding: 30px 20px; margin-top: 20px; position: relative; border-radius: 10px; box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.1);}
.modal .detail .close_btn{ position: absolute; top: 14px; right: 20px; color: #666; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-size: 22px; font-weight: 200; line-height: 1; text-decoration: none;}
.modal .detail &gt; .tit{ margin-bottom: 20px; padding-bottom: 10px; font-size: 16px; font-weight: bold; text-align: center; border-bottom: #e5e5e5 1px solid;}
.modal .detail &gt; .tit span{ display: table; background: #ebf5ff; padding: 2px 16px; margin: 0 auto 10px; font-size: 12px; font-weight: normal; border-radius: 50px;}
.modal .detail .btn_back{ display: block; background: white; width: 180px; height: 40px; padding-top: 0!important; margin: 40px auto 0; color: #222!important; font-size: 12px; line-height: 40px; border-radius: 6px; border: #e5e5e5 1px solid;}

.modal .confirm{ display: none; max-width: 480px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
.modal .confirm dl{ display: flex; justify-content: space-between; align-items: center;}
.modal .confirm dt{ font-size: 14px;}
.modal .confirm dd{ color: #005bac; font-size: 16px;}
.modal .confirm dd span{ font-size: 22px; font-weight: bold;}
.modal .confirm .attTxt{ margin-top: 40px; color: #666; font-size: 12px;}
.modal .confirm .btn_blue{ margin-top: 14px; line-height: 50px; }
.modal .confirm .btn_back{ margin-top: 24px;}

.modal .manual,
.modal .unit{ display: none; margin: 40px auto;}
.modal .manual &gt; .txt,
.modal .unit &gt; .txt{ font-size: 12px;}
.modal .manual &gt; .txt span{ display: block; font-weight: bold; color: #005bac; }

.modal .manual ul,
.modal .unit .tb01{ margin: 22px auto -14px;}
.modal .manual ul{ display: flex; justify-content: center; flex-wrap: wrap; }
.modal .manual li{ width: 100%; max-width: 320px; overflow: hidden; border: #e5e5e5 1px solid; border-radius: 6px;}
.modal .manual li:last-child{ margin-top: 20px;}
.modal .manual li .tit{ background: #f2f4f5; padding: 8px 0; font-size: 12px; font-weight: bold; text-align: center; border-bottom: #e5e5e5 1px solid;}
.modal .manual li &gt; div{ margin: 0 auto; padding: 20px;}

.modal .manual .price{ height: 42px; padding: 0 18px; position: relative; font-size: 24px; line-height: 42px; text-align: right; border: #e5e5e5 1px solid; border-radius: 4px;}
.modal .manual .price span{ width: 40px; height: 40px; position: absolute; top: 0; left: 0; font-size: 20px; line-height: 40px; text-align: center; border-right: #e5e5e5 1px solid;}
.modal .manual .price.blue{ color: #005bac; line-height: 40px; border: #005bac 2px solid;}
.modal .manual .price.blue span{ border-right: #005bac 2px solid;}

.modal .manual .manual_btn,
.modal .unit .manual_btn{ background: #005bac; height: 40px; margin-top: 15px; color: white; font-size: 12px; font-weight: bold; line-height: 40px; text-align: center; border-radius: 4px;}
.modal .manual li .txt{ margin-top: 12px; font-size: 12px;}
.modal .manual li .txt span{ color: #005bac;}

.modal .unit .tb01 th,
.modal .unit .tb01 td{ padding-top: 8px; padding-bottom: 8px; width: 50%; font-size: 13px; text-align: center; border: #e5e5e5 1px solid; }
.modal .unit .tb01 thead th{ background: #f2f4f5; color: #666;}
.modal .unit .tb01 tbody td:last-of-type{ font-weight: bold;}


/* bidlog（myauctionlist.php）
**********************************************************************/
#bidlog .fade_btn{ display: flex; justify-content: center; margin: 0 0 20px; border-bottom: #e5e5e5 1px solid; }
#bidlog .fade_btn li:last-child{margin-left: 24px;}
#bidlog .fade_btn a{ display: block; padding-bottom: 12px; margin-bottom: -1px; color: #999; font-size: 14px; font-weight: bold; text-decoration: none; border-bottom: transparent 2px solid;}
#bidlog .fade_btn li.on a{ color: #005bac; border-bottom-color: #005bac;}

#bidlog .detail_area{ padding: 0 0 20px; overflow: hidden;}
#bidlog .detail_area#success{ display: none;}

#bidlog #auctionTable01_wrapper,
#bidlog #auctionTable02_wrapper{ max-height: 800px; overflow: scroll;}
#bidlog .table_cp{ min-width: 660px;position: relative; border-collapse: collapse;}
#bidlog #auctionTable01{ min-width: 500px;}
#bidlog .table_cp .price{ text-align: right;}

#bidlog .table_cp thead{ position: sticky; top:0; z-index: 101;}
#bidlog .table_cp thead th{ font-weight: normal; border-bottom: none;}
#bidlog .table_cp thead .day{ width: 32%; border-radius: 10px 0 0 0;}
#bidlog .table_cp thead .domain{ width: 36%;}
#bidlog .table_cp thead .price{ width: 24%; text-align: right; border-radius: 0 10px 0 0;}

#bidlog .table_cp thead th::before,
#bidlog .table_cp thead th::after{ content: ""; opacity: 1; right: 100%;border-right: 4px solid transparent;border-left: 4px solid transparent;}
#bidlog .table_cp thead th::before{ margin-bottom: 2px; border-bottom: 6px solid #ccc;}
#bidlog .table_cp thead th::after{ margin-top: 1px; border-top: 6px solid #ccc;}
#bidlog .table_cp thead .sorting_asc::before{ border-bottom-color: #666;}
#bidlog .table_cp thead .sorting_desc::after{ border-top-color: #666;}

#bidlog .table_cp thead .method::before,
#bidlog .table_cp thead .method::after{ display: none;}
#bidlog .table_cp thead .day::before,
#bidlog .table_cp thead .day::after{ margin-right: -72px; }
#bidlog .table_cp thead .domain::before,
#bidlog .table_cp thead .domain::after{ margin-right: -84px; }
#bidlog .table_cp thead .price::before,
#bidlog .table_cp thead .price::after{ right: 10px; }

#bidlog .table_cp tbody .domain a{ color: #005bac; }
#bidlog .table_cp tbody .domain,
#bidlog .table_cp tbody .price{ font-weight: bold;}
#bidlog .table_cp tbody .method{ font-size: 12px; }

/* success */
#bidlog #success .table_cp .price{ padding: 0 50px 0 0; border-radius: 0; }
#bidlog #success .table_cp .method{ text-align: center; border-radius: 0 10px 0 0;}
#bidlog #success .table_cp thead .day::before,
#bidlog #success .table_cp thead .day::after{ margin-right: -98px; }
#bidlog #success .table_cp thead .price{ padding-right: 60px;}
#bidlog #success .table_cp thead .price::before,
#bidlog #success .table_cp thead .price::after{ right: 46px; }


/*************************************************************************************************************************
* 700px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:700px) {

	/* bid
	**********************************************************************/
	#bid .detail_area .inner{ width: 50%;}
	#bid .set{ width: 46%;}


	/* modal
	**********************************************************************/
	.modal .manual ul{ justify-content: space-between; background: url("/parts/img/cp/auction/icon_arrow.svg")no-repeat center /68px auto;}
	.modal .manual li{ width: 44%; }
	.modal .manual li:last-child{ margin-top: 0;}
}

@media print, screen and (min-width:769px) {
	body.minihd{ min-height: calc(100vh - 48px);}
}


/*************************************************************************************************************************
* 980px以上用の記述
*************************************************************************************************************************/
@media print, screen and (min-width:980px){
	body.minihd #main{ padding: 60px 10px 100px; }

	/* content */
	.detail_area{ padding: 40px 40px 50px;}
	#bid,
	#history{ font-size: 16px;}


	/* btn */
	.detail_area .btn,
	.modal .btn{ height: 60px; margin-top: 26px;}
	.detail_area .btn_blue:hover,
	.modal .btn_blue:hover{ background: #0068c6;}
	.detail_area .btn_white{ line-height: 60px; }
	.detail_area .btn_white:hover{ background: #005bac; color: white!important;}


	/* txt */
	.bid_complete,
	.bid_error{ top: 30px; }
	.bid_complete .close_btn,
	.bid_error .close_btn{ transition: opacity 0.3s ease-in-out 0s;}
	.bid_complete .close_btn:hover,
	.bid_error .close_btn:hover{ opacity: 0.8;}


	/* table_cp */
	.table_cp{ font-size: 16px;}
	.table_cp th,
	.table_cp td{ height: 62px; padding: 0 40px; }
	.table_cp thead{ font-size: 14px; }
	.table_cp .dataTables_empty{ font-size: 14px;}


	/* bid
	**********************************************************************/
	#bid .tit_area{ margin-bottom: 22px;}
	#bid .tit_area .domain{ width: auto; font-size: 32px; line-height: 1;}
	#bid .tit_area ul{ display: flex; margin: 0 0 -8px; }
	#bid .tit_area li{ background-size: 18px auto!important; padding-left: 26px; font-size: 14px;}
	#bid .tit_area .view{ margin-left: 20px;}
	#bid .tit_area li span{ font-size: 16px;}

	#bid .inner .main li:not(:first-child){ align-items: center; margin-top: 24px;}
	#bid .inner .main li:not(:first-child) .tit{ width: auto; margin-bottom: 0;}

	#bid .inner .main .price p{ font-size: 24px;}
	#bid .inner .main .price p span{ font-size: 32px;}
	#bid .inner .main .num{ width: 38.4%;}
	#bid .inner .main .num p{ font-size: 22px; }
	#bid .inner .main .rest{ width: 50%;}
	#bid .inner .main .rest p span{ font-size: 20px;}

	#bid .inner .now{ padding: 20px 30px; margin-top: 40px; }
	#bid .inner .now .tit{ width: 30%; font-size: 14px;}
	#bid .inner .now p{ width: 70%; }
	#bid .inner .now .highest{ font-size: 14px;}

	#bid .set{ width: 44%; padding: 24px 20px 30px; margin-top: 0; }
	#bid .set .txt span{ font-size: 14px;}
	#bid .set .txt a:hover{ text-decoration: none;}

	#bid .set .input_area span{ width: 60px; height: 60px; font-size: 24px; line-height: 60px; }
	#bid .set .input_area input{ height: 60px; padding: 0 20px 0 80px; font-size: 32px; }
	#bid .set .add li{ transition: color 0.3s ease-in-out 0s;}
	#bid .set .add li:hover{ color: #005bac;}


	/* history
	**********************************************************************/
	#history{ margin-top: 60px;}
	#history .leftTit{ font-size: 18px;}

	#history .scroll{ margin: 0 -40px;}
	#history table .day{ padding-left: 80px;}

	#history table thead .account{ width: 42%; }
	#history table thead .price{ width: 20%;}
	#history table thead .day{ width: 38%; }
	#history table tbody .highest{ display: inline-block; margin-left: 0; font-size: 14px;}


	/* modal
	**********************************************************************/
	.modal .detail{ padding: 34px 40px 40px; }
	.modal .detail .close_btn{ font-size: 26px; transition: opacity 0.3s ease-in-out 0s;}
	.modal .detail .close_btn:hover{ opacity: 0.8;}
	.modal .detail &gt; .tit{ margin-bottom: 30px; font-size: 18px; }
	.modal .detail &gt; .tit span{ font-size: 14px;}
	.modal .detail .btn_back:hover{ background: #e5e5e5;}

	.modal .confirm dt{ font-size: 16px;}
	.modal .confirm dd{ font-size: 18px;}
	.modal .confirm dd span{ font-size: 24px; }
	.modal .confirm .attTxt{ margin-top: 50px; font-size: 14px;}
	.modal .confirm .btn_blue{ margin-top: 20px; line-height: 60px; }
	.modal .confirm .btn_back{ margin-top: 30px;}

	.modal .manual,
	.modal .unit{ margin: 100px auto 0;}
	.modal .manual &gt; .txt,
	.modal .unit &gt; .txt{ margin-top: -10px; font-size: 14px;}
	.modal .manual ul,
	.modal .unit .tb01{ margin-bottom: 0;}
	.modal .manual li &gt; div{ padding: 20px 34px;}


	/* bidlog（myauctionlist.php）
	**********************************************************************/
	#bidlog .fade_btn{ justify-content: inherit; margin: -10px 0 30px; }
	#bidlog .fade_btn li:last-child{margin-left: 30px;}
	#bidlog .fade_btn a{ font-size: 16px; transition: color 0.3s ease-in-out 0s,border 0.3s ease-in-out 0s;}
	#bidlog .fade_btn a:hover{ color: #005bac; border-bottom-color: #005bac; }

	#bidlog .table_cp{min-width: 1060px;}
	#bidlog .table_cp th,
	#bidlog .table_cp td{ padding: 0 40px;}
	#bidlog .table_cp thead .price{ padding-right: 50px;}

	#bidlog .table_cp thead .day::before,
	#bidlog .table_cp thead .day::after{ margin-right: -110px;}
	#bidlog .table_cp thead .domain::before,
	#bidlog .table_cp thead .domain::after{ margin-right: -124px; }
	#bidlog .table_cp thead .price::before,
	#bidlog .table_cp thead .price::after{ right: 34px;}

	#bidlog .table_cp tbody .method{ font-size: 14px; }

	/* success */
	#bidlog #success .table_cp .price{ padding: 0 120px 0 0; }
	#bidlog #success .table_cp thead .day::before,
	#bidlog #success .table_cp thead .day::after{ margin-right: -140px; }
	#bidlog #success .table_cp thead .price{ padding-right: 130px;}
	#bidlog #success .table_cp thead .price::before,
	#bidlog #success .table_cp thead .price::after{ right: 114px; }
}


@media print, screen and (min-width:1020px){
	/* bid
	**********************************************************************/
	#bid .inner .now .highest{ display: inline-block; }
	#bid .set .add{ justify-content: space-between; margin: 0;}
	#bid .set .add li{ width: 19%; margin: 0; font-size: 13px;}
}</pre></body></html>