.absolute{position: absolute;}
.sp{display: none;}
.pc{display: inline-block;}
section{max-width: 1200px;margin: 100px auto;}
main.autumn-detail section{max-width: unset;margin: 50px auto;}
main.autumn-detail section h2{font-family: unset;}
main.autumn-detail .contents .detail h2{text-align: left;}
main.autumn-detail .contents .detail{margin: 0;}
main.autumn-detail .contents .detail i{width: 25%;aspect-ratio: 14 / 9 ;height: auto !important;box-sizing: border-box;padding-right: 30px;}
main.autumn-detail .contents .detail i img{width: 100%; height: 100%;object-fit: cover;}
main.autumn-detail .contents .detail table {width: 75%; }
main.autumn-detail .contents .detail table a{color: #3c6478;}
section h2{color: #AF0016; font-family: serif;text-align: center;}
section.autumn-map .map{ position: relative; text-align: center; width: 670px;margin: 100px auto;}
section.autumn-map .map img{width: 670px;}
section.autumn-map .map .autumn-icon{display: flex;justify-content: center;top: -10%;left: 0;}
section.autumn-map .map .autumn-icon img{width: 40px;height: 100%;}
section.autumn-map .map .autumn-icon p {margin: 0; display: flex;align-items:center;color: #555;}
section.autumn-map .autumn-leaces-spot a{text-decoration: none;}
section.autumn-map .autumn-leaces-spot p{color: black;margin: 0;text-align: left;font-weight: 600;font-size: 15px;font-family: serif;}
section.autumn-map .autumn-leaces-spot p.best-time{color: #777;font-weight: 100;font-size: 12px;line-height: 13px;}
section.autumn-map .autumn-leaces-spot p.famous{font-size: 23px;line-height: 27px;}
section.autumn-map .autumn-leaces-spot span{font-size: 13px;font-weight: 100;}
section.autumn-map .hokkaido{top: 14%;left: 40%;}
section.autumn-map .aomori-akita{top: 27%; left: 72%;}
section.autumn-map .miyagi{top: 28%;left: 34%;}
section.autumn-map .ibaraki{top: 58%;left: 68%;}
section.autumn-map .tochigi{top: 44%;left: 72%;}
section.autumn-map .chiba{top: 67%;left: 68%;}
section.autumn-map .tokyo{top: 37%;left: 30%;}
section.autumn-map .ishikawa{top: 45%;left: 17%;}
section.autumn-map .fukui{top: 52%;left: 20%;}
section.autumn-map .aichi{top: 73%;left: 49%;}
section.autumn-map .kyoto{top: 79%;left: 47%;}
section.autumn-map .osaka{top: 91%;left: 47%;}
section.autumn-map .kagawa{top: 87%;left: 21%;}
section.autumn-map .hiroshima{top: 58%;left: 4%;}
section.autumn-map .fukuoka{top: 65%;left: -15%;}
section.autumn-map .oita{top: 86%;left: -15%;}
section.autumn-map .miyazaki{top: 96%;left: 12%;}
section.autumn-map .autumn-leaces-spot:hover{transform: translateY(-5px);}
section.autumn-map .autumn-leaces-spot:hover  p {color: #AF0016;}

section.autumn-categories .search-buttons{display: flex;flex-wrap: wrap;margin: 0 auto;}
section.autumn-categories .btn{width: 50%;text-align: center;padding: 20px;box-sizing: border-box;}
section.autumn-categories .search-buttons .btn a img{width: 100%; height: 180px;object-fit: cover;}
section.autumn-categories .search-buttons .btn a{position: relative;    display: flow;}
section.autumn-categories .search-buttons .btn a p{position: absolute;background-color: rgb(0, 0, 0, 0.5);padding: 8px 0;width: 100%;box-sizing: border-box;bottom: 0;color: #fff;font-family: serif;font-size: 20px ;font-weight: 500;margin: 0;}

@media screen and (max-width:767px){
    .pc{display: none;}
    .sp{display: inline-block;}
    section.autumn-map{padding: 0 5px;}
    section.autumn-map .map {width: 345px;margin: 0 auto;}
    section.autumn-map .map img {width: 345px;}
    section.autumn-map .map .autumn-icon{bottom: -85px;top: unset;}
    section.autumn-map .map .autumn-icon p{font-size: 13px;}
    section.autumn-map .autumn-leaces-spot p{line-height: 14px;}
    section.autumn-map .autumn-leaces-spot p{font-size: 13px;}
    section.autumn-map .autumn-leaces-spot p span{display: none;}
    section.autumn-map .autumn-leaces-spot p.best-time,section.autumn-map .autumn-leaces-spot span{font-size: 10px;}
    section.autumn-map .autumn-leaces-spot p.famous{font-size: 16px;}
    section.autumn-map .hokkaido {top: -1%;left: 49%;}
    section.autumn-map .aomori-akita {top: 23%;left: 73%;}
    section.autumn-map .tochigi {top: 32%;left: 68%;}
    section.autumn-map .ibaraki {top: 51%;left: 69%;}
    section.autumn-map .chiba {top: 60%;left: 69%;}
    section.autumn-map .aichi {top: 82%;left: 68%;}
    section.autumn-map .miyagi {top: 6%;left: 38%;}
    section.autumn-map .tokyo {top: 72%;left: 67%;}
    section.autumn-map .ishikawa {top: 33%;left: 33%;}
    section.autumn-map .fukui {top: 14%;left: 14%;}
    section.autumn-map .hiroshima {top: 47%;left: 3%;}
    section.autumn-map .fukuoka {top: 66%;left: -1%;}
    section.autumn-map .oita {top: 79%;left: 6%;}
    section.autumn-map .miyazaki {top: 99%;left: 29%;}
    section.autumn-map .kyoto {top: 27%;left: 5%;}
    section.autumn-map .osaka {top: 96%;left: 60%;}
    section.autumn-map .kagawa {top: 71%;left: 28%;}
    section.autumn-categories .btn {width: 90%;margin: 20px auto;}
    main.autumn-detail .contents .detail i{width: 100%;display: block;aspect-ratio: 7 / 5;padding-right: 0;}
    main.autumn-detail .contents .detail table {width: 100%; }
    main.autumn-detail section{margin: 30px auto;}
    main.autumn-detail section .photos ul{justify-content: left;}
}