body {
    
    margin: 0;
    padding: 0;
    
}

h1,
h2,
h3,
h4,
p,
ul,
li,
table,
tr,
th,
td,
dl,
dt,
dd {
    margin: 0;
    padding: 0;
}

img {
    width: 100%;
}
.merchandise_container{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items:center ;
}
.merchandise_shose{
   margin: 20px; 
    width: 80%;
    display: flex;
    flex-direction: column;
    display: none;

}
.merchandise_shose .merchandise_explanation p{
    text-align: left;
    margin: 20px;
}
.merchandise_explanation{
    margin: 20px;
}
#merchandise_contents1.active,
#merchandise_contents2.active,
#merchandise_contents3.active,
#merchandise_contents4.active,
#merchandise_contents5.active,
#merchandise_contents6.active,
#merchandise_contents7.active,
#merchandise_contents8.active,
#merchandise_contents9.active{
    display: flex;
    flex-direction: column;
}
@media(min-width:768px) {
    #merchandise_contents1.active,
    #merchandise_contents2.active,
    #merchandise_contents3.active,
    #merchandise_contents4.active,
    #merchandise_contents5.active,
    #merchandise_contents6.active,
    #merchandise_contents7.active,
    #merchandise_contents8.active,
    #merchandise_contents9.active{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

}