@charset "utf-8";
/* --------------------------------
 画面幅によって横に並ぶboxの数を変える
 1 → 2 
【 sample 】
<div class="box12wrap">
<span class="box12"></span>
<span class="box12"></span>
</div>

※box内に入れる画像は1つにする

-------------------------------- */

/* ----- .box12wrap start ----- */
.box12wrap::before,
.box12wrap::after {
content: "　";
display: block;
font-size:1px;
height: 0;
width:100%;
clear: both;
visibility: hidden;
}
.box12wrap,
.box12wrap .box12{
    display: block;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}
.box12wrap .box12{
    min-height:1px;
    float: left;
}
.box12 img{
    display:block;
    clear:both;
    width: 90%;
    height:auto;
}
/* ----- .box12wrap end ----- */





@media (min-width: 740px) {
/* ----- .box12wrap start ----- */
.box12wrap .box12{
    width: 50%;
}
/* ----- .box12wrap end ----- */
}