.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.disabled {
	opacity:0.6;
	background-color: #eee !important;
	pointer-events: none;
}
.display_none {
	display:none !important;
}

.ex {
	font-size:0.8em;
}
.text_right {
	text-align:right;
}


.font_red {
	color:red !important;
}
.font_bold {
	font-weight:bold;
}

.required {
	color: #d93025;
}
.div_require {
	color: #d93025;
}
.div_a_mes {
	color: #d93025;
	font: 400 14px Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	line-height: 135%;
	margin: 10px 0 0 0;
}
.div_a_mes.validate_error {
	color: #d93025;
}

.div_inline {
	display:inline-block;
}


a.nolink {
	pointer-events: none;
	cursor:default;
}
a.nolink:after {
	display:none;
}
input.disabled {
	pointer-events: none;
	cursor:default;
	opacity:0.6;
	background-color: #eee !important;
	border: none !important;
}

.pc_view {
	display:none !important;
}
.pc_view_inline {
	display:none !important;
}

	@media screen and (min-width: 480px) {
		.sp_view {
			display:none !important;
		}
		.pc_view {
			display:block !important;
		}
		.pc_view_inline {
			display:inline-block !important;
		}
	}

.float_left { float:left; }
.float_right { float:right; }




table.def_table {
	width:100%;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
}
table.def_table tr {

}
table.def_table tr th, table.def_table tr td {
	padding:5px;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}
table.def_table tr th {
	text-align:center;
	vertical-align:middle;
	background-color:#ddd;

}
table.def_table tr td {
	text-align:left;
	vertical-align:top;
}
	table.def_table tr td.td_num {
		text-align:right;
	}



	@media screen and (max-width: 560px){

	}


.word_break_all {
	overflow-wrap: break-word;
	word-wrap: break-word;
	line-height: 1;
}
.font09 {
	font-size:0.9em;
}
.img_send {
	cursor:pointer;
}
.nowrap {
	white-space:nowrap;
}
.div_left {
	display:inline-block;
	float:left;
}
.errors {
	color:red;
}
.div_right {
	float:right;
	margin-right: 50px;
}

.td_check {
	vertical-align: middle !important;
	text-align: center;
}



.swal-title {
	line-height: 1.2;
	font-size: 16px;
}
.area_textright {
	text-align:right;
}


.w60 {
	width:60px;
}
.w110 {
	width:110px;
}

.noclick {
	pointer-events: none !important;
	cursor:default !important;
}


.mesok {
	color:blue;
}
.mesng {
	color:red;
}

.txt_red {
	color:red;
}
.txt_left {
	text-align:left;
}
.txt_right {
	text-align:right;
}

.fnormal {
	font-weight:normal !important;
}


table.def_table {
	width:100%;
	border-top:1px solid #eee;
	border-left:1px solid #eee;
}
table.def_table tr {

}
table.def_table tr th, table.def_table tr td {
	padding:5px;
	border-bottom:1px solid #eee;
	border-right:1px solid #eee;
}
table.def_table tr th {
	text-align:center;
	vertical-align:middle;
	background-color:#ddd;

}
table.def_table tr td {
	text-align:left;
	vertical-align:top;
}
	table.def_table tr td.td_num {
		text-align:right;
	}



	@media screen and (max-width: 560px){

	}


.btarea_img_upload {
text-align: right;
}
.area_img_upload {
border: 1px solid #ff5a00;
background-color: #fdd7c236;
padding: 10px;
}
.td_inner_mesarea {
margin-bottom:20px;
}

/* ------------------ */
/* file upload */
/* ------------------ */
.iamgeArea{
background-color: #f4f4f4;
margin: 10px;
padding: 10px;
border: #ddd dashed 5px;
height: 100px;
width: 150px;
text-align: center;
display: inline-block;
font-size: 0.8em;
line-height: 1.2;
float: left;
}
.iamgeArea p {
margin: 0 0 5px 0 !important;
}
.iamgeArea .drag-drop-info {

}
.iamgeArea input {
width: 100%;
overflow: hidden;
}
.iamgeArea .drag-drop-buttons {

}

.imagebox img{
height: 100px;
width: 150px;
}
.prevbox{
overflow: hidden;
padding-bottom: 10px;
display: inline-block;
height: auto;
width: 250px;
vertical-align: top;
}
.prevbox li{
float: left;
padding: 3px;
list-style: none;
background-image: none;
}
.prevbox img{
width: 100%;
height: auto;
}

.ul800 {
	max-width: 800px;
	margin: 10px auto;
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
}

input[type="email"],input[type="tel"] {
    background: #eee;
    border: none;
    /* border-radius: 5px; */
    height: 32px;
    max-width: 320px;
    margin: 0 10px 5px 0;
    padding: 0 5px;
    width: 100%;
}
input[type="email"]:focus,input[type="tel"]:focus {
  outline: none;
  background: #fff;
  border: 1px solid #eee;
}


.swal-title {
    font-size: 16px;
}

.form_val {
	font-size:16px !important;
}

ul.mes_ul {
	list-style: disc;
}

#cboxOverlay {
    background-color: #ddd;
}
#cboxContent button {
    border: none;
    padding: 0;
    outline: none;
    box-shadow: unset;
}

#cboxOverlay {
    background-color: #ddd;
}
#cboxContent {
    background-color: transparent;
}
#cboxLoadedContent {
    background: #fff;
    border: 3px solid #aaa;
}
#cboxLoadedContent {
    overflow: hidden !important;
}
#cboxClose {
    right: 15px;
}

#cboxPrevious {
    right: 64px;
}
#cboxNext {
    right: 42px;
}