#dmap .comments .content .list .item .item-inner .details .points dd ul:before, #dmap .comments .content .list .item .item-inner .details .meta:before, #dmap .share ul:before, #dmap .around .heading:before, #dmap .spot-top:before, #dmap .spot-data:before, #dmap .spot-map:before, #dmap .spot-fotnote:before, #dmap .post-link:before, #dmap .comments:before, #dmap .thread:before, #dmap .myclip:before, #dmap .share:before, #dmap .around .heading h3:before, #dmap .around .content:before, #dmap .notice:before, #dmap .spot-info table td .tags:before, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags:before, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags:before, #dmap .spot-info .likes dd:before, #dmap .spot-info .banner:before, #dmap .spot-photos .thumbnails:before, #dmap .post-link .inner .buttons:before, #dmap .post-link .hdl:before, #dmap .comments .heading:before, #dmap .comments .content .list .item .item-inner:before, #dmap .comments .content .list .item .item-inner .details .rating:before, #dmap .comments .content .list .item .item-inner .details .points:before, #dmap .around .content .ranking:before, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item:before, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item:before, #dmap .comments .content .list .item .item-inner .details .points dd ul:after, #dmap .comments .content .list .item .item-inner .details .meta:after, #dmap .share ul:after, #dmap .around .heading:after, #dmap .spot-top:after, #dmap .spot-data:after, #dmap .spot-map:after, #dmap .spot-fotnote:after, #dmap .post-link:after, #dmap .comments:after, #dmap .thread:after, #dmap .myclip:after, #dmap .share:after, #dmap .around .heading h3:after, #dmap .around .content:after, #dmap .notice:after, #dmap .spot-info table td .tags:after, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags:after, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags:after, #dmap .spot-info .likes dd:after, #dmap .spot-info .banner:after, #dmap .spot-photos .thumbnails:after, #dmap .post-link .inner .buttons:after, #dmap .post-link .hdl:after, #dmap .comments .heading:after, #dmap .comments .content .list .item .item-inner:after, #dmap .comments .content .list .item .item-inner .details .rating:after, #dmap .comments .content .list .item .item-inner .details .points:after, #dmap .around .content .ranking:after, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item:after, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item:after { content: ''; display: table; } #dmap .comments .content .list .item .item-inner .details .points dd ul:after, #dmap .comments .content .list .item .item-inner .details .meta:after, #dmap .share ul:after, #dmap .around .heading:after, #dmap .spot-top:after, #dmap .spot-data:after, #dmap .spot-map:after, #dmap .spot-fotnote:after, #dmap .post-link:after, #dmap .comments:after, #dmap .thread:after, #dmap .myclip:after, #dmap .share:after, #dmap .around .heading h3:after, #dmap .around .content:after, #dmap .notice:after, #dmap .spot-info table td .tags:after, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags:after, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags:after, #dmap .spot-info .likes dd:after, #dmap .spot-info .banner:after, #dmap .spot-photos .thumbnails:after, #dmap .post-link .inner .buttons:after, #dmap .post-link .hdl:after, #dmap .comments .heading:after, #dmap .comments .content .list .item .item-inner:after, #dmap .comments .content .list .item .item-inner .details .rating:after, #dmap .comments .content .list .item .item-inner .details .points:after, #dmap .around .content .ranking:after, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item:after, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item:after { clear: both; } #dmap .comments .content .list .item .item-inner .details .points dd ul, #dmap .comments .content .list .item .item-inner .details .meta, #dmap .share ul, #dmap .around .heading, #dmap .spot-top, #dmap .spot-data, #dmap .spot-map, #dmap .spot-fotnote, #dmap .post-link, #dmap .comments, #dmap .thread, #dmap .myclip, #dmap .share, #dmap .around .heading h3, #dmap .around .content, #dmap .notice, #dmap .spot-info table td .tags, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags, #dmap .spot-info .likes dd, #dmap .spot-info .banner, #dmap .spot-photos .thumbnails, #dmap .post-link .inner .buttons, #dmap .post-link .hdl, #dmap .comments .heading, #dmap .comments .content .list .item .item-inner, #dmap .comments .content .list .item .item-inner .details .rating, #dmap .comments .content .list .item .item-inner .details .points, #dmap .around .content .ranking, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item { *zoom: 1; } #dmap .spot-info .likes dd .button a, #dmap .post-link .inner .buttons li a, #dmap .myclip dl dd .submit a, #dmap .share ul li a { background-color: transparent; background-repeat: no-repeat; border: 0; overflow: hidden; outline: none; *text-indent: -9999px; } #dmap .spot-info .likes dd .button a:before, #dmap .post-link .inner .buttons li a:before, #dmap .myclip dl dd .submit a:before, #dmap .share ul li a:before { content: ''; display: block; width: 0; height: 100%; } #dmap .comments .content .icon-note dl dt.collapsible-header i, #dmap .around .content .ranking .ranking-a dl dt.collapsible-header i, #dmap .around .content .ranking .ranking-b dl dt.collapsible-header i, #dmap .myclip dl dt i, #dmap .myclip dl dd .clips, #dmap .myclip dl dd .submit { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: baseline; *zoom: 1; *display: inline; *vertical-align: auto; } #dmap .comments .content .list .item .item-inner .details .points dd ul li, #dmap .comments .content .list .item .item-inner .details .meta li, #dmap .share ul li, #dmap .spot-info table td .tags li, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags li, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags li, #dmap .spot-info, #dmap .spot-info .likes dd .button, #dmap .spot-info .likes dd .total, #dmap .spot-info .banner li, #dmap .spot-photos .thumbnails li, #dmap .post-link .inner .buttons li, #dmap .comments .heading h3, #dmap .comments .content .list .item .item-inner .image, #dmap .comments .content .list .item .item-inner .details .rating dt, #dmap .comments .content .list .item .item-inner .details .points dt, #dmap .comments .content .list .item .item-inner .details .rating dd, #dmap .comments .content .list .item .item-inner .details .points dd, #dmap .around .content .ranking .ranking-a, #dmap .around .content .ranking .ranking-b, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .num, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .num, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name a, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name a, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags { float: left; _display: inline; } #dmap .spot-photos, #dmap .comments .heading .count, #dmap .comments .content .list .item .item-inner .details { float: right; _display: inline; } #dmap .post-link .inner .buttons { margin-left: auto; margin-right: auto; } #dmap .spot-info table td .tags li, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags li, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags li { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #dmap .comments .content .icon-note { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #dmap .post-link .inner .lead, #dmap .comments .content .load-comments .button a, #dmap .thread .load-summaries .button a { text-shadow: 0 1px 2px white; } #dmap .around .heading { margin-left: 0; margin-right: 0; } @media screen and (max-width: 599px) { #dmap .around .heading { width: auto; } } #dmap .spot-top, #dmap .spot-data, #dmap .spot-map, #dmap .spot-fotnote, #dmap .post-link, #dmap .comments, #dmap .thread, #dmap .myclip, #dmap .share, #dmap .around .heading h3, #dmap .around .content, #dmap .notice { margin-left: 30px; margin-right: 30px; } @media screen and (max-width: 599px) { #dmap .spot-top, #dmap .spot-data, #dmap .spot-map, #dmap .spot-fotnote, #dmap .post-link, #dmap .comments, #dmap .thread, #dmap .myclip, #dmap .share, #dmap .around .heading h3, #dmap .around .content, #dmap .notice { width: auto; margin-left: 10px; margin-right: 10px; } } #dmap .spot-map .print a, #dmap .share .about-carwings a { padding-left: 12px; background: url("/IMAGES/BASE/DMAP/icon_arrow-a_pc.png") no-repeat 0 0.25em; } @media screen and (max-width: 599px) { #dmap .spot-map .print a, #dmap .share .about-carwings a { -webkit-background-size: 4px 8px; background-size: 4px 8px; background-image: url("/IMAGES/BASE/DMAP/icon_arrow-a_sp.png"); } } #dmap .spot-info table td .tags li, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags li, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags li { padding: 2px 6px 1px; margin-right: 5px; margin-bottom: 1px; background: #7da9b8; font-size: 12px; color: white; } @media screen and (max-width: 599px) { #dmap .spot-info table td .tags li, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags li, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags li { padding: 2px 4px 1px; } } #dmap .spot-photos .thumbnails li a, #dmap .comments .content .list .item .item-inner .image a { display: block; position: relative; } #dmap .spot-photos .thumbnails li a i, #dmap .comments .content .list .item .item-inner .image a i { display: block; position: absolute; right: 2px; top: 2px; width: 11px; height: 11px; background: url("/IMAGES/BASE/DMAP/icon_photo-zoom.png") no-repeat; } @media screen and (max-width: 599px) { #dmap .spot-photos .thumbnails li a i, #dmap .comments .content .list .item .item-inner .image a i { display: none; } } #dmap .comments .content .icon-note dl dt.collapsible-header i, #dmap .around .content .ranking .ranking-a dl dt.collapsible-header i, #dmap .around .content .ranking .ranking-b dl dt.collapsible-header i { width: 18px; height: 18px; background: url("/IMAGES/BASE/DMAP/icon_collapsible_pc.png") no-repeat; vertical-align: top; } #dmap .comments .content .icon-note dl dt.collapsible-header a:hover i, #dmap .around .content .ranking .ranking-a dl dt.collapsible-header a:hover i, #dmap .around .content .ranking .ranking-b dl dt.collapsible-header a:hover i { background-position: 0 -20px; } #dmap .comments .content .icon-note dl dd.collapsible-content, #dmap .around .content .ranking .ranking-a dl dd.collapsible-content, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content { display: none; } #dmap .comments .content .icon-note dl.expanded dt.collapsible-header i, #dmap .around .content .ranking .ranking-a dl.expanded dt.collapsible-header i, #dmap .around .content .ranking .ranking-b dl.expanded dt.collapsible-header i { background-position: -20px 0; } #dmap .comments .content .icon-note dl.expanded dt.collapsible-header a:hover i, #dmap .around .content .ranking .ranking-a dl.expanded dt.collapsible-header a:hover i, #dmap .around .content .ranking .ranking-b dl.expanded dt.collapsible-header a:hover i { background-position: -20px -20px; } #dmap .comments .content .icon-note dl.expanded dd.collapsible-content, #dmap .around .content .ranking .ranking-a dl.expanded dd.collapsible-content, #dmap .around .content .ranking .ranking-b dl.expanded dd.collapsible-content { display: block; } @media screen and (max-width: 599px) { #dmap .comments .content .icon-note dl dt.collapsible-header i, #dmap .around .content .ranking .ranking-a dl dt.collapsible-header i, #dmap .around .content .ranking .ranking-b dl dt.collapsible-header i { -webkit-background-size: 28px 13px; background-size: 28px 13px; width: 13px; height: 13px; background-image: url("/IMAGES/BASE/DMAP/icon_collapsible_sp.png"); } #dmap .comments .content .icon-note dl dt.collapsible-header a:hover, #dmap .around .content .ranking .ranking-a dl dt.collapsible-header a:hover, #dmap .around .content .ranking .ranking-b dl dt.collapsible-header a:hover { text-decoration: none; } #dmap .comments .content .icon-note dl dt.collapsible-header a:hover i, #dmap .around .content .ranking .ranking-a dl dt.collapsible-header a:hover i, #dmap .around .content .ranking .ranking-b dl dt.collapsible-header a:hover i { background-position: 0 0; } #dmap .comments .content .icon-note dl.expanded dt.collapsible-header i, #dmap .around .content .ranking .ranking-a dl.expanded dt.collapsible-header i, #dmap .around .content .ranking .ranking-b dl.expanded dt.collapsible-header i, #dmap .comments .content .icon-note dl.expanded dt.collapsible-header a:hover i, #dmap .around .content .ranking .ranking-a dl.expanded dt.collapsible-header a:hover i, #dmap .around .content .ranking .ranking-b dl.expanded dt.collapsible-header a:hover i { background-position: -15px 0; } } #dmap .spot-top { margin-bottom: 17px; } #dmap .spot-info { width: 300px; } #dmap .spot-info h2 { margin-top: 6px; margin-bottom: 4px; } #dmap .spot-info h2 span { display: block; margin-bottom: 5px; color: #5b5b5b; font-size: 12px; } #dmap .spot-info h2 em { display: block; padding-bottom: 8px; border-bottom: 2px solid #747474; color: #006699; font-size: 28px; font-weight: bold; } #dmap .spot-info table { width: 100%; } #dmap .spot-info table th, #dmap .spot-info table td { padding: 9px 0; border-top: 1px dotted #dddddd; } #dmap .spot-info table tr.first th, #dmap .spot-info table tr.first td { border: 0; } #dmap .spot-info table th { width: 123px; color: #5b5b5b; font-size: 14px; font-weight: bold; } #dmap .spot-info table td em { color: #e40000; font-size: 16px; font-weight: bold; } #dmap .spot-info table td img { vertical-align: text-bottom; } #dmap .spot-info table td .tags li { font-size: 12px; } #dmap .spot-info table tr.osusume td em { margin-right: 20px; } #dmap .spot-info .likes { border-top: 1px dotted gray; padding: 9px 0; } #dmap .spot-info .likes dt { margin: 0 4px 8px; color: #f56d20; font-size: 13px; font-weight: bold; } #dmap .spot-info .likes dd { margin: 0 4px; } #dmap .spot-info .likes dd .button a { display: block; width: 132px; height: 24px; background-image: url("/IMAGES/SPOT/DETAIL/detail_button_01.png"); } #dmap .spot-info .likes dd .button a:hover { background-position: 0 -30px; } #dmap .spot-info .likes dd .total { color: #5b5b5b; margin-left: 15px; font-weight: bold; } #dmap .spot-info .likes dd .total em { color: #e40000; font-size: 14px; font-weight: bold; } #dmap .spot-info .banner { border-top: 1px dotted gray; padding: 9px 0; } #dmap .spot-info .banner li { margin-right: 5px; } @media screen and (max-width: 599px) { #dmap .spot-info { float: none; width: auto; margin-bottom: 15px; } #dmap .spot-info h2 { margin-bottom: 0; } #dmap .spot-info h2 span { font-size: 12px; } #dmap .spot-info h2 em { font-size: 23px; } #dmap .spot-info table td .tags li { font-size: 12px; } #dmap .spot-info .likes dd .button a, #dmap .spot-info .likes dd .button a:hover { width: 109px; height: 21px; background-position: 0 -30px; -webkit-background-size: 109px 51px; background-size: 109px 51px; } } #dmap .spot-photos { width: 338px; background: #f3f3f3; } #dmap .spot-photos .main-image { width: 298px; overflow: hidden; padding: 15px 20px; border-bottom: 1px solid white; } #dmap .spot-photos .main-image img { width: 298px; } #dmap .spot-photos .thumbnails { padding: 8px 0 7px 8px; border-bottom: 1px solid white; } #dmap .spot-photos .thumbnails li { width: 107px; height: 80px; overflow: hidden; margin-right: 1px; text-align: center; } #dmap .spot-photos .thumbnails li img { height: 80px; } #dmap .spot-photos .thumbnails li a { width: 100%; height: 100%; } #dmap .spot-photos .button { font-size: 14px; font-weight: bold; } #dmap .spot-photos .button a { display: block; padding: 7px; text-align: center; } #dmap .spot-photos .button a:hover { background: #e8e8e8; } @media screen and (max-width: 599px) { #dmap .spot-photos { float: none; width: auto; margin-bottom: 1px;} #dmap .spot-photos .main-image { box-sizing: border-box; width: 100%; padding: 10px; } #dmap .spot-photos .main-image img { width: 100%; height: auto; } #dmap .spot-photos .thumbnails { padding: 10px 9px 10px 9px; display: flex; flex-wrap: nowrap; } #dmap .spot-photos .thumbnails li { box-sizing: border-box; width: calc(100% / 3) ; padding: 0 1px; } #dmap .spot-photos .thumbnails li img { width: 100%; height: auto; } #dmap .spot-photos .thumbnails .button { font-size: 12px; } } #dmap .spot-data { margin-bottom: 1px; background: #f3f3f3; } #dmap .spot-data h3 { padding: 9px 18px; border-bottom: 1px solid white; background: #e8e8e8; color: #5b5b5b; font-size: 16px; font-weight: bold; } #dmap .spot-data table { width: 100%; } #dmap .spot-data table th, #dmap .spot-data table td { padding: 6px 0; border-bottom: 1px solid white; color: #5b5b5b; font-size: 14px; } #dmap .spot-data table th { width: 120px; padding-left: 18px; font-weight: bold; } #dmap .spot-data table td { padding-right: 18px; } #dmap .spot-data table tr.date th, #dmap .spot-data table tr.date td { color: #888888; font-size: 12px; } #dmap .spot-data .memo { margin: 15px; border: 1px solid #b7bbbe; } #dmap .spot-data .memo dt { padding: 8px 30px 7px; border: 1px solid white; border-bottom: 1px dotted #b7bbbe; background: #e9f1f4 url("/IMAGES/SPOT/DETAIL/detail_icon_01_pc.png") no-repeat 9px 5px; color: #5b5b5b; font-size: 14px; font-weight: bold; } #dmap .spot-data .memo dd { padding: 18px 12px; background: white; } @media screen and (max-width: 599px) { #dmap .spot-data h3 { padding: 9px 9px; } #dmap .spot-data table th, #dmap .spot-data table td { padding: 14px 9px; } #dmap .spot-data .memo { margin: 7px; } #dmap .spot-data .memo dt { padding: 5px 20px 5px 5px; background-image: url("/IMAGES/SPOT/DETAIL/detail_icon_01_sp.png"); background-position: 98% 4px; -webkit-background-size: 12px 14px; background-size: 12px 14px; font-size: 12px; } #dmap .spot-data .memo dd { padding: 10px 6px; font-size: 12px; } } #dmap .spot-map { margin-bottom: 5px; background: #f3f3f3; } #dmap .spot-map h3 { padding: 9px 18px; border-bottom: 1px solid white; background: #e8e8e8; color: #5b5b5b; font-size: 16px; font-weight: bold; } #dmap .spot-map .map-wrapper { margin: 10px; width: 653px; height: 215px; border: 1px solid #cfcfcf; } #dmap .spot-map .map-wrapper .map { width: 653px; height: 215px; } #dmap .spot-map .print { margin: 0 10px 8px; text-align: right; } @media screen and (max-width: 599px) { #dmap .spot-map { margin-bottom: 8px; } #dmap .spot-map h3 { padding: 9px 9px; } #dmap .spot-map .map-wrapper { margin: 10px; width: auto; height: auto; border: 1px solid #cfcfcf; } #dmap .spot-map .map-wrapper .map { width: 100%; height: 250px; } #dmap .spot-map .print { display: none; } } #dmap .spot-fotnote { margin-bottom: 20px; color: #666666; } @media screen and (max-width: 599px) { #dmap .spot-fotnote { font-size: 12px;line-height: 1.5; } } #dmap .post-link { margin-bottom: 20px; } #dmap .post-link .inner { margin: 0 10px; padding: 13px 13px 18px; border: 4px solid #9b9b9b; background: #ededed url("/IMAGES/SPOT/DETAIL/detail_bg_01.png"); } #dmap .post-link .inner .lead { margin-bottom: 13px; font-size: 14px; font-weight: bold; text-align: center; } #dmap .post-link .inner .lead em { color: #ed0f0f; font-weight: bold; } #dmap .post-link .inner .buttons { width: 577px; } #dmap .post-link .inner .buttons li a { display: block; height: 41px; background-image: url("/IMAGES/SPOT/DETAIL/detail_button_02.png"); } #dmap .post-link .inner .buttons li.item-1 { margin-right: 17px; } #dmap .post-link .inner .buttons li.item-1 a { width: 270px; } #dmap .post-link .inner .buttons li.item-1 a:hover { background-position: 0 -50px; } #dmap .post-link .inner .buttons li.item-2 a { width: 290px; background-position: -287px 0; } #dmap .post-link .inner .buttons li.item-2 a:hover { background-position: -287px -50px; } @media screen and (max-width: 599px) { #dmap .post-link .inner { margin: 0; padding-left: 10px; padding-right: 10px; padding-bottom: 8px; -webkit-background-size: 20px 20px; background-size: 20px 20px; } #dmap .post-link .inner .lead { font-size: 12px; } #dmap .post-link .inner .lead p { display: inline; } #dmap .post-link .inner .buttons { width: 271px; margin: 0 auto; } #dmap .post-link .inner .buttons li { float: none; width: auto; margin-bottom: 4px; } #dmap .post-link .inner .buttons li a { -webkit-background-size: 289px 121px; background-size: 289px 121px; height: 31px; } #dmap .post-link .inner .buttons li.item-1 { margin-right: 0; } #dmap .post-link .inner .buttons li.item-1 a, #dmap .post-link .inner .buttons li.item-1 a:hover { width: 271px; background-position: 0 -50px; } #dmap .post-link .inner .buttons li.item-2 a, #dmap .post-link .inner .buttons li.item-2 a:hover { width: 271px; background-position: 0 -90px; } } #dmap .post-link .hdl { margin: 15px 20px 0; padding: 15px 50px 0; border-top: 1px solid #bcbcbc; } #dmap .post-link .hdl .copy { float: left; padding-left: 36px; background: url("/IMAGES/SPOT/DETAIL/detail_icon_07_pc.png") no-repeat 0 3px; } #dmap .post-link .hdl .copy .title { font-size: 14px; font-weight: bold; } #dmap .post-link .hdl .copy .sub { font-size: 13px; } #dmap .post-link .hdl .button { float: right; } #dmap .post-link .hdl .button a { display: block; padding: 0 16px; border: 1px solid #cccccc; background: #f3f3f3; font-size: 14px; line-height: 39px; font-weight: bold; } #dmap .post-link .hdl .button a:hover { background: #e8e8e8; } @media screen and (max-width: 599px) { #dmap .post-link .hdl { margin: 13px 0 0; padding: 8px 0 0; text-align: center; } #dmap .post-link .hdl .copy { float: none; margin-bottom: 8px; padding: 0; background: none; } #dmap .post-link .hdl .copy .title { font-size: 13px; } #dmap .post-link .hdl .copy .sub { font-size: 12px; font-weight: bold; } #dmap .post-link .hdl .button { float: none; } #dmap .post-link .hdl .button a { font-size: 12px; line-height: 26px; } } #dmap .comments { margin-bottom: 25px; border: 1px solid #e1e1e1; background: #fafafa; } #dmap .comments .heading { padding: 10px 10px 10px 44px; background-image: url("/IMAGES/BASE/DMAP/icon_comments_h.png"); background-repeat: no-repeat; border-bottom: 1px solid #e1e1e1; } #dmap .comments .heading h3 { color: #5b5b5b; font-size: 14px; font-weight: bold; } #dmap .comments .heading .count em { font-size: 14px; font-weight: bold; } #dmap .comments .content .list { padding-top: 24px; } #dmap .comments .content .list .item { padding: 0 76px 7px 19px; background: url("/IMAGES/BASE/DMAP/comment_bg_pc.png") no-repeat 597px 0; } #dmap .comments .content .list .item .item-inner { padding: 12px 20px 12px 14px; border: 2px solid #666666; background: white; } #dmap .comments .content .list .item .item-inner .image { width: 121px; } #dmap .comments .content .list .item .item-inner .image img { width: 121px; } #dmap .comments .content .list .item .item-inner .image a { width: 100%; } #dmap .comments .content .list .item .item-inner .details { width: 406px; } #dmap .comments .content .list .item .item-inner .details .title { margin-bottom: 8px; padding: 0 3px; font-size: 16px; font-weight: bold; } #dmap .comments .content .list .item .item-inner .details .comment { margin-bottom: 8px; padding: 0 3px; font-size: 14px; } #dmap .comments .content .list .item .item-inner .details .rating, #dmap .comments .content .list .item .item-inner .details .points { margin-bottom: 1px; padding: 5px 7px; background: #f4f4f4; line-height: 17px; } #dmap .comments .content .list .item .item-inner .details .rating dt, #dmap .comments .content .list .item .item-inner .details .points dt { margin-right: 10px; padding-top: 2px; color: #5b94a7; font-weight: bold; } #dmap .comments .content .list .item .item-inner .details .rating dd em { margin-right: 5px; color: #e40000; font-size: 16px; font-weight: bold; } #dmap .comments .content .list .item .item-inner .details .rating dd img { vertical-align: text-bottom; } #dmap .comments .content .list .item .item-inner .details .points dd ul li { margin-right: 6px; } #dmap .comments .content .list .item .item-inner .details .meta { padding: 5px 7px; background: #f4f4f4; color: #888888; font-size: 12px; } #dmap .comments .content .list .item .item-inner .details .meta li { margin-right: 10px; } #dmap .comments .content .load-comments { margin-bottom: 15px; } #dmap .comments .content .load-comments .button { margin: 8px 19px 0; } #dmap .comments .content .load-comments .button a { display: block; padding: 12px 0 10px; border: 1px solid #aaaaaa; background: #d6d6d6; color: #5a5a5a; font-size: 13px; font-weight: bold; text-align: center; } #dmap .comments .content .load-comments .button a span { padding-left: 28px; background: url("/IMAGES/SPOT/DETAIL/detail_icon_03_pc.png") no-repeat 0 50%; } #dmap .comments .content .load-comments .indicator { padding: 70px 0 78px; text-align: center; } #dmap .comments .content .load-comments .list { padding-top: 0; } #dmap .comments .content .icon-note { margin: 0 19px 20px; padding: 14px 10px; border: 1px solid #dedede; background: #f1f1f1; } #dmap .comments .content .icon-note dl dt.collapsible-header a { font-size: 13px; font-weight: bold; } #dmap .comments .content .icon-note dl dt.collapsible-header a i { margin-right: 10px; vertical-align: text-bottom; } #dmap .comments .content .icon-note dl dd.collapsible-content .pc { display: block; padding: 25px 0 10px 0; } #dmap .comments .content .icon-note dl dd.collapsible-content .sp { display: none; } @media screen and (max-width: 599px) { #dmap .comments { margin-bottom: 20px; } #dmap .comments .heading { padding: 8px 5px 8px 27px; background-position: 2px -22px; -webkit-background-size: 25px 46px; background-size: 25px 46px; } #dmap .comments .heading h3 { font-size: 16px; } #dmap .comments .heading .count em { font-size: 12px; } #dmap .comments .content .list { padding-top: 15px; } #dmap .comments .content .list .item { padding: 0 9px 7px 9px; background-image: url("/IMAGES/BASE/DMAP/comment_bg_sp.png"); background-position: 289px 0; -webkit-background-size: 14px 21px; background-size: 14px 21px; } #dmap .comments .content .list .item .item-inner { padding: 10px 10px 10px; } #dmap .comments .content .list .item .item-inner .image { float: left; width: 73px; } #dmap .comments .content .list .item .item-inner .image img { width: 73px; } #dmap .comments .content .list .item .item-inner .details { float: none; width: auto; } #dmap .comments .content .list .item .item-inner .details .title { margin-left: 83px; padding: 0; font-size: 14px; } #dmap .comments .content .list .item .item-inner .details .comment { clear: both; padding: 7px 0 0; font-size: 14px; } #dmap .comments .content .list .item .item-inner .details .rating { font-size: 12px; } #dmap .comments .content .list .item .item-inner .details .rating dd em { font-size: 14px; } #dmap .comments .content .list .item .item-inner .details .points { font-size: 12px; } #dmap .comments .content .list .item .item-inner .details .meta .name { float: none; } #dmap .comments .content .load-comments { margin-bottom: 10px; } #dmap .comments .content .load-comments .button { margin: 3px 9px 0; } #dmap .comments .content .load-comments .button a { padding: 0; color: #5a5a5a; font-size: 12px; text-align: left; } #dmap .comments .content .load-comments .button a span { display: block; padding: 5px 8px 4px; background: url("/IMAGES/SPOT/DETAIL/detail_icon_03_sp.png") no-repeat 95% 50%; -webkit-background-size: 13px 7px; background-size: 13px 7px; } #dmap .comments .content .load-comments .indicator { padding: 30px 0 40px; } #dmap .comments .content .icon-note { margin: 0 9px 15px; padding: 8px 8px; background: whitesmoke; } #dmap .comments .content .icon-note dl dt.collapsible-header a { font-size: 12px; line-height: 13px; } #dmap .comments .content .icon-note dl dd.collapsible-content .pc { display: none; } #dmap .comments .content .icon-note dl dd.collapsible-content .sp { display: block; padding: 12px 0 5px 0; } } #dmap .thread { margin-bottom: 20px; } #dmap .thread h3 { display: table-cell; height: 39px; padding-left: 51px; padding-bottom: 13px; background: url("/IMAGES/SPOT/DETAIL/detail_icon_05_pc.png") no-repeat 0 0; font-size: 14px; vertical-align: middle; *height: 34px; *padding-top: 5px; } #dmap .thread h3 em { font-size: 18px; font-weight: bold; } #dmap .thread h3 span { font-weight: bold; } #dmap .thread .thread-list li { margin-bottom: 5px; } #dmap .thread .thread-list li a { display: table; width: 100%; background: #f3f3f3; *display: block; *zoom: 1; } #dmap .thread .thread-list li a .image { display: table-cell; width: 121px; vertical-align: top; *display: block; *float: left; } #dmap .thread .thread-list li a .image img { width: 121px; *cursor: pointer; } #dmap .thread .thread-list li a .title { display: table-cell; padding: 0 12px; color: #555555; font-size: 16px; line-height: 24px; vertical-align: middle; *display: block; *float: left; *padding: 10px 12px 5px; *cursor: pointer; } #dmap .thread .thread-list li a:hover { color: #c81444; } #dmap .thread .thread-list li a:hover .image { filter: alpha(opacity=50); opacity: 0.8; } #dmap .thread .thread-list li a:hover .title { color: #c81444; } #dmap .thread .load-summaries .button { margin-top: 10px; } #dmap .thread .load-summaries .button a { display: block; padding: 12px 0 10px; border: 1px solid #aaaaaa; background: #d6d6d6; color: #5a5a5a; font-size: 13px; font-weight: bold; text-align: center; } #dmap .thread .load-summaries .button a span { padding-left: 28px; background: url("/IMAGES/SPOT/DETAIL/detail_icon_03_pc.png") no-repeat 0 50%; } #dmap .thread .load-summaries .indicator { padding: 70px 0 78px; text-align: center; } @media screen and (max-width: 599px) { #dmap .thread { margin-top: 15px; margin-bottom: 15px; } #dmap .thread h3 { height: 26px; padding-left: 30px; padding-bottom: 10px; background-image: url("/IMAGES/SPOT/DETAIL/detail_icon_05_pc.png"); -webkit-background-size: 21px 25px; background-size: 21px 25px; font-size: 14px; } #dmap .thread h3 em { font-size: 13px; } #dmap .thread .thread-list li a .image { width: 72px; } #dmap .thread .thread-list li a .image img { width: 72px; } #dmap .thread .thread-list li a .title { padding: 0 16px 0 6px; background-image: url("/IMAGES/SPOT/DETAIL/detail_icon_06_sp.png"); background-repeat: no-repeat; background-position: 97% 50%; -webkit-background-size: 4px 7px; background-size: 4px 7px; font-size: 14px; line-height: 14px; } #dmap .thread .load-summaries { margin-bottom: 10px; } #dmap .thread .load-summaries .button { margin-top: 10px; } #dmap .thread .load-summaries .button a { padding: 0; color: #5a5a5a; font-size: 12px; } #dmap .thread .load-summaries .button a span { display: block; padding: 5px 8px 4px; background: url("/IMAGES/SPOT/DETAIL/detail_icon_03_sp.png") no-repeat 95% 50%; -webkit-background-size: 13px 7px; background-size: 13px 7px; } #dmap .thread .load-summaries .indicator { padding: 30px 0 40px; } } #dmap .myclip { margin-bottom: 20px; border: 3px solid #e1e1e1; } #dmap .myclip dl { padding: 14px 0 17px; border: 1px solid white; background: #fafafa; } #dmap .myclip dl dt { margin-bottom: 7px; color: #5a5a5a; font-size: 14px; font-weight: bold; text-align: center; } #dmap .myclip dl dt i { width: 26px; height: 36px; margin-right: 17px; background: url("/IMAGES/SPOT/DETAIL/detail_icon_04_pc.png") no-repeat; vertical-align: middle; } #dmap .myclip dl dd { text-align: center; } #dmap .myclip dl dd .clips { margin-right: 20px; vertical-align: middle; } #dmap .myclip dl dd .clips select { font-size: 14px; } #dmap .myclip dl dd .submit { vertical-align: middle; } #dmap .myclip dl dd .submit a { display: block; width: 100px; height: 28px; background-image: url("/IMAGES/SPOT/DETAIL/detail_button_04.png"); } #dmap .myclip dl dd .submit a:hover { background-position: 0 -30px; } @media screen and (max-width: 599px) { #dmap .myclip { margin-bottom: 15px; } #dmap .myclip dl { padding: 7px 0 13px; } #dmap .myclip dl dt { font-size: 12px; } #dmap .myclip dl dt i { width: 19px; height: 27px; margin-right: 10px; background-image: url("/IMAGES/SPOT/DETAIL/detail_icon_04_sp.png"); -webkit-background-size: 19px 27px; background-size: 19px 27px; } #dmap .myclip dl dd .submit a, #dmap .myclip dl dd .submit a:hover { width: 91px; height: 25px; background-position: -55px 0; -webkit-background-size: 146px 27px; background-size: 146px 27px; } } #dmap .share { margin-bottom: 20px; } #dmap .share h3 { margin-bottom: 22px; padding: 10px 10px 10px 30px; border-top: 1px solid #999999; border-bottom: 1px solid #999999; background: url("/IMAGES/SPOT/DETAIL/detail_icon_02_pc.png") no-repeat 5px 13px; font-size: 16px; font-weight: bold; } #dmap .share ul li a { display: block; height: 40px; background-image: url("/IMAGES/SPOT/DETAIL/detail_button_03.png"); } #dmap .share ul li.mail { margin-left: 234px;} #dmap .share ul li.mail a { width: 206px; } #dmap .share ul li.mail a:hover { background-position: 0 -50px; } #dmap .share ul li.ketai { margin-left: 20px; } #dmap .share ul li.ketai a { width: 172px; background-position: -226px 0; } #dmap .share ul li.ketai a:hover { background-position: -226px -50px; } #dmap .share ul li.carwings { margin-left: 20px; } #dmap .share ul li.carwings a { width: 236px; background-position: -418px 0; } #dmap .share ul li.carwings a:hover { background-position: -418px -50px; } #dmap .share .about-carwings { width: 236px; margin-top: 7px; margin-left: 337px; text-align: center;} @media screen and (max-width: 599px) { #dmap .share { margin-bottom: 18px; } #dmap .share h3 { margin-bottom: 11px; padding: 8px 8px 8px 25px; background-image: url("/IMAGES/SPOT/DETAIL/detail_icon_02_sp.png"); background-position: 0 50%; -webkit-background-size: 19px 11px; background-size: 19px 11px; } #dmap .share ul li { float: none; margin: 0 auto 5px; width: 300px;} #dmap .share ul li a, #dmap .share ul li a:hover { -webkit-background-size: 327px 138px; background-size: 327px 138px; height: 28px; } #dmap .share ul li.mail { margin-left: auto; } #dmap .share ul li.mail a, #dmap .share ul li.mail a:hover { width: 300px; background-position: 0 -50px; } #dmap .share ul li.ketai { display: none; } #dmap .share ul li.ketai a, #dmap .share ul li.ketai a:hover { width: 300px; background-position: 0 -80px; } #dmap .share ul li.carwings { margin-left: auto; } #dmap .share ul li.carwings a, #dmap .share ul li.carwings a:hover { width: 300px; background-position: 0 -110px; } #dmap .share .about-carwings { width: 300px; margin: 0 auto; font-size: 12px; text-align: right; } #dmap .share .about-carwings a { padding-left: 8px; } } #dmap .match h3 { background-color: #f8f8f8; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; padding: 0 30px; font-size: 16px; font-weight: bold; line-height: 43px; } #dmap .match .block { display: table; box-sizing: border-box; border-bottom: solid 1px #e5e5e5; padding: 20px 30px; width: 100%; } #dmap .match .image { display: table-cell; width: 100px; vertical-align: middle; } #dmap .match .image img { width: 80px; height: auto; } #dmap .match p { display: table-cell; vertical-align: middle; font-size: 16px; font-weight: bold; line-height: 1.5; } #dmap .match p a { color: #c71444; } @media screen and (max-width: 599px) { #dmap .match h3 { padding: 0 10px; line-height: 48px; } #dmap .match .block { padding: 10px; } #dmap .match .image { width: 120px; } #dmap .match .image img { width: 100px; } } #dmap .around { margin-bottom: 40px; } #dmap .around .heading { background-color: #eeeeee; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4 0%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 0%, #eeeeee 100%); background-image: -o-linear-gradient(top, #f4f4f4 0%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#f4f4f4', endColorstr='#eeeeee'); background-image: linear-gradient(top, #f4f4f4 0%, #eeeeee 100%); margin-bottom: 20px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; } #dmap .around .heading h3 { color: #5b5b5b; background: url("/IMAGES/BASE/DMAP/icon_pin_pc.png") no-repeat 9px 10px; font-size: 14px; font-weight: bold; } #dmap .around .heading h3 span { display: block; padding: 9px 0 9px 30px; } #dmap .around .content .ranking { margin-bottom: 15px; } #dmap .around .content .ranking .ranking-a, #dmap .around .content .ranking .ranking-b { width: 326px; border: 1px solid #dfdfdf; } #dmap .around .content .ranking .ranking-a dl dt, #dmap .around .content .ranking .ranking-b dl dt { background-color: #eeeeee; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eeeeee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #eeeeee)); background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eeeeee 100%); background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eeeeee 100%); background-image: -o-linear-gradient(top, #fdfdfd 0%, #eeeeee 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#fdfdfd', endColorstr='#eeeeee'); background-image: linear-gradient(top, #fdfdfd 0%, #eeeeee 100%); } #dmap .around .content .ranking .ranking-a dl dt.pc, #dmap .around .content .ranking .ranking-b dl dt.pc { display: block; } #dmap .around .content .ranking .ranking-a dl dt.pc span, #dmap .around .content .ranking .ranking-b dl dt.pc span { display: block; padding: 12px 12px 12px 46px; background: url("/IMAGES/BASE/DMAP/icon_ranking_pc.png") no-repeat 9px 15px; color: #666666; font-size: 13px; font-weight: bold; } #dmap .around .content .ranking .ranking-a dl dt.sp, #dmap .around .content .ranking .ranking-b dl dt.sp { display: none; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content { display: block; border-top: 1px solid #dfdfdf; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .none, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .none { padding: 10px; text-align: center; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list { *zoom: 1; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list li, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list li { *float: left; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .even, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .even { background: #f9f9f9; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item { padding: 0 0; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .num, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .num { display: block; width: 32px; margin-right: 16px; padding: 10px 0 11px; color: #5b5b5b; font-size: 14px; text-align: center; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name { display: block; width: 278px; padding: 10px 0; font-size: 14px; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name a, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name a { display: block; margin-right: 10px; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name .tags li, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name .tags li { margin-bottom: 1px; } @media screen and (max-width: 599px) { #dmap .around .content .ranking .ranking-a, #dmap .around .content .ranking .ranking-b { width: 298px; } #dmap .around .content .ranking .ranking-a dl dt.pc, #dmap .around .content .ranking .ranking-b dl dt.pc { display: none; } #dmap .around .content .ranking .ranking-a dl dt.sp, #dmap .around .content .ranking .ranking-b dl dt.sp { display: block; } #dmap .around .content .ranking .ranking-a dl dt.sp i, #dmap .around .content .ranking .ranking-b dl dt.sp i { margin-top: 9px; margin-left: 7px; } #dmap .around .content .ranking .ranking-a dl dt.sp span, #dmap .around .content .ranking .ranking-b dl dt.sp span { display: inline-block; padding: 9px 9px 9px 34px; background: url("/IMAGES/BASE/DMAP/icon_ranking_sp.png") no-repeat 8px 10px; -webkit-background-size: 19px 11px; background-size: 19px 11px; font-size: 12px; font-weight: bold; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content { display: none; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .num, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .num { width: 32px; margin-right: 8px; padding-bottom: 1px; font-size: 12px; } #dmap .around .content .ranking .ranking-a dl dd.collapsible-content .list .item .name, #dmap .around .content .ranking .ranking-b dl dd.collapsible-content .list .item .name { display: block; width: 258px; font-size: 12px; } } #dmap .around .content .ranking .ranking-a { margin-right: 19px; } @media only screen and (max-width: 599px) { #dmap .around .content .ranking .ranking-b, #dmap .around .content .ranking .ranking-a { box-sizing: border-box; width: 100%; margin-right: auto; margin-left: auto; } } #dmap .around .content .footnote { color: #898989; } @media screen and (max-width: 599px) { #dmap .around { margin-bottom: 20px; } #dmap .around .heading { margin-bottom: 14px; } #dmap .around .heading h3 { background-image: url("/IMAGES/BASE/DMAP/icon_pin_sp.png"); background-position: 0 5px; -webkit-background-size: 11px 15px; background-size: 11px 15px; font-size: 16px; } #dmap .around .heading h3 span { padding: 5px 5px 5px 18px; } #dmap .around .content .ranking .ranking-a { border-bottom: 0; } #dmap .around .content .footnote { font-size: 12px; line-height: 1.5; } } #dmap .notice { margin-bottom: 35px; padding: 25px 0; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; color: #898989; } @media screen and (max-width: 599px) { #dmap .notice { margin-bottom: 18px; padding: 10px 0; font-size: 12px; } } @media only screen and (max-width: 599px) { .sp {display:block !important;} .pc {display:none;} } #dmap .map-trigger { padding: 5px 0px; text-align: center; } #dmap .map-trigger a { display: inline-block; width: 291px; height: 42px; background-image: url("/IMAGES/SPOT/DETAIL/detail_button_05.png");background-size: 291px auto;} #dmap .map-trigger a:hover { background-image: url("/IMAGES/SPOT/DETAIL/detail_button_05_ov.png");} @media screen and (max-width: 599px) { #dmap .map-trigger a { background-image: url("/IMAGES/SPOT/DETAIL/detail_button_05_sp.png"); background-repeat: no-repeat; background-size: 290px auto; } #dmap .map-trigger a:hover { background-image: url("/IMAGES/SPOT/DETAIL/detail_button_05_sp.png");} } /* 202501羅針盤追加バナー */ #dmap .dmap-content .bnr_area{ max-width: 640px; margin: 30px auto; padding: 30px 20px; background-color: #f3f3f3; } #dmap .dmap-content .bnr_area a img{ max-width: 298px; padding: 0 10px; float: left; } @media only screen and (max-width: 599px) { #dmap .dmap-content .bnr_area { width: calc(100% - 20px); padding: 15px 0!important; margin: 30px auto!important; } #dmap .dmap-content .bnr_area a img { max-width: 100%!important; width: calc(100% - 50px); display: block; margin: auto!important; padding: 10px 25px!important; } }