@charset "Shift_JIS";
/* container_header */
#container_header_2 { height: 1px; }
/* detail-pankuzu */
.detail-pankuzu { margin: 20px auto 0; padding: 4px 0; width: 1100px; height:15px; background-color: #e4e5eb; }
.detail-pankuzu > li { display: inline-block; }
.detail-pankuzu > li > a, .detail-pankuzu > li > span { text-decoration: none; color: #323a45; }
/* detail-contents */
.detail-contents { width: 1100px; margin: 0 auto 40px; font-size: 13px; line-height: 150%; color: #323a45; }
.detail-contents a:link { color: #0b3886; text-decoration: underline; }
.detail-contents a:visited { color: #0b3886; text-decoration: underline; }
.detail-contents a:hover { color: #2f65c1; text-decoration: underline; }
.detail-contents a:active { color: #2f65c1; text-decoration: underline; }
/* summary-box */
.summary-box { width: 1058px; padding: 20px; margin-bottom: 30px; background-color: #FFF; border: 1px solid #ededf0; border-bottom: 1px solid #dcdce0; }
.summary-box-l { width: 280px; float: left; }
.main-img { display: table-cell; width: 280px; height: 280px; text-align: center; vertical-align: middle; background-color: #e2e2e2; }
.thumb-img-l { width: 80px; padding: 15px 20px 0 40px; float: left; }
.thumb-img-r { width: 80px; padding: 15px 40px 0 20px; float: left; }
.thumb-img-inner { display: table-cell; width: 80px; height: 80px; text-align: center; vertical-align: middle; background-color: #e2e2e2; cursor: pointer; }
.summary-box-r { width: 738px; margin-left: 40px; float: left; }
h1 { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #1fbba6; }
.company-name { display: block; margin-bottom: 8px; }
.sub-title { display: block; margin-bottom: 8px; }
.event-title { display: block; font-size: 20px; font-weight: bold; line-height: 150%; }
.summary-inner { float: left; width: 440px; }
.summary-inner-h2 { margin-bottom: 5px; margin-top: 10px; padding-top: 10px; border-top: 1px dotted #CCC; color: #1fbba6; font-weight: bold; }
.summary-inner-h2-top { margin-bottom: 5px; color: #1fbba6; font-weight: bold; }
.share-btns { margin-top: 10px; padding-top: 10px; border-top: 1px dotted #CCC; }
.share-btns > li { width: 40px; float: left; margin-right: 10px; }
.share-btns img { width: 40px; }
.app-box-bg { float: left; width: 258px; margin-left: 40px; }
.app-box { width: 100%; background-color: #FFF; border: 1px solid #ededf0; border-bottom: 1px solid #dcdce0; }
.app-box-inner { padding: 20px; }
.opt-btn-l { width: 104px; margin-bottom: 8px; float: left; background-color: #f1f1f1; }
.opt-btn-r { width: 104px; margin-left: 9px; margin-bottom: 8px; float: left; background-color: #f1f1f1; }
.opt-btn-bl { width: 104px; float: left; background-color: #f1f1f1; }
.opt-btn-br { width: 104px; margin-left: 9px; float: left; background-color: #f1f1f1; }
.opt-btn-inner { padding: 5px; color: #CCC; font-size: 11px; }
.opt-btn-inner-selected { padding: 5px; color: #fb7633; font-size: 11px; font-weight: bold; }
.buy-btn { display: block; margin-top: 20px; padding: 15px 0; text-align: center; background-color: #fb7633; text-decoration: none !important; }
.buy-btn > span { font-size: 18px; font-weight: bold; color: #FFF; }
.buy-btn-off { display: block; margin-top: 20px; padding: 15px 0; text-align: center; background-color: #f1f1f1; text-decoration: none !important; }
.soldout { font-size: 18px; font-weight: bold; color: #FE4A63; }
.info { font-size: 18px; font-weight: bold; color: #1E90FF; }
.guide-flow { margin-top: 20px; text-align: right; }
.guide-fee { margin-top: 10px; text-align: right; }
/* detail-contents-left */
.detail-contents-left { width: 780px; float: left; }
.detail-contents-left > h2 { margin-bottom: 10px; padding-left: 10px; font-size: 18px; color: #1fbba6; }
.detail-box { width: 100%; margin-bottom: 20px; background-color: #FFF; border: 1px solid #ededf0; border-bottom: 1px solid #dcdce0; }
.detail-box-inner { padding: 20px; }
.detail-box-inner table { width: 740px; }
.detail-box-inner table th { width: 145px; padding: 20px; vertical-align: top; background-color: #f1f1f1; border: 1px solid #f1f1f1; border-bottom: 1px solid #FFF; }
.detail-box-inner table td { width: 515px; max-width: 515px; padding: 20px; vertical-align: top; border: 1px solid #f1f1f1; word-break: break-all; -ms-word-break: break-all; word-wrap: break-word; -ms-word-wrap: break-word; }
/* detail-contents-right */
.detail-contents-right { width: 300px; float: left; margin-left: 20px; }
.detail-contents-right > h2 { margin-bottom: 10px; padding-left: 10px; font-size: 18px; color: #1fbba6; }
.rel-box { width: 100%; margin-bottom: 30px; background-color: #FFF; border: 1px solid #ededf0; border-bottom: 1px solid #dcdce0; }
.rel-box-inner { padding: 20px; }
.sec02-top { display: table; color: #323a45 !important; text-decoration: none !important; }
.sec02 { display: table; margin-top: 10px; padding-top: 10px; border-top: 1px dotted #CCC; color: #323a45 !important; text-decoration: none !important; }
.sec02-img { display: table-cell; width: 80px; height: 80px; vertical-align: middle; text-align: center; background-color: #e2e2e2; }
.img-w { width: 100%; }
.img-h { height: 100%; }
.sec02-txt { display: table-cell; width: 165px; padding-left: 15px; vertical-align: top; }
.service-box { width: 100%; background-color: #FFF; border: 1px solid #ededf0; border-bottom: 1px solid #dcdce0; }
.service-box-inner { padding: 20px; }
.sec03-top { display: block; color: #323a45 !important; text-decoration: none !important; }
.sec03 { display: block; margin-top: 10px; padding-top: 10px; border-top: 1px dotted #CCC; color: #323a45 !important; }
.sec03-img { width: 80px; float: left; }
.sec03-img > img { width: 80px; }
.sec03-txt { width: 165px; margin-left: 15px; float: left; }
/* page-top-btn */
.page-top-btn { position: fixed; bottom: 20px; right: 20px; width: 60px; height: 50px; z-index: 1; opacity: 0.8; }
.page-top-btn a { text-indent: -9999px; display: block; width: 60px; height: 50px; background-image: url('../img/pagetop.png'); background-repeat: no-repeat; background-size: 60px; }
/* recommend */
.rec-inner {padding:20px 10px;}
.rec-sec {width:20%;float:left;}
.rec-sec-inner {padding:0px 10px;}
.rec-img {display: table-cell;width: 132px;height: 132px;text-align: center;vertical-align: middle;background-color: #e2e2e2;}
.rec-info {font-size:0.85em;}