@charset "utf-8";
/* CSS Document (cng_stand_search) */
/*div.copybox_area{ display:flex; justify-content: space-between; align-items: flex-start;}
div.copybox_area span{ width: 50%; text-align: justify;}
div.copybox_area span:last-child{ padding: .75em .25em 0 .75em;}
div.copybox_area span:first-child{ padding: .75em .75em 0 .25em;}*/
#hokkaido,#miyagi,#tochigi,#gunma,#saitama,#chiba,#tokyo,#kanagawa,#niigata,#ishikawa,#fukui,#gifu,#shizuoka,#aichi,#mie,#kyoto,#osaka,#hyogo,#okayama,#hiroshima,#kagawa,#fukuoka,#kagoshima{ padding-top: 17.5%; margin-top: -17.5%;}
div.prefecturesbtnarea ul{ display:flex; justify-content: space-between; flex-wrap: wrap;}
div.prefecturesbtnarea ul li{ width:24.5%; margin-top: .25em; transition: all .5s;}
div.prefecturesbtnarea ul li:nth-last-child(-n+3){ display:none;}
div.prefecturesbtnarea ul li a{ text-decoration: none; display: block; background-color:rgba(224,238,198,1); border-radius: 5px; display:flex; justify-content: center; align-items: center; color:#000; height: 2.75em; user-select: none;}
div.prefecturesbtnarea ul li a:hover{ background-color:rgba(224,238,198,.5); transition: all .5s;}
div.prefecturebox a{ text-decoration: none; color: #000;  padding: .25em .25em .25em 0 ;transition: all .5s;}
div.prefecturebox ul.icon_ttl03 li H6:hover a{ background-color:rgba(224,238,198,.5); transition: all .5s; padding: .25em .5em .25em .5em ;}
div.prefecturebox ul.icon_ttl03 li { margin-bottom: 2%;}
a.btn_aftericon.wlong span{ height: 4em;}

/* max-width:769;768made ----------------------------------------------------------------------------------------*/
@media (min-width: 769px) {
/*div.copybox_area span{ width: 37%;}
div.copybox_area span:last-child{ padding: .75em .25em 0 .75em;}
div.copybox_area span:first-child{ padding: .75em .75em 0 .25em;}*/
#hokkaido,#miyagi,#tochigi,#gunma,#saitama,#chiba,#tokyo,#kanagawa,#niigata,#ishikawa,#fukui,#gifu,#shizuoka,#aichi,#mie,#kyoto,#osaka,#hyogo,#okayama,#hiroshima,#kagawa,#fukuoka,#kagoshima{ padding-top: 2%; margin-top: -2%;} 
div.prefecturesbtnarea ul li{ width:10.75%;}
div.prefecturesbtnarea ul li:nth-last-child(-n+3){ display: block;}
div.prefecturesbtnarea ul li:nth-last-child(-n+4){ visibility: hidden;}
div.prefecturebox ul.icon_ttl03 li { margin-bottom: 2%;}
a.btn_aftericon.wlong span{ height: 3em;}
    a.btn_aftericon.wlong{width:54%;}
}
@media (min-width: 1200px) {   
}