@charset "UTF-8";
#dmap .photo-list .list:before, #dmap .photo-link dl .category dl dd ul:before, #dmap .photo-header:before, #dmap .photo-list:before, #dmap .photo-link:before, #dmap .photo-link dl .category dl:before, #dmap .photo-link dl .lid:before, #dmap .photo-list .list:after, #dmap .photo-link dl .category dl dd ul:after, #dmap .photo-header:after, #dmap .photo-list:after, #dmap .photo-link:after, #dmap .photo-link dl .category dl:after, #dmap .photo-link dl .lid:after { content: ''; display: table; }
#dmap .photo-list .list:after, #dmap .photo-link dl .category dl dd ul:after, #dmap .photo-header:after, #dmap .photo-list:after, #dmap .photo-link:after, #dmap .photo-link dl .category dl:after, #dmap .photo-link dl .lid:after { clear: both; }
#dmap .photo-list .list, #dmap .photo-link dl .category dl dd ul, #dmap .photo-header, #dmap .photo-list, #dmap .photo-link, #dmap .photo-link dl .category dl, #dmap .photo-link dl .lid { *zoom: 1; }

#dmap .photo-header .button a, #dmap .photo-list .button a, #dmap .photo-header .button a span, #dmap .photo-list .button a span, #dmap .photo-link dl dt.collapsible-header i, #dmap .photo-link dl .lid .image span { display: -moz-inline-box; -moz-box-orient: vertical; display: inline-block; vertical-align: baseline; *zoom: 1; *display: inline; *vertical-align: auto; }

#dmap .photo-list .list li, #dmap .photo-link dl .category dl dd ul li, #dmap .photo-header .heading, #dmap .photo-link dl .category dl dt, #dmap .photo-link dl .category dl dd, #dmap .photo-link dl .lid .image, #dmap .photo-link dl .lid .text { float: left; _display: inline; }

#dmap .photo-header .button { float: right; _display: inline; }

#dmap .photo-header .button a, #dmap .photo-list .button a { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }

#dmap .photo-header, #dmap .photo-list { margin-left: 30px; margin-right: 30px; }
@media screen and (max-width: 599px) { #dmap .photo-header, #dmap .photo-list { margin-left: 10px; margin-right: 10px; } }

#dmap .photo-list .list li .item .image a { display: block; position: relative; }
#dmap .photo-list .list li .item .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 .photo-list .list li .item .image a i { display: none; } }

#dmap .photo-header .button a, #dmap .photo-list .button a { background-color: #f7f7f7; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #f7f7f7)); background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%); background-image: -ms-linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%); background-image: -o-linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#f2f2f2', endColorstr='#f7f7f7'); background-image: linear-gradient(top, #f2f2f2 0%, #f7f7f7 100%); padding: 4px 10px 4px 8px; border: 1px solid #f4f4f4; border-top-color: #cecece; }
#dmap .photo-header .button a span, #dmap .photo-list .button a span { height: 15px; padding: 3px 0 0 24px; background: url("/IMAGES/BASE/DMAP/icon_back-link_pc.png") no-repeat 0 0; cursor: pointer; }
#dmap .photo-header .button a:hover, #dmap .photo-list .button a:hover { background-color: #efefef; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #e6e6e6 0%, #efefef 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #efefef)); background-image: -webkit-linear-gradient(top, #e6e6e6 0%, #efefef 100%); background-image: -ms-linear-gradient(top, #e6e6e6 0%, #efefef 100%); background-image: -o-linear-gradient(top, #e6e6e6 0%, #efefef 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr='#e6e6e6', endColorstr='#efefef'); background-image: linear-gradient(top, #e6e6e6 0%, #efefef 100%); border-color: #e6e6e6; border-top-color: #a6a6a6; }
#dmap .photo-header .button a:hover span, #dmap .photo-list .button a:hover span { background-position: 0 -40px; }
@media screen and (max-width: 599px) { #dmap .photo-header .button a, #dmap .photo-list .button a { padding: 4px 5px 4px 5px; font-size: 11px; }
  #dmap .photo-header .button a span, #dmap .photo-list .button a span { -webkit-background-size: 12px 12px; background-size: 12px 12px; height: 12px; padding: 0 0 0 18px; background-image: url("/IMAGES/BASE/DMAP/icon_back-link_sp.png"); }
  #dmap .photo-header .button a:hover span, #dmap .photo-list .button a:hover span { background-position: 0 0; } }

#dmap .photo-link dl dt.collapsible-header i { width: 18px; height: 18px; background: url("/IMAGES/BASE/DMAP/icon_collapsible_pc.png") no-repeat; vertical-align: top; }
#dmap .photo-link dl dt.collapsible-header a:hover i { background-position: 0 -20px; }
#dmap .photo-link dl dd.collapsible-content { display: none; }
#dmap .photo-link dl.expanded dt.collapsible-header i { background-position: -20px 0; }
#dmap .photo-link dl.expanded dt.collapsible-header a:hover i { background-position: -20px -20px; }
#dmap .photo-link dl.expanded dd.collapsible-content { display: block; }
@media screen and (max-width: 599px) { #dmap .photo-link 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 .photo-link dl dt.collapsible-header a:hover { text-decoration: none; }
  #dmap .photo-link dl dt.collapsible-header a:hover i { background-position: 0 0; }
  #dmap .photo-link dl.expanded dt.collapsible-header i, #dmap .photo-link dl.expanded dt.collapsible-header a:hover i { background-position: -15px 0; } }

#dmap .photo-header { margin-bottom: 45px; }
#dmap .photo-header .heading h2 { margin-bottom: 12px; color: #006699; font-size: 22px; font-weight: bold; }
#dmap .photo-header .heading p { font-size: 14px; }
#dmap .photo-header .heading p br { display: none; }
@media screen and (max-width: 599px) { #dmap .photo-header { margin-bottom: 30px; }
  #dmap .photo-header .heading { float: none; }
  #dmap .photo-header .heading h2 { margin-bottom: 10px; font-size: 20px; }
  #dmap .photo-header .heading p { color: #5b5b5b; font-size: 12px; }
  #dmap .photo-header .heading p br { display: inline; } }
#dmap .photo-list .list { *margin-bottom: 35px; }
#dmap .photo-list .list li { width: 280px; margin-left: 38px; margin-bottom: 35px; }
#dmap .photo-list .list li .item { padding: 14px 19px 9px; border: 1px solid #dadada; }
#dmap .photo-list .list li .item .image { width: 240px; height: 180px; margin-bottom: 5px; text-align: center; }
#dmap .photo-list .list li .item .image img { height: 180px; }
#dmap .photo-list .list li .item .image a { width: 100%; }
#dmap .photo-list .list li .item .caption .title { min-height: 36px; _height: 36px; margin-bottom: 4px; font-size: 14px; font-weight: bold; }
#dmap .photo-list .list li .item .caption .author { padding: 3px 5px; background: #f6f6f6; color: #999999; font-size: 10px; }
#dmap .photo-list .button { margin-bottom: 30px; text-align: right; }
@media screen and (max-width: 599px) { #dmap .photo-list .list { margin-bottom: 15px; }
  #dmap .photo-list .list li { float: none; width: 100%; margin-left: 0; margin-bottom: 10px; }
  #dmap .photo-list .list li .item { padding: 0; border: 0; }
  #dmap .photo-list .list li .item .image { box-sizing: border-box; width: 100%; height: auto; padding: 10px; margin-bottom: 1px; background: #f3f3f3; }
  #dmap .photo-list .list li .item .image img { width: 100%; height: auto; }
  #dmap .photo-list .list li .item .image a i { display: none; }
  #dmap .photo-list .list li .item .caption { padding: 10px; background: #f3f3f3; }
  #dmap .photo-list .list li .item .caption .title { min-height: auto; margin-bottom: 5px; font-size: 14px; }
  #dmap .photo-list .list li .item .caption .author { padding: 0; background: none; color: #666666; font-size: 12px; } }
#dmap .photo-link { margin: 0 30px 35px; border: 3px solid #b8b8b8; background: #f2f2f2 url("/IMAGES/PHOTO/photo_photo-link_bg_02.png") no-repeat 100% 0; }
@media screen and (min-width: 600px) { #dmap .photo-link { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } }
#dmap .photo-link dl dt.pc { height: 30px; padding-top: 16px; color: #666666; font-size: 14px; font-weight: bold; text-align: center; }
#dmap .photo-link dl dt.sp { display: none; }
#dmap .photo-link dl dd.collapsible-content { display: block; }
#dmap .photo-link dl .category { padding: 6px 0 10px 70px; background: url("/IMAGES/PHOTO/photo_photo-link_bg_01.png") no-repeat 0 0; }
#dmap .photo-link dl .category dl { margin-bottom: 6px; }
#dmap .photo-link dl .category dl dt { width: 133px; color: #666666; font-weight: bold; }
#dmap .photo-link dl .category dl dd { width: 340px; }
#dmap .photo-link dl .category dl dd ul { margin-bottom: 6px; }
#dmap .photo-link dl .category dl dd ul li { margin-left: 9px; padding-left: 9px; border-left: 1px solid #7e7e7e; }
#dmap .photo-link dl .category dl dd ul li.first { margin-left: 0; padding-left: 0; border-left: 0; }
#dmap .photo-link dl .lid { padding: 17px 0 15px; border-top: 1px solid #b8b8b8; }
#dmap .photo-link dl .lid .image { width: 253px; text-align: right; }
#dmap .photo-link dl .lid .image span { width: 189px; height: 58px; background: url("/IMAGES/PHOTO/photo_photo-link_img_01_pc.png") no-repeat 0 0; }
#dmap .photo-link dl .lid .text { width: 330px; margin-left: 33px; }
#dmap .photo-link dl .lid .text .lead { margin-bottom: 10px; line-height: 1.5; }
#dmap .photo-link dl .lid .text .link { font-size: 14px; font-weight: bold; }
@media screen and (max-width: 599px) { #dmap .photo-link { box-sizing: border-box; width: auto; margin: 0 10px 15px; border-width: 2px; background-image: none; }
  #dmap .photo-link dl dt.pc { display: none; }
  #dmap .photo-link dl dt.sp { display: block; font-size: 14px; font-weight: bold; }
  #dmap .photo-link dl dt.sp a { display: block; padding: 13px 10px; }
  #dmap .photo-link dl dt.sp a i { display: block; float: left; margin-top: 10px; }
  #dmap .photo-link dl dt.sp a span { display: block; margin-left: 20px; }
  #dmap .photo-link dl dd.collapsible-content { display: none; }
  #dmap .photo-link dl dd.collapsible-content .category { padding: 0; background: none; }
  #dmap .photo-link dl dd.collapsible-content .category dl { margin-bottom: 0; }
  #dmap .photo-link dl dd.collapsible-content .category dl dt { float: none; width: auto; padding: 8px 13px; border-top: 1px solid #cacaca; background: #e6e6e6; font-size: 13px; font-weight: bold; }
  #dmap .photo-link dl dd.collapsible-content .category dl dd { float: none; width: auto; font-size: 13px; }
  #dmap .photo-link dl dd.collapsible-content .category dl dd ul { margin-bottom: 0; }
  #dmap .photo-link dl dd.collapsible-content .category dl dd ul li { float: none; border-top: 1px solid #cacaca; border-left: 0; margin: 0; padding-left: 0; }
  #dmap .photo-link dl dd.collapsible-content .category dl dd ul li a { -webkit-background-size: 20px 12px; background-size: 20px 12px; display: block; padding: 8px 13px; background: url("/IMAGES/PHOTO/photo_photo-link_bg_03.png") no-repeat 100% 50%; color: #5b5b5b; }
  #dmap .photo-link dl dd.collapsible-content .lid { padding: 0; border-top: 1px solid #afafaf; background: #e6e6e6; }
  #dmap .photo-link dl dd.collapsible-content .lid .image { float: none; width: auto; padding: 19px 0 15px; text-align: center; }
  #dmap .photo-link dl dd.collapsible-content .lid .image span { -webkit-background-size: 198px 61px; background-size: 198px 61px; width: 198px; height: 61px; background: url("/IMAGES/PHOTO/photo_photo-link_img_01_sp.png"); }
  #dmap .photo-link dl dd.collapsible-content .lid .text { float: none; width: auto; margin: 0; }
  #dmap .photo-link dl dd.collapsible-content .lid .text .lead { margin-bottom: 10px; padding: 0 20px; }
  #dmap .photo-link dl dd.collapsible-content .lid .text .link { padding: 12px 0; border-top: 1px solid #afafaf; text-align: center; } }
