@charset "Shift_JIS";
img {vertical-align: inherit;}

/* 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: 1100px; 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; text-align: center; vertical-align: top; }
.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: 113px; text-align: center; vertical-align: top; cursor: pointer; }
.summary-box-r { width: 738px; margin-left: 40px; float: left; }
h1 { margin-bottom: 30px; padding-bottom: 10px; border-bottom: 2px solid #1fbba6;display: block;color:#323a45; }
.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: 19px; }
.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;text-align: center;vertical-align: middle;background-color: #f4f5f7; }
.sec02-img img {display: block;width: 100%;height: 100%;object-fit: contain;}
.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: 13px; 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: #f4f5f7;}
.rec-img img {display: block;width: 100%;height: 100%;object-fit: contain;}
.rec-info {font-size:0.85em;}
.treat_button{padding: 15px;text-align: center;background-color: #fdeeeb;text-decoration: none !important;margin: 10px;color: #df5c52;font-weight: bold;}
.streaming-btn {display: inline-block; background-color: #fb7633; padding: 10px; border-radius: 5px; min-width: 300px; margin-top: 10px; color: #ffffff; font-size: 15px; border-bottom: 3px solid #ae3b00;}
.detail-box-inner .buy-btn {margin-top: 0; margin-bottom: 20px;}

.buy-btn-recap{
display: block;
margin-top: 20px;
padding: 14px 27px;
text-align: center;
background-color: #fb7633;
text-decoration: none !important;
color: #ffffff;
font-weight: bold;
font-size: 18px;
font-family: Hiragino-W6,'Noto Sans JP';
border: none;
cursor:pointer;
}

@media print {
  .summary-box-l img { display: none !important; }
}