#midashi01black {
background:#000;
padding:5px;
color:#fff;
font-size:0.9em;
margin:20px 0;
}
#midashi01black span {
border-left:5px red solid;
padding-left:5px;
}
.normal-title {
font-size:1.4em;
font-weight:normal;
margin:5px 0;
margin-top:30px;
border-bottom:3px #333 solid;
padding:5px 10px;
}
.normal-title span {
font-size:0.7em;
margin-left:5px;
}
.normal-title:before {
width:100%;
display:block;
clear:both;
content:"";
}


/*
基本バナー
-----------------------------------------------------------------------*/
#default_set_bnr:before , #default_set_bnr:after {width:100%;clear:both;display:inline-block;content:"";margin:0;}
#default_set_bnr {margin:0;padding:0;float:left;list-style:none;width:100%;}
#default_set_bnr li {margin:0;padding:0;float:left;width:100%;}
#default_set_bnr li a {display:block;border:1px #000 solid;padding:20px 0;text-align:center;font-size:1.3em;color:#333;width:90%;margin:10px auto;}
#default_set_bnr li a .area_left {display:inline-block;}
#default_set_bnr li a .area_left .up_text {display:inline-block;margin:0;font-size:0.5em;background:#fff;padding:5px;text-align:center;color:#666;position:relative;z-index:1;}
#default_set_bnr li a .area_left .line {display:block;border-bottom:1px #666 solid;position:relative;top:-18px;}
#default_set_bnr li a .area_left .down_text{margin:0;}
#default_set_bnr li a .area_left .blue {color:#0066cc;}
#default_set_bnr li a .area_left .red {color:#DF0101;}
#default_set_bnr li a .area_right {display:inline-block;margin-left:20px;}
#default_set_bnr li a .area_right i {font-size:80px;position:relative;top:-10px;}
#default_set_bnr li a .area_right .fa-calculator {color:#0066cc;}
#default_set_bnr li a .area_right .fa-tags {color:#DF0101;}

/*
～～とは
----------------------------------------------------*/
.about_link {
margin:0;
float:right;
}
.about_link a {
display:block;
border:5px #0066cc solid;
color:#0066cc;
padding:5px 15px;
border-radius:50px;
text-decoration:none;
margin:20px 5px;
transition:0.3s;
}
.about_link a:hover {
background:#0066cc;
color:#fff;
}



#top_img_wrap {
width:100%;
}
#top_img_wrap .top_img_main {
background: #edf2f2; /* Old browsers */
background: -moz-linear-gradient(left, #edf2f2 0%, #c3cbcc 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #edf2f2 0%,#c3cbcc 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #edf2f2 0%,#c3cbcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf2f2', endColorstr='#c3cbcc',GradientType=1 ); /* IE6-9 */
}
#top_img_wrap .top_img_main h1 {
margin:0;
padding-top:10px;
margin-left:10px;
font-size:1.4em;
}
#top_img_wrap .top_img_main h1 span {
font-size:0.7em;
}
#top_img_wrap .top_img_main h2 {
color:#333;
margin:0;
margin-top:10px;
padding:0 10px;
font-size:0.7em;
font-weight:normal;
width:100%;
}
#top_img_wrap .top_img {
margin:0 10px;
padding:0;
}
#top_img_wrap .top_img img {
width:100%;
vertical-align:bottom;
}
.top_info {
text-align:center;
margin:0 auto;
padding:10px 0;
margin-bottom:15px;
background:#333;
}
.top_nouhin_box {
color:#088A68;
border:5px #088A68 solid;
padding:8px;
font-size:0.8em;
width:120px;
display:inline-block;
text-align:center;
line-height:1.5;
margin:0 5px;
background:#fff;
}
.top_souryou_box {
color:#DF3A01;
border:5px #DF3A01 solid;
padding:7px;
font-size:0.8em;
width:120px;
display:inline-block;
text-align:center;
line-height:1.5;
margin:0 5px;
background:#fff;
}
.top_souryou_box span {
display:inline-block;
font-size:0.7em;
line-height:2.2;
}
.video {

}



/*
TOP看板下リストボタン
-----------------------------------------------------------------------*/
#top_menu_underlist {
clear:both;
width:100%;
float:left;
margin:0;
padding:0;
margin-bottom:40px;
}
#top_menu_underlist:after {
clear:both;
}

#top_menu_underlist li {
float:left;
width:50%;
}
#top_menu_underlist li a {
display:block;
text-align:center;
color:#fff;
background:#bbb;
padding:10px 0;
font-size:0.8em;
border-radius:50px;
transition:0.3s;
margin:5px;
}

#top_menu_underlist li .outlet {
display:block;
position:absolute;
text-align:center;
color:#fff;
padding:10px 0;
background:#DF0101;
font-size:0.8em;
transition:0.3s;
width:97% !important;
}
#top_menu_underlist li a:hover {
background:#000;
}
#top_menu_underlist li .outlet:hover {
background:#B40404;
}






















/*
スライダー
----------------------------------------------------------------*/
.caro_title {
border-left:6px #333 solid;
padding:0;
padding-left:10px;
margin:10px 0;
font-size:1.4em;
height:30px;
line-height:1.3;
font-weight:normal;
}
#mov_view {box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;}
.esp_carousel_container {
    overflow:hidden;
}
.esp_carousel-viewport {
    width:100%;
    overflow-x:scroll;
    overflow-y:auto;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: chained;
      -webkit-transform: translateZ(0);
}
.esp_carousel-viewport::-webkit-scrollbar {
    display: none;
    height: 0 !important;
}
.esp_carousel {
    width: 900px;
    overflow-x: visible;
    padding-left: 10px;
    padding-right: 10px;
    height: 1px;
    margin: 0;
  }
.esp_carousel p {
	font-size:0.9em;
}
.esp_carousel li div a {
display:block;
height:190px;
}

/*
種類エリア
-----------------------------------------------------------------------*/
#shurui_area {
list-style:none;
margin:20px auto;
padding:0;
width:100%;
}
#shurui_area li {
float:left;
margin:0;
margin-bottom:20px;
width:220px;
}
#shurui_area .title-card {
background:#eee;
height:100px;
position:relative;
top:70px;
box-shadow:0px 0px 21px 2px #c3c3c6 inset;
-moz-box-shadow:0px 0px 21px 2px #c3c3c6 inset;
-webkit-box-shadow:0px 0px 21px 2px #c3c3c6 inset;
border-radius:3px;
}
#shurui_area .title-card p {
position:relative;
top:20px;
text-align:center;
font-size:1.2em;
font-weight:bold;
}
#shurui_area li a {
display:block;
height:200px;
color:#666;
margin:0 5px;
padding:5px 0;
border-radius:3px;
text-align:center;
transition-property: all;
transition: 0.3s linear;
background: radial-gradient(rgba(202,216,223,0), rgba(153,175,187,0.2));
}
#shurui_area li a:hover {
background: radial-gradient(rgba(202,216,223,0), rgba(153,175,187,0.4));
color:red;
}
#shurui_area li a img {
padding:10px;
padding-bottom:0;
position:relative;
top:1px;
transition:0.5s;
z-index:-1;
}
#shurui_area li a:hover > img {
position:relative;
top:-7px;
}
#shurui_area li a .cat_img {
width:160px;
}
#shurui_area li a .type_icon {
position:absolute;
margin-top:165px;
margin-left:5px;
z-index:2;
}
#shurui_area li a h4 {
font-size:1.2em;
margin:0;
margin-top:0px;
padding:10px;
padding-top:0;
}
#shurui_area li a p , #shurui_area li a h4 {
line-height:1.5;
font-weight:normal;
font-size:0.7em;
margin:5px 0;
}
#shurui_area a #hv_btn {
position:absolute;
font-size:1.4em;
margin-left:195px;
margin-top:-25px;
}
#shurui_area span {
font-weight:bold;
font-size:1.15em;
}






