.campaign-block {
margin: 1.4286em auto;
}
.campaign-block .slick-list {
margin: 0 -10px;
}
.campaign-block .slick-slide {
margin: 0 10px;
}
.campaign-box img {
max-width: 100%;
height: auto;
object-fit: cover;
}
@media only screen and (max-width:420px){
.campaign-block{
padding-left: 15px;
padding-right: 15px;
}
}
.matoi-shotengai-obi,.matoi-shotengai-obi-black {
line-height: normal;
display: flex;
padding: 15px 0;
background: var(--linear-gradient-A);
}
.matoi-shotengai-obi-black{
background:#000;
}
.matoi-shotengai-obi ul,.matoi-shotengai-obi-black ul {
display: inline-block;
margin: 0;
white-space: nowrap;
animation: FlowingText 30s linear infinite;
}
.matoi-shotengai-obi ul li,.matoi-shotengai-obi-black ul li {
display: inline-block;
margin: 0 80px 0 0;
font-family: "Futura PT Medium";
font-size: var(--fs60px);
line-height: 1;
letter-spacing: .12em;
color:#FFF;
}
@keyframes FlowingText {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-100%);
}
}
.live-product-block {
padding-bottom:38px;
}
.top-live-product-title {
display: flex;
align-items: center;
gap: 10px;
padding: 25px 0 15px;
}
.top-live-product-title img {
max-width: 130px;
}
.top-live-product-title span.site-title,.top-live-product-title span.program-title {
display: block;
font-size: var(--fs24px);
font-weight:500;
margin: .5em 0;
}
.top-live-product {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.top-live-product-movie,.top-live-product-info {
width: 50%;
}
.product-movie {
width: 100%;
height: 100%;
}
.product-movie iframe {
width: 100%;
height: 100%;
object-fit: cover;
}
.top-live-product-info {
background: #FFF;
display: flex;
flex-wrap: wrap;
align-content: space-between;
}
p.top-live-product-info-title {
font-size: var(--fs24px);
text-align: center;
padding: 8px 0;
background:var(--linear-gradient-A,linear-gradient(to right, #C500EA, #DA0B92, #B7247B));
width: 100%;
color:#FFF;
}
.top-live-product-block {
background: #FFF;
color:#000;
padding: 15px 20px;
display: flex;
gap: 35px;
}
@media only screen and (max-width:420px){
.top-live-product-title{
padding-left: 15px;
padding-right: 15px;
}
.top-live-product-title img{
max-width:100px;
}
.top-live-product-title span.program-title{
font-size: var(--fs21px);
}
}
.products_list.active {
display: flex;
gap: 35px;
}
.products_list:not(.active) {
display: none;
}
.top-live-product-main-picture {
width: 45%;
}
.top-live-product-box {
width: 55%;
}
.top-live-product-box ul {
display: flex;
gap: 10px;
margin-bottom: 12px;
}
.top-live-product-box ul li {
max-width: 50%;
}
.view-detail-wrap {
display: block;
width: 100%;
padding: 14px;
background: #FFF;
}
a.view-detail-btn {
display: block;
width: 80%;
max-width: 180px;
color: #FFF;
background: #cd158a;
padding: 6px 25px 6px 17px;
border-radius: 30px;
margin-left: auto;
margin-right:auto;
position: relative;
font-size: var(--fs21px);
font-weight: 600;
text-align: center;
}
a.view-detail-btn .chevron-right {
position: absolute;
top: 0;
bottom: 0;
right: 6px;
margin: auto;
}
p.top-live-product-name {
font-size: var(--fs18px);
height: 3.2em;
overflow: hidden;
}
@media only screen and (max-width:740px){
.top-live-product-movie, .top-live-product-info {
width: 100%;
}
}
.products-introduce-block {
background: #FFF;
color: #000;
}
p.products-introduce-title {
text-align: center;
padding: 30px 0 35px;
font-size: var(--fs24px);
font-weight: 500;
}
.products-introduce-box {
width: 90%;
max-width: 835px;
margin: auto;
}
.products-introduce-item.slick-slide, .broadcast-items-list .slick-slide, .tomorrow-programs .slick-slide{
margin: 0 5px;
}
.products-introduce-box .slick-list,.broadcast-items-list .slick-list,.tomorrow-programs .slick-list{
margin:0 -5px;
}
.products-introduce-block {
padding: 15px 0;
}
@media only screen and (max-width:460px){
.top-live-product {
flex-wrap: wrap;
}
.top-live-product-movie, .top-live-product-info {
width: 100%;
}
.top-live-product-movie {
padding: 15px;
}
}
.top-main-content-wrap {
padding: 35px 0;
background: url(//matoi-mall.com/system/wp-content/themes/welcart_basic_child/img/top-main-content-bg.png);
background-size: 100% 100%;
}
.top-main-content-block {
display: flex;
flex-flow: row-reverse;
gap: 50px;
}
.top-main-content {
width: calc(75% - 25px);
}
.top-side-content {
width: calc(25% - 25px);
}
@media only screen and (max-width:840px){
.top-main-content-block{
gap: 30px;
}
.top-main-content {
width: calc(75% - 15px);
}
.top-side-content {
width: calc(25% - 15px);
}
}
@media only screen and (max-width:860px){
.top-main-content-wrap {
background: url(//matoi-mall.com/system/wp-content/themes/welcart_basic_child/img/sp_haikei.jpg);
background-size: 100% 100%;
}
}
.top-main-box {
background: #ffffffd4;
padding: 15px 10px;
margin-bottom: 38px;
}
p.top-section-title ,p.top-section-title-white{
padding: 15px 0 30px;
text-align: center;
font-size: var(--fs18px);
font-weight: 500;
}
p.top-section-title-en{
text-align: center;
font-size: var(--fs28px);
font-weight: 500;
font-family: "Futura PT Medium";
}
p.top-section-title-white{
color:#FFF;
}
div#lvp .slick-list {
margin: 0 -5px;
}
div#lvp .slick-slide {
margin: 0 5px;
}
.top-styling-list{
display:flex;
flex-wrap:wrap;
gap:5px;
}
.top-styling-item {
width: calc(20% - (5px / 5 * 4));
}
.top-styling-item img {
width: 100%;
height: auto;
object-fit: cover;
}
@media only screen and (max-width:840px){
.top-styling-item {
width: calc(25% - (5px / 4 * 3));
}
}
@media only screen and (max-width:720px){
.top-styling-item {
width: calc(33.33% - (5px / 3 * 2));
}
}
@media only screen and (max-width:460px){
.top-styling-item {
width: calc(50% - (5px / 2 * 1));
}
} .login-register-btn-block {
margin-bottom: 33px;
display: block;
border: 1px solid #000;
}
.login-btn-wrap, .register-btn-wrap {
display: block;
background: #FFF;
padding: 30px;
text-align: center;
}
.login-btn-wrap{
border-bottom: 1px solid #000;
}
a.login-btn, a.register-btn {
display: block;
width: 85%;
max-width: 180px;
margin: auto;
padding: 9px 0;
border-radius: 30px;
color: #FFF;
font-size: var(--fs16px);
}
a.login-btn{
background: #000;
}
a.register-btn{
background: #E57893;
}
.top-side-category-block {
margin-bottom: 30px;
}
.top-side-category a {
display: block;
padding: 34px 0;
text-align: center;
background: #FFF;
margin-bottom: 2px;
font-size: var(--fs18px);
font-weight: 500;
color: #000;
}
.campaign-bnr {
margin-bottom: 20px;
}
.campaign-bnr a img {
object-fit: cover;
width: 100%;
height: auto;
}
@media only screen and (max-width:840px){
.login-btn-wrap, .register-btn-wrap {
padding: 15px;
}
}
@media only screen and (max-width:740px){
.login-register-btn-block {
display: flex;
}
.login-btn-wrap, .register-btn-wrap {
width: 50%;
padding: 15px 0;
}
.login-btn-wrap {
border-bottom: none;
border-right: 1px solid #000;
}
.top-side-category-block,.top-side-campaign-block {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.top-side-category,.campaign-bnr {
width: calc(50% - (15px / 2 * 1));
}
}
.top-programs-list-wrap {
background: url(//matoi-mall.com/system/wp-content/themes/welcart_basic_child/img/top-programs-list-bg.png);
background-size: cover;
padding: 54px 0;
}
.top-programs-list-block {
display: flex;
flex-flow: row-reverse;
}
.top-programs-list-content {
width: calc(75% - 25px);
}
.top-programs-list-title {
font-size: var(--fs24px);
font-weight: 500;
text-align: center;
margin-bottom: 35px;
}
.today-programs-list {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-top: 35px;
margin-bottom: 25px;
}
.today-programs {
background: #FFF;
width: calc(50% - (8px / 2 * 1));
padding: 100px 30px 40px;
}
.program-broadcast-time {
display: block;
position: absolute;
top: 0;
left: 0;
padding: 15px 20px;
background: #000;
color: #FFF;
font-size: var(--fs28px);
font-weight: 500;
line-height: 1.2;
}
.program-name {
font-size: var(--fs21px);
font-weight: 500;
}
.program_title{
font-size: var(--fs18px);
margin-bottom:30px;
}
p.broadcast-items {
font-size: var(--fs28px);
font-weight: 500;
margin-bottom: 35px;
}
.tomorrow-programs-list {
background: #FFF;
padding: 40px 10px 30px;
border: 1px solid #707070;
border-radius: 30px;
}
.tomorrow-program-broadcast-time {
display: block;
margin-bottom: 5px;
padding: 5px;
text-align: center;
background: #000;
color: #FFF;
font-size: var(--fs18px);
}
.tomorrow-program-thumb img{
width:100%;
height:auto;
}
.tomorrow-program-name {
font-size: var(--fs18px);
}
@media only screen and (max-width:840px){
.top-programs-list-content {
width: calc(75% - 15px);
}
}
@media only screen and (max-width:460px){
.today-programs {
width: 100%;
}
.tomorrow-programs-list {
padding: 15px 10px;
border-radius: 15px;
}
}
.site-news-block {
display: flex;
flex-flow: row-reverse;
}
.site-news-content{
width: calc(75% - 25px);
padding: 45px 0 50px;
}
.shite-news {
max-width: 600px;
margin: auto;
padding: 10px 20px;
border: 1px solid #707070;
}
.shite-news ul li a {
display: flex;
gap: 60px;
font-size: var(--fs16px);
margin: 15px 0;
color: #333;
}
span.news-date {
font-weight: 500;
}
.top-category-wrap{
background: url(//matoi-mall.com/system/wp-content/themes/welcart_basic_child/img/top-category-bg.png);
background-size: cover;
}
.top-category-block{
display: flex;
flex-flow: row-reverse;
}
.top-category-content{
width: calc(75% - 25px);
padding: 45px 0 50px;
}
.top-category-box {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.category-list {
display: block;
width: calc(33.33% - (15px / 3 * 2));
}
.category-list a {
padding: 25px;
display: block;
border: 1px solid #707070;
text-align: center;
border-radius: 15px;
font-size: var(--fs16px);
color: #333;
background: #FFF;
}
@media only screen and (max-width:840px){
.top-category-box {
justify-content: normal;
}
}
@media only screen and (max-width:720px){
.category-list a {
padding: 15px 5px;
border-radius: 5px;
}
}
@media only screen and (max-width:540px){
.category-list {
width: calc(50% - (15px / 2 * 1));
}
}
.top-contact-wrap {
background: #c3c3c3;
padding: 35px 0 75px;
}
.top-contact-block{
display: flex;
flex-flow: row-reverse;
}
.top-contact-content{
width: calc(75% - 25px);
}
.top-contact-btn-box {
display: flex;
justify-content:center;
align-items:center;
gap: 70px;
}
.top-contact-btn {
display: block;
background: #FFF;
border-radius: 25px;
padding: 10px;
width: calc(45% - (70px / 2 * 1));
max-width: 270px;
}
.top-contact-btn a {
color: #303030;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 3px 20px;
text-decoration: none;
text-align:center;
}
.top-contact-btn a.top-contact-tel span {
display: block;
width: 100%;
line-height: 1.2;
}
.top-contact-btn a.top-contact-tel span.to-call-us {
font-weight: 500;
font-size: var(--fs18px);
}
.top-contact-btn a.top-contact-tel span.free-dial {
color: #EA009C;
font-size: var(--fs25px);
font-weight: 600;
display:flex;
justify-content:center;
align-items:center;
gap:5px;
}
.top-contact-btn a.top-contact-tel span.reception-hours {
font-size: var(--fs14px);
}
.top-contact-btn a.top-contact-form {
padding: 20px 0;
font-size: var(--fs18px);
font-weight: 500;
}
.top-contact-btn a.top-contact-form svg {
width: 28px;
height: auto;
}
@media only screen and (max-width:890px){
.top-contact-btn-box {
gap: 30px;
flex-wrap: wrap;
}
}
@media only screen and (max-width:840px){
.site-news-content ,.top-category-content,.top-contact-content{
width: calc(75% - 15px);
}
.top-contact-btn {
width: calc(50% - (30px / 2 * 1));
}
}
@media only screen and (max-width:740px){
.top-main-content-block,.top-programs-list-block,.site-news-block,.top-category-block,.top-contact-block{
flex-wrap:wrap;
justify-content: center;
gap:30px;
}
.top-main-content,.top-side-content,.top-programs-list-content,.site-news-content,.top-category-content,.top-contact-content {
width: 90%;
}
.top-contact-btn {
width: 100%;
}
span.free-dial {
justify-content: center;
}
}