@charset "utf-8";
/* CSS Document */
#layout {
    min-width: 800px;
}
#reviewBox{
}
#reviewBox > ul{
text-align: left;
    align-items: flex-start;
/*    display: flex;*/
    white-space: nowrap;
    overflow-x: auto;
	overflow-y:hidden;
    width: 100%;
    flex-wrap: nowrap;
	padding:0 0 10px;
}
#reviewBox > ul > li{
	width:calc(100%/2.5);
	display:inline-block;
	vertical-align: top;
	margin-right:10px;
}
#reviewBox > ul > li h3{
	font-size:14px;
	padding:3px 0;
}
#reviewBox > ul > li .photo{
	width:calc(80px);
	display:inline-block;
	vertical-align: top;
}
#reviewBox > ul > li .rightBox{
	width:calc(100% - 80px);
	display:inline-block;
	vertical-align: top;
	font-size:13px;
}
#reviewBox > ul li img{
	max-width:100%;
}
#reviewBox > ul li .textData{
    white-space:normal;
	   flex-wrap:wrap;
	height:14em;
	overflow:auto;
}
#reviewBox > ul li .moreDetail,
#reviewBox > ul li .hiddenItems{
	display:none;
}

#blogBox{
}
#blogBox > ul{
text-align: left;
    align-items: flex-start;
/*    display: flex;*/
    white-space: nowrap;
    overflow-x: auto;
    width: 100%;
    flex-wrap: nowrap;
}
#blogBox > ul li{
	width:calc(100%/4);
	display:inline-block;
max-height: 270px;
}
#blogBox > ul li img{
max-width: 100%;
    display: block;
    max-height: 100%;
    margin: auto;
}

@media screen and (max-width: 667px) {
#layout {
    min-width: unset;
}
    address {
        padding-bottom: 80px;
    }
#reviewBox > ul > li{
	width:calc(100%/1.6);
}
#reviewBox > ul > li .photo{
	width:calc(50px);
	display:inline-block;
	vertical-align: top;
}
#reviewBox > ul > li .rightBox{
	width:calc(100% - 50px);
	display:inline-block;
	vertical-align: top;
	font-size:11px;
}
#blogBox > ul li {
width: calc(100% / 3);
	height: 162px;
}
}