@charset "utf-8";
html {
font-size: 62.5%;
margin:0;
padding:0;
}
body {
margin:0;
padding:0;
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Arial, Verdana, Meiryo, sans-serif;
font-size: 1.7em;
font-size: 1.7rem;
font-feature-settings: "palt";
line-height: 1.7;
letter-spacing: 0.5px;
color: #efeeea;
background: #070000 url("../common/bk.jpg") center top / 100% 100% no-repeat fixed;
position: relative;
word-wrap: break-word;
}
.h1-title {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
#headerarea {
position: relative;
z-index: 8;
}
#footerarea {
position: relative;
z-index: 6;
}
main {
position: relative;
z-index: 5;
}
_:lang(x)::-ms-backdrop, .selector {
font-family: "Segoe UI", Meiryo, sans-serif;
}
ul li, ol li {
list-style: none;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
img {
vertical-align:bottom;
border:0;
width:100%;
line-height:0;
font-size:0;
height: auto;
backface-visibility: hidden;
}
article img {
border-radius: 1rem;
}
article #ftsponsorarea img,
.snslist img,
#programmainarea .movielist > li .photo img,
.relatebox ul li a .photo img {
border-radius: 0rem;
}
.img-wrap {
padding-bottom: 66.5%;
position: relative;
background: rgba(0,0,0,0.5);
}
.img-wrap img {
position: absolute;
object-fit: contain;
width: 100%;
height: 100%;
}
a {
color: #efeeea;
text-decoration:none;
transition: 0.3s;
}
a:hover {
color: #efeeea;
text-decoration:none;
}
#aside {
position: fixed;
top: 0;
left: 0;
z-index: 0;
width: 100%;
}
#modalarea {
position: fixed;
z-index: 1000000;
top: 0;
left: 0;
width: 100%;
background: rgba(0,0,0,0.9);
display: flex;
justify-content: center;
align-self: stretch;
align-items: center;
/*display: none;*/
height: 100%;
animation-name:fadeInAnime;
animation-duration:0.4s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeInAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
#modalarea div.box {
display: flex;
justify-content: flex-end;
position: absolute;
width: 70%;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
#modalarea .txt {
width: 100%;
margin: 0 auto;
text-align: center;
}
#modalarea p.clear {
width: 60px;
}
#modalarea p.clear img {
cursor: pointer;
}
.menu {
display : block;
position: fixed;
z-index : 9;
right :1.75rem;
top: 1.75rem;
width : 54px;
height: 54px;
cursor: pointer;
text-align: center;
border:#fff 2px solid;
border-radius: 5rem;
background: #fff;
-webkit-filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
}
.menu span {
display : block;
position: absolute;
width : 30px;
height : 3px ;
left : 10px;
background : #660000;
border-radius: 4px;
-webkit-transition: 0.5s ease-in-out;
-moz-transition : 0.5s ease-in-out;
transition : 0.5s ease-in-out;
}
.menu span:nth-child(1) {
top: 15px;
}
.menu span:nth-child(2) {
top: 24px;
}
.menu span:nth-child(3) {
top: 33px;
}
/*.menu span:nth-child(4) {
top: 35px;
font-size: 7px;
line-height: 0;
text-align: center;
color: #efeeea;
width: auto !important;
height: auto !important;
background: none;
}*/
.menu.active {
border:#fff 2px solid;
}
.menu.active span:nth-child(1) {
top: 23px;
left: 10px;
background : #660000;
-webkit-transform: rotate(315deg);
-moz-transform : rotate(315deg);
transform : rotate(315deg);
}
.menu.active span:nth-child(2),
.menu.active span:nth-child(3) {
top: 23px;
background : #660000;
-webkit-transform: rotate(-315deg);
-moz-transform : rotate(-315deg);
transform : rotate(-315deg);
}
#headerarea {
width: 100%;
height: 125px;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%);
}
.programdetailsarea #headerarea {
height: 0;
padding: 0;
}
.programdetailsarea #headerarea ul#menu-lang li {
border: #fffff6 2px solid;
}
.programdetailsarea #headerarea ul#menu-lang li a {
color: #efeeea;
}
.programdetailsarea #headerarea ul#menu-lang li+li::before {
color: #efeeea;
}
.programdetailsarea #headerarea ul#menu-lang li:nth-child(2) {
border-left: none;
}
.programdetailsarea #headerarea ul#menu-lang li:nth-child(1) {
border-right: none;
}
#headerarea #bilogo {
width: 150px;
padding: 0;
position: absolute;
top: 1.5rem;
left: 1.75rem;
/*
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
*/
-webkit-filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
}
#headerarea #hddate {
width: 770px;
padding: 0;
position: absolute;
top: 1.5rem;
left: 180px;
z-index: 3;
-webkit-filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
}
#headerarea nav {
display: none;
position: fixed;
z-index : 8 !important;
top : 0;
left : 0;
color: #efeeea;
background: rgba(30,0,0,0.9);
text-align: center;
width: 100%;
height: 100%;
opacity: 0;
overflow: auto;
}
#headerarea nav > div {
width: 100%;
height: 100%;
padding:3% 7% 3% 3%;
display: flex;
justify-content: space-between;
margin: 0 auto;
}
@media (1680px <= width) {
#headerarea nav > div {
padding:6% 7% 6% 6%;
}
}
#headerarea nav div.box:first-child {
width: 25%;
}
#headerarea nav div.box:last-child {
width: 75%;
}
#headerarea nav.active {
opacity: 100;
display: block;
}
#headerarea nav.active #logo {
max-width: none;
padding: 0;
position:static;
}
#headerarea ul#menu-lang {
position: absolute;
z-index : 3;
right :10rem;
top: 3.25rem;
display: flex;
justify-content: space-between;
-webkit-filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
}
#headerarea ul#menu-lang li {
font-size: 1.4em;
font-size: 1.4rem;
font-weight: bold;
line-height: 1;
padding-top: 0.75rem;
padding-bottom: 0.6rem;
border: #fffff6 2px solid;
}
#headerarea ul#menu-lang li:nth-child(1) {
border-radius: 3rem 0 0 3rem;
padding-left: 2rem;
border-right: none;
}
#headerarea ul#menu-lang li:nth-child(2) {
border-radius: 0 3rem 3rem 0;
padding-right: 2rem;
border-left: none;
}
#headerarea ul#menu-lang li+li::before {
display: inline-block;
padding: 0 1.25rem;
content: "|";
color: #efeeea;
font-weight: normal;
line-height: 1;
}
#headerarea ul#menu-lang li a {
color: #efeeea;
}
#headerarea ul#menu-lang li a:hover {
color: #efeeea;
}
#headerarea nav ul#lang {
width: 100%;
display: flex;
justify-content: space-between;
margin-top: 5rem;
border-radius: 3rem;
}
#headerarea nav ul#lang li {
width: 49%;
text-align: center;
border-radius: 3rem;
}
#headerarea nav ul#lang li a {
display: block;
padding: 0.5rem 0;
color: #1e1b1b;
border-radius: 3rem;
background: #fff;
border: #fff 2px solid;
}
#headerarea nav ul#lang li a:hover {
display: block;
padding: 0.5rem 0;
color: #efeeea;
border-radius: 3rem;
background: #1e1b1b;
border: #fffff6 2px solid;
}
#headerarea nav ul#lang li a.lgactive {
background: #1e1b1b;
color: #efeeea;
}
#headerarea nav ul#hdnav {
width: 100%;
margin:0;
padding: 0 0 0 5%;
display: flex;
flex-wrap: wrap;
}
#headerarea nav ul#hdnav li {
list-style-type: none;
margin: 0 0 0.5rem 0;
width: 33.33333%;
font-size: 1.7em;
font-size: 1.7rem;
text-align: left;
color: #888;
}
@media (1680px <= width) {
#headerarea nav ul#hdnav li {
margin: 0 0 2rem 0;
font-size: 1.8em;
font-size: 1.8rem;
}
}
#headerarea nav ul#hdnav li:nth-child(1) {
margin: 0 0 0.75rem 0;
font-size: 2.0em;
font-size: 2.0rem;
line-height: 1.3;
font-weight: 700;
}
@media (1680px <= width) {
#headerarea nav ul#hdnav li:nth-child(1) {
margin: 0 0 4rem 0;
font-size: 2.4em;
font-size: 2.4rem;
}
}
#headerarea nav ul#hdnav li:nth-child(5),
#headerarea nav ul#hdnav li:nth-child(6),
#headerarea nav ul#hdnav li:nth-child(7),
#headerarea nav ul#hdnav li:nth-child(8),
#headerarea nav ul#hdnav li:nth-child(9),
#headerarea nav ul#hdnav li:nth-child(10),
#headerarea nav ul#hdnav li:nth-child(11),
#headerarea nav ul#hdnav li:nth-child(12),
#headerarea nav ul#hdnav li:nth-child(16),
#headerarea nav ul#hdnav li:nth-child(17),
#headerarea nav ul#hdnav li:nth-child(18),
#headerarea nav ul#hdnav li:nth-child(19) {
border-bottom: rgba(255, 255, 255, 0.2) 1px solid;
padding-bottom:1.3rem;
margin-bottom: 1.3rem;
}
@media (1680px <= width) {
#headerarea nav ul#hdnav li:nth-child(5),
#headerarea nav ul#hdnav li:nth-child(6),
#headerarea nav ul#hdnav li:nth-child(7),
#headerarea nav ul#hdnav li:nth-child(8),
#headerarea nav ul#hdnav li:nth-child(9),
#headerarea nav ul#hdnav li:nth-child(10),
#headerarea nav ul#hdnav li:nth-child(11),
#headerarea nav ul#hdnav li:nth-child(12),
#headerarea nav ul#hdnav li:nth-child(16),
#headerarea nav ul#hdnav li:nth-child(17),
#headerarea nav ul#hdnav li:nth-child(18),
#headerarea nav ul#hdnav li:nth-child(19) {
padding-bottom:2.5rem;
margin-bottom: 2.5rem;
}
}
#headerarea nav ul#hdnav li:nth-child(9),
#headerarea nav ul#hdnav li:nth-child(11),
#headerarea nav ul#hdnav li:nth-child(21) {
width: 66%;
}
#headerarea nav ul#hdnav li:nth-child(1),
#headerarea nav ul#hdnav li:nth-child(12),
#headerarea nav ul#hdnav li:nth-child(19) {
width: 100%;
}
#headerarea nav ul#hdnav li:last-child {
padding-bottom: 0;
border-bottom: none;
}
#headerarea nav ul#hdnav li a {
padding: 0 0 0 22px;
color: #efeeea;
text-decoration :none;
background: url(../common/arrow001.svg) left top 0.3rem no-repeat;
background-size: 15px auto;
}
#headerarea nav ul#hdnav li div {
padding: 0 0 0 22px;
background: url(../common/arrow001-r.svg) left top 0.3rem no-repeat;
background-size: 15px auto;
}
#headerarea .box2 {
margin-top: 2rem;
padding: 0 0 0 5%;
display: flex;
justify-content: space-between;
}
#headerarea .box2 form {
margin: 0;
padding: 0;
width: 50%;
}
#headerarea .box2 form div {
margin: 0;
padding: 0.75rem 1rem 0.75rem 1rem;
color: #efeeea;
border-radius: 30px;
vertical-align: middle;
border: #fffff6 2px solid;
}
#headerarea .box2 form div input {
border: none;
padding: 0.5rem;
margin: 0 5px 0 0;
color: #efeeea;
background: none;
line-height: 1;
width: calc(100% - 20px - 1rem - 5px);
vertical-align: middle;
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.0;
}
#headerarea .box2 form div input:focus {
outline: none;
}
#headerarea .box2 form div input::placeholder {
color: #efeeea;
}
#headerarea .box2 form div button {
width: 20px;
padding: 0;
margin: 0;
background: none;
border: 0;
font-size: 0;
line-height: 0;
overflow: visible;
cursor: pointer;
vertical-align: middle;
}
#headerarea .snslist {
display: flex;
justify-content: flex-end;
width: 50%;
margin-top: 1rem;
}
#headerarea .snslist li {
width: 30px;
margin: 0 3%;
}
#headerarea .mail-magazine {
display: flex;
justify-content: flex-end;
margin-top: 2rem;
font-size: 1.7em;
font-size: 1.7rem;
}
#headerarea .mail-magazine a {
padding-left: 2.7rem;
background: url("../common/mail-magazine-w.svg") left center / 22px auto no-repeat;
color: #efeeea;
}
.youtubebox {
margin: 0 0 1rem 0;
padding: 0;
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
}
.youtubebox iframe,
.youtubebox object,
.youtubebox embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
#left-side-area {
position: fixed;
top: 0;
left: 0;
z-index: 3;
width: 100%;
}
#left-side-area #side-copyright {
top: 50vh;
left: 3rem;
z-index: -1;
margin-top: -150px;
position: absolute;
transform-origin: bottom left;
transform: rotate(90deg);
font-size: 1em;
font-size: 1rem;
letter-spacing: 2px;
color: #efeeea;
text-shadow: 0 0 3px rgba(255, 200, 200, 1), 0 0 6px rgba(255, 200, 200, 0.7);
}
#secmainarea {
position: relative;
}
#secmainarea.matchingarea:before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background: #070000 url("../common/bk2.jpg") center top / 100% 100% no-repeat fixed;
}
#ceremonyarea.brandedarea {
position: relative;
}
#ceremonyarea.brandedarea:before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
width:100%;
height:100vh;
background: #070000 url("../common/bk3.jpg") center top / 100% 100% no-repeat fixed;
}
#guestmainarea {
position: relative;
overflow: hidden;
z-index: 1;
}
#onlinemainarea {
position: relative;
overflow: hidden;
}
#onlinemainarea:after {
display: block;
z-index: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
background: url(../common/onlinebk.png) center top / 100% auto no-repeat;
mix-blend-mode: overlay;
}
#specialarea,
#infomainarea {
width: 100%;
position: relative;
overflow: hidden;
z-index: 1;
}
#programmainarea {
position: relative;
left: 0;
top: 0;
z-index: 0;
overflow: hidden;
}
.program-menu-list {
margin-bottom: 4rem;
width: 100%;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.program-menu-list li {
margin-bottom: 2rem;
width: 32.5%;
text-align: center;
font-size: 1.8em;
font-size: 1.8rem;
font-weight: 600;
line-height: 1.4;
letter-spacing: 2px;
}
.program-menu-list li strong {
font-size: 2.4em;
font-size: 2.4rem;
}
.program-menu-list li a {
display: block;
padding: 1.25rem 0 1rem 0;
border:#fffff6 1px solid;
border-radius: 20rem;
color: #efeeea;
background-color: rgba(0, 0, 0, 0.3);
background-position: left 2.5rem center;
background-size: 36px auto;
background-repeat: no-repeat;
}
.program-menu-list li a:hover {
background: rgba(255, 255, 255, 1);
background-position: left 2.5rem center;
background-size: 36px auto;
background-repeat: no-repeat;
color: #333;
}
.program-menu-list li a.keywords {
background-size: 32px auto;
background-image: url(../common/search-w.svg);
}
.program-menu-list li a.keywords:hover {
background-image: url(../common/search-b.svg);
}
.program-menu-list li a.programsrc {
background-image: url(../common/program-w.svg);
}
.program-menu-list li a.programsrc:hover {
background-image: url(../common/program-b.svg);
}
.program-menu-list li a.allitemsrc {
background-image: url(../common/item-w.svg);
}
.program-menu-list li a.allitemsrc:hover {
background-image: url(../common/item-b.svg);
}
#programmainarea article {
position:relative;
z-index: 2;
}
.programdetailsarea article {
padding: 120px 0 0 0;
}
.cntbkbox {
position: absolute;
width: 100%;
overflow: hidden;
z-index: 1;
}
.cntbkbox span {
display: block;
position: relative;
width: 105%;
overflow: hidden;
left: 50%;
top: 0;
transform: translate(-50%,0);
height: auto;
margin-top: -2%;
}
.cntbkbox span:before {
position: absolute;
bottom: -1%;
right: 0;
display: block;
content: "";
z-index: 1;
width: 100%;
height: 101%;
background: rgb(0, 0, 0, 0.3);
/*background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 10%);*/
}
.cntbkbox span:after {
content: "";
display: block;
padding-top: 56.25%;
z-index: -1;
background: rgb(0, 0, 0, 0.3);
/*background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%);*/
}
.cntbkbox span img {
filter: blur(2px);
position: relative;
top: -0.5%;
left: -0.5%;
width: 101%;
height: 101%;
}
#onlinearea {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 20%);
padding: 4rem 10% 0 10%;
z-index: 7;
display: flex;
justify-content: center;
align-self: stretch;
align-items: center;
/* display: none; */
}
#onlinearea div {
display: flex;
justify-content: flex-end;
}
#onlinearea p.btn {
width: 86%;
margin: 2rem auto;
text-align: center;
}
#onlinearea p.clear {
width: 60px;
}
#onlinearea p.clear img {
cursor: pointer;
}
#titlearea {
width: 100%;
padding: 7rem 5% 10rem 5%;
text-align: center;
background: url("../common/bk_ov007.png") center top / 30% auto no-repeat;
}
#titlearea .jp {
font-size: 2.4em;
font-size: 2.4rem;
font-weight: 400;
line-height: 1.0;
letter-spacing: 2px;
color: #efeeea;
text-shadow: 0px 0px 4px rgba(255, 200, 200, 0.8), 0px 0px 8px rgba(255, 200, 200, 0.6);
}
#titlearea .en {
font-size: 9em;
font-size: 9rem;
font-weight: 400;
letter-spacing: 2px;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
line-height: 1.0;
margin-bottom: 2rem;
color: #efeeea;
text-shadow: 0px 0px 4px rgba(255, 200, 200, 0.8), 0px 0px 8px rgba(255, 200, 200, 0.6);
}
#titlearea-details {
width: 100%;
padding: 7rem 5% 5rem 5%;
text-align: center;
}
#titlearea-details p {
font-size: 2.6em;
font-size: 2.6rem;
font-weight: 400;
line-height: 1.4;
color: #efeeea;
}
#titlearea-details h1,
#titlearea-details h1.en {
font-size: 5.4em;
font-size: 5.4rem;
font-weight: 700;
letter-spacing: 0;
line-height: 1.4;
margin-bottom: 1.25rem;
color: #efeeea;
}
#contentsarea {
padding: 12rem 6.5% 10rem 6.5%;
margin: 0 0 10rem 0;
position:relative;
color: #efeeea;/*clr*/
background: rgb(35,10,20);
background: linear-gradient(0deg, rgba(35,10,20,0) 0%, rgba(35,10,20,0.8) 2%, rgba(35,10,20,0.8) 98%, rgba(35,10,20,0) 100%);
}
.programdetailsarea #contentsarea {
padding: 0rem 6.5% 10rem 6.5%;
position:relative;
color: #efeeea;/*clr*/
/*background: rgb(35,10,20);
background: linear-gradient(0deg, rgba(35,10,20,0) 0%, rgba(35,10,20,0.8) 2%, rgba(35,10,20,0.8) 50%, rgba(0,0,0,0.8) 75%, rgba(0,0,0,1) 78%, rgba(0,0,0,1) 92%, rgba(0,0,0,0) 100%);*/
background: rgb(35,10,20);
/*background: linear-gradient(0deg, rgba(35,10,20,0) 0%, rgba(35,10,20,0.8) 2%, rgba(35,10,20,0.8) 50%, rgba(35,10,20,0.8) 75%, rgba(35,10,20,1) 78%, rgba(35,10,20,1) 92%, rgba(35,10,20,0) 100%);*/
background: linear-gradient(180deg,rgba(0, 0, 0, 0) 0%, rgba(17, 5, 10, 1) 4%, rgba(17, 5, 10, 1) 15%, rgba(35, 10, 20, 0.8) 30%, rgba(35, 10, 20, 0.8) 90%, rgba(35, 10, 20, 0) 100%);
}
.brandedarea #contentsarea {
padding: 12rem 6.5% 10rem 6.5%;
margin: 0 0 10rem 0;
position:relative;
color: #efeeea;/*clr*/
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 5%, rgba(0,0,0,0.6) 98%, rgba(0,0,0,0) 100%);
}
#contentsarea .link a {
background: url(../common/arrow001-w.svg) left top 0.3rem no-repeat;
background-size: 12px auto;
padding-left: 18px;
}
#contentsarea .link a:hover {
background: url(../common/arrow001.svg) left top 0.3rem no-repeat;
background-size: 12px auto;
padding-left: 18px;
}
#contentsarea a.txtlink {
text-decoration: underline;
}
#contentsarea > header {
margin: 18rem 0 8rem 0;
padding-top: 10rem;
padding-bottom: 5rem;
color: #efeeea;
text-align: center;
letter-spacing: 2px;
background: url("../common/bk_ov008.png") center top / 100% auto no-repeat;
}
#contentsarea > header:first-of-type {
margin: 0 0 8rem 0;
}
#schedulearea #contentsarea > header:first-of-type {
margin-top: 16rem !important;
}
#contentsarea header p {
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#contentsarea header.h2title {
margin: 0 0 8rem 0;
padding-top: 10rem;
padding-bottom: 5rem;
color: #efeeea;
text-align: center;
background: url("../common/bk_ov008.png") center top / 100% auto no-repeat;
}
#contentsarea h2,
#contentsarea h1 {
font-size: 4.4em;
font-size: 4.4rem;
line-height: 1.5;
font-weight: 600;
color: #efeeea;/*clr*/
letter-spacing: 3px;
text-shadow: 0px 0px 4px rgba(255, 200, 200, 0.8), 0px 0px 8px rgba(255, 200, 200, 0.6);
}
#contentsarea h2 a,
#contentsarea h1 a,
#contentsarea h3 a,
#contentsarea h4 a,
#contentsarea h5 a {
color: #efeeea;
}
#contentsarea p.en {
margin-top: 1rem;
font-size: 2.0em;
font-size: 2.0rem;
font-weight: 600;
color: #efeeea;
text-shadow: 0px 0px 4px rgba(255, 200, 200, 0.8), 0px 0px 8px rgba(255, 200, 200, 0.6);
}
#contentsarea.details-area h2,
#contentsarea h3 {
font-size: 3.4em;
font-size: 3.4rem;
line-height: 1.4;
margin: 0 0 3rem 0;
color: #efeeea;/*clr*/
color:#dbd7ad;
text-shadow: 0px 0px 0px rgba(255, 200, 200, 0), 0px 0px 0px rgba(255, 200, 200, 0);
}
#contentsarea.details-area h2 a,
#contentsarea h3 a {
color:#dbd7ad;
}
#contentsarea.details-area h2 span,
#contentsarea h3 span {
font-size: 1.8em;
font-size: 1.8rem;
vertical-align:baseline;
}
#contentsarea.details-area h3,
#contentsarea h4 {
position: relative;
font-size: 2.8em;
font-size: 2.8rem;
letter-spacing: 1px;
font-weight: 600;
line-height: 1.4;
margin: 4rem 0 2rem 0;
padding: 0rem 0 0rem 0.7em;
border: none;
color: #efeeea;/*clr*/
}
#specialarea #contentsarea.details-area .cntbox h3,
#specialarea #contentsarea .cntbox h4 {
padding: 0;
}
#contentsarea h4 span {
font-size:small;
vertical-align:baseline;
margin-left: 0.3rem;
margin-right: 0.3rem;
}
#contentsarea.details-area h3::before,
#contentsarea h4::before {
position: absolute;
top: -0.2rem;
left: 0;
z-index: 2;
content: "";
display: block;
width: 5px;
height: 100%;
border-radius: 1rem;
background: #999966;
}
#specialarea #contentsarea.details-area .cntbox h3::before,
#specialarea #contentsarea .cntbox h4::before {
display: none;
}
#contentsarea.details-area h4,
#contentsarea h5 {
font-size: 2.2em;
font-size: 2.2rem;
line-height: 1.4;
margin: 4rem 0 2.5rem 0;
padding: 0.75rem 1.5rem;
background: rgba(153, 153, 102, 0.4);
border-radius: 0.3rem;
border-top: none;
border-bottom: none;
color: #efeeea;/*clr*/
}
#contentsarea.details-area h4 {
margin: 2.5rem 0 2.5rem 0;
}
#contentsarea.details-area h4::before {
display: none;
}
#contentsarea.details-area h5 {
position: relative;
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.4;
font-weight: normal;
margin: 4rem 0 2.5rem 0;
padding: 0.75rem 0 0.75rem 1.5rem;
border-radius: 0;
background: none;
border-bottom: #999966 1px dotted;
}
#contentsarea.details-area h5::before {
position: absolute;
top: 0.4rem;
left: 0;
z-index: 2;
content: "";
display: block;
width: 4px;
height: 3rem;
border-radius: 1rem;
background: #999966;
}
#contentsarea.details-area .cntbox h3 {
margin-top: 0;
}
#contentsarea .cntbox .head-title {
position: relative;
font-size: 1.85em !important;
font-size: 1.85rem !important;
line-height: 1.4 !important;
font-weight: bold !important;
margin: 4rem 0 1.5rem 0 !important;
padding: 0rem 1.5rem 0rem 2.25rem !important;
background: none !important;
border: none !important;
color: #fffff6 !important;
}
#contentsarea .cntbox .head-title:before {
position: absolute;
top: 0.5rem;
left: 0;
z-index: 2;
content: "";
display: block;
width: 1.4rem;
height: 1.4rem;
border-radius: 3rem;
background: #999966;
}
#contentsarea .cntbox .head-title2 {
position: relative;
font-size: 2em !important;
font-size: 2rem !important;
line-height: 1.4 !important;
font-weight: bold !important;
margin: 0 0 0.5rem 0 !important;
padding: 1rem 0 !important;
background: #999966;
background: linear-gradient(180deg,rgba(153, 153, 102, 0.2) 0%, rgba(153, 153, 102, 0) 100%);
border: none !important;
color: #dbd7ad !important;
}
#contentsarea .cntbox .head-title2::before,
#contentsarea .cntbox .head-title2::after {
display: none !important;
}
/*#contentsarea h5::after {
position: absolute;
top: 0.75rem;
left: 0;
z-index: 2;
content: '●';
color: #efeeea;
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1;
}*/
#contentsarea p.lead {
font-size: 2.0em;
font-size: 2.0rem;
margin-bottom: 1.5rem;
}
#contentsarea p {
margin-bottom: 1.5rem;
font-size: 1.7em;
font-size: 1.7rem;
line-height: 1.7;
}
#contentsarea .eventvenue {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
margin: 0;
padding: 0;
display: flex;
justify-content:flex-end;
}
#contentsarea .eventvenue span.on {
display: inline-block;
background: #9c259c url(../common/online.svg) left 1.25rem center no-repeat;
background-size: 16px auto;
padding: 0.3rem 1.5rem 0.2rem 3.5rem;
border-radius: 2rem;
}
#contentsarea .eventvenue span.on span{
background: #7c0606;
padding: 0 0.5rem;
margin-left: 0.5rem;
border-radius: 2px;
}
#contentsarea .eventvenue span.off {
display: inline-block;
background: #13399a url(../common/offline.svg) left 1.25rem center no-repeat;
background-size: 16px auto;
padding: 0.3rem 1.5rem 0.2rem 3.5rem;
border-radius: 2rem;
}
.eventvenue-list {
display: flex;
justify-content: flex-end;
flex-wrap:wrap;
}
.eventvenue-list li {
margin: 0 0 1rem 1rem !important;
}
.eventvenue-list li span.in-person {
display: inline-block;
background: #13399a url(../common/in-person.svg) left 1.25rem center no-repeat;
background-size: 16px auto;
padding: 0.3rem 1rem 0.2rem 4rem;
border-radius: 2rem;
}
.eventvenue-list li span.on {
display: inline-block;
background: #9c259c url(../common/online-event.svg) left 1.25rem center no-repeat;
background-size: 16px auto;
padding: 0.3rem 1rem 0.2rem 4rem;
border-radius: 2rem;
}
.eventvenue-list li span.on span{
background: #330033;
padding: 0 0.5rem;
margin-left: 0.5rem;
border-radius: 2px;
}
.eventvenue-list li span.off {
display: inline-block;
background: #6b386b url(../common/offline-event.svg) left 1.25rem center no-repeat;
background-size: 16px auto;
padding: 0.3rem 1rem 0.2rem 4rem;
border-radius: 2rem;
}
.onlinecomment {
margin-bottom: 4rem !important;
font-size: 1.8em !important;
font-size: 1.8rem !important;
text-align: center;
}
.onlinecomment span {
position: relative;
display: inline-block;
padding: 0 25px;
}
.onlinecomment span:before,
.onlinecomment span:after {
content: '';
position: absolute;
top: 45%;
display: inline-block;
width: 20px;
height: 2px;
background-color: #efeeea;
}
.onlinecomment span:before {
left:0;
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
}
.onlinecomment span:after {
right: 0;
-webkit-transform: rotate(-60deg);
transform: rotate(-60deg);
}
#cnthdarea {
padding:1.5rem 0 0 0;
display: flex;
justify-content: space-between;
}
.programdetailsarea #cnthdarea {
padding:1.5rem 7% 0 7%;
display: flex;
justify-content: space-between;
}
#cnthdarea div {
display: flex;
align-items: center;
}
#cnthdarea .top-category {
padding: 0.5rem 1.5rem;
font-size: 1.6em;
font-size: 1.6rem;
font-weight: normal;
background: #fff;
color: #1e1b1b;
border-radius: 0.5rem 0 0 0.5rem;
border:#fff 1px solid;
}
#cnthdarea .top-category a {
color: #1e1b1b;
}
#cnthdarea .category {
font-size: 1.4em;
font-size: 1.4rem;
font-weight: normal;
}
#cnthdarea .program {
padding: 0.5rem 1.5rem;
font-size: 1.6em;
font-size: 1.6rem;
font-weight: normal;
border-radius: 0 0.5rem 0.5rem 0;
border:#fff 1px solid;
background: rgba(0,0,0,0.2);
}
#cnthdarea .category span,
#cnthdarea .program span {
border-radius: 3px 0 0 3px;
margin-right: 5px;
/*font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;*/
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#cnthdarea .awardwinner {
margin: 0;
padding: 0;
line-height: 0;
}
#cnthdarea .awardwinner img {
height: 45px;
width: auto;
}
.cntlabelbox {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
}
.cntlabelbox div {
display: flex;
align-items: center;
}
.cntlabelbox2 {
display: flex;
justify-content:flex-end;
align-items: center;
margin-bottom: 4rem;
}
.cntlabelbox2 .guest {
margin: 0 1rem 0 0 !important;
background: #ae5200;
color: #efeeea;
padding: 0.3rem 1rem 0.2rem 1rem;
border-radius: 2px;
}
.catchcopy {
font-size: 2.2em !important;
font-size: 2.2rem !important;
margin: 0 1rem 0 0 !important;
color: #dbd7ad;
}
.movielabel {
display: flex;
justify-content:flex-start;
flex-grow: 2;
}
.movielabel li {
border: #dbd7ad 1px solid;
color: #dbd7ad;
padding: 0.2rem 0.8rem 0.1rem 0.8rem;
border-radius: 2px;
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1.6;
margin-right: 0.8rem;
}
.program-taglist {
width: 100%;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 1rem;
}
.program-taglist li {
margin-right: 1.75rem;
white-space: nowrap;
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1;
letter-spacing: 1px;
margin-bottom: 0.75rem;
}
.program-taglist a {
padding: 0.6rem 1rem 0.7rem 1rem;
position: relative;
display: inline-block;
color: #efeeea;
background:#1b407e;
border-right: #3a5c95 1px solid;
border-bottom: #3a5c95 1px solid;
border-radius: 0 3px 3px 0;
}
.program-taglist a:before {
position: absolute;
top: 0;
left: -1.1rem;
content: '';
border-width: 1.3rem 1.1rem 1.3rem 0;
border-style: solid;
border-color: transparent #1b407e transparent transparent;
transition: 0.3s;
}
.program-taglist a:after {
position: absolute;
top: calc(50% - 3px);
left: -5px;
width: 5px;
height: 5px;
content: '';
border-radius: 50%;
background: #1e1b1b;
transition: 0.3s;
}
.program-taglist a:hover {
background: #3367bd;
}
.program-taglist a:hover:before {
border-color: transparent #3367bd transparent transparent;
}
#contentsarea .eventdate {
margin: 0;
font-size: 4.4em;
font-size: 4.4rem;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
line-height: 1;
letter-spacing: 1px;
vertical-align: middle;
}
#contentsarea .eventdate span {
font-size: 2.2em;
font-size: 2.2rem;
margin-left: 1rem;
vertical-align: middle;
letter-spacing: 1px;
}
#eventlinkbtn {
position: fixed;
top: 170px;
right: 0;
z-index: 10000;
}
#eventlinkbtn li {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-weight: bold;
list-style: none;
text-align: center;
letter-spacing: 1px;
border-radius: 5px 0 0 5px;
margin-top:0;
margin-bottom: 0.5rem;
font-size: 1.5em;
font-size: 1.5rem;
line-height: 1.65;
}
#eventlinkbtn li span {
display: block;
font-size: 1.4em;
font-size: 1.4rem;
/*font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;*/
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
line-height: 1.0;
letter-spacing: 2px;
}
#eventlinkbtn li a {
text-align: center;
display: block;
color: #1e1b1b;
border-radius: 5px 0 0 5px;
transition: 0.3s;
padding: 5.75rem 1rem 1.5rem 1rem;
background-color: rgb(249,185,72);
background-position: center top 1.5rem, left top;
background-size: 35px auto, cover;
background-repeat: no-repeat, no-repeat;
}
#eventlinkbtn li a:hover {
transform: translate(3px,0px);
}
#eventlinkbtn li.play a {
background-image: url("../common/play-b.svg"), url("../common/btnbk.jpg");
}
#eventlinkbtn li.reminder a {
background-image: url("../common/reminder-b.svg"), url("../common/btnbk.jpg");
}
#eventlinkbtn li.ticket a {
padding: 4.5rem 1rem 1.5rem 1rem;
background-image: url("../common/ticket-b.svg"), url("../common/btnbk.jpg");
}
.btn-hidden {
visibility: hidden;
opacity: 0;
transition: 0.3s;
}
.textbox {
display: flex;
justify-content: space-between;
overflow-wrap: break-word;
}
.textbox2 {
margin-top: 3rem;
overflow-wrap: break-word;
}
#eventarea .introbox {
background: #fff;
color: #444;
border-radius: 1rem;
padding: 5rem 5%;
}
#eventarea .introbox a {
color: #333;
text-decoration: underline dotted #888;
}
#eventarea .introbox a:hover {
color: #1e1b1b;
text-decoration: underline solid #888;
}
.introbox .textbox .photo {
width: 40%;
order: 2;
}
.introbox .textbox .text {
width: 56%;
order: 1;
}
#eventarea .introbox .textbox .text p {
line-height: 2.0 !important;
margin-bottom: 2rem !important;
letter-spacing: 1px;
}
#eventarea .introbox .textbox .text ul {
margin: 1rem 0 0.5rem 2rem;
}
#eventarea .introbox .textbox .text ul li {
margin: 0 0 0.5rem 0;
list-style-type: disc;
}
#eventarea .introbox .textbox .text ol {
margin: 1rem 0 0.5rem 2rem;
}
#eventarea .introbox .textbox .text ol li {
margin: 0 0 0.5rem 0;
list-style-type: decimal;
}
.introbox.box-l .textbox .photo {
width: 58%;
}
.introbox.box-l .textbox .photo .thumbnail img {
border-radius: 1rem;
}
.introbox.box-l .textbox .photo p {
margin: 0;
}
.introbox.box-l .textbox .text {
width: 38%;
display: flex;
flex-direction: column;
align-items: stretch;
}
.introbox .textbox .info {
font-size: 1.4em;
font-size: 1.4rem;
}
.introbox .textbox .summary {
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.7;
margin-bottom: 1rem;
}
.introbox .textbox .info dt,
.introbox .textbox .info dd {
padding: 0.8rem 0 0.8rem 0.8rem !important;
}
#contentsarea .mature {
flex-grow: 2;
background: url(../common/mature.svg) left top 0.3rem no-repeat;
background-size: 18px auto;
padding: 0 0 0 2.4rem;
margin: 0 0 1rem 0;
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.5;
vertical-align: text-bottom;
}
#contentsarea .mature span {
font-size: 1.2em;
font-size: 1.2rem;
vertical-align: text-bottom;
letter-spacing: 0.2px;
color: #ccc;
}
.cntbox-l {
margin-top: 18rem;
border-radius: 1rem;
}
.cntbox {
position: relative;
overflow: hidden;
background: rgb(0,0,0, 0.5);
/*background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);*/
border-top: #999966 3px solid;
border-left: rgba(153, 153, 102, 0.4) 1px solid;
border-right: rgba(153, 153, 102, 0.4) 1px solid;
border-bottom: rgba(153, 153, 102, 0.6) 2px solid;
padding: 3rem 5rem;
margin-top: 4rem;
border-radius: 1rem;
}
.cntbox::before {
position: absolute;
top: -5px;
left: 20%;
width: 60%;
height: 10px;
content: "";
display: block;
background-image: linear-gradient(90deg, #999966, #dbd7ad, #999966);
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% 100%;
border-radius: 50%;
}
#specialarea .cntbox {
padding: 3rem 4rem;
}
.cntbox header:first-child {
margin-top: 2rem;
}
.cntbox-s {
background: rgba(105, 90, 60, 0.3);
padding: 1rem 2rem;
margin-top: 1rem;
border-radius: 1rem;
}
.cntbox-s h3:first-child,
.cntbox-s h4:first-child,
.cntbox-s h5:first-child {
margin-top: 2rem !important;
}
#ceremonyarea .cntbox header,
#eventarea .cntbox header,
#specialarea .cntbox header,
#guestmainarea .cntbox header,
#secmainarea.matchingarea .cntbox.evntbox header,
#programmainarea .cntbox header,
#programmainarea .relatebox header {
margin: 0 0 3rem 0;
text-align: center;
}
#ceremonyarea .cntbox header p,
#eventarea .cntbox header p,
#specialarea .cntbox header p,
#specialarea .cntbox header h3.en,
#guestmainarea .cntbox header p,
#secmainarea.matchingarea .cntbox.evntbox header p,
#secmainarea.matchingarea .cntbox header h3.en,
#eventarea .cntbox header h3.en,
#guestmainarea .cntbox header h3.en,
#programmainarea .cntbox header p,
#programmainarea .relatebox header p,
#programmainarea .cntbox header h3.en,
#programmainarea .relatebox header h3.en,
#ceremonyarea .cntbox header h3.en {
font-size: 5em !important;
font-size: 5rem !important;
font-weight: normal;
/*font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;*/
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
line-height: 1.0;
margin: 0 0 1rem 0 !important;
}
#ceremonyarea .cntbox header h3,
#eventarea .cntbox header h3,
#specialarea .cntbox header h3,
#guestmainarea .cntbox header h3,
#secmainarea.matchingarea .cntbox.evntbox header h3,
#programmainarea .cntbox header h3,
#programmainarea .relatebox header h3 {
font-size: 2.2em;
font-size: 2.2rem;
line-height: 1.0;
letter-spacing: 1px;
font-weight: normal;
margin: 0 0 0.3rem 0 !important;
background: none;
border: none;
padding: 0;
color: #efeeea;/*clr*/
}
#ceremonyarea .cntbox header h3::after,
#eventarea .cntbox header h3::after,
#specialarea .cntbox header h3::after,
#guestmainarea .cntbox header h3::after,
#secmainarea.matchingarea .cntbox.evntbox header h3::after,
#programmainarea .cntbox header h3::after,
#programmainarea .relatebox header h3::after {
display: none;
}
#ceremonyarea .cntbox header h3 span,
#eventarea .cntbox header h3 span,
#specialarea .cntbox header h3 span,
#guestmainarea .cntbox header h3 span,
#secmainarea.matchingarea .cntbox.evntbox header h3 span,
#programmainarea .cntbox header h3 span,
#programmainarea .relatebox header h3 span {
font-size: 1.8em;
font-size: 1.8rem;
}
#programmainarea .cntbox header h3 {
font-size: 2.0em;
font-size: 2.0rem;
line-height: 1.5;
letter-spacing: 2px;
background: none;
border: none;
padding: 0;
}
#programmainarea .cntbox.screeningbox header h3 {
color: #1e1b1b;
}
.cntbox h4 {
font-size: 2.2em;
font-size: 2.2rem;
font-weight: normal;
margin-top: 0;
margin-bottom: 1.5rem;
}
#guestmainarea .cntbox h4 {
margin-top:0;
}
#eventarea .cntbox h4 {
margin-top:0;
}
#ticketarea .cntbox h4 {
margin-top:1.5rem;
}
.cntbox h5 {
font-size: 1.8em;
font-size: 1.8rem;
font-weight: normal;
margin-bottom: 0.5rem;
}
#ticketarea .cntbox h5 {
margin-top:0;
}
.cntbox .comment {
margin-top: 3rem;
background: rgba(255,255,255,0.1);
padding: 1.5rem;
}
.cntbox .comment p {
line-height: 1.6;
}
.cntbox .comment p:last-child {
margin-bottom: 0;
}
.commentbox p {
font-size:2.4em !important;
font-size: 2.4rem !important;
}
.cntbox .textbox .photo {
width: 25%;
order: 2;
}
.cntbox .textbox .text {
width: 71%;
order: 1;
}
.cntbox .textbox .photo2 {
width: 35%;
order: 2;
}
.cntbox .textbox .text2 {
width: 61%;
order: 1;
}
.snslist {
display: flex;
}
.snslist li {
width: 24px;
margin-right: 2rem;
}
.textbox2 table tbody th:first-child {
font-weight: normal;
width: 8%;
background: rgba(0, 0, 0, 0.1);
}
.moviebox {
margin: 1rem 0 0 0;
}
.moviebox p {
margin: 0 !important;
}
.moviebox a {
position: relative;
display: block;
color: #efeeea;
width: 100%;
height: 100%;
border-radius: 5px;
}
.moviebox .playbtn {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.moviebox .playbtn span {
display: block;
position: absolute;
right: 1.5rem;
bottom: 1.5rem;
width: 8%;
}
.moviebox .playbtn img {
filter: drop-shadow(0px 0px 10px #1e1b1b000);
}
.moviebox .thumbnail {
border-radius: 5px;
}
.relatebox {
border: rgba(153, 153, 102, 1) 5px solid;
padding: 5rem 8rem;
margin: 8rem 0;
border-radius: 2rem;
}
.relatebox header {
margin: 0 0 3rem 0;
text-align: center;
}
.relatebox header p {
font-size: 5em;
font-size: 5rem;
font-weight: bold;
/*font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;*/
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
line-height: 1.0;
margin-right: 0 2rem 1rem 0;
}
.relatebox header h3 {
font-size: 2.0em;
font-size: 2.0rem;
line-height: 1.5;
letter-spacing: 2px;
}
.relatebox ul {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
.relatebox ul li {
display: flex;
width: 32.666666%;
margin-right: 1%;
margin-bottom: 1rem;
}
.relatebox ul li:nth-child(3n) {
margin-right: 0;
}
.relatebox ul li a {
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
padding: 1rem;
background: rgba(153, 153, 102, 0.4);
border-radius: 0.5rem;
}
.relatebox ul li a .photo {
display: flex;
align-items: center;
width: 30%;
margin: 0;
background: #111;
}
.relatebox ul li a .text {
width: 67%;
}
.relatebox ul li a .text h4 {
font-size: 1.6em !important;
font-size: 1.6rem !important;
line-height: 1.4 !important;
font-weight: normal;
margin-bottom: 0.5rem !important;
padding: 0 !important;
}
.relatebox ul li a .text h4::after {
display: none;
}
.relatebox ul li a:hover .text h4 {
color: #fffff6 !important;
}
.relatebox ul li a .text p {
font-size: 1.2em !important;
font-size: 1.2rem !important;
line-height: 1.4 !important;
margin: 0 !important;
}
.infobox {
margin: 2rem 0 0 0;
}
.infobox a {
color: #efeeea;
text-decoration:underline;
}
.infobox a:hover {
color: #efeeea;
text-decoration:none;
}
.infobox p {
margin: 0rem 0 2rem 0;
}
.infobox p strong {
font-size: 120%;
}
.infobox img {
padding: 0 25% 0 25%;
width: 100%;
background: rgba(0, 0, 0, 0.2);
}
.screeningbox {
color: #1e1b1b;
background: #e8e5db;
border: none;
}
.screeningbox a {
color: #1e1b1b;
}
#programmainarea .screeningbox h4 {
font-size: 1.6em;
font-size: 1.6rem;
background: #1e1b1b;
padding: 0.75rem 1rem 0.65rem 1rem;
color: #efeeea;
margin: 0;
border-radius: 1rem 1rem 0 0;
}
.screeningbox .textbox2 table {
border-radius: 0 0 1rem 1rem;
margin-bottom: 1.75rem;
}
.screeningbox .textbox2 table tbody th:first-child {
width: 25%;
}
.screeningbox .textbox2 table tbody td {
padding: 1.5rem 1rem;
text-align: center;
vertical-align: middle;
background: #fff;
}
.screeningbox .textbox2 table tbody tr td:nth-child(1) {
width: 30%;
}
.screeningbox .textbox2 table tbody tr td:nth-child(2) {
width: 40%;
}
.screeningbox .textbox2 table tbody tr td:nth-child(3) {
width: 30%;
}
#contentsarea .screeningbox p.link {
font-size: 1.75em;
font-size: 1.75rem;
}
#contentsarea .screeningbox .link a {
color: #efeeea;
display: block;
background: #1e1b1b url(../common/arrow001.svg) left 1.75rem top 2rem no-repeat;
background-size: 15px auto;
border-radius: 3rem;
padding: 1.25rem 3rem 1.25rem 4rem;
white-space: nowrap;
}
#contentsarea .screeningbox .link a:hover {
color: #efeeea;
background: rgb(170, 0, 0, 1) url(../common/arrow001.svg) left 1.75rem top 2rem no-repeat;
background-size: 15px auto;
}
#contentsarea .screeningbox h3 {
color: #efeeea;
}
#contentsarea .screeningbox .guest,
#contentsarea .screeningbox .event {
margin: 0.3rem 0 0 0 !important;
text-align: center;
color: #fff !important;
font-size: 1.3em !important;
font-size: 1.3rem !important;
line-height: 1.0 !important;
letter-spacing:1px;
}
#contentsarea .screeningbox .guest a {
display: inline-block;
padding: 0.75rem 2rem;
border-radius: 3rem;
background: #ae5200;
color: #fff !important;
}
#contentsarea .screeningbox .event a {
display: inline-block;
padding: 0.75rem 2rem;
border-radius: 3rem;
background: #5f874b;
color: #fff !important;
}
.nikonbox {
border:#fffff6 1px solid;
}
#contentsarea .update {
padding-right: 18px;
font-size: 1.4em;
font-size: 1.4rem;
text-align: right;
background: url(../common/update.svg) right top 0.6rem no-repeat;
background-size: 15px auto;
}
.eventlinklist {
width: 100%;
margin: 0;
padding: 10rem 0 0 0;
display: flex;
flex-direction: row;
align-content: stretch;
align-items: stretch;
justify-content: space-between;
flex-wrap: wrap;
}
.eventlinklist li {
list-style: none;
margin: 0 0 3rem;
padding: 0;
text-align: center;
width: 49%;
box-shadow: 0 5px 0 rgba(0,0,0,1);
border-radius: 1.25rem;
}
.eventlinklist li a {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
color: #1e1b1b;
transition: 0.3s;
border-radius: 1rem;
padding: 3rem 3rem 2rem 3rem;
}
.eventlinklist li .btn {
width: 100%;
margin-bottom: 1rem !important;
font-size: 4em !important;
font-size: 4rem !important;
font-weight: 800 !important;
letter-spacing: 2px;
line-height: 1.6;
text-shadow: 0 -2px 0 rgba(255,255,255,0.5);
}
.eventlinklist li.play a {
background: rgb(249,185,72);
background: url(../common/play-b.svg) left 4rem top 5rem / 60px auto no-repeat, url("../common/logo.svg") right 2.5rem top 2.5rem / 100px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
.eventlinklist li.reminder a {
background: rgb(249,185,72);
background: url(../common/reminder-b.svg) left 4rem top 5rem / 60px auto no-repeat, url("../common/logo.svg") right 2.5rem top 2.5rem / 100px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
.eventlinklist li.ticket a {
background: rgb(249,185,72);
background: url(../common/ticket-b.svg) left 4rem top 5rem / 75px auto no-repeat, url("../common/logo.svg") right 2.5rem top 2.5rem / 100px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
/*#programmainarea .eventlinklist li.play a {
background: rgb(249,185,72);
background: url(../common/play-b.svg) left 6rem center / 55px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
#programmainarea .eventlinklist li.reminder a {
background: rgb(249,185,72);
background: url(../common/reminder-b.svg) left 6rem center / 55px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
#programmainarea .eventlinklist li.ticket a {
background: rgb(249,185,72);
background: url(../common/ticket-b.svg) left 6rem center / 60px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}*/
.eventlinklist li a:hover {
transform: translate(0px,5px);
}
.eventlinklist .info {
text-align: left;
width: 100%;
/*border-left: 6px #000 dotted;*/
}
.eventlinklist .info dt {
margin-bottom: 0rem !important;
color: #efeeea;
border-radius: 0.5rem 0 0 0.5rem;
width: 22% !important;
text-align: center;
}
.eventlinklist .info dd {
background: none !important;
color: #1e1b1b;
width: 78% !important;
border-radius: 0 0.5rem 0.5rem 0;
margin-bottom: 0rem !important;
}
.eventlinklist .btn span {
display: block;
font-size: 2.4em;
font-size: 2.4rem;
/*font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;*/
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
line-height: 1.0;
letter-spacing: 2px;
margin-bottom: 0.5rem;
}
.guestlist {
}
.guestlist li {
color: #efeeea;
background: #111;
border-radius: 1rem;
margin-bottom: 3rem;
}
.guestlist li a {
width: 100%;
display: flex;
justify-content: space-between;
background: #111;
border-radius: 1rem;
}
.guestlist li .photo {
position: relative;
width: 35%;
overflow: hidden;
border-radius: 0;
}
.guestlist li a:hover .photo {
position: relative;
overflow: hidden;
}
.guestlist li a .photo img {
transition-duration: 0.3s;
}
.guestlist li a:hover .photo img {
transform: scale(1.1);
transition-duration: 0.3s;
}
.guestlist li .photo:before {
content: "";
display: block;
padding-top: 75%;
}
.guestlist li .photo span {
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.guestlist li .info {
padding: 2rem 2rem 1.5rem 2rem;
color: #efeeea;
width: 65%;
position: relative;
top: 0;
left: 0;
z-index: 1;
}
.guestlist li .date {
margin: 0 0 0.5rem 0 !important;
font-size: 5em !important;
font-size: 5rem !important;
font-weight: 700 !important;
line-height: 1.4 !important;
}
.guestlist li .date span {
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.6;
vertical-align: baseline;
margin-left: 1rem;
}
.guestlist li .title {
font-size: 2.0em !important;
font-size: 2.0rem !important;
line-height: 1.4 !important;
font-weight: normal;
margin: 1rem 0 1.5rem 0 !important;
padding: 0 !important;
border: none !important;
background: none !important;
flex-grow: 3;
}
.guestlist li .title::before {
display: none !important;
}
.guestlist li .description {
margin-bottom: 1rem;
flex-grow: 2;
}
.guestlist li .description p {
font-size: 1.6em;
font-size: 1.6rem;
margin: 0 0 0.3rem 0 !important;
}
.guestlist li .update {
margin-top: 1.5rem;
padding-right: 18px;
font-size: 1.2em;
font-size: 1.2rem;
text-align: right;
background: url(../common/update.svg) right top 0.2rem no-repeat;
background-size: 15px auto;
}
.guestlist li .link {
margin-top: 1rem;
font-size: 1.4em !important;
font-size: 1.4rem !important;
text-align: center;
display: flex;
justify-content: flex-end;
}
.guestlist li .link span {
border: #fff 1px solid;
padding: 0.8rem 2.5rem 0.8rem 3.5rem;
background: url(../common/arrow001-w.svg) left 1.5rem center no-repeat;
background-size: 13px auto;
transition: 0.3s;
border-radius: 4rem;
}
.guestlist li a:hover .link span {
border: #fadce6 1px solid;
padding: 0.8rem 2.5rem 0.8rem 3.5rem;
background: #fadce6 url(../common/arrow001-b.svg) left 1.5rem center no-repeat;
background-size: 13px auto;
color: #1e1b1b;
}
.guestlist > li .venue {
padding: 0.5rem 0 0.5rem 28px;
font-size: 1.4em;
font-size: 1.4rem;
background: url(../common/place.svg) left top 0.7rem no-repeat;
background-size: 20px auto;
border-top: rgba(255,255,255,0.1) 1px solid;
border-bottom: rgba(255,255,255,0.1) 1px solid;
}
.guestlist > li .program {
padding: 0.5rem 0 0.5rem 28px;
font-size: 1.4em;
font-size: 1.4rem;
background: url(../common/program.svg) left top 0.6rem no-repeat;
background-size: 20px auto;
border-bottom: rgba(255,255,255,0.1) 1px solid;
}
.guestlist > li .movie {
padding: 0.5rem 0 0.5rem 28px;
font-size: 1.4em !important;
font-size: 1.4rem !important;
background: url(../common/movie.svg) left top 0.6rem no-repeat;
background-size: 20px auto;
border-bottom: rgba(255,255,255,0.1) 1px solid;
}
#ceremonyarea .guestlist,
#eventarea .guestlist {
display: flex;
flex-wrap: wrap;
margin: 0;
width: 100%;
}
#ceremonyarea .guestlist li,
#eventarea .guestlist li {
width: 32%;
padding: 1rem;
margin-right: 2%;
margin-bottom: 2rem;
background: rgba(0,0,0,0.2);
border: rgba(255,255,255,0.5) 1px dashed;
flex-direction: column;
justify-content: flex-start;
text-align: center;
color: #efeeea;
}
#ceremonyarea .guestlist li:nth-child(3n),
#eventarea .guestlist li:nth-child(3n) {
margin-right: 0;
}
#ceremonyarea .guestlist li p.photo,
#eventarea .guestlist li p.photo {
margin-bottom: 1rem !important;
background: rgba(255,255,255,1);
position: relative;
width: 100%;
overflow: hidden;
}
#ceremonyarea .guestlist li p.photo:before,
#eventarea .guestlist li p.photo:before {
display: block;
content: "";
padding-top: 100%;
}
#ceremonyarea .guestlist li p.photo span,
#eventarea .guestlist li p.photo span {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#ceremonyarea .guestlist li p.photo span img,
#eventarea .guestlist li p.photo span img {
transition-duration: 0.3s;
width: 100%;
height: 100%;
object-fit: contain;
}
#ceremonyarea .guestlist li .info,
#eventarea .guestlist li .info {
width: 100%;
}
#ceremonyarea .guestlist li p.title,
#eventarea .guestlist li p.title {
margin-bottom: 0.5rem !important;
font-size: 1.4em !important;
font-size: 1.4rem !important;
word-break:break-all;
}
#ceremonyarea .guestlist li p.name,
#eventarea .guestlist li p.name {
margin-bottom: 0.5rem !important;
font-size: 1.8em !important;
font-size: 1.8rem !important;
word-break:break-all;
}
#ceremonyarea .guestlist li .description,
#eventarea .guestlist li .description {
margin-bottom: 0rem !important;
flex-grow: 0 !important;
}
#ceremonyarea .guestlist li .description p,
#eventarea .guestlist li .description p {
font-size: 1.4em !important;
font-size: 1.4rem !important;
margin-bottom: 0.3rem !important;
}
.filmarksbtn {
width: auto;
margin: 5rem auto !important;
text-align: center;
}
.filmarksbtn img {
width: auto;
}
#infomainarea .infolist {
margin-bottom: 8rem;
width: 100%;
}
#infomainarea .infolist li {
margin-bottom: 1.5rem;
position: relative;
display: flex;
flex-direction: column;
align-items: stretch;
background: #111;
transition: all 1s ease-out;
opacity: 0;
transform: translateX(-30px);
border-radius: 1rem;
}
#infomainarea .infolist li.active {
transform: translateX(0);
opacity: 1;
}
#infomainarea .infolist li p {
margin: 0;
}
#infomainarea .infolist li a {
width: 100%;
display: flex;
justify-content: space-between;
align-items: stretch;
color: #efeeea;
position: relative;
}
#infomainarea .infolist li .photo {
position: relative;
width: 25%;
overflow: hidden;
}
#infomainarea .infolist li a .photo img {
transition-duration: 0.3s;
}
#infomainarea .infolist li a:hover .photo img {
transform: scale(1.1);
transition-duration: 0.3s;
}
#infomainarea .infolist li .photo:before {
content: "";
display: block;
padding-top: 56.25%;
}
#infomainarea .infolist li .photo span {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#infomainarea .infolist li .ctgry {
padding: 0.5rem 1.2rem;
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1.0;
border-radius: 3px;
position: absolute;
z-index: 1;
top: 1rem;
left: 1rem;
}
#infomainarea .infolist li .ctgry.news {
border: #990000 1px solid;
color: #990000;
}
#infomainarea .infolist li .ctgry.report {
border: #69256f 1px solid;
color: #69256f;
}
#infomainarea .infolist li .info {
padding: 2rem 2rem 1.5rem 2rem;
color: #efeeea;
width: 85%;
display: flex;
flex-direction: column;
justify-content: space-between;
flex-grow: 2;
}
#infomainarea .infolist li .title {
margin-bottom: 1rem;
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.5;
font-weight: normal;
flex-grow: 2;
padding: 0;
border: none !important;
background: none !important;
}
#infomainarea .infolist li .title::before {
display: none;
}
#infomainarea .infolist li a:hover .title {
color: #efeeea;
}
#infomainarea .infolist li .update {
padding-right: 18px;
font-size: 1.2em;
font-size: 1.2rem;
text-align: right;
background: url(../common/update.svg) right top 0.2rem no-repeat;
background-size: 15px auto;
}
#infomainarea .ctgrybox .ctgry {
display: inline-block;
padding: 0.5rem 1.2rem;
color: #efeeea;
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.0;
/*font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;*/
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
letter-spacing: 1px;
z-index: 1;
}
#infomainarea .ctgrybox .ctgry.news {
background: #990000;
}
#infomainarea .ctgrybox .ctgry.report {
background: #333366;
}
#infomainarea .infolist li a .link {
text-align: center;
display: flex;
justify-content: flex-end;
margin-top: 1rem;
font-size: 1.4em;
font-size: 1.4rem;
transition: 0.3s;
}
#infomainarea .infolist li a .link span {
border: #fff 1px solid;
padding: 0.8rem 2.5rem 0.8rem 3.5rem;
background: url(../common/arrow001-w.svg) left 1.5rem center no-repeat;
background-size: 13px auto;
transition: 0.3s;
border-radius: 4rem;
}
#infomainarea .infolist li a:hover .link span {
border: #fffff6 1px solid;
padding: 0.8rem 2.5rem 0.8rem 3.5rem;
background: #fffff6 url(../common/arrow001-b.svg) left 1.5rem center no-repeat;
background-size: 13px auto;
color: #1e1b1b;
}
#titlearea .en,
#titlearea .jp {
color: #efeeea;
}
.programdetailsarea #titlearea .en,
.programdetailsarea #titlearea .jp {
color: #efeeea;
text-shadow: 0 0 0 rgba(255,255,255,0);
}
.matchingarea #titlearea .en,
.matchingarea #titlearea .jp {
color: #efeeea;
text-shadow: 0 0 0 rgba(255,255,255,0);
}
#programmainarea .eventlinklist dl {
border-top: none;
}
#programmainarea .eventlinklist dl dt {
border-bottom: none;
border-right: none;
background: #1e1b1b;
color: #efeeea;
margin-bottom: 0.3rem !important;
font-size: 100% !important;
}
#programmainarea .eventlinklist dl dd {
border-bottom: none;
background: #fff !important;
margin-bottom: 0.3rem !important;
}
#programmainarea .eventlinklist dl > dt:first-of-type,
#programmainarea .eventlinklist dl > dd:first-of-type {
border-top: none;
}
#programmainarea table thead th,
#programmainarea table tbody th,
#programmainarea table tbody td {
border-bottom: rgba(0,0,0,0.5) 1px solid;
}
#programmainarea table thead th {
background: rgba(105, 90, 60, 1);
color: #efeeea;
}
#programmainarea .textbox2 table tbody th:first-child {
background: rgba(0,0,0, 0.2);
}
#programmainarea h4,
#programmainarea h5 {
margin-top: 0 !important;
background: none;
border: none;
padding: 0;
color: #efeeea;
}
#programmainarea #contentsarea.details-area h3::before,
#programmainarea #contentsarea h4::before {
display: none;
}
#programmainarea .eventlinklist li a {
color: #1e1b1b;
}
#programmainarea .movielist {
margin: 4rem 0;
}
#programmainarea .program-all-list-box .movielist {
display: flex;
flex-wrap: wrap;
align-items: stretch;
}
#programmainarea .movielist > li {
margin-bottom: 2rem;
transition: all 1s ease-out;
transform: translateY(30px);
opacity: 0;
position: relative;
display: flex;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding:0;
background: rgba(0,0,0, 1);
transition: all 0.3s ease-out;
border-radius: 1rem;
}
#programmainarea .program-all-list-box .movielist > li {
flex-direction: column;
width: 19.2%;
margin-right: 1%;
}
#programmainarea .program-all-list-box .movielist > li:nth-child(5n) {
margin-right: 0;
}
#programmainarea .movielist > li:hover {
background: rgba(26,26,26,1);
box-shadow: 0px 0px 12px 0px rgba(255, 51, 51, 0.5);
}
#programmainarea .movielist > li.active {
transform: translateY(0%);
opacity: 1;
}
#programmainarea .movielist > li .eventvenue {
position: absolute;
right: 2rem;
top: 2rem;
z-index: 1;
}
#programmainarea .movielist > li .eventvenue span {
border-radius: 0.5rem;
}
#programmainarea .movielist > li .photo {
width: 28%;
position: relative;
overflow: hidden;
border-radius: 1rem 0 0 1rem;
}
#programmainarea .program-all-list-box .movielist > li .photo {
width: 100%;
border-radius: 1rem 1rem 0 0;
margin: 0;
}
#programmainarea .movielist > li .photo:before {
content: "";
display: block;
padding-top: 56.25%;
}
#programmainarea .movielist > li .photo img {
transition-duration: 0.3s;
}
#programmainarea .movielist > li:hover .photo img {
transform: scale(1.1);
transition-duration: 0.3s;
}
#programmainarea .movielist > li .photo span {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: flex;
align-items: center;
background: rgba(0, 0, 0, 1);
}
#programmainarea .movielist > li .text {
width: 72%;
padding:4rem 2rem 2rem 2rem;
}
#programmainarea .program-all-list-box .movielist > li .text {
width: 100%;
padding:1.5rem 1.25rem;
}
#programmainarea .program-all-list-box .movielist > li .text .top-category {
margin-bottom: 0.5rem;
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.4;
color: #dbd7ad;
}
#programmainarea .program-all-list-box .movielist > li .text .category {
margin-bottom: 1.25rem;
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.4;
color: #dbd7ad;
}
#programmainarea .movielist > li .text h3 {
margin-bottom: 0.3rem;
font-size: 2.8em;
font-size: 2.8rem;
line-height: 1.4;
font-weight: normal;
color: #efeeea;
padding: 0;
background: none;
border: none;
}
#programmainarea .program-all-list-box .movielist > li .text h3 {
font-size: 1.8em;
font-size: 1.8rem;
}
#programmainarea .movielist > li .text h3::after {
display: none;
}
#programmainarea .movielist > li .text .en {
margin-top: 0rem;
margin-bottom: 1rem;
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.4;
font-weight: normal;
color: #efeeea;
text-shadow: none;
}
#programmainarea .program-all-list-box .movielist > li .text .en {
margin-bottom: 0.5rem;
font-size: 1.3em;
font-size: 1.3rem;
text-shadow: 0 0 0;
}
#programmainarea .movielist > li .text .info {
font-size: 1.4em;
font-size: 1.4rem;
margin-bottom: 0.2rem;
}
#programmainarea .program-all-list-box .movielist > li .text .info {
font-size: 1.3em;
font-size: 1.3rem;
margin: 1rem 0 0 0;
line-height: 1.4;
color: #ccc;
}
#programmainarea .program-all-list-box .movielist > li a .text .info {
color: #ccc;
}
#programmainarea .movielist > li .text .summary {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
margin-bottom: 0.2rem;
}
#programmainarea .movielist > li:hover .text .info,
#programmainarea .movielist > li:hover .text .summary,
#programmainarea .movielist > li:hover .text .mature {
color: #efeeea;
}
#programmainarea .movielist > li ul {
display: flex;
justify-content: flex-end;
margin-top: 2rem;
width: 100%;
}
#programmainarea .movielist > li ul li {
margin-left: 1rem;
}
#programmainarea .movielist > li ul li a {
display: block;
padding: 0.8rem 2.5rem 0.8rem 3.5rem;
color: #1e1b1b;
border-radius: 5rem;
background-color: #fffff6;
background-image: url(../common/arrow001-b.svg);
background-position: left 1.5rem center;
background-repeat: no-repeat;
background-size: 13px auto;
}
#programmainarea .movielist > li ul li a:hover {
color: #efeeea;
background-color: #999966;
background-image: url(../common/arrow001.svg);
background-repeat: no-repeat;
}
#programmainarea .movielist > li ul li.link a {
padding: 0.8rem 5.5rem 0.8rem 6.5rem;
color: #efeeea;
background-color: #1e1b1b;
background-image: url(../common/arrow001.svg);
background-position: left 1.5rem center;
background-repeat: no-repeat;
background-size: 13px auto;
border: #fffff6 1px solid;
}
#programmainarea .movielist > li ul li.link a:hover {
color: #1e1b1b;
background-color: #fffff6;
background-image: url(../common/arrow001-b.svg);
}
#programmainarea .movielist .onlinecomment {
margin-right: -1rem;
}
#programmainarea .movielist > li ul.movielabel {
margin: 0 0 1rem 0 !important;
justify-content: flex-start !important;
}
#programmainarea .movielist > li ul.movielabel li {
margin-left: 0rem !important;
margin-right: 0.8rem !important;
}
#programmainarea .movielist .catchcopy {
font-size: 1.8em !important;
font-size: 1.8rem !important;
margin-bottom: 0.2rem !important;
}
#programmainarea .movielist .mature {
margin-bottom: 0 !important;
}
#programmainarea .program-all-list-box .movielist .mature {
margin-bottom: 0 !important;
margin-top: 0.5rem;
}
#programmainarea .programlist {
display: flex;
flex-wrap: wrap;
margin: 2rem 0;
}
#programmainarea .programlist li {
text-align: center;
width: 32.66666%;
margin-right: 1%;
margin-bottom: 0.8rem;
letter-spacing: 2px;
font-weight: bold;
/*font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;*/
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#programmainarea .programlist li:nth-child(3n) {
margin-right: 0;
}
#programmainarea .programlist li a {
display: block;
padding: 0.8rem 1rem 0.8rem 1rem;
background: #fffff6 url("../common/arrow001-b.svg") left 1.5rem center no-repeat;
background-size: 13px auto;
color: #1e1b1b;
border-radius: 4rem;
}
#programmainarea .programlist li a:hover {
background: #999966 url(../common/arrow001.svg) left 1.5rem center no-repeat;
background-size: 13px auto;
color: #efeeea;
border-radius: 4rem;
}
/*
#onlinemainarea .sbox {
margin-bottom: 5rem;
border-radius: 1rem;
padding: 4rem;
transition: all 0.3s;
color: #efeeea;
background: rgb(184,98,6);
background: linear-gradient(45deg, rgba(184,98,6,0.4) 0%, rgba(135,5,58,0.4) 22%, rgba(16,79,103,0.4) 44%, rgba(128,4,98,0.4) 61%, rgba(135,70,146,0.4) 75%, rgba(136,0,108,0.4) 100%);
border:rgba(255,255,255,0.4) 1px solid;
box-shadow: 0px 0px 15px 0px rgba(255, 51, 51, 0.4);
}*/
#onlinemainarea .sbox {
position: relative;
overflow: hidden;
background: rgb(51, 0, 0, 0.4);
/* background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); */
border-top: #999966 3px solid;
border-left: rgba(153, 153, 102, 0.4) 1px solid;
border-right: rgba(153, 153, 102, 0.4) 1px solid;
border-bottom: rgba(153, 153, 102, 0.6) 2px solid;
padding: 3rem 5rem;
margin-top: 4rem;
border-radius: 1rem;
}
#onlinemainarea .sbox::before {
position: absolute;
top: -5px;
left: 20%;
width: 60%;
height: 10px;
content: "";
display: block;
background-image: linear-gradient(90deg, #999966, #dbd7ad, #999966);
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% 100%;
border-radius: 50%;
}
#onlinemainarea .sbox .text {
width: 67%;
}
#onlinemainarea .sbox .logo {
width: 30%;
}
#onlinemainarea .sbox header {
margin-bottom: 2rem;
}
/*#onlinemainarea .sbox header h2 {
font-size: 3.4em;
font-size: 3.4rem;
line-height: 1.4;
font-weight: bold;
color: #1e1b1b;
}
#onlinemainarea .sbox header p.en {
margin-top: 0.5rem;
font-size: 1.8em;
font-size: 1.8rem;
font-weight: normal;
color: #1e1b1b;
}*/
#onlinemainarea .sbox header h2 {
font-weight: bold;
}
#onlinemainarea .sbox header h2.en {
font-weight: normal;
}
#onlinemainarea .sbox header h2 a {
color: #1e1b1b;
}
#onlinemainarea #contentsarea h3 {
padding-bottom:0.75rem;
border-bottom: #fffff6 1px solid !important;
}
#onlinemainarea .sbox .date {
margin: 4rem 0 2rem 0;
display: flex;
justify-content: space-between;
align-items: stretch;
width: 100%;
border-top: #1e1b1b 1px solid;
}
#onlinemainarea .sbox .date dt {
display: flex;
justify-content: center;
flex-direction: column;
align-items:center;
font-size: 1.4em;
font-size: 1.4rem;
font-weight: bold;
vertical-align: middle;
border-bottom: #1e1b1b 1px solid;
padding: 0.5rem;
letter-spacing: 2px;
}
#onlinemainarea .sbox .date dd {
font-size: 2.0em;
font-size: 2.0rem;
letter-spacing: 2px;
border-bottom: #1e1b1b 1px solid;
padding: 0.5rem 1rem;
background: rgba(0,0,0,0.2);
}
#onlinemainarea .sbox .date dd span {
display: block;
font-size: 1.4em;
font-size: 1.4rem;
}
#onlinemainarea .owlink {
margin-top: 4rem;
}
#onlinemainarea .owlink a {
display: block;
padding: 2rem 0 1.75rem 0;
text-align: center;
background: #1e1b1b;
border: #fffff6 1px solid;
color: #efeeea;
font-size: 2.4em;
font-size: 2.4rem;
font-weight: bold;
line-height: 1.2;
border-radius: 20rem;
transition: all 0.3s;
}
#onlinemainarea .owlink a:hover {
background: #fffff6;
border: #fffff6 1px solid;
color: #1e1b1b;
}
#onlinemainarea .owlink span {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.2;
}
#onlinemainarea #contentsarea .link a {
background: url(../common/arrow001-w.svg) left top 0.3rem no-repeat;
background-size: 12px auto;
padding-left: 18px;
color: #efeeea;
}
#onlinemainarea #contentsarea .link a:hover {
background: url(../common/arrow001-w.svg) left top 0.3rem no-repeat;
background-size: 12px auto;
padding-left: 18px;
color: #efeeea;
}
#onlinemainarea #brilliabox.sbox {
margin-top: 15rem;
border-radius: 0.5rem;
padding: 3rem 3rem;
}
#onlinemainarea #brilliabox.sbox .text {
width: 80%;
}
#onlinemainarea #brilliabox.sbox .logo {
width: 17%;
}
#onlinemainarea #brilliabox.sbox header {
margin-bottom: 1rem;
}
#onlinemainarea #brilliabox.sbox header h2 {
font-size: 2.4em;
font-size:2.4rem;
}
#onlinemainarea #brilliabox.sbox header p.en {
font-size: 1.4em;
font-size: 1.4rem;
}
#onlinemainarea #brilliabox.sbox .date {
margin: 2rem 0 1rem 0;
}
#onlinemainarea #brilliabox.sbox .date dt {
display: flex;
justify-content: center;
flex-direction: column;
align-items:center;
font-size: 1.2em;
font-size: 1.2rem;
vertical-align: middle;
border-bottom: #222 1px solid;
padding: 0.3rem;
letter-spacing: 2px;
}
#onlinemainarea #brilliabox.sbox .date dd {
font-size: 1.8em;
font-size: 1.8rem;
letter-spacing: 2px;
border-bottom: #222 1px solid;
padding: 0.3rem 1rem;
}
#onlinemainarea #brilliabox.sbox .owlink {
margin-top: 1.5rem;
}
#onlinemainarea #brilliabox.sbox .owlink a {
display: block;
padding: 1.8rem 0 1rem 0;
font-size: 1.8em;
font-size: 1.8rem;
background: #1e1b1b;
border: #fffff6 1px solid;
color: #efeeea;
border-radius: 10rem;
}
#onlinemainarea #brilliabox.sbox .owlink a:hover {
background: #fffff6;
border: #fffff6 1px solid;
color: #1e1b1b;
}
#onlinemainarea #brilliabox.sbox .owlink span {
font-size: 1.4em;
font-size: 1.4rem;
}
#awardsarea .flexbox {
}
#awardsarea #contentsarea .flexbox::after{
content:"";
display: block;
width:31%;
}
#awardsarea .flexbox .col-6 {
display: flex;
flex-direction: column;
align-items: stretch;
}
#awardsarea .prizebox,
#ceremonyarea .prizebox {
padding: 2.5rem 1.5rem;
margin-bottom: 3.5rem;
display: flex;
flex-direction: column;
background: rgba(255,255,255,0.1);
border-radius: 1rem;
position: relative;
overflow: hidden;
background: rgb(0, 0, 0, 0.5);
/* background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); */
border-top: #999966 3px solid;
border-left: rgba(153, 153, 102, 0.4) 1px solid;
border-right: rgba(153, 153, 102, 0.4) 1px solid;
border-bottom: rgba(153, 153, 102, 0.6) 2px solid;
padding: 3rem 5rem;
margin-top: 4rem;
border-radius: 1rem;
}
#awardsarea .prizebox::before,
#ceremonyarea .prizebox::before {
position: absolute;
top: -5px;
left: 20%;
width: 60%;
height: 10px;
content: "";
display: block;
background-image: linear-gradient(90deg, #999966, #dbd7ad, #999966);
background-repeat: no-repeat;
background-position: bottom;
background-size: 100% 100%;
border-radius: 50%;
}
#awardsarea .prizebox.jc-center {
}
/*#awardsarea .prize,
#ceremonyarea .prize {
text-align: center;
position: relative;
padding: 1rem 1.5rem;
margin-top: 0;
border-left: none;
display: inline-block !important;
}
#awardsarea .prize::before,
#ceremonyarea .prize::before {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 100px;
left:0;
background: url(../common/award.svg) left top no-repeat;
background-size: auto 100%;
border: none;
}
#awardsarea .prize::after,
#ceremonyarea .prize::after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 100px;
right: 0;
background: url(../common/award2.svg) right top no-repeat;
background-size: auto 100%;
border: none;
}*/
#awardsarea .prize,
#ceremonyarea .prize {
width: 100%;
padding: 0;
margin-bottom: 3rem;
color: #dbd7ad;
letter-spacing: 1px;
/*background: #999966;
background: linear-gradient(90deg,rgba(153, 153, 102, 1) 0%, rgba(219, 215, 173, 1) 50%, rgba(153, 153, 102, 1) 100%);
border-radius: 1rem;*/
}
#contentsarea.details-area h3::before,
#contentsarea h4::before {
display: none;
}
#awardsarea .prize strong,
#ceremonyarea .prize strong {
padding: 1.25rem 4rem;
width: fit-content;
margin: 0 auto;
text-align: center;
position: relative;
display: block;
font-weight: 600;
}
#awardsarea .prize strong::before,
#ceremonyarea .prize strong::before,
#awardsarea .prize strong::after,
#ceremonyarea .prize strong::after {
content: '';
width: 4rem;
height: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#awardsarea .prize strong::before {
left: 0;
background: url(../common/award-b.svg) left top / auto 100% no-repeat;
}
#awardsarea .prize strong::after {
right: 0;
background: url(../common/award2-b.svg) right top / auto 100% no-repeat;
background-size: auto 100%;
}
#awardsarea h4,
#awardsarea h5 {
margin-top: 0;
}
#ceremonyarea h3.prize {
font-size: 2.8em;
font-size: 2.8rem;
background: none;
border: none;
}
#awardsarea h4.prize,
#secmainarea h4.prize {
border-top:none;
font-size: 2.2em;
font-size: 2.2rem;
}
#awardsarea h4.prize span,
#secmainarea h4.prize span {
font-size: 1.7em;
font-size: 1.7rem;
}
#awardsarea h5 {
background: none;
}
#awardsarea h5,
#awardsarea h5.prize,
#secmainarea h5.prize {
font-size: 2em;
font-size: 2rem;
border: none;
}
#awardsarea h5.prize span,
#secmainarea h5.prize span {
font-size: 1.8em;
font-size: 1.8rem;
}
#awardsarea h5.prize-program-title {
font-size: 2.6em !important;
font-size: 2.6rem !important;
margin-bottom: 1.5rem !important;
padding-left: 0 !important;
padding-bottom: 0 !important;
}
#awardsarea .description,
#secmainarea .description {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
flex-grow: 3;
}
#awardsarea .name {
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.6;
}
#awardsarea .reason {
margin-top: 2rem;
}
#awardsarea .Jury {
margin-top: 1rem;
}
#awardsarea .comment {
background: rgba(0,0,0,0.3);
padding: 2rem;
border-radius: 0.5rem;
margin-bottom: 1rem;
}
#awardsarea .comment p {
font-size: 1.5em;
font-size: 1.5rem;
padding-bottom: 1.5rem;
border-bottom: rgba(255,255,255,0.2) 1px dotted;
}
#awardsarea .comment p:last-child{
margin-bottom: 0;
border-bottom: none;
padding-bottom: 0;
}
#awardsarea .comment p strong {
font-size: 1.6em;
font-size: 1.6rem;
font-weight: normal;
}
#awardsarea .awdttl {
flex-grow: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}
#awardsarea .awdbox {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
}
#awardsarea .description2 {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
flex-grow: 4;
}
#awardsarea .prize-m {
text-align: center;
font-size: 1.8em;
font-size: 1.8rem;
margin: auto 0 0 0;
}
#awardsarea .prize-m span {
background: url(../common/prize.svg) left top no-repeat;
background-size: auto 100%;
padding: 0.5rem 0 0.5rem 4rem;
margin-left: -2rem;
}
#awardsarea .prize-txt {
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.6;
margin-top: 1rem;
margin-bottom: 0;
}
#juryarea .stitle {
font-size: 1.8em;
font-size: 1.8rem;
}
#specialarea .splistbox {
justify-content: flex-start;
}
#specialarea .splistbox h2 {
font-size: 2em;
font-size: 2rem;
margin-bottom: 1rem;
}
#specialarea .splistbox .description {
margin-bottom: 0rem;
}
#specialarea .flexbox.splistbox .col-4 {
margin-bottom: 4rem;
margin-right: 3.5%;
}
#specialarea .flexbox.splistbox .col-4:nth-child(3n) {
margin-right: 0;
}
#specialarea .splistbox .photo img {
border-radius: 1rem;
}
#specialarea h5.title {
line-height: 1.6;
}
#specialarea h5.title::first-letter {
color: #fff !important;
font-size: 2em !important;
font-size: 2rem !important;
}
#specialarea .cntbox dl {
border-top: rgba(102,102,102, 0.3) 1px solid;
}
#specialarea .cntbox dl dt,
#specialarea .cntbox dl dd {
border-bottom: rgba(102,102,102, 0.3) 1px solid;
}
#sponsorarea .spsrbox {
background: rgba(255,255,255,1);
padding: 5rem 2% 3rem 2%;
border-radius: 2rem;
}
#sponsorarea .spsrbox h2 {
border: none !important;
background: none !important;
text-align: center;
color: #1e1b1b;
font-size: 2em !important;
font-size: 2rem !important;
padding: 0;
}
#sponsorarea .spsrbox h2 br {
display: none;
}
#sponsorarea .spsrbox h3 {
border: none !important;
background: none !important;
text-align: center;
color: #1e1b1b;
font-size: 1.8em !important;
font-size: 1.8rem !important;
padding: 0;
}
#sponsorarea .spsrbox h2:after,
#sponsorarea .spsrbox h3:after {
display: none;
}
#sponsorarea .spsrbox .box8 h3 {
font-size: 1.4em !important;
font-size: 1.4rem !important;
}
#sponsorarea .spsrbox .box1,
#sponsorarea .spsrbox .box2,
#sponsorarea .spsrbox .box4 div,
#sponsorarea .spsrbox .box5 div,
#sponsorarea .spsrbox .box6 div,
#sponsorarea .spsrbox .box7 div,
#sponsorarea .spsrbox .box9 {
display: flex;
justify-content: center;
text-align: center;
margin: 0 auto 3rem auto;
}
#sponsorarea .spsrbox .box8 {
display: flex;
justify-content: space-around;
text-align: center;
margin: 0 auto 3rem auto;
}
#sponsorarea .spsrbox .box3 {
margin: 0 auto 3rem auto;
}
#sponsorarea .spsrbox .box3-1,
#sponsorarea .spsrbox .box3-2,
#sponsorarea .spsrbox .box3-3,
#sponsorarea .spsrbox .box3-4 {
display: flex;
justify-content: center;
text-align: center;
margin: 0 auto 0 auto;
}
#sponsorarea .spsrbox p {
width: 100%;
padding: 0 2% 2rem 2%;
}
#sponsorarea .spsrbox .box1 p {
width: 100%;
max-width: 860px;
}
#sponsorarea .spsrbox .box2 p {
width: 100%;
max-width: 480px;
padding: 0 2% 0rem 2%;
}
#sponsorarea .spsrbox .box3-1 p {
width: 100%;
max-width: 350px;
}
#sponsorarea .spsrbox .box3-2 p {
width: 100%;
max-width: 330px;
}
#sponsorarea .spsrbox .box3-3 p {
width: 100%;
max-width: 310px;
}
#sponsorarea .spsrbox .box3-4 p {
width: 100%;
max-width: 290px;
}
#sponsorarea .spsrbox .box4 p {
width: 100%;
max-width: 270px;
}
#sponsorarea .spsrbox .box5 p {
width: 100%;
max-width: 250px;
}
#sponsorarea .spsrbox .box6 p {
width: 100%;
max-width: 230px;
}
#sponsorarea .spsrbox .box7 p {
width: 100%;
max-width: 210px;
}
#sponsorarea .spsrbox .box8 div {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#sponsorarea .spsrbox .box8 p {
width: 100%;
max-width: 160px;
}
#sponsorarea .spsrbox .box9 p {
width: 100%;
max-width: 200px;
padding: 0;
}
#sponsorarea .spsrbox #txtarea {
text-align: center;
border-top: #999 1px solid;
}
#sponsorarea .spsrbox #txtarea h4 {
background: none !important;
border: none !important;
text-align: center;
color: #666;
font-size: 1.4em !important;
font-size: 1.4rem !important;
padding: 0;
margin: 2.5rem 0 1rem 0;
}
#sponsorarea .spsrbox #txtarea h4:after {
display: none;
}
#sponsorarea .spsrbox #txtarea div {
display: flex;
justify-content: center;
text-align: center;
}
#sponsorarea .spsrbox #txtarea p {
padding: 0 1% 0 1% !important;
margin: 0 !important;
width: auto !important;
font-size: 1.8em !important;
font-size: 1.8rem !important;
}
#sponsorarea .spsrbox #txtarea p a {
color: #222 !important;
}
#schedulearea h3 {
margin-top: 6rem;
}
#schedulearea h3:first-of-type {
margin-top: 0;
}
#schedulearea .note {
display: none;
font-size: 1.4em;
font-size: 1.4rem;
margin-bottom: 1.5rem;
}
#schedulearea .linklist {
margin-bottom: 3rem;
}
#schedulearea .swiper{
margin-bottom: 2rem;
width: 100%;
align-items: stretch;
}
#schedulearea .swiper .swiper-slide {
text-align: center;
padding: 1rem;
margin-right: 2px;
border-radius: 5px;
background: #000;
border: rgba(204, 0, 0, 0.6) 1px solid;
color: #efeeea;
cursor: pointer;
height: 100%;
}
#schedulearea .swiper .swiper-slide p.date {
margin-bottom: 1rem !important;
font-size: 3.4em !important;
font-size: 3.4rem !important;
line-height: 1.2 !important;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#schedulearea .swiper .swiper-slide p.date span{
display: block;
line-height: 1.2 !important;
font-size: 1.6em;
font-size: 1.6rem;
}
#schedulearea .swiper .swiper-slide p.venue {
margin-bottom:0 !important;
border-top:rgba(255,255,255,0.2) 1px solid;
padding-top:1rem;
font-size: 1.4em !important;
font-size: 1.4rem !important;
line-height: 1.2 !important;
}
#schedulearea .swiper .swiper-button-next,
#schedulearea .swiper .swiper-button-prev {
position: absolute;
top: 5%;
width: 1.8rem;
height: 90%;
margin-top: calc(0px -(var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: #efeeea;
background: rgba(204, 0, 0, 1);
border-radius: 1rem;
}
#schedulearea .swiper .swiper-button-next:after,
#schedulearea .swiper .swiper-button-prev:after {
font-size: 2rem
}
.schedule-box {
display: none;
/*display: block;*/
padding: 0.75rem 1rem 1rem 1rem;
background: #000;
border-radius: 1rem;
margin-bottom: 1rem;
border: rgba(204, 0, 0, 0.6) 1px solid;
filter: drop-shadow(0px 0px 5px rgba(255, 200, 200, 0.3));
}
.schedule-box.show {
display: block;
animation-name: displayAnime;
animation-duration: 1s;
animation-fill-mode: forwards;
}
@keyframes displayAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.schedule-box header {
display: flex;
align-items:center;
margin-bottom: 1rem;
background: #000;
border-radius: 0.8rem 0.8rem 0 0;
}
.schedule-box h3 {
margin: 0 !important;
font-size: 4.6em !important;
font-size: 4.6rem !important;
font-weight: 400;
line-height: 1.0 !important;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.schedule-box h3 span {
margin-left: 0.5rem;
}
#contentsarea .schedule-box h4 {
margin: 0 0 0.5rem 0 !important;
border-top: none !important;
padding: 1.25rem 1.5rem 1rem 1.5rem !important;
background: rgba(153, 0, 0, 0.5) !important;
border-radius: 0.3rem;
}
.schedule-box h4:before {
display: none !important;
}
.schedule-box .venue {
margin: 0 0 0 1rem !important;
font-size: 2em !important;
font-size: 2rem !important;
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Arial, Verdana, Meiryo, sans-serif !important;
}
.schedule-box .end-date {
margin: 0 0 0 1rem !important;
font-size: 1.4em !important;
font-size: 1.4rem !important;
font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, 'Noto Sans JP', YuGothic, "Yu Gothic Medium", "Yu Gothic", Arial, Verdana, Meiryo, sans-serif !important;
}
.schedule-box .venue a {
padding-left: 2rem;
background: url("../common/arrow001-w.svg") left top 0.6rem / 13px auto no-repeat;
}
.schedule-date-list {
display: flex;
flex-wrap: wrap;
width: 100%;
}
.schedule-date-list li.date-details-box {
width: 24.625%;
margin-right: 0.5%;
margin-bottom: 0.5rem;
text-align: center;
background: #fff;
border-radius: 1rem;
display: flex;
align-items: stretch;
flex-direction: column;
color: #1e1b1b;
}
.schedule-date-list li.date-details-box:nth-child(4n) {
margin-right: 0;
}
.schedule-date-list li.date-details-box a {
color: #1e1b1b !important;
}
.schedule-date-list li.date-details-box div {
position: relative;
height: 100%;
width: 100%;
border-radius: 1rem;
display: flex;
align-items: stretch;
flex-direction: column;
color: #1e1b1b !important;
background: #fff url("../common/arrow001-b.svg") right 0.8rem top 2.1rem / 17px auto no-repeat;
}
.schedule-date-list li.date-details-box div:hover {
background: #fffff6 url("../common/arrow001-b.svg") right 0.8rem top 2.1rem / 17px auto no-repeat;
}
.schedule-date-list li.date-details-box div a {
color: #1e1b1b !important;
justify-content: space-between;
}
.schedule-date-list li.date-details-box a {
/*height: 100%;
width: 100%;
border-radius: 1rem;
display: flex;
align-items: stretch;
flex-direction: column;
color: #1e1b1b !important;
background: #fff url("../common/arrow001-b.svg") right 0.8rem top 2.1rem / 17px auto no-repeat;*/
}
/*.schedule-date-list li.date-details-box a:hover {
background: #fffff6 url("../common/arrow001-b.svg") right 0.8rem top 2.1rem / 17px auto no-repeat;
}*/
.schedule-date-list li.date-details-box a.v-center {
display: flex;
justify-content: space-between;
align-items: stretch;
flex-grow: 2;
border-radius: 1rem;
background: #fff url("../common/arrow001-b.svg") right 0.8rem center / 17px auto no-repeat;
}
.schedule-date-list li.date-details-box a.v-center:hover {
background: #fffff6 url("../common/arrow001-b.svg") right 0.8rem center / 17px auto no-repeat;
}
.schedule-date-list li.active a {
background: #004097 url("../common/arrow001-b.svg") right 0.8rem top 2.1rem / 17px auto no-repeat;
color: #efeeea;
}
.schedule-date-list li.date-details-box time {
display: block;
margin: 0;
padding: 1.2rem 0 1rem 0;
font-size: 2.6em;
font-size: 2.6rem;
line-height: 1.4;
border-bottom:#666 1px dotted;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
.schedule-date-list li.date-details-box time span {
margin-left: 0.2rem;
vertical-align: baseline;
font-size: 1.4em;
font-size: 1.4rem;
}
.schedule-date-list li.date-details-box p.content {
flex-grow: 2;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 0 !important;
padding: 1.85rem 0.75rem 1.5rem 0.75rem !important;
font-size: 1.6em !important;
font-size: 1.6rem !important;
line-height: 1.4 !important;
}
.schedule-date-list li.date-details-box p.content a {
border:#333 1px solid;
border-radius: 3px;
padding: 0.8rem 2.5rem 0.7rem 1.25rem;
margin: 0 0.2rem;
background: #fff url("../common/arrow001-b.svg") right 0.5rem top 1rem / 13px auto no-repeat;
}
.schedule-date-list li.date-details-box p.content a:hover {
background: #fffff6 url("../common/arrow001-b.svg") right 0.5rem top 1rem / 13px auto no-repeat;
}
.schedule-date-list li.date-details-box p.guest {
margin: 0 1rem 1rem 1rem !important;
padding: 0.75rem 0;
border-radius: 5px;
text-align: center;
background: #ae5200;
color: #fff !important;
font-size: 1.3em !important;
font-size: 1.3rem !important;
line-height: 1.0 !important;
letter-spacing:1px;
}
.schedule-date-list li.date-details-box a:hover p.guest {
background: #a52864;
color: #efeeea;
}
#schedulearea .sctable {
font-size: 1.4em;
font-size: 1.4rem;
table-layout: fixed;
width: 100%;
}
#schedulearea .sctable2 {
table-layout: fixed;
width: 100%;
}
#schedulearea .sctable thead tr th,
#schedulearea .sctable2 thead tr th {
font-weight: normal;
padding: 1rem 0;
background: rgba(105, 90, 60, 0.3);
}
#schedulearea .sctable tr th,
#schedulearea .sctable2 tr th {
font-weight: normal;
padding: 1rem 0;
background: rgba(105, 90, 60, 0.3);
}
#schedulearea .sctable tr > th:nth-child(1) {
vertical-align: middle;
width: 11%;
}
#schedulearea .sctable tr > th:nth-child(2) {
width: 11%;
vertical-align: middle;
}
#schedulearea .sctable2 tr > th:nth-child(1) {
vertical-align: middle;
width: 11%;
}
#schedulearea .sctable2 tr > th:nth-child(2) {
vertical-align: middle;
width: 35%;
}
#schedulearea .sctable2 th.th2 {
display: none;
}
#schedulearea .sctable td {
text-align: center;
padding: 1rem 0;
background: rgba(0,0,0, 0.1);
color: #efeeea;
}
#schedulearea .sctable2 td {
padding: 1rem;
background: rgba(0,0,0, 0.1);
color: #efeeea;
vertical-align: middle;
}
#schedulearea .sctable td.sctd {
background: #222;
/*font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;*/
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}
#schedulearea .sctable td.sctd strong,
#schedulearea .sctable td.sctd a {
font-size: 1.8em;
font-size: 1.8rem;
font-weight: bold;
color: #efeeea;
}
#schedulearea .sctable td.sctd strong{
color: #888;
}
#schedulearea .sctable td.sctd a:hover {
color: #efd591;
}
#schedulearea .sctable p.date,
#schedulearea .sctable2 p.date {
/*font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;*/
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
vertical-align: text-top;
margin: 0;
font-size: 3.8em;
font-size: 3.8rem;
line-height: 1.15;
}
#schedulearea .sctable p.date span,
#schedulearea .sctable2 p.date span {
display: block;
font-size: 1.6em;
font-size: 1.6rem;
}
#eventarea .eventlist li {
display: flex;
position: relative;
margin-bottom: 2rem;
}
#eventarea .eventlist li p {
margin: 0;
}
#eventarea .eventlist li a {
width: 100%;
display: flex;
justify-content: space-between;
background: #111;
border-radius: 1rem;
}
#eventarea .eventlist li .photo {
position: relative;
width: 30%;
overflow: hidden;
border-radius: 1rem 0 0 1rem;
}
#eventarea .eventlist li a:hover .photo {
position: relative;
overflow: hidden;
}
#eventarea .eventlist li a .photo img {
transition-duration: 0.3s;
}
#eventarea .eventlist li a:hover .photo img {
transform: scale(1.1);
transition-duration: 0.3s;
}
#eventarea .eventlist li .photo:before {
content: "";
display: block;
padding-top: 75%;
}
#eventarea .eventlist li .photo span {
width: 100%;
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
#eventarea .eventlist li .info {
padding: 2rem 2rem 1.5rem 2rem;
color: #efeeea;
width: 70%;
position: relative;
top: 0;
left: 0;
z-index: 1;
}
#eventarea .eventlist li .date {
padding:0;
margin: 0.5rem 0;
letter-spacing: 1px;
font-family: 'EB Garamond', "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
font-size: 4.2em;
font-size: 4.2rem;
line-height: 1.6;
vertical-align: baseline;
}
#eventarea .eventlist li .date span {
font-size: 2.2em;
font-size: 2.2rem;
line-height: 1.6;
vertical-align: baseline;
margin-left: 1rem;
}
#eventarea .eventlist li .title {
margin-bottom: 1rem;
font-size: 2em !important;
font-size: 2rem !important;
font-weight: normal;
flex-grow: 2;
transition: 0.3s;
padding: 0;
border: none !important;
background: none !important;
}
#eventarea .eventlist li .title::before {
display: none;
}
#eventarea .eventlist li a:hover .title {
color: #efeeea;
}
#eventarea .eventlist li .venue {
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1;
display: flex;
justify-content: flex-start;
margin-bottom: 0.5rem;
}
#eventarea .eventlist li .venue span.on {
display: block;
background: #c34e14 url(../common/online.svg) top 0.1rem left 0.5rem no-repeat;
background-size: 18px auto;
padding: 0.5rem 0.6rem 0.5rem 2.6rem;
border-radius: 3px;
}
#eventarea .eventlist li .venue span.on span {
background: #702500;
padding: 0.1rem 0.5rem;
margin-left: 0.5rem;
border-radius: 2px;
}
#eventarea .eventlist li .venue span.off {
display: block;
background: #69256f url(../common/offline.svg) top 0.4rem left 0.5rem no-repeat;
background-size: 15px auto;
padding: 0.5rem 1rem 0.5rem 2.4rem;
border-radius: 3px;
}
#eventarea .eventlist li a .venue,
#eventarea .eventlist li a:hover .venue {
color: #efeeea;
}
#eventarea .eventlist li .update {
padding-right: 18px;
font-size: 1.2em;
font-size: 1.2rem;
text-align: right;
background: url(../common/update.svg) right top 0.2rem no-repeat;
background-size: 15px auto;
}
#eventarea .eventlist li .link {
margin-top: 1rem;
font-size: 1.4em;
font-size: 1.4rem;
text-align: center;
display: flex;
justify-content: flex-end;
}
#eventarea .eventlist li .link span {
border: #fff 1px solid;
padding: 0.8rem 2.5rem 0.8rem 3.5rem;
background: url(../common/arrow001-w.svg) left 1.5rem center no-repeat;
background-size: 13px auto;
transition: 0.3s;
border-radius: 4rem;
}
#eventarea .eventlist li a:hover .link span {
border: #fffff6 1px solid;
padding: 0.8rem 2.5rem 0.8rem 3.5rem;
background: #fffff6 url(../common/arrow001-b.svg) left 1.5rem center no-repeat;
background-size: 13px auto;
color: #1e1b1b;
}
#eventarea .eventlist li .today {
position: absolute;
right: 0rem;
top: -1.5rem;
width: 12%;
z-index: 1;
transform:rotate(25deg);
}
#accessarea .linklist {
margin-bottom: 2rem;
}
#accessarea h3 span.ttl {
font-size: 1.6em !important;
font-size: 1.6rem !important;
display: inline-block;
margin: 0.7rem 0 0 0;
color: #efeeea;
}
#ceremonyarea .cntbox .box {
width: 50%;
margin: 0 auto;
text-align: center;
}
#ceremonyarea .bnrbox {
background: #fff;
padding: 2rem 5% 2rem 5%;
margin-bottom: 8rem;
border-radius: 1rem;
}
#ceremonyarea .competition {
width: 100%;
max-width: 480px;
margin: 0 auto;
text-align: center;
}
#search-form-area .form-box {
margin: 0 auto 4rem auto;
text-align: center;
width: 70%;
}
#search-form-area .form-box div {
display: flex;
justify-content: center;
padding: 2rem;
color: #efeeea;
border-radius: 6rem;
vertical-align: middle;
border: #fffff6 2px solid;
}
#search-form-area .form-box div input {
border: none;
padding: 1rem;
margin: 0 5px 0 0;
color: #efeeea;
background: none;
line-height: 1;
width: calc(100% - 20px - 1rem - 5px);
vertical-align: middle;
font-size: 2em;
font-size: 2rem;
line-height: 1.0;
}
#search-form-area .form-box div button {
width: 3rem;
padding: 0;
margin: 0;
background: none;
border: 0;
font-size: 0;
line-height: 0;
overflow: visible;
cursor: pointer;
vertical-align: middle;
}
.sponsor-list {
background: #fff;
color: #444;
border-radius: 1rem;
padding: 5rem 5%;
}
.sponsor-list li {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 3rem;
padding-bottom: 1.5rem;
border-bottom:#ccc 1px solid;
}
.sponsor-list li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom:none;
}
.sponsor-list li .photo {
width:25%;
margin-right: 5%;
}
.sponsor-list li .info {
flex: 1;
}
.sponsor-list li .info h3 {
color: #444 !important;
}
.sponsor-list li .info a {
color: #333;
text-decoration: underline dotted #888;
}
.sponsor-list li .info a:hover {
color: #1e1b1b;
text-decoration: underline solid #888;
}
.spbox {
border: rgba(153, 153, 102, 1) 5px solid;
padding: 2rem;
margin-bottom: 6rem;
border-radius: 1rem;
}
.spbox .title {
background: rgba(153, 153, 102, 1);
color: #fff !important;
font-size: 1.8em !important;
font-size: 1.8rem !important;
line-height: 1.6 !important;
font-weight: normal;
margin: 0 0 2.5rem 0;
padding: 0.75rem 1.5rem;
border-radius: 4rem;
text-shadow: none !important;
}
.spbox2 {
border: rgba(255,255,255,0.1) 1px solid !important;
padding: 2rem;
margin-bottom: 6rem;
border-radius: 1rem;
background: rgba(0,0,0,0.5);
}
.spbox2 .title {
background: rgba(255,255,255,0.1) !important;
color: #fff !important;
font-size: 1.8em !important;
font-size: 1.8rem !important;
line-height: 1.6 !important;
font-weight: normal;
margin: 0 0 1.5rem 0 !important;
padding: 0.75rem 1.5rem;
border-radius: 4rem;
}
.mapbox {
height: 0;
overflow: hidden;
padding-bottom: 80%;
position: relative;
}
.mapbox iframe {
position: absolute;
left: 0;
top: -150px;
height: calc(100% + 150px);
width: 100%;
pointer-events: none;
background: #fff;
}
#breadcrumb {
padding:0 7% 0 7%;
text-align:left;
}
#breadcrumb ol {
width: 100%;
position: relative;
left:0;
top:0;
z-index: 3;
display: flex;
list-style: none;
}
#breadcrumb ol li {
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1.8;
color: #efeeea;
}
#breadcrumb ol li+li {
padding-left: .5rem;
}
#breadcrumb ol li+li::before {
display: inline-block;
padding-right: .3rem;
color: #efeeea;
content: ">";
}
#breadcrumb ol li a {
color: #efeeea;
}
.programdetailsarea #breadcrumb {
padding:3rem 7% 0 7%;
color: #efeeea;
}
.programdetailsarea #breadcrumb ol li,
.programdetailsarea #breadcrumb ol li+li::before,
.programdetailsarea #breadcrumb ol li a {
color: #efeeea;
}
.pagenation {
display: flex;
justify-content: center;
}
.pagenation span {
padding: 0.5rem 1rem;
margin: 0 0.2rem;
background: #fffff6;
color: #1e1b1b;
}
.pagenation a {
padding: 0.5rem 1rem;
margin: 0 0.2rem;
border: #fffff6 1px solid;
}
.flexbox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
.fd-column {
flex-direction: column;
}
.jc-center {
justify-content: center;
}
.jc-between {
justify-content: space-between;
}
.fg-2 {
flex-grow: 2;
}
.col-1 {
width: 5.125%;
}
.col-2 {
width: 13.75%;
}
.col-3 {
width: 22.375%;
}
.col-4 {
width: 31%;
}
.col-5 {
width: 39.625%;
}
.col-6 {
width:48.25%;
}
.col-7 {
width: 56.875%;
}
.col-8 {
width: 65.5%;
}
.col-9 {
width: 74.125%;
}
.col-10 {
width: 82.75%;
}
.col-11 {
width: 91.375%;
}
.col-12 {
width: 100%;
}
.col-mrgR {
margin-right:8.625%;
}
.order-1 {
order: 1 !important;
}
.order-2 {
order: 2 !important;
}
table {
width: 100%;
margin: 0;
padding: 0;
border-top: rgba(105, 90, 60, 0.4) 1px solid;
}
table thead th {
background: rgba(105, 90, 60, 0.2);
margin: 0;
padding: 1rem 0;
border-bottom: rgba(105, 90, 60, 0.4) 1px solid;
text-align: center;
font-weight: normal;
font-size: 1.4em;
font-size: 1.4rem;
vertical-align: top;
}
table tbody th {
margin: 0;
padding: 1.5rem 0;
border-bottom: rgba(105, 90, 60, 0.4) 1px solid;
text-align: center;
vertical-align: top;
}
table tbody th.th {
background: rgba(105, 90, 60, 0.2);
}
table tbody td {
margin: 0;
padding: 1.5rem 0 1.5rem 1.5rem;
border-bottom: rgba(105, 90, 60, 0.4) 1px solid;
vertical-align: top;
}
table tbody td p {
margin: 0 !important;
}
dl {
width: 100%;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
/*border-top: rgba(105, 90, 60, 0.4) 1px solid;*/
/*background: rgba(25,5,10, 0.7);*/
}
dl dt {
width: 22%;
margin: 0 0 0.75rem 0;
padding: 1.5rem 0;
/*border-bottom: rgba(105, 90, 60, 0.4) 1px solid;*/
border-right: rgba(235,225,200, 0.8) 5px solid;
text-align: center;
/*background: rgba(105, 90, 60, 0.7);*/
background: rgba(235,225,200, 0.2);
border-radius: 1rem 0 0 1rem;
}
dl dd {
width: 78%;
margin: 0 0 0.75rem 0;
padding: 1.5rem;
/*border-bottom: rgba(105, 90, 60, 0.4) 1px solid;*/
/*background: rgba(25,5,10, 0.7);*/
background: rgba(235,225,200, 0.1);
border-radius: 0 1rem 1rem 0;
}
dl dd dl {
margin-top: 1.5rem;
}
dl dd dl dt {
width: 30%;
padding: 1.5rem;
}
dl dd dl dd {
width: 70%;
}
dl dd p {
margin: 0 !important;
}
dl dd .link {
margin: 1rem 0 0 0 !important;
}
dl dd .linklist {
margin: 1rem 0 0 0 !important;
}
dl dd .linklist li:last-child {
margin-bottom: 0 !important;
}
ul.notice {
margin:0;
padding:0;
}
ul.notice li,
p.notice {
margin:.5rem 1.8rem !important;
padding:0;
list-style: none;
font-size: 1.4em !important;
font-size: 1.4rem !important;
line-height: 1.6;
text-indent: -1.8rem;
}
.sbox ul.notice li,
.sbox p.notice {
font-size: 1.4em !important;
font-size: 1.4rem !important;
}
.snsbtnlist {
display: flex;
justify-content: flex-end;
margin-bottom: 3rem;
}
.snsbtnlist li {
margin-left: 1rem;
font-size: 1.1em;
font-size: 1.1rem;
line-height: 1.8;
vertical-align:middle;
}
.snsbtnlist li a {
display: block;
padding: 0.8rem 1rem;
border-radius: 50%;
color: #efeeea;
text-align: center;
background: rgba(0,0,0,0.5);
}
/*.snsbtnlist li.sns-fb a {
background: #0660d4;
}
.snsbtnlist li.sns-tw a {
background: #1d9bf0;
}
.snsbtnlist li.sns-ln a {
background: #2cb447;
}*/
.snsbtnlist li a img {
vertical-align:middle;
width: 18px;
}
.twbtnlist {
display: flex;
margin: 1.5rem 0 0 0;
width: 100%;
}
.twbtnlist li {
font-size: 1.9em;
font-size: 1.9rem;
line-height: 1.6;
width: 100%;
}
.twbtnlist li a {
width: 100%;
padding: 1.5rem 3rem 1.5rem 6.5rem;
border-radius: 5px;
display: block;
background: #1d9bf0 url(../common/icon_twitter-w.svg) left 2rem center no-repeat;
background-size: 36px auto;
color: #efeeea;
}
.fbbtnlist {
display: flex;
margin: 1.5rem 0 0 0;
width: 100%;
}
.fbbtnlist li {
font-size: 1.9em;
font-size: 1.9rem;
line-height: 1.6;
width: 100%;
}
.fbbtnlist li a {
width: 100%;
padding: 1.5rem 3rem 1.5rem 6.5rem;
border-radius: 5px;
display: block;
background: #1b74e4 url(../common/icon_facebook-w.svg) left 2rem center no-repeat;
background-size: 36px auto;
color: #efeeea;
}
.ol {
margin: 0 0 1rem 3.5rem;
}
.ol li {
margin: 0 0 0.35rem 0;
list-style-type: decimal;
}
.uldisc {
margin: 0 0 1rem 3.5rem;
}
.uldisc li {
margin: 0 0 0.35rem 0;
list-style-type: disc;
}
ul.note {
margin: 1.5rem 0 1.5rem 2rem;
}
ul.note li {
margin: 0;
text-indent: -2rem;
}
span.note {
display: block;
margin: 0.5rem 0 0 2rem;
text-indent: -2rem;
}
.linklist {
margin: 1rem 0;
padding: 0;
}
.linklist li {
margin: 0 0 1rem 0 !important;
padding: 0;
}
.linklist a {
background: url(../common/arrow001-w.svg) left top 0.3rem no-repeat;
background-size: 12px auto;
padding-left: 18px;
}
.linklist a:hover {
background: url(../common/arrow001.svg) left top 0.3rem no-repeat;
background-size: 12px auto;
padding-left: 18px;
}
.linklist2 {
display: flex;
flex-wrap: wrap;
margin: 2rem 0;
}
.linklist2 li {
text-align: center;
margin-right: 1%;
margin-bottom: 0.8rem;
letter-spacing: 2px;
}
.linklist2 li a {
display: block;
padding: 0.8rem 2rem 0.8rem 3.5rem;
background: #fffff6 url(../common/arrow001-b.svg) left 1.25rem center no-repeat;
background-size: 13px auto;
color: #1e1b1b;
border: #fffff6 1px solid;
border-radius: 4rem;
}
.linklist2 li a:hover {
background: #999966 url(../common/arrow001.svg) left 1.25rem center no-repeat;
background-size: 13px auto;
color: #efeeea;
border: #999966 1px solid;
}
.supporterlist {
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.supporterlist li {
width: 24.25%;
padding: 2rem 0rem;
text-align: center;
background: rgba(0,0,0,0.2);
margin-bottom: 1rem;
margin-right: 1%;
}
.supporterlist li:nth-child(4n) {
margin-right: 0;
}
.tablist {
margin: 0 0 4rem 0;
padding: 0;
display: flex;
}
.tablist li {
margin: 0 2% 1rem 0;
padding:0;
/*width: 32%;*/
width: 23.5%;
}
/*.tablist li:nth-child(3n) {
margin: 0 0 1rem 0;
}*/
.tablist li:nth-child(4n) {
margin: 0 0 1rem 0;
}
.tablist li a {
border-radius: 8rem;
border: #fffff6 1px solid;
display: block;
margin: 0;
color: #efeeea;
padding: 1.5rem 2rem 1.2rem 3.75rem;
background: url("../common/pagedown.svg") left 1.25rem center / 19px auto no-repeat;
}
.tablist li a:hover {
color: #230a14;
border: #fffff6 1px solid;
background: #fffff6 url("../common/pagedown-b.svg") left 1.25rem center / 19px auto no-repeat;
}
.tablist li strong {
font-size: 1.8em;
font-size: 1.8rem;
letter-spacing: 1px;
}
.matchingarea .tablist {
justify-content: space-between;
}
.matchingarea .tablist li {
margin: 0 0 1rem 0;
padding:0;
width: 49%;
}
.matchingarea .tablist li:nth-child(1) a {
border-color:#983838;
background: #983838 url(../common/pagedown.svg) left 1.25rem center / 19px auto no-repeat;
}
.matchingarea .tablist li:nth-child(2) a {
border-color:#224c72;
background: #224c72 url(../common/pagedown.svg) left 1.25rem center / 19px auto no-repeat;
}
.matchingarea .tablist li a:hover {
color: #efeeea;
}
.matchingarea #contentsarea.details-area #matching-campany h2 {
border-left-color: #983838;
}
.matchingarea #matching-campany .cntbox {
border-top-color: #983838;
}
.matchingarea #matching-campany .cntbox::before {
background-image: linear-gradient(90deg, #983838, #e55656, #983838);
}
.matchingarea #contentsarea.details-area #matching-creator h2 {
border-left-color: #224c72;
}
.matchingarea #matching-creator .cntbox {
border-top-color: #224c72;
}
.matchingarea #matching-creator .cntbox::before {
background-image: linear-gradient(90deg, #224c72, #3f8acf, #224c72);
}
.banner-list {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-bottom: 8rem;
}
.banner-list li {
margin: 0 1% 1.5rem 1%;
}
.banner-list li img {
max-height: 180px;
}
#pagetop {
position: fixed;
z-index: 7;
right: 1.75rem;
bottom: 1.75rem;
padding: 0;
margin: 0;
}
#pagetop a {
display: block;
color: #efeeea;
border:#fffff6 2px solid;
border-radius: 50%;
width: 54px;
height: 54px;
-webkit-filter: drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
filter: drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
}
#pagetop a::before {
content: "";
display: block;
margin-top: 19px;
margin-left: 15px;
width: 20px;
height: 20px;
border-top: #fffff6 2px solid;
border-right: #fffff6 2px solid;
transform: rotate(-45deg);
}
#pagetop.on a {
border-color:#fffff6;
}
#pagetop.on a::before {
border-top-color:#fffff6;
border-right-color:#fffff6;
}
#ftsponsorarea {
padding: 5rem 3%;
background: #fff;
margin: 2rem 6.5%;
border-radius: 1rem;
box-shadow: 0px 0px 30px 0px rgba(255, 51, 51, 0.6);
}
#ftsponsorarea header {
margin-bottom: 0rem;
text-align: center;
}
#ftsponsorarea header h2 {
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.0;
letter-spacing: 2px;
color: #333;
}
#ftsponsorarea header p {
font-size: 2.8em;
font-size: 2.8rem;
font-weight: bold;
font-family: Futura, "Century Gothic" , CenturyGothic , AppleGothic , "Helvetica Neue", HelveticaNeue , Arial, sans-serif;
line-height: 1.0;
margin-bottom: 1.5rem;
color: #333;
}
#ftsponsorarea h3 {
font-size: 1.2em;
font-size: 1.2rem;
text-align: center;
margin: 0 0 1rem 0;
color: #333;
}
#ftsponsorarea h3 br {
display: none;
}
#ftsponsorarea .box4 h3 br,
#ftsponsorarea .box5 h3 br{
display: block;
}
#ftsponsorarea .flexbox {
justify-content: center;
padding: 2rem 0 0 0;
border-bottom: #ccc 1px dotted;
}
#ftsponsorarea .flexbox p {
margin: 0 3rem 4rem 3rem;
}
#ftsponsorarea .box1 p {
max-width: 600px;
margin: 0;
}
#ftsponsorarea .box2 {
padding:0;
border-bottom: none;
}
#ftsponsorarea .box2 p {
max-width: 280px;
}
#ftsponsorarea .box3,
#ftsponsorarea .box4 {
flex-direction: column;
padding:0;
}
#ftsponsorarea .box5,
#ftsponsorarea .box6,
#ftsponsorarea .box6-2 {
border-bottom: none;
margin-bottom: 1.75rem;
}
#ftsponsorarea .box3 > div,
#ftsponsorarea .box4 > div {
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: flex-end;
}
#ftsponsorarea .box3 > div > div.box3-1 {
border-right: #ccc 1px dotted;
padding-right: 2rem;
margin-right: 2rem;
}
#ftsponsorarea .box4 > div > div {
display: block;
}
#ftsponsorarea .box3 > div > div > div,
#ftsponsorarea .box4 > div > div > div {
display: flex;
flex-wrap: nowrap;
justify-content: center;
text-align: center;
}
#ftsponsorarea .box4 > div > div.box4-1 {
border-left: #ccc 1px dotted;
}
#ftsponsorarea .box3 > div:nth-of-type(1) p {
max-width: 270px;
}
#ftsponsorarea .box3 > div:nth-of-type(2) p {
max-width: 220px;
}
#ftsponsorarea .box3 > div:nth-of-type(3) p {
max-width: 190px;
}
#ftsponsorarea .box3 > div:nth-of-type(4) {
align-items:center;
}
#ftsponsorarea .box3 > div:nth-of-type(4) .box3-1 p {
max-width: 170px;
}
#ftsponsorarea .box3 > div:nth-of-type(4) p {
max-width: 150px;
}
#ftsponsorarea .box4 > div:nth-of-type(1) p {
max-width: 140px;
}
#ftsponsorarea .box4 > div:nth-of-type(2) p {
max-width: 135px;
margin: 0 2rem 2rem 2rem;
}
#ftsponsorarea .box5 > div {
width: 33%;
align-items:center;
text-align: center;
}
#ftsponsorarea .box5 > div:nth-child(2) {
border-left: #ccc 1px dotted;
border-right: #ccc 1px dotted;
}
#ftsponsorarea .box5 > div p {
max-width: 125px;
}
#ftsponsorarea .box5 > div p:last-child {
max-width: 140px;
}
#ftsponsorarea .box5 > div p {
margin: 0 1.5rem 0rem 1.5rem;
}
#ftsponsorarea .box6 > p,
#ftsponsorarea .box6-2 > p{
max-width: 180px;
}
#ftsponsorarea .box5 {
flex-wrap: nowrap;
justify-content: space-around;
}
#ftsponsorarea .box5 div {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#ftsponsorarea .box5 h3 {
font-size: 1.1em;
font-size: 1.1rem;
}
#ftsponsorarea .box7 {
flex-wrap: nowrap;
}
#ftsponsorarea .box7 > div:nth-child(2) {
border-left: #ccc 1px dotted;
border-right: #ccc 1px dotted;
}
#ftsponsorarea .box6,
#ftsponsorarea .box6-2 {
align-items: center;
width: auto;
}
#ftsponsorarea .box6 p,
#ftsponsorarea .box6-2 p {
margin: 0 1rem 2rem 1rem;
}
#ftsponsorarea .box8 {
border: none;
}
#ftsponsorarea .box8 p {
max-width: 270px;
}
#fttxtarea {
color: #333;
text-align: center;
padding: 2rem 0 0 0;
}
#fttxtarea a {
color: #333;
}
#fttxtarea h4 {
margin: 1.5rem 0 0.6rem 0;
font-size: 1.4em;
font-size: 1.4rem;
color: #555;
}
#fttxtarea div {
display: flex;
justify-content: center;
}
#fttxtarea p {
margin: 0 1% 1.5rem 1%;
}
#fttxtarea p {
font-size: 1.4em;
font-size: 1.4rem;
}
#footerarea {
margin: 8rem 0 0 0;
padding:4rem 2rem;
/*background:rgba(0,0,0,0.9);*/
display: flex;
background: url("../common/ftbk.jpg") center bottom / 100% auto no-repeat;
}
#footerarea > nav {
order: 2;
width: 70%;
display: flex;
justify-content: flex-end;
}
#footerarea nav ul li {
font-size: 1.3em;
font-size: 1.3rem;
font-weight: normal;
line-height: 1.5;
margin-bottom:0.75rem;
color: #efeeea;
text-shadow: 0 0 3px rgba(255, 200, 200, 1), 0 0 6px rgba(255, 200, 200, 0.7);
}
#footerarea svg {
fill: #fffff6;
}
#footerarea nav > ul:nth-child(1) {
width: 50%;
display: flex;
flex-wrap: wrap;
}
#footerarea nav > ul:nth-child(2) {
width: 25%;
}
#footerarea nav > ul:nth-child(2) li:last-child {
margin-top: 2rem;
}
#footerarea nav > div {
width: 25%;
}
#footerarea nav > div ul {
display: flex;
justify-content: flex-end;
margin-bottom: 2rem;
}
#footerarea nav > ul:nth-child(1) li {
width: 50%;
}
#footerarea nav > div ul li {
font-size: 1.5em !important;
font-size: 1.5rem !important;
}
#footerarea nav > div ul li {
margin-left: 2rem;
margin-right: 0;
}
#footerarea .snslist {
display: flex;
}
#footerarea .snslist li {
width: 20px;
-webkit-filter:drop-shadow(0px 0px 3px rgba(255, 200, 200, 1));
filter:drop-shadow(0px 0px 3px rgba(255, 200, 200, 1));
}
#footerarea .mail-magazine {
display: flex;
justify-content: flex-end;
margin-top: 3rem;
font-size: 1.3em;
font-size: 1.3rem;
font-weight: normal;
line-height: 1.5;
text-shadow: 0 0 3px rgba(255, 200, 200, 1), 0 0 6px rgba(255, 200, 200, 0.7);
}
#footerarea .mail-magazine a {
padding-left: 2.2rem;
background: url("../common/mail-magazine-w.svg") left center / 18px auto no-repeat;
color: #efeeea;
}
#footerarea > div {
order: 1;
width: 30%;
}
#footerarea a {
color:#fffff6;
}
#ftlogo {
width: 60%;
margin-bottom: 2rem;
-webkit-filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
filter:drop-shadow(0px 0px 2px rgba(255, 200, 200, 1));
}
#copyright {
font-size: 1.1em;
font-size: 1.1rem;
line-height: 1.5;
letter-spacing: 1px;
margin-bottom: 0.5rem;
color:#fffff6;
text-shadow: 0 0 3px rgba(255, 200, 200, 1), 0 0 6px rgba(255, 200, 200, 0.7);
}
.fdin-btm {
transition: all 1s ease-out;
transform: translateY(30px);
opacity: 0;
}
.fdin-btm.active {
transform: translateY(0%);
opacity: 1;
}
.yellow {
color: #ffff66 !important;
}
.yellow a {
color: #ffff66 !important;
}
.highlight {
color: #efeeea !important;
}
.highlight a {
color: #efeeea !important;
}
.left {
text-align: left !important;
}
.right {
text-align: right !important;
}
.center {
text-align: center !important;
}
.txt-lll {
font-size: 2.7em !important;
font-size: 2.7rem !important;
}
.txt-ll {
font-size: 2.3em !important;
font-size: 2.3rem !important;
}
.txt-l {
font-size: 1.9em !important;
font-size: 1.9rem !important;
}
.txt-m {
font-size: 1.7em !important;
font-size: 1.7rem !important;
}
.txt-s {
font-size: 1.5em !important;
font-size: 1.5rem !important;
}
.txt-ss {
font-size: 1.3em !important;
font-size: 1.3rem !important;
}
.mrgTlll {
margin-top: 12rem !important;
}
.mrgTll {
margin-top: 8rem !important;
}
.mrgTl {
margin-top: 4rem !important;
}
.mrgT {
margin-top: 2rem !important;
}
.mrgTs {
margin-top: 1rem !important;
}
.mrgTss {
margin-top: 0.5rem !important;
}
.mrgTno {
margin-top: 0 !important;
}
.mrgBl {
margin-bottom: 4rem !important;
}
.mrgBll {
margin-bottom: 8rem !important;
}
.mrgB {
margin-bottom: 2rem !important;
}
.mrgBs {
margin-bottom: 1rem !important;
}
.mrgBss {
margin-bottom: 0.5rem !important;
}
.mrgBno {
margin-bottom: 0 !important;
}
.mrgRno {
margin-right: 0 !important;
}
.mrgLno {
margin-left: 0 !important;
}
.ws-nowrap {
white-space: nowrap;
}
@media screen and (max-width: 1400px) {
.cntbkbox span:before {
background: rgb(0, 0, 0, 0.3);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 30%, rgba(0, 0, 0, 1) 35%, rgba(0, 0, 0, 1) 100%);
}
}
@media screen and (max-width: 1199px) {
#headerarea #bilogo {
width: 125px;
}
#headerarea #hddate {
width: 630px;
top: 1.5rem;
left: 150px;
}
#headerarea nav > div {
padding: 3rem 4% 0 4%;
}
#headerarea nav ul#hdnav {
padding: 0 0 0 5%;
}
#headerarea nav ul#hdnav li {
margin: 0 0 0.75rem 0;
font-size: 1.6em;
font-size: 1.6rem;
}
#headerarea nav ul#hdnav li a,
#headerarea nav ul#hdnav li div {
padding: 0 0 0 20px;
}
#headerarea .box2 {
margin-top: 3rem;
padding: 0 0 0 5%;
}
#breadcrumb ol {
display: block;
line-height: 1.0 !important;
}
#breadcrumb ol li {
display: inline;
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.0 !important;
}
#breadcrumb ol li+li {
padding-left: 0.1rem;
}
#breadcrumb ol li+li::before {
display: inline;
font-size: 1.2em;
font-size: 1.2rem;
padding-right: 0.1rem;
line-height: 1.0 !important;
}
#contentsarea > header {
margin: 12rem 0 5rem 0;
}
#contentsarea > header:first-of-type {
margin: 0 0 5rem 0;
}
#schedulearea #contentsarea > header:first-of-type {
margin-top: 5rem !important;
}
.sponsor-list {
border-radius: 0.5rem;
padding: 2rem 4%;
}
.sponsor-list h3 {
margin: 0 0 2rem 0 !important;
}
#titlearea-details {
padding: 8rem 5% 5rem 5%;
}
#titlearea-details h1, #titlearea-details h1.en {
font-size: 4em;
font-size: 4rem;
margin-bottom: 2rem;
}
.introbox.box-l .textbox .photo {
width: 40%;
}
.introbox.box-l .textbox .text {
width: 58%;
}
.introbox .textbox .summary {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
margin-bottom: 1rem;
}
.introbox .textbox .info dt,
.introbox .textbox .info dd {
padding: 0.5rem 0 !important;
}
.cntbox {
padding: 4rem 5rem;
margin-top: 2rem;
}
.relatebox {
padding: 4rem 5rem;
margin: 3rem 0;
}
.relatebox ul li {
width: 49%;
margin-right: 2%;
margin-bottom: 1.5rem;
}
.relatebox ul li:nth-child(3n) {
margin-right: 2%;
}
.relatebox ul li:nth-child(2n) {
margin-right: 0;
}
#contentsarea {
padding: 15rem 7% 15rem 7%;
}
.eventlinklist li {
margin: 0 0 2rem 0;
}
.eventlinklist li a {
padding: 2rem 2rem 1.5rem 2rem;
}
.eventlinklist li .btn {
font-size: 3.2em !important;
font-size: 3.2rem !important;
margin-bottom: 0.75rem !important;
letter-spacing: 1px;
}
.eventlinklist li.play a {
background: rgb(249,185,72);
background: url(../common/play-b.svg) left 3.5rem top 4rem / 40px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
.eventlinklist li.reminder a {
background: rgb(249,185,72);
background: url(../common/reminder-b.svg) left 3.5rem top 4rem / 40px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
.eventlinklist li.ticket a {
background: rgb(249,185,72);
background: url(../common/ticket-b.svg) left 2.5rem top 4.5rem / 60px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
/*#programmainarea .eventlinklist li.play a {
background: rgb(249,185,72);
background: url(../common/play-b.svg) left 3.5rem top 4.5rem / 40px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
#programmainarea .eventlinklist li.reminder a {
background: rgb(249,185,72);
background: url(../common/reminder-b.svg) left 3.5rem top 4.5rem / 40px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
#programmainarea .eventlinklist li.ticket a {
background: rgb(249,185,72);
background: url(../common/ticket-b.svg) left 2.5rem top 4.5rem / 60px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}*/
.eventlinklist .info dt {
width: 28% !important;
}
.eventlinklist .info dd {
width: 72% !important;
}
.eventlinklist .info p {
font-size: 1.4em;
font-size: 1.4rem;
}
.eventlinklist .info p span {
padding: 0.1rem 0;
margin-right: 0.5rem;
font-size: 1.15em;
font-size: 1.15rem;
width: 90px;
}
.guestbox,
.aboutbox,
.joinbox {
padding: 4rem 5rem;
}
#sponsorarea .spsrbox .box1 p {
padding-bottom: 0;
}
#awardsarea .prize,
#ceremonyarea .prize {
padding: 0;
margin-bottom: 1.5rem;
}
#awardsarea .prize strong,
#ceremonyarea .prize strong {
padding: 0.2rem 4rem;
}
#awardsarea .col-4.prizebox {
width: 48.25%;
}
#ceremonyarea h3.prize {
font-size: 2.6em;
font-size: 2.6rem;
background: none;
border: none;
}
#awardsarea h4.prize,
#secmainarea h4.prize {
font-size: 2.0em;
font-size: 2.0rem;
background: none;
}
#awardsarea h4.prize span,
#secmainarea h4.prize span {
font-size: 1.6em;
font-size: 1.6rem;
}
#awardsarea h5,
#awardsarea h5.prize,
#secmainarea h5.prize {
font-size: 1.8em;
font-size: 1.8rem;
border: none;
line-height: 1.5;
}
#awardsarea h5.prize span,
#secmainarea h5.prize span {
font-size: 1.6em;
font-size: 1.6rem;
}
#awardsarea h5.prize-program-title {
font-size: 2.0em !important;
font-size: 2.0rem !important;
margin-bottom: 1.0rem !important;
}
#awardsarea .description,
#secmainarea .description {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
}
#programmainarea .program-all-list-box .movielist > li {
width: 24.25%;
margin-right: 1%;
margin-bottom: 1.25rem;
}
#programmainarea .program-all-list-box .movielist > li:nth-child(5n) {
margin-right: 1%;
}
#programmainarea .program-all-list-box .movielist > li:nth-child(4n) {
margin-right: 0;
}
#eventarea .eventlist li .photo {
width: 35%;
}
#eventarea .eventlist li .info {
width: 65%;
}
#sponsorarea .spsrbox {
background: #fff;
padding: 8rem 2% 3rem 2%;
}
#sponsorarea .spsrbox .box3-1 p {
width: 33.33333%;
padding: 0 0 0rem 0;
}
#sponsorarea .spsrbox .box3-2 p {
width: 31%;
padding: 0 0 2rem 0;
}
#sponsorarea .spsrbox .box3-3 p {
width: 29%;
padding: 0 0 2rem 0;
}
#sponsorarea .spsrbox .box3-3 p:nth-child(2) {
padding: 0 0 2rem 0;
margin-right: 6%;
}
#sponsorarea .spsrbox .box3-4 p {
width: 27%;
padding: 0 0 2rem 0;
}
#sponsorarea .spsrbox .box3-4 p:nth-child(1) {
margin-right: 5%;
}
.tablist {
flex-wrap: wrap;
}
.tablist li {
margin: 0 2% 1.5rem 0;
width: 49%;
}
.tablist li:nth-child(2n),
.tablist li:nth-child(4n) {
margin: 0 0 1rem 0;
}
#ftsponsorarea h3 br {
display: block;
}
#ftsponsorarea .box3 div:nth-of-type(1) p {
margin: 0 2rem 2rem 2rem;
}
#ftlogo {
width: 80%;
margin-bottom: 1rem;
}
#footerarea nav > div ul li {
margin-left: 1rem;
margin-right: 0;
}
#copyright {
letter-spacing: 0px;
}
#secmainarea.matchingarea:after {
top:5rem;
width:80%;
height:100%;
}
.cntlabelbox {
flex-direction: column;
justify-content: space-between;
align-items:stretch;
}
#contentsarea .eventdate {
margin: 0 0 1rem 0;
}
.eventvenue-list {
justify-content: flex-end !important;
align-items: flex-end !important;
}
.eventvenue-list li {
margin-left: 0 0 0.5rem 0.5rem !important;
font-size: 1.5em;
font-size: 1.5rem;
}
#programmainarea .movielist > li .eventvenue {
right: 1rem;
top: 1rem;
}
.banner-list li img {
max-height: 120px;
}
}
@media screen and (max-width: 992px) {
#headerarea #hddate {
display: none;
}
#headerarea ul#menu-lang {
right: 8rem;
top: 2rem;
}
.menu {
right: 1rem;
top: 1rem;
width: 48px;
height: 48px;
}
.menu span {
width: 28px;
height: 2px;
left: 8px;
}
.menu span:nth-child(1) {
top: 12px;
}
.menu span:nth-child(2) {
top: 21px;
}
.menu span:nth-child(3) {
top: 30px;
}
.menu.active span:nth-child(1) {
top: 21px;
left: 10px;
}
.menu.active span:nth-child(2),
.menu.active span:nth-child(3) {
top: 22px;
}
#headerarea nav > div {
display: block;
padding: 2rem 8% 0 8%;
}
#headerarea nav div.box:first-child h1 {
width: 30%;
margin: 0 auto;
text-align: center;
}
#headerarea nav div.box:first-child,
#headerarea nav div.box:last-child {
width: 100%;
}
#headerarea nav ul#hdnav {
padding: 0;
margin: 2rem 0;
}
#headerarea nav ul#lang {
margin-top: 3rem;
}
#headerarea .mail-magazine {
margin-top: 1.5rem;
font-size: 1.6em;
font-size: 1.6rem;
}
#headerarea nav.active #logo {
width: 40%;
margin: 0 auto;
}
#headerarea .box2 {
margin-top: 1.5rem;
padding: 0;
}
#modalarea div.box {
width: 85%;
}
#contentsarea {
padding: 12rem 7% 12rem 7%;
}
#titlearea .en {
font-size: 6em;
font-size: 6rem;
margin-bottom: 1rem;
}
#contentsarea > header,
#contentsarea header.h2title {
margin-bottom: 5rem;
padding-top: 6rem;
padding-bottom: 3rem;
}
#contentsarea > header > h2,
#contentsarea header.h2title > h2 {
font-size: 3.0em;
font-size: 3.0rem;
}
#contentsarea > header > p.en,
#contentsarea header.h2title > p.en {
margin-top: 0.2rem;
margin-bottom: 0;
font-size: 1.6em;
font-size: 1.6rem;
}
#contentsarea h2,
#contentsarea h1 {
font-size: 3.0em;
font-size: 3.0rem;
}
#contentsarea.details-area h2,
#contentsarea h3 {
font-size: 2.8em;
font-size: 2.8rem;
margin: 0 0 2.5rem 0;
padding: 0;
}
#contentsarea.details-area h3,
#contentsarea h4 {
font-size: 2.4em;
font-size: 2.4rem;
}
#contentsarea.details-area h4,
#contentsarea h5 {
font-size: 2.0em;
font-size: 2.0rem;
}
#contentsarea p.lead {
font-size: 1.8em;
font-size: 1.8rem;
margin-bottom: 1.25rem;
}
.program-menu-list li a,
.program-menu-list li a:hover {
background-position: left 2rem center;
background-size: 30px auto;
background-repeat: no-repeat;
}
.program-menu-list li a.keywords {
background-size: 28px auto;
}
.sponsor-list li {
margin-bottom: 2rem;
padding-bottom: 0.5rem;
}
.sponsor-list li .photo {
width: 30%;
margin-right: 2%;
}
.introbox {
margin-bottom: 3rem;
}
.introbox .textbox {
display: block;
}
.introbox .textbox .photo {
width: 100%;
margin-bottom: 2rem;
}
.introbox.box-l .textbox .photo {
width: 100%;
}
.introbox .textbox .text {
width: 100%;
}
.introbox.box-l .textbox .text {
width: 100%;
}
.cntbox,
.relatebox {
padding: 4rem;
margin-top: 1rem;
}
.cntbox header,
.relatebox header {
margin: 0 0 2rem 0;
}
.cntbox header p,
.relatebox header p {
font-size: 4em;
font-size: 4rem;
margin-right: 1rem;
}
.cntbox header h3 {
font-size: 2.2em;
font-size: 2.2rem;
}
#specialarea .cntbox {
padding: 2rem 3rem;
}
#ceremonyarea .cntbox header p,
#eventarea .cntbox header p,
#eventarea .cntbox header h3.en,
#specialarea .cntbox header p,
#specialarea .cntbox header h3.en,
#guestmainarea .cntbox header p,
#guestmainarea .cntbox header h3.en,
#secmainarea.matchingarea .cntboxx header p,
#secmainarea.matchingarea .cntbox.evntbox header h3.en,
#programmainarea .cntbox header p,
#programmainarea .relatebox header p,
#programmainarea .cntbox header h3.en,
#programmainarea .relatebox header h3.en,
#ceremonyarea .cntbox header h3.en {
font-size: 4em !important;
font-size: 4rem !important;
margin: 0 0 0.75rem 0 !important;
}
#ceremonyarea .cntbox header h3,
#programmainarea .cntbox header h3,
.relatebox header h3 {
font-size: 2.0em;
font-size: 2.0rem;
}
#ceremonyarea .cntbox header h3,
#eventarea .cntbox header h3,
#guestmainarea .cntbox header h3,
#programmainarea .cntbox header h3,
#programmainarea .relatebox header h3 {
font-size: 2.0em;
font-size: 2.0rem;
}
.cntbox h4,
.relatebox h4 {
font-size: 1.8em;
font-size: 1.8rem;
margin-bottom: 0.5rem;
}
#ticketarea .cntbox h4 {
margin-top: 0.5rem;
}
.infobox h2 {
margin: 2rem 0 1rem 0;
}
.cntbox h5 {
font-size: 1.6em;
font-size: 1.6rem;
margin-bottom: 0.3rem;
}
.textbox2 {
margin-top: 1rem;
}
.textbox p {
line-height: 1.75;
margin-bottom: 1.0rem;
}
.textbox .photo2 {
width: 35%;
}
.textbox .text2 {
width: 61%;
}
table thead th {
padding: 0.5rem 0;
font-size: 1.2em;
font-size: 1.2rem;
}
.textbox2 table tbody th:first-child {
padding: 0.5rem 0 !important;
display: block;
width: 100%;
font-size: 1.4em;
font-size: 1.4rem;
}
#contentsarea .screeningbox p.link {
font-size: 1.8em;
font-size: 1.8rem;
}
#eventlinkbtn {
top: 155px;
}
#eventlinkbtn li {
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.6;
letter-spacing: 1px;
border-radius: 5px 0 0 5px;
}
#eventlinkbtn li span {
font-size: 1.2em;
font-size: 1.2rem;
letter-spacing: 1px;
}
#eventlinkbtn li p {
margin: 0.5rem 0 0 0 !important;
}
#eventlinkbtn li a {
border-radius: 5px 0 0 5px;
padding: 3.8rem 1rem 1.25rem 1rem;
background-position: center top 0.5rem, left top;
background-size: 35px auto, cover;
}
#eventlinkbtn li.play a {
background-size: 25px auto, cover;
background-image: url("../common/play-b.svg"), url("../common/btnbk.jpg");
}
#eventlinkbtn li.reminder a {
background-image: url("../common/reminder-b.svg"), url("../common/btnbk.jpg");
}
#eventlinkbtn li.ticket a {
padding: 3rem 1rem 1.25rem 1rem;
background-position: center top 1rem, left top;
background-image: url("../common/ticket-b.svg"), url("../common/btnbk.jpg");
}
#programmainarea #eventlinkbtn li.play a {
background: rgb(249,185,72);
padding: 3rem 0.8rem 1rem 0.5rem;
background: url(../common/play-b.svg) center top 0.75rem / 25px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
#programmainarea #eventlinkbtn li.reminder a {
background: rgb(249,185,72);
padding: 3rem 0.8rem 1rem 0.5rem;
background: url(../common/reminder-b.svg) center top 0.75rem / 25px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
#programmainarea #eventlinkbtn li.ticket a {
background: rgb(249,185,72);
padding: 3rem 0.8rem 1rem 0.5rem;
background: url(../common/ticket-b.svg) center top 1rem / 30px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
#programmainarea .movielist > li ul {
margin-top: 1.5rem;
display: block;
}
#programmainarea .movielist > li ul li {
margin: 0.5rem 0 0 0;
}
#programmainarea .movielist > li ul li.link a {
padding: 0.8rem 2.5rem 0.8rem 3.5rem;
}
.guestbox,
.aboutbox,
.joinbox {
padding: 4rem;
}
.guestbox .textbox .photo {
width: 35%;
}
.guestbox .textbox .text {
width: 61%;
}
.schedule-date-list li.date-details-box {
width: 33%;
margin-right: 0.5%;
margin-bottom: 0.5rem;
border-radius: 0.5rem;
}
.schedule-date-list li.date-details-box:nth-child(4n) {
margin-right: 0.5%;
}
.schedule-date-list li.date-details-box:nth-child(3n) {
margin-right:0;
}
.eventlinklist {
padding: 5rem 0 0 0;
display: block;
}
.eventlinklist li {
display: block;
margin: 0 0 2rem;
width: 100%;
}
.eventlinklist li p {
margin-bottom: 0 !important;
}
.eventlinklist li .btn {
font-size: 3.0em;
font-size: 3.0rem;
margin-bottom: 0.5rem !important;
}
.eventlinklist .info p span {
display: block;
padding: 0.1rem 0;
margin: 0 0 0.5rem 0;
width: 100%;
}
.snsbtnlist {
margin-bottom: 1.5rem;
}
.onlinecomment {
margin: 0 0 1rem 0 !important;
}
.cntbkbox span {
width: 115%;
margin-top: -1%;
}
.cntlabelbox div {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
}
.catchcopy {
font-size: 2.0em !important;
font-size: 2.0rem !important;
margin: 0 !important;
}
.cntlabelbox {
align-items: flex-start;
margin-bottom: 1.5rem;
}
.programdetailsarea #cnthdarea {
padding: 1.5rem 7% 0 7%;
}
#cnthdarea .category {
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1.4;
margin-bottom: 0.3rem;
}
#titlearea-details {
padding: 7rem 7% 0rem 7%;
}
#cnthdarea .top-category {
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.4;
}
#cnthdarea .program {
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.4;
}
#cnthdarea .awardwinner img {
height: 35px;
}
#titlearea-details h1,
#titlearea-details h1.en {
font-size: 3.6em;
font-size: 3.6rem;
margin-bottom: 1.5rem;
}
#titlearea-details p {
font-size: 2.2em;
font-size: 2.2rem;
}
.guestlist li .date {
font-size: 3.6em !important;
font-size: 3.6rem !important;
}
.guestlist li .date span {
display: block;
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.4;
margin-left: 0;
}
.movielabel {
margin-bottom: 1rem;
}
#infomainarea .infolist {
margin-bottom: 1rem;
display: block;
}
#infomainarea .infolist li {
width: 100%;
margin-right: 0;
flex-direction: row;
}
#infomainarea .infolist li a {
width: 100%;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: stretch;
color: #efeeea;
position: relative;
}
#infomainarea .infolist li .photo {
width: 25%;
}
#infomainarea .infolist li .info {
padding: 1rem;
width: 75%;
}
#infomainarea .infolist li .title,
#infomainarea .infolist li:nth-child(1) .title {
font-size: 1.6em;
font-size: 1.6rem;
}
#specialarea #contentsarea .flexbox.splistbox .col-4 {
margin-bottom: 3rem;
width: 48%;
}
#specialarea .flexbox.splistbox .col-4:nth-child(3n) {
margin-right: 3.5%;
}
#specialarea .flexbox.splistbox .col-4:nth-child(2n) {
margin-right: 0;
}
#specialarea .splistbox h2 {
font-size: 1.75em;
font-size: 1.75rem;
}
#sponsorarea .spsrbox {
background: #fff;
padding: 4rem 1% 2rem 1%;
}
#sponsorarea .spsrbox .box1,
#sponsorarea .spsrbox .box2,
#sponsorarea .spsrbox .box4 div,
#sponsorarea .spsrbox .box5 div,
#sponsorarea .spsrbox .box6 div,
#sponsorarea .spsrbox .box7 div,
#sponsorarea .spsrbox .box8,
#sponsorarea .spsrbox .box9 {
margin: 0 auto 3rem auto;
}
#sponsorarea .spsrbox p {
width: 100%;
padding: 0 6% 2rem 6%;
}
#sponsorarea .spsrbox .box7 p {
max-width: 230px;
}
#sponsorarea .spsrbox .box8 h3 {
font-size: 1.2em !important;
font-size: 1.2rem !important;
}
#sponsorarea .spsrbox #txtarea p {
font-size: 1.6em !important;
font-size: 1.6rem !important;
}
#ceremonyarea .cntbox .box {
width: 100%;
}
#eventarea .eventlist li .date {
line-height: 1.2;
}
#schedulearea .note {
display: block;
}
#schedulearea .sctable {
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#schedulearea .sctable2 {
table-layout: auto;
}
#schedulearea .sctable tr th {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
#schedulearea .sctable td {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
#schedulearea .sctable2 tr > th:nth-child(1) {
width:auto;
}
#schedulearea .sctable2 tr > th:nth-child(2) {
font-size: 1.4em;
font-size: 1.4rem;
width:auto;
}
#schedulearea .sctable2 tr > th.thcol {
font-size: 1.4em;
font-size: 1.4rem;
}
#schedulearea .sctable p.date span:nth-child(1),
#schedulearea .sctable2 p.date span:nth-child(1) {
font-size: 2.0em;
font-size: 2.0rem;
}
#schedulearea .sctable p.date span:nth-child(2),
#schedulearea .sctable2 p.date span:nth-child(2) {
font-size: 4.4em;
font-size: 4.4rem;
}
#secmainarea.matchingarea:after {
top:2rem;
width:90%;
height:100%;
}
#specialarea h5.title {
line-height: 1.5;
}
#programmainarea .program-all-list-box .movielist > li {
width: 32.5%;
margin-right: 1.25%;
margin-bottom: 1rem;
}
#programmainarea .program-all-list-box .movielist > li:nth-child(5n) {
margin-right: 1.25%;
}
#programmainarea .program-all-list-box .movielist > li:nth-child(4n) {
margin-right: 1.25%;
}
#programmainarea .program-all-list-box .movielist > li:nth-child(3n) {
margin-right: 0;
}
#programmainarea .movielist > li .eventvenue {
right: 0.5rem;
top: 0.5rem;
}
#contentsarea .eventvenue {
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.4;
margin: 0;
}
#contentsarea .eventvenue span.on {
display: inline-block;
background: #9c259c url(../common/online.svg) left 0.5rem top 0.4rem no-repeat;
background-size: 12px auto;
padding: 0.2rem 0.5rem 0.2rem 2.2rem;
}
#contentsarea .eventvenue span.off {
display: inline-block;
background: #13399a url(../common/offline.svg) left 0.5rem top 0.5rem no-repeat;
background-size: 12px auto;
padding: 0.2rem 0.5rem 0.2rem 2.2rem;
}
#programmainarea .movielist > li .eventvenue span {
border-radius: 0.5rem;
}
.tablist {
justify-content: flex-start;
margin: 0 0 1rem 0;
flex-wrap: wrap;
}
.tablist li {
width: 49%;
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1.4;
margin-bottom: 0.3rem;
}
.tablist li:nth-child(2n) {
margin-right: 0;
}
.tablist li strong {
font-size: 1.75em;
font-size: 1.75rem;
letter-spacing: 0px;
margin-right: 0.5rem;
}
.tablist li br {
display: none;
}
#breadcrumb {
padding: 0rem 7% 0 7%;
}
#contentsarea > header {
margin: 12rem 0 4rem 0;
}
#contentsarea > header:first-of-type {
margin: 0 0 4rem 0;
}
#search-form-area .form-box {
width: 100%;
}
#search-form-area .form-box div {
padding: 1rem;
}
#footerarea {
display: block;
padding: 3rem 5% 3rem 5%;
background: url(../common/ftbk.jpg) center bottom / 100% 100% no-repeat;
}
#footerarea > nav {
width: 100%;
}
#footerarea > div {
width: 40%;
margin: 3rem auto 0 auto;
}
#ftlogo {
max-width: 140px;
text-align: center;
margin: 0 auto 2rem auto;
}
#ftsponsorarea .box2 p {
margin: 0 1rem 2rem 1rem;
max-width: 300px;
}
#ftsponsorarea .box3 br {
display: none;
}
#ftsponsorarea .box3 div:nth-of-type(1) p {
margin: 0 0 2rem 0;
}
#ftsponsorarea .box3 div:nth-of-type(1) p:nth-of-type(1) {
margin: 0 2rem 0.5rem 0;
}
#ftsponsorarea .box3 > div:nth-of-type(4) .box3-1 p {
margin: 0 1rem 2rem 1rem;
}
#ftsponsorarea .box3 > div:nth-of-type(4) p {
margin: 0 1rem 0.5rem 1rem;
}
#copyright {
text-align: center;
}
.banner-list {
margin-bottom: 4rem;
}
.banner-list li {
margin: 0 1% 1.5rem 1%;
}
.banner-list li img {
max-height: 100px;
}
#pagetop {
bottom: 1rem;
right: 1rem;
width: 48px;
}
#pagetop a {
width: 48px;
height: 48px;
}
#pagetop a::before {
margin-top: 17px;
margin-left: 14px;
width: 16px;
height: 16px;
}
.txt-lll {
font-size: 2.4em !important;
font-size: 2.4rem !important;
}
.txt-ll {
font-size: 2.0em !important;
font-size: 2.0rem !important;
}
.txt-l {
font-size: 1.75em !important;
font-size: 1.75rem !important;
}
.txt-m {
font-size: 1.6em !important;
font-size: 1.6rem !important;
}
.txt-s {
font-size: 1.4em !important;
font-size: 1.4rem !important;
}
.txt-ss {
font-size: 1.1em !important;
font-size: 1.1rem !important;
}
.mrgTlll {
margin-top: 6rem !important;
}
.mrgTll {
margin-top: 4rem !important;
}
.mrgTl {
margin-top: 2rem !important;
}
.mrgT {
margin-top: 1rem !important;
}
.mrgTs {
margin-top: 0.5rem !important;
}
.mrgTss {
margin-top: 0.3rem !important;
}
.mrgBl {
margin-bottom: 2rem !important;
}
.mrgBll {
margin-bottom: 4rem !important;
}
.mrgB {
margin-bottom: 1rem !important;
}
.mrgBs {
margin-bottom: 0.5rem !important;
}
.mrgBss {
margin-bottom: 0.3rem !important;
}
.supporterlist li {
width: 32.666666%;
padding: 1.5rem 0rem;
margin-bottom: 0.7rem;
margin-right: 1%;
}
.supporterlist li:nth-child(4n) {
margin-right: 1%;
}
.supporterlist li:nth-child(3n) {
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
body {
background: none;
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: 0.5px;
}
article img {
border-radius: 0.5rem;
}
#bodyarea::before,
#juryarea::before,
#programmainarea::before,
#eventarea::before,
#guestmainarea::before,
#infomainarea::before,
#specialarea::before,
#schedulearea::before,
#onlinemainarea::before,
#ceremonyarea::before,
#ticketarea::before,
#accessarea::before,
#awardsarea::before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-1;
width:100%;
height:100vh;
background: #070000 url("../common/bk_sp.jpg") center top / 100% 100% no-repeat;
}
#secmainarea.matchingarea:before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-2;
width:100%;
height:100vh;
background: #070000 url("../common/bk_sp2.jpg") center top / 100% 100% no-repeat;
}
#ceremonyarea.brandedarea:before {
content:"";
display:block;
position:fixed;
top:0;
left:0;
z-index:-2;
width:100%;
height:100vh;
background: url("../common/bk_sp3.jpg") center top / 100% auto fixed;
}
#onlinemainarea:after {
background: url(../common/onlinebk_sp.png) center top / 100% auto no-repeat;
}
#headerarea {
height: 90px;
}
#headerarea #bilogo {
width: 110px;
top: 1rem;
left: 1.5rem;
}
#headerarea ul#menu-lang {
right: 7rem;
top: 2rem;
}
#modalarea div.box {
width: 98%;
}
#headerarea nav.active #logo {
width: 26%;
}
#headerarea nav h1 {
width: 30%;
}
#headerarea nav ul#hdnav {
padding: 0;
margin: 1.5rem 0 0.5rem 0;
}
#headerarea nav ul#hdnav li {
list-style-type: none;
margin: 0 0 0.7rem 0;
width: 50%;
font-size: 1.4em;
font-size: 1.4rem;
text-align: left;
border-bottom: rgba(255, 243, 176, 0.2) 1px solid !important;
padding-bottom: 0.8rem !important;
margin-bottom:0.85rem !important;
}
#headerarea nav ul#hdnav li:nth-child(1) {
margin: 0 0 0.75rem 0;
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.3;
}
#headerarea nav ul#hdnav li:nth-child(1) a {
padding: 0 0 0 18px;
background: url(../common/arrow001.svg) left top 0.6rem no-repeat;
background-size: 11px auto;
}
#headerarea nav ul#hdnav li a {
padding: 0 0 0 18px;
background: url(../common/arrow001.svg) left top 0.3rem no-repeat;
background-size: 11px auto;
}
#headerarea nav ul#hdnav li:nth-child(9),
#headerarea nav ul#hdnav li:nth-child(11),
#headerarea nav ul#hdnav li:nth-child(21),
#headerarea nav ul#hdnav li:nth-child(12),
#headerarea nav ul#hdnav li:nth-child(19) {
width: 50%;
}
#headerarea nav ul#hdnav li div {
padding: 0 0 0 18px;
background: url(../common/arrow001-g.svg) left top 0.3rem no-repeat;
background-size: 11px auto;
}
#headerarea nav ul#lang {
margin-top: 1.5rem;
}
#headerarea nav ul#lang li {
font-size: 1.4em;
font-size: 1.4rem;
}
#headerarea nav ul#lang li a,
#headerarea nav ul#lang li a:hover {
padding: 0.2rem 0;
}
#headerarea .box2 form div {
padding: 0.5rem 0.75rem 0.5rem 0.75rem;
border-radius: 30px;
}
#headerarea .snslist li {
width: 20px;
margin: 0 5%;
}
#headerarea .box2 {
margin: 0;
display: block;
}
#headerarea .box2 form {
width: 100%;
}
#headerarea .snslist {
width: 100%;
margin-top: 1.5rem;
justify-content: center;
}
#headerarea .mail-magazine {
margin-top: 1.5rem;
padding-bottom: 1.5rem;
font-size: 1.4em;
font-size: 1.4rem;
}
#headerarea .mail-magazine a {
padding-left: 2.2rem;
background: url(../common/mail-magazine-w.svg) left center / 18px auto no-repeat;
color: #efeeea;
}
#titlearea {
width: 100%;
padding: 4rem 5% 0rem 5%;
background: url(../common/bk_ov007.png) center top / auto 100% no-repeat;
}
#titlearea .en {
font-size: 3.6em;
font-size: 3.6rem;
letter-spacing: 0px;
}
#titlearea .jp {
font-size: 1.5em;
font-size: 1.5rem;
font-weight: 600;
line-height: 1.0;
letter-spacing: 3px;
margin-top: 1.5rem;
}
#breadcrumb {
padding: 0rem 5% 0 5%;
}
#breadcrumb ol {
display: block;
line-height: 1.0 !important;
word-break: keep-all;
white-space: nowrap;
overflow-x: scroll;
overflow-y:hidden;
-webkit-overflow-scrolling: touch;
}
#contentsarea {
padding: 5rem 6% 5rem 6%;
margin: 0 0 2rem 0;
}
#contentsarea > header,
#contentsarea header.h2title {
margin: 3rem 0 0.5rem 0;
padding-top: 4rem;
padding-bottom: 1.5rem;
}
#contentsarea > header:first-of-type {
margin: 0 0 2rem 0;
}
.matchingarea #contentsarea > header:before {
border-right: #c76e42 8px dashed;
}
#contentsarea h2,
#contentsarea h1 {
font-size: 2.2em;
font-size: 2.2rem;
letter-spacing: 0.5px;
}
#contentsarea.details-area h2,
#contentsarea h3 {
font-size: 1.8em;
font-size: 1.8rem;
margin: 0.5rem 0 1.25rem 0;
padding: 0;
}
#contentsarea .sbox h3 {
margin: 2rem 0 1rem 0;
padding: 0;
background: none;
}
#contentsarea > header > h2,
#contentsarea header.h2title > h2 {
font-size: 2em;
font-size: 2rem;
}
#contentsarea.details-area h3,
#contentsarea h4 {
font-size: 1.7em;
font-size: 1.7rem;
margin: 2rem 0 1rem 0;
padding: 0rem 0 0rem 1.5rem;
}
.matchingarea #contentsarea.details-area h3,
.matchingarea #contentsarea h4 {
margin: 2.5rem 0 0.5rem 0;
}
#contentsarea.details-area h3::before,
#contentsarea h4::before {
top: -0.1rem;
font-size: 1.4em;
font-size: 1.4rem;
}
#contentsarea.details-area h4,
#contentsarea h5 {
font-size: 1.65em;
font-size: 1.65rem;
margin: 1.5rem 0 0.75rem 0;
padding: 0.5rem 1rem;
}
#contentsarea .cntbox .head-title {
padding: 0rem 1.5rem 0rem 1.85rem !important;
font-size: 1.65em !important;
font-size: 1.65rem !important;
}
#contentsarea .cntbox .head-title:before {
top: 0.6rem;
width: 1.2rem;
height: 1.2rem;
}
#contentsarea .cntbox .head-title2 {
position: relative;
font-size: 1.6em !important;
font-size: 1.6rem !important;
line-height: 1.4 !important;
margin: 0 0 0.3rem 0 !important;
padding: 0.75rem 0 !important;
}
#specialarea .cntbox {
padding: 1rem 1.5rem;
}
#contentsarea.details-area h5 {
margin: 1rem 0 1rem 0;
padding: 0.5rem 0 0.5rem 1.5rem;
font-size: 1.65em;
font-size: 1.65rem;
}
#contentsarea.details-area h5::before {
top: 0.4rem;
width: 4px;
height: 2.3rem;
}
#contentsarea p.lead {
font-size: 1.65em;
font-size: 1.65rem;
line-height: 1.4;
margin-bottom: 0.5rem;
}
#contentsarea p {
margin-bottom: 0.5rem;
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.5;
}
#cnthdarea p {
margin-left:0;
}
#cnthdarea .program {
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.4;
}
.eventvenue-list {
display: flex;
justify-content: flex-end;
flex-wrap:wrap;
}
.eventvenue-list li {
margin: 0 0 0.3rem 0.3rem !important;
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.4;
}
.eventvenue-list li span.in-person {
display: inline-block;
background: #13399a url(../common/in-person.svg) left 0.3rem center no-repeat;
background-size: 13px auto;
padding: 0.2rem 0.4rem 0.2rem 2rem;
}
.eventvenue-list li span.on {
display: inline-block;
background: #9c259c url(../common/online.svg) left 0.5rem center no-repeat;
background-size: 15px auto;
padding: 0.2rem 0.4rem 0.2rem 2.3rem;
}
.eventvenue-list li span.on span{
background: #330033;
padding: 0 0.5rem;
margin-left: 0.5rem;
border-radius: 2px;
}
.eventvenue-list li span.off {
display: inline-block;
background: #6b386b url(../common/offline.svg) left 0.5rem center no-repeat;
background-size: 14px auto;
padding: 0.2rem 0.4rem 0.2rem 2.3rem;
}
.program-menu-list li {
width: 33%;
margin-bottom: 1rem;
font-size: 1.4em;
font-size: 1.4rem;
letter-spacing: 1px;
}
.program-menu-list li strong {
font-size: 1.75em;
font-size: 1.75rem;
}
.program-menu-list li a,
.program-menu-list li a:hover {
background-position: left 1.5rem center;
background-size: 25px auto;
background-repeat: no-repeat;
}
.program-menu-list li a.keywords {
background-size: 22px auto;
}
.sponsor-list li {
flex-direction: column;
}
.sponsor-list li .photo {
width: 60%;
margin: 0 20%;
}
.sponsor-list li .info {
width:100%;
}
.sponsor-list li .info * {
word-break: break-all;
}
.sponsor-list h3 {
margin: 0 0 1rem 0 !important;
}
.catchcopy {
font-size: 1.65em !important;
font-size: 1.65rem !important;
margin-bottom: 0.2rem !important;
}
.onlinecomment {
margin-bottom: 0.5rem !important;
font-size: 1.4em !important;
font-size: 1.4rem !important;
line-height: 1.6 !important;
}
.onlinecomment span {
padding: 0 18px;
}
.cntlabelbox {
margin-bottom: 1rem;
}
.movielabel {
margin-top: 0rem;
}
.movielabel li {
padding: 0.2rem 0.8rem 0.1rem 0.8rem;
border-radius: 2px;
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.4;
margin: 0 0.2rem 0 0;
}
.cntlabelbox {
flex-direction: column;
}
#contentsarea .eventdate {
font-size: 2.6em;
font-size: 2.6rem;
letter-spacing: 0px;
margin-bottom: 1rem;
line-height: 1;
display: inline-block;
vertical-align:baseline;
}
#contentsarea .eventdate span:first-child,
#contentsarea .eventdate span:last-child {
padding:0;
}
#contentsarea .eventdate span {
font-size: 1.6em;
font-size: 1.6rem;
margin-left:0.5rem;
letter-spacing:0;
vertical-align:baseline;
line-height: 1;
}
#contentsarea .update {
padding-right: 16px;
font-size: 1.2em;
font-size: 1.2rem;
background: url(../common/update.svg) right center no-repeat;
background-size: 14px auto;
}
.moviebox .playbtn span {
display: block;
position: absolute;
right: auto;
left: 1.5rem;
bottom: 1.5rem;
width: 8%;
}
.cntbox .comment {
margin-top: 1.5rem;
padding: 1rem;
}
.textbox {
margin-top: 2rem;
}
#contentsarea .text p {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.6;
margin-bottom: 1.0rem;
}
#eventarea #contentsarea .text p {
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.6 !important;
margin-bottom: 1rem !important;
letter-spacing: 0px;
}
#eventarea #contentsarea .text ol,
#eventarea #contentsarea .text ul {
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.6;
}
#contentsarea > header > p.en,
#contentsarea > header.h2title > p.en {
margin-top: 0rem;
font-size: 1.6em;
font-size: 1.6rem;
}
#schedulearea .swiper .swiper-slide {
padding: 0.2rem 0.5rem 0.5rem 0.5rem;
}
#schedulearea .swiper .swiper-slide p.date {
margin-bottom: 0.5rem !important;
font-size: 2.4em !important;
font-size: 2.4rem !important;
line-height: 1.2 !important;
}
#schedulearea .swiper .swiper-slide p.venue {
padding-top: 0.5rem;
font-size: 1.2em !important;
font-size: 1.2rem !important;
}
#schedulearea .swiper .swiper-slide p.date span {
font-size: 1.2em;
font-size: 1.2rem;
letter-spacing: 1px;
}
#schedulearea #contentsarea h3 {
padding: 0 0 0 0.8rem;
line-height: 0.8 !important;
}
.schedule-box h3 {
margin: 0 0 0 0 !important;
font-size: 3.5em !important;
font-size: 3.5rem !important;
background: none !important;
}
.schedule-box {
padding: 0.8rem 1rem 0.5rem 1rem;
}
#schedulearea #contentsarea h3 span {
font-size: 1.4em;
font-size: 1.4rem;
letter-spacing: 1px;
}
.schedule-date-list {
display: flex;
flex-wrap: wrap;
width: 100%;
justify-content: space-between;
flex-direction: column;
margin-bottom: 0.5rem;
}
.schedule-date-list li.date-details-box:nth-child(3n),
.schedule-date-list li.date-details-box:nth-child(4n) {
margin-right: 0;
}
.schedule-date-list li.date-details-box {
width: 100%;
margin-right: 0;
margin-bottom: 0.5rem;
border-radius: 0.5rem;
padding: 0.5rem;
}
.schedule-date-list li.date-details-box p.content {
padding: 0 !important;
font-size: 1.5em !important;
font-size: 1.5rem !important;
width: 45%;
}
.schedule-date-list li.date-details-box div a.fwrap p.content {
padding: 0.8rem 0 0 0 !important;
width: 100%;
}
.schedule-date-list li.date-details-box p.content.box-l {
padding: 1.5rem 0 !important;
width: 100% !important;
}
.schedule-date-list li.date-details-box p.content.box-l br {
display: none;
}
.schedule-date-list li.date-details-box a {
width: 100%;
padding: 0 2.5rem 0 0;
flex-direction: row;
border-radius: 0.5rem;
background: #fff url(../common/arrow001-b.svg) right 0.5rem center / 18px auto no-repeat;
}
.schedule-date-list li.date-details-box div a {
display: flex;
}
.schedule-date-list li.date-details-box div a.fwrap {
flex-direction: column;
}
.schedule-date-list li.date-details-box a:hover {
background: #fffff6 url(../common/arrow001-b.svg) right 0.5rem center / 18px auto no-repeat;
}
.schedule-date-list li.date-details-box time {
padding: 0 0 0.3rem 0;
font-size: 2.2em;
font-size: 2.2rem;
border-bottom: none;
border-right: #999 1px dotted;
width: 55%;
}
.schedule-date-list li.date-details-box div a.fwrap time {
width: 100%;
border-right: none;
border-bottom: #999 1px dotted;
}
.schedule-date-list li.date-details-box time span {
font-size: 1.2em;
font-size: 1.2rem;
}
#contentsarea .schedule-box h4 {
padding: 1.15rem 1.25rem 0.9rem 1.25rem !important;
font-size: 1.75em !important;
font-size: 1.75rem !important;
}
.schedule-box .venue a {
padding-left: 2rem;
background: url(../common/arrow001-w.svg) left top 0.5rem / 13px auto no-repeat;
}
.schedule-box header {
flex-direction: column;
align-items:flex-start;
}
.schedule-box .end-date {
margin: 0.5rem 0 0 1rem !important;
font-size: 1.2em !important;
font-size: 1.2rem !important;
}
#programmainarea .program-all-list-box .movielist > li a {
display: flex;
justify-content: space-between;
}
#programmainarea .program-all-list-box .movielist > li {
width: 100%;
margin-right: 0;
margin-bottom: 0.75rem;
border-radius: 0.5rem;
}
#programmainarea .program-all-list-box .movielist > li:nth-child(4n) {
margin-right: 0;
}
#programmainarea .program-all-list-box .movielist > li .photo {
border-radius: 0.5rem 0 0 0.5rem;
width: 40%;
}
#programmainarea .program-all-list-box .movielist > li .text {
padding: 1rem 1rem;
width:60%;
border-radius: 0 0.5rem 0.5rem 0;
}
#programmainarea .program-all-list-box .movielist > li .text .top-category {
margin-bottom: 0.2rem;
font-size: 1.2em;
font-size: 1.2rem;
}
#programmainarea .program-all-list-box .movielist > li .text .category {
margin-bottom: 0.5rem;
font-size: 1.1em;
font-size: 1.1rem;
}
#programmainarea .program-all-list-box .movielist > li .text h3 {
font-size: 1.4em;
font-size: 1.4rem;
}
#programmainarea .program-all-list-box .movielist > li .text .en {
margin-bottom: 0.3rem;
font-size: 1.1em;
font-size: 1.1rem;
letter-spacing: 1px;
}
#programmainarea .program-all-list-box .movielist > li .text .info {
font-size: 1.2em;
font-size: 1.2rem;
margin: 0.5rem 0 0 0;
}
#programmainarea #contentsarea .program-all-list-box .movielist > li .text .mature {
background: url(../common/mature.svg) left top 0.2rem no-repeat;
background-size: 13px auto;
padding: 0 0 0 1.6rem;
}
.snsbtnlist li {
margin-left: 0.7rem;
}
.snsbtnlist {
margin-bottom: 0.75rem;
}
.snsbtnlist li a {
display: block;
padding: 0.5rem 0.65rem;
}
.twbtnlist {
margin: 0.5rem 0 0 0;
}
.twbtnlist li {
font-size: 1.6em;
font-size: 1.6rem;
}
.twbtnlist li a {
padding: 1.2rem 2rem 1.2rem 4.5rem;
border-radius: 3px;
background: #1d9bf0 url(../common/icon_twitter-w.svg) left 2rem center no-repeat;
background-size: 26px auto;
}
.fbbtnlist {
margin: 0.5rem 0 0 0;
}
.fbbtnlist li {
font-size: 1.6em;
font-size: 1.6rem;
}
.fbbtnlist li a {
padding: 1.2rem 2rem 1.2rem 4.5rem;
border-radius: 3px;
background: #1b74e4 url(../common/icon_facebook-w.svg) left 2rem center no-repeat;
background-size: 26px auto;
}
.cntbox,
.relatebox {
margin-top: 1rem;
padding: 2rem;
}
.cntbox header:first-child {
margin-top: 0;
}
.cntbox header {
margin: 0 0 1rem 0;
display: block;
}
.cntbox header p {
font-size: 2.8em;
font-size: 2.8rem;
margin-right: 0rem;
margin-bottom: 0.3rem;
}
.cntbox header h3 {
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.5;
letter-spacing: 0px;
}
.introbox > .textbox:first-of-type {
margin-top:0;
}
.programdetailsarea .details-area h3,
.programdetailsarea h4 {
margin: 4rem 0 0.5rem 0 !important;
}
.relatebox ul li a .text h4 {
font-size: 1.4em !important;
font-size: 1.4rem !important;
line-height: 1.4 !important;
margin-bottom: 0.3rem !important;
}
.cntbox .textbox .photo,
.cntbox .textbox .photo2 {
width: 60%;
margin: 0 auto 1.5rem auto;
}
.cntbox .textbox .text,
.cntbox .textbox .text2 {
width: 100%;
}
.eventlinklist {
padding: 0;
margin-top: 1rem;
}
.guestbox,
.aboutbox,
.joinbox {
margin-top: 2rem;
padding: 2rem 2rem 1rem 2rem;
}
.guestbox header,
.aboutbox header,
.joinbox header {
margin: 0 0 1rem 0;
}
.guestbox header p,
.aboutbox header p,
.joinbox header p {
font-size: 3em;
font-size: 3rem;
margin-right: 1rem;
}
.guestbox header h3,
.aboutbox header h3,
.joinbox header h3 {
font-size: 1.6em;
font-size: 1.6rem;
letter-spacing: 0px;
}
.textbox {
margin-top: 1rem;
display: block;
}
.textbox .photo,
.textbox .photo2 {
width: 60%;
margin: 0 auto;
}
.textbox .text {
width: 100%;
margin: 1rem 0 1.5rem 0;
}
.textbox h4 {
font-size: 1.8em;
font-size: 1.8rem;
margin-bottom: 0.5rem;
}
.textbox2 table {
border:none;
}
.textbox2 table tbody th:first-child {
border-top: rgba(0, 0, 0, 0.3) 1px solid;
}
.textbox2 table thead {
display: none;
}
.textbox2 table tbody th:nth-child(2) {
width: 100%;
border:none;
padding: 1rem 0 0 0;
}
.textbox2 table tbody td {
padding: 0.2rem 0 0 0;
width: 100% !important;
text-align: center;
border:none;
}
.textbox2 table tbody tr th:first-child {
margin-top:1rem;
}
.relatebox ul {
display: block;
}
.relatebox ul li {
width: 100%;
margin: 0 0 0.5rem 0;
}
.relatebox ul li a {
padding:0.5rem;
}
.relatebox ul li a .text h4 {
margin-bottom: 0.3rem;
}
.relatebox .textbox .text {
margin: 0;
}
.relatebox .textbox .text p {
font-size: 1.2em !important;
font-size: 1.2rem !important;
line-height: 1.4 !important;
margin-bottom: 0rem !important;
}
.relatebox ul li a .photo {
width: 25%;
}
.relatebox ul li a .text {
width: 72%;
}
.infobox h2 {
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.6;
margin: 1rem 0 0.5rem 0;
}
.infobox h3 {
font-size: 1.75em;
font-size: 1.75rem;
line-height: 1.5;
font-weight: normal;
margin: 1rem 0 0.5rem 0;
padding-left: 0.7rem;
border-left: #fffff6 7px solid;
}
.infobox img {
padding: 0;
}
.infobox p {
margin: 0rem 0 0.5rem 0;
}
.introbox {
margin-bottom: 1rem;
}
.introbox .textbox .photo {
margin-bottom: 1rem;
}
.textbox2 p {
font-size: 1.4em;
font-size: 1.4rem;
}
.textbox .text2 p {
font-size: 1.4em !important;
font-size: 1.4rem !important;
}
#eventarea .introbox {
border-radius: 0.5rem;
padding: 2rem 5%;
}
#ceremonyarea .cntbox header,
#eventarea .cntbox header,
#specialarea .cntbox header,
#guestmainarea .cntbox header,
#secmainarea.matchingarea .cntbox.evntbox header,
#programmainarea .cntbox header,
#programmainarea .relatebox header {
margin: 1rem 0 1.5rem 0;
display: block;
}
#ceremonyarea .cntbox header p,
#eventarea .cntbox header p,
#eventarea .cntbox header h3.en,
#specialarea .cntbox header p,
#specialarea .cntbox header h3.en,
#guestmainarea .cntbox header p,
#guestmainarea .cntbox header h3.en,
#secmainarea.matchingarea .cntbox.evntbox header p,
#secmainarea.matchingarea .cntbox.evntbox header h3.en,
#programmainarea .cntbox header p,
#programmainarea .relatebox header p,
#programmainarea .cntbox header h3.en,
#programmainarea .relatebox header h3.en,
#ceremonyarea .cntbox header h3.en {
font-size: 2.4em !important;
font-size: 2.4rem !important;
margin: 0 0 0.5rem 0 !important;
}
#ceremonyarea .cntbox header h3,
#eventarea .cntbox header h3,
#specialarea .cntbox header h3,
#guestmainarea .cntbox header h3,
#secmainarea.matchingarea .cntbox.evntbox header h3,
#programmainarea .cntbox header h3,
#programmainarea .relatebox header h3 {
font-size: 1.4em;
font-size: 1.4rem;
letter-spacing: 1px;
margin: 0 !important;
padding: 0 !important;
}
#ceremonyarea .cntbox header h3:after,
#eventarea .cntbox header h3:after,
#specialarea .cntbox header h3:after,
#guestmainarea .cntbox header h3:after,
#secmainarea.matchingarea .cntbox.evntbox header h3:after,
#programmainarea .cntbox header h3:after,
#programmainarea .relatebox header h3:after {
display: none;
}
.commentbox p {
font-size:1.8em !important;
font-size: 1.8rem !important;
}
#eventlinkbtn {
position: fixed;
top: auto;
bottom: 0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
padding: 0.1rem 0.3rem 0.3rem 0.3rem;
background: rgba(0,0,0,0.8);
}
#eventlinkbtn li {
width: 49.6%;
font-size: 1.75em;
font-size: 1.75rem;
margin: 0.3rem 0 0 0;
}
#eventlinkbtn li {
-webkit-writing-mode:horizontal-tb;
-ms-writing-mode:lr-tb;
writing-mode:horizontal-tb;
}
#eventlinkbtn li a {
border-radius: 0;
padding: 3.8rem 0.8rem 1.25rem 0.5rem;
background-position: center top 0.75rem, left top;
background-size: 30px auto, cover;
}
#eventlinkbtn li a:hover {
transform: translate(0px,2px);
}
#eventlinkbtn li.play a {
background-size: 25px auto, cover;
background-image: url("../common/play-b.svg"), url("../common/btnbk.jpg");
}
#eventlinkbtn li.reminder a {
background-size: 25px auto, cover;
background-image: url("../common/reminder-b.svg"), url("../common/btnbk.jpg");
}
#eventlinkbtn li.ticket a {
padding: 3.8rem 0.8rem 1.25rem 0.5rem;
background-image: url("../common/ticket-b.svg"), url("../common/btnbk.jpg");
}
#eventlinkbtn li span {
font-size: 1.2em;
font-size: 1.2rem;
}
#programmainarea .movielist > li ul li {
margin: 0.75rem 0 0 0;
}
#programmainarea .movielist > li ul li a,
#programmainarea .movielist > li ul li.link a {
padding: 1.15rem 2.5rem 1.15rem 3.5rem;
}
.matchingarea .textbox {
display: flex;
flex-direction: column;
}
.matchingarea .textbox .photo {
order: 2;
margin-top: 0.5rem;
}
.matchingarea .textbox .text {
order: 1;
margin: 0;
}
.matchingarea #contentsarea.details-area h4,
.matchingarea #contentsarea h5 {
margin: 1.5rem 0 1rem 0;
}
.matchingarea .snslist {
justify-content: center;
margin-top: 1.5rem;
}
.matchingarea .snslist li {
width: 20px;
margin-right: 1rem;
margin-left: 1rem;
}
#programmainarea .movielist {
margin: 3rem 0 1rem 0;
}
#programmainarea .movielist > li {
margin-bottom: 1.5rem;
display: block;
}
#programmainarea .movielist > li .eventvenue {
margin: 0;
z-index: 1;
top: 0.5rem;
right: 0.5rem;
}
#programmainarea .movielist > li .photo {
width: 100%;
}
#programmainarea .movielist > li .text {
width: 100%;
padding: 1rem;
}
#programmainarea .movielist > li .text h3 {
margin-bottom: 0.2rem;
margin-top: 0.3rem;
font-size: 2em;
font-size: 2rem;
}
#programmainarea .movielist > li .text .en {
margin-bottom: 0.5rem;
font-size: 1.4em;
font-size: 1.4rem;
}
#programmainarea .movielist > li .photo {
border-radius: 1rem 1rem 0 0;
margin: 0;
}
.programdetailsarea #cnthdarea {
padding: 1rem 5% 0 5%;
display: block;
}
.programdetailsarea #cnthdarea div {
margin-bottom: 1rem;
}
#cnthdarea .awardwinner {
text-align: right;
}
#cnthdarea .awardwinner img {
height: 25px;
}
#cnthdarea .category {
font-size: 1.2em;
font-size: 1.2rem;
margin-bottom: 0.2rem;
}
#cnthdarea .category span, #cnthdarea .program span {
border-radius: 0;
margin-right: 2px;
}
#titlearea-details {
padding: 4rem 5% 0rem 5%;
}
#titlearea-details h1, #titlearea-details h1.en {
font-size: 2.2em;
font-size: 2.2rem;
margin-bottom: 0.5rem;
}
#titlearea-details p {
font-size: 1.6em;
font-size: 1.6rem;
}
.programdetailsarea #contentsarea {
padding: 4rem 5% 4rem 5%;
background: rgb(35, 10, 20);
background: linear-gradient(0deg, rgba(35, 10, 20, 0) 0%, rgba(35, 10, 20, 1) 2%, rgba(35, 10, 20, 0.8) 50%, rgba(35, 10, 20, 0.8) 75%, rgba(35, 10, 20, 1) 78%, rgba(35, 10, 20, 1) 92%, rgba(35, 10, 20, 0) 100%);
}
.cntbkbox span {
width: 140%;
margin-top: -1%;
}
.cntbkbox span:after {
background: rgba(0, 0, 0, 0.5);
}
#ticketarea table th,
#ticketarea table td {
font-weight: normal;
vertical-align: middle;
padding: 0.4rem 0;
}
#ticketarea table th {
font-size: 1.4em;
font-size: 1.4rem;
}
#ticketarea table.table-l tr {
display: flex;
flex-wrap: wrap;
width: 100%;
}
#ticketarea table.table-l th {
font-size: 1.6em;
font-size: 1.6rem;
text-align: left;
padding: 0.2rem 0.5rem;
border:none;
}
#ticketarea table.table-l tbody td {
padding: 0.4rem 0 0.4rem 0;
border-bottom: none;
}
#ticketarea table.table-l tr > th.th {
display: block;
width: 40%;
}
#ticketarea table.table-l tr > td:first-of-type {
display: block;
width: 60%;
padding: 0.2rem 0.5rem;
background: rgba(105, 90, 60, 0.2);
}
#ticketarea table.table-l tr > td:nth-of-type(2) {
display: block;
width: 100%;
padding: 0.6rem 0;
}
.programdetailsarea article {
padding: 40px 0 0 0;
}
#secmainarea .col-1 img,
#secmainarea .col-2 img,
#secmainarea .col-3 img,
#secmainarea .col-4 img,
#secmainarea .col-5 img,
#secmainarea .col-6 img,
#secmainarea .col-7 img,
#secmainarea .col-8 img,
#secmainarea .col-9 img,
#secmainarea .col-10 img,
#secmainarea .col-11 img,
#secmainarea .col-12 img {
box-shadow: 10px 10px 0 0 rgb(0 0 0 / 30%);
}
#programmainarea table thead th,
#programmainarea table tbody th,
#programmainarea table tbody td {
border:none;
}
#programmainarea .screeningbox h4 {
font-size: 1.6em;
font-size: 1.6rem;
padding: 0.3rem 0.8rem 0.2rem 0.8rem;
margin: 0 !important;
border-radius: 0.5rem 0.5rem 0 0;
background: rgba(105, 90, 60, 1);
color: #efeeea;
}
#contentsarea .screeningbox .guest,
#contentsarea .screeningbox .event {
margin: 0.6rem 0 1.2rem 0 !important;
}
.screeningbox .textbox2 table {
border-radius: 0 0 0.5rem 0.5rem;
margin-bottom: 0.5rem;
border: #fffff6 1px solid;
}
.screeningbox .textbox2 table tbody tr {
display: flex;
flex-direction: column;
}
.screeningbox .textbox2 table tbody tr td {
padding: 0;
}
.screeningbox .textbox2 table tbody tr:first-child td:first-child {
padding: 0.75rem 0 0 0;
}
#programmainarea .textbox2 p.link {
margin: 0.5rem 0.5rem 0.75rem 0.5rem !important;
}
#contentsarea .mature {
background: url(../common/mature.svg) left top 0.4rem no-repeat;
background-size: 15px auto;
padding: 0 0 0 2.0rem;
margin: 0;
font-size: 1.2em !important;
font-size: 1.2rem !important;
line-height: 1.5;
}
#contentsarea .mature span {
font-size: 1.1em;
font-size: 1.1rem;
vertical-align: text-bottom;
letter-spacing: 0px;
color: #ccc;
}
#programmainarea dl {
margin-top: 0;
}
#programmainarea dl dd {
font-size: 1.4em !important;
font-size: 1.4rem !important;
padding: 0.5rem 0 0.5rem 0.5rem !important;
}
#programmainarea .programlist {
margin: 1rem 0;
}
#programmainarea .programlist li {
text-align: center;
width: 49.5%;
margin-right: 1%;
margin-bottom: 0.5rem;
letter-spacing: 0px;
}
#programmainarea .programlist li a {
display: block;
padding: 0.8rem 1rem 0.8rem 1rem;
background: #fffff6 url(../common/arrow001-b.svg) left 1rem center no-repeat;
background-size: 13px auto;
color: #1e1b1b;
}
#programmainarea .programlist li a:hover {
background: #999966 url(../common/arrow001.svg) left 1rem center no-repeat;
background-size: 13px auto;
}
#programmainarea .programlist li:nth-child(3n) {
margin-right: 1%;
}
#programmainarea .programlist li:nth-child(2n) {
margin-right: 0;
}
#onlinemainarea .sbox {
margin-bottom: 2rem;
border-radius: 0.5rem;
padding: 2rem;
}
#onlinemainarea .sbox .flexbox {
display: flex;
flex-direction: column;
}
#onlinemainarea .sbox .text {
width: 100%;
order: 2;
}
#onlinemainarea .sbox .logo {
width: 100%;
margin: 0 0 2rem 0;
order: 1;
}
#onlinemainarea .sbox .logo img {
width: 50%;
margin: 2rem 25% 0 25%;
text-align: center;
}
#onlinemainarea .sbox header {
margin-bottom: 1rem;
}
#onlinemainarea .sbox header h2 {
font-size: 2.2em;
font-size: 2.2rem;
}
#onlinemainarea .sbox header p.en {
font-size: 1.4em;
font-size: 1.4rem;
}
#onlinemainarea .sbox .date {
margin: 1.5rem 0;
}
#onlinemainarea .sbox .date dd {
font-size: 1.6em;
font-size: 1.6rem;
}
#onlinemainarea .owlink a {
margin-top: 2rem;
padding: 1.25rem 0.75rem 1.25rem 0.75rem;
font-size: 1.8em;
font-size: 1.8rem;
line-height: 1.3;
}
#onlinemainarea #brilliabox.sbox {
margin-top: 4rem;
padding: 1.5rem;
}
#onlinemainarea #brilliabox.sbox .text {
width: 100%;
}
#onlinemainarea #brilliabox.sbox header h2 {
font-size: 1.8em;
font-size: 1.8rem;
}
#onlinemainarea #brilliabox.sbox header p.en {
font-size: 1.2em;
font-size: 1.2rem;
}
#onlinemainarea #brilliabox.sbox .date {
margin: 1rem 0;
}
#onlinemainarea #brilliabox.sbox .date dd {
font-size: 1.75em;
font-size: 1.75rem;
}
#onlinemainarea #brilliabox.sbox .text p.description {
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.6;
margin-bottom: 0.5rem;
}
#onlinemainarea #brilliabox.sbox .logo {
width: 100%;
}
#onlinemainarea #brilliabox.sbox .owlink a {
margin-top: 1.0rem;
padding: 1rem;
font-size: 1.6em;
font-size: 1.6rem;
}
#awardsarea img {
width: 70%;
margin: 1rem 15%;
}
#awardsarea .col-4.prizebox {
width: 100%;
}
#awardsarea .prizebox,
#ceremonyarea .prizebox {
padding: 1rem 1rem;
margin-top: 1rem;
margin-bottom: 1rem;
}
#ceremonyarea h3.prize {
font-size: 1.85em;
font-size: 1.85rem;
background: none;
border: none;
}
#awardsarea h4.prize,
#secmainarea h4.prize {
font-size: 1.8em;
font-size: 1.8rem;
margin: 1.5rem 0 1rem 0;
background: none;
}
#awardsarea h4.prize span,
#secmainarea h4.prize span {
font-size: 1.3em;
font-size: 1.3rem;
}
#awardsarea h5,
#awardsarea h5.prize,
#secmainarea h5.prize {
font-size: 1.7em;
font-size: 1.7rem;
border: none;
}
#awardsarea h5.prize span,
#secmainarea h5.prize span {
font-size: 1.3em;
font-size: 1.3rem;
}
#awardsarea h5.prize-program-title {
font-size: 2em !important;
font-size: 2rem !important;
margin-bottom: 0.5rem !important;
margin-top: 0 !important;
}
#awardsarea .name {
font-size: 1.65em;
font-size: 1.65rem;
}
#awardsarea .reason,
#awardsarea .Jury {
margin-top: 0.5rem;
font-size: 1.4em;
font-size: 1.4rem;
}
#awardsarea .comment {
padding: 1.5rem;
border-radius: 0.3rem;
margin-bottom: 0.5rem;
}
#awardsarea .comment p {
padding-top: 0.5rem;
padding-bottom: 1rem;
font-size: 1.4em;
font-size: 1.4rem;
}
#juryarea .photo {
width: 70%;
margin: 1rem 15% 2rem 15%;
}
#juryarea p.profile {
font-size: 1.4em;
font-size: 1.4rem;
}
#specialarea #contentsarea .flexbox.splistbox {
border-top: rgba(255,255,255,0.3) 1px solid;
}
#specialarea #contentsarea .flexbox.splistbox .col-4 {
margin-bottom: 0;
margin-right: 0;
width: 100%;
padding: 1rem 0;
border-bottom: rgba(255,255,255,0.3) 1px solid;
}
#specialarea #contentsarea .flexbox.splistbox .col-4 a {
justify-content: space-between;
flex-direction: row;
display: flex;
}
#specialarea #contentsarea .flexbox.splistbox .col-4 a .photo {
width: 32%;
}
#specialarea #contentsarea .flexbox.splistbox .col-4 a div {
width: 65%;
}
#specialarea .splistbox .photo img {
border-radius: 0.5rem;
}
#specialarea .splistbox h2 {
margin: 0 0 0.5rem 0;
}
#specialarea .splistbox .description {
font-size: 1.4em;
font-size: 1.4rem;
}
#specialarea h2 {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.4;
margin: 0 0 0.5rem 0;
}
#specialarea h2 br {
display: none;
}
#juryarea .stitle {
font-size: 1.65em;
font-size: 1.65rem;
}
#schedulearea .sctable p.date span:nth-child(2),
#schedulearea .sctable2 p.date span:nth-child(2) {
font-size: 4.0em;
font-size: 4.0rem;
}
#schedulearea .sctable tr > th:nth-child(1),
#schedulearea .sctable tr > th:nth-child(2) {
width: auto;
}
#schedulearea .sctable td.sctd {
font-size: 1.3em;
font-size: 1.3rem;
}
#schedulearea .sctable td.sctd strong,
#schedulearea .sctable td.sctd a {
font-size: 1.5em;
font-size: 1.5rem;
}
#schedulearea .sctable p.date span:nth-child(3) {
letter-spacing: 0px;
}
#schedulearea .sctable2 tr {
display: flex;
flex-wrap: wrap;
width: 100%;
}
#schedulearea .sctable2 thead {
display: none;
}
#schedulearea .sctable2 thead tr > th:nth-child(1) {
width: 30%;
}
#schedulearea .sctable2 thead tr > th:nth-child(2) {
width: 70%;
}
#schedulearea .sctable2 thead tr > th:nth-child(3) {
display: none;
}
#schedulearea .sctable2 tbody tr > th:nth-child(1) {
width: 100%;
}
#schedulearea .sctable2 tbody tr > th:nth-child(2) {
width: 70%;
}
#schedulearea .sctable2 tbody tr > th.th2 {
display: block;
}
#schedulearea .sctable2 tbody tr > th.thcol {
width: 100%;
text-align: left;
padding-left:0.5rem;
padding-right:0.5rem;
}
#schedulearea .sctable2 tbody tr > td {
width: 100%;
font-size: 1.5em;
font-size: 1.5rem;
}
#schedulearea .sctable2 ol.linklist {
margin: 0;
}
#schedulearea .sctable2 ol.linklist li {
margin: 0 0 0.3rem 0 !important;
}
#sponsorarea #contentsarea {
padding: 4rem 2% 3rem 2%;
}
#sponsorarea .spsrbox {
background: #fff;
padding: 3rem 3% 2rem 3%;
}
#sponsorarea .spsrbox p {
padding: 0 2% 1rem 2%;
}
#sponsorarea .spsrbox h2 {
font-size: 1.4em !important;
font-size: 1.4rem !important;
width: 80%;
margin: 0 auto;
}
#sponsorarea .spsrbox h2 br {
display: block;
}
#sponsorarea .spsrbox h3 {
font-size: 1.2em !important;
font-size: 1.2rem !important;
}
#sponsorarea .spsrbox .box7 h3 {
font-size: 1.0em !important;
font-size: 1.0rem !important;
margin: 0 0 1rem 0;
}
#sponsorarea .spsrbox .box8 h3 {
font-size: 1.0em !important;
font-size: 1.0rem !important;
margin: 0 0 1rem 0;
}
#sponsorarea .spsrbox .box1,
#sponsorarea .spsrbox .box2,
#sponsorarea .spsrbox .box4 div,
#sponsorarea .spsrbox .box5 div,
#sponsorarea .spsrbox .box6 div,
#sponsorarea .spsrbox .box7 div,
#sponsorarea .spsrbox .box8,
#sponsorarea .spsrbox .box9 {
margin: 0 auto 1rem auto;
}
#sponsorarea .spsrbox .box8 {
justify-content: center;
}
#sponsorarea .spsrbox .box1 {
margin: 0;
}
#sponsorarea .spsrbox .box1 p {
padding: 0;
}
#sponsorarea .spsrbox .box4,
#sponsorarea .spsrbox .box5,
#sponsorarea .spsrbox .box6 {
margin: 0 auto 2rem auto;
}
#sponsorarea .spsrbox .box4 p,
#sponsorarea .spsrbox .box5 p,
#sponsorarea .spsrbox .box6 p {
padding: 0 2% 0rem 2%;
}
#sponsorarea .spsrbox .box5 p:first-child {
padding: 0 4% 0rem 2%;
}
#sponsorarea .spsrbox .box5 p:last-child {
padding: 0;
width: 90%;
}
#sponsorarea .spsrbox .box3 {
margin: 0 auto 1rem auto;
}
#sponsorarea .spsrbox .box7 div {
margin: 0 auto 1rem auto;
}
#sponsorarea .spsrbox .box3-1 {
flex-wrap: wrap;
margin-bottom: 1.5rem;
}
#sponsorarea .spsrbox .box3-1 p {
width: 48%;
padding: 0 1% 0rem 1%;
}
#sponsorarea .spsrbox .box3-2 {
margin-bottom: 2rem;
}
#sponsorarea .spsrbox .box3-2 p {
width: 46%;
padding: 0 2% 0rem 2%;
}
#sponsorarea .spsrbox .box3-3 {
flex-wrap: wrap;
margin-bottom: 1.5rem;
}
#sponsorarea .spsrbox .box3-3 p {
width: 40%;
padding: 0 0 0rem 0;
}
#sponsorarea .spsrbox .box3-4 p {
width: 38%;
padding: 0 0 0 0;
}
#sponsorarea .spsrbox .box7 p {
max-width: 130px;
}
#sponsorarea .spsrbox .box8 {
flex-wrap: wrap;
}
#sponsorarea .spsrbox .box8 div {
width: 33.3333%;
margin-bottom: 1rem;
}
#sponsorarea .spsrbox .box8 div p {
max-width: 100px;
margin: 0 auto;
text-align: center;
}
#sponsorarea .spsrbox .box9 p {
width: 100%;
max-width: 150px;
padding: 0;
}
#sponsorarea .spsrbox #txtarea p {
font-size: 1.4em !important;
font-size: 1.4rem !important;
margin-bottom: 0.3rem !important;
}
#sponsorarea .spsrbox #txtarea div {
display: block;
}
#infomainarea .infolist li .title,
#infomainarea .infolist li:nth-child(1) .title {
margin: 0 0 0.3rem 0;
}
#infomainarea .infolist li .photo {
width: 30%;
}
#infomainarea .infolist li .info {
padding: 0.75rem;
width: 70%;
}
#infomainarea .infolist li .title,
#infomainarea .infolist li:nth-child(1) .title {
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.4;
}
#infomainarea .infolist li a .link {
display: block;
margin-top: 0.5rem;
text-align: left;
}
#infomainarea .infolist li a .link span {
width: 100%;
display: block;
}
.guestlist li {
display: flex;
flex-direction: column;
padding: 1rem 1.5rem 1.5rem 1.5rem;
border-radius: 0.5rem;
margin-bottom: 1rem;
}
.guestlist li .date {
width: 100%;
text-align: left;
padding-right: 0;
padding-bottom: 0.3rem;
margin: 0 0 0.75rem 0 !important;
font-size: 2.8em !important;
font-size: 2.8rem !important;
border-right: none;
border-bottom: #fffff6 4px dotted;
}
.guestlist li .date span {
display: inline;
font-size: 1.4em;
font-size: 1.4rem;
line-height: 1.4;
margin-left: 0.3rem;
}
.guestlist li > div {
width: 100%;
}
.guestlist li .title {
font-size: 1.8em !important;
font-size: 1.8rem !important;
margin: 0 0 0.5rem 0 !important;
}
.guestlist li .description p {
font-size: 1.4em !important;
font-size: 1.4rem !important;
margin: 0 0 0.2rem 0 !important;
}
.guestlist > li .venue {
padding: 0.3rem 0 0.3rem 24px;
font-size: 1.4em;
font-size: 1.4rem;
background: url(../common/place.svg) left top 0.4rem no-repeat;
background-size: 16px auto;
}
.guestlist > li .program {
padding: 0.3rem 0 0.3rem 24px;
font-size: 1.4em;
font-size: 1.4rem;
background: url(../common/program.svg) left top 0.7rem no-repeat;
background-size: 15px auto;
}
.guestlist > li .movie {
padding: 0.3rem 0 0.3rem 24px;
font-size: 1.4em !important;
font-size: 1.4rem !important;
background: url(../common/movie.svg) left top 0.5rem no-repeat;
background-size: 16px auto;
}
.guestlist li .link a {
display: block;
margin-top: 0.75rem;
}
#ceremonyarea .guestlist,
#eventarea .guestlist {
justify-content: space-between;
}
#ceremonyarea .guestlist li,
#eventarea .guestlist li {
width: 49%;
margin-right: 0;
margin-bottom: 1rem;
}
#ceremonyarea .guestlist li:nth-child(3n),
#eventarea .guestlist li:nth-child(3n) {
margin-right: 0;
}
#ceremonyarea .guestlist li p.name,
#eventarea .guestlist li p.name {
margin-bottom: 0.2rem !important;
font-size: 1.6em !important;
font-size: 1.6rem !important;
}
#ceremonyarea .guestlist li p.title,
#eventarea .guestlist li p.title {
margin-bottom: 0.2rem !important;
font-size: 1.3em !important;
font-size: 1.3rem !important;
}
#eventarea .eventlist li {
margin-bottom:1rem;
}
#eventarea .eventlist li .photo {
width: 35%;
}
#eventarea .eventlist li .venue {
top: -2.5rem;
right: 0;
}
#eventarea .eventlist li .date {
position: inherit;
font-size: 2.2em;
font-size: 2.2rem;
line-height: 1.1;
margin: 0.75rem 0 0.3rem 0;
}
#eventarea .eventlist li .date span {
font-size: 1.4em;
font-size: 1.4rem;
margin-left:0.5rem;
}
#eventarea .eventlist li .info {
padding: 0.75rem 0.75rem 1rem 0.75rem;
width: 65%;
}
#eventarea .eventlist li .title {
margin:0.5rem 0 0.3rem 0;
font-size: 1.4em !important;
font-size: 1.4rem !important;
}
#eventarea .eventlist li .link {
margin-top: 0.3rem;
font-size: 1.4em;
font-size: 1.4rem;
text-align: left;
display: block;
}
#eventarea .eventlist li .link span {
display: block;
}
#eventarea .eventlist li .today {
width: 20%;
}
.flexbox {
display: block;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
width: 100%;
}
dl dt {
width: 25%;
padding: 0.8rem 0.2rem 0.5rem 0.2rem;
font-size: 1.2em;
font-size: 1.2rem;
border-radius: 0.3rem 0 0 0.3rem;
border-right: rgba(235, 225, 200, 0.8) 3px solid;
}
dl dd {
width: 75%;
padding: 0.5rem;
font-size: 1.6em;
font-size: 1.6rem;
word-break: break-all;
border-radius: 0 0.3rem 0.3rem 0;
}
dl dd .link {
margin: 0.3rem 0 0 0 !important;
}
dl dd .txt-ll {
font-size: 1.7em !important;
font-size: 1.7rem !important;
}
#contentsarea .link a {
background: url(../common/arrow001-w.svg) left top 0.35rem no-repeat;
background-size: 12px auto;
padding-left: 16px;
}
dl dd dl {
display: block;
margin-top: 0.5rem;
}
dl dd dl dt,
dl dd dl dd {
width: 100%;
}
dl dd table {
border-top: none;
}
dl dd table th {
width: 100%;
margin: 0;
padding: 0.5rem 0.6rem 0.3rem 0.6rem;
display: block;
font-size: 1.3em;
font-size: 1.3rem;
font-weight: 400;
border-top: none;
border-bottom: none;
text-align: left;
background: rgba(235, 225, 200, 0.25);
border-radius: 0.2rem;
}
dl dd table td {
width: 100%;
margin: 0;
padding: 0.3rem 0 0.6rem 0;
display: block;
font-size: 1.6em;
font-size: 1.6rem;
}
.aboutbox dl > dd.date {
font-size: 1.6em;
font-size: 1.6rem;
}
ul.notice li, p.notice {
margin: 0.5rem 0 0.5rem 1.5rem;
padding: 0;
list-style: none;
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.5;
text-indent: -1.5rem;
color: #ddd;
}
.eventlinklist .info {
padding: 0;
}
.eventlinklist li {
margin: 0 0 1rem;
}
.eventlinklist li:last-child {
margin: 0;
}
.eventlinklist li a {
border-radius: 1rem;
}
.eventlinklist li .btn {
font-size: 2.4em !important;
font-size: 2.4rem !important;
}
.eventlinklist .btn span {
font-size: 1.6em;
font-size: 1.6rem;
line-height: 1.0;
letter-spacing: 0px;
margin-bottom: 0.3rem;
}
.eventlinklist li .btn {
padding: 0rem;
}
.eventlinklist li.ticket a {
background: rgb(249,185,72);
background: url(../common/ticket-b.svg) left 1.5rem top 3rem / 45px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
.eventlinklist li.play a {
background: rgb(249,185,72);
background: url(../common/play-b.svg) left 1.5rem top 2.3rem / 40px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
.eventlinklist li.reminder a {
background: rgb(249,185,72);
background: url(../common/reminder-b.svg) left 1.5rem top 2.3rem / 40px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
/*#programmainarea .eventlinklist li.ticket a {
background: rgb(249,185,72);
background: url(../common/ticket-b.svg) left 1.5rem top 3.2rem / 45px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
#programmainarea .eventlinklist li.play a {
background: rgb(249,185,72);
background: url(../common/play-b.svg) left 1.5rem top 3rem / 40px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}
#programmainarea .eventlinklist li.reminder a {
background: rgb(249,185,72);
background: url(../common/reminder-b.svg) left 1.5rem top 3rem / 40px auto no-repeat, url("../common/btnbk.jpg") left top / cover no-repeat;
}*/
#programmainarea .eventlinklist dl dt {
font-size: 1.4em !important;
font-size: 1.4rem !important;
}
.filmarksbtn {
margin: 1.5rem auto !important;
}
.tablist li strong {
font-size: 1.3em;
font-size: 1.3rem;
font-weight: normal;
}
.tablist li br {
display: block;
}
.tablist li a {
padding: 1rem 0.5rem 0.95rem 2.5rem;
background: url(../common/pagedown.svg) left 0.8rem center / 13px auto no-repeat;
}
.matchingarea .tablist {
margin: 3rem 0 1rem 0;
}
.matchingarea .tablist li:nth-child(1) {
width: 40%;
}
.matchingarea .tablist li:nth-child(2) {
width: 59%;
}
.matchingarea .tablist li:nth-child(1) a {
padding: 0.7rem 1rem 0.7rem 3rem;
background: #983838 url(../common/pagedown.svg) left 1rem center / 15px auto no-repeat;
}
.matchingarea .tablist li:nth-child(2) a {
padding: 0.7rem 1rem 0.7rem 3rem;
background: #224c72 url(../common/pagedown.svg) left 1rem center / 15px auto no-repeat;
}
#schedulearea .sctable p.date,
#schedulearea .sctable2 p.date {
font-size: 2.6em;
font-size: 2.6rem;
line-height: 1.15;
}
#schedulearea .sctable p.date span:nth-child(1),
#schedulearea .sctable2 p.date span:nth-child(1) {
font-size: 1.4em;
font-size: 1.4rem;
}
#schedulearea .sctable2 p.date span {
display: inline;
vertical-align: baseline;
margin-left: 0.5rem;
}
.linklist li {
margin: 0 0 0.5rem 0 !important;
padding: 0;
}
.spbox,
.spbox2 {
padding: 1rem 1rem 0.5rem 1rem;
margin-bottom: 2rem;
}
.spbox .title,
.spbox2 .title {
font-size: 1.6em !important;
font-size: 1.6rem !important;
margin: 0 0 1rem 0;
padding: 0.5rem 1rem !important;
}
.mapbox {
margin: 1rem 0 2rem 0;
padding-bottom: 70%;
}
.banner-list li img {
max-height: 85px;
}
#ftsponsorarea {
padding: 2rem 5%;
margin: 1rem 2%;
border-radius: 0.5rem;
}
#ftsponsorarea header h2 {
font-size: 1.2em;
font-size: 1.2rem;
line-height: 1.5;
letter-spacing: 0px;
}
#ftsponsorarea h3 {
font-size: 1.1em;
font-size: 1.1rem;
margin: 0;
}
#ftsponsorarea .flexbox p {
margin:0;
max-width: initial;
}
#ftsponsorarea .box3 > div p {
max-width: initial;
margin: 0 1.5rem 0rem 1.5rem;
width: calc(50% - 3rem);
}
#ftsponsorarea .flexbox {
padding: 1rem 0 0.5rem 0;
}
#ftsponsorarea .flexbox.box1 {
padding: 0;
}
#ftsponsorarea .flexbox.box2 {
display: flex;
flex-wrap: nowrap;
}
#ftsponsorarea .box3 > div {
flex-wrap: wrap;
}
#ftsponsorarea .box3 > div:nth-of-type(1) p {
margin: 0 1% 0 1%;
width: 48%;
}
#ftsponsorarea .box3 > div:nth-of-type(1) p:nth-of-type(1) {
margin: 0 0 0 0;
width: 50%;
}
#ftsponsorarea .box3 > div:nth-of-type(1) p:nth-of-type(2) {
margin: 0 0 0 0;
width: 50%;
}
#ftsponsorarea .box3 > div:nth-child(3) {
margin-bottom: 0;
}
#ftsponsorarea .box3 > div:last-child {
display: block;
}
#ftsponsorarea .box3 > div > div.box3-1 {
border-right: none;
justify-content: center;
padding-right: 0;
margin-top: 3rem;
margin-right: auto;
margin-left: auto;
}
#ftsponsorarea .box3 > div > div > div p {
margin: 0 3% 0 3%;
}
#ftsponsorarea .box3 > div:last-child > div:last-child {
padding: 2rem 0 0 0;
margin-top: 3rem;
border-top: #ccc 1px dotted;
}
#ftsponsorarea .box3 > div:last-child > div:last-child br {
display: none;
}
#ftsponsorarea .box3 > div:nth-of-type(4) .box3-1 p {
margin: 0 auto 1rem auto;
}
#ftsponsorarea .box3 div p {
margin-right: auto !important;
margin-left: auto !important;
}
#ftsponsorarea .box5 h3 {
font-size: 0.7em;
font-size: 0.7rem;
}
#ftsponsorarea .box5 div:nth-child(4),
#ftsponsorarea .box5 div:nth-child(5) {
margin-bottom: 0rem;
}
#ftsponsorarea .box4 {
padding: 0;
}
#ftsponsorarea .box4 > div p {
max-width: initial;
margin: 0 1rem 0.5rem 1rem;
}
#ftsponsorarea .box4 > div:last-child {
display: block;
}
#ftsponsorarea .box4 > div > div.box4-1 {
border-left: none;
border-top: none;
justify-content: center;
}
#ftsponsorarea .box4 > div > div.box4-1 h3 br {
display: none;
}
#ftsponsorarea .box4 > div > div {
border-top: #ccc 1px dotted;
border-bottom: #ccc 1px dotted;
padding: 1rem 0 0 0;
}
#ftsponsorarea .box4 > div > div.box4-1 > div p {
width: 28%;
}
#ftsponsorarea .box5 {
display: flex;
flex-wrap: wrap;
margin-bottom: 0;
}
#ftsponsorarea .box5 div {
width: 33.3333%;
max-width: initial;
margin: 0;
}
#ftsponsorarea .box5 > div p {
margin: 0 auto 1rem auto;
padding: 0;
max-width: 80px;
}
#ftsponsorarea .box6,
#ftsponsorarea .box6-2 {
display: flex;
justify-content: center;
margin: 0;
padding: 0;
}
#ftsponsorarea .box6 p,
#ftsponsorarea .box6-2 p {
width: 70%;
}
#ftsponsorarea .box7 {
padding-bottom: 0;
}
#ftsponsorarea .box7 > div:last-child {
border-left: none;
border-top: #ccc 1px dotted;
}
#ftsponsorarea .box7 > div:nth-child(2) {
border-left: none;
border-right: none;
}
#ftsponsorarea .box8 {
display: flex;
justify-content: space-around;
}
#ftsponsorarea .box8 p {
max-width: 270px;
width: 40%;
}
#ftsponsorarea .box6 p,
#ftsponsorarea .box6-2 p {
width: 100%;
max-width: 120px;
margin: 1rem 0;
}
#fttxtarea div {
display: block;
}
#fttxtarea div p {
margin-bottom: 0.2rem;
}
#footerarea {
padding: 3rem 5% 2rem 5%;
margin: 0;
background: url(../common/ftbk_sp.jpg) center bottom / 100% 100% no-repeat;
}
#footerarea > nav {
width: 100%;
justify-content:flex-start;
flex-direction: column;
}
#footerarea nav > ul:nth-child(1) {
width: 100%;
}
#footerarea nav > ul:nth-child(2) {
margin: 2rem 0;
width: 100%;
display: flex;
flex-wrap: wrap;
}
#footerarea nav > ul:nth-child(2) li {
width: 50%;
}
#footerarea nav > ul:nth-child(2) li:last-child {
margin-top: 0;
}
#footerarea nav > div {
width: 100%;
}
#footerarea nav > div ul {
justify-content: center;
margin: 0rem 0 3rem 0;
}
#footerarea nav > div ul li {
margin: 0rem 2rem;
}
#footerarea .snslist li {
width: 25px;
}
#footerarea > div {
width: 100%;
margin: 1rem auto 0 auto;
}
#ftlogo {
width: 40%;
margin: 0 auto 1rem auto;
}
#fttxtarea div:last-child {
flex-wrap: wrap;
}
#fttxtarea div:last-child {
flex-wrap: wrap;
}
#fttxtarea div:last-child p {
width: 100%;
}
#footerarea .mail-magazine {
justify-content: center;
margin-bottom: 2rem;
}
.uldisc {
margin: 0 0 0.75rem 2rem;
}
.uldisc li {
font-size: 1.5em;
font-size: 1.5rem;
}
.ol {
margin: 0 0 0.75rem 2rem;
}
ul.note {
margin: 1.0rem 0 1.0rem 2rem;
}
ul.note li,
span.note {
font-size: 1.4em !important;
font-size: 1.4rem !important;
}
.txt-lll {
font-size: 2.0em !important;
font-size: 2.0rem !important;
}
.txt-ll {
font-size: 1.8em !important;
font-size: 1.8rem !important;
}
.txt-l {
font-size: 1.7em !important;
font-size: 1.7rem !important;
}
.txt-m {
font-size: 1.6em !important;
font-size: 1.6rem !important;
}
.txt-s {
font-size: 1.4em !important;
font-size: 1.4rem !important;
}
.txt-ss {
font-size: 1.1em !important;
font-size: 1.1rem !important;
}
.mrgTlll {
margin-top: 4rem !important;
}
.mrgTll {
margin-top: 3rem !important;
}
.mrgTl {
margin-top: 1.5rem !important;
}
.mrgT {
margin-top: 1rem !important;
}
.mrgTs {
margin-top: 0.5rem !important;
}
.mrgTss {
margin-top: 0.25rem !important;
}
.mrgBl {
margin-bottom: 1.4rem !important;
}
.mrgBll {
margin-bottom: 3rem !important;
}
.mrgB {
margin-bottom: 1rem !important;
}
.mrgBs {
margin-bottom: 0.5rem !important;
}
.mrgBss {
margin-bottom: 0.25rem !important;
}
.cntbox-l {
margin-top: 2rem;
}
.brclr {
display: none;
}
.supporterlist li {
width: 49.5%;
padding: 0.75rem 0rem;
margin-bottom: 0.3rem;
margin-right: 1%;
font-size: 1.5em;
font-size: 1.5rem;
}
.supporterlist li:nth-child(4n) {
margin-right: 1%;
}
.supporterlist li:nth-child(3n) {
margin-right: 1%;
}
.supporterlist li:nth-child(2n) {
margin-right: 0;
}
#left-side-area #side-copyright {
display: none;
}
.brblck {
display: block !important;
}
}
@media screen and (max-width: 658px) {
#headerarea #hddate {
display: none;
}
#headerarea ul#menu-lang {
right: 7rem;
top: 1.75rem;
}
#headerarea ul#menu-lang li:nth-child(1) {
padding-left: 1rem;
}
#headerarea ul#menu-lang li:nth-child(2) {
padding-right: 1rem;
}
#headerarea ul#menu-lang li+li::before {
padding: 0 0.5rem;
}
.program-menu-list {
padding: 0rem 0 1rem 0;
}
.program-menu-list li {
width: 32.5%;
}
.program-menu-list li a,
.program-menu-list li a:hover {
padding: 0.75rem 0;
background-position: left 1rem center;
background-size: 13px auto;
background-repeat: no-repeat;
}
.program-menu-list li a.keywords {
background-size: 15px auto;
}
.program-menu-list li strong {
font-size: 1.65em;
font-size: 1.65rem;
}
.banner-list li img {
max-height: 75px;
}
}
@media screen and (max-width: 480px) {
html {
font-size: 60%;
}
#headerarea {
height: 70px;
}
#headerarea #bilogo {
width: 100px;
top: 1rem;
left: 1rem;
}
.menu {
right: 0.75rem;
top: 0.75rem;
width: 44px;
height: 44px;
}
.menu span {
width: 24px;
height: 2px;
left: 8px;
}
.menu span:nth-child(1) {
top: 11px;
}
.menu span:nth-child(2) {
top: 19px;
}
.menu span:nth-child(3) {
top: 27px;
}
.menu.active span:nth-child(1) {
top: 18px;
left: 8px;
}
.menu.active span:nth-child(2),
.menu.active span:nth-child(3) {
top: 18px;
left: 8px;
}
#headerarea ul#menu-lang {
right: 6rem;
top: 1.5rem;
}
.schedule-date-list {
flex-direction: column;
}
.schedule-date-list li.date-details-box {
width: 100%;
margin-bottom: 0.2rem;
}
.programdetailsarea #cnthdarea div {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
#cnthdarea .top-category {
padding: 0.2rem 1rem;
border-radius: 3rem;
margin-bottom: 0.5rem;
}
#cnthdarea .program {
padding: 0.2rem 1rem;
border-radius: 3rem;
}
.banner-list {
margin-bottom: 2rem;
}
.banner-list li {
margin: 0 1% 0.5rem 1%;
}
.banner-list li img {
max-height: 65px;
}
#pagetop {
bottom: 0.75rem;
right: 0.75rem;
width: 44px;
}
#pagetop a {
width: 44px;
height: 44px;
}
#pagetop a::before {
margin-top: 16px;
margin-left: 13px;
width: 14px;
height: 14px;
}
.program-menu-list {
padding: 1rem 0 1rem 0;
}
.program-menu-list li strong {
font-size: 1.6em;
font-size: 1.6rem;
}
.program-menu-list li {
width: 33.2%;
margin-bottom: 0rem;
font-size: 1.3em;
font-size: 1.3rem;
line-height: 1.3;
letter-spacing: 0px;
}
}
@media screen and (max-width: 390px) {
#headerarea ul#menu-lang {
display: none;
}
}