.back-number h3 {font-size: 23px;line-height: 1.4;color: #555;display: block;font-family: 'HondaGlobalFontJP-Bold' !important;font-feature-settings: "palt";letter-spacing: 0.03em;position: relative;text-align: center;margin: 30px 0;}
.back-number #detail {margin-bottom: 40px;}
.back-number #detail ul.switch {margin-top: 40px;border-bottom: 1px solid #999;display: flex;flex-flow: row wrap;}
.back-number #detail ul.switch li {width: 33.33%; border-top: 1px solid #999;text-align: left;padding: 15px 10px;position: relative;box-sizing: border-box;/*flex: 1;*/}
.back-number #detail ul.switch li a {cursor: pointer;text-decoration: none;display: block;}
.back-number #detail ul.switch li:hover {text-decoration: none;filter: alpha(opacity=70);opacity: 0.7;}
.back-number #detail ul.switch li .thumb {width: 100%;}
.back-number #detail ul.switch li .title {width: 77%;padding-top: 8px;}
.back-number #detail ul.switch li .cate {width: 16%;position: absolute;top: auto;right: 4%;bottom: 15px;/*display: none;*/}
.back-number #detail ul.switch li .title p{font-size: 13px;color: #555;line-height: 1.6;margin: 0px;padding: 0px;}
.back-number #detail ul.switch li .title p span.scene {font-size: 13px;line-height: 1.4;color: #999;font-weight: bold;}
.back-number #detail ul.switch li .title p span.focus {font-size: 16px;line-height: 1.4;font-weight: bold;}
.back-number #detail #more_btn,.back-number #detail #close_btn {width: 86px;cursor: pointer;cursor: hand;filter: alpha(opacity=100);opacity: 1.0;margin: 20px auto 0px auto;}
.back-number #detail #more_btn:hover,.back-number #detail #close_btn:hover {filter: alpha(opacity=70);opacity: 0.7;}
.back-number #detail ul.switch li .thumb img,.back-number #detail ul.switch li .cate img {width: 100%;}
@media screen and (max-width: 736px) {
.back-number h3 {font-size: 4.0vw;margin: 30px 0 20px 0;}
.back-number #detail {margin-bottom: 0;}
.back-number #detail ul.switch li {width: 50%;padding: 4vw 2vw;}
.back-number #detail ul.switch li:hover {filter: alpha(opacity=100);opacity: 1.0;}
.back-number #detail ul.switch li .title {padding-top: 2vw;}
.back-number #detail #more_btn:hover,.back-number #detail #close_btn:hover {filter: alpha(opacity=100);opacity: 1.0;}
}

@media screen and (max-width: 428px) {
.back-number #detail ul.switch li .title {width: 100%;}
.back-number #detail ul.switch li .cate {width: 15%;position: absolute;top: 6vw;right: 4vw;bottom: auto;}
}