@charset "UTF-8";

#asp_content { padding-top:5px;padding-bottom:5px;
}
#asp_content #asp_topics { padding-top:5px;padding-bottom:20px;
}
#asp_content #asp_topics .asp_topics_title_box { background-color:#5d330d;margin-bottom:20px;
}
#asp_content #asp_topics .asp_topics_title_box_inner { background:url(/images_asp/topics/bg.png);margin-left:5px;padding:20px 20px 10px 15px;
}
#asp_content #asp_topics .asp_topics_title { font-size:20px;line-height:1.5;font-weight:700;color:#5d330d;text-align:left;padding-bottom:10px;
}
#asp_content #asp_topics .asp_topics_comment,
#asp_content #asp_topics .asp_topics_comment02 { font-size:14px;line-height:1.5;text-align:left;
}
#asp_content #asp_topics .asp_topics_comment { padding-bottom:10px;
}
#asp_content #asp_topics .asp_topics_comment02 { background:#5d330d url(/images_asp/topics/bg.png);margin-bottom:20px;padding:20px;
}
#asp_content #asp_topics .asp_topics_comment a,
#asp_content #asp_topics .asp_topics_comment02 a { color:#000;text-decoration:underline;
}
#asp_content #asp_topics .asp_topics_comment a:hover,
#asp_content #asp_topics .asp_topics_comment02 a:hover { text-decoration:none;
}
#asp_content #asp_topics .asp_topics_photo_box { padding-bottom:20px;
}
#asp_content #asp_topics .asp_topics_photo_box.single .asp_topics_photo { display:block;
}
#asp_content #asp_topics .asp_topics_photo_box.single .asp_topics_photo span { display:block;border:1px solid #CCC;padding:4px;text-align:center;
}
#asp_content #asp_topics .asp_topics_photo_box.single .asp_topics_photo img { height:auto;width:auto;max-height:500px;max-width:100%;box-sizing:border-box;padding:5px;
}
#asp_content #asp_topics .asp_topics_photo_box.single .asp_topics_photo .asp_topics_photo_caption { font-size:14px;line-height:1.4;text-align:left;margin:0 5px;padding-top:5px;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 ul,
#asp_content #asp_topics .asp_topics_photo_box.row3 ul { text-align:left;font-size:0;letter-spacing:-1em;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 li,
#asp_content #asp_topics .asp_topics_photo_box.row3 li { display:inline-block;text-align:center;vertical-align:top;width:50%;box-sizing:border-box;padding:5px 5px 20px 5px;letter-spacing:normal;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 li { width:50%;
}
#asp_content #asp_topics .asp_topics_photo_box.row3 li { width:33.33%;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 li .asp_topics_photo,
#asp_content #asp_topics .asp_topics_photo_box.row3 li .asp_topics_photo { display:block;border:1px solid #CCC;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 li .asp_topics_photo a { display:block;width:100%;overflow:hidden;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 li .asp_topics_photo a { max-height:272px;
}
#asp_content #asp_topics .asp_topics_photo_box.row3 li .asp_topics_photo a { max-height:179px;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 li .asp_topics_photo a img,
#asp_content #asp_topics .asp_topics_photo_box.row3 li .asp_topics_photo a img { width:auto;height:auto;max-width:100%;box-sizing:border-box;padding:5px;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 li .asp_topics_photo a img { max-height:272px;
}
#asp_content #asp_topics .asp_topics_photo_box.row3 li .asp_topics_photo a img { max-height:179px;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 li .asp_topics_photo a:hover img,
#asp_content #asp_topics .asp_topics_photo_box.row3 li .asp_topics_photo a:hover img { opacity:0.7;
}
#asp_content #asp_topics .asp_topics_photo_box.row2 li .asp_topics_photo_caption,
#asp_content #asp_topics .asp_topics_photo_box.row3 li .asp_topics_photo_caption { font-size:14px;line-height:1.4;text-align:left;margin:0 5px;padding-top:5px;
}
#asp_content #asp_topics .asp_topics_inquiry_btn { padding-bottom:20px;padding-top:20px;
}
#asp_content #asp_topics .asp_topics_inquiry_btn a { display:block;background-color:#5d330d;width:305px;margin-left:auto;margin-right:auto;
}
#asp_content #asp_topics .asp_topics_inquiry_btn a:hover { filter:alpha(opacity=70);opacity:0.7;
}

/* THETAパノラマ表示 */
#asp_content .panorama_image {
margin:20px 0 10px;
}
#asp_content .panorama_image .panorama_box .ricoh-theta-tour-image > span {
display:none;
}
#asp_content .panorama_image .panorama_box .ricoh-theta-tour-image > iframe {
width:100%;height:478px;border:none;
}
#asp_content .panorama_image .att {
font-size: 12px;line-height: 1.4;text-align:left;
}
#asp_content .panorama_image .att span {
display:block;text-indent: -1em;padding-left:12px;
}