/* clearfixの記述 */
.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.clearfix{
    display: inline-block;
} 
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}
/* End Hack */

/* 全体の記述 */
body{
    font-size: 14px;
} 

*{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}
.slider{
	margin: 3% auto;
	width: 70%;
}
.slider img{
	height: auto;
	width: 100%;
}

/* 説明ヘッダ */
.sliderhead_area {
	margin: 2% auto;
	width: 70%;
  background-color: #ffb03f;
  border: solid 2px #ffb03f;
}
.sliderhead_area23 {
	margin: 2% auto;
	width: 70%;
	background-color: #99cc66;
}
.sliderhead_area24 {
	margin: 2% auto;
	width: 70%;
	background-color: #fffacd;
}


.sliderhead {
	font-size: 1em;
	font-weight: bold;
	color: #63040f;
	font-family: 'slick';
  padding: 0.2em 1em 0.7em 2.5em;
  position: relative;
	margin: 0 auto;
	width: 98%;
}

.sliderhead li {
  line-height: 1.5em;
  list-style-type: none!important;/*ポチ消す*/
}

.sliderhead li:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: #fff; /*アイコン色*/
}

.sliderhead_title {
	font-size: 2em;
	font-weight: bold;
	color: #63040f;
	line-height: 1.4;
	letter-spacing: 5px;
}

.wmi{
	width: 45%;
}


/* スライダ影 */
.slider {
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;
	-webkit-box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	-o-box-shadow: 0 0 10px #999;
	-ms-box-shadow: 0 0 10px #999;
	box-shadow: 0 0 10px #999;
}

@media only screen and (min-width:481px) and (max-width:1024px) {
/*tablet用のcssを記述*/
.sliderhead_area {
	width: 80%;
}

.slider {
	width: 80% ;
}

.sliderhead_title {
	font-size: 1.5em;
}
 .slick-dots {
	display:none !important;
}
}

@media screen and (max-width:480px) {
/*スマホ用のcssを記述*/
.sliderhead_area {
	width: 92%;
}
.sliderhead {
	font-size: 0.9em;
  	padding: 0.1em 1em 0.3em 2.5em;
}
.slider{
	margin: 4% auto;
	width: 92%;
}
.sliderhead_title {
	font-size: 1.5em;
}

.slick-prev,
.slick-next
{
    position: absolute;
    top: 113%;
}
.slick-prev
{
    left: 0px;
}
.slick-next
{
    right: 0px;
}	
[dir='rtl'] .slick-prev
{
    right: 0px;
}
[dir='rtl'] .slick-next
{
    left: 0px;
}
 .slick-dots {
	display:none !important;
}

.wmi{
	width: 80%;
}
}