@charse"utf-8";

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; background:transparent; border:0; outline:0; font-size:1em;}
body,table,input,textarea,select,option{font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;}
ol,ul{list-style:none;}
a{text-decoration:none;}

#wrap{width:98%; margin:1%;}
.container{position:relative; width:100%; height:100vh;}
.container_2col{display:flex; flex-direction:row;}

#div_side{width:16em; min-height:100vh; font:normal 1em sans-serif; color:white; border-radius:0 2em 2em 0; background:#3D3A39;}
.container_side{position:relative; width:12em; margin:0 2em; padding-top:2em;}
img.side_logo{width:12em;}
#side_username{margin-top:2em;}
#side_username img.user_icon{float:left; width:2.5em; margin-right:0.5em;}
#side_username p.user_company{line-height:1em;}
#side_username p.user_name{font-size:0.8em;}
ul#side_menu{margin-top:2em;}
#side_menu li{position:relative; margin-top:1em; background:url(img/icon23w.png) right center/0.4em no-repeat; overflow:hidden;}
#side_menu li a{display:block; padding-left:1.5em; color:white;}
#side_menu li a.nolink{pointer-events:none; color:#B5B5B5;}
#side_menu li img{position:absolute; top:45%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); max-width:1em; height:0.8em;}


#div_main{position:relative; flex-grow:1;}

#div_head{padding-top:2em;}
#head_navi{text-align:right;}
#head_navi li{display:inline-flex; margin-right:1em;}
#head_navi li a{}
#head_navi li img{height:1em; vertical-align:middle;}
#head_navi li .search_bar{display:flex; align-items:center; width:15em; height:2em; border-radius:1em; background:#F7F8FC; overflow:hidden;}
#head_navi li .search_bar #search01{width:100%; padding:0 1em; font-size:0.8em; border:none; outline:none; box-sizing:border-box; background:#F7F8FC;}
#head_navi li .search_bar .icon_loupe{margin-right:0.5em;}
#head_navi li.header_msg{}
#head_navi li.header_msg p{}

#div_userhead{width:100%; background:#3E3A39;}
#div_userhead h1{float:left;}
#div_userhead h1 img.head_logo{width:12em; vertical-align:middle;}
#div_userhead div.search_bar{float:left; display:flex; align-items:center; width:15vw; height:2.5em; margin-left:4vw; border-radius:1.5em; background:#F7F8FC; overflow:hidden;}
#div_userhead div.search_bar #search01{width:100%; padding:0 1em; font-size:0.8em; border:none; outline:none; box-sizing:border-box; background:#F7F8FC;}
#div_userhead div.search_bar img{height:1em;}
#div_userhead div.search_bar a{background:#5A8DB6;}
#div_userhead div.search_bar .icon_search{margin-left:1em; vertical-align:middle;}
#div_userhead div.search_bar .icon_loupe{margin:0.5em 0.8em; vertical-align:middle;}
#userhead_container{min-height:2.5em; line-height:2.5em; padding:3em 2em 2em;}
#userhead_navi{float:right; text-align:right;}
#userhead_navi li{display:inline-flex; margin-right:0.5em; color:white; vertical-align:middle;}
#userhead_navi li a{text-align:center; color:white;}
#userhead_navi li.navi_logoff{}
#userhead_navi li.navi_logon{}
#userhead_navi li.navi_entry a{margin:0 0.5em; font-size:0.8em;}
#userhead_navi li.navi_username{display:inline-block; width:12em;}
#userhead_navi li.navi_username img{float:left; height:2.5em; margin-right:0.5em;}
#userhead_navi li.navi_username p{display:block; text-align:left;}
#userhead_navi li.navi_username p.navi_company{font:bold 1em sans-serif;}
#userhead_navi li.navi_username p.navi_username{font:bold 0.8em sans-serif;}
#userhead_navi li img{display:block; height:1em; margin:0 auto; vertical-align:middle;}
#userhead_navi li a span{display:block; font:normal 0.5em/3em sans-serif;}

#div_foot{clear:both; width:100%; padding:3em 0 2em;}
#foot_navi{text-align:center;}
#foot_navi li{display:inline-flex; margin:0 1em; font-size:0.9em;}
#foot_navi li a{color:#B5B5B5;}
#foot_logo{text-align:center;}
#foot_logo img{height:1.5em; margin-top:2em;}

#div_userfoot{clear:both; width:100%; padding:3em 0 2em; background:#3E3A39;}

#page_login{position:relative; width:40%; max-width:450px; margin:5em auto;}
#page_login h1{text-align:center;}
#page_login h1 img{width:50%;}
#page_login h2{font:bold 1.5vw sans-serif; text-align:center;}
#page_login dl{margin:3em 0 1em;}
#page_login dt{padding-bottom:3px; font-size:1.2em;}
#page_login dd{padding-bottom:1em;}
#page_login dd input{width:100%; height:2em; padding:1px 3px 0 3px; font-size:1.3em; background:white; border-radius:0.4em; border:solid 1px #9b9b9b;}
#page_login #btn_submit{display:block; width:60%; height:2em; margin:0 auto; text-align:center; font:bold 1.5em/2em sans-serif; color:white; background:#4f9bce; border-radius:0.3em;}
#page_login #login_footer{width:100%; margin:2em 0;}
#page_login #login_footer p{color:#9b9b9b;}
#page_login #login_footer a{color:#4f9bce;}
#page_login #login_footer hr{border-color:#9b9b9b;}

#page_home{position:relative; width:100%;}
#home_menu{position:relative; width:90%; margin:3% auto; text-align:center;}
#home_menu a{position:relative; display:inline-block; width:28%; aspect-ratio:4/3; margin:2%; font:bold 1.8vw sans-serif; color:#3C90C5; text-align:center; background:white; border-radius:5%;}
#home_menu a.nolink{pointer-events:none; color:#B5B5B5;}
#home_menu a img{display:block; height:30%; margin:15% auto 10%;}
#home_menu a img.cursor_off{display:block;}
#home_menu a img.cursor_on{display:none;}
#home_menu a:hover{color:white; background:#3C90C5;}
#home_menu a:hover img.cursor_off{display:none;}
#home_menu a:hover img.cursor_on{display:block;}
#home_menu a p.menu_badge{position:absolute; top:15%; right:25%; display:block; width:2.5vw; padding:2px; font:normal 1.5vw/2.5vw sans-serif; color:white; background:#DA4932; border-radius:50%;}
#home_news{width:100%; background:#F7F8FC;}
#home_news_container{width:86%; margin:0 auto; padding:1.5em 0;}
#home_news h3{font:bold 1.8vw sans-serif; color:3D3A39;}
#home_news_data{margin-top:1em;}
#home_news_data li{height:2.5em; line-height:2.5em; overflow:hidden;}
#home_news_data li:nth-child(n+2){border-top:solid thin #231815;}
#home_news_data li span.newsdate{display:inline-block; width:7em; color:#1C1E21;}
#home_news_data li a{color:#5B93BB;}
#home_news_link{font-size:0.8em; text-align:right;}
#home_news_link a{color:#3C3D3D;}


#page_order{position:relative; width:96%; margin:0 auto;}
#page_order h2{}
#order_status{position:relative; display:block; height:18vw; margin-top:2em;}
#order_display{position:relative; float:left; width:56%; height:100%; background:white; border-radius:1em;}
#order_display ul{margin:2vw 1vw; font-size:0;}
#order_display ul li{position:relative; display:inline-block; width:25%; text-align:center;}
#order_display ul li p{color:#4E99CC;}
#order_display ul li p.s_title{font:bold 1.5vw/3vw sans-serif;}
#order_display ul li p.s_memo{font:normal 0.8vw/2vw sans-serif;}
#order_display ul li div.s_data{position:relative;}
#order_display ul li div.s_data p.s_count{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); font:bold 3vw sans-serif; cursor:pointer;}
#order_display ul li div.s_data img{width:80%; margin:5% 10%;}
.order_total{position:relative; float:left; width:20%; height:100%; margin-left:2%; background:white; border-radius:1em;}
.t_title{display:block; width:100%; height:45%; color:#4E99CC; border-radius:1em 1em 0 0; overflow:hidden;}
.t_title p{margin:2vw 1vw; font:bold 1.5vw sans-serif;}
.t_amount{display:block; width:100%; height:55%; text-align:right; color:white; background:#4E99CC; border-radius:0 0 1em 1em; overflow:hidden;}
.t_amount p{margin:2vw 1vw; font:bold 2vw sans-serif;}
.t_amount span{font:bold 1.5vw sans-serif;}
#order_list_title{height:3vw; line-height:3vw; margin:1em 0;}
#order_list_title h2{display:inline-block; font:bold 1.8vw sans-serif; color:black; vertical-align:middle;}
#order_list_selector{display:inline-block; vertical-align:middle;}
#order_list_selector li{display:inline-block; height:1.8vw; line-height:1.8vw; margin-left:2em; padding:0 1em;}
#order_list_selector li.selected{color:white; background:#4E99CC; border-radius:0.5vw;}
#order_list_controller{width:100%; padding:1em 0; margin:1em 0; background:white; border-radius:1em;}
#order_list_controller .ctrl_parts{display:inline-block; margin:0.5em 0 0.5em 1em;}
#order_list_controller select{height:2.4em; margin-left:1em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#order_list_controller input{height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#order_list_controller div.date_box{position:relative; display:inline-block; height:2.4em; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#order_list_controller div.date_box input.order_date{width:9em; height:2em; margin-top:0.2em; text-align:center; border:none;}
#order_list_controller div.date_box img.icon_calendar{position:absolute; top:0.7em; right:0.7em; height:1em;}
#order_list_controller div.search_box{position:relative; display:inline-block; height:2em; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#order_list_controller div.search_box input{height:2em; margin:0.2em 0 0 3em; border:none; border-left:1px solid #CCD3DA;}
#order_list_controller div.search_box img.icon_loupe{position:absolute; top:0.5em; left:0.7em; height:1em;}
#order_list_controller div.search_box img.icon_cancel{position:absolute; top:0.5em; right:0.7em; height:1em;}
#order_list_controller label{font-size:0.8em;}
#order_list_controller span{font-size:0.8em;}
#order_list_controller a{display:inline-block; height:2em; padding:0 1em; font-size:0.8em; border-radius:0.2em;}
#order_list_controller .btn_reload{height:2.4em; line-height:2.4em; padding:0 1em; color:white; background:#4E99CC;}
#order_list_controller .btn_reload img{height:1em; margin:0 0.5em; vertical-align:middle;}
#order_list_controller .btn_act{height:2.4em; line-height:2.4em; margin-left:1em; padding:0 1em; color:black; text-align:center; border:1px solid #CCD3DA;}
#order_list_controller .btn_act img{height:1em; margin-right:0.5em; vertical-align:middle;}
#order_list_controller #current_page{width:2em; margin-left:1em;}
#order_list_controller .btn_pagination{height:2.4em; line-height:2.4em; margin-left:1em; padding:0 1em; color:#8692A4; border:1px solid #CCD3DA;}
#order_list_controller .btn_pagination img{height:0.8em; margin:0 0.5em;}
#order_list_data{width:100%; margin:1em 0; border-spacing:0; border-radius:1em;}
#order_list_data thead tr:first-child>*:first-child{border-radius:1em 0 0 0;}
#order_list_data thead tr:first-child>*:last-child{border-radius:0 1em 0 0;}
#order_list_data tbody tr:last-child>*:first-child{border-radius:0 0 0 1em;}
#order_list_data tbody tr:last-child>*:last-child{border-radius:0 0 1em 0;}
#order_list_data thead{color:white; background:black;}
#order_list_data tbody{background:white; border-radius:0 0 1em 1em;}
#order_list_data th{height:6em; padding:0 1em; font:normal 0.7em/1.5em sans-serif;}
#order_list_data td{position:relative; height:6em; padding:0 1em; font:normal 0.7em/1.5em sans-serif; color:#4D4D4D; border-top:1px solid #C2C2C2;}
#order_list_data td span.order_list_serial{color:#4E99CC;}
#order_list_data td span.order_list_status{display:inline-block; width:6em; padding:0.5em; font:bold 1em/2em sans-serif; text-align:center; border:1px solid #CCD3DA;}
#order_list_data td span.order_list_paydate{display:inline-block; width:6em; text-align:center; color:white; background:#4E99CC; border-radius:0.2em;}
#order_list_data td img.order_list_memo{height:2em;}

#order_desc_title{margin:1em;}
#order_desc_title h2{font:bold 2em sans-serif;}
#order_desc_col1{position:relative; float:left; margin-left:1em; width:70%;}
#order_desc_col2{position:relative; float:right; margin-right:1em;width:25%;}
#order_desc_main{position:relative; width:100%; background:white; border-radius:1em;}
#order_desc_main_title{margin-left:1em; min-height:4em; line-height:4em; border-bottom:1px solid #C2C2C2;}
#order_desc_main_title p{display:inline-block; font:normal 1em sans-serif;}
#order_desc_main_title h3{display:inline-block; font:bold 1.2em sans-serif;}
#order_desc_main_title img.order_desc_main_trashbox{float:right; height:2em; margin:1em 1em 0 0;}
#order_desc_main_status{position:relative; display:inline-block; width:60%; margin-left:1em; vertical-align:middle; border-right:1px solid #C2C2C2;}
#order_desc_main_status table{width:100%; margin:1em 0;}
#order_desc_main_status th{font:bold 1em sans-serif; white-space:nowrap; text-align:left;}
#order_desc_main_status td{padding-left:1em; font:normal 1em sans-serif; text-align:left;}
#order_desc_main_status td select{min-width:10em; height:2em; font:bold 1.2em/2em sans-serif; color:#4E99CC;}
#order_desc_main_status td input[type=text]{border:1px solid #C2C2C2;}
#order_desc_main_memo{position:relative; display:inline-block; width:36%; margin-top:1em; vertical-align:top; background:white; border-radius:1em;}
#order_desc_main_memo table{width:90%;}
#order_desc_main_memo th{padding-left:0.5em; text-align:left;}
#order_desc_main_memo th img.order_desc_main_reply{float:right; height:1em;}
#order_desc_main_memo td{padding-left:0.5em; text-align:left;}
#order_desc_main_memo td textarea{width:100%; height:8em; margin:0 0.5em; padding:0.5em 1em; box-sizing:border-box; border:1px solid #C2C2C2;}
#order_desc_option{position:relative; width:100%; margin:2em 0; padding:1em 0; letter-spacing:-0.5em; background:white; border-radius:1em;}
#order_desc_option *{letter-spacing:normal;}
#order_desc_option h3{float:left; margin:1em; font:bold 1.2em sans-serif;}
#order_desc_option dl{display:inline-block; width:20em; margin-top:1em; padding:1em 0; font:normal 1em sans-serif; vertical-align:top; border:1px solid #C2C2C2;}
#order_desc_option dt{float:left; width:14em; margin-left:1em;}
#order_desc_option dd{float:left; width:4em; margin-right:1em; text-align:right;}
#order_desc_customer{position:relative; width:100%; background:white; border-radius:1em;}
#order_desc_customer_title{margin-left:1em; height:4em; line-height:4em; border-bottom:1px solid #C2C2C2;}
#order_desc_customer_title h3{display:inline-block; font:bold 1.2em sans-serif;}
#order_desc_customer_title img.order_desc_customer_icon{float:right; height:1em; margin:1.2em 0.5em;}
#order_desc_customer_info{margin-top:1.5em;}
#order_desc_customer_info img.order_desc_customer_image{float:left; height:5em; margin:0 1em 2em;}
#order_desc_customer_info p{font:bold 1em/1.5em sans-serif;}
.order_desc_customer_subhead{width:100%; height:3em; margin:2em 0 0.5em; background:black;}
.order_desc_customer_subhead h4{margin-left:1em; font:bold 1em/3em sans-serif; color:white;}
.order_desc_customer_subhead img{height:1em; margin-right:0.5em;}
.order_desc_customer_subhead.order_desc_customer_selected_deliveryID{background:#DA4A33;}
.order_desc_customer_subinfo{margin-left:1em;}
.order_desc_customer_subinfo li{margin-top:0.2em; font:normal 1em sans-serif;}
.order_desc_customer_subinfo li img{height:1em;}

#page_invoice{position:relative; width:96%; margin:0 auto;}
#page_invoice h2{margin:0.2em; font:bold 2em/2em sans-serif; text-align:center;}
#invoice_date{position:relative; width:100%; height:2em;}
#invoice_date_box{position:absolute; right:2em;}
#invoice_address{position:relative; width:100%; height:5em;}
#invoice_address_box{position:absolute; left:2em;}
#invoice_address p{}
#invoice_address h3{}
#invoice_sender{position:relative; width:100%; height:10em;}
#invoice_sender_box{position:absolute; right:2em;}
#invoice_sender h3{}
#invoice_sender p{}
#invoice_sender img.invoice_stamp{position:absolute; width:8em; top:0; right:2em;}
#invoice_price{}
#invoice_price p{width:fit-content; margin:1em auto 0; padding:0 1em; font:bold 1.5em/1.5em sans-serif; border-bottom:2px solid black;}
#invoice_term{}
#invoice_term p{width:fit-content; margin:0 auto;}
#invoice_detail{}
#invoice_detail table{width:95%; margin:1em auto; border-collapse:collapse;}
#invoice_detail tr,#invoice_detail th,#invoice_detail td{border:1px solid darkgray;}
#invoice_detail th{padding:0.2em 0.5em;}
#invoice_detail td{padding:0.2em 0.5em;}
@media print{
  #page_invoice{font-size:10px;}
}

#page_item{position:relative; width:96%; margin:0 auto;}
#page_item h2{}
#item_list_title{height:3vw; line-height:3vw; margin:1em 0;}
#item_list_title h2{display:inline-block; font:bold 1.8vw sans-serif; color:black; vertical-align:middle;}
#item_list_selector{display:inline-block; vertical-align:middle;}
#item_list_selector li{display:inline-block; height:1.8vw; line-height:1.8vw; margin-left:2em; padding:0 1em;}
#item_list_selector li.selected{color:white; background:#4E99CC; border-radius:0.5vw;}
#item_list_controller{width:100%; padding:1em 0; margin:1em 0; background:white; border-radius:1em;}
#item_list_controller .ctrl_parts{display:inline-block; margin:0.5em 0 0.5em 1em;}
#item_list_controller select{height:2.4em; margin-left:1em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#item_list_controller input{height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#item_list_controller div.date_box{position:relative; display:inline-block; height:2.4em; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#item_list_controller div.date_box input.order_date{width:7em; height:2em; margin-top:0.2em; border:none;}
#item_list_controller div.date_box img.icon_calendar{position:absolute; top:0.7em; right:0.7em; height:1em;}
#item_list_controller div.search_box{position:relative; display:inline-block; height:2em; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#item_list_controller div.search_box input{height:2em; margin:0.2em 0 0 3em; border:none; border-left:1px solid #CCD3DA;}
#item_list_controller div.search_box img.icon_loupe{position:absolute; top:0.5em; left:0.7em; height:1em;}
#item_list_controller div.search_box img.icon_cancel{position:absolute; top:0.5em; right:0.7em; height:1em;}
#item_list_controller label{font-size:0.8em;}
#item_list_controller span{font-size:0.8em;}
#item_list_controller a{display:inline-block; height:2em; padding:0 1em; font-size:0.8em; border-radius:0.2em;}
#item_list_controller .btn_reload{height:2.4em; line-height:2.4em; padding:0 1em; color:white; background:#4E99CC;}
#item_list_controller .btn_reload img{height:1em; margin:0 0.5em; vertical-align:middle;}
#item_list_controller .btn_act{height:2.4em; line-height:2.4em; margin-left:1em; padding:0 1em; color:black; text-align:center; border:1px solid #CCD3DA;}
#item_list_controller .btn_act img{height:1em; margin-right:0.5em; vertical-align:middle;}
#item_list_controller #current_page{width:2em; margin-left:1em;}
#item_list_controller .btn_pagination{height:2.4em; line-height:2.4em; margin-left:1em; padding:0 1em; color:#8692A4; border:1px solid #CCD3DA;}
#item_list_controller .btn_pagination img{height:0.8em; margin:0 0.5em;}
#item_list_data{width:100%; margin-top:1em; border-spacing:0; border-radius:1em;}
#item_list_data thead tr:first-child>*:first-child{border-radius:1em 0 0 0;}
#item_list_data thead tr:first-child>*:last-child{border-radius:0 1em 0 0;}
#item_list_data tbody tr:last-child>*:first-child{border-radius:0 0 0 1em;}
#item_list_data tbody tr:last-child>*:last-child{border-radius:0 0 1em 0;}
#item_list_data thead{color:white; background:black;}
#item_list_data tbody{background:white; border-radius:0 0 1em 1em;}
#item_list_data th{height:6em; padding:0 1em; font:normal 0.7em/1.5em sans-serif;}
#item_list_data td{position:relative; height:6em; padding:0 1em; font:normal 0.7em/1.5em sans-serif; color:#4D4D4D; border-top:1px solid #C2C2C2;}
#item_list_data td span.item_list_serial{color:#4E99CC;}
#item_list_data td span.item_list_status{display:inline-block; width:6em; padding:0.5em; font:bold 1em/2em sans-serif; text-align:center; border:1px solid #CCD3DA;}
#item_list_data td span.item_list_paydate{display:inline-block; width:6em; text-align:center; color:white; background:#4E99CC; border-radius:0.2em;}
#item_list_data td img.item_list_memo{height:2em;}
#item_list_data td img.item_list_image{height:3em;}
#item_list_data td img.item_list_sw{height:2em;}
#item_list_data td img.item_list_icon{height:1.2em;}

#item_register_title{height:3vw; line-height:3vw; margin:1em 0;}
#item_register_title h2{display:inline-block; font:bold 1.8vw sans-serif; color:black; vertical-align:middle;}
#item_register_main{width:100%; padding:1em; margin:1em 0; box-sizing:border-box; background:white; border-radius:1em;}
#item_register_main h3{margin-bottom:2em; font:bold 1.2em sans-serif;}
#item_register_main img.item_register_icon{height:1em; margin-right:0.5em; vertical-align:middle;}
#item_register_main img.item_image_upload_icon{height:3em;}
#item_register_main div.dropzone{border:1px dashed #D0D8E0;}
#item_register_main select{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#item_register_main input[type=text]{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#item_register_main input[type=number]{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#item_register_main input[type=file]{display:inline-block; width:40em; height:2.4em; padding:0 1em; line-height:2.4em; border:1px solid #CCD3DA; border-radius:0.2em;}
#item_register_main .item_register_image{display:block; margin:0.2em 0;}
#item_register_main .item_register_image_link{display:inline-block; margin-left:0.3em;}
#item_register_main input.item_register_numbox{width:10em; margin-right:0.5em;}
#item_register_main textarea{width:40em; height:8em; margin:0 0.5em; padding:0.5em 1em; box-sizing:border-box; border:1px solid #CCD3DA;}
#item_register_main dl{}
#item_register_main dt{margin-top:0.5em; font:bold 1em/1.5em sans-serif;}
#item_register_main dd{color:#8C8C8C;}
#item_register_main hr{margin:2em 0 1em; border:1px dashed #CCD3DA;}
#item_register_main h4{}
#item_register_setlist{position:relative; width:90%; margin:1em auto; letter-spacing:-0.5em;}
#item_register_setlist *{letter-spacing:normal;}
#item_register_setlist ul{display:inline-block; width:20em; font:normal 1em sans-serif; vertical-align:top;}
#item_register_setlist li{padding:0.5em; box-sizing:border-box; border:1px solid #E6E6E6;}
#item_register_setlist li input[type=checkbox]{margin-right:1em;}
#item_register_setlist li input[type=text]{width:80%;}
#item_register_setlist li.item1{/*font-weight:bold;*/}
#item_register_setlist #item_register_add{margin-top:1em; font:normal 1em/2em sans-serif; color:black;}
#item_register_setlist #item_register_add a.icon_add{display:inline-block; width:2em; height:2em; margin-right:0.5em; text-align:center; color:white; background:#4E99CC; border-radius:0.3em;}
#item_register_button{text-align:right;}
#item_register_button a{display:inline-block; width:12em; height:3em; font:bold 1em/3em sans-serif; text-align:center; color:white; background:#E74832; border-radius:2.5em;}
#item_register_act{}
#item_register_act a{display:inline-block; width:8em; height:2.4em; margin-right:1em; font:normal 0.8em/2.4em sans-serif; text-align:center; color:black; background:#E6E6E6; border-radius:0.2em;}

#page_customer{position:relative; width:96%; margin:0 auto;}
#page_customer h2{}
#customer_list_title{position:relative; height:3vw; line-height:3vw; margin:1em 0;}
#customer_list_title h2{display:inline-block; font:bold 1.8vw sans-serif; color:black; vertical-align:middle;}
#customer_list_title a.btn_add{float:right; display:inline-block; width:10em; height:2.8vw; margin-right:0.5em; font:bold 1.2vw/2.8vw sans-serif; text-align:center; color:white; background:#4D6684; border-radius:1.4vw;}
#customer_list_selector{display:inline-block; vertical-align:middle;}
#customer_list_selector li{display:inline-block; height:1.8vw; line-height:1.8vw; margin-left:2em; padding:0 1em;}
#customer_list_selector li.selected{color:white; background:#4E99CC; border-radius:0.5vw;}
#customer_list_controller{width:100%; padding:1em 0; margin:1em 0; background:white; border-radius:1em;}
#customer_list_controller .ctrl_parts{display:inline-block; margin:0.5em 0 0.5em 1em;}
#customer_list_controller select{height:2.4em; margin-left:1em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#customer_list_controller input{height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#customer_list_controller div.date_box{position:relative; display:inline-block; height:2.4em; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#customer_list_controller div.date_box input.order_date{width:7em; height:2em; margin-top:0.2em; border:none;}
#customer_list_controller div.date_box img.icon_calendar{position:absolute; top:0.7em; right:0.7em; height:1em;}
#customer_list_controller div.search_box{position:relative; display:inline-block; height:2em; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#customer_list_controller div.search_box input{height:2em; margin:0.2em 0 0 3em; border:none; border-left:1px solid #CCD3DA;}
#customer_list_controller div.search_box img.icon_loupe{position:absolute; top:0.5em; left:0.7em; height:1em;}
#customer_list_controller div.search_box img.icon_cancel{position:absolute; top:0.5em; right:0.7em; height:1em;}
#customer_list_controller label{font-size:0.8em;}
#customer_list_controller span{font-size:0.8em;}
#customer_list_controller a{display:inline-block; height:2em; padding:0 1em; font-size:0.8em; border-radius:0.2em;}
#customer_list_controller .btn_reload{height:2.4em; line-height:2.4em; padding:0 1em; color:white; background:#4E99CC;}
#customer_list_controller .btn_reload img{height:1em; margin:0 0.5em; vertical-align:middle;}
#customer_list_controller .btn_act{height:2.4em; line-height:2.4em; margin-left:1em; padding:0 1em; color:black; text-align:center; border:1px solid #CCD3DA;}
#customer_list_controller .btn_act img{height:1em; margin-right:0.5em; vertical-align:middle;}
#customer_list_controller #current_page{width:2em; margin-left:1em;}
#customer_list_controller .btn_pagination{height:2.4em; line-height:2.4em; margin-left:1em; padding:0 1em; color:#8692A4; border:1px solid #CCD3DA;}
#customer_list_controller .btn_pagination img{height:0.8em; margin:0 0.5em;}
#customer_list_data{width:100%; margin-top:1em; border-spacing:0; border-radius:1em;}
#customer_list_data thead tr:first-child>*:first-child{border-radius:1em 0 0 0;}
#customer_list_data thead tr:first-child>*:last-child{border-radius:0 1em 0 0;}
#customer_list_data tbody tr:last-child>*:first-child{border-radius:0 0 0 1em;}
#customer_list_data tbody tr:last-child>*:last-child{border-radius:0 0 1em 0;}
#customer_list_data thead{color:white; background:black;}
#customer_list_data tbody{background:white; border-radius:0 0 1em 1em;}
#customer_list_data th{height:6em; padding:0 1em; font:normal 0.7em/1.5em sans-serif;}
#customer_list_data td{position:relative; height:6em; padding:1em; font:normal 0.7em/1.5em sans-serif; color:#4D4D4D; border-top:1px solid #C2C2C2;}
#customer_list_data td span.customer_list_serial{color:#4E99CC;}
#customer_list_data td span.customer_list_name{color:#4E99CC;}
#customer_list_data td img.customer_list_icon1{height:0.8em;}
#customer_list_data td img.customer_list_icon2{height:1.2em;}

#customer_register_title{height:3vw; line-height:3vw; margin:1em 0;}
#customer_register_title h2{display:inline-block; font:bold 1.8vw sans-serif; color:black; vertical-align:middle;}
#customer_register_main{width:100%; padding:1em; margin:1em 0; box-sizing:border-box; background:white; border-radius:1em;}
#customer_register_main h3{margin-bottom:2em; font:bold 1.2em sans-serif;}
#customer_register_main img.customer_register_icon{height:1em; margin-right:0.5em; vertical-align:middle;}
#customer_register_main img.icon_del{position:absolute; top:0.2em; left:4.1em; width:0.7em; height:0.7em; cursor:pointer;}
#customer_register_main select{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#customer_register_main input[type=text]{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#customer_register_main div.address_box{position:relative; display:inline-block; width:35em; height:2.4em; margin-top:0.5em; box-sizing:border-box; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#customer_register_main div.address_box input{width:38em; height:2.4em; margin:0.2em 0 0 3em; box-sizing:border-box; border:none;}
#customer_register_main div.address_box img.icon_tel{position:absolute; top:0.7em; left:0.7em; height:1em;}
#customer_register_main div.address_box img.icon_mail{position:absolute; top:0.7em; left:0.7em; height:1em;}
#customer_register_main textarea{width:40em; height:8em; margin:0 0.5em; padding:0.5em 1em; box-sizing:border-box; border:1px solid #CCD3DA;}
#customer_register_main dl{}
#customer_register_main dt{margin-top:0.5em; font:bold 1em/1.5em sans-serif;}
#customer_register_main dd{color:#8C8C8C;}
#customer_register_main dd input.zip_box{width:10em;}
#customer_register_main dd a.btn_zipsearch{display:inline-block; height:2.4em; margin-left:1em; padding:0 1.5em; font:normal 0.8em/2.4em sans-serif; text-align:center; color:#4D4D4D; background:#DFE2E7; border-radius:0.2em;}
#customer_register_main hr{}
#customer_register_main h4{}
#customer_register_main h5{position:relative; width:35em; margin:2em 0 1em; font:bold 1em/2em sans-serif; border-bottom:1px solid black;}
#customer_register_main h5 span{margin-left:1em; font:normal 0.8em sans-serif; color:#8C8C8C;}
#customer_register_main h5 #customer_register_add{position:absolute; top:0.5em; right:1em; font:normal 0.8em/1.5em sans-serif; color:black;}
#customer_register_main h5 #customer_register_add a.icon_add{display:inline-block; width:1.5em; height:1.5em; margin-right:0.5em; text-align:center; color:white; background:#4E99CC; border-radius:0.3em;}
#customer_register_button{text-align:right;}
#customer_register_button a{display:inline-block; width:12em; height:3em; margin:1em; font:bold 1em/3em sans-serif; text-align:center; color:white; background:#E74832; border-radius:2.5em;}
#customer_register_act{}
#customer_register_act a{display:inline-block; width:10em; height:2.4em; margin-right:1em; font:normal 0.8em/2.4em sans-serif; text-align:center; color:black; background:#E6E6E6; border-radius:0.2em;}
#customer_register_act a img{height:0.8em; margin:0 0.5em; vertical-align:middle;}

#page_supplier{position:relative; width:96%; margin:0 auto;}
#page_supplier h2{}
#supplier_list_title{position:relative; height:3vw; line-height:3vw; margin:1em 0;}
#supplier_list_title h2{display:inline-block; font:bold 1.8vw sans-serif; color:black; vertical-align:middle;}
#supplier_list_title a.btn_add{float:right; display:inline-block; width:10em; height:2.8vw; margin-right:0.5em; font:bold 1.2vw/2.8vw sans-serif; text-align:center; color:white; background:#4D6684; border-radius:1.4vw;}
#supplier_list_selector{display:inline-block; vertical-align:middle;}
#supplier_list_selector li{display:inline-block; height:1.8vw; line-height:1.8vw; margin-left:2em; padding:0 1em;}
#supplier_list_selector li.selected{color:white; background:#4E99CC; border-radius:0.5vw;}
#supplier_list_controller{width:100%; padding:1em 0; margin:1em 0; background:white; border-radius:1em;}
#supplier_list_controller .ctrl_parts{display:inline-block; margin:0.5em 0 0.5em 1em;}
#supplier_list_controller select{height:2.4em; margin-left:1em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#supplier_list_controller input{height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#supplier_list_controller div.date_box{position:relative; display:inline-block; height:2.4em; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#supplier_list_controller div.date_box input.order_date{width:7em; height:2em; margin-top:0.2em; border:none;}
#supplier_list_controller div.date_box img.icon_calendar{position:absolute; top:0.7em; right:0.7em; height:1em;}
#supplier_list_controller div.search_box{position:relative; display:inline-block; height:2em; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#supplier_list_controller div.search_box input{height:2em; margin:0.2em 0 0 3em; border:none; border-left:1px solid #CCD3DA;}
#supplier_list_controller div.search_box img.icon_loupe{position:absolute; top:0.5em; left:0.7em; height:1em;}
#supplier_list_controller div.search_box img.icon_cancel{position:absolute; top:0.5em; right:0.7em; height:1em;}
#supplier_list_controller label{font-size:0.8em;}
#supplier_list_controller span{font-size:0.8em;}
#supplier_list_controller a{display:inline-block; height:2em; padding:0 1em; font-size:0.8em; border-radius:0.2em;}
#supplier_list_controller .btn_reload{height:2.4em; line-height:2.4em; padding:0 1em; color:white; background:#4E99CC;}
#supplier_list_controller .btn_reload img{height:1em; margin:0 0.5em; vertical-align:middle;}
#supplier_list_controller .btn_act{height:2.4em; line-height:2.4em; margin-left:1em; padding:0 1em; color:black; text-align:center; border:1px solid #CCD3DA;}
#supplier_list_controller .btn_act img{height:1em; margin-right:0.5em; vertical-align:middle;}
#supplier_list_controller #current_page{width:2em; margin-left:1em;}
#supplier_list_controller .btn_pagination{height:2.4em; line-height:2.4em; margin-left:1em; padding:0 1em; color:#8692A4; border:1px solid #CCD3DA;}
#supplier_list_controller .btn_pagination img{height:0.8em; margin:0 0.5em;}
#supplier_list_data{width:100%; margin-top:1em; border-spacing:0; border-radius:1em;}
#supplier_list_data thead tr:first-child>*:first-child{border-radius:1em 0 0 0;}
#supplier_list_data thead tr:first-child>*:last-child{border-radius:0 1em 0 0;}
#supplier_list_data tbody tr:last-child>*:first-child{border-radius:0 0 0 1em;}
#supplier_list_data tbody tr:last-child>*:last-child{border-radius:0 0 1em 0;}
#supplier_list_data thead{color:white; background:black;}
#supplier_list_data tbody{background:white; border-radius:0 0 1em 1em;}
#supplier_list_data th{height:6em; padding:0 1em; font:normal 0.7em/1.5em sans-serif;}
#supplier_list_data td{position:relative; height:6em; padding:1em; font:normal 0.7em/1.5em sans-serif; color:#4D4D4D; border-top:1px solid #C2C2C2;}
#supplier_list_data td span.supplier_list_serial{color:#4E99CC;}
#supplier_list_data td span.supplier_list_name{color:#4E99CC;}
#supplier_list_data td img.supplier_list_icon1{height:0.8em;}
#supplier_list_data td img.supplier_list_icon2{height:1.2em;}

#supplier_register_title{height:3vw; line-height:3vw; margin:1em 0;}
#supplier_register_title h2{display:inline-block; font:bold 1.8vw sans-serif; color:black; vertical-align:middle;}
#supplier_register_main{width:100%; padding:1em; margin:1em 0; box-sizing:border-box; background:white; border-radius:1em;}
#supplier_register_main h3{margin-bottom:2em; font:bold 1.2em sans-serif;}
#supplier_register_main img.supplier_register_icon{height:1em; margin-right:0.5em; vertical-align:middle;}
#supplier_register_main select{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#supplier_register_main input[type=text],#supplier_register_main input[type=password]{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#supplier_register_main div.address_box{position:relative; display:inline-block; width:35em; height:2.4em; margin-top:0.5em; box-sizing:border-box; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#supplier_register_main div.address_box input{width:38em; height:2.4em; margin:0.2em 0 0 3em; box-sizing:border-box; border:none;}
#supplier_register_main div.address_box img.icon_tel{position:absolute; top:0.7em; left:0.7em; height:1em;}
#supplier_register_main div.address_box img.icon_mail{position:absolute; top:0.7em; left:0.7em; height:1em;}
#supplier_register_main textarea{width:40em; height:8em; margin:0 0.5em; padding:0.5em 1em; box-sizing:border-box; border:1px solid #CCD3DA;}
#supplier_register_main dl{}
#supplier_register_main dt{margin-top:0.5em; font:bold 1em/1.5em sans-serif;}
#supplier_register_main dd{color:#8C8C8C;}
#supplier_register_main dd input.zip_box{width:10em;}
#supplier_register_main dd a.btn_zipsearch{display:inline-block; height:2.4em; margin-left:1em; padding:0 1.5em; font:normal 0.8em/2.4em sans-serif; text-align:center; color:#4D4D4D; background:#DFE2E7; border-radius:0.2em;}
#supplier_register_main hr{}
#supplier_register_main h4{}
#supplier_register_main h5{position:relative; width:35em; margin:2em 0 1em; font:bold 1em/2em sans-serif; border-bottom:1px solid black;}
#supplier_register_main h5 span{margin-left:1em; font:normal 0.8em sans-serif; color:#8C8C8C;}
#supplier_register_main h5 #supplier_register_add{position:absolute; top:0.5em; right:1em; font:normal 0.8em/1.5em sans-serif; color:black;}
#supplier_register_main h5 #supplier_register_add a.icon_add{display:inline-block; width:1.5em; height:1.5em; margin-right:0.5em; text-align:center; color:white; background:#4E99CC; border-radius:0.3em;}
#supplier_register_button{text-align:right;}
#supplier_register_button a{display:inline-block; width:12em; height:3em; margin:1em; font:bold 1em/3em sans-serif; text-align:center; color:white; background:#E74832; border-radius:2.5em;}
#supplier_register_act{}
#supplier_register_act a{display:inline-block; width:10em; height:2.4em; margin-right:1em; font:normal 0.8em/2.4em sans-serif; text-align:center; color:black; background:#E6E6E6; border-radius:0.2em;}
#supplier_register_act a img{height:0.8em; margin:0 0.5em; vertical-align:middle;}

#page_admin{position:relative; width:96%; margin:0 auto;}
#page_admin h2{}
#admin_info_title{height:3vw; line-height:3vw; margin:1em 0;}
#admin_info_title h2{display:inline-block; font:bold 1.8vw sans-serif; color:black; vertical-align:middle;}
#admin_info_main{width:100%; padding:1em; margin:1em 0; box-sizing:border-box; background:white; border-radius:1em;}
#admin_info_main h3{margin-bottom:2em; font:bold 1.2em sans-serif;}
#admin_info_main img.admin_info_icon{height:1em; margin-right:0.5em; vertical-align:middle;}
#admin_info_main select{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#admin_info_main input[type=text],#admin_info_main input[type=password]{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#admin_info_main div.address_box{position:relative; display:inline-block; width:35em; height:2.4em; margin-top:0.5em; box-sizing:border-box; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#admin_info_main div.address_box input{width:38em; height:2.4em; margin:0.2em 0 0 3em; box-sizing:border-box; border:none;}
#admin_info_main div.address_box img.icon_tel{position:absolute; top:0.7em; left:0.7em; height:1em;}
#admin_info_main div.address_box img.icon_mail{position:absolute; top:0.7em; left:0.7em; height:1em;}
#admin_info_main textarea{width:40em; height:8em; margin:0 0.5em; padding:0.5em 1em; box-sizing:border-box; border:1px solid #CCD3DA;}
#admin_info_main dl{}
#admin_info_main dt{margin-top:0.5em; font:bold 1em/1.5em sans-serif;}
#admin_info_main dd{color:#8C8C8C;}
#admin_info_main dd input.zip_box{width:10em;}
#admin_info_main dd a.btn_zipsearch{display:inline-block; height:2.4em; margin-left:1em; padding:0 1.5em; font:normal 0.8em/2.4em sans-serif; text-align:center; color:#4D4D4D; background:#DFE2E7; border-radius:0.2em;}
#admin_info_main hr{}
#admin_info_main h4{}
#admin_info_main h5{position:relative; width:35em; margin:2em 0 1em; font:bold 1em/2em sans-serif; border-bottom:1px solid black;}
#admin_info_main h5 span{margin-left:1em; font:normal 0.8em sans-serif; color:#8C8C8C;}
#admin_info_main h5 #admin_info_add{position:absolute; top:0.5em; right:1em; font:normal 0.8em/1.5em sans-serif; color:black;}
#admin_info_main h5 #admin_info_add a.icon_add{display:inline-block; width:1.5em; height:1.5em; margin-right:0.5em; text-align:center; color:white; background:#4E99CC; border-radius:0.3em;}
#admin_info_button{text-align:right;}
#admin_info_button a{display:inline-block; width:12em; height:3em; margin:1em; font:bold 1em/3em sans-serif; text-align:center; color:white; background:#E74832; border-radius:2.5em;}
#admin_info_act{}
#admin_info_act a{display:inline-block; width:10em; height:2.4em; margin-right:1em; font:normal 0.8em/2.4em sans-serif; text-align:center; color:black; background:#E6E6E6; border-radius:0.2em;}
#admin_info_act a img{height:0.8em; margin:0 0.5em; vertical-align:middle;}


#page_user{position:relative; width:96%; margin:0 auto;}
#page_user h2{display:block; margin-top:1em; font:bold 1.8vw sans-serif; color:black; vertical-align:middle;}
#user_item_list{display:flex; flex-wrap:wrap; justify-content:center; margin-bottom:2em;}
#user_item_list a.user_item_panel{position:relative; float:left; display:block; width:22em; margin:1em 0.75em 3em; padding:1.5em; box-sizing:border-box; background:white; border-radius:2em;}
#user_item_list a.user_item_panel .user_item_list_image{display:flex; justify-content:center; width:100%; aspect-ratio:1/1; overflow:hidden;}
#user_item_list a.user_item_panel img{width:100%;}
#user_item_list a.user_item_panel p.user_item_list_title{height:5em; font:bold 1em/1.5em sans-serif; color:black;}
#user_item_list a.user_item_panel p.user_item_list_price{font:bold 1.2em sans-serif; color:#5A8DB6;}
#user_item_list a.user_item_panel p.user_item_list_price span{font-size:0.8em;}

#user_item_view{position:relative; width:100%; margin:1em 0; background:white; border-radius:2.5em;}
#user_item_title{display:flex; align-items:center; height:3em; padding:1em; border-bottom:1px solid #C2C2C2;}
#user_item_title span.item_code{margin-left:1em; font:normal 1em/3em sans-serif;}
#user_item_title h3{margin-left:1em; font:bold 1.2em/3em sans-serif;}
#user_item_image{position:relative; float:left; width:65%; border-right:1px solid #C2C2C2; box-sizing:border-box;}
#user_item_image img{width:100%;}
#user_item_price{float:right; width:35%;}
#user_item_price p.user_item_price_label{float:left; margin:1em; font:bold 1.4em/2em sans-serif;}
#user_item_price p.user_item_price_money{margin-top:0.7em; font:bold 1.6em/2em sans-serif; color:#E60012;}
#user_item_price p.user_item_price_notice{font:normal 0.8em/2em sans-serif;}
#user_item_desc{float:right; width:35%; border-top:1px solid #C2C2C2;}
#user_item_desc ul{margin:1em;}
#user_item_desc li{}
#user_item_desc p{margin:1em;}
#user_item_pr{clear:both; min-height:10em; border-top:1px solid #C2C2C2;}
#user_item_pr p{margin:1em; font:bold 1em/1.5em sans-serif;}
#user_item_addcart{text-align:center;}
#user_item_addcart a{display:inline-block; width:12em; height:3em; margin:1em; font:bold 1em/3em sans-serif; text-align:center; color:white; background:#E74832; border-radius:2.5em;}

#user_entry{width:100%; padding:2em; margin:1em 0; box-sizing:border-box; background:white; border-radius:1em;}
#user_entry h3{margin-bottom:2em; font:bold 1.2em sans-serif;}
#user_entry img.user_entry_icon{height:1em; margin-right:0.5em; vertical-align:middle;}
#user_entry img.icon_del{position:absolute; top:0.2em; left:4.1em; width:0.7em; height:0.7em; cursor:pointer;}
#user_entry select{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#user_entry input[type=text],#user_entry input[type=password]{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#user_entry div.address_box{position:relative; display:inline-block; width:35em; height:2.4em; margin-top:0.5em; box-sizing:border-box; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#user_entry div.address_box input{width:38em; height:2.4em; margin:0.2em 0 0 3em; box-sizing:border-box; border:none;}
#user_entry div.address_box img.icon_tel{position:absolute; top:0.7em; left:0.7em; height:1em;}
#user_entry div.address_box img.icon_mail{position:absolute; top:0.7em; left:0.7em; height:1em;}
#user_entry textarea{width:40em; height:8em; margin:0 0.5em; padding:0.5em 1em; box-sizing:border-box; border:1px solid #CCD3DA;}
#user_entry dl{}
#user_entry dt{margin-top:0.5em; font:bold 1em/1.5em sans-serif;}
#user_entry dd{color:#8C8C8C;}
#user_entry dd input.zip_box{width:10em;}
#user_entry dd a.btn_zipsearch{display:inline-block; height:2.4em; margin-left:1em; padding:0 1.5em; font:normal 0.8em/2.4em sans-serif; text-align:center; color:#4D4D4D; background:#DFE2E7; border-radius:0.2em;}
#user_entry hr{}
#user_entry h4{}
#user_entry h5{position:relative; width:35em; margin:2em 0 1em; font:bold 1em/2em sans-serif; border-bottom:1px solid black;}
#user_entry h5 span{margin-left:1em; font:normal 0.8em sans-serif; color:#8C8C8C;}
#user_entry h5 #user_entry_add{position:absolute; top:0.5em; right:1em; font:normal 0.8em/1.5em sans-serif; color:black;}
#user_entry h5 #user_entry_add a.icon_add{display:inline-block; width:1.5em; height:1.5em; margin-right:0.5em; text-align:center; color:white; background:#4E99CC; border-radius:0.3em;}
#user_entry_act{text-align:center;}
#user_entry_act a{display:inline-block; width:12em; height:3em; margin:1em; font:bold 1em/3em sans-serif; text-align:center; color:white; border-radius:2.5em;}
#user_entry_act a.user_entry_cancel{background:#939393;}
#user_entry_act a.user_entry_register{background:#E74832;}
#user_subscription_list{width:100%; margin-top:1em; border-spacing:0; border-radius:1em;}
#user_subscription_list thead tr:first-child>*:first-child{border-radius:1em 0 0 0;}
#user_subscription_list thead tr:first-child>*:last-child{border-radius:0 1em 0 0;}
#user_subscription_list tbody tr:last-child>*:first-child{border-radius:0 0 0 1em;}
#user_subscription_list tbody tr:last-child>*:last-child{border-radius:0 0 1em 0;}
#user_subscription_list thead{color:white; background:black;}
#user_subscription_list tbody{background:white; border-radius:0 0 1em 1em;}
#user_subscription_list th{height:6em; padding:0 1em; font:normal 0.7em/1.5em sans-serif;}
#user_subscription_list td{position:relative; height:6em; padding:1em; font:normal 0.7em/1.5em sans-serif; color:#4D4D4D; border-top:1px solid #C2C2C2;}
#user_mypage_col1{float:left; width:74%;}
#user_mypage_col2{float:right; width:24%;}
#user_mypage_menu{position:relative; display:flex; gap:3vw; justify-content:space-around; width:100%; margin:1em auto; text-align:center;}
#user_mypage_menu a{position:relative; display:inline-block; width:33%; aspect-ratio:4/3; font:bold 1.8vw sans-serif; color:#3C90C5; text-align:center; background:white; border-radius:5%;}
#user_mypage_menu a.nolink{pointer-events:none; color:#B5B5B5;}
#user_mypage_menu a img{display:block; height:30%; margin:15% auto 10%;}
#user_mypage_menu a img.cursor_off{display:block;}
#user_mypage_menu a img.cursor_on{display:none;}
#user_mypage_menu a:hover{color:white; background:#3C90C5;}
#user_mypage_menu a:hover img.cursor_off{display:none;}
#user_mypage_menu a:hover img.cursor_on{display:block;}
#user_mypage_subscription{position:relative; margin-top:4em; border-top:1px solid black;}
#user_mypage_subscription h4{display:block; width:10em; margin-top:-1.7em; padding-top:1em; font:bold 1em sans-serif; background:#E2E2E2;}
#user_mypage_subscription table{width:100%; margin-top:1em; border-spacing:0; border-radius:1em;}
#user_mypage_subscription thead tr:first-child>*:first-child{border-radius:1em 0 0 0;}
#user_mypage_subscription thead tr:first-child>*:last-child{border-radius:0 1em 0 0;}
#user_mypage_subscription tbody tr:last-child>*:first-child{border-radius:0 0 0 1em;}
#user_mypage_subscription tbody tr:last-child>*:last-child{border-radius:0 0 1em 0;}
#user_mypage_subscription thead{color:white; background:black;}
#user_mypage_subscription tbody{background:white; border-radius:0 0 1em 1em;}
#user_mypage_subscription th{height:6em; padding:0 1em; font:normal 0.8em/1.5em sans-serif;}
#user_mypage_subscription td{position:relative; height:6em; padding:1em; font:normal 0.8em/1.5em sans-serif; color:#4D4D4D; border-top:1px solid #C2C2C2;}
#user_mypage_subscription td a.user_subscription_order{display:inline-block; width:12em; height:3em; font:bold 1em/3em sans-serif; text-align:center; color:white; background:#DA4A33; border-radius:2.5em;}
#user_mypage_customer{position:relative; width:100%; margin:1em 0; padding-bottom:2em; background:white; border-radius:1em;}
#user_mypage_customer_title{margin-left:1em; height:4em; line-height:4em; border-bottom:1px solid #C2C2C2;}
#user_mypage_customer_title h3{display:inline-block; font:bold 1.2em sans-serif;}
#user_mypage_customer_info{margin-top:1.5em;}
#user_mypage_customer_info img.user_mypage_customer_image{float:left; height:5em; margin:0 1em 2em;}
#user_mypage_customer_info p{font:bold 1em/1.5em sans-serif;}
.user_mypage_customer_subhead{width:100%; height:3em; margin:2em 0 0.5em; background:black;}
.user_mypage_customer_subhead h4{margin-left:1em; font:bold 1em/3em sans-serif; color:white;}
.user_mypage_customer_subhead img{height:1em; margin-right:0.5em;}
.user_mypage_customer_subhead.user_mypage_customer_selected_deliveryID{background:#DA4A33;}
.user_mypage_customer_subinfo{margin-left:1em;}
.user_mypage_customer_subinfo li{margin-top:0.2em; font:normal 1em sans-serif;}
.user_mypage_customer_subinfo li img{height:1em;}
#user_mypage_news{clear:both; width:100%; margin-bottom:2em; background:#F7F8FC;}
#user_mypage_news_container{width:86%; margin:0 auto; padding:1.5em 0;}
#user_mypage_news h3{font:bold 1.8vw sans-serif; color:3D3A39;}
#user_mypage_news_data{margin-top:1em;}
#user_mypage_news_data li{height:2.5em; line-height:2.5em; overflow:hidden;}
#user_mypage_news_data li:nth-child(n+2){border-top:solid thin #231815;}
#user_mypage_news_data li span.newsdate{display:inline-block; width:7em; color:#1C1E21;}
#user_mypage_news_data li a{color:#5B93BB;}
#user_mypage_news_link{font-size:0.8em; text-align:right;}
#user_mypage_news_link a{color:#3C3D3D;}

#user_cart_col1{float:left; width:74%;}
#user_cart_col2{float:right; width:24%;}
#user_cart_list{position:relative; margin-top:4em; border-top:1px solid black;}
#user_cart_list h4{display:block; width:10em; margin-top:-1.7em; padding-top:1em; font:bold 1em sans-serif; background:#E2E2E2;}
#user_cart_list table{width:100%; margin-top:1em; border-spacing:0; border-radius:1em;}
#user_cart_list thead tr:first-child>*:first-child{border-radius:1em 0 0 0;}
#user_cart_list thead tr:first-child>*:last-child{border-radius:0 1em 0 0;}
#user_cart_list tbody tr:last-child>*:first-child{border-radius:0 0 0 1em;}
#user_cart_list tbody tr:last-child>*:last-child{border-radius:0 0 1em 0;}
#user_cart_list thead{color:white; background:black;}
#user_cart_list tbody{background:white; border-radius:0 0 1em 1em;}
#user_cart_list th{height:6em; padding:0 1em; font:normal 1em/1.5em sans-serif;}
#user_cart_list td{position:relative; height:6em; padding:1em; font:normal 1em/1.5em sans-serif; color:#4D4D4D; border-top:1px solid #C2C2C2;}
#user_cart_list td a.user_list_order{display:inline-block; width:12em; height:3em; font:bold 1em/3em sans-serif; text-align:center; color:white; background:#DA4A33; border-radius:2.5em;}
#user_cart_list #user_cart_qty{width:3em; height:2.4em; padding-left:1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#user_cart_customer{position:relative; width:100%; margin:1em 0; padding-bottom:2em; background:white; border-radius:1em;}
#user_cart_customer_title{margin-left:1em; height:4em; line-height:4em; border-bottom:1px solid #C2C2C2;}
#user_cart_customer_title h3{display:inline-block; font:bold 1.2em sans-serif;}
#user_cart_customer_info{margin-top:1.5em;}
#user_cart_customer_info img.user_cart_customer_image{float:left; height:5em; margin:0 1em 2em;}
#user_cart_customer_info p{font:bold 1em/1.5em sans-serif;}
.user_cart_customer_subhead{width:100%; height:3em; margin:2em 0 0.5em; background:black;}
.user_cart_customer_subhead h4{margin-left:1em; font:bold 1em/3em sans-serif; color:white;}
.user_cart_customer_subhead img{height:1em; margin-right:0.5em;}
.user_cart_customer_subhead.user_cart_customer_selected_deliveryID{background:#DA4A33;}
.user_cart_customer_subinfo{margin-left:1em;}
.user_cart_customer_subinfo li{margin-top:0.2em; font:normal 1em sans-serif;}
.user_cart_customer_subinfo li img{height:1em;}
#user_cart_option{width:100%; padding:2em; margin:1em 0; box-sizing:border-box; background:white; border-radius:1em;}
#user_cart_option h3{margin-bottom:2em; font:bold 1.2em sans-serif;}
#user_cart_option img.user_cart_option_icon{height:1em; margin-right:0.5em; vertical-align:middle;}
#user_cart_option select{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#user_cart_option input[type=text],#user_cart_option input[type=password]{width:40em; height:2.4em; padding:0 1em; border:1px solid #CCD3DA; border-radius:0.2em;}
#user_cart_option div.address_box{position:relative; display:inline-block; width:35em; height:2.4em; margin-top:0.5em; box-sizing:border-box; vertical-align:middle; border:1px solid #CCD3DA; border-radius:0.2em;}
#user_cart_option div.address_box input{width:38em; height:2.4em; margin:0.2em 0 0 3em; box-sizing:border-box; border:none;}
#user_cart_option div.address_box img.icon_tel{position:absolute; top:0.7em; left:0.7em; height:1em;}
#user_cart_option div.address_box img.icon_mail{position:absolute; top:0.7em; left:0.7em; height:1em;}
#user_cart_option textarea{width:40em; height:8em; margin:0 0.5em; padding:0.5em 1em; box-sizing:border-box; border:1px solid #CCD3DA;}
#user_cart_option dl{}
#user_cart_option dt{margin-top:0.5em; font:bold 1em/1.5em sans-serif;}
#user_cart_option dd{color:#8C8C8C;}
#user_cart_option dd input.zip_box{width:10em;}
#user_cart_option dd a.btn_zipsearch{display:inline-block; height:2.4em; margin-left:1em; padding:0 1.5em; font:normal 0.8em/2.4em sans-serif; text-align:center; color:#4D4D4D; background:#DFE2E7; border-radius:0.2em;}
#user_cart_option hr{}
#user_cart_option h4{}
#user_cart_option h5{position:relative; width:35em; margin:2em 0 1em; font:bold 1em/2em sans-serif; border-bottom:1px solid black;}
#user_cart_option h5 span{margin-left:1em; font:normal 0.8em sans-serif; color:#8C8C8C;}
#user_cart_option h5 #user_cart_option_add{position:absolute; top:0.5em; right:1em; font:normal 0.8em/1.5em sans-serif; color:black;}
#user_cart_option h5 #user_cart_option_add a.icon_add{display:inline-block; width:1.5em; height:1.5em; margin-right:0.5em; text-align:center; color:white; background:#4E99CC; border-radius:0.3em;}
#user_cart_option_act{text-align:center;}
#user_cart_option_act a{display:inline-block; width:12em; height:3em; margin:1em; font:bold 1em/3em sans-serif; text-align:center; color:white; border-radius:2.5em;}
#user_cart_option_act a.user_cart_option_cancel{background:#939393;}
#user_cart_option_act a.user_cart_option_register{background:#E74832;}

#user_cart_cardform{display:none; width:90%; margin:1em 5%; padding:1em; border:1px solid lightgray; border-radius:1em; box-sizing:border-box;}
#user_cart_cardform label{font-weight:bold;}

#user_cart_setlist{position:relative; width:90%; margin:1em auto; letter-spacing:-0.5em;}
#user_cart_setlist *{letter-spacing:normal;}
#user_cart_setlist ul{display:inline-block; width:100%; font:normal 1em sans-serif; vertical-align:top;}
#user_cart_setlist li{padding:0.5em; box-sizing:border-box; border:1px solid #E6E6E6;}
#user_cart_setlist li input[type=checkbox]{margin-right:1em;}
#user_cart_setlist li input[type=text]{width:80%;}
#user_cart_setlist li input[type=number]{width:3em;}
#user_cart_setlist li.item1{/*font-weight:bold;*/}

#user_cart_thanks{padding:3em;}
#user_cart_thanks p.thanks{font:bold 1.5em/3em sans-serif; }

#page_note{position:relative; width:96%; margin:0 auto;}
#page_note h2{display:block; margin-top:1em; font:bold max(1.8vw,1.2em) sans-serif; color:black; vertical-align:middle;}
#page_note #note_privacy{width:96%; margin:2em auto;}
#page_note #note_privacy dt{margin-top:1em; font:bold 1.1em/1.5em sans-serif;}
#page_note #note_privacy dd{font:normal 1em/1.4em sans-serif;}
#page_note #note_sct{width:96%; margin:2em auto;}
#page_note #note_sct dt{margin-top:1em; font:bold 1.1em/1.5em sans-serif;}
#page_note #note_sct dd{font:normal 1em/1.4em sans-serif;}
#page_note #note_tos{width:96%; margin:2em auto;}
#page_note #note_tos dt{margin-top:1em; font:bold 1.1em/1.5em sans-serif;}
#page_note #note_tos dd{font:normal 1em/1.4em sans-serif;}


@media (max-width: 900px) {
   /* 横幅が900px以下の場合に適用 */

  #head_navi{display:none;}
  #foot_navi{display:none;}


}

.bg_ff{background:#ffffff;}
.bg_f7{background:#f7f7f7;}
.bg_e6{background:#e6e6e6;}
.bg_e2{background:#e2e2e2;}
.clearfix::after{content:""; clear:both; display:block;}
.fl{float:left;}
.fr{float:right;}
.cb{clear:both;}
.tl{text-align:left;}
.tc{text-align:center;}
.tr{text-align:right;}
.cb{clear:both;}
.notice{color:blue; font-weight:bold;}
.alert{color:red; font-weight:bold;}