@charset "utf-8";
/* html5doctor.com Reset Stylesheet v1.6.1 Last Updated:2010-09-17 Author:Richard Clark - http://richclarkdesign.com Twitter:@rich_clark */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;}input,select{vertical-align:middle;}

/*============================================================
// 共通設定
//==========================================================*/
body{font-family:'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-size:12px;line-height:1.2;color:#333;text-align:left;vertical-align:bottom;}
img{vertical-align:bottom;}

/**** Start of "Micro cf" ****/
.cf { zoom: 1; }
.cf:before,
.cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.margin-0 {
	margin:0 !important;
}
.mt-5 {
	margin-top:5px !important;
}
.mt-10 {
	margin-top:10px !important;
}
.mt-15 {
	margin-top:15px !important;
}
.mt-20 {
	margin-top:20px !important;
}
.mt-30 {
	margin-top:30px !important;
}
.mt-40 {
	margin-top:40px !important;
}
.mb-5 {
	margin-bottom:5px !important;
}
.mb-10 {
	margin-bottom:10px !important;
}
.mb-15 {
	margin-bottom:15px !important;
}
.mb-20 {
	margin-bottom:20px !important;
}
.mb-30 {
	margin-bottom:30px !important;
}
.mb-40 {
	margin-bottom:40px !important;
}
.mtb-10 {
	margin-top:10px !important;
	margin-bottom:10px !important;
}
.mtb-15 {
	margin-top:15px !important;
	margin-bottom:15px !important;
}
.mtb-20 {
	margin-top:20px !important;
	margin-bottom:20px !important;
}
.pl-10 {
	padding-left:10px !important;
}
.pl-20 {
	padding-left:20px !important;
}
.p-06 {
	padding:0 6px;
}
.fs-8 {
	font-size:8px !important;
}
.fs-10 {
	font-size:10px !important;
}
.fs-11 {
	font-size:11px !important;
}
.fs-12 {
	font-size:12px !important;
}
.fs-14 {
	font-size:14px !important;
}
.fs-16 {
	font-size:16px !important;
}
.fs-18 {
	font-size:18px !important;
}

.fw-normal {
	font-weight:normal;
}
.fw-bold {
	font-weight:bold;
}

.ta-center {
	text-align:center !important;
}
.ta-left {
	text-align:left !important;
}
a {
	color:#0087d8;
	text-decoration:none;
}
a:hover {
	color: #36b0fa;
	text-decoration: underline;
}

.red {
	color:#FF0000;
}
.blue {
	color:#0040FF;
}
.yellow {
	color:#F8E100;
}
.bold {
	font-weight:bold;
}
.gray {
	color: #666 !important;
}

.bg-over {
	color:#fff !important;
	background:#FF0000 !important;
}

.hidden {
	display:none;
}
/*============================================================
// アイコン
//==========================================================*/
.icon01 {
	margin-right:5px;
	display:inline-block;
	width:12px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-19px -149px;
	vertical-align:middle;
}
.icon02 {
	margin:-2px 5px 0 0;
	display:inline-block;
	width:10px;
	height:10px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-150px -150px;
	vertical-align:middle;
}
.icon03 {
	margin-right:5px;
	display:inline-block;
	width:11px;
	height:11px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-170px -150px;
	vertical-align:middle;
}
#header #h_bottom li .icon04 {
	margin-right:5px;
	display:inline-block;
	color:#BABBD1;
}
#header #h_bottom li.on .icon04 {
	color:#16A085 !important;
}
.icon05 {
	margin-right:5px;
	display:inline-block;
	width:10px;
	height:12px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-220px -148px;
	vertical-align:top;
}
.icon06 {
	margin-right:5px;
	display:inline-block;
	width:4px;
	height:10px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-240px -176px;
	vertical-align:top;
}
.icon07 {
	margin-right:5px;
	display:inline-block;
	width:13px;
	height:13px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-320px -150px;
	vertical-align:top;
}
.icon08 {
	margin-right:5px;
	display:inline-block;
	width:18px;
	height:20px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-350px -178px;
	vertical-align:top;
}
.icon09 {
	margin-right:5px;
	display:inline-block;
	width:5px;
	height:10px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-390px -175px;
	vertical-align:top;
}
.icon10 {
	margin:4px 0 0 0;
	display:inline-block;
	width:10px;
	height:10px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-240px -154px;
	vertical-align:middle;
}
.iconNew {
	margin-left:5px;
	display:inline-block;
	width:20px;
	height:10px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-190px -150px;
	text-indent:-9999px;
}
.iconNewB {
	display:block;
	position:absolute;
	top:0;
	right:0;
	width:50px;
	height:50px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-250px -150px;
	text-indent:-9999px;
}
.iconSeries {
	display:inline-block;
	margin:0 5px 0 0;
	width:60px;
	height:12px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-350px -150px;
	text-indent:-9999px;
	vertical-align:middle;
}
.iconSeries {
	display:inline-block;
	margin:0 5px 0 0;
	width:60px;
	height:12px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-350px -150px;
	text-indent:-9999px;
	vertical-align:middle;
}
.btn_sort {
	display:inline-block;
	position:absolute;
	cursor:pointer;
	top:14px;
	left:5px;
	width:20px;
	height:20px;
	background:url(../img/parts.png?v=20240901) center center no-repeat;
	background-position:-314px -174px;
}
.btn_sort:hover
, label:hover .btn_sort /* label 配下に対しても適用 */
{
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}
.btn_sort.off {
	cursor:default;
	background-position:-312px -194px;
}
.btn_sort.off:hover {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
}
.btn_sortRank {
	display:inline-block;
	position:absolute;
	cursor:pointer;
	top:14px;
	left:10px;
	width:20px;
	height:20px;
	background:url(../img/parts.png?v=20240901) center center no-repeat;
	background-position:-314px -174px;
}
.iconBookmarkA {
	position:absolute;
	display:inline-block;
	cursor:pointer;
	top:-2px;
	right:0;
	width:12px;
	height:12px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-560px -11px;
	z-index:2;
}
.iconBookmarkA:hover, .iconBookmarkA.on {
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-560px -45px;
}
.iconBookmarkB {
	display:block;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
	width:12px;
	height:12px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-560px -11px;
	vertical-align:middle;
}
.iconBookmarkB:hover, .iconBookmarkB.on {
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-560px -45px;
}
.iconBookmarkC {
	display:inline-block;
	margin-right:5px;
	cursor:pointer;
	width:12px;
	height:14px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-560px -11px;
	vertical-align:middle;
}
.iconBookmarkC.hover, .iconBookmarkC.on {
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-560px -45px;
}
.tpl_book .genre span, #mw_order .genre span, #mw_reservationdetail .genre span,
#mw_add_orders .genre span, #mw_add_orders_history .genre span, #mw_expected_stock_order .genre span{
	display:inline-block;
	width:16px;
	height:60px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	text-indent:-9999px;
}
.tpl_book .genre .iconGenre01, #mw_order .genre .iconGenre01, #mw_reservationdetail .genre .iconGenre01,
#mw_add_orders .genre .iconGenre01, #mw_add_orders_history .genre .iconGenre01, #mw_expected_stock_order .genre .iconGenre01{
	background-position:-430px -500px; /* 文庫 */
}
.tpl_book .genre .iconGenre02, #mw_order .genre .iconGenre02, #mw_reservationdetail .genre .iconGenre02,
#mw_add_orders .genre .iconGenre02, #mw_add_orders_history .genre .iconGenre02, #mw_expected_stock_order .genre .iconGenre02{
	background-position:-446px -500px !important; /* コミックエッセイ */
}
.tpl_book .genre .iconGenre03, #mw_order .genre .iconGenre03, #mw_reservationdetail .genre .iconGenre03,
#mw_add_orders .genre .iconGenre03, #mw_add_orders_history .genre .iconGenre03, #mw_expected_stock_order .genre .iconGenre03{
	background-position:-462px -500px; /* 一般書 */
}
.tpl_book .genre .iconGenre04, #mw_order .genre .iconGenre04, #mw_reservationdetail .genre .iconGenre04,
#mw_add_orders .genre .iconGenre04, #mw_add_orders_history .genre .iconGenre04, #mw_expected_stock_order .genre .iconGenre04{
	background-position:-478px -500px; /* 児童書 */
}
.tpl_book .genre .iconGenre05, #mw_order .genre .iconGenre05, #mw_reservationdetail .genre .iconGenre05,
#mw_add_orders .genre .iconGenre05, #mw_add_orders_history .genre .iconGenre05, #mw_expected_stock_order .genre .iconGenre05{
	background-position:-494px -500px; /* 学参・辞典 */
}
.tpl_book .genre .iconGenre06, #mw_order .genre .iconGenre06, #mw_reservationdetail .genre .iconGenre06,
#mw_add_orders .genre .iconGenre06, #mw_add_orders_history .genre .iconGenre06, #mw_expected_stock_order .genre .iconGenre06{
	background-position:-510px -500px; /* ライトノベル */
}
.tpl_book .genre .iconGenre07, #mw_order .genre .iconGenre07, #mw_reservationdetail .genre .iconGenre07,
#mw_add_orders .genre .iconGenre07, #mw_add_orders_history .genre .iconGenre07, #mw_expected_stock_order .genre .iconGenre07{
	background-position:-526px -500px; /* コミック */
}
.tpl_book .genre .iconGenre08, #mw_order .genre .iconGenre08, #mw_reservationdetail .genre .iconGenre08,
#mw_add_orders .genre .iconGenre08, #mw_add_orders_history .genre .iconGenre08, #mw_expected_stock_order .genre .iconGenre08{
	background-position:-542px -500px; /* 生活・実用 */
}
.tpl_book .genre .iconGenre09, #mw_order .genre .iconGenre09, #mw_reservationdetail .genre .iconGenre09,
#mw_add_orders .genre .iconGenre09, #mw_add_orders_history .genre .iconGenre09, #mw_expected_stock_order .genre .iconGenre09{
	background-position:-558px -500px; /* 雑誌・ムック */
}
.tpl_book .genre .iconGenre10, #mw_order .genre .iconGenre10, #mw_reservationdetail .genre .iconGenre10,
#mw_add_orders .genre .iconGenre10, #mw_add_orders_history .genre .iconGenre10, #mw_expected_stock_order .genre .iconGenre10{
	background-position:-574px -500px; /* 文芸単行本 */
}
.tpl_book .genre .iconGenre11, #mw_order .genre .iconGenre11, #mw_reservationdetail .genre .iconGenre11,
#mw_add_orders .genre .iconGenre11, #mw_add_orders_history .genre .iconGenre11, #mw_expected_stock_order .genre .iconGenre11{
	background-position:-590px -500px; /* 新書 */
}
.tpl_book .genre .iconGenre12, #mw_order .genre .iconGenre12, #mw_reservationdetail .genre .iconGenre12,
#mw_add_orders .genre .iconGenre12, #mw_add_orders_history .genre .iconGenre12, #mw_expected_stock_order .genre .iconGenre12{
	background-position:-606px -500px; /* ノンフィクション */
}
.tpl_book .genre .iconGenre13, #mw_order .genre .iconGenre13, #mw_reservationdetail .genre .iconGenre13,
#mw_add_orders .genre .iconGenre13, #mw_add_orders_history .genre .iconGenre13, #mw_expected_stock_order .genre .iconGenre13{
	background-position:-622px -500px; /* ビジネス */
}
.tpl_book .genre .iconGenre14, #mw_order .genre .iconGenre14, #mw_reservationdetail .genre .iconGenre14,
#mw_add_orders .genre .iconGenre14, #mw_add_orders_history .genre .iconGenre14, #mw_expected_stock_order .genre .iconGenre14{
	background-position:-638px -500px; /* 攻略本・ビジュアル本 */
}
.tpl_book .genre .iconGenre15, #mw_order .genre .iconGenre15, #mw_reservationdetail .genre .iconGenre15,
#mw_add_orders .genre .iconGenre15, #mw_add_orders_history .genre .iconGenre15, #mw_expected_stock_order .genre .iconGenre15{
	background-position:-654px -500px; /* 新文芸 */
}
.tpl_book .rank {
	height:60px;
	line-height:60px;
	font-size:12px;
}
.iconPDF {
	display:inline-block;
	margin-left:10px;
	width:28px;
	height:14px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:0 -195px;
	vertical-align:middle;
	text-indent:-9999px;
}
.iconCSV {
	display:inline-block;
	margin-left:10px;
	width:28px;
	height:14px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-50px -195px;
	vertical-align:middle;
	text-indent:-9999px;
}
.iconError {
	display:inline-block;
	margin-right:5px;
	width:11px;
	height:12px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-150px -179px;
	vertical-align:top;
	text-indent:-9999px;
}
.icon-over {
	display:block;
	position:absolute;
	top:5px;
	right:5px;
	width:41px;
	height:25px;
	font-size:0;
	background: url(../img/tablet-parts.png?v=20240901) no-repeat;
	background-size:1250px 600px;
	background-position: 0 -475px;
}

/*============================================================
// ヘッダー
//==========================================================*/
#header {
	margin:0 auto;
	width:100%;
}
/*============================================================
// ヘッダーTop
//==========================================================*/
#header #h_top {
	width:100%;
	background:#fff;
}
#header #h_top .inner {
	margin:0 auto;
	position:relative;
	width:960px;
	height:62px;
	box-sizeing:border-box;
}
#header #h_top #logo {
	margin:0;
	display:inline-block;
	width:215px;
	height:52px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:0 -340px;
	text-indent:-9999px;
	vertical-align:top;
}
#header #h_top ul#header_nav {
	position:absolute;
	top:18px;
	right:0;
}
#header #h_top ul#header_nav li {
	float:left;
	display:block;
	margin-right:5px;
	font-weight:bold;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#header #h_top ul#header_nav li:last-child {
	margin-right:0 !important;
}
#header #h_top ul#header_nav li.li_last {
	margin-right:0 !important;
}
#header #h_top ul#header_nav li a {
	display:block;
	cursor:pointer;
	height:32px;
	line-height:32px;
	color:#333;
	text-decoration:none;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#header #h_top ul#header_nav #progress a {
	padding:0 10px 0 40px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-250px -1px;
	background-color:#fff;
}
#header #h_top ul#header_nav #progress a:hover {
	background-position:-250px -35px;
}
#header #h_top ul#header_nav #basket a {
	padding-right: 10px;
	background-color:#fff;
}
#header #h_top ul#header_nav #basket a:before {
	content: '';
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -370px -6px;
	padding: 3px 16px;
}
#header #h_top ul#header_nav #basket a:hover:before {
	background-position: -370px -36px;
  padding: 7px 16px;
}
#header #h_top ul#header_nav #watchlist a {
	padding:0 16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-550px -1px;
	background-color:#fff;
}
#header #h_top ul#header_nav #watchlist a:hover {
	background-position:-550px -35px;
}
#header #h_top ul#header_nav #logout a {
	padding:0 10px 0 30px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-1180px -1px;
	background-color:#fff;
}
#header #h_top ul#header_nav #logout a:hover {
	background-position:-1180px -35px;
}
#header #h_top ul#header_nav #menu {
	display:block;
	cursor:pointer;
	width:32px;
	height:32px;
	line-height:32px;
	color:#333;
	text-decoration:none;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-701px -1px;
	background-color:#fff;
	text-indent:-9999px;
}

#ac_menu {
	display:none;
}
#ac_menu.on {
	display:block;
	position:absolute;
	top:62px;
	right:0;
	width:140px;
	border:1px solid #ddd;
	border-bottom:0;
	background:#F6F6F6;
	z-index:3;
}
#ac_menu li {
	font-size:11px;
	font-weight:bold;
}
#ac_menu li.title {
	padding:6px 0 6px 10px;
	color:#333;
	border-bottom:1px solid #ddd;
}
#ac_menu li.menu {
	padding:6px 0 6px 10px;
	border-bottom:1px solid #ddd;
}
#ac_menu li.menu a {
	display:inline-block;
	width:100%;
	height:100%;
	color:#333575;
	color:#333575;
	text-decoration:none;
}
#ac_menu li.menu span {
	display:inline-block;
}
#ac_menu li.arrow {
	display:block;
	position:absolute;
	top:-7px;
	right:10px;
	width:12px;
	height:7px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:0 -150px;
}

/*============================================================
// ヘッダー固定
//==========================================================*/

.fixedmenu {
	margin:0 auto;
	width:100%;
}
.fixed {
	position:fixed;
	z-index:4;
}

/*============================================================
// グローバルナビ
//==========================================================*/

#header #global_nav {
	width:100%;
	height:30px;
	background-color:#333575;
}
#header #global_navTablet {
	display:none
}
#header #global_nav #gn_inner {
	margin:0 auto;
	width:960px;
	height:30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#header #global_nav li {
	position: relative;
	width:90px;
	height:30px;
	border-right:1px solid #71729F;
}
#header #global_nav li#btn00 {
	width:48px;
	border-left:1px solid #71729F;
}
#header #global_nav li a {
	display:block;
	width:100%;
	height:30px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	text-indent:-9999px;
}
#header #global_nav li:not(#btn00) a {
	min-width: 90px;
}
#header #global_nav li#btn00 a {
	background-position:0 -70px;
}
#header #global_nav li#btn00 a:hover
, #header #global_nav li#btn00 a.on
{
	background-position:0 -100px;
}
#header #global_nav li#btn01 a {
	background-position:-48px -70px;
}
#header #global_nav li#btn01 a:hover
, #header #global_nav li#btn01 a.on
{
	background-position:-48px -100px;
}
#header #global_nav li#btn02 a {
	background-position:-138px -70px;
}
#header #global_nav li#btn02 a:hover
, #header #global_nav li#btn02 a.on
{
	background-position:-138px -100px;
}
#header #global_nav li#btn03 a {
	background-position:-228px -70px;
}
#header #global_nav li#btn03 a:hover
, #header #global_nav li#btn03 a.on
{
	background-position:-228px -100px;
}
#header #global_nav li#btn04 a {
	background-position:-318px -70px;
}
#header #global_nav li#btn04 a:hover
, #header #global_nav li#btn04 a.on
{
	background-position:-318px -100px;
}
#header #global_nav li#btn05 a {
	background-position:-408px -70px;
}
#header #global_nav li#btn05 a:hover
, #header #global_nav li#btn05 a.on
{
	background-position:-408px -100px;
}
#header #global_nav li#btn06 a {
	background-position:-498px -70px;
}
#header #global_nav li#btn06 a:hover
, #header #global_nav li#btn06 a.on
{
	background-position:-498px -100px;
}
#header #global_nav li#btn07 a {
	background-position:-588px -70px;
}
#header #global_nav li#btn07 > a {
	display: block;
	width: 100%;
	height: 30px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-588px -70px;
	text-indent:-9999px;
}
#header #global_nav li#btn07 a:hover, #header #global_nav li#btn07 a.on, #header #global_nav li#btn07:hover a /* li 配下のドロップダウンが span なので */
{
	background-position:-588px -100px;
}
#header #global_nav li#btn08 a {
	background-position:-678px -70px;
}
#header #global_nav li#btn08 a:hover, #header #global_nav li#btn08 a.on, #header #global_nav li#btn08:hover a /* li 配下のドロップダウンが span なので */
{
	background-position:-678px -100px;
}
#header #global_nav li#btn08 .btn_off {
	display:block;
	width:100%;
	height:30px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-949px -100px;
	text-indent:-9999px;
}
#header #global_nav li#btn09 a {
	background-position:-768px -70px;
}
#header #global_nav li#btn09 a:hover, #header #global_nav li#btn09 a.on
{
	background-position:-768px -100px;
}
#header #global_nav li#btn10 a {
	background-position:-858px -70px;
}
#header #global_nav li#btn10 a:hover, #header #global_nav li#btn10 a.on
{
	background-position:-858px -100px;
}
#header #global_nav li#btn11 a {
	background-position: -1100px -70px;
}
#header #global_nav li#btn11 a:hover
, #header #global_nav li#btn11 a.on
{
	background-position: -1100px -100px;
}
#header #global_nav li#btn12 a {
	background-position: -1100px -70px;
}
#header #global_nav li#btn12 a:hover
, #header #global_nav li#btn12 a.on
{
	background-position: -1100px -100px;
}
#tablet-menu, 
#header #h_top ul#header_nav li#kmsorderlist,
#header #h_top ul#header_nav li#saleproposal {
	display:none;
}

/*============================================================
// ヘッダーBottom(検索)
//==========================================================*/
#header #h_bottom {
	margin:0 auto;
	position:relative;
	width:100%;
	background:#F3F3F3;
	border-bottom:1px solid #636375;
}
#header #h_bottom #wrap_search {
	margin:0 auto;
	padding:14px 0 14px 0;
	width:960px;
	height:34px;
	font-size:0;
}
#header #h_bottom #wrap_search #search_form div {
	float:left;
	height:32px;
}
#header #h_bottom #wrap_search div.title_class {
	width:60px;
	font-size:16px;
	line-height:32px;
}
span.list_remarks {
	font-size:10px;
}
#header #h_bottom #wrap_search div#selectArea {
	position:relative;
	width:150px;
	height:32px;
	border:1px solid #ccc;
	border-right:0;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -700px -150px;
	background-color:#e7e7e7;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-borde-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	overflow:hidden;
}
#header #h_bottom #wrap_search div#selectArea > #selectObj {
	position:absolute;
	padding-left:12px;
	top:6px;
	left:0;
	cursor:pointer;
	width:130%;
	font-size:14px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: none transparent;
	box-sizing: content-box;
	outline:none;
}
#header #h_bottom #wrap_search #search_text {
	border:1px solid #ccc;
	border-left:0;
	background:#fff;
}
#header #h_bottom #wrap_search #search_text input {
	padding:0 0 0 10px;
	width:340px;
	height:30px;
	line-height:30px;
	color:#BBB;
	font-size:14px;
	border:0;
	outline:none;
}
#header #h_bottom #wrap_search .order_search {
	float:right;
	width:240px;
	text-align:right;
}
#header #h_bottom #wrap_search .order_search .os_title {
	display:inline-block;
	position:relative;
	margin-right:8px;
	padding-top:2px;
	padding-left:40px;
	height:34px;
	font-size:13px;
	line-height:120%;
	color:#333;
	border-left:1px solid #bbb;
	vertical-align:middle;
	box-sizing:border-box;
}
#header #h_bottom #wrap_search .order_search .os_title:before {
	content:"";
	display:block;
	position:absolute;
	top:2px;
	left:7px;
/*	width: 12px;
	height: 16px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -20px -150px;
	vertical-align: middle;*/
	width: 30px;
	height: 30px;
	background: url(../img/my-page.png) no-repeat;
	background-size: 500px 500px;
	background-position: -190px -50px;
	text-indent: -9999px;
}
#header #h_bottom #wrap_search #search_rev_no_text {
	display:inline-block;
	vertical-align:top;
	height:32px;
	border:1px solid #ccc;
	background:#fff;
	box-sizing:border-box;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-borde-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
}
#header #h_bottom #wrap_search #search_rev_no_submit {
	display:inline-block;
	width:50px;
	height:32px;
	vertical-align:top;
	background:#515151;
	box-sizing:border-box;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-borde-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
}
#header #h_bottom #wrap_search #search_rev_no_text input {
	padding:0 0 0 10px;
	width:80px;
	height:32px;
	line-height:32px;
	font-size:14px;
	color: #BBB;
	outline:none;
	border:none;
	background:none;
/*
	background:#fff;
	border-top-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-borde-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
*/
	box-sizing:border-box;
}
#header #h_bottom #wrap_search #search_rev_no_submit input {
	display:inline-block;
	cursor:pointer;
	width:50px;
	height:34px;
	border:0;
	font-size:14px;
	color:#fff;
	line-height:32px;
	background:none;
/*
	background:#515151;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-borde-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
*/
	box-sizing:border-box;
	-webkit-appearance: none;
}
#header #h_bottom #wrap_search #search_text input.textFocus,
#header #h_bottom #wrap_search #search_rev_no_text input.textFocus,
#wrap_searchC .searchC_text1 input.textFocus,
#wrap_searchD #search_text input.textFocus,
#wrap_searchE #search_text input.textFocus,
#wrap_searchE #search_rev_no_text input.textFocus,
.pop_search #search_text input.textFocus
 {
	color:#333;
}
#header #h_bottom #wrap_search #search_submit input {
	cursor:pointer;
	width:62px;
	height:34px;
	border:0;
	font-size:14px;
	color:#fff;
	line-height:32px;
	background:#515151;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-borde-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
}
#header #h_bottom #wrap_search #advanced_search {
	display:inline-block;
	margin-left: 10px;
	width:80px;
	height:34px;
	line-height:34px;
	color:#fff;
	font-size:12px;
	background:#777;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#header #h_bottom #refine {
	margin:0 auto;
	padding:0px 0 10px 0;
	width:927px;
	font-size:0;
	letter-spacing:-0.4em;
}
#header #h_bottom #refine .title_class {
	margin:0 0 5px 0;
	font-size:12px;
	letter-spacing:normal;
}
#header #h_bottom #refine li {
	display:inline-block;
	margin-right:0.43%;
	padding:5px 0;
	/*width:87px;*/
	width: 9.38%;
	font-size:12px;
	color:#333575;
	font-weight:bold;
	line-height:100%;
	letter-spacing:normal;
	text-align:center;
	vertical-align:bottom;
	cursor:pointer;
	background:#DCDFE2;
}
#header #h_bottom #refine li.tip2 {
	/*width: 108px;*/
	width: 11.65%;
}
#header #h_bottom #refine li.li_last {
	margin-right:0 !important;
}
#header #h_bottom #refine li.hover {
	background:#DDDDEA;
}
#header #h_bottom #refine li.on {
	color:#fff;
	background:#333575;
}
/*============================================================
// #contents
//==========================================================*/
/* #header を持たないページをベースとする */
#contents {
	margin:20px auto 80px;
	width: 960px;
	box-sizing:border-box;
}
/* ジャンル選択が行われていない #header でのレイアウト */
#header ~ #contents
{
	/* #header が fixed になったため margin-top を多めに */
	/* #footerfixed 用の「高さ」を保持するために margin-bottom も指定 */
	margin:220px auto 80px;
	/* footer を fixed にした場合の調整 */
	/*padding-bottom: 50px;*/

}

/* #header でジャンル選択が非表示の場合 margin-top を縮める */
#header.no_search_genre ~ #contents
{
	/* 上記の margin 指定よりジャンル選択の高さを引いたもの */
	margin:158px auto 80px;
}

/* #header で会員メニューの場合 margin-top を縮める */
#header.staff ~ #contents, #header.complete ~ #contents
{
	/* 上記の margin 指定よりジャンル選択の高さを引いたもの */
	margin: 180px auto 80px;
}

/* #header でトップページの場合 margin-top を縮める */
#header.top_page ~ #contents
{
	/* 上記の margin 指定よりジャンル選択の高さを引いたもの */
	margin: 240px auto 80px;
}
#header ~ .detail {
	/* 上記の margin 指定よりジャンル選択の高さを引いたもの */
	margin: 230px auto 80px !important;
}
#header.search  ~ #contents {
	/* 上記の margin 指定よりジャンル選択の高さを引いたもの */
	margin: 250px auto 80px;
}
/*============================================================
// 会員規約
//==========================================================*/
#termsofuse {
	margin:0 auto;
	width:780px;
	font-size:14px;
}
#termsofuse .title {
	margin:30px 0 10px 0;
	padding:0 0 10px 0;
	font-size:16px;
	border-bottom:1px solid #D8D9DB;
}
#termsofuse .text {
	font-size:14px;
	line-height:140%;
}
#termsofuse .example {
	margin-left:20px;
	line-height:140%;
}
#termsofuse li {
	margin-bottom:25px;
	font-size:14px;
	line-height:140%;
}
#termsofuse li .head {
	font-weight:bold;
}
#termsofuse input#btn {
	margin:20px 0 0 0;
	padding:10px;
	font-size:14px;
	color:#fff;
	background:#333373;
	border:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#termsofuse .text2 {
	text-align: right;
}
/*必須事項*/
span.required {
	color:red;
}
.contact_popup-bottom {
	margin: 20px 0 0;
	width: 100%;
	text-align: center;
}
/*送信ボタン*/
.confirm_button,
#send_button,
#close_contact_form {
	background: #333373 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	font-family: "MS UI Gothic";
	display: inline-block;
	width: 120px;
	height: 35px;
	white-space: nowrap;
	text-decoration-line: none;
	line-height: 35px;
}
.recaptcha_none {
	background: gainsboro;
	cursor: auto;
}
/*タイトル*/
p.title {
	font-size: 20px;
	border-bottom: 1px solid #D8D9DB;
	margin: 30px 0 10px 0;
	padding: 0 0 10px 0;
}
.not_enter {
	background-color: #ffb4b4;
}
div.errer_message {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 16px;
	color: red;
	vertical-align:middle;
	text-align:center;
}
.errer_message_none {
	display:none;
}
/*ここから問い合わせ*/
#toiawase {
}
#base,
#contact_popup_confirm {
	margin: 0 auto;
	width: 790px;
	font-size: 14px;
	margin-left: 35px;
	margin-right: 35px;
	margin-bottom: 35px;
}
#send_message {
	margin: 0 auto;
	width: 750px;
	font-size: 16px;
	margin: 35px;
	vertical-align:middle;
	text-align:center;
}
#contact_popup .form_row {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
.form_row .column {
	display: table-cell;
	vertical-align: middle;
	width: 100px;
}
.form_row .input_box {
	display: table-cell;
	vertical-align: middle;
	width: 350px;
}
.form_row .ex_sentence {
	display: table-cell;
	vertical-align: middle;
	color: #a9a9a9;
}
.form_row .other {
	display: table-cell;
	vertical-align: middle;
	color: #000000;
}
.form_row .data {
	padding-left: 20px;
}
.form_row .other.data {
	padding-left: 0;
}
#contact_popup .form_row.sales_isbn_row .other.data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
}
#contact_popup .form_row.sales_isbn_row .other.data .add_isbn {
    margin-left:5px;
    height:22px;
}
.form_row iframe {
	height: 78px;
}
div.e-mail {
	margin-left: 20px;
}
/*必須項目の＊表示*/
label[for="asterisk"]::before {
	content:"＊";
	color:red;
}
label[for="asterisk"] {
	margin-rigth: 10px;
	width: 15px;
	float: left;
}
/*問い合わせtextbox*/
.form_row .input_box input {
	border: 2px solid #999;
	padding-left: 10px;
	height: 26px;
	border-width: 2px 2px;
	border-color: #a9a9a9;
	-webkit-appearance: none;
	border-radius: 0;
	float: left;
	color: #000000;
}
input[name="store_name"],
input[name="address"],
input[name="contact_info"] {
	width: 300px;
	border: 2px solid #999;
	height: 26px;
	border-width: 2px 2px;
	border-color: #a9a9a9;
	-webkit-appearance: none;
	border-radius: 0;
	float: left;
}
span.whip {
	margin-left: 26px;
}
/*問い合わせのテキストエリア*/
textarea[name="question_note"] {
	resize: none;
	padding-left: 10px;
	width: 670px;
	min-height: 200px;
	border: 2px solid #999;
}
/*============================================================
// 推奨ブラウザ
//==========================================================*/
#browser {
	margin:0 auto;
	width:780px;
	font-size:14px;
}
#browser .title {
	margin:60px 0 0 0;
	padding:0 0 10px 0;
	font-size:16px;
}
.browser_list {
	margin:20px 0 0 0;
	font-size:14px;
	line-height:140%;
	border-top:1px solid #D8D9DB;
}
.browser_list li {
	display:block;
	margin:20px 0 0 0;
}
.iconIE {
	margin-right:5px;
	display:inline-block;
	width:18px;
	height:18px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-700px -190px;
	vertical-align:middle;
}
.iconGC {
	margin-right:5px;
	display:inline-block;
	width:18px;
	height:18px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-730px -190px;
	vertical-align:middle;
}
.iconFF {
	margin-right:5px;
	display:inline-block;
	width:18px;
	height:18px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-760px -190px;
	vertical-align:middle;
}
/*============================================================
// TOPページ　左カラム
//==========================================================*/
#left_column {
	float:left;
	margin-right:30px;
	width:210px;
	word-wrap: break-word
}
#left_column .lc_title {
	margin-bottom:10px;
	padding-left:5px;
	width:100%;
	height:20px;
	font-size:12px;
	line-height:20px;
	background:#DCDFE2;
	box-sizing:border-box;
}
#left_column .date {
	margin-bottom:5px;
	line-height:100%;
	vertical-align:middle;
	font-weight: bold;
}
hr.typeA {
	width:100%;
	height:1px;
	border:0;
	border-bottom:1px dotted #ccc;
}
hr.typeB {
	width:100%;
	height:1px;
	border:0;
	border-bottom:1px solid #D7DADD;
}
.read_more {
	width:100%;
	font-size:12px;
	text-align:right;
}
.read_more a {
	color:#0087d8;
	text-decoration:none;
}
.read_more a:hover {
	color: #36b0fa;
	text-decoration: underline;
}

#add_basket_form .read_more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom:40px;
}

#add_basket_form .read_more a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    padding:8px 10px;
    border:2px solid #0087d8;
    border-radius: 3px;
    box-sizing: border-box;
}

#add_basket_form .read_more a i {
    margin-right:4px;
}

#left_column #publicity, #left_column #advertise {
	margin-top:15px;
}
#publicity .list, #advertise .list  {
	width:220px;
}
#publicity .list .img, #publicitylist .list .img, #advertise .list .img, #advertise .list .img {
	display:table-cell;
	padding-right:5px;
	width:72px;
	vertical-align:top;
}
#publicity .list .data, #publicitylist .list .data, #advertise .list .data, #advertise .list .data  {
	display:table-cell;
	vertical-align:top;
}
#publicity .text {
	word-wrap: break-word;
	word-break: break-all;
	width:110px;
}
#publicity .text a {
	color: #333;
}
#left_column #banner {
	margin:15px 0 0 0;
	width:100%;
}
#left_column #banner a {
	display:block;
	margin:0 0 5px 0;
}
#left_column #banner a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}

#left_column #start {
	margin:15px 0 0 0;
	width:100%;
}
#left_column #start ul li {
	margin:0 0 10px 0;
	padding:0 0 0 20px;
}
#scroll {
	height: 380px;
	overflow-x: hidden;
	overflow-y: auto;
}
/*============================================================
// TOPページ　右カラム
//==========================================================*/
#contents #right_column {
	float:left;
	width:720px;
	word-wrap: break-word
}
#contents .rc_title {
	margin:0 0 15px 0;
	width:100%;
	height:20px;
	background:url(../img/parts.png?v=20240901);
	background-position:0px -212px;
	text-align:left;
}
#contents .rc_title p {
	display:inline-block;
	padding-right:10px;
	height:20px;
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	background:#fff;
	letter-spacing:normal;
}
#contents #mediamix, #contents #mediamix_detail {
	margin-bottom:40px;
	text-align:center;
}
#contents #mediamix ul, #contents #mediamix_detail ul {
	margin:0 auto -14px;
	display:inline-block;
}
#contents #mediamix ul li, #contents #mediamix_detail ul li {
	float:left;
	margin:0 10px 10px 0;
}
#contents #mediamix ul li:nth-child(2n), #contents #mediamix_detail ul li:nth-child(2n) {
	margin-right:0;
}
#contents #mediamix ul li.li_2n, #contents #mediamix_detail ul li.li_2n {
	margin-right:0;
}
#contents #mediamix ul li a:hover, #contents #mediamix_detail ul li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}
#contents #news {
	margin-bottom:10px;
	font-size:0;
}
#contents #news p {
	display:inline-block;
	vertical-align:top;
}
#contents #news p.date {
	padding-left:10px;
	width:130px;
	font-size:12px;
}
#contents #news p.text {
	padding-left:10px;
	width:568px;
	font-size:14px;
}
#contents #pickup ul {
	margin:0 0 -15px 0;
	font-size:0;
	letter-spacing:-0.4em;
}
#contents #pickup ul li {
	display:inline-block;
	position:relative;
	margin:0 10px 15px 0;
	padding:0 10px;
	width:150px;
	height:290px;
	font-size:14px;
	letter-spacing:normal;
	vertical-align:top;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
#contents #pickup ul li:nth-child(4n) {
	margin-right:0;
}
#contents #pickup ul li.li_4n {
	margin-right:0;
}
#contents #pickup ul li .wrap_img {
	display:block;
	margin:25px 0 10px;
}
#contents #pickup ul li .wrap_img a {
	display:table-cell;
	width:150px;
	height:160px;
	text-align:center;
	vertical-align:middle;
}
#contents #pickup ul li .wrap_img a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}
#contents #pickup ul li .wrap_img img {
	max-width:150px;
	max-height:160px;
	box-sizing:border-box;
	border:1px solid #ccc;
}
#contents #pickup ul li a {
	display:block;
	margin:0 0 5px 0;
	font-size:12px;
	color:#0087d8;
	text-decoration:none;
}
#contents #pickup ul li a:hover {
	color: #36b0fa;
	text-decoration: underline;
}
#contents #pickup .text {
	margin-top: 5px;
	font-size:10px;
}
#contents #pickup .tab {
	display:block;
	position:absolute;
	bottom:-1px;
	left:-1px;
	width:172px;
	height:15px;
	color:#fff;
	font-size:10px;
	line-height:15px;
	text-align:center;
	background:#5B5C88;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-bottom-left-radius:3px;
	-moz-border-bottom-right-radius:3px;
}
#top-banner {
	display:none;
}

/*============================================================
// テンプレート　検索結果
//==========================================================*/
.tpl_series .title_class
, .tpl_book .title_class
{
	position:relative;
	margin:0 0 15px 0;
	width:100%;
	font-size:14px;
	font-weight:bold;
}
.tpl_book .title_class
{
	width: 60%;
}
.tpl_book .title_class.title_ellipsis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
	width: 74%;
	line-height: 1.4;
	/*text-indent: -2em;
	padding-left: 2em;*/
    overflow-wrap: break-word;
}
.tpl_book .title_class.title_ellipsis .title_text {
    max-width: calc(100% - 20px);
}
.tpl_book .title_class.title_ellipsis .title_tips {
  display: none;
	animation: show_title_tips 0.2s ease-in-out 0s;
}
@keyframes show_title_tips {
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
.tpl_book .title_class.title_ellipsis:hover .title_tips {
	display: block;
	position: absolute;
	background: #f3f3f3;
	border: 1px solid #ddd;
	padding: 12px 16px;
	max-width: 88%
	border-radius: 2px;
	z-index: 100;
	top: 50%;
	left: 18px;
	transform: translateY(-50%);
	box-shadow: 0 3px 5px rgb(0 0 0 / 15%);
	text-indent: 0;
}
.tpl_series .titleB
, .tpl_book .titleB
, #orderformlist .title_class
, #pop .title_class
{
	position:relative;
	margin:0 0 26px 0;
	width:100%;
	height:18px;
	font-size:18px;
	font-weight:bold;
}
.titleB.title_ellipsis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    position: relative;
    z-index: 1;
}
.tpl_book .titleB .rank__count-container {
    display: inline-block;
    margin-left:10px;
    padding:2px 10px;
    max-width: 34ch;
    white-space: nowrap;
    overflow: hidden;
    color:#fff;
    font-size:13px;
    font-weight: normal;
    background:#5A5C8D;
    border-radius: 3px;
    text-overflow: ellipsis; 
    box-sizing: border-box;
    transform: translate(0,0);
}
.tpl_book .title_class .rank__count-container {
    display: inline-block;
    margin-left:10px;
    padding:2px 10px;
    white-space: nowrap;
    color:#fff;
    font-size:13px;
    font-weight: normal;
    text-indent: 0;
    background:#5A5C8D;
    border-radius: 3px;
    box-sizing: border-box;
    transform: translate(0,-2px);
}
.tpl_book .titleB .rank__count-container:empty, .tpl_book .title_class .rank__count-container:empty {
    display: none;
}
.tpl_book .titleB:has(.rank__count-container:hover), .tpl_book .title_class:has(.rank__count-container:hover) {
    z-index: 3;
}
.tpl_book .titleB .rank__count-container:hover, .tpl_book .title_class .rank__count-container:hover {
    max-width: inherit;
    overflow:auto;
    text-overflow:inherit;
}
.tpl_book .titleB.orderlist + .rank__count-container {
    display: inline-block;
    margin-top:-10px;
    margin-bottom:18px;
    padding:2px 10px;
    color:#fff;
    font-size:13px;
    font-weight: normal;
    background:#5A5C8D;
    box-sizing: border-box;
}
.tpl_book .titleB.orderlist + .rank__count-container:empty {
    display: none;
}
.titleB .leadsentence {
	font-size:14px;
	font-weight:normal;
}
/*.tpl_series ul {
	margin:0 0 -8px 0;
}*/
.tpl_series {
  /*margin-bottom:25px;*/
}
.tpl_series:empty {
  margin-bottom:0;
}
.tpl_series ul li.cf {
	float:left;
	margin:0 8px 8px 0;
	width:232px;
	border:1px solid #ccc;
}
.tpl_series ul li:nth-child(4n) {
	margin:0;
}
.tpl_series ul li.li_4n {
	margin:0;
}
.tpl_series ul li .img {
	float:left;
	padding:5px 0;
	width:95px;
	text-align:center;
}
.tpl_series ul li .wrap_img {
	display:table-cell;
	width:95px;
	height:120px;
	text-align:center;
	vertical-align:middle;
}
.tpl_series ul li .wrap_img img {
	max-width:85px;
	max-height:120px;
}
.tpl_series ul li .wrap_data {
	float:left;
	padding:5px 5px 5px 0;
	width:131px;
	text-align:left;
}
.tpl_series ul li .wrap_data div {
	margin-bottom:5px;
}
.tpl_series ul li .data01 {
	position:relative;
}
.tpl_series ul li .data02 a:hover {
	text-decoration:underline !important;
}
.tpl_series ul li .data02 span {
	word-wrap: break-word;
}
.tpl_series ul li .data02 span.book_subtitle {
	font-size:10px;
}
.tpl_series ul li .data03 {
	font-size:10px;
}
.tpl_series ul li .data04 {
	font-size:10px;
}
.tpl_series > .cf {
  margin-bottom:25px;
}
.tpl_series > .read_more {
  margin-top:-15px !important;
  margin-bottom:25px;
}
.tpl_series > #search_tag + .cf {
  margin-bottom:0;
}
.tpl_book {
	position:relative;
	margin:30px 0 0 0;
}

.tpl_book .date {
	margin: 30px 0 5px 0;
	font-size: 14px;
	font-weight: bold;
}

.tpl_book table {
	margin:0 auto;
	background-color:#D7DADD;
	width: 100%;
	border-collapse:separate;
	border-spacing:0 1px;
}
.tpl_book table.normal-table {
	margin-top:20px;
}
.tpl_book table.normal-table:first-child {
	margin-top:0;
}
.tpl_book th {
	/* アイコンがない場合も少し開けたほうが・・・？ */
	padding: 0 5px;
	line-height: 50px;  /* 文字列縦位置 */
	text-align: left;
	overflow: hidden;   /* 下記の label.have_icon の幅超過に対して */
	position:relative;
	height:50px;
	vertical-align:middle;
	background:#f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: visible;
}

/* 並べ替え実行可能な label を持つ th に .have_icon を設定 */
.tpl_book th.have_icon {
	/* アイコンとの位置調整 */
}
.tpl_book th.have_icon label {
	/*
		label に対するレイアウト指定について
		http://d.hatena.ne.jp/uetaka14/20121112/1352703727
	*/
	display:inline-block;
	position:absolute;
	padding-left:25px;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	/* 中身を折り返さないように */
	white-space: nowrap;
	box-sizing:border-box;
}
.tpl_book td {
	position:relative;
	padding: 5px;
	height:60px;
	font-size:12px;
	vertical-align:middle;
	* 検索結果レイアウト調整のため */
	word-break: break-all;
	box-sizing: border-box;
}
.tpl_book td:has(.reprint) {
	height:80px;
}
#mw_order td:nth-child(odd), #mw_reservationdetail td:nth-child(odd),
#mw_add_orders .item_table td:nth-child(odd) ,#mw_add_orders_history .item_table td:nth-child(odd),#mw_expected_stock_order td:nth-child(odd) {
	background:#f3f3f3;
}
#mw_order td:nth-child(even), #mw_reservationdetail td:nth-child(even),
#mw_add_orders .item_table td:nth-child(even), #mw_add_orders_history .item_table td:nth-child(even),#mw_expected_stock_order td:nth-child(even){
	background:#fff;
}
.tpl_book td:nth-child(odd) {
  background:#fff;
}
.tpl_book td:nth-child(even) {
  background:#f3f3f3;
}
.tpl_book td.odd {
	background:#fff;
}
.tpl_book td.even {
	background:#f3f3f3;
}
.tpl_book .bgc_reverse td.odd {
  background: #f3f3f3;
}
.tpl_book .bgc_reverse td.even {
  background:#fff;
}
.bgc_reverse td:nth-child(odd) {
  background: #f3f3f3;
}
.bgc_reverse td:nth-child(even) {
  background:#fff;
}
.tpl_book th.off, .tpl_book td.off {
	color:#cbcbcb;
}
.tpl_book td.book_title a, #mw_order td.book_title, #mw_reservationdetail td.book_title,
#mw_add_orders td.book_title, #mw_add_orders_history td.book_title, #mw_expected_stock_order td.book_title{
	font-size:14px;
	font-weight:bold;
}
.tpl_book td ul li, #mw_order td ul li, #mw_reservationdetail td ul li,
#mw_add_orders td ul li, #mw_add_orders_history td ul li, #mw_expected_stock_order td ul li{
	float:left;
}
.tpl_book .label, #mw_order .label, #mw_reservationdetail .label,
#mw_add_orders .label, #mw_add_orders_history .label, #mw_expected_stock_order .label{
	padding-left:5px;
	font-size:10px;
	line-height:140%;
}
.tpl_book .label a, #mw_order .label a, #mw_reservationdetail .label a,
#mw_add_orders .label a, #mw_add_orders_history .label a, #mw_expected_stock_order .label a{
	font-size:10px;
}
.tpl_book .bookmark, #mw_order .bookmark, #mw_reservationdetail .bookmark  {
	position:absolute;
	top:0;
	right:0;
	width:12px;
}
.tpl_book .rankA {
	position:relative;
	display:inline-block;
	padding:10px 0 0 0;
	width:32px;
	height:50px;
	font-size:18px;
	text-align:center;
	vertical-align:middle;
}
.tpl_book .rankA span {
	display:inline-block;
	width:20px;
	height:20px;
	background:url(../img/parts.png?v=20240901);
	text-indent:-9999px;
}
.tpl_book .rankA .arrow01 {
	background-position:-1000px -70px;
}
.tpl_book .rankA .arrow02 {
	background-position:-1020px -70px;
}
.tpl_book .rankA .arrow03 {
	background-position:-1040px -70px;
}
.tpl_book .rankA .arrow04 {
	background-position:-1060px -70px;
}
.tpl_book .genre, #mw_order .genre, #mw_reservationdetail .genre,
#mw_add_orders .genre, #mw_add_orders_history .genre, #mw_expected_stock_order .genre {
	width:16px;
	height:60px;
}
.tpl_book .img, #mw_order .img, #mw_reservationdetail .img,
#mw_add_orders .img, #mw_add_orders_history .img, #mw_expected_stock_order .img{
	width:55px;
	text-align:center;
}
.tpl_book .img .wrap_img, #mw_order .img .wrap_img, #mw_reservationdetail .img .wrap_img,
#mw_add_orders .img .wrap_img, #mw_add_orders_history .img .wrap_img, #mw_expected_stock_order .img .wrap_img{
	display:table-cell;
	width:55px;
	/*height:60px;*/
	text-align:center;
	vertical-align:middle;
}
.tpl_book .img img, #mw_order .img img, #mw_reservationdetail .img img,
#mw_add_orders .img img, #mw_add_orders_history .img img, #mw_expected_stock_order .img img{
	max-width:45px;
	max-height:60px;
	box-sizing:border-box;
	border:0px solid #ccc;
	/*height:60px;*/
}
.tpl_book .rankB {
	font-size: 15px;
	width:22px;
	line-height:60px;
	text-align:center;
}
.tpl_book .rankNewStr {
	line-height:15px;
}
.tpl_book .data, #mw_order .data, #mw_reservationdetail .data,
#mw_add_orders .data, #mw_add_orders_history .data{
	width:86px;
}
.tpl_book .book_subtitle, #mw_order .book_subtitle, #mw_reservationdetail .book_subtitle,
#mw_add_orders .book_subtitle, #mw_add_orders_history .book_subtitle{
	font-size:10px;
}
.tpl_book .number, #mw_order .number, #mw_reservationdetail .number,
#mw_add_orders .number, #mw_add_orders_history .number{
	font-size:0;
}
.tpl_book .touchBtn {
	padding:0;
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff)) !important;
	background: -webkit-linear-gradient(#fff, #f7f7f7) !important;
	background: -moz-linear-gradient(#fff, #f7f7f7) !important;
	background: -o-linear-gradient(#fff, #f7f7f7) !important;
	background: -ms-linear-gradient(#fff, #f7f7f7) !important;
	background: linear-gradient(#fff, #f7f7f7) !important;*/
}
/*.tpl_book .number div, #mw_order .number div {
	display:inline-block;
	height:24px;
	line-height:24px;
	text-align:center;
	border:1px solid #D7DADD;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#F7F7F7;
	vertical-align:top;
	font-size:12px;
	letter-spacing:normal;
}*/
.tpl_book .number .order
, .item-order.various
, .item-cancel
{
	color:#ccc;
}
.tpl_book .number label:hover /* 取消ボタン */
{
	text-decoration: underline;
}

.tpl_book .number .order
, .tpl_book .number label:not(.lbl_orderConfirm) /* 取消ボタン */
, .item-order.various
, .item-cancel
{
	display:inline-block;
	width:42px;
	height:28px;
	line-height:28px;
	font-size:12px;
	text-align:center;
	background:#F7F7F7;
	border:1px solid #D7DADD;
	border-radius:3px;
	box-sizing:border-box;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	vertical-align:top;
	letter-spacing:normal;
	margin-right:2px;
	margin-right:2px \9;
	cursor:pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.tpl_book .number .order.on
, .item-order.various
, .item-cancel {
	color:#333;
	font-weight:bold;
}
.tpl_book .number input {
	padding-right: 5px; /* 数値が input の端にぴったりつかないように */
	margin-right:2px;
	display:inline-block;
	width:32px;
	height:22px;
	line-height:22px;
	border:1px solid #ccc;
	outline:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.tpl_book .number .ordered {
	background: #FFFFBF;
}
.tpl_book .basket input {
	margin:2px;
}
.tpl_book .number .btn {
	text-align: center;
	height: 24px;
	line-height: 20px;
	width:24px;
	cursor:pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.tpl_book #addtop_wrapbtn {
	position:absolute;
	display:block;
	top:-6px;
	right:0;
	z-index:2;
	font-size:10px;
}
.tpl_book #addbottom_wrapbtn {
	display:block;
	position:absolute;
	bottom:-50px;
	right:0;
	z-index:2;
	font-size:0;
}
.tpl_book #addtop_wrapbtn div,
.tpl_book #addbottom_wrapbtn div,
.tpl_book .cahinten_operation_wrap div {
	display:inline-block;
	margin-left:10px;
	vertical-align:middle;
}
.tpl_book #addtop_wrapbtn .add_basket, .tpl_book #addbottom_wrapbtn .add_basket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.tpl_book .bottom_container label[for="back_to_basket_bottom"] {
	margin: 0 !important;
}
/** 本部：バスケット **/
/* チェックボックスにかかる枠線を削除 */
.auto-onhold label {
	border: none !important;
	border-radius: unset !important;
	background: none !important;
}
.tpl_book #addtop_wrapbtn label[for="order_download"],
.tpl_book #addtop_wrapbtn label[for="order_upload"],
.tpl_book #addtop_wrapbtn label[for="chainten_download"] {
	font-weight:bold;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.row-top .store_wrap {
	display: inline-block;
	margin-left: 8px;
	margin-right: 12px;
}
.row-top .store_wrap .order_chaiten {
	width: 52px;
	font-size: 12px;
	background: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.tpl_book .cahinten_basket td.odd {
	background:#f3f3f3;
}
.tpl_book .cahinten_basket td.even {
	background:#fff;
}
.basket__button-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bansenArea, .bansenAreaPolicy {
	position:relative;
	width:190px;
	height:30px;
	color:#666;
	font-weight:normal;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	overflow:hidden;
}
.bansenArea > .bansenObj, .bansenAreaPolicy > .bansenObj {
	display: inline-block;
	padding-left: 24px;
	cursor: pointer;
	width: 130%;
	height: 30px;
	color: #000;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -790px -236px;
	box-sizing: content-box;
	outline: none;
}
.bansenAreaPolicy {
	left: 527px;
}
.tpl_book .basket__button-container {
}
.tpl_book .basket__button-container label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px !important;
	cursor:pointer;
	color:#333;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.basket__button-container .bansenArea + label {
    margin-left:10px;
}
.staffArea {
	position:relative;
	width:100px;
	height:30px;
	color:#666;
	font-weight:normal;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
    box-sizing: border-box;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	overflow:hidden;
}
.staffArea > .staffObj {
	display: inline-block;
	padding-left: 24px;
	cursor: pointer;
	width: 130%;
	height: 30px;
	color: #000;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -790px -236px;
	box-sizing: content-box;
	outline: none;
}
.fancybox-wrap #mw_order .ta-center .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom:15px;
}
.fancybox-wrap #mw_order .ta-center .btn-container #addbasket_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 10px;
    height:30px;
    color:#333;
    box-sizing: border-box;
}
.tpl_book #addtop_wrapbtn label,
.tpl_book #addbottom_wrapbtn label,
.tpl_book .cahinten_operation_wrap label {
	padding:8px 10px;
	cursor:pointer;
	color:#333;
	font-size:12px;
	font-weight:normal;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.tpl_book #addtop_wrapbtn .add_basket label, .tpl_book .add_basket label{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:4px 10px !important;
}
.tpl_book .add_basket .staffArea + label {
    margin-left:10px;
}
/*.tpl_book #addtop_wrapbtn label.screen_transition, .tpl_book #addbottom_wrapbtn label.screen_transition {
	border:none;
	color:#fff;
	background:#515151;
}*/
.screen_transition {
	display: inline-block;
	margin-left: 5px;
	padding:8px 10px;
	color: #fff;
	font-size: 12px;
	background: #777;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.screen_transition:hover {
	color: #fff;
	text-decoration: none;
}

.tpl_book #addtop_wrapbtn label.clear-all,.tpl_book #addbottom_wrapbtn label.clear-all {
	margin-right:40px;
	width:180px;
}
.bansenObj:hover, .tpl_book #addtop_wrapbtn label:hover, .tpl_book #addbottom_wrapbtn label:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}
.buyup {
	display:inline-block;
	margin:2px 0 0 0;
	padding:3px 10px;
	font-size:12px;
	color:#fff;
	background:#DD093B;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.pager {
	display:block;
	margin:40px auto 5px;
	font-size:0;
	letter-spacing:-0.4em;
	text-align:center;
}
.pager li {
	display:inline-block;
	margin-right:5px;
	font-size:14px;
	height:30px;
	line-height:30px;
	letter-spacing:normal;
	vertical-align:top;
}
.pager li a {
	display:block;
	padding:0 5px;
	min-width:20px;
	height:30px;
	line-height:30px;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.pager li .off {
	display:block;
	padding:0 5px;
	min-width:20px;
	height:30px;
	line-height:30px;
	color:#ccc;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.book-name .pop-link {
	position: absolute;
	top: 0;
	right: 30px;
}
/*============================================================
// 注文数
//==========================================================*/
.tpl_book .number input {
	padding-right: 4px; /* 数値が input の端にぴったりつかないように */
	display:inline-block;
	width:40px;
	height:28px;
	line-height:28px;
	border:1px solid #ccc;
	outline:none;
	box-sizing:border-box;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size: 14px;
}
.tpl_book .number input:nth-child(2) {
	margin-right:0;
}
.tpl_book .number .btn {
	width: 28px;
	height: 28px;
	line-height: 26px;
	text-align: center;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
/*	padding:0;
	width:100%;
	height:100%;
	font-size:20px;
	background:none;
	border:none;
*/
}
.cell-orders input {
	padding-right: 5px; /* 数値が input の端にぴったりつかないように */
	display:block;
	float:left;
	width:35px;
	height:22px;
	line-height:22px;
	outline:none;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	vertical-align:top;
	box-sizing:border-box;
	border-right:1px solid #D7DADD;
}
.cell-orders input:last-child {
	margin-right:0;
	border:none;
}
.cell-orders .btn {
/*	padding:0;
	width:100%;
	height:100%;
	font-size:20px;
	background:none;
	border:none;*/

	display:inline-block;
	float:none;
	text-align: center;
	width:28px;
	height: 28px;
	color: #fff;
	font-size: 12px;
	line-height: 26px;
	cursor: pointer;
	background: #777;
}
.sort_target_orders .wrap-button {
	font-size:0;
}
.cell-orders .total-txt {
	display:inline-block;
	margin:0 10px;
	font-size:12px;
	width:66px;
	height:28px;
	line-height:28px;
	vertical-align:top;
}
.cell-orders .total-btn {
	position:relative;
	float:right;
	margin:3px 0 0 0;
	width:88px;
	margin:3px 2px 0 0;
	width:92px;
	height:24px;
	line-height:24px;
	background:#ccc;
	text-align:right;
	font-size:0;
}
.cell-orders .total-btn-name {
	position:absolute;
	top:0;
	left:6px;
	font-size:11px;
}
.wrap_ordersIcon {
  font-size: 0;
  position: absolute;
  bottom: -22px;
  right: 0;
  left: 0;
}
.wrap_ordersIconTop {
	font-size:0;
	position: absolute;
	top: -17px;
	left: 0;
	right: 0;
}
.outer_td_basket .wrap_ordersIconTop {
	text-align: center;
}
.ordersIcon_typeA {
	display:inline-block;
	width:48px;
	height:14px;
	line-height:14px;
	font-size:10px;
	color:#fff;
	background:#ff5d5d;
	box-sizing:border-box;
	text-align:center;
	vertical-align:top;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	margin-left: 5px;
}
.ordersIcon_typeB {
	display:inline-block;
	position:relative;
	width:48px;
	height:18px;
	line-height:16px;
	font-size:10px;
	color:#FF0202;
	border:1px solid #FF0202;
	box-sizing:border-box;
	text-align:center;
	vertical-align:top;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
	margin-right:2px;
}
.ordersIcon_typeB:hover {
	color:#fff;
	border:none;
	background:#FF0202;
	border:1px solid #FF0202;
	text-decoration:none;
}
.ordersIcon_typeC {
	display: inline-block;
  line-height: 1.2;
  font-size: 11px;
  color: #5c5c5c;
}
.ordersIcon_typeE {
	display:inline-block;
	position:relative;
	width:48px;
	height:18px;
	line-height:16px;
	font-size:10px;
	color:#333;
	border:1px solid #333;
	box-sizing:border-box;
	text-align:center;
	vertical-align:top;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	cursor:pointer;
	margin-right:2px;
}
.jimise {
	margin:4px 0 0;
	font-size:11px;
}
.condition_color_2 .jimise {
	color: #333;
}
.pc-orders {
	display:block;
}
.tablet-orders {
	display:none;
}

/*============================================================
// 出荷状況
//==========================================================*/
.tpl_book .ordering {
	font-size: 14px;
	font-weight: initial;
	left: 383px;
	position: absolute;
	margin-top: 4px;
}
.tpl_book .ordering_plus {
	font-size: 14px;
	font-weight: initial;
	position: absolute;
	left: 315px;
	top: 5px;
}
.tpl_book .selectOrdering::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0d7";
	margin-right: 4px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	position: absolute;
	top: 3px;
	left: 520px;
	color: #333;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	pointer-events: none;
	z-index: 1;
}
.tpl_book .selectOrdering_plus::before {
	font-family: "Font Awesome 5 Free";
	content: "\f0d7";
	margin-right: 4px;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	position: absolute;
	top: 2px;
	left: 500px;
	color: #333;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	pointer-events: none;
	z-index: 1;
}
.tpl_book .selectOrdering select {
	padding: 0 25px 0 10px;
	height: 24px;
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	top: 0px;
	left: 443px;
	width: 96px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.tpl_book .selectOrdering select::-ms-expand {
	display: none;
}
.tpl_book .selectOrdering_plus select {
	padding: 0 25px 0 10px;
	height: 24px;
	background: #fff;
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	position: absolute;
	top: 0px;
	left: 376px;
	width: 144px; 
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.tpl_book .selectOrdering_plus select::-ms-expand {
	display: none;
}
.tpl_book #refineB, .pop_search #refineB {
	position:absolute;
	padding:5px 5px;
	top:-4px;
	right:0;
	font-size:0;
	font-weight:normal;
	border:1px solid #D7DADD;
	background:#EBECEC;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	z-index:1;
}
.tpl_book #refineB p, .pop_search #refineB p {
	display:inline-block;
	margin:0 5px 0 0;
	height:18px;
	font-size:12px;
	line-height:18px;
	vertical-align:top;
}
.tpl_book #refineB div, .pop_search #refineB div {
	display:inline-block;
	margin:0 5px 0 0;
	cursor:pointer;
	height:18px;
	font-size:12px;
	line-height:18px;
	color:#333575;
	background:#DDDDEA;
	text-align:center;
	vertical-align:top;
	letter-spacing:normal;
	border:1px solid #D7DADD;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
.tpl_book #refineB div:last-child, .pop_search #refineB div:last-child{
	margin:0;
}
.tpl_book #refineB div:hover, .tpl_book #refineB div.on , .pop_search #refineB div:hover, .pop_search #refineB div.on {
	color:#fff;
	background:#333575;
}

.tpl_book td .cancel,.tpl_book td .change {
	display:inline-block;
	height:24px;
	line-height:24px;
	text-align:center;
	border:1px solid #D7DADD;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background:#F7F7F7;
	vertical-align:top;
	font-size:12px;
	letter-spacing:normal;
	width:40px;
	cursor:pointer;
	color:#ccc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
/* バスケット画面にて border が取消ボタンに対し悪さをしているので */
.tpl_book td .cancel.order_del
{
	border: none;
}

.tpl_book td .cancel.on,.tpl_book td .change.on  {
	color:#333;
	font-weight:bold;
}
.tpl_book td .change a
{
	color: #333;
	text-decoration: none;
}
.tpl_book td .cancel:hover,.tpl_book td .change:hover
{
	/* 客注と同様に下線を表示 */
	text-decoration: underline;
}

/* 客注メモの表示 */
.tpl_book td.customer_memo
{
	font-size: 9px;
}

/* 出荷/着荷 */
.tpl_book td.syukka div.cyakka
{
	margin-top:5px;
	font-size: 10px;
}

/*============================================================
// SP注文書
//==========================================================*/
#sp_banner {
	margin:0 auto;
	max-width:910px;
	/*height:340px;*/
}

/*============================================================
// 刊行予定
//==========================================================*/
.tpl_book #wrap_tab {
	display:inline-block;
	margin:0 0 0 20px;
}
.tpl_book #wrap_tab .monthly {
	display:inline-block;
	margin-left:5px;
	padding:2px 5px 2px 5px;
	cursor:pointer;
	color:#666;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.tpl_book #wrap_tab .monthly:hover, .tpl_book #wrap_tab .monthly.on {
	color:#373477;
	font-weight:bold;
}

/*============================================================
// 一覧注文書
//==========================================================*/
#orderformlist .list-txt {
	font-size: 14px;
	margin-bottom: 10px;
}
#orderformlist .tab-list__list-type {
	display: flex;
	margin-left: 15px;
	position: relative;
	z-index: 1;
}
#orderformlist .tab-list__list-type li {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background-color: #d9d9d9;
	padding: 8px 20px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	line-height: 1;
	cursor: pointer;
	transition: 0.2s;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
#orderformlist .tab-list__list-type li + li {
	margin-left: 5px;
}
#orderformlist .tab-list__list-type li.is-active {
	background-color: #848db2;
}
#orderformlist .wrap__tab-content {
	margin-top: -2px;
}
#orderformlist .tab-content {
	border: 2px solid #d9d9d9;
	border-radius: 10px;
	padding: 10px 25px;
	display: none;
}
#orderformlist .order-list li {
	padding: 15px 0;
	border-bottom: 1px dotted #d4d4d4;
	line-height: 1.3;
	display: flex;
	justify-content: space-between;
	align-items: center;
	transition: 0.3s;
}
#orderformlist .order-list li a {
	font-size: 14px;
	color: #0083d4;
	display: inline-flex;
	align-items: center;
	transition: 0.2s;
}
#orderformlist .order-list li a:hover {
	text-decoration: none;
}
#orderformlist .order-list li .order-list-item-inner > a:before {
	content: "";
	width: 14px;
	height: 18px;
	background-image: url(../img/icon-order-list.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 5px;
}
#orderformlist .order-list li a.change-btn {
	color: #0083d4;
	font-size: 10px;
	display: inline-block;
	margin-left: 5px;
}
#orderformlist .wrap-make-btn {
	display: flex;
	align-items: center;
	margin: 50px 0;
}
#orderformlist .make-btn {
	font-size: 14px;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	background-color: #ea9292;
	padding: 12px 20px 12px 38px;
	border-radius: 40px;
	position: relative;
	line-height: 1;
	text-decoration: none;
}
#orderformlist .make-btn:before {
	content: "";
	position: absolute;
	width: 12px;
	height: 2px;
	background: #fff;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
}
#orderformlist .make-btn:after {
	content: "";
	position: absolute;
	width: 12px;
	height: 2px;
	background: #fff;
	top: 50%;
	left: 20px;
	transform: translateY(-50%) rotate(90deg);
}
#orderformlist .wrap-make-btn p {
	font-size: 12px;
	color: #666;
	margin-left: 10px;
}
#orderlist-modal {
	position: relative;
	padding: 20px;
	background-color: #fff;
	overflow-x: hidden;
}
#orderlist-modal * {
	box-sizing: border-box;
}
#orderlist-modal .item-num {
	font-size: 14px;
}
#orderlist-modal .item-num .num {
	font-family: 'Rubik', sans-serif;
	font-size: 28px;
}
#orderlist-modal .item-num .small {
	font-size: 12px;
	color: #666;
}
#orderlist-modal .update {
	position: absolute;
	top: 28px;
	right: 20px;
}
#orderlist-modal .update-date {
	font-size: 12px;
	color: #666;
}
#orderlist-modal .reset-btn {
	display: inline-block;
	font-size: 12px;
	color: #333;
	background: linear-gradient(#fff, #f7f7f7);
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 6px 8px;
	margin-left: 15px;
	text-decoration: none;
}
#orderlist-modal .group {
	width: 890px;
	margin-top: 15px;
}
#orderlist-modal .group-name {
	font-size: 14px;
	font-weight: bold;
	background-color: #eaeaea;
	border: 1px solid #eaeaea;
	border-bottom: none;
	padding: 10px 15px;
}
#orderlist-modal .group-content {
	background-color: #fff;
	border: 1px solid #eaeaea;
	border-top: none;
	padding: 12px;
	font-size: 13px;
}
#orderlist-modal .group-content input[type="text"] {
	display: inline-block;
	width: 100%;
	height: 30px;
	border: 1px solid #ccc;
	outline: none;
	border-radius: 3px;
	font-size: 13px;
	padding: 5px 10px;
}
#orderlist-modal .group-content .row {
	display: flex;
	margin-top: 12px;
}
#orderlist-modal .group-content .row:first-of-type {
	margin-top: 0;
}
#orderlist-modal .sub-group-name {
	width: 150px;
	display: flex;
	justify-content: flex-end;
	margin-top: 10px;
}
#orderlist-modal .sub-group-content.genre,
#orderlist-modal .sub-group-content.label {
	width: calc(100% - 150px);
}
#orderlist-modal .sub-group-content.genre .rrObj {
	width: 180px;
}
#orderlist-modal .sub-group-content.genre .rrObj select {
	font-size: 13px
}
#orderlist-modal .sub-group-content.label input,
#orderlist-modal .sub-group-content.tag input,
#orderlist-modal .sub-group-content.series input,
#orderlist-modal .sub-group-content.new input {
	display: none;
}
#orderlist-modal .sub-group-content.label label:before,
#orderlist-modal .sub-group-content.tag label:before,
#orderlist-modal .sub-group-content.series label:before,
#orderlist-modal .sub-group-content.new label:before {
	content: "";
	display: inline-block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
	margin-right: 5px;
}
#orderlist-modal .sub-group-content.label label,
#orderlist-modal .sub-group-content.tag label,
#orderlist-modal .sub-group-content.series label,
#orderlist-modal .sub-group-content.new label {
	display: inline-flex;
	margin-top: 10px;
	margin-right: 25px;
}
#orderlist-modal .sub-group-content.label label:first-of-type {
	display: flex;
}
#orderlist-modal .sub-group-content.label input:checked + label:before,
#orderlist-modal .sub-group-content.tag input:checked + label:before,
#orderlist-modal .sub-group-content.series input:checked + label:before,
#orderlist-modal .sub-group-content.new input:checked + label:before {
	background-position: -1055px -414px;
}
#orderlist-modal .group-name span {
	font-size: 11px;
	font-weight: normal;
	margin-left: 10px;
}
#orderlist-modal .sub-group-content.rank,
#orderlist-modal .sub-group-content.stock {
	display: flex;
	align-items: center;
}
#orderlist-modal .sub-group-content.rank .rrText,
#orderlist-modal .sub-group-content.stock .rrText {
	margin: 0 8px;
}
#orderlist-modal .group-content .stock input[type="text"] {
	width: 40px;
}
#orderlist-modal .sub-group-content.order .rrObj {
	width: 150px;
}
#orderlist-modal .sub-group-name.new {
	width: 180px;
}
#orderlist-modal .sub-group-name.order:nth-of-type(n+2) {
	width: 80px;
}
#orderlist-modal .set-btn {
	text-align: center;
}
#orderlist-modal .set-btn a {
	font-size: 14px;
	display: inline-block;
	background-color: #515151;
	color: #fff;
	text-decoration: none;
	padding: 12px 25px;
	border-radius: 3px;
	margin-top: 20px;
}
#orderlist-modal .reset-btn.listorder_return {
	background: #fff;
	color: #515151;
	border: 1px solid #515151;
	padding: 12px 16px;
	position: relative;
	bottom: 10px;
}
#orderlist-modal .listoorder_sort_msg {
	display: block;
	margin-top: 10px;
}

/*============================================================
// プロフィール
//==========================================================*/
#profile, #password {
	margin:0 auto;
	/*width:800px;*/
}
#profile .title_class, #password .title_class {
	margin:0 0 15px 0;
	font-size:16px;
}
#profile td, #password td {
	height:50px;
}
#profile td.item, #password td.item {
	padding:0 10px 0 0;
	width:160px;
	font-size:14px;
	background:#eee;
	text-align:right;
	vertical-align:middle;
}
#profile td.data, #password td.data {
	padding:10px 0 10px 10px;
	width:600px;
	font-size:14px;
	background:#F6F6F6;
	vertical-align:middle;
}
#profile td.data input, #password td.data input {
	padding:0 0 0 10px;
	width:420px;
	height:28px;
	line-height:28px;
	color:#999;
	font-size:14px;
	border:1px solid #d9d9d9;
	outline:none;
}
#profile tr:nth-of-type(2) td.data > p {
	margin-top:5px;
	font-size: 12px;
	font-feature-settings: "palt";
	line-height: 1.4;
}
#profile tr:nth-of-type(2) td.data > p.first-line {
	margin-top:0;
	font-size: 14px;
	line-height:1;
}
#profile td.data input.textFocus, #password td.data input.textFocus {
	color:#333;
}
#profile  #btn_change, #password  #btn_change {
	display:block;
	margin:15px auto 0;
	padding:10px 10px;
	cursor:pointer;
	border:0;
	font-size:14px;
	color:#fff;
	background:#515151;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-appearance: none;
}

#profile table ~ div, #password table ~ div	/* 「こちらまでご連絡ください div」 */
{
	margin-top: 10px;
}

/*============================================================
// コンプリート
//==========================================================*/
#complete {
	position:absolute;
	top:50%;
	left:50%;
	margin:-30px -230px;
	width:460px;
	height:60px;
	font-size:18px;
	line-height:140%;
}

/*============================================================
// ベスト詳細
//==========================================================*/
.wrap_listbtn {
	margin:40px auto 0;
	width:100%;
	height:16px;
	text-align:center;
}

/*============================================================
// メディアミックス一覧
//==========================================================*/
#list_title {
	position:relative;
	margin:0 0 15px 0;
	width:100%;
	height:18px;
	font-size:14px;
	font-weight:bold;
}

/*============================================================
// FAQ
//==========================================================*/
#faq .wrap_btn {
	margin-bottom:10px;
	width:100%;
	text-align:right;
}
#faq .btn_inquiry {
	display:inline-block;
	width:172px;
	height:36px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-880px -150px;
}
#faq ul li {
	margin-bottom:15px;
	padding:15px;
	width:688px;
	line-height:160%;
	background:#E7E7E7;
	border:1px solid #D7DADD;
}
#faq ul li .question {
	position:relative;
	margin-bottom:10px;
	padding-left:20px;
	font-size:16px;
	color:#333575;
}
#faq ul li .answer {
	position:relative;
	padding-left:20px;
	font-size:14px;
	color:#333;
}
#faq ul li .iconQ {
	position:absolute;
	display:inline-block;
	top:0;
	left:2px;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-220px -146px;
	vertical-align:top;
}
#faq ul li .iconA {
	position:absolute;
	display:inline-block;
	top:0;
	left:0;
	width:16px;
	height:14px;
	background:url(../img/parts.png?v=20240901);
	text-indent:-9999px;
	background-position:-1042px -72px;
}
/*============================================================
// 使い方
//==========================================================*/
#howto {
	margin:0 auto;
	width:960px;
}
.wrap_howtotop {
	position:relative;
}
#howto .title_class {
	margin:0 0 5px 0;
	font-size:16px;
	font-weight:bold;
}
#howto .title_bottom {
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	font-size:12px;
}
.wrap_howtotop .howtonav {
	position:absolute;
	top:25px;
	right:0;
}
.wrap_howtotop .howtonav a, .wrap_howtotop .howtonav div {
	float:left;
	display:block;
	margin-left:1px;
	width:110px;
	height:28px;
	color:#333575;
	line-height:28px;
	text-align:center;
	background:#DCDFE2;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.wrap_howtotop .howtonav a:hover, .wrap_howtotop .howtonav a.on, .wrap_howtotop .howtonav div,on {
	color:#fff;
	background:#468C00;
	text-decoration:none;
}

.wrap_howtomain {
	position:relative;
	top: 40px;
	margin:0 auto;
	padding:30px 20px;
	width:920px;
	background:#EFEFEF;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.howto_title {
	display:inline-block;
	margin-bottom:10px;
	padding:0 0 0 7px;
	font-size:15px;
	font-weight:bold;
	border-left:5px solid #333575;
}
.howto01_left {
	float:left;
	width:566px;
}
.howto01_right {
	float:right;
	margin:18px 0 0 0;
	width:354px;
}
.wrap_howto01text {
	padding:15px;
	width:322px;
	font-size:12px;
	line-height:120%;
	background:#fff;
	border:1px solid #D7DADD;
	text-align:left;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
/*.wrap_howto01text tr{
	margin-bottom:14px;
	display:block;
}*/
.wrap_howto01text p.subtitle{
	margin-bottom:-5px;
	font-weight:bold;
}
.wrap_howto01text td{
	padding-top:15px;
}
.wrap_howto01text td.cell_icon{
	width:15px;
	vertical-align:top;
}
.wrap_howto01text td.cell_text{
	padding-left:5px;
	width:302px;
	vertical-align:top;
}
.wrap_howto02text,.wrap_howto03text,.wrap_howto04text {
	padding:19px;
	width:880px;
	font-size:13px;
	line-height:140%;
	background:#fff;
	border:1px solid #D7DADD;
	text-align:left;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.wrap_howto02text ul li.left{
	float:left;
	width:440px;
}
.wrap_howto02text ul li.right{
	float:right;
	padding:0 0 0 20px;
	width:420px;
}
.howto_subtitle {
	margin-bottom:10px;
	font-size:15px;
	font-weight:bold;
}
.howto_subtitleB {
	margin:20px 0 5px 0;
	color:#468C00;
}
.wrap_howto02text table {
	margin:15px 0;
}
.wrap_howto02text td {
	padding:5px 20px;
	border:1px solid #ccc;
}
.wrap_howto02text tr.head td{
	background:#FFE4B0;
}
.howto02_right,.howto03_right,.howto04_right{
	float:right;
	padding-left:20px;
	width:380px;
}
.howtolist_disc {
	padding:0 0 0 15px;
	list-style-type:disc;
}
.howtolist_disc li{
	margin:10px 0 0 0;
}
.howto03_left {
	float:left;
	width:480px;
}
.wrap_howto03text td,.wrap_howto04text td {
	padding:5px;
	border:1px solid #ccc;
	line-height:120% !important;
	text-align:center;
	vertical-align:middle;
}
.wrap_howto03text tr.head td,.wrap_howto04text tr.head td{
	background:#E5F8D1;
}

.icon_howtotpl {
	display:inline-block;
	width:15px;
	height:15px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	vertical-align:top;
	text-indent:-9999px;
}
.icon_howtoA {
	background-position:-250px -250px;
}
.icon_howtoB {
	background-position:-265px -250px;
}
.icon_howtoC {
	background-position:-280px -250px;
}
.icon_howtoD {
	background-position:-295px -250px;
}
.icon_howtoE {
	background-position:-310px -250px;
}
.icon_howtoF {
	background-position:-325px -250px;
}
.icon_howtoG {
	background-position:-340px -250px;
}
.icon_howtoG2 {
	background-position:-340px -265px;
}
.icon_howtoH {
	background-position:-355px -250px;
}
.icon_howtoH2 {
	background-position:-355px -265px;
}
.icon_howtoI {
	background-position:-370px -250px;
}
.icon_howtoI2 {
	background-position:-370px -265px;
}
.icon_howtoJ {
	background-position:-385px -280px;
}
.icon_howtoJ2 {
	background-position:-385px -265px;
}
.icon_howtoK {
	background-position:-400px -280px;
}
.icon_howtoL {
	background-position:-415px -280px;
}
.icon_howtoM {
	background-position:-430px -280px;
}
.icon_howtoN {
	background-position:-445px -280px;
}
.icon_howtoO {
	background-position:-460px -280px;
}
.icon_howto1 {
	background-position:-415px -250px;
}
.icon_howto2 {
	background-position:-430px -250px;
}
.icon_howto3 {
	background-position:-490px -250px;
}
.icon_howto4 {
	background-position:-505px -250px;
}
.icon_howto5 {
	background-position:-535px -250px;
}
.icon_howto1pink {
	background-position:-445px -250px;
}
.icon_howto2pink {
	background-position:-460px -250px;
}
.icon_howto3pink {
	background-position:-475px -250px;
}
.icon_howto4pink {
	background-position:-520px -250px;
}
.icon_howto5pink {
	background-position:-550px -250px;
}
.icon_howtocheckbox {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position:-1055px -414px;
	vertical-align:top;
	text-indent:-9999px;
}

/*============================================================
// エラー文
//==========================================================*/
.error_text {
	color:#FE0000;
	font-size:11px;
}
.error_text div{
	margin-top:2px;
}
/*============================================================
// フッター
//==========================================================*/
#footerfixed {
	padding:10px 0 10px 0;
	width:100%;
	background:#636375;
	position: absolute;
	bottom: 0;
	z-index: 3;
}
#footerfixed.opened
/* #page-top:hover 時にもフッターを表示 */
/*, #page-top:hover ~ #footerfixed*/
{
	/*
		bottom: 0;
		cursor: auto;
	*/
}
#footerfixed .inner {
	position:relative;
	margin:0 auto;
	width:960px;
	color:#fff;
	box-sizing:border-box;
}

#footerfixed .inner li#sitemenu {
	float:left;
	width:320px;
	border-right:1px solid #575766;
}
#footerfixed .inner li#sitemenu a {
	margin:0 0 10px 0;
	display:inline-block;
	width:150px;
}

#footerfixed .inner li#sitemenu a#mailto {
	border:1px solid #ffffff;
	padding:4px 0px 4px 0px;
	margin: 11px 0 0 0;
	text-align:center;
}

#footerfixed .inner li#sitemenu a[href$="bookspro"] {
	text-indent: -15px;
	padding-left: 15px;
	width: 135px;
}

#footerfixed .inner li#link{
	float:left;
	padding-left:15px;
	width:580px;
	border-left:1px solid #747486;
}
#footerfixed .inner li#link a {
	margin:0 0 10px 0;
	display:inline-block;
	width:150px;
	font-size:11px;
}
#footerfixed .inner li#link a:last-child {
	margin:0;
}
#footerfixed .inner li#link a.last {
	margin:0;
}
#page-top {
	display: none;
	position:fixed;
	right: 30px;;
	bottom: 30px;
	z-index: 100;
	width:51.2px;
	height:51.2px;
	background:url(../img/my-page.png) no-repeat;
	background-size:320px 320px;
	background-position:-64px -32px;
	text-indent:-9999px;
}
#footerfixed .inner a {
	color:#fff;
	text-decoration:none;
}
#footerfixed a:hover {
	text-decoration: underline;
}
#bottom_footer {
	padding:10px 0 20px 0;
	width:100%;
	background:#636375;
	z-index: 4;
}
#bottom_footer .bf_inner {
	position:relative;
	margin:0 auto;
	width:960px;
	height:40px;
	color:#fff;
	line-height:40px;
	text-align:center;
}
#footerfixed #copyright
{
	position:absolute;
	display:block !important;
	bottom: 10px;
	top:auto;
	right:0;
}

/*============================================================
// インライン要素　詳細検索
//==========================================================*/
.inline {
	display:none;
}
#mw_advancedsearch {
	padding:20px;
	background:#fff;
}
#mw_advancedsearch td {
	white-space: nowrap;
	padding:15px;
}
#mw_advancedsearch .title_class {
	margin:0 0 15px 0;
	font-size:16px;
}
#mw_advancedsearch .head {
	font-size:14px;
	font-weight:bold;
	background:#eee;
}
#mw_advancedsearch .data {
	background:#F6F6F6;
}
#mw_advancedsearch .data input{
	padding:0 10px;
	width:430px;
	height:28px;
	line-height:28px;
	color:#BBB;
	font-size:14px;
	border:1px solid #D7DADD;
	outline:none;
}
#mw_advancedsearch .data.release_date input{
	width:150px !important;
}
#mw_advancedsearch #advanced_submit,
#mw_advancedsearch #search_rev_no_submit {
	display:block;
	margin:15px auto 0;
	cursor:pointer;
	width:62px;
	height:34px;
	border:0;
	font-size:14px;
	color:#fff;
	line-height:34px;
	background:#515151;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#mw_advancedsearch select {
	min-width:80px;
}
#mw_advancedsearch .data .refine_zaiko {
	width:50px !important;
}

/*============================================================
// インライン要素　客注入力
//==========================================================*/
#mw_order .title_class, #mw_reservationdetail .title_class,
#mw_add_orders .title_class,
#mw_add_orders_history .title_class,#mw_expected_stock_order .title_class{
	margin:0 0 15px 0;
	font-size:16px;
}
#mw_order td, #mw_reservationdetail td,
#mw_add_orders .item_table td, #mw_add_orders_history .item_table td, #mw_expected_stock_order td {
	padding:10px;
	height:60px;
	font-size:12px;
	vertical-align:middle;
	border:0;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}
#mw_add_orders .item_table td.book_title, #mw_add_orders_history .item_table td.book_title {
	font-size: 14px;
}
#mw_add_orders .item_table td.label, #mw_add_orders_history .item_table td.label{
	padding-left: 5px;
	font-size: 10px;
}
#mw_order .wrap_input, #mw_reservationdetail .wrap_input,
#mw_add_orders .wrap_input, #mw_add_orders_history .wrap_input{
	margin:20px auto;
	width:630px;
	font-size:0;
	letter-spacing:-0.4em;
	text-align:center;
}
#mw_order .wrap_input div, #mw_reservationdetail .wrap_input div,
#mw_add_orders .wrap_input div, #mw_add_orders_history .wrap_input div{
	display:inline-block;
	height:28px;
	font-size:14px;
	font-weight:bold;
	line-height:28px;
	letter-spacing:normal;
	vertical-align:top;
}
#mw_add_orders .wrap_input div.memo span.red{
	font-weight:normal;
}
#mw_order .wrap_input div input, #mw_reservationdetail .wrap_input div input,
#mw_add_orders .wrap_input div input, #mw_add_orders_history .wrap_input div input{
	padding:0 10px;
	width:430px;
	height:28px;
	line-height:28px;
	color:#BBB;
	font-size:14px;
	border:1px solid #D7DADD;
	outline:none;
}
#mw_reservationdetail .wrap_input div input,
#mw_add_orders .wrap_input div input,
#mw_add_orders_history .wrap_input div input{
	color:#333 ;
}
#mw_order .wrap_input #info input, #mw_reservationdetail .wrap_input #info input,
#mw_add_orders_history .wrap_input #info input{
	margin-right:20px;
	width:350px;
}
#mw_order .wrap_input #number input, #mw_reservationdetail .wrap_input #number input,
#mw_add_orders .wrap_input #number input, #mw_add_orders_history .wrap_input #number input{
	width:80px;
}
#mw_order #addbasket_btn, #mw_reservationdetail #reservation_btn {
	display:inline-block;
	margin:0 auto 15px;
	padding:4px 10px;
	cursor:pointer;
	color:#666;
	font-weight:normal;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-s2863(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
#mw_order #addbasket_btn:hover, #mw_reservationdetail #reservation_btn:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
}
#mw_order p, #mw_reservationdetail p {
	margin:0 0 20px 0;
	font-weight:bold;
	line-height:140%;
}
#mw_expected_stock_order .title_class .explanation{
    display: inline-block;
    margin-left:15px;
    font-size: 13px;
}
#mw_expected_stock_order .wrap_input {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top:30px;
    gap:0 30px;
    font-size: 14px;
}
#mw_expected_stock_order #expected_stock_order_btn {
    display: inline-block;
    margin-top:30px;
    padding:5px 20px;
    font-size: 13px;
    border:1px solid #ccc;
    background:#fff;
    box-sizing: border-box;
}

/*============================================================
// インライン要素　書籍詳細
//==========================================================*/
#mw_bookdetail {
	margin:0 auto;
	width:885px;
	padding: 15px;
}
#mw_bookdetail .wrap_img_inline {
	float:left;
	width:180px;
	text-align:center;
}
#mw_bookdetail #addwatchlist_btn {
	display:inline-block;
	margin-top: 15px;
	padding:4px 10px;
	cursor:pointer;
	color:#666;
	font-weight:normal;
	text-align:center;
	border:1px solid #ccc;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
#mw_bookdetail .wrap_data_inline {
	float:left;
	padding-left:20px;
	width:675px;
	font-size: 12px;
	line-height: 1.4;
}
#mw_bookdetail .wrap_data_inline .title_class {
	margin-bottom:15px;
	font-size:18px;
	line-height:140%;
	font-weight:bold;
}
#mw_bookdetail .wrap_data_inline #author {
	display:inline-block;
	font-size:14px;
}
#mw_bookdetail .wrap_data_inline #illustrator {
	display:inline-block;
	font-size:14px;
}
#mw_bookdetail .wrap_data_inline #catch {
	display:inline-block;
	margin-top:15px;
	padding:10px 0;
	font-size:14px;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
}
#mw_bookdetail .wrap_data_inline #outline {
	margin-top:15px;
	font-size:12px;
}
#mw_bookdetail .wrap_data_inline #tag {
	margin-top:15px;
	margin-bottom:15px;
	font-size:0;
}
#mw_bookdetail .wrap_data_inline #tag li {
	display:inline-block;
	margin-right:5px;
	padding:3px 10px;
	font-size:12px;
	color:#fff;
	background:#DD093B;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
/* シリーズ非表示の際にマージンが効かなくなるので発売日の margin-top に指定 */
#mw_bookdetail .wrap_data_inline .date_inline /*#series*/
{
	/*margin-bottom:10px;*/
	margin-top:10px;
}

/*============================================================
// インライン要素　ニュース一覧、宣伝・パブリシティ一覧
//==========================================================*/
#mw_newslist, #mw_propagandalist {
	position:relative;
	margin:0 auto;
	width:660px;
}
ul#mw_list {
	margin:10px 0;
	height:450px;
	border:0;
	border-top:1px solid #d8d8d8;
	border-bottom:1px solid #d8d8d8;
	overflow:auto;
}
ul#mw_list li {
	padding:10px 0;
	font-size:14px;
	border:0;
	border-bottom:1px dotted #d8d8d8;
}
ul#mw_list li:last-child, ul#mw_list li.last {
	border:0;
}
#mw_newslist .date{
	margin:0 0 5px 0;
	font-size:10px;
}
#propagandalist {
	height:450px;
	overflow:auto;
}
#propagandalist .date {
	margin-bottom:5px;
	font-size:10px;
	line-height:100%;
	vertical-align:middle;
}
#propagandalist .list .data {
	float:left;
	padding:0 0 0 5px;
	/*width:558px;*/
	font-size:14px;
}

/*============================================================
// インライン要素　ニュース詳細
//==========================================================*/
.topdetail {
	margin:0 auto;
	width:660px;
}
.topdetail .detail_title {
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	width:100%;
	height:18px;
	font-size:14px;
	font-weight:bold;
	border:0;
	border-bottom:1px solid #D8D9DB;
}
.topdetail .wrap_img_inline {
	float:left;
	width:180px;
	/* 画像とテキストの間をあけるためセンタリング解除 */
	/*text-align:center;*/
}
.topdetail .wrap_data_inline {
	float:left;
	/*padding-left:20px;*/
	width:450px;
	line-height:140%;
}
/* 画像非表示の際の幅調整 */
.topdetail .wrap_img_inline.display_none ~ .wrap_data_inline
{
	width: auto;
}

.topdetail .wrap_data_inline .date_inline {
	margin-bottom:5px;
	font-size:10px;
}
.topdetail .wrap_data_inline .title_class {
	margin-bottom:15px;
	padding:0 0 5px 0;
	font-size:18px;
	line-height:140%;
	font-weight:bold;
	border:0;
	border-bottom:1px solid #D8D9DB;
}
.topdetail .wrap_data_inline .text_inline {
	margin:0 0 -20px 0;
	font-size:14px;
	line-height:140%;
}
/* 詳細での画像大きさ指定 */
.wrap_img_inline img
{
	width: 170px;
	box-sizing:border-box;
	border:0px solid #ccc;
}

/*============================================================
// 2016/04追加
//==========================================================*/
#top-logoC{
	display:block;
	cursor:pointer;
	width: 202px;
	height: 42px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -8px -350px;
	text-indent: -9999px;
}
#logoC{
	display:inline-block;
	margin:10px 0 0 0;
	cursor:pointer;
	width: 202px;
	height: 42px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -8px -350px;
	text-indent: -9999px;
}
#select-note {
	margin:0 0 20px 0;
	width:100%;
	height:20px;
	line-height:20px;
	font-size:16px !important;
	text-align:center;
}
#select-note #st-icon {
	display:inline-block;
	margin:0 5px 0 0;
	width:18px;
	height:18px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -300px -350px;
	text-align:center;
	vertical-align:middle;
}
#select-note #st-text {
	vertical-align:middle;
}
#login #select-btn {
	font-size:0;
}
#login #select-btn div {
	display:inline-block;
	width:200px;
	vertical-align:top;
}
#login #select-btn div:first-child {
	margin-right:20px;
}
.btn-login-company001 {
	display:block;
	width:200px;
	height:50px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -570px -350px;
	text-indent: -9999px;
}
.btn-login-company002 {
	display:inline-block;
	width:200px;
	height:50px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -770px -350px;
	text-indent: -9999px;
	vertical-align:top;
}
.title-refine {
	display:inline-block;
	height:24px;
	line-height:24px;
	font-size:12px;
	vertical-align:top;
}
#selectPublisher-company001 {
	position:relative;
	display:inline-block;
	margin-top:12px;
	width:150px;
	height:30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
	vertical-align:top;
}
html>/**/body #selectPublisher-company001 {
	margin-top /*\**/: 22px \9;
}
#selectPublisher-company002 {
	position:relative;
	display:inline-block;
	margin-top:12px;
	width:150px;
	height:30px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	overflow:hidden;
	vertical-align:top;
}
html>/**/body #selectPublisher-company002 {
	margin-top /*\**/: 22px \9;
}
#selectPublisher-company001 > #selectObjP {
	padding:0 0 0 12px;
	cursor:pointer;
	width:130%;
	height:30px;
	font-size:14px;
	color:#fff;
	background-color:#333575;
	background-image:url(../img/parts.png?v=20240901);
	background-repeat: no-repeat;
	background-position: 0 -420px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	box-sizing: content-box;
	outline:none;
}
html>/**/body #selectPublisher-company001 > #selectObjP {
	padding /*\**/: 0  0 6px 12px \9;
	background-position /*\**/: 0 -420px \9;
	height /*\**/: 26px \9;
}
#selectPublisher-company002 > #selectObjP {
	position:absolute;
	padding-left:12px;
	top:0;
	left:0;
	cursor:pointer;
	width:130%;
	height:30px;
	font-size:14px;
	color:#fff;
	background-color:#009A44;
	background-image:url(../img/parts.png?v=20240901);
	background-repeat: no-repeat;
	background-position: -170px -420px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	box-sizing: content-box;
	outline:none;
}
html>/**/body #selectPublisher-company002 > #selectObjP {
	padding /*\**/: 0  0 6px 12px \9;
	background-position /*\**/: -170px -420px \9;
	height /*\**/: 26px \9;
}
#cross_search {
	display:inline-block;
	margin:0 10px;
	padding: 0;
	width:114px;
	height:34px;
	line-height:34px;
	color:#fff;
	font-size:12px;
	background:#515151;
	text-align:center;
	text-decoration:none;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	border: none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	cursor: pointer;
}
.cell-orders label {
	display:block !important;
	float:left;
}
.cell-orders .total-btn {
	position:relative;
	float:right;
	margin:3px 0 0 0;
	width:88px;
	margin:3px 2px 0 0;
	width:92px;
	height:24px;
	line-height:24px;
	background:#ccc;
	text-align:right;
	font-size:0;
}
.cell-orders .total-btn-name {
	position:absolute;
	top:0;
	left:6px;
	font-size:11px;
}
.cell-orders input {
	padding-right: 5px; /* 数値が input の端にぴったりつかないように */
	margin-right:2px;
	display:inline-block;
	width:35px;
	height:22px;
	line-height:22px;
	outline:none;
	border:none;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	vertical-align:top;
}
.cell-orders input:last-child {
	margin-right:0;
}
.cell-orders .btn {
	text-align: center;
	height: 24px;
	color:#fff;
	font-size:12px;
	line-height: 20px;
	width:24px;
	cursor:pointer;
	background:#777;
}
.book-name {
	position:relative;
	vertical-align:top;
}
.bn-tag {
	width:100%;
	/*height: 19px;*/
	vertical-align:middle;
	margin-left: -5px;
}
.img-tag-company001 {
	display:block;
	width:100px;
	height:14px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -350px -350px;
	text-indent:-9999px;
}
.img-tag-company002 {
	display:block;
	width:100px;
	height:14px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -450px -350px;
	text-indent:-9999px;
}
.bn-wrapName {
	width:100%;
}
.bn-blockName {
	display:table-cell;
	height:52px;
	vertical-align:middle;
	padding-right: 15px;
}
td.comment {
	position:relative;
	vertical-align:top;
}
td.comment .block_tablewrap{
	display:table;
	width:100%;
}
td.comment .block_tdcell{
	display:table-cell;
	width:100%;
	height:48px;
	vertical-align:middle;
}
td .block_tdcell {
	font-size:11px;
	text-align;right;
}
td .block_comment{
	position:absolute;
	padding:0 5px;
	bottom:3px;
	left:5px;
	width:267px;
	height:18px;
	line-height:18px;
	font-size:11px;
	color:#000;
	text-align:left;
	background:#fff;
	border:1px solid #BBB;
	z-index:2;
}
td .block_comment.bc_typeB{
	width:248px !important;
}
td .text-stock {
	position:relative;
	margin:0;
	width:100%;
	height:14px;
	border: 1px solid #bbb;
	background:#fff;
	box-sizing: border-box;
}
td .text-stock .ts-bar{
	position: absolute;
  top: 0;
  left: 0;
  height: 12px;
  background: #fcad67;
}
td .text-stock .ts-bar.tsb-25{
	width:25%;
}
td .text-stock .ts-bar.tsb-50{
	width:50%;
}
td .text-stock .ts-bar.tsb-75{
	width:75%;
}
td .text-stock .ts-bar.tsb-100{
  width: 100%;
}
td .text-stock .ts-text{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:18px;
	font-size:10px;
	color:#fff;
	line-height:18px;
	text-align:center;
}
td .store-stock{
	color: #333;
	margin-top: 10px;
	font-size: 11px;
}
td .store-stock .ss-block{
	display:inline-block;
	margin:10px 0 0 0;
	padding:2px 4px;
	font-size:10px;
	color:#fff;
	background:#999;
}
.outer_td_basket {
	position: relative;
}
.tpl_book .number .row-top {
	display:inline-block;
	margin:0 2px;
	font-size:0;
}
.tpl_book .proposal .row-top {
	padding-left: 10px;
}
.tpl_book .number .row-bottom {
	position:relative;
	display: block;
	width:100%;
	border:none;
	border-radius: 0;
}
.tpl_book .number .row-top .proposal_num {
	font-size: 14px;
	line-height: 28px;
	height: 28px;
	display: inline-block;
	position: absolute;
}
/*.tpl_book .number .row-bottom div {
	margin:0;
	padding:0;
	position:relative;
	display: block;
	width:100%;
	text-align:left;
	border:none;
	border-radius: 0;
	background:transparent;
}*/
.tpl_book .number .row-bottom .rb-left {
	float:left;
	display:block;
	margin:0;
	padding:0;
	width:48%;
	height:16px;
	line-height:16px;
	font-size:10px;
	letter-spacing:0;
	color:#fff;
	background:#FF0202;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.tpl_book .number .row-bottom .upper {
	display:block;
	margin:4px 35px 0 35px;
	padding:0;
	width:70px;
	height:18px;
	line-height:18px;
	font-size:10px;
	letter-spacing:0;
	color:#fff;
	background:#FF0202;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.tpl_book .number .row-bottom .rb-right {
	float:right;
	display:block;
	margin:0;
	padding:0;
	width:70px;
	height:18px;
	line-height:18px;
	font-size:10px;
	letter-spacing:0;
	color:#FF0202;
	border:1px solid #FF0202;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.tpl_book .number .outer_td_basket .row-bottom {
	position: absolute;
	text-align: center;
	bottom: -24px;
}
.tpl_book .number .row-bottom .lower {
	display:inline-block;
	margin:0;
	padding:0;
	width:48px;
	height:18px;
	line-height:16px;
	font-size:10px;
	letter-spacing:0;
	color:#FF0202;
	border:1px solid #FF0202;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	background: none;
}
.tpl_book .number .row-bottom .rb-right:hover,
.tpl_book .number .row-bottom .lower:hover {
	color:#fff;
	border:none;
	background:#FF0202;
	border:1px solid #FF0202;
	text-decoration:none;
}
.publisher_search_id_box {
	position:relative;
	display:inline-block;
	width:124px;
	height:24px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -340px -420px;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	overflow:hidden;
	vertical-align:top;
}
.publisher_search_id_box > #selectObjR {
	position:absolute;
	padding-left:5px;
	top:4px;
	left:0;
	cursor:pointer;
	width:130%;
	font-size:12px;
	color:#333;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: none transparent;
	box-sizing: content-box;
	outline:none;
}
#refine .genre_count_0 label {
	color:#aaa !important;
}
#refine .on label {
	color:#fff !important;
}
.stock-info {
	margin:-8px 0 20px 0;
	font-size:12px;
	color:#666;
}
.reservation_filter {
	position: relative;
	bottom: 40px;
}

/* チェックボックス
============================== */
div.check-dot input,div.check-dotB input {
	display: none;
}
div.check-dot label {
	display:inline-block;
	cursor: pointer;
	margin:0;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
}
div.check-dot label.checked {
	display:inline-block;
	width:26px;
	height:30px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1010px -350px;
}
div.check-dot label::-moz-selection,
div.check-dot label::selection {
	background: transparent;
}
th div.check-dot label {
	display:inline-block;
	cursor: pointer;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
}
th div.check-dot label.checked {
	display:inline-block;
	width:16px !important;
	height:16px !important;;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1015px -364px;
}
.icon-dotlock {
	display:inline-block;
	width:26px;
	height:30px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1050px -350px;
	font-size: 0;
}
.icon-dottranceparent {
	display:inline-block;
	width:26px;
	height:30px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1010px -400px;
	font-size: 0;
}
.note-dot {
	margin:20px 0 -10px;
}
/* ============================== */

.wrap-unshipped,
.wrap-shipped {
	display:none;
	position:absolute !important;
	right:0px;
	top:20px;
	width:670px !important;
	letter-spacing:0;
	z-index:91;
	color:#000;
}
.wrap-unshipped.is-bottom-half,
.wrap-shipped.is-bottom-half {
	display:none;
	position:absolute !important;
	right:0px;
	top:auto;
	bottom:100%;
	width:670px !important;
	letter-spacing:0;
	z-index:91;
	color:#000;
}
.wrap-unshipped-proposal,
.wrap-shipped-proposal {
	display:none;
	position:absolute !important;
	top:20px !important;
	right:0px !important;
	width:670px !important;
	letter-spacing:0;
	z-index:5;
}
.arrow-unshipped,
.arrow-shipped {
	display:inline-block;
	margin-left:630px;
	width:12px;
	height:12px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1100px -350px;
}
/* .is-bottom-half が付与された時だけ矢印を上下反転させる */
.is-bottom-half .arrow-unshipped,
.is-bottom-half .arrow-shipped {
    transform: scaleY(-1);
}
.inner-unshipped,
.inner-shipped {
	display:block;
	padding:20px;
	width:630px;
	font-size:12px;
	background:url(/img/bg_popup.png) repeat;
	border:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.inner-unshipped .icon-unshipped,
.inner-shipped .icon-shipped {
	display:inline-block;
	margin:0 5px 0 0;
	width:18px;
	height:18px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1140px -350px;
	vertical-align:middle;
}
.inner-unshipped .title-unshipped,
.inner-shipped .title-shipped {
	margin:0 0 14px 0;
	height:18px;
	font-size:18px;
	color:#fff;
}
.inner-unshipped td,
.inner-shipped td {
	height:40px !important;
}

/* 注文確認
============================== */
#header-confirm {
	width:100%;
	height:60px;
	border-bottom:1px solid #ccc;
}
#header-confirm #inner-confirm{
	margin:0 auto;
	padding:0;
	width:960px;
}
#wrap-confirm {
	margin:26px auto 80px;
	width:960px;
}
.number-confirm {
	text-align:right;
}
.input-confirm {
	margin:5px auto 0 auto;
	padding-right: 5px;
	display: block;
	width: 32px;
	height: 22px;
	line-height: 22px;
	border: 1px solid #ccc;
	outline: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	text-align:right;
}
.input-confirm:first-child {
	margin-bottom:0;
}
.arrival p {
	margin:10px 0 0 0;
}
.arrival p:first-child {
	margin-top:0;
}
.note-confirm {
	margin:60px 0 20px 0;
	padding:10px 0;
	width:100%;
	font-size:0;
	background:#ddd;
}
.icon-note-confirm {
	display:inline-block;
	margin:0 10px 0 20px;
	width:23px;
	height:20px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1180px -350px;
	vertical-align:middle;
}
.text-note-confirm {
	display:inline-block;
	font-size:14px;
	line-height:140%;
	vertical-align:middle;
}

/* 注文完了
============================== */
.text-complete {
	font-size:16px;
	line-height:160%;
	color:#333;
	margin-top: 50px;
}
.text-complete a{
	text-decoration:underline;
}
.note-complete {
	margin:40px 0 0 0;
	padding:20px;
	width:98%;
	font-size:12px;
	color:#FF0000;
	line-height:100%;
	border:2px solid #FF0000;
	vertical-align:middle;
}
.note-complete a {
	color:#FF0000;
	text-decoration:underline;
}

/* 出荷状況
============================== */
#wrap_searchB div,
.search_reservationchainten:not(.odr) div{
	float:left;
	height:32px;
}
#wrap_searchB,
.search_reservationchainten{
	margin-bottom:20px;
	width:100%;
}
#wrap_searchB input,
.search_reservationchainten input{
	font-size:13px;
}
#wrap_searchB .searchB_text1,
.search_reservationchainten .search_reservationchainten_text1{
	display:inline-block;
	margin-right:10px;
	background:#fff;
	border:1px solid #ccc;
}
#wrap_searchB .searchB_text1 input.textFocus,
.search_reservationchainten .search_reservationchainten_text1 input.textFocus {
	color:#333;
}
#wrap_searchB .searchB_text2,
.search_reservationchainten .search_reservationchainten_text2 {
	display:inline-block;
	margin-left:20px;
	background:#fff;
	border:1px solid #ccc;
}
#wrap_searchB .searchB_text2 input.textFocus,
.search_reservationchainten .search_reservationchainten_text2 input.textFocus {
	color:#333;
}
#wrap_searchB .searchB_text3,
.search_reservationchainten .search_reservationchainten_text3 {
	display:inline-block;
	width:20px;
	line-height:30px;
}
#wrap_searchB .searchB_text1 input,
.search_reservationchainten .search_reservationchainten_text1 input {
	padding:0 0 0 10px;
	width:180px;
	height:30px;
	line-height:30px;
	color:#BBB;
	border:0;
	outline:none;
}
#wrap_searchB .searchB_text2 input,
.search_reservationchainten .search_reservationchainten_text2 input {
	padding:0 0 0 10px;
	width:380px;
	height:30px;
	line-height:30px;
	color:#BBB;
	border:0;
	outline:none;
}

#wrap_searchB #searchB_submit input,
.search_reservationchainten .search_reservationchainten_submit input{
	cursor:pointer;
	width:50px;
	height:34px;
	border:0;
	color:#fff;
	line-height:32px;
	background:#515151;
	border-top-right-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	-webkit-borde-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
}
#wrap_searchB #searchB_all a,
.search_reservationchainten #searchB_all a {
	font-size:13px;
	margin-left:10px;
	cursor:pointer;
	width:64px;
	border:0;
	color:#fff;
	line-height:32px;
	background:#515151;
	text-decoration:none;
	text-align:center;
	display:block;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
#wrap_searchB #advanced_searchB {
	display:inline-block;
	width:80px;
	height:34px;
	line-height:34px;
	color:#fff;
	font-size:12px;
	background:#777;
	text-align:center;
	text-decoration:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
.fancybox-remove {
	background: transparent none repeat scroll 0% 0%;
	display: block;
	width: auto;
	height: auto;
	position: fixed;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	z-index: 2;
}

/* 取次番線コード
============================== */
.note-bansencode {
	margin:20px 0;
	font-size:12px;
}
.table-bansencode td {
	height:30px;
}
.table-bansencode td input {
	display: none;
}
.table-bansencode td label {
	display:inline-block;
	cursor: pointer;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
}
.table-bansencode td label.checked {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1055px -414px;
}
.table-bansencode td label::-moz-selection,
.table-bansencode td label::selection {
	background: transparent;
}
.bottom-bansencode {
	margin:20px 0;
	width:100%;
	text-align:center;
}
.bottom-bansencode input {
	display: inline-block;
	padding: 10px 20px;
	cursor:pointer;
	font-size:12px;
	color: #fff;
	background:#777;
	border:0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-appearance: none;
}

/* メンテナンス
============================== */
/* #header を持たないページをベースとする */
#contents-maintenance
{
	margin:20px auto 0px;
	width:960px;
}
.maintenance
{
	/* #header が fixed になったため margin-top を多めに */
	/* #footerfixed 用の「高さ」を保持するために margin-bottom も指定 */
	margin:280px auto 0 !important;
}
.maintenance2
{
	margin:240px auto 0 !important;
}
.maintenance3
{
	margin:230px auto 0 !important;
}
.maintenance4
{
	margin:220px auto 0 !important;
}
.maintenance5 {
	margin: 300px auto 0 !important;
}
.wrap-maintenance {
	width:100%;
	padding:10px 0;
	background:#fff;
}
.box-maintenance {
	margin:0 auto;
	padding:10px 20px;
	width:920px;
	font-size:14px;
	color:#FF0000;
	background:#fff;
	border:2px solid #FF0000;
	text-align: center;
}

/* 事前注文
============================== */
/* 事前注文テーブルカラムのサイズ(計960) */
.preorder_td1 {width: 440px;}
.preorder_td2 {width: 200px;}
.preorder_td3 {width: 320px;}

.preorder td{
	font-size:14px;
}

/*============================================================
//  発注提案
//==========================================================*/
table#suggest {
	width:955px;
}

table#suggest th {
	border-right:1px solid #ccc;
	line-height:130%;
	text-align:center;
}
table#suggest .bottomItem th {
	width:50px;
	font-size:11px;
	font-weight:normal;
}
table#suggest td {
	border-right:1px solid #ccc;
}
table#suggest td:first-child {
	font-size:11px;
	line-height:130%;
}
table#suggest td:last-child {
	border-right:none;
	letter-spacing:0;
}
table#suggest td.odd {
	background:#fff;
}
table#suggest .sort_target_revision_1 {
	width: 432px !important;
}
table#suggest .sort_target_revision_2 {
	width: 203px !important;
}
table#suggest .sort_target_revision_3,table#suggest .sort_target_revision_4,table#suggest .sort_target_revision_5 {
	width: 50px !important;
}
table#suggest .sort_target_revision_6 {
	width: 70px !important;
}
table#suggest .sort_target_revision_7 {
	width: 100px !important;
	border-right:none;
}
table#suggest .row-top {
	margin: 0 auto;
	width: 100%;
	box-sizing: border-box;
}

table#suggest .row-top input{
	margin-bottom:4px;
}

table#suggest td .text-stock {
	margin: 4px auto;
	width:90%;
}
.followup_menu＿tab table#suggest td .text-stock {
	margin: 0px auto;
	width:90%;
}
table#suggest td {
	padding: 5px;
	height:74px;
	font-size:12px;
	vertical-align:middle;
	* 検索結果レイアウト調整のため */
	word-break: break-all;
}
table#suggest .wrap_img {
	position:relative;
	display:inline-block;
	width:54px;
	height: 100%;
	text-align:center;
}
table#suggest .wrap_img img {
	position: absolute;
	top: 50%;
	left: 4px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
table#suggest .wrap_img img {
	display:inline-block;
	max-width: 45px;
	max-height: 60px;
}
table#suggest td.label {
	font-size:0;
}
table#suggest .genre, table#suggest .wrap_img {
	display:inline-block;
	font-size:11px;
	vertical-align:middle;
}
table#suggest .data {
	display:inline-block;
	font-size:11px;
	vertical-align:middle;
	line-height:140%;
}
table#suggest .data a{
	display:inline-block;
	margin:4px 0;
	font-size:12px;
	line-height:110%;
}
table#suggest .rankB, .rankNewStr {
	display:inline-block;
	margin-right:4px;
	width:20px;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
}
table#suggest .rankNew {
	display:inline-block;
	margin-right:4px;
	color:#fff;
	width:20px;
	height:20px;
	font-size:11px;
	line-height:20px;
	background:#FB641C;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	text-align:center;
	vertical-align: middle;
}
table#suggest td .data {
	display:inline-block;
	width: 320px;
	vertical-align:middle;
}

/* フッター
============================== */
#footerfixed #copyrightB {
	margin:10px auto;
	width:300px;
	color:#fff;
	text-align:center;
}
#append-block {
	font-size:0;
	height:0;
	line-height:0;
}

/* 201706追加
============================== */

.refine-rank {
	margin:0 0 15px;
	font-size:0;
	vertical-align:middle;
}
.refine-rankText {
	display:inline-block;
	font-size:14px;
	vertical-align:middle;
}
.wrap-rrObj {
	display:inline-block;
	font-size:0;
	text-align:center;
	vertical-align:middle;
}
.wrap-rrObj .rrText{
	display:inline-block;
	margin:0 8px;
	font-size:12px;
	vertical-align:middle;
}
.rrObj {
	display:inline-block;
	position: relative;
	padding: 0;
	width: 60px;
	color: #666;
	font-weight: normal;
	text-align: center;
	box-sizing:border-box;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	overflow: hidden;
	vertical-align:middle;
}
.rrObj select{
	display:inline-block;
	padding-left: 24px;
	cursor: pointer;
	width: 130%;
	height: 30px;
	color: #000;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -790px -236px;
	box-sizing: content-box;
	outline: none;
}
.wrap-rrBtn {
	display:inline-block;
	font-size:0;
	vertical-align:middle;
}
.rrBtn {
	display: inline-block;
	margin:0 0 0 20px;
	padding: 8px 10px;
	width: 100px;
	cursor: pointer;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	vertical-align:middle;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}

/* 201707追加 発売中 */
#new-release {
	margin-bottom:40px;
}
#new-release .slider {
	position:relative;
}
#new-release .slider .slick-arrow {
	width:25px;
	height:200px;
	background:#DCDFE2;
}
.slick-prev {
	right:0 !important;
}
.slick-next {
	left:0 !important;
}
#new-release .slider .slick-list {
	margin:0 auto;
	width:640px;
}
#new-release .slider .slick-slide {
	margin:0 5px;
	width:120px;
	height:200px;
}
#new-release .slider .slick-slide a:hover{
	text-decoration:none;
}
#new-release .slider .slick-slide figure{
	width:100%;
	height:128px;
	text-align:center;
}
#new-release .slider .slick-slide figure img{
	margin: 0 auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}
#new-release .slider .slick-slide .slider-title {
	margin-top:10px;
	font-size:12px;
	word-break:break-all;
	width:100px;
}
#new-release .slider .slick-slide .slider-genre {
	margin-top:5px;
	font-size:11px;
	color:#333;
	text-decoration:none;
}

/* 201707追加 フッター */
.footerBottom {
	padding:20px 0;
	font-size:14px;
	color:#fff;
	text-align:center;
	background:#333575;
}
.footerBottom a {
	color:#999ABA;
	text-decoration:underline !important;
}
.footerBottom a.active {
	color:#FFFF00 !important;
	 text-decoration:none !important;
	 pointer-events: none;
}

/* 201707修正 */
#pickup {
	margin-bottom:40px;
}

/* 201707追加 */

#refineC {
	display:block;
	position:absolute;
	padding:5px 5px;
	top:-6px;
	left:140px;
	font-size:0;
	font-weight:normal;
	border:1px solid #D7DADD;
	background:#EBECEC;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	z-index:1;
}
#refineC p {
	display:inline-block;
	margin:0 5px 0 0;
	height:18px;
	font-size:12px;
	line-height:18px;
	vertical-align:top;
}
#refineC div {
	display:inline-block;
	margin:0 5px 0 0;
	cursor:pointer;
	height:18px;
	font-size:12px;
	line-height:18px;
	color:#333575;
	background:#DDDDEA;
	text-align:center;
	vertical-align:top;
	letter-spacing:normal;
	border:1px solid #D7DADD;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
#refineC div:last-child {
	margin:0;
}
#refineC div:hover, #refineC div.on {
	color:#fff;
	background:#333575;
}

/* 201707 ランク検索 */
.rank_search {
	margin:26px 0 0 !important;
	width:100%;
}
.rank_search th {
	width:40px;
	height:50px;
	text-align:center;
}
.rank_search td {
	width:40px;
	height:50px;
	text-align:center;
}
.rank_search td.rs_title {
	width:550px;
	text-align:left;
}
.rank_search td p.rank_sum {
	color: grey;
}
.rank_search th p {
	margin-bottom:4px;
	display:inline-block;
	font-size:12px;
	font-weight:normal;
	line-height:100%;
}
.rank_search .rs_check {
}
.rank_search .rs_check input {
	display: none;
}
.rank_search .rs_check label {
	display: inline-block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
	vertical-align:top;
}
.rank_search .rs_check label.checked {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1055px -414px;
}
.rank_search td.rs_title .rs_check label {
	margin:0 5px 0;
}
.th-author {
	position:absolute;
	top:0;
	left:10px;
	font-size:16px;
	font-weight:bold;
	z-index:2;
}
/* 201707 発注担当者 */
.tpl_staff {
	padding:0 0 20px;
	width:100%;
	background:#eee;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.head_staff {
	padding:10px 0;
	width:100%;
	background:#ddd;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
}
.tpl_staff dl {
	margin:20px 0 0 20px;
}
.tpl_staff .left-staff {
	float:left;
	width:480px;
}
.tpl_staff .right-staff {
	padding:20px 0 0 0;
	font-size:12px;
	line-height:160%;
}
.tpl_staff .head_staff dl {
	margin:0 0 0 20px;
	font-size:14px;
	font-weight:bold;
}
.tpl_staff dt {
	margin-right:20px;
	float:left;
	width:300px;
}
.tpl_staff dd {
	float:left;
	width:80px;
}
.tpl_staff dt input {
	padding: 0 10px;
	width: 280px;
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	border: 1px solid #D7DADD;
	outline: none;
	-webkit-appearance: none;
}
.tpl_staff dd input {
	padding: 0 10px;
	width: 60px;
	height: 28px;
	line-height: 28px;
	font-size: 14px;
	border: 1px solid #D7DADD;
	outline: none;
	-webkit-appearance: none;
}
.add_staff {
	display: block;
	margin: 20px 0 0 20px;
	cursor: pointer;
	width: 62px;
	height: 30px;
	border: 0;
	font-size: 12px;
	color: #fff;
	line-height: 30px;
	background: #777;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-appearance: none;
}
.change_staff {
	display: block;
	margin: 15px auto 0;
	cursor: pointer;
	width: 100px;
	height: 38px;
	border: 0;
	font-size: 14px;
	color: #fff;
	line-height: 38px;
	background: #777;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-appearance: none;
}

.wrap_delAllBtn {
	position:absolute;
	top:10px;
	right:6px;
}
.wrap_delAllBtn label {
	padding: 8px 10px;
	cursor: pointer;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height:100%;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}

.as_tabmenu {
  position:relative;
  padding:10px;
  font-size:14px;
  text-align: center;
  background:#eee;
  box-sizing: border-box;
}
.as_tabmenu ul li {
	display:inline-block;
	cursor:pointer;
}
.as_tabmenu ul li:not(:last-child)::after {
	content:"|";
	display:inline-block;
	margin:0 10px;
	color:#333 !important;
}
.as_tabmenu li {
	color:#0086D8;
	text-decoration:underline;
}
.as_tabmenu li.active {
	color:#333;
	text-decoration:none;
}
.tab-box {
}
.as_tabmenu + .tab-box {
  margin-top:20px;
}
.tab-box div.tab {
	display: none;
}
.tab-box div.tab.active {
	display: block;
}
.wrap_isbnsearch {
	/*height:360px;*/
}
.left_isbnsearch {
	float:left;
	padding:20px 10px;
	width:26%;
	height:400px;
	line-height:140%;
	font-size:12px;
	background:#eee;
}
.left_isbnsearch p {
	margin-bottom:10px;
}
.left_isbnsearch p:first-child {
	font-size:14px;
}
.right_isbnsearch {
	float:right;
	width:70%;
	height:440px;
}
.right_isbnsearch textarea {
	padding:10px;
	width:100%;
	height:100%;
	border:none;
	border:1px solid #ccc;
	box-sizing:border-box;
}

.tab.rev_no_search {
	height: 525px;
}
.left_ordersearch {
	width:30%;
}
#mw_advancedsearch .right_ordersearch {
	width:430px;
}
#mw_advancedsearch .right_ordersearch input{
	padding:0 10px;
	width:80px;
	height:28px;
	line-height:28px;
	color:#BBB;
	font-size:14px;
	border:1px solid #D7DADD;
	outline:none;
}
#hikiate-block {
	margin-top:80px;
}
.hikiate-note {
	position:relative;
	margin:40px 0 10px 0;
	padding:20px 20px 20px 50px;
	font-size:14px;
	color:#333;
	line-height:150%;
	background:#eee;
}
.hikiate-note:before {
	content:"";
	display:block;
	position:absolute;
	top:32px;
	left:20px;
	width:44px;
	height:40px;
	background: url(../img/tablet-parts.png?v=20240901) no-repeat;
	background-size:1250px 600px;
	background-position: -1180px -350px;
}
.shipments-booktitle {
	display:block;
	margin-top:5px;
	font-size:11px;
}

.tablet-PriceDay {
  display:none;
}

/* 201710 */
.howto_notelist {
	margin:10px 0 0 0;
	list-style-type: disc;
}
.howto_notelist li {
	margin:0 0 5px 20px;
}
/* 201710追加 */
#wrap_searchB #searchB_all a,
.search_reservationchainten #searchB_all a{
	height:34px;
	line-height:34px;
}
#header #h_top ul#header_nav #voucher a {
	padding: 0 10px 0 28px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: 0 -500px;
	background-color: #fff;
}
#header #h_top ul#header_nav #voucher a:hover {
	background-position:0 -534px;
}
.tpl_book .titleC {
	position: relative;
	margin: 0 0 20px 0;
	width: 100%;
	height: 18px;
	font-size: 18px;
	font-weight: bold;
}
.voucher-description {
	display:inline-block;
	margin:-3px 0 0 5px;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
}
.wrap-refineVoucher {
	float:right;
	display:inline-block;
	margin-top:-2px;
	font-size:0;
	text-align:right;
}
.refine-voucher01 {
	margin:0;
	display:inline-block;
	font-size:0;
	vertical-align:top;
}
.refine-voucher01Text {
	display:inline-block;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
}

.refine-voucher02 {
	margin:0 0 0 10px;
	display:inline-block;
	font-size:0;
	vertical-align:top;
}
.refine-voucher02Text {
	display:inline-block;
	font-size:11px;
	font-weight:normal;
	vertical-align:middle;
}
.rvObj {
	display:inline-block;
	position: relative;
	padding: 0;
	width: 140px;
	color: #666;
	font-weight: normal;
	text-align: center;
	box-sizing:border-box;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	overflow: hidden;
	vertical-align:middle;
}
.rvObj select{
	display:inline-block;
	padding-left: 24px;
	cursor: pointer;
	width: 130%;
	height: 22px;
	color: #000;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -790px -240px;
	box-sizing: content-box;
	outline: none;
}
.rvObj-bansen {
	display:inline-block;
	position: relative;
	padding: 0;
	width: 190px;
	color: #666;
	font-weight: normal;
	text-align: center;
	box-sizing:border-box;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	overflow: hidden;
	vertical-align:middle;
}
.rvObj-bansen select{
	display:inline-block;
	padding-left: 24px;
	cursor: pointer;
	width: 130%;
	height: 22px;
	color: #000;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -790px -240px;
	box-sizing: content-box;
	outline: none;
}
#wrap_searchB {
	margin-bottom: 20px;
	width: 100%;
}
#wrap_rbTOP {
	margin-bottom: 20px;
}
#wrap_rbBottom {
	margin:20px 0;
}
#wrap_searchC {
	float:left;
	width:440px;
}
#wrap_searchC .searchC_text1 {
	display: inline-block;
	margin-right: 10px;
	background: #fff;
	border: 1px solid #ccc;
}
#wrap_searchC .searchC_text2 {
	display: inline-block;
	margin-left: 20px;
	background: #fff;
	border: 1px solid #ccc;
}
#wrap_searchC .searchC_text3 {
	display: inline-block;
	width: 20px;
	line-height: 30px;
}
#wrap_searchC .searchC_text1 input {
	padding: 0 0 0 10px;
	width: 180px;
	height: 32px;
	line-height: 32px;
	color: #BBB;
	border: 0;
	outline: none;
	box-sizing:border-box;
}
#wrap_searchC div {
	float: left;
	height: 32px;
}
#wrap_searchC input {
	font-size: 13px;
}
#wrap_searchC #searchC_submit input {
	cursor: pointer;
	width: 50px;
	height: 34px;
	border: 0;
	color: #fff;
	line-height: 32px;
	background: #515151;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-borde-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
#wrap_searchD {
	float:right;
	margin: 0 auto;
	height: 34px;
	font-size: 0;
}
#wrap_searchD div#selectArea {
	position: relative;
	width: 120px;
	height: 32px;
	border: 1px solid #ccc;
	border-right: 0;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -730px -150px;
	background-color: #e7e7e7;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-borde-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	overflow: hidden;
}
#wrap_searchD div {
	float: left;
	height: 32px;
}
#wrap_searchD div#selectArea > #selectObj {
	position: absolute;
	padding-left: 12px;
	top: 6px;
	left: 0;
	cursor: pointer;
	width: 130%;
	font-size: 14px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: none transparent;
	box-sizing: content-box;
	outline: none;
}
#wrap_searchD #search_text {
	margin-right:10px;
	border: 1px solid #ccc;
	border-left: 0;
	background: #fff;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-borde-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
#wrap_searchD #search_text input {
	padding: 0 0 0 10px;
	width: 244px;
	height: 32px;
	line-height: 32px;
	color: #BBB;
	font-size: 14px;
	border: 0;
	outline: none;
	box-sizing:border-box;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-borde-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
#wrap_searchD #search_submit input {
	-webkit-appearance: none;
	cursor: pointer;
	width: 62px;
	height: 34px;
	border: 0;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	background: #515151;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#wrap_searchD #search_all {
	-webkit-appearance: none;
	display: inline-block;
	margin: 0 0 0 10px;
	padding: 0;
	width: 60px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	font-size: 12px;
	background: #515151;
	text-align: center;
	text-decoration: none;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}
.voucher-helpdesk {
	float:right;
	display:inline-block;
	margin:-10px 0 0 0;
	padding:5px 10px;
	line-height:100%;
	vertical-align:top;
	border:1px solid #999;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.voucher-helpdesk .vhd-left {
	display:inline-block;
	font-size:10px;
	line-height:120%;
	vertical-align:middle;
}
.voucher-helpdesk .vhd-right {
	display:inline-block;
	margin-left:15px;
	font-size:18px;
	line-height:100%;
	font-weight:normal;
	vertical-align:middle;
}
.voucher-stock-info {
	margin: 40px 0 10px 0;
	font-size: 12px;
	color: #666;
}
.voucher-stock-info_1 {
	margin: 15px 0 10px 0;
	font-size: 12px;
	color: #666;
	margin-left: 5px;
}
.wrap-tvTypeA {
	position:relative;
}
.voucher-shopname {
	display:block;
	margin-bottom:18px;
	text-align:right;
	font-size:12px;
}
.voucher-righttop {
	float:right;
	top:0;
	font-size:12px;
}
.wrap-tvTypeA {
	position:relative;
}
/*.voucher-downloadTopBtn {
	display: block;
	position:absolute;
	top:-36px;
	right:0;
	width:140px;
}*/
.voucher-downloadTopBtn {
	display: inline-block;
	margin-left:10px;
	vertical-align:top;
	width:121px;
}
.voucher-downloadTopBtn label {
	display: inline-block;
	position:relative;
	padding: 4px 10px;
	cursor: pointer;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.voucher-downloadTopBtn label:before {
	content:"";
	display: inline-block;
	margin-right:5px;
	width:28px;
	height:14px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -50px -195px;
	vertical-align:top;
}
.performance-list .voucher-downloadTopBtn label:before {
	background-position: -60px -600px;
}
.voucher-downloadBottomBtn {
	display: block;
	position:absolute;
	bottom:-46px;
	right:0;
	width:121px;
}
.voucher-downloadBottomBtn label {
	display: inline-block;
	position:relative;
	padding: 4px 10px;
	cursor: pointer;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.voucher-downloadBottomBtn label:before {
	content:"";
	display: inline-block;
	margin-right:5px;
	width:28px;
	height:14px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -50px -195px;
	vertical-align:top;
}
.voucher-sentenceBottom {
	margin-top:25px;
}
.voucher-notfound {
	margin-top:100px;
	text-align:center;
	font-size:14px;
}
.btn-specificationNumber {
}
.btn-karidenpyo {
	padding:2px 6px;
	display:inline-block;
	color:#ff0000 !important;
	text-decoration:none !important;
	border:1px solid #ff0000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.btn-kirikaedenpyo {
	padding:2px 6px;
	display:inline-block;
	color:#666666 !important;
	text-decoration:none !important;
	border:1px solid #666666;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#table-voucherTypeA a {
	color:#666;
	text-decoration:underline;
}
#table-voucherTypeA a:hover {
	color:#0087d8;
}
#table-voucherTypeA th {
	padding: 0 5px;
	line-height: 110%;
	text-align: left;
	overflow: hidden;
	position: relative;
	height: 50px;
	vertical-align: middle;
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: visible;
}
#table-voucherTypeA td {
	height: 40px;
}
#table-voucherTypeA td:nth-child(2) {
	text-align:center;
}
#table-voucherTypeA td:nth-child(5),#table-voucherTypeA td:nth-child(6),#table-voucherTypeA td:nth-child(7) {
	text-align:right;
}
.merge-row td.odd {
	background: #f3f3f3;
}
.merge-row td.even {
	background: #fff;
}
#table-voucherTypeA td span.red {
	letter-spacing:-0.05em;
}
#table-voucherTypeA .tvA-cell01 {
	width:115px;
}
#table-voucherTypeA .tvA-cell02 {
	width:56px;
}
#table-voucherTypeA .tvA-cell03 {
	width:131px;
}
#table-voucherTypeA .tvA-cell04 {
	width:210px;
}
#table-voucherTypeA .tvA-cell05 {
	width:66px;
}
#table-voucherTypeA .tvA-cell06 {
	width:66px;
}
#table-voucherTypeA .tvA-cell07 {
	width:96px;
}
#table-voucherTypeA .tvA-cell08 {
	width:111px;
}
#table-voucherTypeA .tvA-cell09 {
}
#table-voucherTypeA .separator {
	padding:0;
	height:2px;
	background:#fff;
	box-sizing:border-box;
}
#table-voucherTypeA td:nth-child(8),#table-voucherTypeA td:nth-child(9) {
	font-size:12px;
}
.table-voucherTypeB th {
	padding: 0 5px;
	line-height: 110%;
	text-align: left;
	overflow: hidden;
	position: relative;
	height: 50px;
	vertical-align: middle;
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: visible;
}
.table-voucherTypeB .tvB-cell01 {
	width:140px;
}
.table-voucherTypeB .tvB-cell02 {
}
.table-voucherTypeB .tvB-cell03 {
	width:70px;
}
.table-voucherTypeB .tvB-cell04 {
	width:70px;
}
.table-voucherTypeB .tvB-cell05 {
	width:70px;
}
.table-voucherTypeB .tvB-cell06 {
	width:100px;
}
.table-voucherTypeC-title {
	margin-bottom: 15px;
	padding-left: 6px;
	font-size: 14px;
	border-left: 4px solid #ccc;
}
#table-voucherTypeC {
	margin-left: 5px;
}
#table-voucherTypeC th {
	padding: 0 5px;
	line-height: 110%;
	text-align: left;
	overflow: hidden;
	position: relative;
	height: 50px;
	vertical-align: middle;
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: visible;
}
#table-voucherTypeC td {
	position:relative;
	padding: 5px;
	height:35px !important;
	font-size:12px;
	vertical-align:middle;
	* 検索結果レイアウト調整のため */
	word-break: break-all;
	box-sizing: border-box;
}

#table-voucherTypeC .tvC-cell01 {
	width:140px;
}
#table-voucherTypeC .tvC-cell02 {
	width:310px;
}
#table-voucherTypeC .tvC-cell03 {
	width:60px;
}
#table-voucherTypeC .tvC-cell04 {
}
#table-voucherTypeC textarea {
	padding:10px;
	width:100%;
	height:64px;
	border:1px solid #ccc;
	box-sizing:border-box;
}
#table-voucherTypeC .wrap-inquirySelect {
	display: inline-block;
	position: relative;
	padding: 0;
	width: 80px;
	color: #666;
	font-weight: normal;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	overflow: hidden;
	vertical-align: middle;
}
#table-voucherTypeC .wrap-inquirySelect select {
	display: inline-block;
	padding-left: 24px;
	cursor: pointer;
	width: 130%;
	height: 30px;
	color: #000;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -790px -236px;
	box-sizing: content-box;
	outline: none;
}
#table-voucherTypeC .inquiry-text {
	display: inline-block;
	padding: 8px 4px;
	width: 356px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	vertical-align: middle;
}
#table-voucherTypeD {
	margin: 20px auto 0;
	padding:20px 0 0 0;
	width: 100%;
	background:#fff;
	border-collapse: separate;
	border-spacing: 0;
	border:none;
	border-top:1px solid #ccc;
}
#table-voucherTypeD td {
	padding:0 0 30px;
}
#table-voucherTypeD .tvD-cell01 {
	background:#fff;
}
#table-voucherTypeD .tvD-cell01 ul {
	margin:5px 0 0;
}
#table-voucherTypeD .tvD-cell01 ul li {
	float:none;
	width:180px;
	display:inline-block;
	vertical-align:top;
}
#table-voucherTypeD .tvD-cell01 ul li input {
	margin-top:1px;
}
#table-voucherTypeD .tvD-cell01 ul li:first-child {
	margin-left:5px;
}
#table-voucherTypeD .tvD-cell02 {
	padding-left:10px;
	width:200px;
	background:#fff;
}
#table-voucherTypeD textarea {
	padding:10px;
	width:100%;
	height:70px;
	border:1px solid #ccc;
	box-sizing:border-box;
	margin-left:5px;
}
#table-voucherTypeD .tvD-cell01 .item-text {
	margin-bottom:15px;
	padding-left:6px;
	font-size:14px;
	border-left:4px solid #ccc;
}
#table-voucherTypeD input[type="text"] {
	padding: 4px;
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	margin-left:5px;
}
#table-voucherTypeD input[type="checkbox"] {
	margin-left:0;
}
#table-voucherTypeE {
	border-top:1px solid #D7DADD;
	border-bottom:1px solid #D7DADD;
}
#table-voucherTypeE th {
	padding: 0 10px;
	line-height: 110%;
	text-align: left;
	overflow: hidden;
	position: relative;
	height: 50px;
	vertical-align: middle;
	background: #f3f3f3;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	white-space: nowrap;
	overflow: visible;
}
#table-voucherTypeE td {
	padding:0 10px;
	height: 30px;
	vertical-align:middle;
	border:1px solid #D7DADD;
}
#table-voucherTypeE td:first-of-type {
	border-left:0;
}
#table-voucherTypeE .tvE-cell01 {
	width:100px;
}
#table-voucherTypeE .tvE-cell02 {
	width:100px;
}
#table-voucherTypeE .tvE-cell03 {
	width:500px;
}
.wrap-delivery-status {
	margin:3px 0 10px 0;
}
.wrap-delivery-status:last-of-type {
	margin:0 0 0 0;
}
.delivery-status {
	display:inline-block;
	float:right;
	margin:-3px 0 0 0;
	padding:3px 0;
	width:70px;
	color:#fff;
	background:#666;
	box-sizing:border-box;
	text-align:center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.delivery-status.ds-active {
	background:#FB641C;
}
.delivery-status.etc {
	background:#FB641C;
	float:none;
	margin:3px 3px 0 3px;
}
.wrap-voucherBottom {
	margin:20px 0 48px;
	padding-bottom:40px;
	border-bottom:1px dotted #ccc;
}
.wrap-voucherBottom:last-child {
	margin:20px 0 0 0;
	padding-bottom:0;
	border-bottom:0;
}
.voucher-inquiryBtn {
	float:right;
	margin-right:10px;
}
.voucher-inquiryBtn label {
	display: inline-block;
	margin:0 auto;
	padding: 8px 10px;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #336699;
}
.voucher-inquiryBtn label:before {
	content:"";
	display: inline-block;
	margin-right:5px;
	width:16px;
	height:14px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1140px -400px;
	vertical-align:top;
}
.voucher-csvBtn {
	float:right;
}
.voucher-csvBtn label {
	display: inline-block;
	position:relative;
	margin:0 auto;
	padding: 8px 10px;
	cursor: pointer;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.voucher-csvBtn label:before {
	content:"";
	display: inline-block;
	margin-right:5px;
	width:28px;
	height:14px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -50px -195px;
	vertical-align:top;
}
.voucher-total {
	float:right;
	width:240px;
}
.voucher-total table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	border:3px solid #999 !important;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.voucher-total table th{
	padding: 0 10px;
	height:40px;
	line-height:40px;
	border-bottom:1px solid #ccc;
}
.voucher-total table td{
	padding: 0 10px;
	height:40px;
	line-height:40px;
}
.voucher-total .ta-left {
	text-align:left;
}
.voucher-total .ta-right {
	text-align:right;
}
#voucher-TransmissionBtn {
	display: block;
	text-align:center;
}
#voucher-TransmissionBtn label {
	display: inline-block;
	margin:20px 0;
	padding: 8px 20px;
	cursor: pointer;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #336699;
}

#mw_receiveMessage {
	font-size:16px;
	line-height:160%;
}
#mw_receiveMessage .receiveMessage_top {
}
#mw_receiveMessage .receiveMessage_top:before {
	content:"";
	display: inline-block;
	margin-right:5px;
	width:22px;
	height:20px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1180px -350px;
	vertical-align:top;
}
#mw_receiveMessage .receiveMessage_middle {
	padding-left:26px;
}
#mw_receiveMessage .receiveMessage_bottom {
	margin-top:50px;
	text-align:right;
}
.rank_search td p {
	margin-top:2px;
	font-size:11px;
}
/*============================================================
// ユーザーカレンダー
//==========================================================*/
#wrap-calendar #calendar {
	width: 1200px;
	margin: 0 auto;
	font-size: 12px;
}
#wrap-calendar #calendar .tabs {
	width:300px;
	float:left;
	padding: 10px 10px 50px;
	cursor: pointer;
}
#wrap-calendar #buttons {
	text-align:center;
	margin-top:10px
}
#wrap-calendar .fc-scroller {
	overflow-y: hidden !important;
	height: auto !important;
}
#wrap-calendar .fc table {
	border-collapse: collapse !important;
	border-spacing: 0 !important;
	background: border-box !important;
	width: 300px !important;
}
#wrap-calendar #calendar .fc th, #calendar .fc td {
	padding: 0px;
	border-color: #ddd;
	border-style: solid;
	vertical-align: top;
}
#wrap-calendar .fc-day-grid-event .fc-content {
	text-align: center !important;
}
#wrap-calendar .fc-content-skeleton {
	padding-bottom: 0px !important;
}
#wrap-calendar .fc-admin, #wrap-calendar .fc-reflect-admin, .fc-dot {
	background: grey !important;
	border: 1px solid grey !important;
	cursor: default;
}
#wrap-calendar .fc-delete, .fc-invalid {
	background: border-box !important;
	border: 1px solid white !important;
}
.change_calendar_order {
	display: block;
	cursor: pointer;
	width: 100px;
	height: 38px;
	border: 0;
	font-size: 14px;
	color: #fff;
	line-height: 38px;
	background: #777;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-appearance: none;
}
.head-calendar .change_calendar_order {
	margin-top: -10px;
}
.footer-calendar .change_calendar_order {
	margin-top: -9px;
}
#order-change {
	display:none;
	position: relative;
	padding:20px;
	height:100px;
	width:300px;
	font-size:14px;
	text-align:center;
}
#order-change .change-complete {
	height:100px;
	line-height:100px;
	font-size:16px;
	vertical-align:middle;
}
.hide {
	display: none;
}

/*============================================================
// 販促ツール
//==========================================================*/
#pop .title_class {
	margin: 0 !important;
}
.pop_search {
	margin-top: 15px ;
	margin-bottom: 20px;
	position: relative;
}
.pop_search #refineB {
	top: 1px !important;
}
.pop_search #search_text {
	border: 1px solid #ccc;
	background: #fff;
	float: left;
	height: 32px;
}
.pop_search #search_text input {
	padding: 0 0 0 10px;
	width: 370px;
	height: 30px;
	line-height: 30px;
	color: #BBB;
	font-size: 14px;
	border: 0;
	outline: none;
}
.pop_search #search_submit input {
	cursor: pointer;
	width: 47px;
	height: 34px;
	border: 0;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	background: #515151;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-borde-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	float: left;
}
.pop_search #search_all {
	display: inline-block;
	margin: 0 10px;
	padding: 0;
	width: 55px;
	height: 34px;
	line-height: 34px;
	color: #fff;
	font-size: 12px;
	background: #515151;
	text-align: center;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	cursor: pointer;
}

#pop .icon-new:before {
	content: "new";
	text-transform: uppercase;
	font-size: 10px;
	color: #fff;
	background-color: #ff2626;
	display: inline-flex;
	width: 40px;
	height: 16px;
	justify-content: center;
	align-items: center;
	border-radius: 3px;
	margin-right: 3px;
}

/*============================================================
// メディアミックス
//==========================================================*/
#information a, #publicity .list a,#advertise .list a, #news .text a {
	color:#666;
	text-decoration:underline;
}
#mediamix2018.mm-top {
	margin:20px 0;
}
#mediamix2018.mm-top #wrap-mmlr {
}
#mediamix2018.mm-top #wrap-mmlr #mm-left .wrap-mmlist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#mediamix2018.mm-top #wrap-mmlr #mm-left .wrap-mmlist li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom:0;
	width:49%;
}
#mediamix2018.mm-top #wrap-mmlr #mm-left .wrap-mmlist li .mm-label {
	margin-right:5px;
}
#mediamix2018.mm-top #wrap-mmlr #mm-left .wrap-mmlist li .info .title {
	font-size:14px;
}
#mm-refine {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position:absolute;
	top:0;
	right:0;
}
#mm-refine ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#mm-refine ul li {
	margin:0 10px 0 0;
	cursor:pointer;
	color:#0080ff;
	box-sizing:border-box;
	border-radius:10px;
}
#mm-refine ul li.active {
	padding:2px 10px;
	color:#fff;
	background:#0080ff;
	box-sizing:border-box;
	border-radius:10px;
}
#mm-refine ul li:last-child {
	margin:0;
}
#wrap-mmlr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width:100%;
}
#wrap-mmlr #mm-left {
	width:70%;
	box-sizing:border-box;
}
#wrap-mmlr #mm-right	{
	padding:10px;
	max-height: 852px;
	width:28%;
	background:#eee;
	box-sizing:border-box;
}
.mm-top #wrap-mmlr #mm-left {
	width:100%;
	box-sizing:border-box;
}
.wrap-mmlist {

}
.wrap-mmlist li {
	margin-bottom:20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.wrap-mmlist li .mm-label {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right:10px;
	padding:0 7px;
	width:4%;
	color:#fff;
	word-break:break-all;
	box-sizing:border-box;
	/*-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	text-orientation: upright;*/
}
.wrap-mmlist li .mm-label-top {
	padding:0 3px;
	width:5%;
}
.wrap-mmlist li .mm-label.tv-anime {
	background:#66C3E4;
}
.wrap-mmlist li .mm-label.movie-anime {
	background:#FDB300;
}
.wrap-mmlist li .mm-label.movie {
	background:#EF746F;
}
.wrap-mmlist li .mm-label.tv-drama {
	background:#948C75;
}
.wrap-mmlist li .mm-label.streaming {
	background:#B3CC57;
	word-break:break-word;
	-ms-writing-mode: tb-rl; /* for IE */
}
.wrap-mmlist li .image {
	margin-right:5px;
	width:18.5%;
	box-sizing:border-box;
}
.wrap-mmlist li .image img {
	width:96%;
}
.wrap-mmlist .info {
	position:relative;
	width:77.5%;
	font-size:14px;
	box-sizing:border-box;
}
.wrap-mmlist .info .subtitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom:4px;
	font-size:13px;
}
#mediamix2018 .wrap-mmlist .info .subtitle .iconNew {
	margin-left:5px;
}
.wrap-mmlist .info .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom:6px;
	padding-bottom:4px;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px solid #ccc;
}
.wrap-mmlist .info .mediamix_title {
	color: #333;
}
.wrap-mmlist .info .text {
	font-size:14px;
	word-break: break-all;
	line-height: 140%;
}
.wrap-mmlist .info .text-top {
	font-size:12px;
}
.wrap-mmlist .info .other {
	display: -webkit-box;
	display: -ms-flexbox;
	display: block;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin:10px 0 5px;
	font-size:12px;
	box-sizing:border-box;
	line-height: 150%;
}
.wrap-mmlist .info .other p {
	margin-right:10px;
}
.wrap-mmlist li .info div .item, .wrap-mmlist .info .item {
	margin-right:4px;
	font-weight:bold;
	color: #666;
}
.wrap-mmlist .info .mm-link {
	width:80%;
	box-sizing:border-box;
}
.wrap-mmlist .info .tablist01 , .wrap-mmlist .info .tablist02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.wrap-mmlist .info .tablist01 li {
	margin:0 4px 4px 0;
}
.wrap-mmlist .info .tablist01 li:last-child {
	margin:0 0 4px 0;
}
.wrap-mmlist .info .tablist02 li {
	margin:0 4px 0 0;
}
.wrap-mmlist .info .tablist01 li a, .wrap-mmlist .info .tablist02 li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding:4px 10px;
	width:100%;
	height:100%;
	color: #333;
	font-size:12px;
	text-decoration:none;
	border-radius:4px;
	box-sizing:border-box;
}
.wrap-mmlist .info .tablist01 li a {
	background:#C7DFF9;
}
.wrap-mmlist .info .tablist02 li a {
	background:#FDF19F;
}
.wrap-mmlist .info ul li a:before {
	font-family: 'Material Icons';
	margin-right: 3px;
	font-size: 14px;
}
.wrap-mmlist .info .tablist01 a.tbl01:before {
	content: ' \e865';
}
.wrap-mmlist .info .tablist01 a.tbl02:before {
	content: ' \e2c0';
}
.wrap-mmlist .info .tablist01 a.tbl03:before {
	content: ' \e853';
}
.wrap-mmlist .info .tablist02 a.tbl04:before {
	margin-top:3px;
	content: ' \e89e';
}
.wrap-mmlist .info .tablist01 a:hover {
	background:#B2C9E3;
}
.wrap-mmlist .info .tablist02 a:hover {
	background:#EFE17A;
}
.wrap-mmlist .info .mm-genre {
	margin:0 0 10px;
	font-size:12px;
	box-sizing:border-box;
}

.wrap-otherlist {
}
#wrap-otherlist h2 {
	display:block;
	margin-bottom:15px;
	padding:0px 10px 0px 5px;
	width:100%;
	font-size:16px;
	color:#333575;
	border-left:3px solid #333575;
	box-sizing:border-box;
}
#mediamix_right_scroll {
	width: auto;
	max-height: 800px;
	overflow: auto;
	overflow-x: hidden;
}
#wrap-otherlist li {
	margin-top:15px;
	/*border-top:1px dotted #333;*/
	background:#fff;
	word-break: break-all;
}
#wrap-otherlist li:first-child {
	margin-top:0px;
}
#wrap-otherlist li a {
	display:block;
	padding:8px;
	width:100%;
	height:100%;
	color:#555;
	text-decoration:none;
	border:2px solid #fff;
	box-sizing:border-box;
	border-radius:4px;
}
#wrap-otherlist li a:hover {
	border:2px solid #0087d8;
}
#wrap-otherlist .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px dotted #999;
	font-size:13px;
	font-weight:bold;
	line-height:130%;
}
#mediamix2018 .iconNew {
	margin-left:0;
	padding-right:20px;
	width:30px;
	box-sizing:border-box;
}
#wrap-otherlist a .text {
	color:#666;
	font-size:12px;
	line-height: 130%;
	word-break: break-word;
}
#wrap-otherlist a .text > .item {
	margin-right: 4px;
	font-weight: bold;
}
.wrap-mmlist li .info .more {
	position:absolute;
	bottom:0;
	right:0;
	padding:4px 10px;
	cursor:pointer;
	width:100px;
	line-height:100%;
	border-radius:4px;
	font-size: 12px;
}
.wrap-mmlist li .info .more:before {
	margin-right: 3px;
	font-style:normal;
}

#mm-pager {
	margin:30px 0 0;
	width:100%;
}

#pop .title_class {
	position: relative;
	margin: 0 0 0 0;
	width: auto;
	height: 18px;
	font-size: 18px;
	font-weight: bold;
}
.pop-title__wrapper {
    display: flex;
    justify-content: space-between;
}
.pop-title__wrapper #pop-search {
    flex: 1;
}
.pop-title__wrapper #pop-search #wrap_searchB {
    display: flex;
    justify-content: flex-end;
    margin-bottom:0;
}
#wrap-pophead {
	position:relative;
	margin-top: 15px;
	margin-bottom: 60px;
}
#wrap-pophead #wrap_searchB .searchB_text2 {
	margin-left:0;
}
#wrap-pophead #wrap_searchB .searchB_text2 input {
	width:300px;
}
.tpl_book #wrap-pophead #pop-search {
	position: absolute;
	top: 50px;
}
.tpl_book #wrap-pophead #refineB {
	top:0;
}
#pop .date {
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
}
#pop .upload-date {
	margin-bottom:5px;
	margin-top:10px;
	padding-top:10px;
	font-size: 10px;
	font-weight:bold;
	border-top:1px solid #ccc;
}
#mw_popdetail {
	display:none;
}
#mwp-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	 justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#mwp-inner .title{
	margin-bottom: 10px;
	font-size: 14px;
}
#mwp-inner figure{
	text-align:center;
}
#mwp-inner figure img{
	margin:0 auto;
	max-height:100%;
}
#mw_popdetail .pop_detail_download {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	 justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin:20px 0 0;
	width:600px;
	height:40px;
	color:#fff;
	font-size:18px;
	background:#333575;
	border-radius:20px;
	text-decoration:none;
}
#mw_popdetail .pop_detail_download:hover {
	background:#0087d8;
}
#pop ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
#pop ul li {
	margin:0 0 12px 0;
	padding:10px;
	height:auto;
	width:240px;
	box-sizing:border-box;
}
#pop ul li:nth-child(5n) {
	margin-right:0;
}
#pop ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	 justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width:100%;
	height:182px;
}
#pop ul li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bn-tag .icon-hansoku {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position:absolute;
	top:0;
	left:106px;
	cursor:pointer;
	font-size:12px;
	color:#333;
}
.bn-tag .icon-hansoku:hover {
	color:#0087d8;
	text-decoration:none;
}
.bn-tag .icon-hansoku:before {
	font-family: 'Material Icons';
	content:'\e80e';
	margin-right: 1px;
	font-size: 14px;
}
.tpl_book table td .proposal {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position:absolute;
	top:2px;
	left:50%;
	margin-left:-30px;
	cursor:pointer;
	font-size:12px;
	color:#333;
}
.tpl_book table td .proposal:hover {
	color:#0087d8;
	text-decoration:none;
}
.tpl_book table td .proposal:before {
	font-family: 'Material Icons';
	content:'\e55a';
	margin: 3px 3px 0 0;
	font-size: 16px;
}
.wrap-bnbnbottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top:5px;
	border-radius:3px;
}
.wrap-bnbnbottom .series_info, .wrap-bnbnbottom .promotion_info {
	font-size:11px;
}
.wrap-bnbnbottom .series_info {
	margin-right:10px;
}
.wrap-bnbnbottom .series_info a, .wrap-bnbnbottom .promotion_info a {
	display:inline-block;
	padding:1px 4px;
	color:#fff;
	font-size:10px;
	text-decoration:none;
	border-radius:3px;
	margin-right:10px;
}
.wrap-bnbnbottom .promotion_info a {
	background:#888;
}
.wrap-bnbnbottom .series_info a {
	background:#708090;
}
.wrap-bnbnbottom .series_info a:hover, .wrap-bnbnbottom .promotion_info a:hover {
	background:#36b0fa;
}

#mw_mediamixdetail {
	display:none;
	max-width:650px;
}
#mw_mediamixdetail .wrap-mmlist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
#mw_mediamixdetail .wrap-mmlist .info {
	position: relative;
	width: 78%;
	margin-right:2%;
	font-size: 14px;
	box-sizing: border-box;
	max-height: 400px;
}
#mw_mediamixdetail .wrap-mmlist .image {
	width:20%;
}
#mw_mediamixdetail .wrap-mmlist .image img {
	width:100%;
}
#mw_mediamixdetail .wrap-mmlist .info .text {
	line-height:160%;
}
#mw_mediamixdetail .wrap-mmlist .info .mm-link {
	width:80%;
	box-sizing:border-box;
}
#mw_mediamixdetail .wrap-mmlist .mwmore-img {
	margin:15px 0;
	width:60%;
}
#mw_mediamixdetail .wrap-mmlist .mwmore-img img {
	width:100%;
}

#left_column .lc_title {
	color:#fff;
	background:#5B5C88;
}

.sort_target_closed {
	width: 86px;
}
.sort_target_suggest {
	width: 60px;
	text-align:center !important;
}
.sort_target_preorder {
	width: 160px;
	text-align:center !important;
}
p.accepting-preorder {
	text-align:center;
}
#mw_preorder .tpl_book {
	margin-top:10px;
}
#mw_preorder .sort_target_3 {
	width:140px;
}
#contents.cnt-preorder .data, #mw_preorder .data {
		margin-left:6px;
}
#contents.cnt-preorder .sort_target_2, #mw_preorder .sort_target_2 {
	width:130px;
}
#mw_preorder .sort_target_orders {
	width:130px;
}
#btn-preorder, #btn-preorder_reservation, #btn-preorder_clear {
	position:absolute;
	top:-8px;
	right:0;
	text-decoration: none;
	color:#444;
}
#btn-preorder_clear {
	right:auto;
}
.wrap-detailMeasure {
	position:relative;
	width:100%;
	box-sizing:border-box;
}
.right-detailMeasure {
	position:relative;
	width:340px;
}
.right-detailMeasure .inner-rdm {
/*	transform: translate(0,0);
	webkit-transform: translate(0,0);
	transition: 0.3s;*/
}
/*.right-detailMeasure .inner-rdm.fixed {
	position:fixed;
	top:0;
	width:340px;
	transform: translate(0,20px);
	webkit-transform: translate(0,20px);
}*/
.right-detailMeasure .inner-rdm .rdm-info:last-child {
	margin-bottom:0;
}
.suggested-item {
	position:relative;
	box-sizing: border-box;
	transform: translate(0,0);
	webkit-transform: translate(0,0);
	transition: 0.3s;
}
.suggested-item.spHeight {

}
.suggested-item.pcFixed {
	position:fixed;
	top:0;
	width:340px;
	transform: translate(0,20px);
	webkit-transform: translate(0,20px);
}
.suggested-item.tabletFixed {
	position:fixed;
	top:0;
	width:340px;
	transform: translate(0,230px);
	webkit-transform: translate(0,230px);
}
.suggested-item h2 {
	margin:0 0 10px 0;
	font-size: 16px;
}
.suggested-item .wrap-addBasket {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.suggested-item .wrap-reorder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.suggested-item .wrap-addBasket label, .suggested-item .wrap-reorder label {
	margin-left:10px;
	padding: 8px 10px;
	cursor: pointer;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	box-sizing: border-box;
}
.suggested-item .si-list {
	margin-top:20px;
}
.suggested-item .si-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top:10px;
	padding-top:10px;
	width:100%;
	border-top:1px solid #ccc;
	box-sizing:border-box;
}
.suggested-item .si-list p {
	display:inline-block;
	margin-right:5px;
}
.suggested-item .si-list input {
	padding-right: 6px;
	display: inline-block;
	width: 40px;
	height: 28px;
	line-height: 28px;
	text-align:right;
	border: 1px solid #ccc;
	outline: none;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 14px;
}
.suggested-item .si-list .sil-number {
	padding-right: 4px;
	display: inline-block;
	width: 40px;
	height: 28px;
	line-height: 28px;
	text-align:right;
	outline: none;
	box-sizing: border-box;
	font-size: 14px;
}
#basket-message {
	margin:-10px 0 20px;
	padding:8px 10px;
	color:#F71E35;
	line-height:160%;
	border:1px solid #F71E35;
	box-sizing:border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.right-detailMeasure .rdm-status {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 20px;
	line-height: 20px;
	font-size: 12px;
}
.right-detailMeasure .rdm-status figure {
	margin:0 0 0 5px;
	width:22px;
}
.right-detailMeasure .rdm-status figure img {
	width:100%;
}

/*============================================================
// 本部機能
//==========================================================*/
#store_switch {
	display: inline-block;
	margin-top: 19px;
	color: #fff;
	font-size: 14px;
	background: #f57a01;
	text-align: left;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	position: absolute;
	top: 0;
	left: 220px;
	padding: 9px 40px 9px 12px;
	line-height: 1;
}
#store_switch:before {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 14px;
	right: 10px;
	border: 4px solid transparent;
	border-top: 5px solid #fff;
}
#store_switch.store_switch_other {
	background: #515151;
}
.wrap-topsupport .top-sum {
	/*width:115% !important;*/
	height: 207px;
}
#contents #mypage .top-dotrate.top-sum .rc_title {
	display: block;
}
#contents #mypage .top-dotrate.top-sum .order {
	border-bottom: none;
	font-size: 14px;
	line-height: 1;
	margin-bottom: 0;
}
.wrap-topsupport .top-sum .order div{
	width: 100%;
	margin-bottom: 10px;
	font-size: 14px;
}
.wrap-topsupport .top-sum .order div span:nth-of-type(2) {
	font-weight: bold;
}
.wrap-topsupport .top-sum table {
	width: 100%;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.wrap-topsupport .top-sum table tr th,
.wrap-topsupport .top-sum table tr td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
.wrap-topsupport .top-sum table tr th {
	vertical-align: middle;
	text-align: center;
	background: #eee;
	font-weight: inherit;
	padding: 7px 0;
	line-height: 1;
}
.wrap-topsupport .top-sum table tr td {
	vertical-align: middle;
	text-align: right;
	font-weight: bold;
	padding: 20px 10px 20px 0;
	line-height: 1;
}
.wrap-topsupport .top-sum table tr td span {
	font-size: 10px;
	position: relative;
	left: 5px;
}
.wrap-topsupport .top-sum table tr th.kad_point {
	width: 25%;
	text-align: center;
}
.wrap-topsupport .top-sum table tr td.kad_point {
	width: 25%;
}

.voucher-downloadSumTopBtn {
	margin-left: 258px;
}

/** 本部： 売り場サポート店舗編集 **/
#modalWindow-policy_order {
	display:none;
	width: 900px;
	height: 90vh;
	overflow-x: hidden;
	padding-right: 15px;
	box-sizing: border-box;
}
#modalWindow-policy_order .policy_attendance label {
	display: inline-block;
}
#modalWindow-policy_order .policy_attendance {
	font-size: 16px;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 240px;
	text-align: center;
	margin: 20px auto 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 10px 25px;
	box-sizing: border-box;
}
#modalWindow-policy_order .policy_attendance input[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	position: relative;
	right: 0;
	bottom: 0;
	left: 0;
	height: 17px;
	width: 17px;
	vertical-align: -0.7rem;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: .4rem;
	outline: none;
	border-radius: 10%;
}
#modalWindow-policy_order .policy_attendance input[name="join"] {
	border-radius: 50%;
	border: 2px solid #ccc;
	width: 20px;
	height: 20px;
	margin-left: 0;
}
#modalWindow-policy_order .policy_attendance input[name="join"]:checked:before {
	background: #fff;
}
#modalWindow-policy_order .policy_attendance input[name="join"]:checked {
	border: 6px solid #0087d8;
}
#modalWindow-policy_order .bansenAreaPolicy {
	position: absolute;
	right: 0;
	left: auto;
	margin-top: 20px;
}
#modalWindow-policy_order table {
	width: 100%;
	margin-top: 60px;
	border-spacing: 1px 1px;
	background-color: #ccc;
}
#modalWindow-policy_order td.order_num .order_normal {
	font-size: 14px;
	padding: 0 5px 0 0;
	width: 60px;
	height: 32px;
	box-sizing: border-box;
	margin: 0;
	line-height: 1;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	text-align: right;
}
#modalWindow-policy_order .policy_order_list th {
	text-align: left;
	font-weight: bold;
	height: 35px;
	line-height: 1;
	font-size: 14px;
	padding: 12px 10px;
}
#modalWindow-policy_order .policy_order_list td {
	background: #f9f9f9;
	line-height: 1.4;
	padding: 10px;
	font-size: 14px;
	height: 50px;
}
#modalWindow-policy_order .edit_wrap {
	text-align: center;
	margin-top: 20px;
}
/*============================================================
// 売場提案シートボタン無効
//==========================================================*/
#header #h_top ul#header_nav .disable {
	background: #C0C0C0 !important;
}
#header #h_top ul#header_nav .disable a {
	cursor: default !important;
}

/*============================================================
// 本部機能
//==========================================================*/
#modalWindow-store_switch {
	width: 830px;
	height: 90vh;
	font-size: 14px;
	line-height: 1;
	padding: 15px 15px 15px 0;
	overflow-y: auto;
	box-sizing: border-box;
}
.cell-orders .add_all_basket {
	float: inherit;
	width: 100px;
	height: 100%;
	border: 1px solid #ccc !important;
	border-radius: 3px  !important;
	vertical-align: middle;
	-webkit-border-radius: 3px  !important;
	-moz-border-radius: 3px  !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.tpl_book .number .row-top-honbu {
	width: 100%;
}
.tpl_book .number .row-top-honbu .add_basket {
	float: inherit;
	width: 90%;
	height: 100%;
	border: 1px solid #ccc !important;
	border-radius: 3px  !important;
	vertical-align: middle;
	-webkit-border-radius: 3px  !important;
	-moz-border-radius: 3px  !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
}
.tpl_book .number .order_chainten {
	margin-left: 10px;
	width: 55px;
}

div.check-chainten input,div.check-dotB input {
	display: none;
}
div.check-chainten label {
	display:inline-block;
	cursor: pointer;
	margin:0 0 0 6px;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
}
div.check-chainten label.checked {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1055px -414px;
}
div.check-chainten label::-moz-selection,
div.check-chainten label::selection {
	background: transparent;
}
th div.check-chainten label {
	display:inline-block;
	cursor: pointer;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
}
th div.check-chainten label.checked {
	display:inline-block;
	width:16px !important;
	height:16px !important;;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1015px -364px;
}

.chainten .sort_target_4 {
	width:500px;
}
.chainten .sort_target_5 {
	width:100px;
}
/** 本部：店舗選択 **/
.tpl_book table.select_store {
	border-spacing: 1px 1px;
	line-height: 1em;
	margin-top: 20px;
	font-size: 14px;
	table-layout: fixed;
}
.tpl_book table.select_store th {
	font-weight:bold;
	height: 40px;
	line-height: 1;
}
.tpl_book table.select_store th.sort_target_1 {
	width: 40px;
	min-width: 40px;
	text-align: center;
}
.tpl_book table.select_store th.sort_target_4 {
	width: 756px;
	min-width: 756px;
	padding: 0 10px;
}
.tpl_book table.select_store th.sort_target_5 {
	width: 80px;
	min-width: 80px;
	padding: 0 10px;
}
.tpl_book table.select_store td {
	height: 25px;
	line-height: 25px;
	font-size: 14px;
	height: 40px;
}
.tpl_book table.select_store tr td:nth-child(2) {
	background: #fff;
	padding: 0 10px;
	line-height: 1;
}
.tpl_book table.select_store tr td:nth-child(3),
.tpl_book table.select_store tr td:nth-child(4) {
	text-align: right;
	padding: 0 10px;
	line-height: 1;
	background: #fff;
}
.tpl_book table.select_store .check-chainten {
	width: 25px;
}
/** 本部：一括発注 **/
.tpl_book table.basket_input {
	border-spacing: 1px 1px;
	line-height: 1em;
	margin-top: 20px;
	font-size: 14px;
	table-layout: fixed;
}
.tpl_book table.basket_input th {
	height: 40px;
	line-height: 1;
}
.tpl_book table.basket_input th.sort_target_1 {
	width: 50px;
	min-width: 50px;
	text-align: center;
}
.tpl_book table.basket_input th.sort_target_1 .check-dot {
	width: auto;
}
.tpl_book table.basket_input th.sort_target_2 {
	width: 575px;
	min-width: 575px;
	padding: 0 10px;
}
.tpl_book table.basket_input .sort_target_7 {
	width: 250px;
	min-width: 250px;
	padding: 0 10px;
}
.tpl_book table.basket_input .sort_target_8 {
	width: 80px;
	min-width: 80px;
	padding: 0 10px !important;
}
.tpl_book table.basket_input th.sort_target_9 {
	padding-left: 10px;
}
.tpl_book table.basket_input .store_name {
	font-size: 14px;
	padding: 0 10px;
	line-height: 1;
}
.tpl_book table.basket_input .order_quantity {
	padding: 0 10px!important;
	font-size: 14px;
}
.tpl_book table.basket_input td:nth-of-type(2n) {
	background: #fff;
}
.tpl_book table.basket_input .check-dot label {
	margin: 0 0;
}
.tpl_book table.basket_input .bansenArea {
	width: 230px;
	box-sizing: border-box;
}
.tpl_book #addtop_wrapbtn .back_btn_wrap label,
.tpl_book #addbottom_wrapbtn .back_btn_wrap label {
	margin-right: 20px;
	margin-left: 10px;
}
.tpl_book #addtop_wrapbtn.cahinten_operation_wrap {
	position: static;
}
.tpl_book .chainten_bulk_order {
	margin: 0 0 20px 0;
}
.tpl_book .chainten_bulk_order .basket_deception {
	display: inline-block;
	margin-left: 10px;
	font-size: 13px!important;
	font-weight:normal;
}
.tpl_book #addtop_wrapbtn.cahinten_operation_wrap .auto-onhold label:hover {
	opacity: initial;
}
.tpl_book .cahinten_operation_wrap input.dots_coordination {
	display: none;
}
.tpl_book .cahinten_operation_wrap .auto-onhold label.checkbox_icon {
	display: inline-block;
	padding: 0px 0px!important;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background:url(../img/parts.png?v=20240901) no-repeat!important;
	background-position: -980px -350px!important;
}
.tpl_book .cahinten_operation_wrap .auto-onhold label.checked {
	display: inline-block;
	width: 16px !important;
	height: 16px !important;
	background: url(../img/parts.png?v=20240901) no-repeat!important;
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: -1015px -364px !important;
}
.tpl_book .cahinten_operation_wrap .dots_automatic {
	margin-left: 5px;
	font-size: 12px;
}
/** アップロードボタン **/
.uploadFancybox  {
	color: #000;
}
.uploadFancybox:hover {
	color: #000;
	text-decoration: none;
}
/** 本部：アイテム予約 **/
a[href="#reservation_edit"] {
	text-decoration: none;
}
#addtop_wrapbtn a[href="#modalWindow_bulk_reservation"] {
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	color: #333;
	font-size: 12px;
	line-height: 1;
	border: 1px solid #ccc;
	font-weight: normal;
}
.reservarion_cahinten .sort_target_2 {
	width: 130px !important;
}
.reservarion_cahinten.yoyaku_chainten .sort_target_2 {
	width: 160px !important;
}
.reservarion_cahinten.yoyaku_chainten .sort_target_2 span {
	/*margin-right: 5px;*/
}
.reservarion_cahinten .sort_target_4 {
	width: 120px;
}
.reservarion_cahinten .sort_target_5 {
	width: 60px;
}
.reservarion_cahinten .sort_target_7 {
	width: 95px;
}
.reservarion_cahinten .sort_target_closed {
	width: 95px;
}
.reservarion_cahinten .sort_target_suggest,
.reservarion_cahinten .store_nums{
	width: 80px;
}
.reservarion_cahinten .sort_target_orders {
	width: 80px;
	font-weight: bold;
}
.reservarion_cahinten .chainten_edit {
	width: 70px;
	text-align:center;
}
.reservarion_cahinten th.sort_target_2 .check-items {
	display:inline-block;
	width: 30px;
	vertical-align: middle;
}
.reservarion_cahinten th.sort_target_2 .yoyaku_label {
	display:inline-block;
}
.reservarion_cahinten .check-items input {
	display: none;
}
.reservarion_cahinten .check-items label {
	display:inline-block;
	cursor: pointer;
	margin:0 0 0 6px;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
}
.reservarion_cahinten .check-items label.checked {
	display:inline-block;
	width:16px;
	height:16px;
	background:url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1055px -414px;
}
.reservarion_cahinten .check-items label::-moz-selection,
.reservarion_cahinten .check-items label::selection {
	background: transparent;
}
.reservarion_cahinten td.sort_target_2 ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	box-sizing: border-box;
}
.reservarion_cahinten td.sort_target_2 ul .select_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	word-break: initial;
	width: 30px;
}
.reservation .mlIcon-new,
.reservarion_cahinten .mlIcon-new {
	background-color: #FF2626;
	font-size: 10px;
	color: #fff;
	width: 40px;
	height: 16px;
	display: inline-block;
	text-align: center;
	line-height: 16px;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

/** アイテム予約編集 **/
.edit_btn_wrap {
	text-align : center;
}
.reservation_edit {
	cursor: pointer;
	height: 30px;
	line-height: 30px;
	width: 50px;
	font-size: 12px;
	color: #333;
	background: #fff;
	font-weight: bold;
	border: 1px solid #ccc;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#reservation_edit {
	display:none;
	width: 870px;
	height: 90vh;
	overflow-x: hidden;
	color: #333;
}
#reservation_edit .tpl_book {
	padding-right: 15px;
	margin: 15px 0;
}

/** アイテム予約編集:説明、保存ボタン **/
#reservation_edit .reservation_wrap {
	position: relative;
	padding-bottom: 15px
}
#reservation_edit .reservation_btn {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
}
#reservation_edit .close_btn {
	margin-right: 6px;
}
#reservation_edit .close_btn,
#reservation_edit .save_btn {
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	display: inline-block;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	color: #000;
	font-size: 12px;
	line-height: 1;
	border: 1px solid #ccc;
	font-weight: normal;
	height: auto;
	box-sizing: border-box;
	cursor: pointer;
	outline: none;
}

/** アイテム予約編集:アイテム情報 **/
#reservation_edit.modalActive .reservation_book th {
	font-size: 12px;
	line-height: 1;
}
#reservation_edit .label {
	width: 150px;
}
#reservation_edit .genre {
	margin-right: 5px;
}
#reservation_edit .author_revervation {
	width: 160px;
	word-break: break-all;
}
#reservation_edit .price_reservation {
	width: 80px;
}
#reservation_edit .release_date {
	width: 100px;
}
#reservation_edit .chainten_order_edit th.proposal_num,
#reservation_edit .chainten_order_edit th.order_num,
#reservation_edit .chainten_order_edit th.order_honbu_num {
	width: 80px;
}
#reservation_edit .chainten_order_edit td.store_name {
	background: #fff;
	width: 600px;
	line-height: 45px;
	height: 45px;
	padding-left: 15px;
}
#reservation_edit .chainten_order_edit td.proposal_num,
#reservation_edit .chainten_order_edit td.order_num,
#reservation_edit .chainten_order_edit td.order_honbu_num {
	background: #fff;
	width: 80px;
	text-align: right;
	line-height: 45px;
	height: 45px;
}
#reservation_edit td.price_reservation,
#reservation_edit td.release_date {
	text-align: right;
}

/** xlsアップロードで一括予約 **/
#modalWindow_upload_confirm {
	display:none;
	width: 400px;
	height: 180px;
}
.item-upload_title {
	margin-top: 20px;
	margin-bottom: 40px;
	margin-left: 5px;
	font-size: 15px;
	font-weight: bold;
}
.input-group {
	position: relative;
	display: table;
	border-collapse: separate;
}
.input-group .form-control, 
.input-group-btn {
	display: table-cell;
}
.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}
.input-group-btn {
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
}
.input-group-btn:last-child>.btn {
	z-index: 2;
	margin-left: -1px;
}
.form-control{
	padding: 0 0 0 10px;
	width: 400px;
	height: 34px;
	line-height: 34px;
	color: #555;
	background-color: #eee;
	border: 1px solid #ccc;
	font-size: 14px;
	outline: none;
	box-sizing: border-box;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-webkit-borde-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}
.btn-primary {
	cursor: pointer;
	width: 37px;
	height: 34px;
	border: 0;
	border-color: #2e6da4;
	font-size: 14px;
	color: #fff;
	line-height: 32px;
	background-color: #337ab7;
	box-sizing: border-box;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-webkit-borde-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}
.item-upload_btn {
	text-align: center;
	margin-top: 25px;
}
.item-upload_btn button {
	display: inline-block;
	min-width: 80px;
	height: 36px;
	line-height: 36px;
	margin-left: 5px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	border: 0;
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.item-upload_btn button.file-back {
	background: #999;
}
.item-upload_btn button.file-submit {
	background: #D9534F;
}
/** 店舗別注文(エクセル処理) **/
.bulk_basket_confirm .tpl_book td.store_num {
	position: relative;
}
.bulk_basket_confirm .tpl_book .order_details {
	text-align: center;
	position: absolute;
	right: 5px;
	margin-top: 5px;
}
a[href="#modalWindow-order_details"] {
	text-decoration: none;
	color: #0087d8;
	font-size: 12px;
}
#modalWindow-order_details {
	width: 970px;
	height: 90vh;
	overflow-x: hidden;
	padding: 15px 15px 15px 0;
	box-sizing: border-box;
}
#modalWindow-order_details table {
	width: 100%;
}
#modalWindow-order_details .summery {
	border-top: 1px solid #D7DADD;
	border-bottom: 1px solid #D7DADD;
	font-size: 12px;
	box-sizing: border-box;
}
#modalWindow-order_details .summery th {
	border-bottom: 1px solid #D7DADD;
	height: 50px;
	vertical-align: middle;
	box-sizing: border-box;
	background-color: #f3f3f3;
	padding: 0 5px;
	line-height: 1;
	text-align: left;
}
#modalWindow-order_details .summery td {
	height: 60px;
	box-sizing: border-box;
	padding: 5px;
	vertical-align: middle;
}
#modalWindow-order_details .summery .sort_target_2 {
	width: 204px;
}
#modalWindow-order_details .summery .sort_target_4 {
	width: 201px;
}
#modalWindow-order_details .summery .sort_target_5 {
	width: 85px;
}
#modalWindow-order_details .summery .sort_target_7 {
	width: 127px;
}
#modalWindow-order_details .summery td.sort_target_7 {
	text-align: right;
}
#modalWindow-order_details .summery .sort_target_2 ul li {
	float: left;
}
#modalWindow-order_details .summery .sort_target_2 .genre span {
	display: inline-block;
	width: 16px;
	height: 60px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	text-indent: -9999px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre01 {
	background-position:-430px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre02 {
	background-position:-446px -500px !important;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre03 {
	background-position:-462px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre04 {
	background-position:-478px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre05 {
	background-position:-494px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre06 {
	background-position:-510px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre07 {
	background-position:-526px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre08 {
	background-position:-542px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre09 {
	background-position:-558px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre10 {
	background-position:-574px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre11 {
	background-position:-590px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre12 {
	background-position:-606px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre13 {
	background-position:-622px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre14 {
	background-position:-638px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .genre .iconGenre15 {
	background-position:-654px -500px;
}
#modalWindow-order_details .summery .sort_target_2 .img .wrap_img {
	display: table-cell;
	width: 55px;
	height: 60px;
	text-align: center;
}
#modalWindow-order_details .summery .sort_target_2 .img .wrap_img img {
	max-width: 45px;
	max-height: 60px;
	box-sizing: border-box;
	border: 0px solid #ccc;
	height: 60px;
}
#modalWindow-order_details .summery .sort_target_2 .data {
	font-size: 10px;
	width: 100px;
}
#modalWindow-order_details .mw_orderdetails_annot {
	padding-top: 20px;
	font-size: 13px;
}
#modalWindow-order_details .box {
	padding-top: 5px;
}
#modalWindow-order_details .box table {
	box-sizing: border-box;
	background-color: #D7DADD;
	border-spacing: 1px;
	border-collapse: separate;
}
#modalWindow-order_details .box table th {
	box-sizing: border-box;
	height: 40px;
	vertical-align: middle;
	font-size: 14px;
	background-color: #f3f3f3;
	padding: 0 10px;
	text-align: left;
}
#modalWindow-order_details .box table td {
	box-sizing: border-box;
	vertical-align: middle;
	font-size: 14px;
	background-color: #fff;
	padding: 0 10px;
	height: 50px;
}
#modalWindow-order_details .box .dot_column {
	width: 52px;
}
#modalWindow-order_details .box .bansen {
	width: 220px;
}
#modalWindow-order_details .box .nums {
	width: 70px;
}
#modalWindow-order_details .box .sort_target_9 {
	width: 120px;
}
#modalWindow-order_details .box td.sort_target_9 {
	text-align: right;
}
/** 本部：売り場サポート詳細 **/
.policy_chainten_caption {
	font-size: 16px;
	display: inline-block;
	padding: 5px 0;
}
#contents .tpl_book table.accepting,
#contents .tpl_book table.finish,
#contents .tpl_book table.policy_data,
#contents .tpl_book table.policy_chainten {
	border-spacing: 1px 1px;
	background-color: #ccc;
}
#contents .tpl_book table.policy_chainten {
	margin-top: 15px;
}
#contents .tpl_book table.accepting tr th,
#contents .tpl_book table.finish tr th,
#contents .tpl_book table.policy_data tr th,
#contents .tpl_book table.policy_chainten tr th {
	font-weight: bold;
	height: 25px;
	line-height: 1;
	background: #f3f3f3;
	font-size: 14px;
	padding: 12px 10px;
}
#contents .tpl_book table.accepting tr td,
#contents .tpl_book table.finish tr td,
#contents .tpl_book table.policy_data tr td,
#contents .tpl_book table.policy_chainten tr td {
	line-height: 1;
	font-size: 14px;
	height: auto;
	padding: 10px;
}
#contents .tpl_book table.accepting tr td.title a,
#contents .tpl_book table.finish tr td.title a,
#contents .tpl_book table.policy_chainten tr td.name a {
	text-decoration:none;
	color: #0087d8;
	line-height: 1.4;
}
#contents .tpl_book table.policy_chainten .order_num,
#contents .tpl_book table.policy_chainten .report_count,
#contents .tpl_book table.policy_chainten .nothing {
	width: 90px;
}
#contents .tpl_book table.policy_chainten .read,
#contents .tpl_book table.policy_chainten .participation,
#contents .tpl_book table.policy_chainten .non_participation,
#contents .tpl_book table.policy_chainten .join_flag.nothing {
	width: 100px;
}
#contents .tpl_book table.policy_chainten .read.not {
	background: #eee;
}
#contents .tpl_book table.policy_chainten tr td.participation {
	background-color: #ffd1d1;
}
#contents .tpl_book table.policy_chainten tr td.non_participation {
	background-color: #d7efff;
}
#contents .tpl_book table.accepting .participation_count,
#contents .tpl_book table.finish .participation_count,
#contents .tpl_book table.policy_data .participation_count {
	width: 90px;
}
#contents .tpl_book table.accepting .participation_rate,
#contents .tpl_book table.finish .participation_rate,
#contents .tpl_book table.policy_data .participation_rate {
	width: 90px;
}
#contents .tpl_book table.accepting .order_sum,
#contents .tpl_book table.finish .order_sum,
#contents .tpl_book table.policy_data .order_sum {
	width: 90px;
}
#contents .tpl_book table.accepting tr td.order_sum,
#contents .tpl_book table.finish tr td.order_sum,
#contents .tpl_book table.policy_data tr td.order_sum,
#contents .tpl_book table.accepting tr td.participation_count,
#contents .tpl_book table.finish tr td.participation_count,
#contents .tpl_book table.policy_data tr td.participation_count,
#contents .tpl_book table.accepting tr td.participation_rate,
#contents .tpl_book table.finish tr td.participation_rate,
#contents .tpl_book table.policy_data tr td.participation_rate {
	text-align: right;
}
#contents .tpl_book table.accepting .deadline_date,
#contents .tpl_book table.finish .deadline_date,
#contents .tpl_book table.policy_data .deadline_date {
	width: 112px;
}
#contents .tpl_book table.accepting tr td:nth-child(even),
#contents .tpl_book table.finish tr td:nth-child(even),
#contents .tpl_book table.policy_data tr td:nth-child(even),
#contents .tpl_book table.policy_chainten tr td:nth-child(even) {
	background:#fff;
}
/** 本部：実績 **/
#mypage .performance_table {
	border-spacing: 1px 1px;
	background-color: #ccc;
	color: #333;
}
#mypage .performance_table th {
	text-align: center;
	height: 25px;
	line-height: 1;
	font-weight: normal;
	background:#eee;
}
#mypage .performance_table td {
	height: 35px;
	text-align: right;
}
#mypage .performance_table td:first-child {
	text-align: left;
}
#mypage .performance_table td:nth-child(even){
	background:#fff;
}
#mypage .performance_item .kado_point {
	line-height: 1em;
}
.performance_chianten .chianten_wrap {
	font-weight:bold;
	color: #333;
}
.performance_chianten .percentage_wrap {
	min-width: 40px;
	font-size: 12px;
	color: #666;
}
/** 本部：取次店舗管理 **/
.tpl_book table.bansencode_chainten {
	border-spacing: 1px 1px;
}
.tpl_book table.bansencode_chainten th {
	height: 35px;
	line-height: 35px;
	padding-left: 15px;
}
.tpl_book table.bansencode_chainten th.sort_target_7 {
	width: 220px;
	min-width: 220px;
}
.tpl_book table.bansencode_chainten td {
	height: 40px;
	line-height: 40px;
	font-size: 13px;
	padding-left: 15px;
}
.tpl_book table.bansencode_chainten td:nth-of-type(2) {
	background-color: #fff;
}

/* 202002追加(本部機能)
============================== */
input::-webkit-input-placeholder {
	color: #cbcbcb;
}
input:-ms-input-placeholder {
	color: #cbcbcb !important;
}
input::-moz-placeholder {
	color: #cbcbcb;
}

/**トップ**/
#contents #mypage .top-dotrate.top-sum .order table td {
	font-family: 'Rubik', sans-serif;
	font-size: 16px;
	font-weight: normal;
}
#contents #mypage .top-dotrate.top-sum .order table td.kad_point {
	font-size: 26px;
}

/**本部・店舗切替え**/
#modalWindow-store_switch .box-honbu {
	padding-bottom: 25px;
}
#modalWindow-store_switch .l-store_switch {
	background-color: #ddd;
	padding: 10px;
	font-weight: bold;
}
#modalWindow-store_switch .box-honbu .l-store_switch {
	margin-bottom: 15px;
}
#modalWindow-store_switch .box-store .l-store_switch {
	margin-bottom: 10px;
}
#modalWindow-store_switch .box-store .search_store_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	padding-bottom: 25px;
}
#modalWindow-store_switch .box-store .search_store_area .text-chainten_keyword {
	display: inline-block;
	vertical-align: top;
	height: 28px;
	border: 1px solid #ccc;
	background: #fff;
	box-sizing: border-box;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
#modalWindow-store_switch .box-store .search_store_area .text-chainten_keyword input[name="chainten_keyword"] {
	width: 300px;
	font-size: 13px;
	color: #BBB;
	border: none;
	background: none;
	box-sizing: border-box;
	height: 100%;
	line-height: 1;
	padding-left: 10px;
	outline: none;
}
#modalWindow-store_switch .box-store .search_store_area .text-chainten_keyword input.textFocus {
	color: #444;
}
#modalWindow-store_switch .box-store .search_store_area .submit-chainten_search {
	height: 28px;
}
#modalWindow-store_switch .box-store .search_store_area .submit-chainten_search input[type="submit"] {
	cursor: pointer;
	width: 55px;
	height: 100%;
	border: 0;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	background: #515151;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	outline: none;
}
#modalWindow-store_switch .box-store .search_store_area .submit-chainten_all input[type="submit"]{
	cursor: pointer;
	height: 100%;
	border: 0;
	font-size: 14px;
	color: #fff;
	line-height: 1;
	background: #515151;
	border-radius: 5px;
	margin-left: 10px;
	padding: 2px 8px;
	outline: none;
}
#modalWindow-store_switch .box-store .region_list_area {
	padding-bottom: 25px;
}
#modalWindow-store_switch .box-store .region_list_area .region_list {
	margin: 0 auto;
	box-sizing: border-box;
	display: table;
}
#modalWindow-store_switch .box-store .region_list_area .region_list li {
	display: table-cell;
	text-align: center;
	padding: 0 20px;
}
#modalWindow-store_switch .box-store .region_list_area .region_list li:not(:first-of-type) {
	border-left: solid 1px #333;
}
#modalWindow-store_switch .box-store .region_list_area .region_list li label {
	cursor: pointer;
	color: #999999;
}
#modalWindow-store_switch .box-store .region_list_area .region_list li label input {
	display: none;
}
#modalWindow-store_switch .box-store .region_list_area .region_list li label.select_region{
	color: #444;
}
#modalWindow-store_switch .box-store .store_list_area .store_region {
	display: none;
}
#modalWindow-store_switch .box-store .store_list_area .store_region.select_region {
	display: block;
}
#modalWindow-store_switch .store_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#modalWindow-store_switch .store_list li {
	width: 390px;
	padding: 10px;
	box-sizing: border-box;
	border: 2px solid #e9e9e9;
	border-radius: 5px;
	margin-bottom: 10px;
	font-size: 13px;
	position: relative;
	background-color: #fff;
}
#modalWindow-store_switch .store_list li:hover {
	cursor: pointer;
}
#modalWindow-store_switch .store_list li:before {
	font-family: "Font Awesome 5 Free";
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	content: "\f054";
	font-weight: bold;
	position: absolute;
	top: 10px;
	right: 10px;
}

/**実績**/
.b_performance #header-confirm{
	display: none;
}
#contents.performancechainten {
	width: 1350px;
	margin: 0 auto;
}
#contents.performancechainten .tpl_book{
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
.performance-list .voucher-downloadSumTopBtn {
	margin-left: 399px;
	position: absolute;
	top: 12px;
	left: 40px;
}
.performance-list .voucher-downloadTopBtn .xls_dl {
	padding: 10px;
}
#contents.performancechainten .tpl_book {
	margin: 0;
}
#contents.performancechainten .performance-list {
	position: fixed;
	z-index: 100;
	background-color: #fff;
	width: 1310px;
}
#contents.performancechainten .performance-data {
	padding-top: 187px;
}
#contents.performancechainten .performance-list .wrap-refine {
	margin:25px 0;
}
#contents.performancechainten .tpl_book th {
	padding: 7px 5px;
}
#contents.performancechainten .tpl_book td {
	padding: 6px 5px;
}
#mypage .performance_table .performance_item th,
#mypage .performance_table .performance_order th,
#mypage .performance_table .performance_chianten td {
	font-size: 14px;
}
#contents.performancechainten .tpl_book td .chianten_wrap {
	line-height: 24px;
}
#contents.performancechainten .tpl_book td .percentage_wrap {
	line-height: 1;
}
#mypage .performance_table .performance_item .have_icon:before,
#mypage .performance_table .performance_order th:nth-of-type(1):before,
#mypage .performance_table .performance_order th:nth-of-type(4):before,
#mypage .performance_table .performance_order th:nth-of-type(7):before,
#mypage .performance_table .performance_order th:nth-of-type(8):before,
#mypage .performance_table .performance_order th:nth-of-type(9):before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 11px;
	background: url(../img/parts.png?v=20240901) center center no-repeat;
	background-position: -320px -180px;
}
#mypage .performance_table .performance_item .have_icon:hover,
#mypage .performance_table .performance_order th:nth-of-type(1):hover,
#mypage .performance_table .performance_order th:nth-of-type(4):hover,
#mypage .performance_table .performance_order th:nth-of-type(7):hover,
#mypage .performance_table .performance_order th:nth-of-type(8):hover,
#mypage .performance_table .performance_order th:nth-of-type(9):hover {
	cursor: pointer;
}
#mypage .performance_table .performance_chianten td:nth-of-type(1),
#mypage .performance_header .wheader col:nth-of-type(1) {
	width: 343px;
}
#mypage .performance_table .performance_chianten td:nth-of-type(2),
#mypage .performance_header .wheader col:nth-of-type(2) {
	width: 114px;
}
#mypage .performance_table .performance_chianten td:nth-of-type(3),
#mypage .performance_table .performance_chianten td:nth-of-type(6),
#mypage .performance_header .wheader col:nth-of-type(3),
#mypage .performance_header .wheader col:nth-of-type(6) {
	width: 104px;
}
#mypage .performance_table .performance_chianten td:nth-of-type(4),
#mypage .performance_table .performance_chianten td:nth-of-type(7),
#mypage .performance_table .performance_chianten td:nth-of-type(9),
#mypage .performance_table .performance_chianten td:nth-of-type(10),
#mypage .performance_table .performance_chianten td:nth-of-type(11),
#mypage .performance_header .wheader col:nth-of-type(4),
#mypage .performance_header .wheader col:nth-of-type(7),
#mypage .performance_header .wheader col:nth-of-type(9),
#mypage .performance_header .wheader col:nth-of-type(10),
#mypage .performance_header .wheader col:nth-of-type(11) {
	width: 89px;
}
#mypage .performance_table .performance_chianten td:nth-of-type(5),
#mypage .performance_table .performance_chianten td:nth-of-type(8),
#mypage .performance_header .wheader col:nth-of-type(5),
#mypage .performance_header .wheader col:nth-of-type(8) {
	width: 94px;
}
#mypage .performance_table {
	table-layout: fixed;
}
.performance-unit {
	text-align: right;
	padding-bottom: 5px;
}

/**注文リスト**/
th.sort_target_orders .wrap-button .btn.order_minus_all, 
th.sort_target_orders .wrap-button .total-txt, 
th.sort_target_orders .wrap-button .btn.order_add_all {
	vertical-align: middle;
}
.tpl_book .number .row-top-honbu .store_order,
.tpl_book .number .row-top-honbu .add_basket {
	font-size: 12px;
	width: 120px;
	height: 27px;
	line-height: 1;
	display: block;
	margin: 0 auto;
	cursor: pointer;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	padding: 5px;
}
.tpl_book .number .row-top-honbu .add_basket {
	margin-top: 8px;
}
.tpl_book .sort_target_orders .pc-orders {
	position: relative;
}
.tpl_book .number-honbu .pc-orders {
	padding: 5px 0;
}
.tpl_book .number-honbu .pc-orders .wrap_ordersIcon {
	position: static;
}
.tpl_book .number-honbu .pc-orders .wrap_ordersIcon .ordersIcon_typeB,
.tpl_book .number-honbu .pc-orders .wrap_ordersIcon .ordersIcon_typeE,
.tpl_book .number-honbu .pc-orders .wrap_ordersIcon .ordersIcon_typeA {
	margin-top: 5px;
	margin-right: 0;
}
.tpl_book .number-honbu .pc-orders .wrap_ordersIcon > div:not(:first-child) {
	margin-left: 5px;
}

/**バスケット**/
.honbu_basket #addtop_wrapbtn {
	top: 38px;
	left: 0;
}
.honbu_basket .tpl_book .titleB + table {
	margin-top: 102px;
}
.honbu_basket .tpl_book #addtop_wrapbtn div {
	margin: 0;
}
.honbu_basket .tpl_book #addtop_wrapbtn label[for="order_download"] {
	border: none;
	display: inline;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 1px 0;
	color: #0087d8;
	background: none;
	border-bottom: 1px solid #0087d8;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.honbu_basket .text-basket_dl {
	font-size: 14px;
}
.honbu_basket #addtop_wrapbtn .label_upper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
}
.honbu_basket .tpl_book #addtop_wrapbtn label[for="order_upload"] {
	background: none;
	border: none;
	padding: 0;
	opacity: 1;
}
.honbu_basket .tpl_book .uploadFancybox {
	display: inline-block;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	line-height: 1;
	font-weight: normal;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #ccc;
}
.honbu_basket .tpl_book .uploadFancybox:before {
	content: '';
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -60px -598px;
	padding: 3px 16px;
}
.honbu_basket .tpl_book #addtop_wrapbtn .auto-onhold label {
	font-size: 14px;
	padding: 20px 0 0 0;
	opacity: 1;
}
.honbu_basket .tpl_book #addtop_wrapbtn .auto-onhold label input {
	vertical-align: baseline;
}
.honbu_basket .tpl_book #addtop_wrapbtn .non-dot div:nth-of-type(1),
.honbu_basket .tpl_book #addtop_wrapbtn .non-dot div:nth-of-type(2) {
	display: none;
}
.honbu_basket .tpl_book #addtop_wrapbtn div .auto-onhold:not(:last-of-type) {
	margin-right: 18px;
}
.honbu_basket .tpl_book td.no_wrap.number.odd {
	width: 81px !important;
}
.honbu_basket .tpl_book td.no_wrap.number.odd {
	width: 81px !important;
	text-align: center;
}
.honbu_basket .tpl_book .number .row-top {
	margin: 0;
	padding-top: 4px;
}
.honbu_basket .tpl_book .number .btn {
	width: 100%;
	background: none;
}
.honbu_basket .tpl_book .number label {
	margin: 0;
	text-decoration: none;
	font-weight: normal;
	border: 1px solid #ccc;
	width: 50px;
	line-height: 2.2;
}

/**一括発注（店舗選択）**/
.tpl_book .list-progressStatus {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	counter-reset: processnumber;
}
.tpl_book .list-progressStatus li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 20px 0 0;
	padding: 7px 10px;
	font-size: 14px;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #808080;
	
}
.tpl_book .list-progressStatus li:before {
	counter-increment: processnumber;
  content: counter(processnumber)".";
}
.tpl_book .list-progressStatus li.psActive {
	border: 3px solid #7abed1;
	color: #333;
}
.tpl_book .leadpart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 20px;
}
.tpl_book .leadpart p {
	font-size: 16px;
}
.tpl_book #addtop_wrapbtn .bulk_chainten,
.tpl_book .cahinten_operation_wrap .bulk_chainten {
	margin: 0;
}
.tpl_book #addtop_wrapbtn .go_chainten {
	margin-left: 10px;
}
.tpl_book .list_detail.summery,
.tpl_book .list_detail.summery td{
	font-size: 14px;
}
.tpl_book .list_detail.summery p {
	font-size: 12px;
}
.tpl_book .list_detail.summery .sort_target_2 {
	width: 204px;
}
.tpl_book .list_detail.summery .data {
	width: 100px;
}
.tpl_book .list_detail.summery .img a {
	cursor: default;
}
.tpl_book .list_detail.summery .sort_target_3 .bn-blockName {
	line-height: 1.4;
}
.tpl_book .list_detail.summery .sort_target_4 {
	width: 201px;
}
.tpl_book .list_detail.summery .sort_target_5 {
	width: 85px;
}
.tpl_book .list_detail.summery .sort_target_7 {
	width: 127px;
}
.tpl_book .list_detail.summery .sort_target_7 .block_tdcell {
	text-align: right;
}

/**一括発注（番線・注文数入力）**/
.tpl_book #addtop_wrapbtn.cahinten_operation_wrap .back_btn_wrap label[for="back_to_basket"] {
	margin: 0;
}
.tpl_book #addtop_wrapbtn .go_check {
	margin-left: 10px;
}
.tpl_book label[for="dots_coordination"] {
	font-size: 15px;
	padding-top: 25px;
	margin-bottom: -12px;
	display: inline-block;
}
.tpl_book label[for="dots_coordination"] input {
	vertical-align: bottom;
}
.tpl_book .basket_input td {
	height: 50px;
	padding: 0 10px;
}
.tpl_book table.basket_input .bansenArea > .bansenObj {
	background: none;
	font-size: 12px;
	line-height: 1;
	padding: 0 10px;
	width: 100%;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.tpl_book table.basket_input .bansenArea > .bansenObj::-ms-expand {
	display: none;
}
.tpl_book table.basket_input .bansenArea > .bansenObj.red {
	color: #f0003c;
}
.tpl_book .list_detail.basket_input .wrap-select {
	position: relative;
}
.tpl_book table.basket_input .bansenArea:before {
	content: '';
	background: url(/img/parts.png?v=20240901) no-repeat;
	background-position: -798px -243px;
	padding: 8px 4px;
	position: absolute;
	top: 6px;
	right: 10px;
}
.tpl_book table.basket_input .sort_target_8 .row-top {
	margin: 0;
}
.tpl_book table.basket_input .sort_target_8 input {
	width: 60px;
	height: 32px;
	margin: 5px 0;
	display: block;
}
.tpl_book table.basket_input .sort_target_8 input.empty {
	background-color: #fbfde5;
}
.tpl_book table.basket_input .sort_target_9.arrival p {
	height: 32px;
	line-height: 32px;
	margin: 5px 0;
}

/**一括発注（アイテム別引当確認）**/
.tpl_book .check_summery a {
	cursor: default;
}
.tpl_book table.basket_input.check_input th,
.tpl_book table.basket_input.check_input td {
	padding: 0 10px;
}
.tpl_book table.basket_input.check_input td {
	font-size: 14px;
}
.tpl_book table.basket_input.check_input .bansen {
	width: 230px;
}
.tpl_book table.basket_input.check_input .sort_target_9 {
	width: 112px;
}

/**一括発注（引当確認）**/
#wrap-confirm.bulk_confirm {
	margin: 20px auto 80px;
}
.tpl_book .leadpart .note-dot {
	margin: 0;
	font-size: 12px;
	color: #666;
	line-height: 1.4;
}
.tpl_book .leadpart .result_msg {
	line-height: 1.6;
}
.tpl_book #addtop_wrapbtn .confirm_order {
	margin-left: 10px;
}
.tpl_book table.basket_input .arrival {
	font-size: 14px;
}
.bulk_basket_confirm .tpl_book #addtop_wrapbtn {
	position: static;
	text-align: right;
}
.bulk_basket_confirm .tpl_book .second_leadpart {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-bottom: 10px;
}
.bulk_basket_confirm .tpl_book label[for="check_download"] {
	border: none;
	display: inline;
	font-size: 14px;
	font-weight: normal;
	padding: 0 0 1px 0;
	color: #0087d8;
	background: none;
	border-bottom: 1px solid #0087d8;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}
.bulk_basket_confirm .tpl_book #addtop_wrapbtn .go_order {
	margin-left: 10px;
}
.bulk_basket_confirm .text-comfirm_dl {
	line-height: 1.6;
	font-size: 14px;
}
.bulk_basket_confirm .tpl_book .second_leadpart .go_upload .uploadFancybox {
	padding: 8px 10px;
	cursor: pointer;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	display: inline-block;
}
.bulk_basket_confirm .tpl_book .second_leadpart .go_upload .uploadFancybox:before {
	content: '';
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -60px -598px;
	padding: 3px 16px;
}
.bulk_basket_confirm .tpl_book .titleB {
	margin: 0 0 20px 0;
}
/**一括発注（注文完了）**/
.tpl_book.honbu_order_done {
	margin-bottom: -30px;
}

/**エクセルアップロードモーダル（一括発注・アイテム予約）**/
#modalWindow-order_upload,
#modalWindow-check_upload{
	padding: 10px;
}
#modalWindow-order_upload .item-upload_title,
#modalWindow-check_upload .item-upload_title{
	margin: 0;
	padding-bottom: 30px;
	font-size: 16px;
	font-weight: normal;
}
#modalWindow-order_upload .input-group .form-control,
#modalWindow-check_upload .input-group .form-control,
#modalWindow_bulk_items .input-group .form-control {
	width: 355px;
	height: 32px;
}
#modalWindow-order_upload .input-group .input-group-btn,
#modalWindow_bulk_reservation .input-group .input-group-btn,
#modalWindow-check_upload .input-group .input-group-btn,
#modalWindow_bulk_items .input-group .input-group-btn{
	width: auto;
}
#modalWindow-order_upload button.btn.btn-primary.file-select,
#modalWindow-check_upload button.btn.btn-primary.file-select,
#modalWindow_bulk_items button.btn.btn-primary.file-select{
	background-color: #333575;
	width: 45px;
	height: 32px;
	position: relative;
	outline: none;
}
#modalWindow-order_upload .item-upload_btn,
#modalWindow_bulk_reservation .item-upload_btn,
#modalWindow-check_upload .item-upload_btn,
#modalWindow_bulk_items .item-upload_btn {
	margin: 0;
	padding-top: 30px;
}
#modalWindow-order_upload .item-upload_btn button,
#modalWindow_bulk_reservation .item-upload_btn button,
#modalWindow-check_upload .item-upload_btn button,
#modalWindow_bulk_items .item-upload_btn button {
	display: inline-block;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	color: #444;
	font-weight: normal;
	font-size: 12px;
	line-height: 1;
	border: 1px solid #ccc;
	height: 32px;
	min-width: initial;
	width: 70px;
	margin-left: 15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	cursor: pointer;
}
#modalWindow-order_upload .item-upload_btn button.file-back,
#modalWindow_bulk_reservation .item-upload_btn button.file-back,
#modalWindow-check_upload .item-upload_btn button.file-back,
#modalWindow_bulk_items .item-upload_btn button.file-back{
	margin: 0;
	outline: none;
	cursor: pointer;
}
#modalWindow-order_upload button.btn.btn-primary.file-select:before,
#modalWindow_bulk_reservation button.btn.btn-primary.file-select:before,
#modalWindow-check_upload button.btn.btn-primary.file-select:before,
#modalWindow_bulk_items button.btn.btn-primary.file-select:before {
	content: '';
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: 0px -600px;
	padding: 10px;
	position: absolute;
	top: 7px;
	left: 14px;
}
#modalWindow_bulk_reservation .item-upload_btn {
	margin-top:50px;
}
/**エクセルエラーファイルダウンロードモーダル（一括発注・アイテム予約）**/
#modalWindow-order_upload_2,
#modalWindow_upload_error{
	padding: 15px;
	text-align: center;
	font-size: 16px;
}
#modalWindow-order_upload_2 p,
#modalWindow_upload_error p{
	text-align: left;
	white-space: nowrap;
}
#modalWindow-order_upload_2 .up_error_box,
#modalWindow_upload_error .up_error_box {
	border: 2px solid #f00;
	background-color: #fff;
	font-size: 14px;
	color: #eb230e;
	line-height: 1.4;
	padding: 20px;
	text-align: left;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#modalWindow-order_upload_2 .up_error_box .exclamation_icon,
#modalWindow_upload_error .up_error_box .exclamation_icon {
	width: 15px;
	height: 15px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -150px -177px;
}
#modalWindow-order_upload_2 button[name="error_download"],
#modalWindow_upload_error button[name="error_download"] {
	text-decoration: none;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	color: #000;
	font-size: 12px;
	line-height: 1;
	border: 1px solid #ccc;
	cursor: pointer;
	margin-top: 30px;
}

/**アイテム一括予約確認モーダル**/
#modalWindow_upload_confirm {
	text-align: center;
	padding: 10px;
	width: auto;
	height: auto;
}
#modalWindow_upload_confirm .item-upload_title {
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	padding-bottom: 50px;
}
#modalWindow_upload_confirm .item-upload_title span {
	white-space: nowrap;
}
#modalWindow_upload_confirm .item-upload_btn {
	margin: 0;
}
#modalWindow_upload_confirm .item-upload_btn button.file-back {
	margin-left: 0;
}
#modalWindow_upload_confirm .item-upload_btn button.file-back,
#modalWindow_upload_confirm .item-upload_btn button.file-submit {
	display: inline-block;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	 background: -o-linear-gradient(#fff, #f7f7f7);
	 background: -ms-linear-gradient(#fff, #f7f7f7);
	 background: linear-gradient(#fff, #f7f7f7);
	 color: #444;
	 font-weight: normal;
	 font-size: 12px;
	 line-height: 1;
	 border: 1px solid #ccc;
	 height: 32px;
	 min-width: initial;
	 margin-left: 15px;
	 border-radius: 3px;
	 -webkit-border-radius: 3px;
	 -moz-border-radius: 3px;
	 width: 82px;
	 cursor: pointer;
	 outline: none;
}

/**アイテム一括予約確認モーダル**/
#modalWindow_upload_complete {
	box-sizing: border-box;
	position: relative;
	width: 378px;
	height: 121px;
}
#modalWindow_upload_complete span {
	font-size: 16px;
	white-space: nowrap;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	line-height: 1.6;
}

/**アイテム予約**/
.honbu_preorder .tpl_book #addtop_wrapbtn {
	position: static;
}
.honbu_preorder .tpl_book #addtop_wrapbtn .label_upper {
	display: block;
	margin: 10px 0 15px 0;
	position: relative;
}
.honbu_preorder:not(.honbu_preorder_history) .tpl_book #addtop_wrapbtn .label_upper {
	margin: 15px 0 20px 0;
}
.honbu_preorder .tpl_book #addtop_wrapbtn .label_upper .lead_preorder {
	font-size: 14px;
	font-weight: normal;
	line-height: 1.4;
}
.honbu_preorder .tpl_book #addtop_wrapbtn .label_upper .stock-info {
	margin: 0;
	font-weight: normal;
}
.honbu_preorder .tpl_book #addtop_wrapbtn .label_upper > div {
	margin: 0;
}
.honbu_preorder .tpl_book .reservarion_cahinten th.have_icon .check-items {
	width: auto;
}
.honbu_preorder .tpl_book .reservarion_cahinten th.have_icon .check-items label[for="allcheck"] {
	position: static;
	height: 16px;
	width: 16px;
	padding: 0;
	margin-bottom: 3px;
}
.honbu_preorder .tpl_book .reservarion_cahinten th.have_icon .yoyaku_label label {
	position: relative;
}
.honbu_preorder .tpl_book .reservarion_cahinten td.sort_target_suggest,
.honbu_preorder .tpl_book .reservarion_cahinten td.sort_target_orders {
	text-align: right !important;
	padding: 5px !important;
	font-weight: normal;
}
.honbu_preorder .tpl_book .reservarion_cahinten td.sort_target_orders {
	position: relative;
}
.honbu_preorder .tpl_book .reservarion_cahinten td.sort_target_orders > div {
	position: relative;
}
.honbu_preorder .tpl_book .reservarion_cahinten .ordersIcon_entered {
	line-height: 1;
	font-size: 11px;
	color: #5c5c5c;
	position: absolute;
	top: -17px;
	right: 0;
}
.honbu_preorder .tpl_book .reservarion_cahinten .reservation_edit {
	font-size: 12px;
	height: 27px;
	line-height: 1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	padding: 0 5px;
	font-weight: normal;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
}
.honbu_preorder .tpl_book #addtop_wrapbtn .label_upper .stock-info span {
	display: inline-block;
}
.honbu_preorder .tpl_book .titleB {
	margin-bottom: 110px;
}
.honbu_preorder.honbu_preorder_history .tpl_book .titleB {
	margin-bottom: 10px;
}
.honbu_preorder_history .reservarion_cahinten .sort_target_suggest,
.honbu_preorder_history .reservarion_cahinten .sort_target_orders {
	text-align: left !important;
}
.honbu_preorder .reservarion_cahinten th.sort_target_2 .check-items {
	line-height: 1;
}
.honbu_preorder .reservarion_cahinten td.store_nums {
	text-align: right !important;
	position: relative;
}
.honbu_preorder .reservarion_cahinten td.store_nums .order_details {
	text-align: center;
	position: absolute;
	right: 5px;
	margin-top: 5px;
}
.honbu_preorder .reservarion_cahinten td.store_nums .order_details .detailsFancybox {
	text-decoration: none;
	color: #0087d8;
	font-size: 12px;
}
.honbu_preorder .tpl_book .reservarion_cahinten .wrap_ordersIcon {
	position: absolute;
	bottom: -22px;
	right: 0;
}

/**アイテム予約（編集モーダル）**/
#reservation_edit.modalActive .reservation_wrap span {
	font-size: 14px;
	line-height: 1.4;
}
#reservation_edit.modalActive .reservation_book {
	margin-bottom: 20px;
}
#reservation_edit.modalActive .chainten_order_edit {
	border-spacing: 1px 1px;
	table-layout: fixed;
	width: 840px;
}
#reservation_edit.modalActive .chainten_order_edit th,
#reservation_edit.modalActive .chainten_order_edit td{
	height: 40px;
	padding: 0 10px;
	font-size: 14px;
	line-height: 1;
}
#reservation_edit.modalActive .chainten_order_edit td {
	height: 50px;
}
#reservation_edit.modalActive .chainten_order_edit .order_honbu_num .honbu_num {
	font-size: 14px;
	padding: 0 5px 0 0;
	width: 60px;
	height: 32px;
	box-sizing: border-box;
	margin: 0;
	line-height: 1;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	text-align: right;
}

/**アイテム予約（個店）**/
.tpl_book .number .honbu_ordered {
	background-color: #e5e5e5;
}

/**番線警告モーダル**/
#modalWindow-bansen_default {
	font-size: 16px;
	white-space: nowrap;
	text-align: center;
}
#modalWindow-bansen_default div {
	padding: 10px;
}
#modalWindow-bansen_default div p {
	padding-bottom: 30px;
	text-align: left;
	line-height: 1.4;
}
#modalWindow-bansen_default div #bansen_default_close {
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	color: #444;
	font-size: 12px;
	line-height: 1;
	border: 1px solid #ccc;
	height: 32px;
	width: 70px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
	cursor: pointer;
}

/*個店バスケット（IE対応）*/
.tpl_book th.sort_target_1 .check-dot {
	text-align: center;
	width: 32px;
}
.tpl_book th.sort_target_1 .check-dot label[for="allcheck"]{
	margin-left: 0;
	vertical-align: text-bottom;
}

/*CSV注文*/
#wrap-calendar.csv_order .title_class {
	padding-bottom: 20px;
}
.csv_order .lead-csv_order {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-bottom: 15px;
}
.csv_order .lead-csv_order li {
	font-size: 14px;
}
.csv_order .lead-csv_order li .dl_csv_order {
	border-bottom: solid 1px #0087d8;
	padding-bottom: 1px;
	text-decoration: none;
	color: #0087d8;
}
.csv_order .lead-csv_order .linkFancybox {
	display: inline-block;
	padding: 10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	line-height: 1;
	font-weight: normal;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #ccc;
	color: #000;
	text-decoration: none;
}
.csv_order .lead-csv_order .linkFancybox:before {
	content: '';
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -50px -192px;
	padding: 3px 16px;
}
.csv_order .lead-csv_order li:nth-child(n + 2) {
	line-height: 1.6;
}
.csv_order .num_csv_order {
	width: 80px;
}
.csv_order .status_csv_order {
	width: 90px;
}
.csv_order .result_csv_order {
	width: 140px;
}
.csv_order .time_csv_order {
	width: 170px;
}
.csv_order td.name_csv_order {
	word-break: break-all;
	font-size: 14px;
}
.csv_order td.num_csv_order {
	text-align: right;
}
.csv_order td.time_csv_order {
	text-align: center;
}
.csv_order td.result_csv_order a {
	text-decoration: none;
}
.csv_order .outer_reload {
	text-align: center;
	padding-bottom: 15px;
}
.csv_order .outer_reload button {
	border: 1px solid #ccc;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	border-radius: 3px;
	padding: 5px 15px;
	font-size: 12px;
	outline: none;
	cursor: pointer;
}
.csv_order .outer_reload button:before {
	content: '\f2f9';
	font-family: 'Font Awesome 5 Free';
	font-size: 14px;
	color: #333575;
	font-weight: 900;
	margin-right: 7px;
}
#modalWindow_bulk_items {
	padding: 10px 15px;
}
#modalWindow_bulk_items .item-upload_title {
	font-weight: normal;
	font-size: 16px;
	margin: 0;
	padding-bottom: 20px;
}
#modalWindow_bulk_items .input-group {
	position: static;
	display: block;
	text-align: center;
	width: 947px;
}
#modalWindow_bulk_items .input-group.non-dot {
	width: 680px;
}
#modalWindow_bulk_items .input-group .input-group-check {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-bottom: 25px;
}
#modalWindow_bulk_items .input-group.non-dot .input-group-check div:nth-of-type(1),
#modalWindow_bulk_items .input-group.non-dot .input-group-check div:nth-of-type(2) {
	display: none;
}
#modalWindow_bulk_items .input-group .input-group-check label {
	font-size: 14px;
}
#modalWindow_bulk_items .input-group .input-group-check label input {
	vertical-align: text-bottom;
}
#modalWindow_bulk_items .input-group .input-group-check div:not(:last-of-type) {
	margin-right: 18px;
} 

#modalWindow_bulk_upload_error {
	width: 600px;
	margin: 5px;
}

#modalWindow_bulk_upload_error .red {
	margin-bottom: 10px;
}

#modalWindow_bulk_upload_error .red span {
	font-size: 16px;
}

#modalWindow_bulk_upload_error span {
	font-size: 14px;
}

/*アイテム予約*/
.search_reservationchainten:after {
	clear: both;
	content: "";
	display: table;
}

/* 202006追加(表示項目追加対応)
============================== */
.acctchain .tpl_book th {
	line-height: normal;
	text-align: center;
}
.acctchain .ranking {
	width: 42px;
}
.acctchain .sort_target_9 {
	width: 80px;
}
.acctchain .sort_target_6 {
	width: 102px;
}
.acctchain .sort_target_10 {
	width: 78px;
}
.acctchain .tpl_book td.sort_target_3 {
	line-height: 1.2;
}
.acctchain .tpl_book td.sort_target_9 {
	font-size: 11px;
	line-height: 1;
}
.acctchain td .block_comment.bc_typeB {
	bottom: 5px;
	width: 190px !important;
	box-sizing: border-box;
	height: auto;
	font-size: 10px;
	line-height:1.2;
	letter-spacing: -0.04em;
	font-feature-settings: "palt";
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.tpl_book td.sort_target_6 {
	line-height: 1;
}
.acctchain .tpl_book td.sort_target_9 .base-price {
	padding-bottom: 5px;
}
.tpl_book .dot-stock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 5px;
	color: #666;
}
.tpl_book .dot-stock p {
	margin-right: 3px;
	line-height: 14px;
	font-size: 10px;
}
.acctchain .tpl_book td.sort_target_10 .own-stock {
	font-weight: bold;
	line-height: 1;
	padding-bottom: 12px;
	padding-top: 10px;
	padding-bottom: 14px;
}
.acctchain .tpl_book td.sort_target_10 .latest-sales {
	color: #777;
	line-height: 1;
	font-size: 11px;
}
.acctchain .tpl_book td.sort_target_10 .latest-sales .day3 {
	padding-bottom: 3px;
}
.acctchain .tpl_book td.sort_target_10 .latest-sales > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 10px;
}
.acctchain .tpl_book td.sort_target_10 .latest-sales > div .num_latest-sales {
	color: #333;
}
.acctchain .tpl_book td.number .wrap_ordersIconTop, td.policy_basket .wrap_ordersIconTop {
	font-size: 10px;
	top: -18px;
}
.acctchain .tpl_book td.number .wrap_ordersIconTop .arrival-num {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}
.acctchain .tpl_book td.number .wrap_ordersIconTop div:nth-of-type(n+2){
	margin-left: 10px;
}
.acctchain .tpl_book td.number .wrap_ordersIconTop .arrival-num span {
	font-weight: bold;
}
.acctchain .tpl_book th.have_icon label {
	padding: 0;
	position: relative;
	width: auto;
	height: auto;
}
.acctchain .tpl_book th.have_icon label .btn_sort {
	top: 0;
	left: -10px;
	width: 7px;
	bottom: 0;
	margin: auto;
	background-position: -319px -174px;
}
.acctchain .tpl_book .have_icon.sort_target_1 label .btn_sort {
	left: -3px;
}
.acctchain .input-area {
	width: 140px;
	text-align: center;
}
.acctchain .input-area .btn.order_del {
	width: auto;
}
.acctchain td.input-area > div {
	position: relative;
}
.acctchain .input-area > div .row-bottom {
	position: absolute;
}
.cnt-preorder .reservation .bn-tag,
.cnt-preorder .reservarion_cahinten .bn-tag {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.cnt-preorder .reservation .mlIcon-new,
.cnt-preorder .reservarion_cahinten .mlIcon-new {
	width: 48px;
	height: 14px;
	line-height: 14px;
	margin-right: 5px;
}
.inner-unshipped table th,
.inner-shipped table td {
	width: 100px;
}
.inner-unshipped table th:nth-of-type(2),
.inner-unshipped table td:nth-of-type(2),
.inner-shipped table th:nth-of-type(2),
.inner-shipped table td:nth-of-type(2){
	width: 60px;
}
.inner-unshipped table th:nth-of-type(3),
.inner-unshipped table td:nth-of-type(3),
.inner-shipped table th:nth-of-type(3),
.inner-shipped table td:nth-of-type(3){
	width: 60px;
}
.inner-unshipped table th:nth-of-type(5),
.inner-unshipped table td:nth-of-type(5),
.inner-shipped table th:nth-of-type(5),
.inner-shipped table td:nth-of-type(5){
	width: 110px;
}

/* 202006追加(DOT店がない法人の本部実績項目修正対応)
=============================================== */
/*TOP*/
.wrap-topsupport .top-sum table.t-non-dot tr th {
	padding: 10px 0;
}
.wrap-topsupport .top-sum table.t-non-dot tr th.kad_point {
	width: 40%;
}
.wrap-topsupport .top-sum table.t-non-dot tr th:not(:first-of-type),
.wrap-topsupport .top-sum table.t-non-dot tr td:not(:first-of-type) {
	width: 30%;
}
#contents #mypage .top-dotrate.top-sum .order table.t-non-dot td {
	font-size: 26px;
}

/* 202006追加(KADポイントデータが1店舗もない本部のKADポイント項目非表示対応)
==================================================================== */
/*TOP*/
.wrap-topsupport .top-sum .non-kad table.t-dot tr th,
.wrap-topsupport .top-sum .non-kad table.t-dot tr td {
	width: calc(100% / 6);
}
#contents #mypage .top-dotrate.top-sum .order.non-kad table.t-dot td {
	font-size: 20px;
}
.wrap-topsupport .top-sum .non-dot.non-kad table.t-non-dot tr th,
.wrap-topsupport .top-sum .non-dot.non-kad table.t-non-dot tr td{
	width: 50%;
}
#contents #mypage .top-dotrate.top-sum .order.non-dot.non-kad table.t-non-dot td {
	font-size: 30px;
	padding-right: 15px;
}

/*実績*/
#contents.performancechainten.non-kad {
	width: 1235px;
}
#contents.performancechainten.non-kad .performance-list {
	width: 1195px;
}
.performancechainten.non-kad #mypage .performance_table .performance_chianten td:nth-of-type(2),
.performancechainten.non-kad #mypage .performance_table .performance_chianten td:nth-of-type(5),
.performancechainten.non-kad #mypage .performance_header .wheader col:nth-of-type(2),
.performancechainten.non-kad #mypage .performance_header .wheader col:nth-of-type(5) {
	width: 104px;
}
.performancechainten.non-kad #mypage .performance_table .performance_chianten td:nth-of-type(4),
.performancechainten.non-kad #mypage .performance_table .performance_chianten td:nth-of-type(7),
.performancechainten.non-kad #mypage .performance_header .wheader col:nth-of-type(4),
.performancechainten.non-kad #mypage .performance_header .wheader col:nth-of-type(7) {
	width: 94px;
}
.performancechainten.non-kad #mypage .performance_table .performance_chianten td:nth-of-type(3),
.performancechainten.non-kad #mypage .performance_table .performance_chianten td:nth-of-type(6),
.performancechainten.non-kad #mypage .performance_table .performance_chianten td:nth-of-type(8),
.performancechainten.non-kad #mypage .performance_table .performance_chianten td:nth-of-type(9),
.performancechainten.non-kad #mypage .performance_table .performance_chianten td:nth-of-type(10), .performancechainten.non-kad #mypage .performance_header .wheader col:nth-of-type(3),
.performancechainten.non-kad #mypage .performance_header .wheader col:nth-of-type(6),
.performancechainten.non-kad #mypage .performance_header .wheader col:nth-of-type(8),
.performancechainten.non-kad #mypage .performance_header .wheader col:nth-of-type(9),
.performancechainten.non-kad #mypage .performance_header .wheader col:nth-of-type(10) {
	width: 89px;
}
#contents.performancechainten.non-dot.non-kad {
	width: 1015px;
}
#contents.performancechainten.non-dot.non-kad .performance-list {
	width: 975px;
}
.performancechainten.non-dot.non-kad #mypage .performance_table.t-non-dot .performance_item th:nth-of-type(2) span {
	display: block;
	padding-top: 7px;
	font-size: 11px;
}
.performancechainten.non-dot.non-kad #mypage .performance_table.t-non-dot .performance_item th:nth-of-type(4) span {
	display: inline;
	padding: 0;
}
.performancechainten.non-dot.non-kad #mypage .performance_table.t-non-dot .performance_item th:nth-of-type(2) {
	padding-top: 10px;
}
.performancechainten.non-dot.non-kad #mypage .performance_table.t-non-dot .performance_item th:nth-of-type(4) {
	padding-top: 7px;
}
.performancechainten.non-dot.non-kad #mypage .performance_table.t-non-dot .performance_chianten td:nth-of-type(2), 
.performancechainten.non-dot.non-kad #mypage .performance_table.t-non-dot .performance_chianten td:nth-of-type(3),
.performancechainten.non-dot.non-kad #mypage .performance_header.t-non-dot .wheader col:nth-of-type(2),
.performancechainten.non-dot.non-kad #mypage .performance_header.t-non-dot .wheader col:nth-of-type(3) {
	width: 148px;
}
.performancechainten.non-dot.non-kad #mypage .performance_table.t-non-dot .performance_chianten td:nth-of-type(4),
.performancechainten.non-dot.non-kad #mypage .performance_table.t-non-dot .performance_chianten td:nth-of-type(5),
.performancechainten.non-dot.non-kad #mypage .performance_table.t-non-dot .performance_chianten td:nth-of-type(6), 
.performancechainten.non-dot.non-kad #mypage .performance_header.t-non-dot .wheader col:nth-of-type(4),
.performancechainten.non-dot.non-kad #mypage .performance_header.t-non-dot .wheader col:nth-of-type(5),
.performancechainten.non-dot.non-kad #mypage .performance_header.t-non-dot .wheader col:nth-of-type(6){
	width: 109px;
}

/* 202008追加(出荷予定詳細テキスト追加)
============================================ */
.inner-shipped .txt-dot_reserved {
text-align: left;
color: #fff;
padding-top: 5px;
line-height: 1;
}

/* 202008追加([本部]未出荷・出荷済注文対象外機能)
=============================================== */
/*一括注文（エクセル）＞引き当て確認*/
.tpl_book th.th-height {
	line-height: 1.4;
}
.bulk_basket_confirm .sort_target_5 {
	width: 55px;
}
#modalWindow-order_details .box table .cancel_store td {
	background: #FFE9E9;
}
#modalWindow-order_details .box table .cancel_store td span {
	color: #FE3939;
}

/*店舗を選択して注文＞店舗選択*/
.checkbox-ordercancel {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 25px 0 8px;
	font-size: 14px;
}
.checkbox-ordercancel > div:not(:first-of-type) {
	margin-left: 18px;
}
.tpl_book .checkbox-ordercancel + table.select_store {
	margin: 0;
}
.cahinten_operation_wrap.bottom_container {
	padding-top: 20px;
	text-align: right;
}
.checkbox-ordercancel input {
	vertical-align: bottom;
}
.l-checkbox input {
	display: none;
}
.l-checkbox span {
	padding-left: 20px;
	position: relative;
}
.l-checkbox span:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
}
.l-checkbox input:checked + span:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1055px -414px;
}

/*CSV注文*/
#modalWindow_bulk_items .input-group .input-group-check + div {
	display: inline-block;
}

/* 202009追加(WHLの使い方＞ご注文・出荷情報の表示を追加)
 * =================================================== */
.howto_deflist {
	counter-reset: number 5;
	line-height: 1.4;
}
.howto_deflist > dt {
	padding: 18px 0 0 15px;
	position: relative;
	font-weight: bold;
}
.howto_deflist > dt:first-of-type {
	padding-top: 12px;
}
.howto_deflist > dt:before {
	counter-increment: number;
	content: counter(number);
	position: absolute;
	top: 18px;
	left: 0;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: #fd5a93;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	line-height: 15px;
	color: #fff;
}
.howto_deflist > dt:first-of-type:before {
	top: 12px;
}
.howto_deflist > dd {
	padding-left: 15px;
}
.howto_pink {
	color: #fd2470;
}
.howto_ex {
	font-size: 12px;
	color: #666;
	padding-top: 3px;
}
.howto_attn {
	padding-top: 6px;
}
.howto_attn span {
	border-bottom: 2px solid #fe76a6;
	line-height: 1.6;
}
.howto_deflist dl {
	padding: 8px 0 6px;
}
.howto_deflist dl dt:not(:first-of-type) {
	padding-top: 3px;
}
.howto_suppl {
	font-size: 12px;
	background-color: #fdf2dd;
	padding: 6px 8px;
}

/* 202009追加(事前予約機能改修)
 * ============================= */
/*アイテム予約*/
.cnt-preorder .reservation_table {
	background-color: #fff;
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 0;
	margin-bottom: 20px;
	width: auto;
}
.cnt-preorder .reservation_table th,
.cnt-preorder .reservation_table td {
	background-color: #fff;
	line-height: 1.4;
	position: static;
	border-top: 1px solid #D7DADD;
	border-right: 1px solid #D7DADD;
}
.cnt-preorder .reservation_table td {
	height: 100px;
}
.cnt-preorder .reservation_table .sort_target_orders {
	border-right: none;
}
.cnt-preorder .reservation_table tr:last-of-type td {
	border-bottom: 1px solid #D7DADD;
}
.cnt-preorder .reservation_table th {
	background-color: #f3f3f3;
	text-align: center;
	height: auto;
	padding: 5px;
}
.cnt-preorder .reservation_table .col_label {
	width: 170px;
}
.cnt-preorder .reservation_table .col_bookName {
	width: 229px;
}
.cnt-preorder .reservation_table .col_similarBook {
	width: 178px;
}
.cnt-preorder .reservation_table .col_similarSalaes {
	width: 45px;
}
.cnt-preorder .reservation_table .col_suggestNum {
	width: 65px;
}
.cnt-preorder .reservation_table .col_startDate,
.cnt-preorder .reservation_table .col_endDate {
	width: 56px;
}
.cnt-preorder .reservation_table .col_orderNum {
	width: 116px;
}
.cnt-preorder .reservation_table th.have_icon {
	cursor: pointer;
}
.cnt-preorder .reservation_table th .have_br,
.cnt-preorder .reservation_history th .have_br {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-left: -5px;
}
.cnt-preorder .reservation_table th .btn_sort {
	position: static;
	background-position: -319px -177px;
	width: 7px;
	height: 14px;
	top: 0;
	left: 0;
	padding-right: 3px;
}
.cnt-preorder .reservation_table th.have_icon:hover .btn_sort {
	opacity: 0.7;
}
.cnt-preorder .reservation_table td .data {
	font-size: 10px;
	margin: 0 !important;
}
.cnt-preorder .reservation_table td .isbn_code {
	display: block;
}
.cnt-preorder .reservation_table td .date_price {
	display: block;
	color: #777;
}
.cnt-preorder .reservation_table td .mlIcon-new {
	display: inline-block;
	width: 48px;
	height: 14px;
	line-height: 14px;
	font-size: 10px;
	color: #fff;
	background: #FF2626;
	box-sizing: border-box;
	text-align: center;
	vertical-align: top;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-style: normal;
}
.cnt-preorder .reservation_table td .bn-blockName {
	font-size: 12px;
}
.cnt-preorder .reservation_table td .bn-blockName .book_title {
	margin-bottom: 8px;
}
.cnt-preorder .reservation_table td .bn-blockName .book_title a {
	text-decoration: none;
}
.cnt-preorder .reservation_table td .bn-blockName .author span {
	display: inline-block;
	color: #777;
	font-size: 11px;
	margin-bottom: 3px;
}
.cnt-preorder .reservation_table td .bn-blockName .synopsis {
	font-size: 11px;
	padding-bottom: 10px;
}
.cnt-preorder .reservation_table td.sort_target_suggest {
	font-size: 14px;
	font-weight: bold;
}
.cnt-preorder .reservation_table td.sort_target_opened,
.cnt-preorder .reservation_table td.sort_target_closed {
	line-height: 1.5;
}
.cnt-preorder .reservation_table td .sales_term {
	font-size: 10px;
	line-height: 1;
	transform: translate(-50%,-100%) scale(0.9);
	color: #777;
	position: absolute;
	top: -8px;
	left: 50%;
	width: 100%;
}
.cnt-preorder .reservation_table tr:nth-of-type(n+2) th {
	font-size: 10px;
}
.cnt-preorder .reservation_table td.alert_orders {
	background-color: #ffe1e4;
}
.cnt-preorder .tpl_book .titleB {
	margin-bottom: 10px;
}
.cnt-preorder .stock-info {
	margin: 0 0 20px 0;
}
.search_reservationchainten .search_reservationchainten_text1 input {
	width: 105px;
	font-size: 15px;
	text-align: center;
	padding: 0;
	height: 32px;
	line-height: 32px;
}
.search_reservationchainten .search_reservationchainten_text2 input {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	width: 240px;
}
.search_reservationchainten .search_reservationchainten_text1 {
	margin: 0;
}
.search_reservationchainten .search_reservationchainten_text3 {
	text-align: center;
	width: 25px;
}
.search_reservationchainten .ttl_releaseday {
	padding-bottom: 3px;
	font-size: 11px;
	color: #888;
}
.cnt-preorder .search_reservationchainten {
	margin-bottom: 12px;
}
.cnt-preorder .tpl_book #refineB {
	top: -6px;
	padding: 6px 5px;
}
.cnt-preorder #btn-preorder_reservation, .proposal #btn-proposal {
	top: 40px;
	border: 2px solid #a3a3a3;
	padding: 10px 12px;
	font-size: 13px;
}
/*アイテム予約(本部)*/
.cnt-preorder.honbu_preorder .reservation_table .col_checkBox {
	width: 28px;
}
.cnt-preorder.honbu_preorder .reservation_table .col_bookName {
	width: 206px;
}
.cnt-preorder.honbu_preorder .reservation_table .col_similarBook {
	width: 164px;
}
.cnt-preorder.honbu_preorder .reservation_table .col_orderNum {
	width: 65px;
}
.cnt-preorder.honbu_preorder .reservation_table .col_editBtn {
	width: 60px;
}
.cnt-preorder.honbu_preorder .reservation_table .sort_target_1 .check-items {
	display: inline-block;
}
.cnt-preorder.honbu_preorder .reservation_table .sort_target_1 input {
	display: none;
}
.cnt-preorder.honbu_preorder .reservation_table .sort_target_1 label {
	height: 16px;
	width: 16px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
}
.cnt-preorder.honbu_preorder .reservation_table .sort_target_1 label.checked{
	background-position: -1055px -414px;
}
.cnt-preorder.honbu_preorder .reservation_table td.sort_target_orders div {
	font-size: 14px;
	font-weight: bold;
	position: relative;
}
.cnt-preorder.honbu_preorder .reservation_table td.sort_target_orders .ordersIcon_typeC {
	position: absolute;
	font-size: 11px;
	font-weight: normal;
	top: -19px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.cnt-preorder.honbu_preorder .reservation_table td.chainten_edit .reservation_edit {
	width: 49px;
	line-height: 30px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	padding: 0;
	font-weight: normal;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	outline: none;
}
.cnt-preorder.honbu_preorder.honbu_preorder_history .tpl_book .titleB {
	height: auto;
}
.cnt-preorder.honbu_preorder #addtop_wrapbtn a[href="#modalWindow_bulk_reservation"] {
	border: 2px solid #a3a3a3;
	font-size: 13px;
	padding: 10px 12px;
	margin-left: 40px;
	position: relative;
}
.cnt-preorder.honbu_preorder .reservation_table .sort_target_orders {
	border-right: 1px solid #D7DADD;
}
.cnt-preorder.honbu_preorder .reservation_table .chainten_edit {
	border-right: none;
}
/*アイテム予約(編集)*/
.cnt-preorder.mw_cnt-preorder .reservation_table {
	margin-bottom: 20px;
	width: 840px;
}
.cnt-preorder.mw_cnt-preorder .genre {
	margin: 0 !important;
}
.cnt-preorder.mw_cnt-preorder .reservation_table td .bn-blockName {
	font-size: 14px;
}
#reservation_edit.modalActive .chainten_order_edit th {
	text-align: center;
	font-size: 12px;
}
#reservation_edit.modalActive .chainten_order_edit td {
	height: 60px;
}
#reservation_edit .chainten_order_edit td.proposal_num,
#reservation_edit .chainten_order_edit td.order_num,
#reservation_edit .chainten_order_edit td.order_honbu_num {
	background: #fff;
	text-align: center;
}
#reservation_edit .chainten_order_edit td.order_honbu_num {
	padding: 10px;
}
#reservation_edit .chainten_order_edit td.alert_orders {
	background-color: #ffe1e4;
}
#reservation_edit.modalActive .chainten_order_edit .order_honbu_num .honbu_num {
	width: 100%;
	height: 100%;
}
.cnt-preorder.mw_cnt-preorder .reservation_table th:last-of-type,
.cnt-preorder.mw_cnt-preorder .reservation_table td:last-of-type {
	border-right: none;
}
.cnt-preorder.mw_cnt-preorder .reservation_table .col_bookName {
	width: 340px;
}
.cnt-preorder.mw_cnt-preorder .reservation_table .col_similarBook {
	width: 240px;
}
#reservation_edit.modalActive .chainten_order_edit th.store_name {
	width: 595px;
}
#reservation_edit.cnt-preorder.mw_cnt-preorder .btn-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
#reservation_edit.cnt-preorder.mw_cnt-preorder .btn-container .reservation__btn--return {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    font-size:14px;
}
#reservation_edit.cnt-preorder.mw_cnt-preorder .btn-container .reservation__btn--return input {
    margin-left:5px;
    font-size:12px;
}
#reservation_edit.cnt-preorder.mw_cnt-preorder .btn-container .reservation__btn--change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    margin-left:20px;
    font-size:14px;
}
#reservation_edit.cnt-preorder.mw_cnt-preorder .btn-container .reservation__btn--change input {
    margin-right:5px;
    margin-left:5px;
    font-size:12px;
}
#reservation_edit.cnt-preorder.mw_cnt-preorder .btn-container  + .chainten_order_edit {
    margin-top:15px;
}

/*アイテム予約履歴*/
.cnt-preorder .reservation_history {
	background-color: #fff;
	border-collapse: collapse;
	table-layout: fixed;
}
.cnt-preorder .reservation_history th {
	text-align: center;
	line-height: 1.4;
}
.cnt-preorder .reservation_history th,
.cnt-preorder .reservation_history td {
	position: static;
	border: 1px solid #D7DADD;
}
.cnt-preorder .reservation_history th:first-of-type,
.cnt-preorder .reservation_history td:first-of-type {
	border-left: none;
}
.cnt-preorder .reservation_history th:last-of-type,
.cnt-preorder .reservation_history td:last-of-type {
	border-right: none;
}
.cnt-preorder .reservation_history td {
	background-color: #fff;
}
.cnt-preorder .reservation_history th.have_icon {
	cursor: pointer;
}
.cnt-preorder .reservation_history th .btn_sort {
	position: static;
	background-position: -319px -177px;
	width: 7px;
	height: 14px;
	top: 0;
	left: 0;
	padding-right: 3px;
}
.cnt-preorder .reservation_history .sort_target_3 {
	width: 366px;
}
.cnt-preorder.dot .reservation_history .sort_target_3 {
	width: 208px;
}
.cnt-preorder .reservation_history .sort_target_suggest,
.cnt-preorder .reservation_history .sort_target_orders {
	width: 60px;
}
.cnt-preorder .reservation_history .sort_target_orders .total-txt {
	margin: 0;
}
.cnt-preorder .reservation_history th.have_icon:hover .btn_sort {
	opacity: 0.7;
}
/*アイテム予約履歴（本部）*/
.cnt-preorder.honbu_preorder_history .reservation_history .sort_target_suggest,
.cnt-preorder.honbu_preorder_history .reservation_history .sort_target_orders{
	text-align: center !important;
}
.honbu_preorder .tpl_book .reservarion_cahinten td.sort_target_orders,
.honbu_preorder .reservarion_cahinten td.store_nums{
	position: static;
}
.cnt-preorder.honbu_preorder_history .reservation_history .sort_target_3 {
	width: 276px;
}
/*アイテム予約履歴（明細）*/
.cnt-preorder.mw_cnt-preorder_hist .reservation_history {
	margin-bottom: 20px;
}
.cnt-preorder.mw_cnt-preorder_hist .reservation_history .genre {
	margin-right: 5px;
}
#reservation_edit.mw_cnt-preorder_hist .chainten_order_edit td {
	height: 50px;
}
/*アイテム予約（刊行予定）*/
#mw_preorder.cnt-preorder .tpl_book .titleB {
	margin-bottom: 20px;
}
#mw_preorder {
	padding: 0 10px 10px 10px;
}
#mw_preorder.cnt-preorder .reservation_table {
	width: 960px;
}

/* 202002追加(ID連携利用規約追加対応)
 * =============================== */
.body_auto {
	height: auto;
}
#contents.wrapper_idLinkage {
	text-align: center;
	margin: 20px auto 80px;
}
.wrapper_idLinkage .outer_kadokawaWhlLogo {
	width: 200px;
}
.wrapper_idLinkage h1 {
	font-size: 22px;
	color: #555;
	padding-top: 20px;
}
.wrapper_idLinkage .suppl_idLinkage {
	color: #555;
	font-size: 14px;
	line-height: 1.6;
	padding-top: 15px;
}
.wrapper_idLinkage .wrapper_scroll {
	text-align: left;
	border: 1px solid #ccc;
	box-sizing: border-box;
	padding: 0 15px;
	margin-top: 20px;
	height: 43vh;
	overflow-y: scroll;
	position: relative;
}
@media screen and (min-height: 1000px) {
 .wrapper_idLinkage .wrapper_scroll {
		height: 52vh;
	}
}
.wrapper_idLinkage .list_terms {
	list-style: none;
	padding-top: 20px;
}
.wrapper_idLinkage .marker_read {
	width: 100%;
	height: 25px;
}
.wrapper_idLinkage .list_terms li {
	font-size: 14px;
	line-height: 1.6;
}
.wrapper_idLinkage .list_decimal {
	margin-left: 18px;
}
.wrapper_idLinkage .list_terms h2 {
	padding-bottom: 5px;
}
.wrapper_idLinkage .list_terms > li:not(:first-of-type) h2 {
	padding-top: 20px;
}
.wrapper_idLinkage .checkbox_agreement {
	display: none;
}
.wrapper_idLinkage .lbl_agreement {
	font-size: 14px;
	color: #555;
	margin-top: 30px;
	display: inline-block;
	position: relative;
	padding-left: 24px;
	cursor: default;
}
.wrapper_idLinkage .lbl_agreement.read {
	cursor: pointer;
}
.wrapper_idLinkage .lbl_agreement.read:before {
	opacity: 1;
}
.wrapper_idLinkage .lbl_agreement:before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	box-sizing: border-box;
	border: 1px solid #666;
	border-radius: 3px;
	top: 0;
	left: 0;
	opacity: 0.3;
}
.wrapper_idLinkage .checkbox_agreement:checked + .lbl_agreement:before {
	background-color: #0087d8;
	border: none;
}
.wrapper_idLinkage .checkbox_agreement:checked + .lbl_agreement:after {
	content: "";
	width: 8px;
	height: 4px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: inline-block;
	transform: rotate(310deg);
	position: absolute;
	top: 3px;
	left: 3px;
}
.wrapper_idLinkage .wrapper_loginWhl {
	margin-top: 25px;
	margin-bottom: 50px;
}
.wrapper_idLinkage .wrapper_loginWhl input {
	width: 300px;
	height: 50px;
	font-size: 16px;
	font-weight: bold;
	border: none;
	box-sizing: border-box;
	color: #fff;
	background-color: #dcdcdc;
	border-radius: 3px;
	padding: 0;
	transition-duration: 0.1s;
}
.wrapper_idLinkage .checkbox_agreement:checked ~ .wrapper_loginWhl input {
	background-color: #333575;
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	cursor: pointer;
}
.wrapper_idLinkage .lnk_returnBookspro,
.wrapper_idLinkage .lnk_loginWhl_withoutIdLinkage{
	color: #707070;
	font-size: 13px;
	text-decoration: underline;
}
#bottom_footer.footer_low {
	padding: 0;
	position: absolute;
	bottom: 0;
}
.wrapper_idLinkage .suppl_idLinkage.requestRegister {
	padding-top: 100px;
	font-size: 18px;
}
.wrapper_idLinkage .wrapper_memberRegister {
	margin-top: 50px;
	margin-bottom: 40px;
}
.wrapper_idLinkage .btn_memberRegister {
	display: inline-block;
	color: #fff;
	width: 300px;
	line-height: 50px;
	font-size: 16px;
	font-weight: bold;
	background-color: #333575;
	box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
	border-radius: 3px;
	text-decoration: none;
}
#measure-bookspro .message {
	white-space: nowrap;
	font-size: 16px;
	padding: 60px 50px;
}
#measure-bookspro .red {
	color: #ee2c43;
	display: inline-block;
	margin: 0 5px;
}
#footerfixed .inner li#sitemenu .lnk_terms_bookspro {
	width: auto;
	margin: 0;
}
#logoD {
	width: 245px;
}

/* 202108追加(自店在庫数絞り込み)
 * =============================== */
.tpl_book .number .refine_zaiko {
	text-align: right;
}
.tpl_book .wrap-gap {
	margin-right: 20px;
}

/* 202109追加(事前予約機能改修)
 * ============================= */
.tpl_book .number .confirmed {
	background: #d9f6cd;
}
.wrap_ordersIconBottom {
	position: absolute;
	right: 0;
	left: 0;
	top: 38px;
}
.tpl_book .number .lbl_orderConfirm:hover {
	text-decoration: none;
}
.tpl_book .number .wrap_ordersIconBottom .chk_orderConfirm {
	display: none;
}
.wrap_ordersIconBottom .lbl_orderConfirm {
	font-size: 11px;
	position: relative;
	padding-left: 20px;
	display: inline-block;
}
.wrap_ordersIconBottom .lbl_orderConfirm:before {
	content: "";
	width: 16px;
	height: 16px;
	position: absolute;
	background: #ccc;
	top: 0px;
	left: 0px;
	border-radius: 3px;
}
.wrap_ordersIconBottom .chk_orderConfirm:checked + .lbl_orderConfirm:before {
	background: #75bf51;
}
.wrap_ordersIconBottom .chk_orderConfirm:checked + .lbl_orderConfirm:after {
	content: "";
	background: url(../img/check-white.svg) no-repeat;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 5px;
	left: 3px;
}
/*ポップアップアラート*/
.fancybox-skin.boder-red  {
	border-top: 7px solid #f30100;
	box-sizing: border-box;
	background: #fff;
}
#mw_alert_preorder {
	padding: 47px 40px 40px;
	text-align: center;
}
#mw_alert_preorder .heading-alert-preorder {
	font-size: 50px;
	font-weight: bold;
	color: #f30100;
	padding-bottom: 56px;
}
#mw_alert_preorder .cnt-alert-preorder {
	font-size: 15px;
	font-weight: bold;
	color: #f30100;
	text-align: left;
	width: 600px;
	margin: 0 auto;
	line-height: 1.8;
	padding-bottom: 48px;
}
#mw_alert_preorder #check-confirmed {
	display: none;
}
#mw_alert_preorder label[for="check-confirmed"] {
	position: relative;
	padding-left: 25px;
	font-size: 15px;
	color: #333;
	display: inline-block;
}
#mw_alert_preorder label[for="check-confirmed"]:before {
	content: "";
	width: 15px;
	height: 15px;
	border: 1px solid #ccc;
	position: absolute;
	left: 0;
	border-radius: 3px;
}
#mw_alert_preorder #check-confirmed:checked + label[for="check-confirmed"]:before {
	background-color: #0087d8;
	border: 1px solid #0087d8;
}
#mw_alert_preorder #check-confirmed:checked + label[for="check-confirmed"]:after {
	content: "";
	width: 9px;
	height: 4px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: inline-block;
	transform: rotate(310deg);
	position: absolute;
	top: 4px;
	left: 3px;
}
#mw_alert_preorder .suppl-alert-preorder {
	font-size: 13px;
	color: #666;
	padding: 48px 0 16px;
}
#mw_alert_preorder .btn-gopreorder {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	border: 1px solid #ccc;
	padding: 16px 40px;
	line-height: 1;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #333;
	border-radius: 5px;
	cursor: pointer;
}
#mw_alert_preorder .btn-gopreorder:disabled {
	color: #aaa;
	cursor: default;
	opacity: 0.6;
}
/*アイテム予約履歴*/
.sort_target_opened {
	width: 86px;
}
.cnt-preorder .reservation_history td.price span,
.cnt-preorder.mw_cnt-preorder_hist .reservation_history td.price_reservation span {
	font-size: 10px;
	display: block;
	color: #777;
	padding-top: 2px;
}
.cnt-preorder.honbu_preorder_history .reservation_history .sort_target_7,
.cnt-preorder.honbu_preorder_history .reservation_history .sort_target_opened,
.cnt-preorder.honbu_preorder_history .reservation_history .sort_target_closed {
	width: 86px;
}
.cnt-preorder.honbu_preorder_history .reservation_history .sort_target_suggest,
.cnt-preorder.honbu_preorder_history .reservation_history .sort_target_orders,
.cnt-preorder.honbu_preorder_history .reservation_history .store_nums {
	width: 70px;
}

/* 202110追加(WHLの使い方更新)
 * =========================== */
.filter_stock .howto_caution {
	display: block;
	color: #fd2470;
	font-weight: bold;
}
.filter_stock .howto02_summary {
	padding-bottom: 15px;
}
.filter_stock .howto02_summary p:not(:first-of-type) {
	padding-top: 12px;
}
.filter_stock .howtolist_side {
	list-style-type: disc;
	display: flex;
	flex-wrap: wrap;
	width: 70%;
	margin-left: -30px;
}
.filter_stock .howtolist_side li {
	margin: 5px 0 0 55px;
}
.filter_stock .howtolist_disc li {
	margin: 5px 0 0 0;
}
.filter_stock .howtolist_disc li:nth-of-type(4),
.filter_stock .howtolist_disc li:nth-of-type(5) {
	margin: 20px 0 0 0;
}
.filter_stock .howto02_right .howto_caution {
	padding-top: 15px;
	text-indent: -1em;
	padding-left: 1em;
}
/* 202202追加(書誌情報)
 * =========================== */
.about-author__ttl,
.additional-data__ttl {
	color: #333575;
	font-weight: bold;
	position: relative;
	padding-left: 12px;
	padding-bottom: 12px;
	margin-top: 30px;
}
.about-author__ttl:before,
.additional-data__ttl:before {
	content: "";
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
	height: 22px;
	border-left: 4px solid #333575;
	border-bottom: 1px solid #d8d8d8;
}

/* 202205追加(配本指定番線管理)
 * =========================== */
.wrap_haihonbansen .table_basic,
.wrap_haihonbansen .table_genre {
	display: flex;
	border-top: 1px solid #D7DADD;
}
.wrap_haihonbansen .table_genre {
	border-bottom: 1px solid #D7DADD;
}
.wrap_haihonbansen .table_basic .th,
.wrap_haihonbansen .table_genre .th {
	font-size: 14px;
	font-weight: bold;
	background-color: #F3F3F3;
	width: 12%;
	border-right: 1px solid #D7DADD;
	box-sizing: border-box;
	padding-left: 10px;
	padding-top: 18px;
	line-height: 1;
}
.wrap_haihonbansen .table_basic .td,
.wrap_haihonbansen .table_genre .td {
	width: 88%;
}
.wrap_haihonbansen .table_basic .row,
.wrap_haihonbansen .table_genre .row {
	display: flex;
	padding: 10px;
}
.wrap_haihonbansen .table_genre .row:nth-of-type(2n) {
	background-color: #F3F3F3;
}
.wrap_haihonbansen .table_genre .row.btn_add {
	background-color: #fff;
}
.wrap_haihonbansen .table_basic .wrap_list,
.wrap_haihonbansen .table_genre .wrap_list {
	position: relative;
	z-index: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	height: 30px;
	color: #666;
	font-weight: normal;
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: left;
}
.wrap_haihonbansen .table_basic .wrap_list {
	width: 390px;
}
.wrap_haihonbansen .table_basic .wrap_list:before,
.wrap_haihonbansen .table_genre .wrap_list:before {
	content: "";
	background: url(/img/parts.png?v=20240901) no-repeat;
	background-position: -798px -243px;
	padding: 8px 4px;
	position: absolute;
	top: 6px;
	right: 10px;
	z-index: 1;
}
.wrap_haihonbansen .table_genre .row .wrap_list:first-of-type {
	margin-right: 10px;
	width: 150px;
}
.wrap_haihonbansen .table_genre .row .wrap_list:nth-of-type(2) {
	width: 230px;
}
.wrap_haihonbansen .table_basic select,
.wrap_haihonbansen .table_genre select {
	position: relative;
	z-index: 2;
	display: inline-block;
	cursor: pointer;
	height: 30px;
	color: #000;
	border-radius: 0;
	border: 0;
	outline: none;
	background: none;
	font-size: 12px;
	line-height: 1;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
}
.wrap_haihonbansen .table_basic select::-ms-expand,
.wrap_haihonbansen .table_genre select::-ms-expand {
	display: none;
}
.wrap_haihonbansen .table_basic select {
	width: 390px;
}
.wrap_haihonbansen .table_genre .genre_list {
	width: 150px;
}
.wrap_haihonbansen .table_genre .toritsugi_list {
	width: 230px;
}
.btn_add input {
	appearance: none;
	border: none;
	background-color: #777;
	color: #fff;
	font-size: 12px;
	display: inline-flex;
	width: 60px;
	height: 30px;
	justify-content: center;
	align-items: center;
	padding: 0;
	border-radius: 3px;
	cursor: pointer;
}
.wrap_haihonbansen + .bottom-bansencode input {
	font-size: 14px;
	padding: 8px 36px;
}
#mw_haihonbansen {
	padding: 45px;
}
#mw_haihonbansen .info {
	font-size: 16px;
	display: flex;
	align-items: center;
}
#mw_haihonbansen .info:before {
	content: "";
	width: 23px;
	height: 20px;
	display: inline-block;
	background-image: url(/img/parts.png?v=20240901);
	background-repeat: no-repeat;
	background-position: -1180px -350px;
	margin-right: 10px;
}

/* 202205追加(アイテム予約)
 * =========================== */
.first_edition {
	color: #777;
	display: flex;
	align-items: center;
}
.first_edition figure {
	width: 10px;
	margin-left: 1px;
}
.first_edition figure:first-of-type {
	margin-left: 2px;
}
.first_edition figure img {
	max-width: 100%;
	height: auto;
}
.external_link a {
	display: inline-flex;
	align-items: center;
	font-size: 10px;
	color: #777;
	background-color: #eee;
	padding: 2px 4px;
	line-height: 1;
	margin-right: 5px;
	margin-bottom: 5px;
	text-decoration: none;
	border-radius: 3px;
}
.external_link a:hover {
	opacity: 0.8;
}
.external_link a:before {
	content: "\e89e";
	font-family: 'Material Icons';
	margin-right: 2px;
	font-size: 12px;
}
.cnt-preorder .reservation_table td.sort_target_3 {
	padding: 10px 5px;
}
.cnt-preorder .reservation_table td.similar_book .book_title {
	font-size: 11px;
}
.cnt-preorder .reservation_table td.similar_book .book_title a {
	color: #333;
	text-decoration: none;
}
.cnt-preorder .reservation_table td.similar_book .book_title a:hover {
	opacity: 0.7;
}
.cnt-preorder .reservation_table td.similar_book .author {
	margin-top: 8px;
}
.cnt-preorder .reservation_table td.similar_book .author,
.cnt-preorder .reservation_table td.similar_book .isbn_code,
.cnt-preorder .reservation_table td.similar_book .date_price {
	font-size: 10px;
	color: #777;
}
.cnt-preorder .reservation_table td.similar_sales > div {
	font-size: 11px;
	position: relative;
}
.cnt-preorder .reservation_table td.outside_comment {
	border-right: none;
	height: auto;
	padding: 0;
	border-top: none;
	font-size: 11px;
}
.cnt-preorder .reservation_table td.outside_comment div {
	padding: 5px 5px 4px 5px;
	position: relative;
}
.cnt-preorder .reservation_table td.outside_comment div:before {
	content: "";
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background-size: 5px 1px;
	background-image: linear-gradient(to right, #D7DADD, #D7DADD 2px, transparent 2px, transparent 5px);
	background-repeat: repeat-x;
}
.cnt-preorder .reservation_table td.alert_orders {
	background-color: #ffe1e4;
}
.cnt-preorder .btn_bottom {
	text-align: right;
}
.cnt-preorder .btn_bottom .rrBtn {
	position: static !important;
	margin: 0;
}
#reservation_edit .chainten_order_edit td.alert_orders {
	background-color: #ffe1e4;
}

/* 202206追加(事前予約改修P2)
 * =========================== */
/*アイテム予約(本部)*/
.honbu_preorder .tpl_book #addtop_wrapbtn .label_upper > div.bulk_up_wrap {
	display: block;
	position: absolute;
	top: 10px;
	right: 0;
}
.honbu_preorder .tpl_book #addtop_wrapbtn .label_upper .stock-info:not(.red) {
	margin-top: 5px;
}
.honbu_preorder .tpl_book #addtop_wrapbtn .label_upper .stock-info.red {
	color: #FF0000;
}
.honbu_preorder:not(.honbu_preorder_history) .btn_create_xls,
.tpl_book #addtop_wrapbtn div.label_in_progress,
.honbu_preorder:not(.honbu_preorder_history) .btn_xls_dl,
.honbu_preorder:not(.honbu_preorder_history) .btn_reselect {
	display: none;
}
.honbu_preorder:not(.honbu_preorder_history) .btn_create_xls.active,
.honbu_preorder:not(.honbu_preorder_history) .btn_reselect.active,
.honbu_preorder:not(.honbu_preorder_history) .btn_xls_dl.active {
	display: inline-block;
	padding: 11px 12px 11px 44px;
	font-size: 13px;
	font-weight: normal;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: linear-gradient(#fff, #f7f7f7);
	line-height: 1;
	cursor: pointer;
	position: relative;
}
.honbu_preorder:not(.honbu_preorder_history) .btn_reselect.active {
	padding-left: 33px;
	margin-left: 10px;
}
.honbu_preorder:not(.honbu_preorder_history) .btn_create_xls.active:before,
.honbu_preorder:not(.honbu_preorder_history) .btn_xls_dl.active:before {
	content: '';
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -60px -598px;
	width: 32px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
}
.honbu_preorder:not(.honbu_preorder_history) .btn_reselect.active:before {
	content: "";
	background: url(../img/icon-reselect.svg?v=20220622) no-repeat;
	width: 17px;
	height: 8px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 11px;
	transform: translateY(-50%);
}
.tpl_book #addtop_wrapbtn div.label_in_progress.active {
	font-size: 13px;
	font-weight: normal;
	padding: 12px 0;
	margin-left: 0;
	vertical-align: baseline;
	line-height: 1;
	position: relative;
	margin-right: 10px;
	display: inline-block;
}
.tpl_book #addtop_wrapbtn div.label_in_progress div {
	display: block;
	margin-left: 0;
	vertical-align: baseline;
}
.tpl_book #addtop_wrapbtn div.label_in_progress .top-loading {
	transform: scale(0.7);
	top: 11px;
	left: -30px;
}
.tpl_book #addtop_wrapbtn div.label_in_progress .uil-default-css {
	display: block !important;
}
.acctchain div.inventory-by-rank__button--inactive .inert_stock-loading {
	transform: scale(0.7);
	top: 11px;
	left: -30px;
}
.acctchain div.inventory-by-rank__button--inactive .uil-default-css {
	display: block !important;
}
.cnt-preorder.honbu_preorder #addtop_wrapbtn a[href="#modalWindow_bulk_reservation"].up_error:before {
	content: "";
	width: 18px;
	height: 18px;
	position: absolute;
	background-image: url(../img/icon-upload-error.svg?v=20220622);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	top: -10px;
	right: -10px;
}

/*アイテム予約一括編集モーダル(本部)*/
#modalWindow_bulk_reservation {
	padding: 25px;
}
#modalWindow_bulk_reservation .tpl_book {
	margin: 0;
}
#modalWindow_bulk_reservation .input-group-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 30px;
}
#modalWindow_bulk_reservation .item-upload_title {
	font-size: 14px;
	font-weight: normal;
	color: #333;
	line-height: 1.4;
	display: -webkit-box;
	-webkit-box-pack: justify;
	justify-content: space-between;
	margin: 15px 0 30px 0;
}
#modalWindow_bulk_reservation .input-group .form-control {
	width: 355px;
	height: 34px;
}
#modalWindow_bulk_reservation button.btn.btn-primary.file-select {
	background-color: #333575;
	width: 45px;
	height: 34px;
	position: relative;
	outline: none;
}
#modalWindow_bulk_reservation .file-submit {
	font-size: 13px;
	display: inline-block;
	color: #333;
	border: 1px solid #ccc;
	line-height: 32px;
	background: linear-gradient(#fff, #f7f7f7);
	border-radius: 3px;
	padding: 0 10px;
	margin: 0 0 0 15px;
	outline: none;
	cursor: pointer;
}
#modalWindow_bulk_reservation .file-submit:before {
	content: '';
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -60px -596px;
	padding: 3px 16px;
}
#modalWindow_bulk_reservation .bulk_up_wrap .reload {
	cursor: pointer;
}
#modalWindow_bulk_reservation table {
	width: 880px;
}
#modalWindow_bulk_reservation .num_bulk_reservation {
	width: 80px;
}
#modalWindow_bulk_reservation .time_bulk_reservation {
	width: 170px;
}
#modalWindow_bulk_reservation .status_bulk_reservation {
	width: 90px;
}
#modalWindow_bulk_reservation .result_bulk_reservation {
	width: 140px;
}
#modalWindow_bulk_reservation td.num_bulk_reservation,
#modalWindow_bulk_reservation td.time_bulk_reservation {
	text-align: right;
}

/*アイテム予約履歴(本部)*/
.honbu_preorder_history .search_reservationchainten {
	position: relative;
}
.honbu_preorder_history .search_reservationchainten div {
	height: auto;
}
.honbu_preorder_history .btn_xls_dl {
	position: absolute;
	bottom: 0;
	right: 0;
}
.honbu_preorder_history .btn_xls_dl a {
	font-size: 12px;
	display: inline-block;
	color: #333;
	border: 1px solid #ccc;
	line-height: 32px;
	background: linear-gradient(#fff, #f7f7f7);
	border-radius: 3px;
	padding: 0 10px 0 42px;
	position: relative;
	font-weight: normal;
}
.honbu_preorder_history .btn_xls_dl a:hover {
	text-decoration: none;
}
.honbu_preorder_history .btn_xls_dl a:before {
	content: '';
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -60px -598px;
	width: 32px;
	height: 18px;
	position: absolute;
	top: 50%;
	left: 12px;
	transform: translateY(-50%);
}
/* 202205追加(配本指定番線管理)
 * =========================== */
.wrap_haihonbansen .table_basic,
.wrap_haihonbansen .table_genre {
	display: flex;
	border-top: 1px solid #D7DADD;
}
.wrap_haihonbansen .table_genre {
	border-bottom: 1px solid #D7DADD;
}
.wrap_haihonbansen .table_basic .th,
.wrap_haihonbansen .table_genre .th {
	font-size: 14px;
	font-weight: bold;
	background-color: #F3F3F3;
	width: 12%;
	border-right: 1px solid #D7DADD;
	box-sizing: border-box;
	padding-left: 10px;
	padding-top: 18px;
	line-height: 1;
}
.wrap_haihonbansen .table_basic .td,
.wrap_haihonbansen .table_genre .td {
	width: 88%;
}
.wrap_haihonbansen .table_basic .row,
.wrap_haihonbansen .table_genre .row {
	display: flex;
	padding: 10px;
}
.wrap_haihonbansen .table_genre .row:nth-of-type(2n) {
	background-color: #F3F3F3;
}
.wrap_haihonbansen .table_genre .row.btn_add {
	background-color: #fff;
}
.wrap_haihonbansen .table_basic .wrap_list,
.wrap_haihonbansen .table_genre .wrap_list {
	position: relative;
	z-index: 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	height: 30px;
	color: #666;
	font-weight: normal;
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: left;
}
.wrap_haihonbansen .table_basic .wrap_list {
	width: 390px;
}
.wrap_haihonbansen .table_basic .wrap_list:before,
.wrap_haihonbansen .table_genre .wrap_list:before {
	content: "";
	background: url(/img/parts.png?v=20240901) no-repeat;
	background-position: -798px -243px;
	padding: 8px 4px;
	position: absolute;
	top: 6px;
	right: 10px;
	z-index: 1;
}
.wrap_haihonbansen .table_genre .row .wrap_list:first-of-type {
	margin-right: 10px;
	width: 150px;
}
.wrap_haihonbansen .table_genre .row .wrap_list:nth-of-type(2) {
	width: 230px;
}
.wrap_haihonbansen .table_basic select,
.wrap_haihonbansen .table_genre select {
	position: relative;
	z-index: 2;
	display: inline-block;
	cursor: pointer;
	height: 30px;
	color: #000;
	border-radius: 0;
	border: 0;
	outline: none;
	background: none;
	font-size: 12px;
	line-height: 1;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
}
.wrap_haihonbansen .table_basic select::-ms-expand,
.wrap_haihonbansen .table_genre select::-ms-expand {
	display: none;
}
.wrap_haihonbansen .table_basic select {
	width: 390px;
}
.wrap_haihonbansen .table_genre .genre_list {
	width: 150px;
}
.wrap_haihonbansen .table_genre .toritsugi_list {
	width: 230px;
}
.btn_add input {
	appearance: none;
	border: none;
	background-color: #777;
	color: #fff;
	font-size: 12px;
	display: inline-flex;
	width: 60px;
	height: 30px;
	justify-content: center;
	align-items: center;
	padding: 0;
	border-radius: 3px;
	cursor: pointer;
}
.wrap_haihonbansen + .bottom-bansencode input {
	font-size: 14px;
	padding: 8px 36px;
}
#mw_haihonbansen {
	padding: 45px;
}
#mw_haihonbansen .info {
	font-size: 16px;
	display: flex;
	align-items: center;
}
#mw_haihonbansen .info:before {
	content: "";
	width: 23px;
	height: 20px;
	display: inline-block;
	background-image: url(/img/parts.png?v=20240901);
	background-repeat: no-repeat;
	background-position: -1180px -350px;
	margin-right: 10px;
}
.bottom-bansencode.complete {
	margin: 100px 0 20px;
}

/* 202205追加(書誌情報サブ画像)
 * =========================== */
.book_main_img {
	position: relative;
	width: 170px;
	height: 250px;
	margin: 0 auto;
}
.book_main_img a {
	display: none;
	width: 100%;
	height: 100%;
}
.book_main_img a.disp_img {
	display: block;
}
#mw_bookdetail .wrap_img_inline .book_main_img img {
	width: auto;
	max-width: 170px;
	max-height: 250px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
.book_sub_img {
	display: flex;
	flex-wrap: wrap;
	width: 170px;
	margin: 10px auto 0;
}
.caption_sub_img {
	margin: 16px 5px 0;
	line-height: 1.4;
	font-size: 12px;
	color: #777;
}
.book_sub_img li {
	width: 50px;
	height: 50px;
	box-sizing: border-box;
	position: relative;
	z-index: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.book_sub_img li a {
	width: 100%;
	height: 100%;
	display: block;
}
.book_sub_img li:nth-child(3n) {
	margin-right: 0;
}
#mw_bookdetail .wrap_img_inline .book_sub_img img {
	width: auto;
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
}
#img_caution {
	color: #777;
	margin-top: 10px;
}
.return_mw_bookdetail, .return_mw_bookdetail_ {
	font-size: 14px;
	color: #333;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	display: block;
	border: 1px solid #ccc;
	border-radius: 3px;
	width: 64px;
	line-height: 32px;
	text-align: center;
	margin: 15px auto;
}
.return_mw_bookdetail:hover {
	color: #333;
	text-decoration: none;
	opacity: 0.7;
}
.fancybox-wrap_mw_bookdetail {
	width: 960px !important;
}
.fancybox-wrap_mw_bookdetail .fancybox-inner {
	width: 100% !important;
	height: 80vh !important;
}
.fancybox-wrap_mw_bookdetail .fancybox-nav {
	width: 25%;
}
.fancybox-wrap_mw_bookdetail .fancybox-nav span {
	visibility: visible;
	opacity: 0.5;
}
.mw_enlarged_img {
	width: 100%;
	height: 100%;
}
.wrap_enlarged_img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
}
.mw_enlarged_img img {
	width: auto;
	height: auto;
	display: inline;
}
.mw_enlarged_img img.show_img {
	opacity: 1;
}
@media screen and (orientation: portrait) {
	/*　画面サイズが940pxからはここを読み込む　*/
	.fancybox-wrap_mw_bookdetail {
		width: 940px !important;
	}
}
/* 202206追加(WHLの使い方更新｜詳細情報を確認する)
 * ============================================ */
.confirm_detail .howto02_right {
	padding-left: 5px;
}
.confirm_detail .howto_subtitle {
	margin-top: 20px;
}
.confirm_detail .wrap_img {
	margin: 5px 0;
	text-align: center;
}
.confirm_detail .caption {
	color: #fd2470;
	margin-top: 10px;
}
.confirm_detail .caption a {
	color: #fd2470;
	text-decoration: underline;
}
.confirm_detail .caption a:hover {
	text-decoration: none;
	opacity: 0.7;
}
/* 202208追加(お問合せ改修)
 * ============================================ */
/*お問合せTOP*/
#contactTop .title_class,
#faqTop .title_class {
	font-size: 20px;
	border-bottom: 1px solid #d8d9db;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
#contactTop .txt-contact,
#faqTop .txt-faq {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 40px;
}
#contactTop .txt-contact a,
#faqTop .txt-faq a {
	text-decoration: underline;
}
#contactTop .txt-contact a:hover,
#faqTop .txt-faq a:hover {
	text-decoration: none;
}
#contactTop .container__important-info {
	border: 2px solid #f30100;
	display: flex;
	margin-bottom: 50px;
}
.container__important-info .ttl__important-info {
	background-color: #f30100;
	color: #fff;
	font-size: 18px;
	width: 170px;
	text-align: center;
	padding-top: 80px;
	font-weight: bold;
	background-image: url(../img/icon-important-info.svg);
	background-size: 35px;
	background-repeat: no-repeat;
	background-position: center 35px;
}
.container__important-info .inner__important-info {
	padding: 15px 30px;
	width: calc(100% - 170px);
	box-sizing: border-box;
	text-align: center;
}
.container__important-info .list__important-info li {
	font-size: 14px;
	line-height: 1.4;
	padding: 12px 0;
	border-bottom: dotted 1px #ccc;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
.container__important-info .list__important-info li a {
	color: #333;
}
.container__important-info .list__important-info li a:hover {
	opacity: 0.7;
}
.container__important-info .list__important-info li a span {
	font-size: 12px;
	padding-right: 35px;
	display: inline-flex;
	align-items: center;
	position: relative;
}
.container__important-info .list__important-info li.new a span:after {
	content: "";
	width: 20px;
	height: 10px;
	background-image: url(../img/parts.png?v=20220809);
	background-position: -190px -150px;
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: translateY(-50%);
}
.container__important-info .more-btn__important-info {
	font-size: 13px;
	color: #F30100;
	height: 30px;
	border: 1px solid #F30100;
	display: inline-flex;
	width: 120px;
	border-radius: 15px;
	text-align: center;
	margin: 15px 0 5px;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
.container__important-info .more-btn__important-info:before {
	content: "もっと見る";
}
.container__important-info .more-btn__important-info.active:before {
	content: "閉じる";
}
.container__important-info .more-btn__important-info:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #F30100;
	border-bottom: 1px solid #F30100;
	transform: translateY(-3px) rotate(45deg);
	margin-left: 5px;
}
.container__important-info .more-btn__important-info.active:after {
	transform: translateY(0) rotate(225deg);
}
.container__faq {
	margin-bottom: 50px;
}
.container__faq .ttl__faq,
.container__category .ttl__category,
.container__other-category .ttl__other-category {
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	border-left: 5px solid #333575;
	padding-left: 10px;
	margin-bottom: 15px;
}
.label__faq:before {
	display: inline-flex;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	width: 110px;
	height: 22px;
	justify-content: center;
	align-items: center;
}
.label__faq:hover {
	text-decoration: none;
	opacity: 0.8;
}
.label__faq-dot:before {
	content: "DOT";
	background-color: #cd384b;
}
.label__faq-howto:before {
	content: "注文方法";
	background-color: #e2733f;
}
.label__faq-order:before {
	content: "出荷状況";
	color: #333;
	background-color: #f8d53b;
}
.label__faq-reprint:before {
	content: "重版";
	background-color: #a4c520;
}
.label__faq-policy:before {
	content: "売場サポート";
	background-color: #008950;
}
.label__faq-autosend:before {
	content: "自動追送・自店在庫";
	background-color: #2b97c2;
	font-size: 11px;
}
.label__faq-register:before {
	content: "登録内容";
	background-color: #254a99;
}
.label__faq-others:before {
	content: "その他";
	background-color: #8151a4;
}

.container__faq .list__faq {
	margin: 0 10px;
}
.container__faq .list__faq li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 0;
	border-bottom: 1px dotted #ccc;
}
.container__faq .list__faq li div {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	padding-right: 30px;
	line-height: 1.4;
}
.container__faq .category__faq {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	color: #333;
	font-size: 14px;
}
.container__faq .category__faq:hover {
	opacity: 0.7;
}
.container__faq .category__faq:before {
	content: "";
	display: inline-block;
	border-top: 3px solid transparent;
	border-left: 4px solid #333575;
	border-bottom: 3px solid transparent;
	margin: 0 10px;
}
.container__faq .more-category__faq {
	color: #333575;
	display: flex;
	align-items: center;
	font-size: 12px;
	white-space: nowrap;
}
.container__faq .more-category__faq:hover {
	color: #333575;
	opacity: 0.7;
}
.container__faq .more-category__faq:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-top: 1px solid #333575;
	border-right: 1px solid #333575;
	transform: rotate(45deg);
}
#contactTop .btn__contact-form {
	text-align: center;
}
#contactTop .btn__contact-form a {
	font-size: 18px;
	font-weight: bold;
	color: #333575;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 360px;
	height: 60px;
	background: linear-gradient(#fff, #f7f7f7);
	border: 1px solid #ccc;
	box-sizing: border-box;
	border-radius: 5px;
	text-decoration: none;
}
#contactTop .btn__contact-form a:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 16px;
	background-image: url(../img/icon-mail.svg);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 10px;
}

/*お問い合わせフォーム*/
#toiawase {
	line-height: 1.4;
}
#toiawase #base,
#toiawase #contact_popup_confirm{
	width: 840px;
	padding: 0 10px;
	margin-bottom: 25px;
}
#toiawase .title {
	margin: 25px 0 20px 0;
}
#toiawase .toiawase_info {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 15px;
}
#toiawase .toiawase_caption {
	font-size: 12px;
	margin-bottom: 35px;
}
label[for="notAsterisk"] {
	width: 15px;
	float: left;
}
label[for="notAsterisk"]::before {
	content: "　";
}
#toiawase .form_row .column {
	width: 150px;
}
#toiawase .auto_fill {
	position: relative;
}
#toiawase .auto_fill .required {
	position: absolute;
	top: 50%;
	right: 4px;
	font-size: 12px;
	color: #f30100;
	transform: translateY(-50%);
}
#toiawase .form_row .input_box input {
	width: 304px;
}
#toiawase .form_row .input_box {
	width: 330px;
}
#toiawase .form_row .ex_sentence {
	font-size: 14px;
	color: #777;
}
#toiawase .form_row .ex_sentence.required {
	color: #f30100;
	font-size: 12px;
}
#toiawase .registered_content {
	display: inline-block;
	position: relative;
}
#toiawase .registered_content:before {
	content: '';
	background: url(/img/parts.png?v=20240901) no-repeat;
	background-position: -798px -243px;
	padding: 8px 4px;
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
}
#toiawase .registered_content select {
	width: 320px;
	height: 40px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-sizing: border-box;
	background: linear-gradient(#fff, #f7f7f7);
	appearance: none;
	padding: 0 10px;
	outline: none;
}
#toiawase textarea[name="question_note"] {
	width: 680px;
}
#toiawase .auto_fill .form_row {
	margin-bottom: 20px;
}
#toiawase #base .form_row .column.question_ttl {
	vertical-align: baseline;
	padding-top: 10px;
}
#toiawase .auto_fill .input_box {
	color: #666;
}
#toiawase #contact_popup_confirm .form_row {
	margin-bottom: 15px;
}
#toiawase #contact_popup_confirm .form_row .column {
	width: 120px;
}
#toiawase #contact_popup_confirm .form_row .data {
	padding-left: 5px;
}
#toiawase #contact_popup_confirm .toiawase_info {
	margin-bottom: 25px;
}
#toiawase #contact_popup_confirm .contact_popup-bottom {
	margin: 25px 0 0;
}
#toiawase #contact_popup_confirm .form_row .column.question_ttl {
	vertical-align: baseline;
}
#toiawase #send_message {
	width: 840px;
	padding: 0 10px;
	margin: 0 35px 35px 35px;
	vertical-align: baseline;
	text-align: left;
}
#toiawase #send_message .toiawase_done,
#pwReissue #send_message .pw_reissue_done {
	font-size: 16px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 4px solid #ddd;
	padding: 70px 0;
	line-height: 1.4;
}
#toiawase #send_message .toiawase_done:before,
#pwReissue #send_message .pw_reissue_done:before {
	content: "";
	display: inline-block;
	width: 23px;
	height: 20px;
	background-image: url(../img/parts.png?v=20240901);
	background-repeat: no-repeat;
	background-position: -1180px -350px;
	padding-right: 15px;
}
/* 重要なお知らせ詳細 */
#mw_importantdetail .wrap_data_inline .text_inline {
	margin:0 0 60px 0;
}

/*よくあるご質問*/
#faqTop .title_class {
	position: relative;
}
#faqTop .title_class .lnk-contact {
	position: absolute;
	top: 5px;
	right: 0;
	font-size: 13px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1;
}
#faqTop .title_class .lnk-contact:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../img/parts.png?v=20240901);
	background-repeat: no-repeat;
	background-position: -220px -150px;
	margin-right: 5px;
}
#faqTop .list__category {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding-top: 5px;
}
#faqTop .list__category > li {
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #ccc;
	border-radius: 10px;
	width: calc((100% - 30px) / 2);
	box-sizing: border-box;
}
#faqTop .list__category > li:nth-child(2n) {
	margin-right: 0;
}
#faqTop .category-ttl {
	padding: 15px;
	border-bottom: 1px solid #ccc;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
}
#faqTop .category-ttl a {
	font-size: 15px;
	font-weight: bold;
	color: #333;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	text-decoration: none;
}
#faqTop .category-ttl.small a {
	font-size: 15px;
}
#faqTop .category-ttl a:hover div {
	text-decoration: underline;
	opacity: 0.8;
}
#faqTop .category-ttl a:hover .label__faq {
	text-decoration: none;
	opacity: 0.8;
}
#faqTop .category-ttl a div {
	margin-left: 10px;
	line-height: 1;
}
#faqTop .category-inner {
	padding: 15px 20px 10px;
	text-align: center;
}
#faqTop .list__category-q li {
	padding-bottom: 10px;
	border-bottom: 1px dotted #d7d8da;
	margin-bottom: 10px;
	text-align: left;
}
#faqTop .list__category-q li a {
	display: inline-block;
	font-size: 14px;
	color: #333;
	line-height: 1.4;
	padding-left: 1em;
	position: relative;
}
#faqTop .list__category-q li a:hover {
	text-decoration: underline;
	opacity: 0.7;
}
#faqTop .list__category-q li a:before {
	content: "";
	display: inline-block;
	border-left: 4px solid #333575;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	position: absolute;
	top: 5px;
	left: 0;
}
#faqTop .more-btn__category {
	font-size: 13px;
	color: #777;
	height: 30px;
	border: 1px solid #777;
	display: inline-flex;
	width: 120px;
	border-radius: 15px;
	text-align: center;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
}
#faqTop .more-btn__category:hover {
	opacity: 0.7;
}
#faqTop .more-btn__category:before {
	content: "もっと見る";
}
#faqTop .more-btn__category:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-right: 1px solid #777;
	border-bottom: 1px solid #777;
	transform: translateY(-3px) rotate(45deg);
	margin-left: 5px;
}
#faqTop .more-btn__category.active:before {
	content: "閉じる";
}
#faqTop .more-btn__category.active:after {
	transform: translateY(3px) rotate(225deg);
}
#faqTop .faq-dot .category-ttl,
#faqCategory .list__other-category li.faq-dot a,
#faqCategory .ttl__faq-category.faq-dot {
	background-color: #f9e2e5;
}
#faqTop .faq-howto .category-ttl,
#faqCategory .list__other-category li.faq-howto a,
#faqCategory .ttl__faq-category.faq-howto {
	background-color: #fbe9e2;
}
#faqTop .faq-order .category-ttl,
#faqCategory .list__other-category li.faq-order a,
#faqCategory .ttl__faq-category.faq-order {
	background-color: #fef9e2;
}
#faqTop .faq-reprint .category-ttl,
#faqCategory .list__other-category li.faq-reprint a,
#faqCategory .ttl__faq-category.faq-reprint {
	background-color: #f4f9e2;
}
#faqTop .faq-policy .category-ttl,
#faqCategory .list__other-category li.faq-policy a,
#faqCategory .ttl__faq-category.faq-policy {
	background-color: #e1f3e7;
}
#faqTop .faq-autosend .category-ttl,
#faqCategory .list__other-category li.faq-autosend a,
#faqCategory .ttl__faq-category.faq-autosend {
	background-color: #daeef6;
}
#faqTop .faq-register .category-ttl,
#faqCategory .list__other-category li.faq-register a,
#faqCategory .ttl__faq-category.faq-register {
	background-color: #e3edf5;
}
#faqTop .faq-others .category-ttl,
#faqCategory .list__other-category li.faq-others a,
#faqCategory .ttl__faq-category.faq-others {
	background-color: #ede3f4;
}
#faqTop .wrap__lnk-contact,
#faqCategory .wrap__lnk-contact {
	text-align: right;
}
#faqTop .wrap__lnk-contact .lnk-contact,
#faqCategory .wrap__lnk-contact .lnk-contact {
	font-size: 13px;
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1;
}
#faqTop .wrap__lnk-contact .lnk-contact:before,
#faqCategory .wrap__lnk-contact .lnk-contact:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../img/parts.png?v=20240901);
	background-repeat: no-repeat;
	background-position: -220px -150px;
	margin-right: 5px;
}

/*カテゴリー別FAQ回答*/
#faqCategory .ttl__faq-category {
	height: 60px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0 15px;
	position: relative;
	font-size: 18px;
	font-weight: bold;
}
#faqCategory .ttl__faq-category div {
	margin-left: 10px;
	line-height: 1;
}
#faqCategory .ttl__faq-category .lnk-contact {
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	font-size: 13px;
	font-weight: normal;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1;
}
#faqCategory .ttl__faq-category .lnk-contact:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url(../img/parts.png?v=20240901);
	background-repeat: no-repeat;
	background-position: -220px -150px;
	margin-right: 5px;
}
.container__faq-category {
	margin-bottom: 50px;
}
#faqCategory .capture__category {
	font-size: 12px;
	margin-top: 10px;
	margin-left: 15px;
}
#faqCategory .columns {
	display: flex;
}
#faqCategory .columns .wrap__answer-img {
	flex-shrink: 0;
	margin-right: 15px;
}
#faqCategory .list__faq-category {
	line-height: 1.4;
}
#faqCategory .list__faq-category > li {
	border-bottom: 1px dotted #ccc;
	padding: 35px 20px 15px 50px;
	margin: 0 20px;
}
#faqCategory .question {
	font-size: 16px;
	color: #333575;
	font-weight: bold;
	margin-bottom: 25px;
	position: relative;
}
#faqCategory .question:before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	background-image: url(../img/faq/icon_question.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	top: -6px;
	left: -15px;
	transform: translateX(-100%);
}
#faqCategory .answer {
	font-size: 14px;
	position: relative;
}
#faqCategory .answer:before {
	content: "";
	display: inline-block;
	width: 35px;
	height: 35px;
	position: absolute;
	background-image: url(../img/faq/icon_answer.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	top: -8px;
	left: -15px;
	transform: translateX(-100%);
}
#faqCategory .answer > div {
	margin-bottom: 20px;
}
#faqCategory .answer-em {
	font-weight: bold;
}
#faqCategory .icon__arrow-down {
	display: block;
	height: 50px;
	background-image: url(../img/faq/icon_arrow_down.svg);
	background-repeat: no-repeat;
	background-size: auto 100%;
	background-position: center center;
	margin-bottom: 15px;
	margin-top: -5px;
}
#faqCategory .wrap__answer-img img {
	max-width: 100%;
}
#faqCategory .voucher-helpdesk {
	float: none;
	vertical-align: baseline;
	margin: 5px 0 0 0;
}
#faqCategory .sub-ttl__answer {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 10px;
}
#faqCategory .answer > ul li {
	margin-bottom: 30px;
}
#faqCategory .answer > ul li > div:not(.sub-ttl__answer) {
	margin-bottom: 20px;
}
#faqCategory .answer-red {
	color: #ff0000;
}
#faqCategory .btn__contact-form {
	font-size: 15px;
	color: #333575;
	font-weight: bold;
	display: inline-flex;
	width: 280px;
	height: 40px;
	background: linear-gradient(#fff, #f7f7f7);
	border: 1px solid #ccc;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	margin-bottom: 20px;
}
#faqCategory .btn__contact-form:before {
	content: "";
	display: inline-block;
	width: 19px;
	height: 14px;
	background-image: url(../img/icon-mail.svg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	margin-right: 5px;
}
#faqCategory .btn__password-form {
	font-size: 15px;
	color: #333575;
	font-weight: bold;
	display: inline-flex;
	width: 320px;
	height: 40px;
	background: linear-gradient(#fff, #f7f7f7);
	border: 1px solid #ccc;
	border-radius: 5px;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	margin-bottom: 20px;
}
#faqCategory .list__other-category {
	margin: 0 10px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 15px;
	padding-top: 5px;
}
#faqCategory .list__other-category li {
	margin-right: 20px;
	width: calc((100% - 20px) / 2);
	margin-bottom: 15px;
}
#faqCategory .list__other-category li:nth-child(2n) {
	margin-right: 0;
}
#faqCategory .list__other-category li a {
	display: flex;
	font-size: 15px;
	font-weight: bold;
	color: #333;
	padding: 16px;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-decoration: none;
	justify-content: flex-start;
	align-items: center;
}
#faqCategory .list__other-category li a:hover {
	opacity: 0.7;
}
#faqCategory .list__other-category li.small a {
	font-size: 15px;
}
#faqCategory .list__other-category li a div {
	margin-left: 10px;
}

/*ログイン*/
#login .login-others {
	margin-top: 45px;
	text-align: center;
}
#login .login-others ul {
	display: flex;
	justify-content: center;
}
#login .login-others ul li:not(:last-child) {
	margin-right: 10px;
}
#login .login-others ul li a {
	font-size: 11px;
	color: #333;
	display: flex;
	text-align: center;
	width: 190px;
	height: 40px;
	border: 1px solid #dcdcdc;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	text-decoration: none;
	position: relative;
	padding: 0 5px 0 0;
}
#login .login-others ul li a:hover {
	opacity: 0.7;
}
#login .login-others ul li a:after {
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
	transform: translateY(-50%) rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
}
#login .login-others .lnk__dl-browsers {
	font-size: 10px;
	color: #777;
	text-decoration: underline;
	display: inline-block;
	margin-top: 15px;
}
#login .login-others .lnk__dl-browsers:hover {
	color: #777;
	opacity: 0.7;
}
#login .login-others .lnk__dl-browsers:before {
	content: "";
	display: inline-block;
	border-left: 4px solid #777;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	margin-right: 5px;
}

/*ID・PW再発行*/
#pwReissue #base,
#pwReissue #pw_popup_confirm {
	width: 700px;
	padding: 0 10px;
	margin: 0 auto;
	margin-bottom: 25px;
	margin-left: 35px;
	margin-right: 35px;
}
#pwReissue .title {
	margin: 25px 0 20px 0;
	text-align: left;
}
#pwReissue .pw-reissue_info {
	font-size: 14px;
	line-height: 1.4;
}
#pwReissue .pw-reissue_info li {
	position: relative;
	padding-left: 10px;
	margin-bottom: 5px;
}
#pwReissue .pw-reissue_info li:before {
	content: "";
	display: inline-block;
	border-left: 4px solid #333;
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
	position: absolute;
	top: 5px;
	left: 0;
}
#pwReissue .ttl__pw-reissue {
	font-size: 18px;
	font-weight: bold;
	border-left: 5px solid #333575;
	line-height: 30px;
	padding-left: 10px;
	margin: 40px 0 20px;
}
#pw_popup .form_row {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}
#pwReissue .form_row .input_box input {
	width: 320px;
}
#pwReissue .wrap__consent {
	text-align: center;
	font-size: 14px;
	margin-top: 40px;
	margin-bottom: 25px;
}
#pwReissue .wrap__consent label {
	cursor: pointer;
}
#pwReissue .wrap__consent input {
	display: none;
}
#pwReissue .wrap__consent span {
	display: inline-flex;
	align-items: center;
	position: relative;
}
#pwReissue .wrap__consent span:before {
	content: "";
	width: 16px;
	height: 16px;
	border: 1px solid #666;
	border-radius: 3px;
	display: block;
	margin-right: 8px;
}
#pwReissue .wrap__consent input:checked + span:before {
	background-color: #333575;
}
#pwReissue .wrap__consent input:checked + span:after {
	content: "";
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	width: 4px;
	height: 10px;
	position: absolute;
	top: 1px;
	left: 6px;
	transform: rotate(45deg);
}
#pwReissue .wrap__recaptcha {
	text-align: center;
}
#pwReissue .wrap__recaptcha .g-recaptcha {
	display: inline-block;
}
#pwReissue .wrap__recaptcha .ex_sentence {
	font-size: 12px;
	color: #777;
	margin-top: 10px;
}
#pwReissue .pw_popup-bottom {
	text-align: center;
	margin-top: 30px;
}
#pwReissue #pw_popup_confirm .pw-reissue_info {
	font-weight: bold;
	margin-bottom: 25px;
}
#pwReissue #pw_popup_confirm .form_row {
	margin-bottom: 15px;
	font-size: 14px;
	line-height: 1.4;
}
#pwReissue #pw_popup_confirm .form_row .column {
	width: 70px;
}
#pwReissue #pw_popup_confirm .contact_popup-bottom {
	margin-top: 40px;
}

/*202211 アイテム予約履歴改修*/
.cnt-preorder .search_reservationchainten .filter_relase_date {
	margin-left: 20px;
	height: auto;
}
.cnt-preorder .search_reservationchainten .filter_relase_date_txt {
	vertical-align: middle;
	font-size: 13px;
}
.cnt-preorder .search_reservationchainten .filter_relase_date .releaseDateArea {
	position: relative;
	color: #666;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 5px;
	background: linear-gradient(#fff, #f7f7f7);
	overflow: hidden;
	float: none;
	display: inline-block;
	vertical-align: middle;
}
.cnt-preorder .search_reservationchainten .releaseDateObj {
	display: inline-block;
	padding-left: 24px;
	padding-right: 15px;
	cursor: pointer;
	height: 32px;
	color: #000;
	appearance: none;
	border-radius: 0;
	border: 0;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -790px -236px;
	box-sizing: content-box;
	outline: none;
	font-size: 13px;
}
.cnt-preorder .search_reservationchainten #searchB_all.right {
	float: right;
}
.last_update {
	width: 86px;
}
.cnt-preorder.dot .additional_orders_history {
	width: 100px;
}
.cnt-preorder.dot .totall_additional_orders {
	width: 58px;
}
.cnt-preorder .data .data-element03 span {
	color: #777;
}
.cnt-preorder .reservation_history .bn-tag {
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.cnt-preorder .reservation_history .bn-blockName {
	height: auto;
}
.cnt-preorder .bn-author {
	font-size: 10px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-top: 5px;
	padding-bottom: 10px;
}
.cnt-preorder .reservation_history .sort_target_7.change_date {
	color: #ff0000;
}
.cnt-preorder .reservation_history .last_update {
	text-align: center;
}
.additional_btn_wrapper a {
	display: inline-block;
	width: calc((100% - 4px) / 2);
	color: #333;
	font-size: 11px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: linear-gradient(#fff, #f7f7f7);
	text-align: center;
	padding: 8px 0;
	margin-right: 4px;
	box-sizing: border-box;
	text-decoration: none;
}
.additional_btn_wrapper a:last-of-type {
	margin-right: 0;
}
.additional_end_date {
	font-size: 10px;
	text-align: center;
	color: #777;
	margin-top: 6px;
	line-height: 1.4;
}
.additional_end_date.red {
	color: #FF0000;
}
.additional_end_date span {
	color: #333;
	display: block;
}
.totall_additional_orders {
	text-align: center;
}
.cnt-preorder.dot td.additional_orders_history {
	padding: 10px 5px;
}
.additional_btn_wrapper a.disabled {
	opacity: 0.4;
	pointer-events: none;
}
#mw_add_orders,#mw_add_orders_history {
	padding: 5px;
	width: 707px;
}
#mw_add_orders .wrapper_add_orders {
	display: flex;
	justify-content: center;
	padding-top: 10px;
}
#mw_add_orders .wrap_input div#number {
	margin-right: 30px;
}
#mw_add_orders .wrap_input #info input {
	margin-right: 0;
	width: 240px;
}
.txt_add_orders, .txt_add_orders_history {
	font-size: 14px;
	padding-top: 5px;
	padding-bottom: 20px;
}
#mw_add_orders .bansenArea > .bansenObj {
	font-size: 13px;
	color: #333;
}
#mw_add_orders .btn_add_orders {
	display: inline-block;
	font-size: 13px;
	padding: 0 12px;
	cursor: pointer;
	color: #333;
	line-height: 30px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: linear-gradient(#fff, #f7f7f7);
	margin-left: 20px;
}
#mw_add_orders .btn_add_orders:hover {
	opacity: 0.7;
}
#mw_add_orders .caution_add_orders,#mw_add_orders_history .caution_add_orders_history {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding: 20px 0 10px;
}
#mw_add_orders .item_table ,#mw_add_orders_history .item_table {
	width: 100%;
	table-layout: fixed;
}
#mw_add_orders_history .history_table {
	background-color: #fff;
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
	border-spacing: 0 1px;
	margin: 20px 0 0;
}
#mw_add_orders_history .history_table th,
#mw_add_orders_history .history_table td {
	position: static;
	border: 1px solid #D7DADD;
}
#mw_add_orders_history .history_table th:first-of-type,
#mw_add_orders_history td:first-of-type {
	border-left: none;
}
#mw_add_orders_history .history_table th:last-of-type,
#mw_add_orders_history .history_table td:last-of-type {
	border-right: none;
}
#mw_add_orders_history .history_table th {
	height: 40px;
	vertical-align: middle;
	background: #f3f3f3;
	padding: 0 10px;
	box-sizing: border-box;
	white-space: nowrap;
	text-align: center;
	line-height: 1.4;
	font-size: 12px;
	font-weight: bold;
}
#mw_add_orders_history .history_table td {
	height: 50px;
	box-sizing: border-box;
	font-size: 12px;
	vertical-align: middle;
	text-align: center;
	padding: 10px;
}
#mw_add_orders_history .history_table .date {
	width: 110px;
}
#mw_add_orders_history .history_table .bansen {
	width: 160px;
}
#mw_add_orders_history .history_table .orders,
#mw_add_orders_history .history_table .edit {
	width: 80px;
}
#mw_add_orders_history td.customer {
	text-align: left;
}
/*20230111 事前予約履歴追加修正*/
.cnt-preorder.dot td.additional_orders_history,
.cnt-preorder.dot td.totall_additional_orders {
	background-color: #FFFFEB;
}
.cnt-preorder.dot th.additional_orders_history,
.cnt-preorder.dot th.totall_additional_orders {
	background-color: #fff6c3;
}
.cnt-preorder.dot th.additional_orders_history {
	padding:0 2px;
}
.cnt-preorder.dot th.additional_orders_history span {
	font-size:88%;
	letter-spacing: -0.08em;
}

/*202212 自動追送改修*/
#followup #wrap_searchB {
	font-size: 0;
	margin-bottom: 15px;
	margin-top: -6px;
}
#followup #wrap_searchB div {
	height: auto;
	font-weight: normal;
}
#followup .refine-dateText {
	display: inline-block;
	font-size: 14px;
	vertical-align: middle;
	text-align: center;
	line-height: 34px;
}
#followup .refine-dateText,
#followup .refine-rankText,
#followup .wrap-rrObj .rrText {
	font-weight: normal;
}
#followup #wrap_searchB .searchB_text1 {
	margin: 0;
}
#followup #wrap_searchB .searchB_text1 input {
	width: 105px;
	font-size: 15px;
	text-align: center;
	padding: 0;
	height: 32px;
	line-height: 32px;
}
#followup #wrap_searchB .searchB_text2 input {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	width: 290px;
}
#followup #wrap_searchB .searchB_text3 {
	font-size: 12px;
	width: 25px;
	text-align: center;
	vertical-align: middle;
	line-height: 34px;
}
.date-wrapper {
	position: relative;
	z-index: 0;
	margin-bottom: 8px;
}
.date-wrapper:not(:first-of-type) {
	margin-top: 50px;
}
.tpl_book .date-wrapper .date {
	margin: 0;
}
.date-wrapper .rbox {
	font-size: 0;
	position: absolute;
	bottom: 0;
	right: 0;
}
.date-wrapper .rbox a {
	font-size: 12px;
	color: #333;
	text-decoration: none;
	display: inline-block;
	padding: 6px 8px;
	background: linear-gradient(#fff, #f7f7f7);
	border: 1px solid #ccc;
	border-radius: 3px;
}
.date-wrapper .rbox a.apply {
	background: #515151;
	color: #fff;
	border: 1px solid #515151;
}
.date-wrapper .rbox a:not(:first-child) {
	margin-left: 10px;
}
.tpl_book #followup .wrap-gap {
	margin-right: 0;
}
.tpl_book #followup .number input {
	margin-right: 0;
}
#followup .wrap-rrBtn {
	float: right;
}
#followup .refine-rankText:not(:first-child) {
	margin-left: 12px;
}
#followup .refine-rank {
	position: relative;
	z-index: 0;
	margin-bottom: 45px;
}
.tpl_book .number .refine_order {
	text-align: right;
}
.followup-data table#suggest {
	width: 100%;
}
.followup-data table#suggest .sort_target_revision_3,
.followup-data table#suggest .sort_target_revision_4,
.followup-data table#suggest .sort_target_revision_5 {
	width: 60px !important;
}
.followup-data table#suggest .sort_target_revision_1 {
	width: 477px !important;
}
.followup-data table#suggest td {
	background-color: #fff;
}
#contents.followup-setting .tpl_book {
	width: 680px;
}
.followup-setting .titleB {
	margin-bottom: 15px;
}
.followup-setting .setting-info {
	font-size: 12px;
	color: #777;
	margin-bottom: 30px;
}
.followup-setting .setting-box {
	font-size: 12px;
	margin-bottom: 20px;
}
.followup-setting .setting-box div:not(:last-child) {
	margin-bottom: 10px;
}
.followup-setting .setting-box span {
	font-size: 14px;
	font-weight: bold;
}
.followup-setting .tpl_book table {
	border-spacing: 0;
	border-top: 1px solid #D7DADD;
}
.followup-setting .tpl_book th,
.followup-setting .tpl_book td {
	padding: 10px;
	line-height: 20px;
	height: 20px;
	border-left: 1px solid #D7DADD;
	border-bottom: 1px solid #D7DADD;
}
.followup-setting .tpl_book td {
	font-size: 14px;
}
.followup-setting .tpl_book td.even {
	background: #fff;
}
.followup-setting .tpl_book .genre {
	width: auto;
	border-left: none;
}
.followup-setting .tpl_book .setting {
	width: 160px;
	text-align: center;
}
.followup-setting .table-capture {
	margin-top: 15px;
	font-size: 13px;
	color: #777;
	line-height: 1.4;
}
.followup-setting .lower-box {
	border-top: 1px solid #ccc;
	margin-top: 30px;
}
.followup-setting.maintenance .lower-box {
	margin-bottom: 30px;
}
.followup-setting .lower-box .appbtn {
	display: inline-block;
	line-height: 32px;
	background: #515151;
	padding: 0 10px;
	font-size: 12px;
	color: #fff;
	border-radius: 5px;
	margin-top: 20px;
	text-decoration: none;
}
.followup-setting .lower-box div {
	font-size: 12px;
	line-height: 1.5;
	margin-top: 15px;
}
.followup-setting .lower-capture {
	background-color: #eee;
	padding: 15px;
	line-height: 1.6;
	margin-top: 20px;
}
.followup-setting .lower-capture a,
.followup-setting .lower-box a {
	text-decoration: underline;
}
.followup-setting .lower-capture span {
	display: block;
	padding-left: 1em;
}
#exclusion {
	padding: 20px;
	background-color: #fff;
}
#exclusion .title_class {
	margin: 0 0 15px 0;
	font-size: 16px;
}
#exclusion #search {
	display: block;
	margin: 15px auto 0;
	cursor: pointer;
	width: 62px;
	height: 34px;
	border: 0;
	font-size: 14px;
	color: #fff;
	line-height: 34px;
	background: #515151;
	border-radius: 5px;
}
#exclusion .search_heading {
	font-size: 12px;
	color: #777;
	font-weight: bold;
	margin-bottom: 5px;
}
#exclusion .application-info {
	line-height: 1.4;
	margin-bottom: 15px;
}
#exclusion .application table {
	width: 804px;
	border-top: 1px solid #D7DADD;
	margin-top: 15px;
	box-sizing: border-box;
}
#exclusion .application table .detail {
	width: 478px;
}
#exclusion .application table td.detail,
#exclusion .result table td.detail,
#exclusion .exclusion_list table td.detail{
	font-size: 0;
}
#exclusion .application table .sales {
	width: 50px;
}
#exclusion .application table .stock,
#exclusion .application table .apply {
	width: 60px;
}
#exclusion .application table th {
	height: 70px;
}
#exclusion .result table th,
#exclusion .exclusion_list table th {
	height: 50px;
}
#exclusion .application table th,
#exclusion .result table th,
#exclusion .exclusion_list table th{
	vertical-align: middle;
	background: #f3f3f3;
	white-space: nowrap;
	overflow: visible;
	line-height: 130%;
	text-align: center;
}
#exclusion .application table th,
#exclusion .application table td,
#exclusion .result table th,
#exclusion .result table td,
#exclusion .exclusion_list table th,
#exclusion .exclusion_list table td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
#exclusion .application table th.sales {
	font-size: 11px;
	font-weight: normal;
}
#exclusion .application table td,
#exclusion .result table td,
#exclusion .exclusion_list table td {
	padding: 5px;
	height: 74px;
	vertical-align: middle;
}
#exclusion .application table .apply,
#exclusion .result table .status,
#exclusion .exclusion_list table .stocksales {
	border-right: none;
}
#exclusion table .rankB {
	display: inline-block;
	margin-right: 4px;
	width: 20px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}
#exclusion .result table .rankB,
#exclusion .exclusion_list table .rankB {
	line-height: 1.4;
}
#exclusion table .genre {
	width: 16px;
	height: 60px;
	display: inline-block;
	font-size: 11px;
	vertical-align: middle;
}
#exclusion .genre span {
	display: inline-block;
	width: 16px;
	height: 60px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	text-indent: -9999px;
}
#exclusion .genre .iconGenre01 {
	background-position:-430px -500px;
}
#exclusion .genre .iconGenre02 {
	background-position:-446px -500px !important;
}
#exclusion .genre .iconGenre03 {
	background-position:-462px -500px;
}
#exclusion .genre .iconGenre04 {
	background-position:-478px -500px;
}
#exclusion .genre .iconGenre05 {
	background-position:-494px -500px;
}
#exclusion .genre .iconGenre06 {
	background-position:-510px -500px;
}
#exclusion .genre .iconGenre07 {
	background-position:-526px -500px;
}
#exclusion .genre .iconGenre08 {
	background-position:-542px -500px;
}
#exclusion .genre .iconGenre09 {
	background-position:-558px -500px;
}
#exclusion .genre .iconGenre10 {
	background-position:-574px -500px;
}
#exclusion .genre .iconGenre11 {
	background-position:-590px -500px;
}
#exclusion .genre .iconGenre12 {
	background-position:-606px -500px;
}
#exclusion .genre .iconGenre13 {
	background-position:-622px -500px;
}
#exclusion .genre .iconGenre14 {
	background-position:-638px -500px;
}
#exclusion .genre .iconGenre15 {
	background-position:-654px -500px;
}
#exclusion table .wrap_img {
	position: relative;
	display: inline-block;
	font-size: 11px;
	vertical-align: middle;
	width: 54px;
	height: 100%;
	text-align: center;
}
#exclusion table .wrap_img img {
	display: inline-block;
	max-width: 45px;
	max-height: 60px;
	position: absolute;
	top: 50%;
	left: 4px;
	transform: translateY(-50%);
}
#exclusion table .data {
	display: inline-block;
	width: 320px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 140%;
}
#exclusion table .genre {
	float: left;
}
#exclusion .application table .img {
	width: 55px;
	text-align: center;
	float: left;
}
#exclusion .application table .wrap_img {
	display: table-cell;
	width: 55px;
	text-align: center;
	vertical-align: middle;
	height: auto;
}
#exclusion .application table .wrap_img img {
	box-sizing: border-box;
	border: 0px solid #ccc;
	transform: none;
	position: static;
}
#exclusion .application table .data {
	width: 86px;
	float: left;
	font-size: 10px;
}
#exclusion .application table .apply input {
	display: none;
}
#exclusion .application table .apply label {
	white-space: nowrap;
	display: inline-block;
	cursor: pointer;
	width: 16px;
	height: 16px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -980px -350px;
}
#exclusion .application table .apply input:checked + label {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -1055px -414px;
}
#exclusion .application table .apply-inner {
	position: relative;
	top: -10px;
}
#exclusion .application table .apply-inner div {
	position: absolute;
	bottom: -10px;
	left: 0;
	right: 0;
	transform: translateY(100%);
}
#exclusion .application .btn-apply {
	display: block;
	margin: 20px auto 0;
	cursor: pointer;
	height: 34px;
	border: 0;
	font-size: 14px;
	color: #fff;
	line-height: 34px;
	background: #515151;
	border-radius: 5px;
	padding: 0 15px;
}
#exclusion .application table .base-price {
	padding-bottom: 14px;
}

#exclusion .application table .sort_target_9 {
	font-size: 11px;
	line-height: 1;
	width: 80px;
}
#exclusion .application table .sort_target_10 {
	width: 78px;
}
#exclusion .application table .own-stock {
	font-weight: bold;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 14px;
}
#exclusion .application table .latest-sales {
	color: #777;
	line-height: 1;
	font-size: 11px;
}
#exclusion .application table .latest-sales > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 0 10px;
}
#exclusion .application table .latest-sales .day3 {
	padding-bottom: 3px;
}
#exclusion table .wrap-bnbnbottom .series_info span {
	display: inline-block;
	padding: 1px 4px;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	border-radius: 3px;
	margin-right: 10px;
	background: #708090;
}
#exclusion .result table,
#exclusion .exclusion_list table {
	border-top: 1px solid #D7DADD;
	margin-top: 15px;
	box-sizing: border-box;
}
#exclusion .result table {
	width: 755px;
}
#exclusion .exclusion_list table {
	width: 550px;
}
#exclusion .result .title_class,
#exclusion .exclusion_list .title_class {
	position: relative;
}
#exclusion .result .lnk-search,
#exclusion .exclusion_list .lnk-search {
	font-size: 12px;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#exclusion .result .lnk-search:before,
#exclusion .exclusion_list .lnk-search:before {
	content: "";
	margin-right: 5px;
	display: inline-block;
	width: 10px;
	height: 12px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -220px -148px;
	vertical-align: top;
}
#exclusion .result-info {
	line-height: 1.4;
	padding-bottom: 5px;
	padding-left: 1em;
	text-indent: -1em;
	width: 755px;
	box-sizing: border-box;
}
#exclusion .result-info {
	width: 755px;
}
#exclusion .result table .detail {
	width: 475px;
}
#exclusion .exclusion_list table .detail {
	border-right: none;
	box-sizing: border-box;
}
#exclusion .result table .stocksales,
#exclusion .result table .status,
#exclusion .exclusion_list table .stocksales,
#exclusion .exclusion_list table .status {
	width: 80px;
}
#exclusion .result table .extraterm {
	width: 120px;
}
#exclusion .result table .stocksales .own-stock,
#exclusion .exclusion_list table .stocksales .own-stock {
	font-weight: bold;
	line-height: 1;
	padding-top: 10px;
	padding-bottom: 14px;
}
#exclusion .result table .stocksales .latest-sales,
#exclusion .exclusion_list table .stocksales .latest-sales {
	color: #777;
	line-height: 1;
	font-size: 11px;
}
#exclusion .result table .stocksales .latest-sales > div,
#exclusion .exclusion_list table .stocksales .latest-sales > div {
	display: flex;
	justify-content: space-between;
	padding: 0 5px;
}
#exclusion .result table .stocksales .latest-sales .day3,
#exclusion .exclusion_list table .stocksales .latest-sales .day3 {
	padding-bottom: 3px;
}
#exclusion .result table .stocksales .latest-sales > div .num_latest-sales,
#exclusion .exclusion_list table .stocksales .latest-sales > div .num_latest-sales {
	color: #333;
}
#exclusion .result .no-target,
#exclusion .exclusion_list .no-target {
	font-size: 14px;
	display: block;
	text-align: center;
	padding: 30px 0 15px;
}
#exclusion .complete {
	padding: 80px 100px 40px;
	white-space: nowrap;
	font-size: 14px;
	text-align: center;
}
#exclusion .complete-info {
	margin: 15px 0 40px;
	font-size: 12px;
}
#exclusion .complete a {
	font-size: 12px;
}
#exclusion .complete a:before {
	content: "";
	margin-right: 5px;
	display: inline-block;
	width: 10px;
	height: 12px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -220px -148px;
	vertical-align: top;
}

/*20230130 直近7日間の貴店販売アイテム*/
.supple-txt {
	font-size: 14px;
	margin: -6px 0 0;
}
.supple-txt + .stock-info {
	margin: 10px 0 20px 0;
}
.tpl_book.sales .wrap-gap {
	margin-right: 0;
}
.tpl_book.sales .refine-rankText:not(:first-child) {
	margin-left: 12px;
}
.tpl_book.sales .wrap-rrBtn {
	margin-left: 10px;
}
.tpl_book.sales .sales-table {
	background-color: #fff;
	border-collapse: separate;
	table-layout: fixed;
	border-spacing: 0;
}
.tpl_book.sales .sales-table th,
.tpl_book.sales .sales-table td {
	background-color: #fff;
	line-height: 1.4;
	/*position: static;*/
	border-top: 1px solid #D7DADD;
	border-right: 1px solid #D7DADD;
}
.tpl_book.sales .sales-table th {
	background-color: #f3f3f3;
	text-align: center;
	height: auto;
	padding: 5px;
}
.tpl_book.sales .sales-table tr:last-of-type td {
	border-bottom: 1px solid #D7DADD;
}
.tpl_book.sales .sales-table .sort_target_orders {
	border-right: none;
}
.tpl_book.sales .sales-table th.sales-num {
	font-size: 10px;
	padding: 0;
	position: relative;
	height: 25px;
}
.tpl_book.sales .sales-table th.sales-num span {
	display: inline-block;
	transform: translate(-50%,-50%) scale(0.75);
	transform-origin: 50% 50%;
	position: absolute;
	top: 50%;
	left: 50%;
}
.tpl_book.sales .sales-table .col_sales {
	width: 31px;
}
.tpl_book.sales .sales-table th.have_icon {
	cursor: pointer;
}
.tpl_book.sales .sales-table .btn_sort {
	position: static;
	background-position: -319px -177px;
	width: 7px;
	height: 14px;
	top: 0;
	left: 0;
	padding-right: 3px;
}
.tpl_book.sales .sales-table th.have_icon:hover .btn_sort {
	opacity: 0.7;
}
.tpl_book.sales .sales-table .th-sales .btn_sort:hover {
	opacity: 1;
	cursor: auto;
}
.tpl_book.sales .sales-table .date_price {
	color: #777;
}
.tpl_book.sales .sales-table .bn-author {
	font-size: 10px;
	margin-bottom: 5px;
}
.tpl_book.sales .sales-table td.sales-num {
	padding: 0;
}
.tpl_book.sales .fs-11 {
	margin: 5px 0;
}
/*202303 新刊事前受注KPI*/
.tpl_kpi {
	margin: 17px 0 0 0;
}
.tpl_kpi .wrap-refine {
	position: relative;
	margin-bottom: 30px;
	padding: 0 15px;
	box-sizing: border-box;
}
.tpl_kpi .wrap-refine h3 {
	position: absolute;
	top: 50%;
	right: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #333575;
	box-sizing: border-box;
	text-align: right;
	width: 350px;
	line-height: 1.4;
	transform: translateY(-50%);
}
.tpl_kpi .wrap-refine .refine-item02 {
	position: absolute;
	margin-top: 10px;
	width: 100%;
	z-index: 4;
	cursor: pointer;
}
.tpl_kpi .wrap-refine ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: -5px;
}
.tpl_kpi .wrap-refine li.on {
	background: #333575;
	border-color: #333575;
}
.tpl_kpi .wrap-refine li{
	margin-bottom: 5px;
	margin-right: 5px;
	min-width: 148px;
	font-size: 12px;
	color: #333575;
	line-height: 100%;
	letter-spacing: normal;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
	background: #fff;
	word-break: keep-all;
	border-radius: 15px;
	border: 1px solid #ccc;
	transition: 0.3s;
}
.tpl_kpi .wrap-refine li:not(.on):hover {
	opacity: 0.7;
}
.tpl_kpi .wrap-refine li.on a{
	color: #fff;
}
.tpl_kpi .wrap-refine li a{
	color: #aaa;
	display: block;
	padding: 8px 0;
	border-radius: 14px;
}
.tpl_kpi .wrap-refine a:hover{
	text-decoration: none;
}
.tpl_kpi .title_class {
	position: relative;
	display: inline-block;
	margin: 0 0 20px 0;
	font-size: 18px;
	font-weight: bold;
}
.tpl_kpi section {
	margin-bottom: 40px;
}
.tpl_kpi h2 {
	position: relative;
	margin-bottom: 10px;
	padding-left: 7px;
	font-size: 16px;
	border-left: 5px solid #333575;
}
.tpl_kpi h2 span {
	color: #666;
	font-size: 11px;
	font-weight: normal;
	margin-left: 5px;
}
.tpl_kpi .sec_container {
	position: relative;
}
.tpl_kpi .canvas-legend__list {
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
	padding: 20px 0;
}
.tpl_kpi .canvas-legend__item {
	display: flex;
	align-items: center;
}
.tpl_kpi .canvas-legend__item:not(:last-child) {
	margin-left: 20px;
}
.tpl_kpi .canvas-legend__box {
  display: block;  
	width: 40px;
	height: 14px;
	border-style: solid;
	box-sizing: border-box;
}
.tpl_kpi .canvas-legend__label {
	font-size: 13px;
	margin-left: 5px;
}
.tpl_kpi #legend1 {
	position: relative;
	left: -90px;
}
.tpl_kpi .wrapper_chart {
	height: 420px;
	position: relative;
	left: -90px;
	z-index: 2;
}
.tpl_kpi .newsales_rank i:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-size: 22px 22px;
	background-repeat: no-repeat;
	background-position: center center;
}
.tpl_kpi .newsales_rank i.arrow_up:before {
	background-image: url(/img/arrow_up.svg);
}
.tpl_kpi .newsales_rank i.arrow_stay:before {
	background-image: url(/img/arrow_stay.svg);
}
.tpl_kpi .newsales_rank i.arrow_down:before {
	background-image: url(/img/arrow_down.svg);
}
.total_evaluation .wrapper_text {
	border: 1px solid #D7DADD;
	box-sizing: border-box;
	padding: 15px;
	line-height: 1.5;
	font-size: 14px;
}
.tpl_kpi .info_txt {
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 25px;
}
.tpl_kpi .wrap-refine .capture {
	font-size: 12px;
	color: #777;
	margin-bottom: 8px;
}
.tpl_kpi .date {
	font-size: 13px;
	font-weight: bold;
	color: #777;
	background-color: #eee;
	line-height: 23px;
	padding-left: 12px;
	margin-bottom: 15px;
}
.tpl_kpi .first_chart {
	float: left;
	width: 65%;
	margin-bottom: 0;
}
.tpl_kpi .second_chart {
	float: left;
	width: 35%;
}
.tpl_kpi .newsales_rank {
	float: left;
	width: 35%;
}
.tpl_kpi .data_ttl {
	font-size: 14px;
	color: #777;
	margin-bottom: 6px;
}
.tpl_kpi .data_item {
	border-bottom: 1px solid #D6D9DC;
	margin-top: 16px;
	padding-bottom: 3px;
}
.tpl_kpi .data_item ul {
	display: flex;
}
.tpl_kpi .data_item ul li {
	font-size: 11px;
	font-weight: bold;
	color: #777;
	width: 155px;
}
.tpl_kpi .data_item ul li div {
	font-size: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	padding-top: 2px;
}
.tpl_kpi .data_item ul li div span {
	font-size: 36px;
}
.tpl_kpi .data_item ul li.mystore div {
	color: #FCBA4F;
}
.tpl_kpi .data_item ul li.index div {
	color: #677DCE;
}
.tpl_kpi .newsales_rank .this_month {
	font-size: 14px;
	color: #777;
	display: inline-flex;
	align-items: center;
	border-bottom: 1px solid #D6D9DC;
}
.tpl_kpi .newsales_rank .this_month i {
	display: block;
	width: 50px;
	height: 36px;
}
.tpl_kpi .newsales_rank .capture {
	margin-top: 10px;
	color: #777;
	text-indent: -1em;
	padding-left: 1em;
}
.tpl_kpi .first_chart .data_list {
	position: absolute;
	top: 20px;
	right: 80px;
}
.tpl_kpi .first_chart .data_ttl {
	font-size: 12px;
	margin-bottom: 4px;
}
.tpl_kpi .first_chart .data_item {
	margin-top: 10px;
	padding-right: 15px;
}
.tpl_kpi .first_chart .data_item ul li {
	font-size: 10px;
	width: 100px;
}
.tpl_kpi .first_chart .data_item ul li div {
	font-size: 18px;
}
.tpl_kpi .first_chart .data_item ul li div span {
	font-size: 24px;
}
.tpl_kpi .columns:after {
	content: "";
	display: block;
	clear: both;
}
.tpl_kpi .data_list {
	line-height: 1.2;
}

/*202309 事前予約改修*/
.container__reservation-info {
	border: 3px solid #f3f3f3;
	display: flex;
	box-sizing: border-box;
	margin: 15px 0 10px;
}
.container__reservation-info * {
	box-sizing: border-box;
}
.container__reservation-info .ttl__reservation-info {
	width: 150px;
	font-size: 14px;
	font-weight: bold;
	color: #323575;
	padding: 12px 15px;
	display: flex;
	align-items: center;
	line-height: 1;
}
.container__reservation-info .inner__reservation-info {
	padding: 12px 12px 12px 0;
	width: calc(100% - 150px);
	text-align: center;
}
.container__reservation-info .list__reservation-info li {
	font-size: 12px;
	padding: 12px 0;
	border-bottom: dotted 1px #ddd;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: left;
}
.container__reservation-info .list__reservation-info li a {
	color: #333;
}
.container__reservation-info .list__reservation-info li a:hover {
	opacity: 0.7;
}
.container__reservation-info .list__reservation-info li a span {
	font-size: 11px;
	display: inline-block;
	padding-right: 35px;
	position: relative;
}
.container__reservation-info .list__reservation-info li.new a span:after {
	content: "";
	width: 20px;
	height: 10px;
	background-image: url(../img/parts.png?v=20220809);
	background-position: -190px -150px;
	background-repeat: no-repeat;
	display: inline-block;
	position: absolute;
	top: 50%;
	right: 6px;
	transform: translateY(-50%);
}
.container__reservation-info .more-btn__reservation-info {
	font-size: 11px;
	color: #333;
	height: 24px;
	border: 1px solid #ddd;
	display: inline-flex;
	width: 95px;
	border-radius: 13px;
	text-align: center;
	margin: 12px 0 0;
	cursor: pointer;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	transition: 0.3s;
}
.container__reservation-info .more-btn__reservation-info:hover {
	background-color: #f7f7f7;
}
.container__reservation-info .more-btn__reservation-info:before {
	content: "もっと見る";
}
.container__reservation-info .more-btn__reservation-info:after {
	content: "";
	display: inline-block;
	width: 5px;
	height: 5px;
	border-right: 1px solid #333;
	border-bottom: 1px solid #333;
	transform: translateY(-1px) rotate(45deg);
	margin-left: 5px;
	transition: 0.3s;
}
.container__reservation-info .more-btn__reservation-info.active:after {
	transform: translateY(2px) rotate(225deg);
}
.wrap-txt {
	position: relative;
}
.cnt-preorder .wrap-txt #btn-preorder_reservation {
	top: 15px;
}


.renewcontent.cnt-preorder .wrap-txt > label {
    position: absolute;
    top:0;
    right:0;
    cursor: pointer;
    color: #333;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: linear-gradient(#fff, #f7f7f7);
    padding: 4px 10px;
    display: inline-flex;
    align-items: center;
    line-height: 1.2;
}
.renewcontent.cnt-preorder .wrap-txt > label:before {
    content: "";
    width: 32px;
    height: 18px;
    background-image: url(/img/parts.png?v=20240901);
    background-position: -60px -598px;
    background-repeat: no-repeat;
}
.renewcontent.cnt-preorder .wrap-txt > label input[type="button"][name="excel_download"] {
    background: none;
    border: none;
    padding: 0;
    color: inherit;
    cursor: pointer;
}
.renewcontent.cnt-preorder .pinAddbottom, .renewcontent.proposal .pinAddbottom {
    position: fixed;
    /*width: calc(100% - 21vw);*/
    width: 100%;
    top: 100vh;
    /*left: 21vw;*/
    left: 0;
    transform: translateY(-100%);
    background-color: rgba(81, 81, 81, 0.8);
    text-align: right;
    padding: 15px 100px 15px 20px;
    box-sizing: border-box;
    z-index: 90;
}
.renewcontent.cnt-preorder .pinAddbottom.pagebottom, .renewcontent.proposal .pinAddbottom.pagebottom {
    transform: translateY(calc(-100% - 189px));
}
.renewcontent.cnt-preorder .pinAddbottom div, .renewcontent.proposal .pinAddbottom div {
    width: 100%;
    margin: 0;
    vertical-align: unset;
}
.renewcontent.cnt-preorder .pinAddbottom #btn-preorder_reservation, .renewcontent.proposal .pinAddbottom #btn-proposal {
    position: relative;
    top:auto;
    right:auto;
}


.search_reservationchainten .odr_search_01 {
	display: flex;
	margin-bottom: 45px;
	align-items: flex-end;
	justify-content: space-between;
}
.search_reservationchainten .odr_search_01 .search_reservationchainten_text2 input {
	width: 270px;
}
.search_reservationchainten .odr_search_01 .search_reservationchainten_text2 {
	margin-left: 0;
}
.search_reservationchainten .odr_search_01 #searchB_all a {
	margin-left: 0;
}
.txtbox_search {
	display: flex;
}

/*一覧注文書改修 202309*/
.titleB.orderlist {
	max-width: 630px;
	height: auto;
	margin: 0 0 20px 0;
	padding-left: 23px;
	text-indent: -23px;
	word-break: break-all;
}
.set-terms {
	font-size: 13px;
	font-weight: normal;
	position: absolute;
	bottom: 0;
	right: 0;
}
.set-terms:hover {
	text-decoration: none;
}
.tpl_book #addtop_wrapbtn .orderlist_add {
	display: inline-flex;
}
.tpl_book #addtop_wrapbtn .orderlist_add label {
	display: inline-flex;
	align-items: center;
}
.add_basket.orderlist_add label + label {
	margin-left: 10px;
}
.tpl_book #addtop_wrapbtn .orderlist_add label[for="orderlist-excel"]:before {
	content: "";
	width: 32px;
	height: 18px;
	background-image: url(/img/parts.png?v=20240901);
	background-position: -60px -598px;
	background-repeat: no-repeat;
}
.tpl_book #addtop_wrapbtn .orderlist_add label[for="orderlist-excel"] .linkFancybox {
	color: #000;
	text-decoration: none;
}
.refine-tag {
    position: relative;
	font-size: 14px;
	display: flex;
	align-items: center;
	line-height: 1;
	margin-bottom: 20px;
}
.refine-tag .tag-group {
	display: flex;
}
.refine-tag .tag-group li + li {
	margin-left: 10px;
}
.refine-tag .tag-group li input {
	display: none;
}
.refine-tag .tag-group li label {
	display: inline-block;
	font-size: 12px;
	color: #839190;
	border: 1px solid #839190;
	padding: 3px 8px;
	border-radius: 3px;
}
.refine-tag .tag-group li label:hover {
	background-color: #839190;
	color: #fff;
}
.refine-tag .tag-group li input:checked + label {
	background-color: #839190;
	color: #fff;
}
.refine-tag .instructions-tablet {
    display: none;
}
.orderIcon_tag {
	display: inline-block;
	height: 14px;
	line-height: 14px;
	font-size: 10px;
	color: #fff;
	background: #a2aaaa;
	box-sizing: border-box;
	text-align: center;
	vertical-align: top;
	border-radius: 3px;
	padding: 0 5px;
	margin-left: 5px;
	margin-bottom: 5px;
}
#mw_orderlist_upload,
#mw_orderlisttop_upload {
	padding: 10px;
}
#mw_orderlist_upload .ttl,
#mw_orderlisttop_upload .ttl {
	font-size: 16px;
	margin-bottom: 5px;
}
#mw_orderlist_upload .txt,
#mw_orderlisttop_upload .txt {
	font-size: 15px;
	width: 640px;
	line-height: 1.4;
	margin-bottom: 30px;
	padding: 0 1em;
}
#mw_orderlist_upload .txt label {
	color: #0087d8;
}
#mw_orderlist_upload .txt label:hover {
	opacity: 0.7;
}
#mw_orderlist_upload .input-group,
#mw_orderlisttop_upload .input-group {
	margin: 0 auto;
}
#mw_orderlist_upload .input-group .form-control,
#mw_orderlisttop_upload .input-group .form-control {
	width: 355px;
	height: 32px;
}
#mw_orderlist_upload .input-group .input-group-btn,
#mw_orderlisttop_upload .input-group .input-group-btn {
	width: auto;
}
#mw_orderlist_upload button.btn.btn-primary.file-select,
#mw_orderlisttop_upload button.btn.btn-primary.file-select {
	background-color: #333575;
	width: 45px;
	height: 32px;
	position: relative;
	outline: none;
}
#mw_orderlist_upload button.btn.btn-primary.file-select:before,
#mw_orderlisttop_upload button.btn.btn-primary.file-select:before {
	content: '';
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: 0px -600px;
	padding: 10px;
	position: absolute;
	top: 7px;
	left: 14px;
}
#mw_orderlist_upload .item-upload_btn,
#mw_orderlisttop_upload .item-upload_btn {
	margin: 0;
	padding-top: 30px;
	font-size: 0;
}
#mw_orderlist_upload .item-upload_btn button,
#mw_orderlisttop_upload .item-upload_btn button {
	display: inline-block;
	padding: 10px;
	background: linear-gradient(#fff, #f7f7f7);
	color: #444;
	font-weight: normal;
	font-size: 12px;
	line-height: 1;
	border: 1px solid #ccc;
	height: 32px;
	min-width: initial;
	width: 70px;
	border-radius: 3px;
	outline: none;
	cursor: pointer;
	margin-left: 0;
}
#mw_orderlist_upload .item-upload_btn button + button,
#mw_orderlisttop_upload .item-upload_btn button + button {
	margin-left: 15px;
}
#orderformlist .btn-uplaod {
	cursor: pointer;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: linear-gradient(#fff, #f7f7f7);
	padding: 4px 10px;
	display: inline-flex;
	align-items: center;
	position: absolute;
	top: -4px;
	right: 130px;
	z-index: 2;
}
#orderformlist .btn-uplaod:before {
	content: "";
	width: 32px;
	height: 18px;
	background-image: url(/img/parts.png?v=20240901);
	background-position: -60px -598px;
	background-repeat: no-repeat;
}
#orderformlist .btn-uplaod a {
	color: #333;
	text-decoration: none;
}
#orderformlist .tab-list__list-type li.mylist {
	font-size: 13px;
	padding: 8px 30px;
}
#orderformlist .tab-list__list-type li.mylist.is-active {
	background-color: #ea9292;
}
#orderformlist .tab-list__list-type li.mylist + li {
	margin-left: 15px;
}
#orderformlist .tab-list__list-type li span {
	display: block;
	margin-top: 3px;
}
#orderformlist .order-list li a.delete-btn {
	color: #e60013;
	font-size: 10px;
	display: inline-block;
	margin-left: 5px;
}
#orderformlist .btn-download {
	cursor: pointer;
	color: #333;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	background: linear-gradient(#fff, #f7f7f7);
	padding: 4px 10px;
	display: inline-flex;
	align-items: center;
	line-height: 1.2;
}
#orderformlist .btn-download:before {
	content: "";
	width: 32px;
	height: 18px;
	background-image: url(/img/parts.png?v=20240901);
	background-position: -60px -598px;
	background-repeat: no-repeat;
}
#orderformlist .order-list-item-inner span {
	line-height: 1;
	vertical-align: top;
	margin-top: 5px;
	display: inline-block;
}
#orderformlist .order-list-item-inner .label-new {
	font-size: 10px;
	color: #e60013;
	margin-right: 3px;
}
.wrap-refine-disp {
	position: relative;
}

/*バスケット改修 202309*/
[id^="order_form_"] .icon-duplicate {
	font-size: 10px;
	background-color: #ffea34;
	border-radius: 3px;
	display: inline-block;
	padding: 1px 5px;
	font-weight: bold;
	position: absolute;
	top: 5px;
	left: 50%;
	transform: translateX(-50%);
	color: black;
}
[id^="order_form_"] .basket-genre {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 15px;
	font-weight: bold;
	box-sizing: border-box;
	/*border-top: 1px solid #d5d8db;*/
	/*border-right: 1px solid #d5d8db;*/
	/*border-bottom: 1px solid #d5d8db;*/
	border-left: 6px solid #646477;
	padding: 14px 10px;
	margin: 50px 0 10px;
}
[id^="order_form_"] .basket-genre .inner__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width:calc(100% - 320px);
}
[id^="order_form_"] .basket-genre .inner__left .basket__title {
    margin-bottom:5px;
    color:#666;
    font-size:12px;
}
[id^="order_form_"] .basket-genre a {
	font-size: 12px;
	font-weight: normal;
	/*margin-left: 15px;*/
	display: inline-flex;
	align-items: center;
}
[id^="order_form_"] .basket-genre a .name {
	display: inline-block;
	max-width: 730px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
[id^="order_form_"] .basket-genre  .inner__left a {
    margin-top:5px;
    display: inline-block;
    max-width: 520px;
}
[id^="order_form_"] .basket-genre  .inner__left a .name {
	display: inline;
	overflow: auto;
	text-overflow:inherit;
	white-space:normal;
}
[id^="order_form_"] .basket-genre a .rev-num {
	margin-left: 5px;
}
[id^="order_form_"] .alert-txt {
	font-size: 14px;
	color: #ff0000;
	margin-bottom: 10px;
}
[id^="order_form_"] .sort_target_1.normal {
	box-sizing: content-box;
}
[id^="order_form_"] .sort_target_1.normal .icon-duplicate {
	top: 50%;
	transform: translate(-50%,-50%);
}

/*書籍詳細改修 202309*/
#mw_bookdetail .tag .orderIcon_tag {
	font-size: 11px;
	line-height: 18px;
	height: 18px;
	margin-bottom: 0;
	margin-top: 10px;
}
#mw_bookdetail .tag .orderIcon_tag:first-of-type {
	margin-left: 0;
}

.wrap_btn.status {
	text-align: right;
	margin-bottom: 15px;
}
.wrap_btn.status label {
	display: inline-flex;
	position: relative;
	padding: 4px 10px;
	cursor: pointer;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f7f7f7), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(#fff, #f7f7f7);
	background: -moz-linear-gradient(#fff, #f7f7f7);
	background: -o-linear-gradient(#fff, #f7f7f7);
	background: -ms-linear-gradient(#fff, #f7f7f7);
	background: linear-gradient(#fff, #f7f7f7);
	align-items: center;
}
.wrap_btn.status label:before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	width: 28px;
	height: 14px;
	background: url(../img/parts.png?v=20240901) no-repeat;
	background-position: -50px -195px;
	vertical-align: top;
}
.wrap_btn.status label input {
	font-size: 11px;
	background: transparent;
	border: none;
	padding: 0;
	line-height: 1;
}

#login_contents .temp-txt {
    color: #f00;
    font-size: 13px;
    text-align: center;
    margin-top: 30px;
    line-height: 1.4;
}

/*入荷予定引当対応 202509*/
span.reprint {
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	padding:2px 0;
	width: 100%;
	color: #FFFFFF;
	font-size: 10px;
	letter-spacing: -0.04em;
	/*background: #29A2C6;*/
	background: #333575;
	box-sizing: border-box;
    letter-spacing: -0.02em;
    font-feature-settings: "palt";
}
span.expected_arrival {
	display: block;
	position: absolute;
	bottom:0;
	left:0;
	padding:2px 0;
	width: 100%;
	color: #222222;
	font-size: 10px;
	letter-spacing: -0.04em;
	/*background: #f48b31;*/
	background: #FBF286;
	box-sizing: border-box;
}

/*書店情報ページ改修 202507*/
.member_menu＿tab, .followup_menu＿tab {
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto 50px;
}

.tab_label {
	height: 60px;
	line-height: 60px;
	color:#707070;
	font-size: 14px;
	border: 1px solid #ddd;
	border-radius: 5px 5px 0 0;
	background:#f3f3f3;
	white-space: nowrap;
	text-align: center;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	flex: 1;
	margin-bottom: -1px;
	border-bottom: none;
}

.member_menu＿tab label:nth-of-type(n+2), .followup_menu＿tab label:nth-of-type(n+2) {
	margin-left: -1px;
}

#tab_member:checked ~label[for="tab_member"]:before, 
#tab_pw:checked ~label[for="tab_pw"]:before, 
#tab_staff:checked ~label[for="tab_staff"]:before, 
#tab_toritsugi:checked ~label[for="tab_toritsugi"]:before, 
#tab_calendar:checked ~label[for="tab_calendar"]:before, 
#tab_toritsugi_delivery:checked ~label[for="tab_toritsugi_delivery"]:before, 
#tab_toritsugi_chainten:checked ~label[for="tab_toritsugi_chainten"]:before {
	content: "";
	width: 100%;
	height: 3px;
	background-color: #333575;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px 5px 0 0;
}
#tab_followup:checked ~label[for="tab_followup"]:before, 
#tab_history:checked ~label[for="tab_history"]:before {
	content: "";
	width: 100%;
	height: 3px;
	background-color: #333575;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 5px 5px 0 0;
}
.tab_content {
	width: 100%;
	height: 0;
	font-size: 12px;
	overflow: hidden;
	opacity: 0;
}
/* アクティブタブ */
.tab_active:checked+.tab_label {
	background-color: #fff;
	color: #333575;
}
.tab_active:checked+.tab_label+.tab_content {
	height: auto;
	overflow: auto;
	padding: 40px;
	opacity: 1;
	transition: .5s opacity;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.followup_menu＿tab .tab_label {
	border: none;
}
.followup_menu＿tab .tab_active:checked+.tab_label+.tab_content {
	box-shadow: none;
}
.followup_menu＿tab .date-wrapper {
	margin-top:25px;
}
.followup_menu＿tab .tab_active:checked+.tab_label+.tab_content {
	padding-inline:0;
	padding-block: 40px;
}
.followup_menu＿tab table#suggest {
	table-layout: fixed;
	width: 100%;
	box-sizing: border-box;
}
.followup_menu＿tab .btn_sort {
	top: 50%;
	transform: translate(0,-50%);
}
/* table#suggest .row-topにbox-sizing: border-box;を追加 */

/* ラジオボタン非表示 */
.tab_active {
	display: none;
}

.testmarketing-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    position: relative;
    margin:0;
    padding:0;
    font-size:14px;
    line-height:1;
}

.testmarketing-info::before {
    content:'';
    display: inline-block;
    margin-right: 5px;
    width:16px;
    height:16px;
    background:url(/img/ico-fg_tm_target.svg);
    background-size: cover;
}

.reservation_filter .testmarketing-info {
    position: absolute;
    top:3px;
    left:0;
    font-size:12px;
    color:#666;
}

#reservation_edit.cnt-preorder.mw_cnt-preorder .btn-container + .testmarketing-info {
    margin-top:10px;
}

#reservation_edit.cnt-preorder.mw_cnt-preorder .testmarketing-info  + .chainten_order_edit {
    margin-top:15px;
}

.fg_tm_target {
    position:relative !important;
}
.fg_tm_target::before {
    content:'';
    display: block;
    position: absolute;
    top:0;
    right:0;
    width:40px;
    height:40px;
    background:url(/img/ico-fg_tm_target.svg);
    background-size: cover;
}

/*棚メンテナンス機能 202604*/
/* --- 1. 変数定義（カラーパレット） --- */
:root {
    --table-border: #cccccc;
    --bg-green: #e2efda;
    /* 在庫ありの背景色 */
    --bg-blue: #ddebf7;
    /* 在庫なしの背景色 */
    --bg-orange: #fce4d6;
    /* 合計の背景色 */
    --bg-yellow: #fffbcc;
    /* 非稼働の背景色 */
    --text-main: #333333;
}

/* ==========================================
   ▼ ブロック1（既存）のレイアウト
   ========================================== */
.inventory-by-rank {
}

.inventory-by-rank + input + .tpl_book #addtop_wrapbtn {
    top: 36px;
}

.inventory-by-rank__inner {
    display: flex;
    gap: 20px;
    margin-top:20px;
}

.inventory-by-rank__title {
    padding-left: 23px;
    text-indent: -23px;
    font-size: 18px;
    font-weight: bold;
    word-break: break-all;
}

.inventory-by-rank__title-note {
    margin-left: 20px;
    font-size: 12px;
    font-weight: normal;
    font-feature-settings: "palt";
}

/* 既存ブロック内の表ラッパーは80%幅 */
.inventory-by-rank .inventory-by-rank__table-wrapper {
    width: 80%;
}

.out-of-stock-order__title {
    display: flex;
    align-items: center;
    gap:20px;
    margin-bottom:20px;
}

.out-of-stock-order__title .genre-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    padding: 6px 10px 6px 22px;
    font-size: inherit;
    font-family: inherit;
    font-weight: bold;
    color: #fff;
    background-color: #333575;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
}

.out-of-stock-order__title .select-wrapper {
    position: relative;
}

.out-of-stock-order__title .select-wrapper::after {
    content: "▼";
    position: absolute;
    top: 50%;
    left: 8px;
    transform: translateY(-50%);
    color: #fff;
    font-size: 8px;
    pointer-events: none; 
}

/* ==========================================
   ▼ ブロック2（新規追加）のレイアウト
   ========================================== */
.inventory-detail {
    display: block;
    padding:20px;
    width: 100%;
    box-sizing: border-box;
}

.inventory-detail__customer_name {
    font-size: 16px;
    font-weight: bold;
}

/* 新規ブロック内の表ラッパーは1カラムなので100%幅 */
.inventory-detail .inventory-detail__table-wrapper {
    margin-top:20px;
    width: 100%;
}

/* ==========================================
   ▼ テーブル本体の基本スタイル（旧・新共通）
   ========================================== */
.inventory-table,
.inventory-table-detail {
    width: 100%;
    border-collapse: collapse;
    color: var(--text-main);
    font-size: 10px;
    text-align: center;
    line-height: 1.5;
    letter-spacing: -0.04em;
    font-feature-settings: "palt";
}

.inventory-table {
    margin-bottom:10px;
}

.inventory-table th,
.inventory-table td,
.inventory-table-detail th,
.inventory-table-detail td {
    border: 1px solid var(--table-border);
    padding: 8px 5px;
    white-space: nowrap;
    vertical-align: middle;
}

.inventory-table thead th,
.inventory-table-detail thead th {
    font-weight: bold;
}

.inventory-table thead tr:first-child th,
.inventory-table-detail thead tr:first-child th {
    padding-top: 12px;
    padding-bottom: 12px;
}

/* --- テーマカラーの適用 --- */
.bg-green { background-color: var(--bg-green); }
.bg-blue { background-color: var(--bg-blue); }
.bg-orange { background-color: var(--bg-orange); }

/* --- データ行の左端スタイル（旧・新共通） --- */
.inventory-table tbody th,
.inventory-table-detail tbody th {
    text-align: left;
    font-weight: normal;
}

.inventory-table-detail tbody th[scope="row"] {
}

/* ==========================================
   ▼ 【既存表専用】のスタイル
   ========================================== */
/* 各セクションの合計列を太字にする */
.inventory-table tbody td:nth-of-type(1) {
    font-weight: bold;
}

/* ==========================================
   ▼ 【追加表（明細）専用】のスタイル
   ========================================== */
.inventory-table-detail tbody td:nth-of-type(1),
.inventory-table-detail tbody td:nth-of-type(11),
.inventory-table-detail tbody td:nth-of-type(21) {
    font-weight: bold;
}

/* 「女子」「男女なし」行の上線を消し、男子行と一つの枠にまとまっているように見せる */
.inventory-table-detail tr.is-detail-row th:not([scope="rowgroup"]),
.inventory-table-detail tr.is-detail-row td {
    border-top: none;
    border-bottom: none;
}

/* 合計行全体のスタイル差別化 */
.inventory-table-detail tbody tr.is-detail-row th:not([scope="rowgroup"]), .inventory-table-detail tbody tr.is-detail-row td {
    /*background-color: var(--bg-yellow);*/
    background-color: #f6f6f6;
}

.inventory-table-detail tbody tr.is-total-row th, .inventory-table-detail tbody tr.is-total-row td {
    /*border-top: none;*/
}

/* ==========================================
   ▼ ボタンエリアのスタイル（既存のまま）
   ========================================== */
.inventory-by-rank__button-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 20%;
    gap: 20px;
    font-feature-settings: "palt";
}

[class*="inventory-by-rank__button--"] p {
    margin-top: 10px;
}

[class*="inventory-by-rank__button--"] a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 10px;
    width: 100%;
    height: 60px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-sizing: border-box;
    text-decoration: none;
}

.inventory-by-rank__button--detail a {
    background: #fef4e3;
}

.inventory-by-rank__button--inactive a {
    background: #fffbcc;
}

[class*="inventory-by-rank__button--"] a::after {
    font-family: "Font Awesome 5 free";
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    margin-left: 10px;
    display: inline-block;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}

.inventory-by-rank__button--detail a::after {
    content: "\f35d";
}

.inventory-by-rank__button--inactive a::after {
    content: "\f019";
}

/* ==========================================
   ▼ セレクトボックス用のスタイル
   ========================================== */
.inventory-detail .select-wrapper {
    position: relative;
    width: 100%;
}

/* 2. ラッパーの擬似要素として「▼」を絶対配置する */
.inventory-detail .select-wrapper::after {
    content: "▼";
    position: absolute;
    top: 50%;
    right: 8px;
    transform: translateY(-50%);
    font-size: 8px;
    pointer-events: none; 
}

.inventory-detail .table-select {
    position: relative;
    width: 100%;
    padding: 4px;
    font-size: inherit; /* 周りのテキストサイズ(10px)に合わせる */
    font-family: inherit;
    font-weight: bold;
    color: inherit;
    background-color: rgba(255, 255, 255, 0.5); /* うっすら白背景を敷いて操作できる感を出す */
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    cursor: pointer;
    box-sizing: border-box;
}

.inventory-detail .table-select:focus-visible {
    outline: 2px solid #005fcc;
    outline-offset: 2px;
}

/* プルダウンの矢印（▼）がテキストに含まれているため、OS標準の矢印を消す場合は以下を有効化してください */
.inventory-detail .table-select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* ==========================================
hack
   ========================================== */
.inventory-by-rank + input + .tpl_book {
    margin-top:40px;
}

.inventory-by-rank + input + .tpl_book .icon08 {
    display: none;
}

.inventory-by-rank + input + .tpl_book .titleB.orderlist {
    width: auto;
    max-width: none;
    margin-bottom:0;
    padding-left: 0;
    text-indent: 0;
}

/*出荷状況 202510*/
#shipping-status-update {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom:20px;
    letter-spacing: -0.04em;
}

.shipping-status-update__title {
    padding:3px 5px 2px;
    color:#fff;
    font-size: 11px;
    border-radius: 3px;
    background:#FB2A27;
    box-sizing: border-box;
}

#shipping-status-update .date-change, #shipping-status-update .status-change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#shipping-status-update .date-change {
    margin-left:10px;
}

#shipping-status-update .status-change {
    margin-left:10px;
    padding-left:10px;
    border-left: 1px solid #ccc;
}

#shipping-status-update .date {
    font-size: 10px;
}

#shipping-status-update .date + .text {
    margin-left:5px;
    font-size: 12px;
}

#shipping-status-update .text a {
    color:inherit;
    text-decoration: underline;
}

.shipping-status .titleB {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.shipping-status .titleB > * + * {
    margin-left:10px;
}

.shipping-status__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.shipping-status__result-summary {
    position: relative;
    padding:0 5px;
    text-align: center;
    white-space: nowrap;
    box-sizing: border-box;
}

.shipping-status__result-note {
    position: absolute;
    width: 100%;
    font-weight: 400;
    font-feature-settings: "palt";
    text-align: center;
}

.shipping-status__selecter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.shipping-status .ordering, .shipping-status .ordering_plus {
    position: relative;
    left: auto;
}

.shipping-status .selectOrdering, .shipping-status .selectOrdering_plus {
    position: relative;
}

.shipping-status .selectOrdering::before, .shipping-status .selectOrdering_plus::before {
    margin-right: 0;
    top: 50%;
    left: auto;
    right:5px;
    transform: translate(0,-50%);
}

.shipping-status .selectOrdering select, .shipping-status .selectOrdering_plus select {
    padding: 0 25px 0 10px;
    height: 24px;
    background: #fff;
    border: 1px solid #ccc;
    box-sizing: border-box;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    top: auto;
    left: auto;
    width: 96px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.shipping-status__addrefine {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.sale-proposal .shop-stock {
    position: relative;
}

.sale-proposal .shop-stock .block_reprint {
    position: absolute;
    width:100%;
    height:100%;
    text-align: center;
}

.sale-proposal .shop-stock .expected_arrival, .sale-proposal .shop-stock .reprint {
    line-height:1;
}

.shop-stock:has(.block_reprint) .shop-stock-num {
    transform: translate(0,-7px);
}

.shop-stock:not(:has(.block_reprint)) {

}

.tpl_book .titleC.policy_detail_title {
	height: auto;
}

/*取次倉庫拡充対応改修 202604*/
#usage_suggestion-modal {
    padding:20px 20px;
    box-sizing: border-box;
}
#usage_suggestion-modal .advice {
    color:red;
    font-size: 22px;
    font-weight: bold;
}
#usage_suggestion-modal .advice::before {
    content:'\f06a';
    font-family: "Font Awesome 5 free";
    pointer-events: none;
    -webkit-font-smoothing: antialiased;
    margin-right: 5px;
    display: inline-block;
    color: #333;
    font-weight: bold;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
}
#usage_suggestion-modal .lead_time {
    margin-block:30px;
    font-size: 14px;
    letter-spacing: -0.04em;
    /*font-feature-settings: "palt";*/
    white-space: nowrap;
}
#usage_suggestion-modal .lead_time span {
    font-size: 18px;
}
#usage_suggestion-modal .cautionary_note {
    position: relative;
    display: flex;
    gap:2px;
    min-width: 500px;
    font-size: 12px;
    line-height:1.5;
    letter-spacing: -0.02em;
    /*font-feature-settings: "palt";*/
    white-space: nowrap;
}
#usage_suggestion-modal .cautionary_note::before {
    content:'※';
}
#usage_suggestion-modal .cautionary_note a {
    color:#0087d8;
    text-decoration: underline;
}
#usage_suggestion-modal .usage_suggestion-modal__button-container {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top:40px;
    width: 100%;
    gap:20px;
}
#usage_suggestion-modal .usage_suggestion-modal__button-container input.basket_back {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:6px 20px;
    border: 0;
    font-size: 14px;
    color: #fff;
    background: #333575;
    border-radius: 5px;
    box-sizing: border-box;
}
#usage_suggestion-modal .usage_suggestion-modal__button-container input.confirm {
    /* 1. ブラウザ特有の標準装飾を無効化（特にiOS Safariで必須） */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* 2. 背景と枠線を消す */
    background: transparent;
    border: none;

    /* 3. 余白をなくす */
    padding: 0;
    margin: 0;

    /* 4. フォントと文字色を親要素（周りのテキスト）に合わせる */
    font-family: inherit;
    font-size: inherit;
    color: inherit; /* 青色リンクっぽくしたい場合は #005fcc など任意の色を指定 */
    text-decoration: underline;

    /* 5. マウスオーバー時にクリックできることを伝える */
    cursor: pointer; 
}

/*iPad（A16）fancybox対応 202606*/
.fancybox-wrap.fancybox-mobile:has(#mw_popdetail), .fancybox-wrap.fancybox-mobile:has(.fancybox-image), .fancybox-wrap.fancybox-mobile:has(#mw_bookdetail) {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}