@charset "utf-8";
/* CSS Document */
html {scroll-behavior: smooth;}

.breadcrumb.static_content{
margin-top:0!important;
}



	
.emergency_kit_wrapper{
 width: 100%;
max-width: 880px;
margin: 0 auto;
padding: 10px;
box-sizing: border-box;
}



.emergency_kit_wrapper h2{
text-align: center;
font-size: 36px;
display: block;
margin: 40px auto;
color: #ffb936;
}
.emergency_kit_wrapper h2 span{
display: block;
font-size: 20px;
}

.feature_point{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}

.box-021 {
    position: relative;
    width: calc(100% / 3 - 2em);
    margin: 1em auto;
    padding: 1em 1.5em;
    border: 2px solid #ffb936;
    border-radius: 6px;
    color: #333;
	font-size: 14px;
}
.box-021 h3 {
	font-size: 18px;
	border-bottom: #4B4B4B dashed 1px;
}

.box-021::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -1em;
    left: -1em;
    width:3em;
    height:3em;
    border-radius: 50%;
    background-color: #ffb936;
    color: #fff;
    font-weight: 600;
    content: attr(data-number);
	font-size: 16px;
}

.emergency_kit_items ul{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
list-style: none;
width: 100%;
}

.emergency_kit_items ul li{
width: calc(50% - 20px);
margin: 10px auto;
box-sizing: border-box;
padding: 10px;
border: #ffb936 solid 1px;
border-radius: 6px;
display: -webkit-box;
display: flex;
flex-wrap: wrap;

}

.emergency_kit_items ul li h3{
color: #3F3F3F;
width: 100%;
text-align: left;
}


.emergency_kit_items_maker{
font-size: 14px
}

.emergency_kit_items_nunber{
font-size: 13px
}

.detail_btn{
width: 100%;
margin-top:20px;
}

.item_img{
box-sizing: border-box;
width: 50%;
padding-right: 20px;

}

.item_img img{
width: 100%;
border: #393939 solid 1px;
}

.item_info{
width: calc(50% - 20px);
}




.goods-button {
  display:inline-block;
  width: 100%;
  height: 50px;
  text-align: center;
  text-decoration: none!important;
  line-height: 50px;
  outline: none;
  border-radius:25px;
}

.goods-button,
.goods-button::before,
.goods-button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.goods-button {
  background-color: #333;
  color: #fff;
text-decoration: none!important;
margin: 20px auto;
}

.goods-button:hover {
  background-color: #BF7000;
	text-decoration: none!important;
}

.goods-button_s {
  display: inline-block;
  width: 170px;
  height: 30px;
  text-align: center;
  text-decoration: none!important;
  line-height: 30px;
  outline: none;
  border-radius:20px;
	margin-top: 5px;
}

.list_blank{
border:none!important;
}


/*タブレットスタイル*/
@media only screen and (max-width : 768px) {
.emergency_kit_wrapper{
padding: 20px;

}

.box-021 {
width:100%;
}	
}

/*スマホスタイル*/
@media only screen and (max-width : 690px) {
.emergency_kit_wrapper{
padding: 20px;

}

.emergency_kit_items ul li {
width:100%
}
}