@charset "utf-8";
/* CSS Document */ 

#floor {}
#floor h2 {font-size: 2em;line-height: 1.1;}
#floor h2 img {height: 2em;display: inline-block;}
#floor span {font-size: 0.6em;display: inline-block;}
#floor ul {width: 100%;margin: 0 auto;}
#floor ul li {width: 25%;float: left;padding: 0.5%;}/*デフォは1行に4個*/
#floor ul li.migi {float: right;}
#floor ul li.sizeXS {width: 20%;}/*1行に5個*/
#floor ul li.sizeS {width: 33.33%;}/*1行に3個*/
#floor ul li.sizeM {width: 50%;}/*1行に2個*/
#floor ul li.sizeL {width: 66.66%;}/*1行に3個の2枠*/
#floor ul li.size100 {width: 100%;}/*1行に1個*/

#floor ul li a {width: 100%;overflow: hidden;}
#floor ul li img {width: 100%;transition: all ease 0.3s;}
#floor ul li a:hover {background: #fff;}
#floor ul li a:hover img {transform: scale(1.1);opacity: 0.75;}

#floor ul li.sizeLt {width: 68.85%;}/**/
#floor ul li.sizeSt {width: 31.15%;}

#floor ul li.sizeMt {width: 52.6%;}
#floor ul li.sizeXSt {width: 23.7%;}

#floor ul li.sizeMta {width: 47.4%;}

/*縦画像1個に横画像4つを田の字型配置*/
#floor ul li.sizetStt {width: 31.28%;}
#floor ul li.sizetSty {width: 34.36%;}

/**/
@media screen and (min-width: 480px) {
}

@media screen and (min-width: 600px) {
	#floor h2 {font-size: 4em;}
	#floor span {font-size: 0.3em;}
}

@media screen and (min-width: 940px) {
}

@media screen and (min-width: 1200px) {
}

@media screen and (min-width: 1500px) {
}