@charset "UTF-8";
/*===========================================================
+-----+// reset
===========================================================*/
body,div,pre,p,blockquote,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,pre,form,
fieldset,input,textarea,select,option,table,th,td,tr,embed,object,figure,figcaption{
	margin:0;
	padding:0;
}

li{list-style-type:none;}
fieldset,table,img{border:0;}
table{border-collapse:collapse;border-spacing:0;}

html{
	font-size:62.5%;
}

html,body{
	-webkit-text-size-adjust: 100%;
}

/*===========================================================
+-----+// Body
===========================================================*/
body{
	text-align:left;
}
body img{vertical-align:top;}

h1,h2,h3,h4,h5,h6,p,li,dt,dd,form,pre,td,th,label,div,figure,figcaption{
	color:#333333;
	font-size:16px;
	font-size:1.6rem;
}

a{overflow:hidden;}
a{color: #E95404; text-decoration:none;}

body,h1,h2,h3,h4,h5,h6,td,th,p,div,input,textarea,pre,ul,li,ol{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
}

input,texarea{
	margin:0;
	padding:0;
	border:none;
}

* html body *{
	vertical-align:baseline;
}

::placeholder{
  color:#bbbbbb
}

/*===========================================================
+-----+// hover
===========================================================*/

.over a,.over li a,
.over dt a,.over dd a{
	transition: all 0.3s;
	opacity: 1;
}
.over a:hover,.over li a:hover,
.over dt a:hover,.over dd a:hover{
	opacity: 0.7;
}

/*===========================================================
+-----+// select reset
===========================================================*/
select::-ms-expand {
	display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	background-image: url(/denki/assets/img/common/icon_select.svg) !important;
	background-repeat: no-repeat !important;
	background-size: 11px 6px !important;
	background-position: right 10px center !important;
}

/*===========================================================
+-----+// text
===========================================================*/

.txt_c{text-align:center !important;}
.txt_r{text-align:right !important;}
.txt_l{text-align:left !important;}

.point_color{color:#EB5705 !important;}
.point_color_r{color: #E30000 !important;}

.fw_nomal{font-weight: normal !important;}
.fw_bold{font-weight: bold !important;}

.fz_small{font-size: 1.2rem;}

/*===========================================================
+-----+// float
===========================================================*/

.float_l{float:left;}
.float_r{float:right;}

/*===========================================================
+-----+// flex
===========================================================*/
.flex_s{
	display: flex;
	justify-content: flex-start;
}
.flex_b{
	display: flex;
	justify-content: space-between;
}
.flex_e{
	display: flex;
	justify-content: flex-end;
}
.flex_wrap{
	flex-wrap: wrap;
}
/*===========================================================
+-----+// align
===========================================================*/
.align_s{
    align-items: flex-start;
}
.align_c{
    align-items: center;
}
.align_e{
    align-items: flex-end;
}
/*===========================================================
+-----+// margin
===========================================================*/
.m_auto{margin-left:auto !important;margin-right:auto !important;}
.m_10{margin:10px;}

.m_t0{margin-top:0px !important;}.m_t5{margin-top:5px !important;}
.m_t10{margin-top:10px !important;}.m_t15{margin-top:15px !important;}
.m_t20{margin-top:20px !important;}.m_t25{margin-top:25px !important;}
.m_t30{margin-top:30px !important;}
.m_t40{margin-top:40px !important;}

.m_b0{margin-bottom:0px !important;}.m_b5{margin-bottom:5px !important;}
.m_b10{margin-bottom:10px !important;}.m_b15{margin-bottom:15px !important;}
.m_b20{margin-bottom:20px !important;}.m_b25{margin-bottom:25px !important;}
.m_b30{margin-bottom:30px !important;}
.m_b40{margin-bottom:40px !important;}
.m_b50{margin-bottom:50px !important;}
.m_b60{margin-bottom:60px !important;}
.m_b70{margin-bottom:70px !important;}

.m_r0{margin-right:0px !important;}.m_r5{margin-right:5px !important;}
.m_r10{margin-right:10px !important;}.m_r15{margin-right:15px !important;}
.m_r20{margin-right:20px !important;}.m_r25{margin-right:25px !important;}
.m_r30{margin-right:30px !important;}

.m_l0{margin-left:0px !important;}.m_l5{margin-left:5px !important;}
.m_l10{margin-left:10px !important;}.m_l15{margin-left:15px !important;}
.m_l20{margin-left:20px !important;}.m_l25{margin-left:25px !important;}
.m_l30{margin-left:30px !important;}

/*===========================================================
+-----+// padding
===========================================================*/
.p_0{padding:0 !important;}
.p_5{padding:5px !important;}
.p_10{padding:10px !important;}
.p_15{padding:15px !important;}
.p_20{padding:20px !important;}
.p_30{padding:30px !important;}

.p_t0{padding-top:0px !important;}.p_t5{padding-top:5px !important;}
.p_t10{padding-top:10px !important;}.p_t15{padding-top:15px !important;}
.p_t20{padding-top:20px !important;}.p_t25{padding-top:25px !important;}
.p_t30{padding-top:30px !important;}

.p_b0{padding-bottom:0px !important;}.p_b5{padding-bottom:5px !important;}
.p_b10{padding-bottom:10px !important;}.p_b15{padding-bottom:15px !important;}
.p_b20{padding-bottom:20px !important;}.p_b25{padding-bottom:25px !important;}
.p_b30{padding-bottom:30px !important;}

.p_r0{padding-right:0px !important;}.p_r5{padding-right:5px !important;}
.p_r10{padding-right:10px !important;}.p_r15{padding-right:15px !important;}
.p_r20{padding-right:20px !important;}.p_r25{padding-right:25px !important;}
.p_r30{padding-right:30px !important;}

.p_l0{padding-left:0px !important;}.p_l5{padding-left:5px !important;}
.p_l10{padding-left:10px !important;}.p_l15{padding-left:15px !important;}
.p_l20{padding-left:20px !important;}.p_l25{padding-left:25px !important;}
.p_l30{padding-left:30px !important;}.p_l40{padding-left:40px !important;}
.p_l50{padding-left:50px !important;}
