@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@100;200;300;400;500;600;700&display=swap');

*{margin:0px; padding:0px; letter-spacing:1px;}

/* ----- base tag ----------------------------------------------------------- */
body { margin: 0; padding: 0; color: #000; line-height: 1.8em;  font-size:14px; background: #f9f9f9;
font-family:/*'Urbanist',Futura, 'Century Gothic',*/ "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;
-webkit-text-size-adjust: none;
word-break: break-all;
-webkit-text-stroke-width: .3px !important;
 }
 input, select, textarea {
font-family:/*'Urbanist',Futura, 'Century Gothic',*/ "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;
}
table{border-collapse:collapse;}
tH { padding: 5px; vertical-align:top; }
td { padding: 5px; vertical-align:top !important;}
strong {}
em { color: #ff0000; font-style: normal; font-weight: normal; }
a { line-height: 1.3; text-decoration: none; transition: .3; }
a:visited { color: #0000ff }
a:hover { color: #0000ff; text-decoration: underline }
a:active{color:#ff0000;}
input{ padding:2px 1px 2px 1px; }
textarea{ padding:2px 1px 2px 1px; }
form {margin:0px;}
input, textarea, select{ border: none; background: #f0f0f0; min-height: 46px; border-radius: 10px; margin:0px 2px 0px 0px; padding:2px 15px 2px 15px; box-sizing: border-box;}

select{ display: inline-block; vertical-align: text-bottom; min-height: 34px; border: 1px solid #f0f0f0; background:url("../images/icon/indent_b_bk.png") no-repeat right 10px center,#f0f0f0; background-size: 11px auto; cursor: pointer; text-indent: 0.01px; text-overflow: ellipsis; outline: none; box-shadow: none; -webkit-appearance: none; appearance: none; position: relative; padding-right: 2.5em;}

select::-ms-expand { display: none;}

button.ui-multiselect{border: none; background: #f0f0f0; font-weight: normal; color: #454545; border-radius: 8px !important; min-height: 46px; min-width: 254px; padding:2px 2.5em 2px 15px; box-sizing: border-box; cursor: pointer; position: relative;}

button.ui-multiselect span.ui-icon{background: url(../images/icon/indent_b_bk.png) no-repeat center center; background-size: 11px auto; margin-top: 1px;position: absolute; right: 10px; top:50%; margin-top: -8px;}

ul.ui-multiselect-checkboxes label{cursor: pointer;}
ul.ui-multiselect-checkboxes input{display: inline-block; vertical-align: middle; margin:0 5px 5px 0; cursor: pointer;}

input[type="file"] { background: none; min-height: auto; padding: 0; border-radius: 0;}

input.imeDisabled {ime-mode: disabled;}
input[type="radio"]:checked {outline: solid 5px #ffff00;}
input[type="button"] { padding:5px 10px 5px 10px; font-weight:bold}

input[type="checkbox"]{
-webkit-appearance:none;
width:22px;
height:22px;
min-height: 22px;
border:solid 1px #d6d6d6;
background:url("../images/icon/icon_check.png") no-repeat center center,#ffffff;
background-size: 18px auto;
-webkit-border-radius: 5px;
text-align:center;
display: block;
margin: 0;
padding: 2px 5px 2px 5px;
	box-sizing: border-box;
	cursor: pointer;
}

input[type="checkbox"]:checked {
background:url("../images/icon/icon_check.png") no-repeat center center,#ed4373;
background-size: 18px auto;
border:solid 1px #ea634a;
outline:none;
}

h1 { }
h2 { font-size:20px; background-color:#8dd8fd; color:#fff; padding:5px; font-weight:400; }
h2 a{ color:#fff; text-decoration:underline;}
h2 a:visited{ color:#fff; text-decoration:underline;}

h3 { font-size:16px; color:#000; padding:5px;}

th {text-align:left; padding:5px;}

li{list-style-type:none;}

.redText{color:#FF0000;}
.demoAlert{ border:1px solid #ff0000; color:#ff0000; padding:3px;}

/* ----- inline style ------------------------------------------------------- */
.small-text { font-size:14px }
.xsmall-text { font-size:12px; }
.xxsmall-text { font-size:10px; }
.large-text { font-size:20px; }
.normal-text{font-weight:normal;}
.weeken { color: #999; }
.comment { color: #000; }
/* price */
.price { color: #ff0000; font-weight: bold; }
/* price(decimal) */
.price .decimal { vertical-align: text-top; font-size: 9px; }
.notice { color:#ff0000; font-weight:bold; font-size:18px; }
.marked { border-bottom:#ff0000 2px solid;}
.border{ border:1px solid #666;}

.alert{border:1px solid #ff0000; padding:2px 2px 2px 2px; text-align:center; font-weight:bold;}
.alert2{padding:2px 2px 4px 2px;font-weight:bold;}
.contextmenu{ margin:10px 0px 0px 0px;}
.contextmenu-text{font-size:12px;}
/* ----- page layout ---------------------------------------------------------- */
table.layout {}
/*div.layout { border: #dcdcdc 1px solid; }*/
div.header { margin: 10px 0px;}

#start{
text-align:center; margin:60px auto 0px auto; font-size:20px; border:1px solid #ddd; padding:10px 5px 10px 5px; width:300px;background-color:#8dd8fd;color:#fff;
}

a:hover #start{
color:#0000ff;
}

/* ----- menu ----------------------------------------------------------------- */
.menubox { border: solid 1px #dcdcdc; padding-right: 1px; padding-left: 1px; padding-bottom: 0px; margin: 0px 0px 10px; padding-top: 10px; }
.menu { border: #dcdcdc 1px solid; margin: 2px 0px 15px; }
.menu1 { border: #ff0000 1px solid; margin: 2px 0px 15px; }
.menu2 { border: #dcdcdc 1px solid; margin: 2px 0px 0px; }
.menu li { padding: 3px; margin: 1px 0px; list-style-type: none; background-color: #e6f3fb; }
.menu1 li, .menu2 li { padding: 3px; margin: 1px 0px; list-style-type: none; background-color: #e6f3fb; }
.menu #treeMenu1 { padding: 3px; margin: 1px 0px; list-style-type: none; background-color: #e6f3fb; }
.menu .liAdjust1{font-size:90%; padding-left:10px;}

/* ----- menu ----------------------------------------------------------------- */
#login { margin:50px auto 0px auto; width:400px; font-size:16px; color:#000;}
#login input { font-size:16px;}

/* ----- search --------------------------------------------------------------- */
#search{background-color:#f1f1f1; border:1px solid #747474; margin:0px 0px 10px 0px;}

#search input,#search select{ margin:3px 3px 3px 3px;}

.searchTable{}
.searchTable td{vertical-align:top; padding:0px;}
.select1{width:280px;}
.select2{width:180px;}

/* ----- panel --------------------------------------------------------------- */
.panel{ margin:10px 0px 0px 0px; border:2px solid #ff0000; padding:5px; background-color:#eee;}


/* ----- table admin-list ------------------------------------------- */
table.admin-list {}
table.admin-list thead tr { height: 40px; background-color: #e6f3fb; }
table.admin-list thead tr th { padding: 0px 3px; border-top: #bbb 1px solid; border-bottom: #bbb 1px solid; color: #000; font-weight:normal; text-align:center;}
table.admin-list thead tr th a { text-decoration:none; }
table.admin-list thead tr th a:hover { text-decoration:underline;}


table.admin-list tbody tr.closed { background-color: #cccccc }
table.admin-list tbody tr.closed-over { background-color: #cccccc }
table.admin-list tbody tr td { color: #000; border-bottom: #bbb 1px solid; padding:1px 1px 1px 1px;}
table.admin-list .xsmall-text { color:#333333;}
table.admin-list .odd td, table.admin-list .odd_draft td, table.admin-list .even td , table.admin-list .even_draft td {border-bottom:none; padding:3px 3px 3px 3px;}

table.admin-list .odd .td1{ background-color: #ffffff; }
table.admin-list .even .td1{ background-color: #f4f4f4; }
table.admin-list .odd .td2{ background-color: #ffffff; }
table.admin-list .even .td2{ background-color: #f4f4f4; }

table.admin-list .odd_draft .td1{ background-color: #feefef; }
table.admin-list .even_draft .td1{ background-color: #feefef; }
table.admin-list .odd_draft .td2{ background-color: #feefef; }
table.admin-list .even_draft .td2{ background-color: #feefef; }


table.admin-list .odd .td2 .im1,table.admin-list .even .td2 .im1{ margin:0 0 7px 0;}

table.admin-list .odd-over .td1{ background-color:#e4f0ff; }
table.admin-list .even-over .td1{ background-color:#e4f0ff; }

table.admin-list .tr_odd td{ background-color: #ffffff; padding:6px 3px 6px 3px; height: 30px; }
table.admin-list .tr_even td{ background-color: #f4f4f4; padding:6px 3px 6px 3px; height: 30px; }

/* ----- table entry heading menu ------------------------------------ */
table.head { margin:20px 0px 0px 0px; border-top:1px solid #747474; border-left:1px solid #747474; border-right:1px solid #747474; background-color:#eee;}
table.head tr { height: 30px; background-color:#000066; text-align:center;}
table.head td { border:1px solid #747474; width:16%; font-size:12px;}
table.head tr td.inactive {background-color:#eee; text-align:center;}
table.head tr td.active { color:#fff; font-weight:bold; background-color:#0a246a; text-align:center;}
table.head tr td.inactive a { font-weight:normal;}

/* ----- table basic-info ------------------------------------------- */
table.basic-info {margin:0px 0px 20px 0px; font-size:16px; border:1px solid #747474; }
table.basic-info tbody tr { height:30px; }
table.basic-info tbody tr th { background-color:#e8eef7; width:200px; border-right:1px solid #bbb; border-bottom:1px solid #bbb; padding:4px 2px 4px 6px; font-weight: normal; text-align:left; }
table.basic-info tbody tr td { border-bottom:1px solid #bbb;padding:4px 2px 4px 4px; }

table.basic-info tbody tr td {}

table.basic-info .tdAdjust1 { width:30px; text-align:center;}

table.basic-info .tdAdjust1 .textAdjust1 { width:20px; text-align:center; background-color:#f6a301; color:#000; border:1px solid #000; /*display:none;*/}
table.basic-info .tdAdjust1 .textAdjust2 { width:0px; height:0px; line-height:0px; text-align:center; }

table.basic-info tbody tr th .textAdjust1,table.basic-info tbody tr td .textAdjust1 { color:#000; border:1px solid #000; font-size:10px; padding:3px; margin:0px 10px 0px 0px; }

.basic-info input, .basic-info textarea, .basic-info select{ font-size:16px; padding:2px 1px 2px 1px; margin:2px 1px 2px 1px;}

table.button {margin:0px 0px 20px 0px; font-size:16px; text-align:center; }
table.button input { width:200px;}

/* ----- table image-list ------------------------------------------- */
table.image-list { background-color:#ffffff; margin:0px 0px 30px 0px; border:1px solid #747474; }
table.image-list thead tr { height: 40px; background-color: #e6f3fb; }
table.image-list thead tr th { padding: 0px 3px; border-top: #bbb 1px solid; border-bottom: #bbb 1px solid; color: #000; font-weight:normal; text-align:center;}
table.image-list thead tr th a { text-decoration:none; }
table.image-list thead tr th a:hover { text-decoration:underline;}

table.image-list tbody tr { height:30px;  }
table.image-list tbody tr.odd { background-color: #eaf4e8; }
table.image-list tbody tr.even { background-color:#ffffff; }
table.image-list tbody tr td {}
td.image-form { border-top: #747474 2px solid; border-bottom: #747474 2px solid; background-color: #eee; padding:5px 0 5px 0;}
.confirm-box { border:3px solid #ff0000; background-color: #f4f4f4;}


/* ----- pager ------------------------------------------- */
table.pager { margin:10px 0px 10px 0px;}
table.pager em {color:#f00; font-size:18px; margin:0 5px 0 5px;}

/* ----- warning ------------------------------------------- */
table.warning { border: #ff0000 3px solid; background-color:#ffffff; margin-bottom:5px; color:#ff0000; text-align:left; padding:3px 3px 3px 5px; font-size:18px; background-color:#FFFF00;}
table.warning td { color:#ff0000; text-align:center; }

/* ----- warning ------------------------------------------- */
.error-box { border: #ff0000 3px solid; background-color:#ffffff; margin-bottom:5px; color:#ff0000; text-align:left; padding:3px 3px 3px 5px; font-size:18px; background-color:#FFFF00;}

.error-box2 { background-color:#ffffff; margin-bottom:5px; color:#ff0000; text-align:left; padding:3px 3px 3px 10px; font-size:18px; background-color:#FFFF00;}

.error-box a { color:#ff0000; text-decoration:none; }

input.input-error { background-color:#FFCCCC; }

/* ----- sort anchor -------------------------------------------------------------- */
a.sort { border: solid 1px #000000; background-color: #fffaeb; margin: 2px 0px; padding:3px 3px 1px 3px; line-height: 18px; text-decoration:none; color:#000000; }
a.sort-arrow { border: solid 1px #000000; background-color:#ffffff; color:#ff6600; padding:3px 3px 1px 3px; overflow: visible; line-height: 18px; text-decoration:none; }
.sortText2{border-top:1px solid #000;border-bottom:1px solid #000;border-left:1px solid #000;padding:3px 3px 1px 3px;background-color: #ff6600;color:#fff;}
span.sort-current { border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #000000; background-color: #ff6600; text-decoration:none; color:#ffffff; padding:3px 3px 1px 3px; overflow: visible; line-height: 18px; }

/* ----- upload result -------------------------------------------------------------- */
.insert {color:#F60}
.update {color:#33cc33}

/* ----- table file-list ------------------------------------------- */
table.file-list { background-color: #bbbbbb; margin: 0px; font-size:14px }
table.file-list thead tr { height: 30px; background-color: #f1fde2; }
table.file-list thead tr th { padding: 0px 3px; border-top: #bbb 2px solid; border-bottom: #bbb 2px solid; color: #000; font-weight:normal; text-align:center; font-size:12px; }
table.file-list thead tr th a { text-decoration:none; }
table.file-list thead tr th a:hover { text-decoration:none; }
table.file-list tbody tr { height: 40px; background-color: #f4f4f4 }
table.file-list tbody tr.over { height: 40px; background-color: #ffe2ac }
table.file-list tbody tr.closed { height: 40px; background-color: #cccccc }
table.file-list tbody tr.closed-over { height: 40px; background-color: #cccccc }
table.file-list tbody tr td { color: #000; border-bottom: #bbb 1px solid; padding:5px 0px 5px 10px;}
table.file-list .xsmall-text { color:#333333;}

/* ----- table general-list ------------------------------------------- */
table.general-list { background-color: #bbbbbb; margin: 0px; font-size:14px }
table.general-list thead tr { height: 30px; background-color: #f1fde2; }
table.general-list thead tr th { padding: 0px 3px 0px 3px; border-top: #bbb 2px solid; border-bottom: #bbb 2px solid; color: #000; font-weight:normal;font-size:12px; vertical-align:middle;}
table.general-list thead tr th a { text-decoration:none; }
table.general-list thead tr th a:hover { text-decoration:none; }
table.general-list tbody tr { height: 40px; background-color: #f4f4f4 }
table.general-list tbody tr.over { height: 40px; background-color: #ffe2ac }
table.general-list tbody tr.closed { height: 40px; background-color: #cccccc }
table.general-list tbody tr.closed-over { height: 40px; background-color: #cccccc }
table.general-list tbody tr td { color: #000; border-bottom: #bbb 1px solid; padding:10px 5px 10px 5px;}
table.general-list .xsmall-text { color:#333333;}

table.general-list .inner td { border:none;}

table.general-list table.noborder td { border:none;}

.storeSelect{margin:10px 0px 5px 0px}
.storeSelect input{ padding:3px 10px 3px 10px;}

.div1{margin:5px 0px 10px 50px; font-size:12px; color:#666;}

pre{ display:block; float:left; color:#000; margin:5px 50px 5px 0;}


.entry_form{
background-color:#ffffcc;
}
.entry_form .title{ font-size:24px; background-color:#ffcc00; padding:3px 0 3px 5px;}
.entry_form .button{ font-size:18px; margin:5px 10px 5px 10px; padding:5px 0 5px 0;}

.entry_form table{
background-color:#eee;
}

.entry_form table th{
background-color:#fefeeb;
}

.entry_form table td{
background-color:#fefeeb;
}

.locked{
background-color:#ccc;
}

table.haishin { margin:20px 0px 0px 0px; border-top:1px solid #747474; border-left:1px solid #747474; background-color:#eee; display:none;}
table.haishin tr { height: 30px;}
table.haishin td { border-bottom:1px solid #747474;border-right:1px solid #747474; font-size:12px;}

table.mail_confirm { margin:0px 0px 10px 0px; border-top:1px solid #747474; border-left:1px solid #747474; background-color:#f5f5f5;}
table.mail_confirm th { background-color:#e6f3fb; border-bottom:1px solid #747474;border-right:1px solid #747474; padding:10px;}
table.mail_confirm td { border-bottom:1px solid #747474;border-right:1px solid #747474; padding:10px;}

table.mail_history {
	margin:0 0 20px 0;
border-top:1px solid #747474; border-left:1px solid #747474; background-color:#eee;
}

table.mail_history th { border-bottom:1px solid #747474;border-right:1px solid #747474; font-size:12px; padding:5px; background-color:#e6f3fb;}
table.mail_history td { border-bottom:1px solid #747474;border-right:1px solid #747474; font-size:12px; padding:5px;}

table.member{
	margin:0 0 0 0;
	font-weight:bold;
	border:none;
}

table.member td{
	border:none;
}

table.member .alert{
	background-color: #FCC;
	text-align:left
}

#a{
	display:none;
}

#b{
	display:none;
}

input::-webkit-input-placeholder {
    color: #999;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #999;
    font-weight: normal;
}

input.imeDisabled {
ime-mode: disabled;
}
#drop-area{
width:100%;
height:170px;
text-align:center;
border:2px dotted #0B85A1;
color:#92AAB0;
padding:10px 0px 10px 0px;
margin-bottom:10px;
display: none;
font-size:14px;
}
#image-list .sort:hover {cursor: move;}
.admin-image-list th {text-align:center; font-weight:normal; border-bottom: 1px solid #ccc; background-color:#efefff}
.admin-image-list td {border-bottom: 1px solid #ccc; padding:10px;}

#add-image-list tr:hover {cursor: move;}
#add-image-list {font-size: 10px;}
.ui-sortable-helper {display: table;}
.placeholder td {height:150px; border-top: 1px dashed red !important; border-bottom: 1px dashed red; background-color: pink;}
.placeholder td:first-child {border-left: 1px dashed red !important;}
.placeholder td:last-child {border-right: 1px dashed red !important;}
.placeholder-add td {height:75px; border-top: 1px dashed red !important; border-bottom: 1px dashed red; background-color: pink;}
.placeholder-add td:first-child {border-left: 1px dashed red !important;}
.placeholder-add td:last-child {border-right: 1px dashed red !important;}

.save,.add-image { padding:10px 20px 10px 20px;}

/*matching mail*/
#estSubCat div{ float:left; margin:0 20px 0 0;}
#station div{ float:left; margin:0 20px 0 0;}
#school div{ float:left; margin:0 20px 0 0;}
#area div{ float:left; margin:0 20px 0 0;}

/*btn*/

.btn{
	padding:3px 10px 3px 10px; font-size:16px; margin:0px 20px 0px 20px; background-color:#FF6600; color:#fff;
}

.title_voice{
	font-size:20px;
	font-weight:bold;
}

.tips{
	margin:20px 0 100px 0;
	border:1px solid #ccc;
	color:#cc0000;
	padding:10px;
}

#tags{
	width:400px;
}

#csv-drop-area{
width:50%;
height:170px;
text-align:center;
border:2px dotted #0B85A1;
color:#92AAB0;
padding:10px 0px 10px 0px;
margin-bottom:10px;
font-size:14px;
}

.info-box { border: #9999ff 3px solid; background-color:#ffffff; margin-bottom:5px; color:#ff0000; text-align:left; padding:3px 3px 3px 5px; font-size:18px; background-color:#FFFFFF;}

.copy_val {position:relative;}

.copy_val .balloon {opacity: 0; position: absolute; top: -18px; left: 0; color: #fff; background: rgba(237,67,115,0.6); padding: 2px 5px; font-size:14px; border-radius: 4px;}

.copy_val .balloon.clicked {
  animation: fade-out 2s ease-in;
}

@keyframes fade-out {
  0% {visibility: visible; opacity: 1;}  /* 最初は表示して、 */
  100% {visibility: hidden; opacity: 0;} /* フェードアウトする */
}