.main_box {display:block;width:100%;position:absolute;bottom:8rem;left:0;margin:0 auto;line-height:0;z-index:1}
.main_wrap {display:flex;align-items:flex-end;justify-content:center;flex-direction:row}.main_wrap >div >a >img {width:5em}.main_wrap .f_box {display:inline-block;margin:1.2em;background-color:rgba(90,90,90,0.7);border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all 1000ms;-moz-transition:all 1000ms;-o-transition:all 1000ms;transition:all 1000ms }
.main_wrap .f_box:hover {background-color:rgba(0,0,0,0.9);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg);-webkit-transform:-webkit-rotate(360deg);transform:rotate(360deg)}.main_wrap p {text-align:center;color:white;font-size:2em}.item {display:inline-block;float:left;padding:100px 0}.item_bg {display:block;overflow:hidden;position:absolute;width:50%;height:100%;top:0;left:0;right:0;bottom:0;background-color:white;opacity:0.9}.main_wrap p {font-size:1em;font-weight:700}@media only screen and (max-width:960px) {.main_box {bottom:2rem }.main_wrap >div >a >img {width:4em }.main_wrap p {font-size:1.3rem;font-weight:500 }}@media only screen and (max-height:480px) {.main_box {display:block;position:fixed;left:3rem;margin:0 auto;line-height:0;z-index:1 }.main_wrap {display:flex;align-items:flex-start;justify-content:center;flex-direction:column }.main_wrap >div >a >img {width:3em }.main_wrap p {font-size:1.3rem;font-weight:700 }.main_wrap .f_box {display:inline-block;margin:0.5em}}