@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
/*--- reset */
html{
	font-size: 12px;
}
input, textarea, select{
	font-size: 1rem;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,input[type=file] {
	margin: 0;
	padding: 0;
}
*{
	box-sizing: border-box;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
}
input{
	padding: 5px 10px 5px 10px;
}
input[type=number]{
	ime-mode: disabled;
}
textarea{
	padding: 5px 10px 5px 10px;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
hr.show{
	display: block;
    border: none;
    border-top: 1px solid #c2c2c2;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 1rem;
	color: #000000;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
img{
	vertical-align: top;
}
/* 全般 */

body {
	color: #333333;
	font-family: "Noto Sans JP",sans-serif;
	/*line-height: 1.5;*/
}
.red{
	color: #FF0000;
}
a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #000;
}
a:hover {
	/*color: #de364c;*/
	color: #808080;
	text-decoration: underline;
	
}
a.no_underline {
	text-decoration: none !important;
}
a:active {
/*	color:#609092;
	text-decoration: none;*/
}
.product-not-fount{
	margin: 15px;
}
a.button-inquiry{
	padding: 5px 10px;
    background-color: #f4b65e;
    color: white;
    margin-top: 30px;
	border: 1px solid #e4a142;
	font-size: 1.2rem;
}

.title{
	font-weight: bold;
}
.hover-opacity:hover{
	opacity: 0.8;
}
.pdf-box{
	display: inline-block;
	width: 482px;
}
.pdf-box-title{
	text-align: left;
}
.pdf-box-iframe{
	height: 380px;
	width: 480px;
	border: 1px solid #999999;
}
.triangle{
	display: inline-block;
    border: 5px solid transparent;
    border-left: 5px solid #666;
}
.admin-company-user-container{
	margin: 10px 0px 10px 0px;
}
.no-scroll{
	width: 100%;
	height: 100%;
	position: fixed;
}
h1#title{
	font-size : 1.3rem;
}
.admin_mode{
	/*background-color: lightSteelBlue;*/
}
.form-title{
	display: inline-block;
	font-weight: bold;
	font-size: 1.2rem;
	width: 130px;
	vertical-align: top;
	padding: 5px 0px 0px 0px;
}
.form-data{
	display: inline-block;
	vertical-align: top;
	font-size: 1.2rem;
	width: calc(100% - 150px);
}
.form-row{
	margin: 10px 0px 0px 0px;
}
.form-row.back{
	margin-top: 20px;
}
.form-left{
	float:left;
	width: 200px;
	overflow: hidden;
}
.form-right{
	float:left;
	width: auto;
	overflow: hidden;
}
.form-add-file-button{
	margin-top: 10px;
}
.form-drop-file{
	border : 1px solid #cccccc;
	min-height : 100px;
	width : 400px;
	box-sizing: border-box;
}
.drop-container-file{
	border: 1px solid #cccccc;
	padding: 4px;
}
.drop-container-file:hover{
	opacity: 0.6;
}
.drop-container-file img{
	vertical-align: middle;
}
.import-form .drop-file-name{
	display: inline-block;
	vertical-align: middle;
}
.import-form .drop-file-name input[type=text]{
	width: 160px;
}
.select-modal-dialog-button {
	vertical-align: top;
	margin-top : 5px;
}
.left {
	float: left;
	width:auto;
}
.right {
	float: right;
	width:auto;
}
.common-button {
	padding: 5px 10px 5px 10px;
}
.cmn-btn, .admin-btn {
	appearance: none;
	-webkit-appearance: none;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	background-color : #e2e2e2;
	border: 1px solid #c0c0c0;
	/*color: #ffffff;*/
	margin: 0px;
	font-weight: normal;
	text-decoration: none;
	color: #232323;
	border-radius: 0;
	/*
	border: 2px solid #FFF;
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	*/
	padding: 10px 25px;
	cursor: pointer;
	/*border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;*/
	line-height: 1.2;
	
}
.cmn-btn {
}
.cmn-btn:hover,.admin-btn:hover{
	background: rgba(255, 74, 88, 1);
	color: #fff;
}
.cmn-btn[disabled] {
	cursor: default;
}
.admin-btn {
	background-color : #003057;
}

.cmn-btn.cmn-btn-form {
	height: 27px;
    padding-top: 0;
    padding-bottom: 0;
}
.cmn-btn.cmn-btn-large {
	min-width: 100px;
}
.cmn-btn.cmn-btn-input {
	padding: 6px 10px 6px 10px;
}
/* cosmo add start*/
.cmn-btn:disabled {
	background-color: #CCCCCC !important;
	color: #ffffff !important;
	border: none !important;
	outline: none !important;
	cursor: default;
}
/* cosmo add end*/
.btn003{
    width:100px;
    height:24px;
    line-height:24px;
}
.btn003 a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#df1312;
    text-align:center;
    color:#FFFFFF;
    font-size:1.2rem;
    /*border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;*/
}
.btn003 a:hover{
    background:#f25150;
    color:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
    box-shadow:none;
}

.btn004{
    width:100px;
    height:24px;
    line-height:24px;
}
.btn004 a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#4196d6;
    text-align:center;
    color:#FFFFFF;
    font-size:1.2rem;
    /*border-radius:2px;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;*/
}
.btn004 a:hover{
    background:#62b2ef;
    color:#FFFFFF;
    margin-left:0px;
    margin-top:0px;
    box-shadow:none;
}

.input_required {
	border: 2px solid #ff0000;
}
.fw-normal {
	font-weight: normal !important;
}
.fw-bold {
	font-weight: bold !important;
}
.ib{
	display: inline-block !important;
}
.mg0 {
	margin: 0px !important;
}
.mg5 {
	margin: 5px !important;
}
.mgl-auto {
	margin-left: auto;
}
.mgl0 {
	margin-left: 0px !important;
}
.mgl10 {
	margin-left: 10px !important;
}
.mgl20 {
	margin-left: 20px !important;
}
.mgl30 {
	margin-left: 30px !important;
}
.mgl40 {
	margin-left: 40px !important;
}
.mgl50 {
	margin-left: 50px !important;
}
.mgr0 {
	margin-right: 0px !important;
}
.mgr5 {
	margin-right: 5px !important;
}
.mgr10 {
	margin-right: 10px !important;
}
.mgr20 {
	margin-right: 20px !important;
}
.mgr30 {
	margin-right: 30px !important;
}
.mgr40 {
	margin-right: 40px !important;
}
.mgr50 {
	margin-right: 50px !important;
}
.mg-bottom10 {
	margin-bottom: 10px !important;
}
.mg-top10 {
	margin-top: 10px !important;
}
.mgt0 {
	margin-top: 0px !important;
}
.mgt5 {
	margin-top: 5px !important;
}
.mgt10 {
	margin-top: 10px !important;
}
.mgt20 {
	margin-top: 20px !important;
}
.mgt30 {
	margin-top: 30px !important;
}
.mgt40 {
	margin-top: 40px !important;
}
.mgb0 {
	margin-bottom: 0 !important;
}
.mgb4 {
	margin-bottom: 4px !important;
}
.mgb5 {
	margin-bottom: 5px !important;
}
.mgb10 {
	margin-bottom: 10px !important;
}
.mgb20 {
	margin-bottom: 20px !important;
}
.mgb30 {
	margin-bottom: 30px !important;
}
.mgb40 {
	margin-bottom: 40px !important;
}
.mgb50 {
	margin-bottom: 50px !important;
}
.pdt0{
	padding-top: 0px;
}
.pdt5{
	padding-top: 5px;
}
.pdt10{
	padding-top: 10px;
}
.pdt20{
	padding-top: 20px;
}
.pdt30{
	padding-top: 30px;
}
.pdb0{
	padding-bottom: 0px;
}
.pdb10{
	padding-bottom: 10px;
}
.pdb20{
	padding-bottom: 20px;
}
.pdb30{
	padding-bottom: 30px;
}

.pdr0{
	padding-right: 0px;
}
.pdr10{
	padding-right: 10px;
}
.pdr20{
	padding-right: 20px;
}
.pdr30{
	padding-right: 30px;
}
.pdl0{
	padding-left: 0px;
}
.pdl10{
	padding-left: 10px;
}
.pdl20{
	padding-left: 20px;
}
.pdl30{
	padding-left: 30px;
}
.pd0 {
	padding: 0;
}
.pd3 {
	padding: 3px;
}
.pd4 {
	padding: 4px;
}
.pd5 {
	padding: 5px;
}
.pd10{
	padding: 10px;
}
.pd20{
	padding: 20px;
}
.pd30{
	padding: 30px;
}
.pd-lr10 {
	padding-left: 10px;
	padding-right: 10px;
}
.pd_t4_im {
	padding-top: 4px !important;
}
.pd_t7_im {
	padding-top: 7px !important;
}
.pd_t20_im {
	padding-top: 20px !important;
}
.pd_b20_im {
	padding-bottom: 20px !important;
}
.pd_l20_im {
	padding-left: 20px !important;
}
.pd_r20_im {
	padding-right: 20px !important;
}
.pd-l0{
	padding-left: 0;
}
.pd-l10{
	padding-left: 10px;
}
.pd-tb0 {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}
.pd_b12_im {
	padding-bottom: 12px !important;
}
.return {
	word-wrap: break-word;
}
.w_auto_im {
	width: auto !important;
}
.w10 {
	width: 10px;
}
.w40 {
	width: 40px;
}
.w50 {
	width: 50px;
}
.w60 {
	width: 60px;
}
.w60_fixed {
	width: 60px !important;
	min-width: 60px !important;
	max-width: 60px !important;
}
.w70 {
	width: 70px;
}
.mw70 {
	min-width: 70px;
}
.w70_fixed {
	width: 70px !important;
	min-width: 70px !important;
	max-width: 70px !important;
}
.w80 {
	width: 80px;
}
.w80_im {
	width: 80px !important;
}
.w80_fixed {
	width: 80px !important;
	min-width: 80px !important;
	max-width: 80px !important;
}
.w90_fixed {
	width: 90px !important;
	min-width: 90px !important;
	max-width: 90px !important;
}
.w100 {
	width: 100px;
}
.w100_fixed {
	width: 100px !important;
	min-width: 100px !important;
	max-width: 100px !important;
}
.w110 {
	width: 110px;
}
.mw110 {
	min-width: 110px;
}
.w110_fixed {
	width: 110px !important;
	min-width: 110px !important;
	max-width: 110px !important;
}
.w120 {
	width: 120px;
}
.mw120 {
	min-width: 120px;
}
.w120_fixed {
	width: 120px !important;
	min-width: 120px !important;
	max-width: 120px !important;
}
.w130_fixed {
	width: 130px !important;
	min-width: 130px !important;
	max-width: 130px !important;
}
/* cosmo add start*/
.mw130 {
	min-width: 130px;
}
/* cosmo add end*/

.w140 {
	width: 140px;
}

/* cosmo add start*/
.w140_fixed {
	width: 140px !important;
	min-width: 140px !important;
	max-width: 140px !important;
}
/* cosmo add end*/

.w150 {
	width: 150px;
}
.mw150 {
	min-width: 150px;
}
/* cosmo add start*/
.w160_fixed {
	width: 160px !important;
	min-width: 160px !important;
	max-width: 160px !important;
}
/* cosmo add end*/
.w180_fixed {
	width: 180px !important;
	min-width: 180px !important;
	max-width: 180px !important;
}
/* cosmo add start*/
.mw180 {
	min-width: 180px;
}
/* cosmo add end*/
.w200 {
	width: 200px;
}
.w200_fixed {
	width: 200px !important;
	min-width: 200px !important;
	max-width: 200px !important;
}
/* cosmo add start*/
.mw200 {
	min-width: 200px;
}
.mw220 {
	min-width: 220px;
}
/* cosmo add end*/
.mw150 {
	min-width: 150px;
}
.w150_fixed {
	width: 150px !important;
	min-width: 150px !important;
	max-width: 150px !important;
}
.w256 {
	width: 256px;
}
.w300{
	width: 300px;
}
.w300_im {
	width: 300px !important;
}
.w360 {
	width: 360px;
}
.w400 {
	width: 400px;
}
.w15p {
	width: 15%;
}
.w18p {
	width: 18%;
}
.w20p_fixed {
	width: 20% !important;
	min-width: 20% !important;
	max-width: 20% !important;
}
.w50p {
	width: 50%;
}
.w75p {
	width: 75%;
}
.w900 {
	width: 900px;
}
.w900_im {
	width: 900px !important;
}
.mw740 {
	min-width: 740px;
}
.w100p {
	width: 100%;
}
.w100p_fixed {
	width: 100% !important;
}
.h18_fixed {
	height: 18px !important;
	min-height: 18px !important;
	max-height: 18px !important;
}
.h57_fixed {
	height: 57px !important;
	min-height: 57px !important;
	max-height: 57px !important;
}
.h60 {
	height: 60px !important;
}
.h90 {
	height: 90px !important;
}
.d-inline-block{
	display: inline-block;
}
.fs-05em {
	font-size: 0.5em;
}
.fs-08em {
	font-size: 0.8em;
}
.fs-09em {
	font-size: 0.9em !important;
}
.fc-red {
	color: #e92e3c;
}
.fc-red_im {
	color: #e92e3c !important;
}
.fc-red2 {
	color: #e92e3c !important;
}
.fc-blue {
	color: blue !important;
}
.fc-blue2 {
	color: #0f6ebe !important;
}
.fc-blue3{
	color: #5994e2;
}
.fc-green {
	color: #24ac74;
}
.fc-green2{
	color: #00c935;
}
.fc-black {
	color: #232323;
}
.fc-black_im {
	color: #232323 !important;
}
.fc-gray {
	color: #dddddd;
}
.fc-notes {
	color: #616161;
}
.fc-link-blue{
	color: blue !important;
}
.fc-link-blue2{
	color: #0f6ebe !important;
}
.fc-link-blue:hover,
.fc-link-blue2:hover{
	opacity: 0.6;
}
.fc-link-red{
	color: red !important;
}
.fc-link-red2{
	color: #c00000 !important;
}
.fc-link-red:hover,
.fc-link-red2:hover{
	opacity: 0.6;
}
.white {
	color: white;
}
.fs12em {
	font-size: 1.2em;
}
.fs15em {
	font-size: 1.5em;
}
.lh25em {
	line-height: 2.5em;
}
.bg-white {
	background-color: white !important;
}
.bg-black {
	background-color: black !important;
}
.bg-gray {
	background-color: #dddddd !important;
}
.bg-f2 {
	background-color: #f2f2f2 !important;
}
.bg-red {
	background-color: #FF0000 !important;
}
.bg-dark-red {
	background-color: #bb0019 !important;
}
.bg-green {
	background-color: #008000 !important;
}
.bg-error {
	background-color: #ffc4c4 !important;
}
.va-t {
	vertical-align: top;
}
.va-m {
	vertical-align: middle;
}
.tb-fix {
	table-layout: fixed;
}
.border0 {
	border: none;
}
.border0_im {
	border: none !important;
}
.border-t0_im {
	border-top: none !important;
}
.border-b0_im {
	border-bottom: none !important;
}
.border-l0 {
	border-left: none;
}
.border-l0_im {
	border-left: none !important;
}
.border-r0 {
	border-right: none;
}
.border-r0_im {
	border-right: none !important;
}
.border-cmn {
	border: 1px solid #c2c2c2;
}
.border-t1{
	border-top: 1px solid #c2c2c2;
}
.border-b1{
	border-bottom: 1px solid #c2c2c2;
}
.border-l1{
	border-left: 1px solid #c2c2c2;
}
.border-r1{
	border-right: 1px solid #c2c2c2;
}

.border-l2-dark-red{
	border-left: 2px solid #bb0019 !important;
}
.border-r2-dark-red{
	border-right: 2px solid #bb0019 !important;
}

.short {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
.text-center{
	text-align: center;
}
.text-left{
	text-align: left;
}
.text-right{
	text-align: right;
}
.public-color {
	color: #65a9d9;
}
.public-color2 {
	color: #0000ff;
}
.private-color {
	color: #ff7373;
}
.private-color2 {
	color: #ff0000;
}
.hide {
	display: none;
}
.hide-important {
	display: none !important;
}
.hide-visibility {
	visibility: hidden;
}
.pointer {
	cursor: pointer;
}
.posab {
	position: absolute;
}
.left50 {
	left: 50px;
}
.div_center {
	margin: 0 auto;
}
.scroll_x {
	overflow-x: scroll;
}
.clear_both {
	clear: both;
}
.open-confirm-form:hover {
	color: #de364c;
}

/* api 会社ユーザー選択
----------------------------------------------------------- */
#select-company-user{
	padding: 10px;
	font-size : 1.2rem;
}
.select-company-title,
.select-department-title,
.select-user-title{
	font-weight: bold;
	margin-top: 10px;
	border-bottom : 1px #cccccc dashed;
}
.select-department-title,
.select-user-title{
	margin-right : 20px;
}

.select-company-title{
	border: 1px solid #cccccc;
	border-left: 10px solid #cccccc;
	padding-left: 5px;
}
#select-company-user > ul{
	width: 100%;
	border: 1px solid #cccccc;
	border-top: none;
	box-sizing: border-box;
	padding: 10px 0px 10px 0px;
}
#select-company-user > ul > li{
	width: 100%;
	box-sizing: border-box;
	border-bottom: 1px solid #cccccc;
}
#select-company-user li{
	padding-left: 15px;
	margin: 0px 0px 0px 0px;
	float: left;
	width: 140px;
}
#select-company-user .select-department-box > li{
	width: 100%;
	box-sizing: border-box;
}
#select-company-user .select-company-box label,
#select-company-user .select-department-box label{
	width: 100%;
	box-sizing: border-box;
}
#select-company-user label{
	cursor: pointer;
	width: auto;
	display: inline-block;
	padding: 5px 0px;
	transition: 0.3s;
}
#select-company-user label:hover,
#select-company-user label.checked{
	background-color: #f4b65e;
}
#select-company-user input{
	vertical-align: middle;
}

/* ログイン
---------------------------------------------------------------*/
#login{
	display:inline-block;
	margin: 30px auto 0;
	text-align: left;
}
.login-container{
	display:inline-block;
	padding: 30px;
	border: 1px solid #c2c2c2;
	width: 300px;
	background-color: #fff;
}
.login-text{
	margin-bottom: 20px;
}
.login-title{
	text-align: left;
	width: 100%;
	display:inline-block;
	margin-bottom: 5px;
	font-weight: bold;
}
.login-data{
	text-align: left;
	display:inline-block;
	width: 100%;
	margin-bottom: 20px;
}
.login-data > input{
	font-size: 1.5rem;
	padding:5px;
	box-sizing: border-box;
	width: 100%;
}
.login-form-box{
	margin-top: 20px;
}
.login-form-button-box{
}
.login-form-button-box{
	display:inline-block;
	width: 100%;
	text-align: left;
}
.login-form-button-box .cmn-btn{
	width:100%;
}
#login .login-button{
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	border: 1px solid rgba(233, 46, 60, 1);
	padding:5px 20px 5px 20px;
	background-color: rgba(233, 46, 60, 1);
	color: #ffffff;
	cursor: pointer;
	width: auto;
	float:right;
	height: 40px;
}
#login .login-button:hover{
	background-color:rgba(255, 74, 88, 1); /*rgba(0,112,192,0.8);*/
}
#login-img{
	max-width:100%;
	max-height:300px;
}
#login .error{
	margin-bottom: 20px;
}
.login-link-container{
	margin-top: 20px;
}
/* ページャー
---------------------------------------------------------------*/
.pager{
	margin-left: auto;
	display: flex;
	user-select: none
}
.pager a,
.pager-current{
	padding: 0;
	background:  rgba(233, 46, 60, 1);
	border: 1px solid rgba(233, 46, 60, 1);
	text-decoration: none;
	margin: 2px 5px 2px 2px;
	color: #fff;
	white-space: nowrap;
    width: 2em;
    height: 2em;
    text-align: center;
	line-height: 1em;
	
	display: flex;
	justify-content: center;
	align-items: center;
}
.pager-current{
	border: 1px solid #e92e3c;
}
.pager a:hover{
	background: rgba(255, 74, 88, 1);
	border: 1px solid rgba(255, 74, 88, 1);
}
.pager-current{
	background: #fff;
	color: #e92e3c;
}
.pager .icon-pager-left,
.pager .icon-pager-right{	
    width: 7px;
    height: 11px;
}
/**
* 会社検索ポップアップ
*/
.search_contaienr,
.search_list_select_contaienr{
	display: flex;
	column-gap: 4px;
	align-items: center;
}
.search_contaienr select{
	vertical-align: middle;
	width: 100%;
	
}
.popup_contaienr_checkbox{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.popup_contaienr_checkbox .search-btn{
	margin-right: 10px; 
}
.hPopUp {
	visibility:hidden;
	position:absolute;
	top:66px;
	z-index:-1;
	background:#fff;
	overflow:hidden; 
	box-shadow:0 0 5px rgba(77,77,77,0.2);
	border-radius:0 0 4px 4px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.hSubMap{
	position: relative;
	background: #fff;
	width: 160px;
	padding: 12px 0 0 0;
	overflow: hidden;
    border: 2px solid #bfbfbf;
}
.hSubMap a { color:#646464; display:block; cursor:pointer; }
.hSubMap dl { float:left; padding: 0 0 0 29px; }
.hSubMap dt { color:#2d2d2d; font-size:1.25rem; font-weight:normal; padding:0 0 13px 0; }
.hSubMap dd { padding:0 0 7px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.hSubMap dd span { color:#8e8e8e; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.1rem; display:inline-block; }
.hSubMap dl#hSiteList { width:160px; padding:0 0 0 30px; text-align:left; }
.hSubMap dl#hSiteList dd { margin:0; line-height:24px; }

.hPopUp2 {
	visibility:hidden;
	position:fixed;
	margin-top: 22px;
	z-index:-1;
	background:#fff;
	overflow:hidden;
	box-shadow:0 0 5px rgba(77,77,77,0.2);
	border-radius:0 0 4px 4px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	top: calc(50% - 150px);
	left: calc(50% - 250px);
}
.hSubMap2 {
	position: relative;
	background: #fff;
	width: 500px;
    /*height: 300px;*/
	overflow: hidden;
    border: 2px solid #bfbfbf;
	color: #000;
	font-size: 1.25rem;
}
.hSubMap2 a{
	color: #232323;
}
.menu-trigger a:hover{
	color:white;
}
.search_word {
	/*padding: 0;*/
	width: 256px;
}
.search_result {
	height: 223px;
	overflow: auto;
	padding: 5px;
}
ul.c_list li {
	/*font-size: 0.8rem;*/
	display: block;
}
ul.c_list li a{
	text-decoration: none;
	display: inline-block;
	width: 100%;
}
ul.c_list li a:hover {
	text-decoration: underline;
}
ul.c_list li.selected{
	background-color: #ff4a58;
	color: #fff;
}
ul.c_list li:hover{
	background-color: #ff4a58;
	color: #fff;
}
ul.c_list li.selected a{
	color: #fff;
}
ul.c_list li:hover a{
	color: #fff;
}
.pupup_button_container{
	padding: 10px;
}
.bg-e2 {
	background-color: #e2e2e2;
    /*font-size: 0.8rem;*/
}
#event-container{

}

.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons {
	position: fixed;
	z-index: 1001;
}
.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
	display: none;
}

/* cosmo add start*/
.required:after {
	color: #ff0000;
	content: "*";
	margin-left:5px;
}
.required_label {
	color: #ff0000;
}
.font_size_10 {
	font-size: 10px;
}
.scroll-none-x {
	overflow-x: hidden;
}
.max-w300 {
	max-width: 300px !important;
}
/* cosmo add end*/

label:has(> .checkbox-readonly){
	pointer-events: none;
}
.checkbox-readonly{
	pointer-events: none;
    filter: invert(0.2);
    accent-color: lightgray;
}
.dealer_type_container{
	display: flex;
	flex-wrap: wrap;
}
.dealer_type_container label{
	padding: 0 10px 10px 0;
}
div.ui-widget-overlay{
	opacity: 0.75;
	background-color: #000000;
}

.csPopupContainerArea {
	position:fixed;
	z-index:-1;
/*	background:#fff;
	overflow:hidden;*/
	top: 0;
	left: 0;
	width: 100vw;
    height: calc(100vh - 20px);
	display: flex;
	justify-content: center;
	align-items: center;
    padding-top: 80px;
    padding-right: 20px;
}
.csPopupContainer {
	position: relative;
	background: #fff;
	min-width: 500px;
	max-width: 90vw;
    /*height: 300px;*/
	overflow: hidden;
    border: 2px solid #bfbfbf;
	color: #000;
	font-size: 1.25rem;
	
	box-shadow:0 0 5px rgba(77,77,77,0.2);
	border-radius:0 0 4px 4px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-ms-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
}
.csPopupContainer a{
	color: #232323;
}
.csPopupTitle{
	padding: 10px;
	border-bottom: 1px solid #c2c2c2;
}
.csPopupInner{
	overflow: auto;
	padding: 10px;
	max-height: calc(100vh - 280px);
}
.csPopupBtnContainer{
	border-top: 1px solid #c2c2c2;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 20px;
}

/* sizing
---------------------------------------------------------------*/
@media screen and (max-width: 1023px) {
	#product-detail-left,
	#product-detail-right{
		float: none;
		width: 100%;
	}
}
/* clearfix */
.clearfix:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */