@charset "Shift_JIS";
/* common */
.detail-bg { padding: 10px; background-color: #FFF; font-size: 13px; line-height: 150%; border-top: 1px solid #000; }
.detail-bg a:link { color: #0b3886; text-decoration: underline; }
.detail-bg a:visited { color: #0b3886; text-decoration: underline; }
.detail-bg a:hover { color: #2f65c1; text-decoration: underline; }
.detail-bg a:active { color: #2f65c1; text-decoration: underline; }
.detail-bg p { word-wrap: break-word; }
.detail-bg ul { margin: 0; }
.mgb10 { margin-bottom: 10px; }
.mgb20 { margin-bottom: 20px; }
.ta-l { text-align: left; }
.ta-c { text-align: center; }
.ta-r { text-align: right; }
/*  */
.event-title-bg { margin: 0 0 20px; padding: 0;}
.company-name { display: inline-block; margin-bottom: 3px; font-size: 13px; font-weight: normal; }
.sub-title { display: inline-block; margin-bottom: 3px; font-size: 13px; font-weight: normal; }
.event-title { font-size: 18px; }
.flexslider { width: 280px; height: 280px; }
.btns { width: 100%; margin:0 auto 20px; }
.opt-btn { width: 50%; float: left; margin-bottom: 8px; background-color: #fff; color: #CCC; }
.opt-btn-selected { color: #ff822a; font-weight: bold; }
.opt-btn-inner-l { margin-right: 4px; padding: 4px; font-size: 10px; background-color: #f1f1f1; }
.opt-btn-inner-r { margin-left: 4px; padding: 4px; font-size: 10px; background-color: #f1f1f1; }
.buy-btn { display:block; padding: 15px 0; text-align: center; background-color: #ff822a; text-decoration: none !important; }
.buy-btn-off { padding: 15px 0; text-align: center; background-color: #f1f1f1; text-decoration: none !important; }
.buy-btn > span { font-size: 16px; font-weight: bold; color: #FFF !important; text-decoration: none !important; }
.soldout { font-size: 16px; font-weight: bold; color: #FE4A63; }
.info { font-size: 16px; font-weight: bold; color: #1E90FF; }
.guides { width: 100%; margin-bottom: 20px; }
.detail-h2 { margin: 0 0 10px; padding: 0; font-size: 13px; color: #1fbba6; }
.detail-sec01 { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #CCC; }
.detail-sec01-bottom { margin-bottom: 0; padding-bottom: 0;border: 0; }
.share-btns { width: 100%; }
.share-btns > li { width: 45px; margin-right: 15px; float: left; }
.share-btns img { width: 45px; }
.detail-sec02, .detail-sec03 { display: table; width: 100%; margin-top: 10px; padding-top: 10px; border-top: 1px dotted #CCC; color: #3e4852 !important; text-decoration: none !important; }
.detail-sec02-l, .detail-sec03-l { display: table-cell; width: 80px; text-align: center; vertical-align: top; }
.detail-sec03-l img { width: 80px; }
.img-bg { width: 80px; height: 80px; display: table-cell; text-align: center; vertical-align: middle; background-color: #e2e2e2; font-size: 0; line-height: 0; }
.img-w { width: 80px; }
.img-h { height: 80px; }
.detail-sec02-r, .detail-sec03-r { display: table-cell; width: auto; padding-left: 10px; vertical-align: top; }
.detail-sec02-top, .detail-sec03-top { margin-top: 0; padding-top: 0; border: 0; color: #3e4852 !important; text-decoration: none !important; }
.detail-sec03-bottom { display: table; width: 100%; margin-bottom: 40px; color: #3e4852 !important; text-decoration: none !important; }
.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; }
.top-border { margin-top: 20px; padding-top: 20px; border-top: 20px solid #CCC; }
.youtube_container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.youtube_container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }