.w100 { width: 100%; margin: 0 auto; background: #fcfcfc; } .w40 { width: 40%; margin: 0 auto; } .w20 { width: 20%; margin: 0 auto; } .video { position: relative; width: 100%; padding-top: 56.25%; } .video iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } .video, .CommentArea { overflow: hidden; word-wrap: break-word; white-space: normal; } .CommentArea { padding-top: 10px; } .jstframe { position: relative; width: 100%; padding-top: 56.25%; } .jstframe iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; } .CommentArea h3 { font-size: 16px; font-weight: bold; word-wrap: break-word; } .CommentArea .date { font-size: 12px; padding: 0 1em; } #kaihen { background-color: #D1B89B; background-repeat: no-repeat; background-position: right top; -webkit-background-size: cover; background-size: cover; } #kaihen .white { background-color: #F4F1DC; padding: 2em 0; } #kaihen .title-01 { color: #104070; margin: 1em auto; } #kaihen .special .title-01 { color: #104070; } #kaihen .title-01 span::after, #kaihen .title-01 span::before { background: #104070; } #kaihen .special .title-01 span::before, #kaihen .special .title-01 span::after { background: #104070; } #kaihen .pgm_lineup td p.date { background-color: #f1f3f6; padding: 5px; display: block; text-align: center; color: #104070; background-color: #E2D7C0; line-height: 1.4; margin-bottom: 1em; font-weight: bold; } #kaihen .pgm_lineup td p.Comment { text-align: left; } #kaihen .pgm_lineup td strong { font-size: 1.2em; } .drama { font-size: 2.5em; padding: 1em 0; letter-spacing: 0.25em; font-family: serif; } @media screen and (min-width: 750px) { .CommentArea .col-md-2 { padding: 0 10px 10px 0; } #kaihen { font-family: 'Noto Sans Japanese', sans-serif; text-align: center; line-height: 1.7em; } #kaihen h2 { font-weight: bold; } #kaihen .Crumb, #kaihen .news dl { max-width: 1280px; text-align: left; margin: 0 auto; } #kaihen .Crumb { display: block; } #kaihen .news dl { display: inline-block; } #kaihen .Crumb { font-size: 12px; color: #104070; padding: 0.5em; } #kaihen img.logo { display: block; max-width: 850px; margin: 10px auto 0; } #kaihen .magic { color: #FFF; padding: 5px 0; font-weight: bold; overflow: hidden; } #kaihen .magic h2 { display: inline-block; line-height: 1em; margin: 0 auto 10px; font-family: 'Anton', sans-serif; font-style: italic; -webkit-animation-duration: .7s; -webkit-animation-name: slidein; -moz-animation-duration: .7s; -moz-animation-name: slidein; -ms-animation-duration: .7s; -ms-animation-name: slidein; animation-duration: .7s; animation-name: slidein; } @-webkit-keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } @-moz-keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } @keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } #kaihen .news { background-color: #231815; padding: 0 0 0.4em 0; } #kaihen .news, #kaihen .news a { color: #FFF; } #kaihen .news a { text-decoration: underline; } #kaihen #sidebar { width: 100%; background-color: rgba(138, 0, 0, 1); overflow: hidden; z-index: 2; border-bottom: solid 1px #000; box-shadow: 0px 10px 5px -6px #000000; -moz-box-shadow: 0px 10px 5px -6px #000000; -webkit-box-shadow: 0px 10px 5px -6px #000000; } #kaihen #sidebar ul li, #kaihen #sidebar ul li a { height: 40px; line-height: 40px; } #kaihen #sidebar ul li a { width: 100%; color: #fff; font-weight: bold; display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 100; background-color: rgba(138, 0, 0, 1); text-decoration: none; } #kaihen .photo section { background-color: rgba(0, 0, 0, 0.8); color: #FFF; } #kaihen .photo section .topics { color: #000; } #kaihen table.pgm_lineup { max-width: 1280px; margin: 0 auto; border-collapse: separate; border-spacing: 1em; table-layout: fixed; } #kaihen table.pgm_lineup td, #kaihen .thum-list-02 li { background-color: #E2D7C0; color: #000; text-align: center; vertical-align: top; } #kaihen .thum-list-02 li { display: block; margin: 0 auto 1em; } #kaihen table.pgm_lineup td .jstframe, #kaihen table.pgm_lineup td img, #kaihen .thum-list-02 li img { display: block; border-bottom: solid 2px #8c8c8c; box-shadow: 0px 5px 6px -6px #231815; -moz-box-shadow: 0px 5px 6px -6px #231815; -webkit-box-shadow: 0px 5px 6px -6px #231815; margin: 0 auto 1em; } #kaihen table.pgm_lineup td h3, #kaihen table.pgm_lineup td h3 *, #kaihen .thum-list-02 li h3, #kaihen .thum-list-02 li h3 a { color: #1a2b3f; font-weight: bold; font-size: 15px; } #kaihen table.pgm_lineup td h3, #kaihen table.pgm_lineup td p, #kaihen .thum-list-02 li h3, #kaihen .thum-list-02 li p { padding: 0 1em 1em; } #kaihen table.carp_calendar { margin: 0 auto; border-collapse: collapse; } #kaihen table.carp_calendar tbody tr { background-color: #FFF; } #kaihen table.carp_calendar tbody tr:nth-child(2n+1) { background-color: #f0f3f5; } #kaihen table.carp_calendar th, #kaihen table.carp_calendar td { border: 1px solid #b8c5d2; text-align: center; vertical-align: middle; padding: 1em; } #kaihen table.carp_calendar th { background-color: #3d3d3d; } #kaihen table.carp_calendar td { color: #000; } #kaihen .magic { font-size: 12em; } #kaihen a img { opacity: 1.0; } #kaihen a:hover img { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } #kaihen .news a:hover { text-decoration: none; } #kaihen .news dl { position: relative; padding: 0 0 0.5em; } #kaihen .news dl dt { position: absolute; } #kaihen .news dl dd { padding-left: 8em; } #kaihen #sidebar ul { max-width: 1280px; margin: 0 auto; display: table; border-collapse: collapse; table-layout: fixed; } #kaihen #sidebar ul li { display: table-cell; border-left: solid 1px #FFF; border-right: solid 1px #FFF; font-size: 16px; color: #999999; background-color: #730000; min-width: 200px; } #kaihen #sidebar li a.now, #kaihen #sidebar li a:hover, a.btn:hover { background-color: #F50003; } #kaihen .fixed { position: fixed; top: 0; left: 0; z-index: 2; width: 100%; } #kaihen section .row-contents-title { margin: 10px 0 50px; font-size: 24px; line-height: 1em; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } #kaihen .photo section .row-contents-title { color: #FFF; } #kaihen .white section .row-contents-title { color: #FF8F0A; } #kaihen section .row-contents-title span { padding: 0 50px; } #kaihen section .row-contents-title::before, #kaihen section .row-contents-title::after { content: ""; display: inline-block; width: 60px; height: 2px; } #kaihen .photosection .row-contents-title::before, #kaihen .photosection .row-contents-title::after { background-image: url(//m.home-tv.co.jp/wp-content/uploads/2018/08/carp2018v9_line.png); } #kaihen .whitesection .row-contents-title::before, #kaihen .whitesection .row-contents-title::after { background-image: url(//m.home-tv.co.jp/wp-content/themes/home-sports/img/common/h3_line.png); } #kaihen .specialsection .row-contents-title::before, #kaihen .specialsection .row-contents-title::after { background-image: url(//m.home-tv.co.jp/wp-content/uploads/2018/08/carp2018v9_line.png); } #kaihen table.carp_calendar { width: 1280px; } #kaihen #to_section1 p { max-width: 1280px; margin: 0 auto; padding: 0.5em 0; text-align: left; } #kaihen .box-content { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; max-width: 1080px; margin: 0 auto; } #kaihen .box-content .left { width: 450px; } #kaihen .box-content .right { width: 603px; position: relative; } #kaihen .box-content .right h5 { font-size: 20px; line-height: 1.5em; text-align: left; } #kaihen .box-content .right .description { font-size: 14px; line-height: 2em; text-align: left; } #kaihen .box-content .right .btn-more { position: absolute; bottom: 0; right: 0; } #kaihen .row, #kaihen .col-md-12 { max-width: 1280px; margin: 0 auto; } #kaihen .row::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; } #kaihen .row { max-width: 100%; margin: 0 auto; -js-display: flex; display: flex; justify-content: left; flex-wrap: wrap; overflow: hidden; min-height: 1%; text-align: left; letter-spacing: -.4em; } #kaihen .row> div { letter-spacing: normal; } #kaihen .row> .col-md-12 { width: 100%; } #kaihen .row> .col-md-11 { width: 91.666666%; } #kaihen .row> .col-md-10 { width: 83.333333%; } #kaihen .row> .col-md-9 { width: 75%; } #kaihen .row> .col-md-8 { width: 66.666666%; } #kaihen .row> .col-md-7 { width: 58.333333%; } #kaihen .row> .col-md-6 { width: 50%; } #kaihen .row> .col-md-5 { width: 41.666666%; } #kaihen .row> .col-md-4 { width: 33.333333%; } #kaihen .row> .col-md-3 { width: 25%; } #kaihen .row> .col-md-2 { width: 16.666666%; } #kaihen .row> .col-md-1 { width: 8.333333%; } #kaihen .special .col-md-12 p { margin: 1em 0; text-align: center; padding-bottom: 1em; } #kaihen .movie-list { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } #kaihen .movie-list li { width: 380px; margin-right: 30px; margin-bottom: 40px; } #kaihen .movie-list li .movie-one { display: block; background-color: white; text-decoration: none; } #kaihen .movie-list li .movie-one .movie-info { padding: 20px 20px 35px; min-height: 200px; } #kaihen .movie-list li .movie-one .movie-info h3 { font-size: 18px; font-weight: 700; line-height: 1.55; text-align: left; margin-bottom: 15px; } #kaihen .movie-list li .movie-one .movie-info .description { font-size: 12px; font-weight: 500; line-height: 1.55; text-align: left; } #kaihen .btn-more a { line-height: 0.4em; } #kaihen .topics { background-color: rgba(255, 255, 255, 0.75); padding: 20px; } #kaihen .topics> .row { max-width: 1280px; margin: 0 auto; } #kaihen .thum-list-01> ul> li> .text .date, .thum-list-01> ul> li> .inner .text .date { font-weight: 600; font-size: 1.3rem; margin-right: 5px; color: #FF8F0A; font-family: "Nunito Sans", sans-serif; } #kaihen .thum-list-01> ul> li> .text .tag, #kaihen .thum-list-01> ul> li> .inner .text .tag { line-height: 1; font-size: 1.2rem; padding: 5px 12px; border-radius: 4px; font-weight: bold; color: #ff1c57; display: inline-block; border: 2px solid #ff1c57; } #kaihen .thum-list-01> ul> li> .text .title, #kaihen .thum-list-01> ul> li> .inner .text .title { margin-top: 8px; font-weight: bold; font-size: 1.6rem; line-height: 1.55; } #kaihen .topics .thum-list-01 { padding-right: 2em; } #kaihen .topics h3.caption { font-weight: bold; font-size: 1.5em; } #kaihen .thum-list-01> ul> li> a .thum, #kaihen .thum-list-01> ul> li> .thum { width: 178px; -ms-flex: 0 0 178px; flex: 0 0 178px; padding-right: 20px; } #kaihen .thum-list-01> ul> li { display: -ms-flexbox; display: flex; } #kaihen .thum-list-01> ul> li .thum img { border: 1px solid #cedcec; } #kaihen .responsive_table { margin: 0.5em auto 1em; } #kaihen .responsive_table th, #kaihen .responsive_table td { text-align: left; vertical-align: top; } #kaihen .responsive_table th { white-space: nowrap; } #kaihen .v9goods { margin: 1em auto; max-width: 1080px; } #kaihen .v9goods> .row> .col-md-12 { position: relative; padding-bottom: 2em; } #kaihen .v9goods> .row> .col-md-12> .row { text-align: center; justify-content: center; } #kaihen .v9goods .item { padding: 0.5em; } #kaihen .v9goods .item a { text-decoration: none; } #kaihen .v9goods .item h5 { font-size: 1.25em; font-weight: bold; } #kaihen .v9goods .btn-more { position: absolute; bottom: 0; right: 0; } } @media screen and (max-width: 750px) { #kaihen .special { background-size: 100% auto; } .w40 { width: 90%; margin: 0 auto; padding: 0px; } .w20 { width: 70%; margin: 0 auto; padding: 0px; } #kaihen { font-family: 'Noto Sans Japanese', sans-serif; text-align: center; line-height: 1.7em; } #kaihen .title-box { padding: 0; } #kaihen h2 { font-weight: bold; } #kaihen .red { color: #1a2b3f } #kaihen .tel { font-size: 1.25em; } #kaihen .Crumb, #kaihen .news dl { max-width: 1280px; text-align: left; margin: 0 auto; } #kaihen .Crumb { display: block; } #kaihen .news dl { display: inline-block; } #kaihen .Crumb { font-size: 12px; color: #104070; padding: 0.5em; } #kaihen img.logo { display: block; max-width: 850px; margin: 10px auto 0; } #kaihen .magic { color: #FFF; padding: 5px 0; font-weight: bold; overflow: hidden; } #kaihen .magic h2 { display: inline-block; line-height: 1em; margin: 0 auto 10px; font-family: 'Anton', sans-serif; font-style: italic; -webkit-animation-duration: .7s; -webkit-animation-name: slidein; -moz-animation-duration: .7s; -moz-animation-name: slidein; -ms-animation-duration: .7s; -ms-animation-name: slidein; animation-duration: .7s; animation-name: slidein; } @-webkit-keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } @-moz-keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } @keyframes slidein { from { margin-left: 100%; width: 300%; } to { margin-left: 0%; width: 100%; } } #kaihen .news { background-color: #231815; padding: 0 0 0.4em 0; } #kaihen .news, #kaihen .news a { color: #FFF; } #kaihen .news a { text-decoration: underline; } #kaihen #sidebar { width: 100%; background-color: rgba(138, 0, 0, 1); overflow: hidden; z-index: 2; border-bottom: solid 1px #000; /* box-shadow */ box-shadow: 0px 10px 5px -6px #000000; -moz-box-shadow: 0px 10px 5px -6px #000000; -webkit-box-shadow: 0px 10px 5px -6px #000000; } #kaihen #sidebar ul li, #kaihen #sidebar ul li a { height: 40px; line-height: 40px; } #kaihen #sidebar ul li a { width: 100%; color: #fff; font-weight: bold; display: block; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; z-index: 100; background-color: rgba(138, 0, 0, 1); text-decoration: none; } #kaihen .photo section { background-color: rgba(0, 0, 0, 0.5); color: #FFF; } #kaihen table.pgm_lineup { max-width: 1000px; margin: 0 auto; } #kaihen table.pgm_lineup td, #kaihen .thum-list-02 li { background-color: #E2D7C0; color: #000; } #kaihen table.pgm_lineup td { text-align: center; } #kaihen table.pgm_lineup td img, #kaihen .thum-list-02 li img { display: block; border-bottom: solid 2px #8c8c8c; box-shadow: 0px 5px 6px -6px #231815; -moz-box-shadow: 0px 5px 6px -6px #231815; -webkit-box-shadow: 0px 5px 6px -6px #231815; margin: 0 auto 1em; } #kaihen table.pgm_lineup td h3, #kaihen table.pgm_lineup td h3 *, #kaihen .thum-list-02 li h3, #kaihen .thum-list-02 li h3 a { color: #1a2b3f; font-weight: bold; font-size: 18px; } #kaihen table.pgm_lineup td h3, #kaihen table.pgm_lineup td p, #kaihen .thum-list-02 li h3, #kaihen .thum-list-02 li p { padding: 0 1em 1em; } #kaihen table.pgm_lineup td p { text-align: left; } #kaihen table.carp_calendar { margin: 0 auto; border-collapse: collapse; } #kaihen table.carp_calendar tbody tr { background-color: #FFF; } #kaihen table.carp_calendar tbody tr:nth-child(2n+1) { background-color: #f0f3f5; } #kaihen table.carp_calendar th, #kaihen table.carp_calendar td { border: 1px solid #b8c5d2; text-align: center; vertical-align: middle; padding: 1em; } #kaihen table.carp_calendar th { background-color: #3d3d3d; } #kaihen table.carp_calendar td { color: #000; } #kaihen img.logo { width: 65%; height: auto; } #kaihen .magic { font-size: 6em; } #kaihen #sidebar ul { -js-display: flex; display: flex; justify-content: left; flex-wrap: wrap; overflow: hidden; min-height: 1%; text-align: left; width: 100%; } #kaihen #sidebar ul::after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; } #kaihen #sidebar ul li { width: 50%; display: inline-block; text-align: center; font-size: 12px; color: #c8c8c8; } #kaihen #sidebar ul li a { display: block; width: 100%; border-right: solid 1px #FFF; border-bottom: solid 1px #FFF; } #kaihen table.pgm_lineup td, #kaihen .thum-list-02 li { display: block; width: 80%; margin: 1em auto; } #kaihen section .row-contents-title { font-size: 16px; font-size: 4.26667vw !important; font-weight: bold; text-align: center; position: relative; padding: 1em 0 0.5em; } #kaihen section .row-contents-title span { padding: 0 15px; position: relative; display: inline-block; } #kaihen section .row-contents-title span:before { right: 100%; } #kaihen section .row-contents-title span:after { left: 100%; } #kaihen section .row-contents-title span:before, #kaihen section .row-contents-title span:after { position: absolute; display: block; content: ''; width: 24px; height: 2px; background: #FFF; top: 50%; transform: translateY(-50%); } #kaihen .white section .row-contents-title { color: #FF8F0A; } #kaihen .white section .row-contents-title span:before, #kaihen .white section .row-contents-title span:after { background-color: #FF8F0A; } #kaihen .box-content { padding: 8% 4.26667%; overflow: hidden; } #kaihen .box-content .left { margin-bottom: 8px; } #kaihen .box-content .right { text-align: left; } #kaihen .box-content .right h5 { font-size: 16px; font-size: 4.26667vw !important; font-weight: bold; margin-bottom: 8px; } #kaihen .movie-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #kaihen .movie-list li:nth-child(-n+2) { margin-top: 0; } #kaihen .movie-list li { width: 42%; margin: 4% 4% 0; } #kaihen .movie-list li .movie-one { display: block; background-color: white; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.08); } #kaihen .movie-list li .movie-one .movie-info { padding: 9.78593%; text-align: left; } #kaihen .movie-list li .movie-one .movie-info h3 { font-size: 13px; font-size: 3.46667vw !important; font-weight: 700; line-height: 1.15385; } #kaihen .movie-list li .movie-one .movie-info .description { display: none; } #kaihen .movie-list li .btn-more { margin-top: 20px; } #kaihen .special .col-md-12 p { padding: 1em; text-align: left; } #kaihen .btn-more a { line-height: 0.4em; } #kaihen .topics { background-color: #c7d2e0; color: #000; padding: 8% 4.26667%; text-align: left; } #kaihen .topics .thum-list-01> ul> li> a, .thum-list-01> ul> li> div { display: block; } #kaihen .topics .thum-list-01> ul> li .text .date, #kaihen .topics .thum-list-01> ul> li .text i { white-space: nowrap; } #kaihen .topics .thum-list-01> ul> li .text .title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; color: #000; } #kaihen .topics .thum-list-01> ul> li .thum { float: left; } #kaihen .topics .thum-list-02 { width: 100%; overflow: hidden; display: block; } #kaihen .topics .thum-list-02::-webkit-scrollbar { display: none; } #kaihen .topics .twitter { text-align: center; } #kaihen .responsive_table { margin: 0.5em auto 1em; } #kaihen .responsive_table th { white-space: nowrap; } #kaihen .responsive_table th, #kaihen .responsive_table td { text-align: left; vertical-align: top; display: block; width: 100%; } #kaihen .v9goods { margin: 0 auto; } #kaihen .v9goods> .row> .col-md-12 { position: relative; padding-bottom: 2em; } #kaihen .v9goods> .row> .col-md-12> .row { text-align: center; justify-content: center; } #kaihen .v9goods .item { padding: 0.5em; text-align: left; } #kaihen .box-content img, #kaihen .v9goods .item img { max-width: 300px; height: auto; display: block; margin: 0 auto; } #kaihen .v9goods .item a { text-decoration: none; } #kaihen .v9goods .item h5 { font-weight: bold; } #kaihen .v9goods .btn-more { position: absolute; bottom: 0; right: 0; } } .movie-wrap { position: relative; padding-bottom: 56.25%; /*ｱｽﾍﾟｸﾄ比 16:9の場合の縦幅*/ height: 0; overflow: hidden; } .movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .main { margin-bottom: 10em; }