/*===============================================
●smart.css  画面の横幅が700pxまで
===============================================*/
@media screen and (max-width:700px){

body{
font-size:15px;
}

.brsm:before {
	content: "\A" ;
	white-space: pre ;
}

img{
    max-width: 100% !important;
height: auto;
width /***/:auto;
}
#container{
width:100%;
}

h3.com{
font-size:1em;
}


.freeAREA img{
    width: auto;
}

.detail_button img{
    width: 100%;
}


.itemBOX2 .left{
    width: 47%;
    margin: 0;
    padding: 0 1%;
    height: 275px;
}

.itemBOX2 .right{
    width: 47%;
    margin: 0;
    padding: 0 1%;
    height: 275px;
}

div.tblareabtn img{
width:100%;
}

div.tblareabtn input{
width:100%;
}

.inputbox02 img{
width:100%;
}
.inputbox02 input{
width:100%;
}

div#under02column_login .loginarea .inputbox .box300{
width:100%;
}


div#under02column_login .loginarea .inputbox {
    width: auto;
    margin: 0;
}


.br {
    display: block;
}

.top_name{
}

.searchBOX13{

}

.acc_search{
padding: 0;
}

.modal{
    position: fixed;
    display: none;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    max-width: 320px;
    height: 120%;
    margin: 0;
    padding: 286px 60px;
    text-align: left;
    background: url(../../../../../../wo/age/back_sm.jpg) no-repeat;
}

.modal dt{
    margin: 9px 0;
}

}

/*===============================================
●smart.css  画面の横幅が400pxまで
===============================================*/
@media screen and (max-width:400px){

.recom_main, .cat_center1{
display:none;
}

#colorbox{
}



}