/*---------------------------------------------------- #mainvisual --------------------------------------------------- */ #mainvisual .index2019 .bg, .en #mainvisual .index2019 .bg { background:#dc3c00 url(/ydc2025//wp/wp-content/themes/ydc2017/img/index/pc_2019.jpg) no-repeat center center; background-size: cover; } #mainvisual .index2019 .date { top: 78%; } #mainvisual{ margin: 0 20px; position: relative; } /* #mainvisual:before { content: ""; display: block; background: #dc3c00; position: absolute; top: 0; right: -1px; left: -1px; height: 105px; z-index: 1; } */ #mainvisual .bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* background:#dc3c00 url(/ydc2025//wp/wp-content/themes/ydc2017/img/index/pc_ja.jpg) no-repeat center center; */ background-size: cover; } .en #mainvisual .bg{ /* background:#dc3c00 url(/ydc2025//wp/wp-content/themes/ydc2017/img/index/pc_ja.jpg) no-repeat center center; */ background-size: cover; } #mainvisual h1.static { position: static; opacity: 1; width: 100%; max-width: none; transform: translateX(0); } #mainvisual h1{ position: absolute; top: 5.555556%; left: 2.650602%; opacity: 0; z-index: 2; width: 40.160643%; max-width: 500px; } #mainvisual h1.center { top: 50%; transform: translate(-50%, -50%); } #mainvisual h1 img { width: 100%; height: auto; } #mainvisual.view h1{ opacity: 1; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } #mainvisual .copy { position: absolute; right: 0; bottom: 0; color: #000; font-size: 10px; font-weight: bold; line-height: 1; display: block; padding: 5px 9px 3px; background: #dcdddd; z-index: 2; } #mainvisual .conpedition { width: 63.16666%; max-width: 758px; position: absolute; top: 35.597%; left: 50%; opacity: 0; z-index: 2; -webkit-transform: scale3d(1,1,1) translate3d(-50%,20px,0px); -moz-transform: scale3d(1,1,1) translate3d(-50%,20px,0px); -ms-transform: scale3d(1,1,1) translate3d(-50%,20px,0px); -o-transform: scale3d(1,1,1) translate3d(-50%,20px,0px); transform: scale3d(1,1,1) translate3d(-50%,20px,0px); } #mainvisual .conpedition img, #mainvisual .date img, #mainvisual .catch img { max-width: 100%; height: auto; } #mainvisual .date{ width: 45.301204%; max-width: 564px; position: absolute; bottom: 0; left: 0; opacity: 0; z-index: 2; -webkit-transform: scale3d(1,1,1) translate3d(0%,20px,0px); -moz-transform: scale3d(1,1,1) translate3d(0%,20px,0px); -ms-transform: scale3d(1,1,1) translate3d(0%,20px,0px); -o-transform: scale3d(1,1,1) translate3d(0%,20px,0px); transform: scale3d(1,1,1) translate3d(0%,20px,0px); } #mainvisual .catch{ width: 45.060241%; max-width: 561px; position: absolute; top: 5.555556%; right: 9.638554%; opacity: 0; z-index: 2; -webkit-transform: scale3d(1,1,1) translate3d(0%,20px,0px); -moz-transform: scale3d(1,1,1) translate3d(0%,20px,0px); -ms-transform: scale3d(1,1,1) translate3d(0%,20px,0px); -o-transform: scale3d(1,1,1) translate3d(0%,20px,0px); transform: scale3d(1,1,1) translate3d(0%,20px,0px); } #mainvisual.view .date, #mainvisual.view .catch{ opacity: 1; -webkit-transition: all 0.5s 0.3s ease; -moz-transition: all 0.5s 0.3s ease; -ms-transition: all 0.5s 0.3s ease; -o-transition: all 0.5s 0.3s ease; transition: all 0.5s 0.3s ease; -webkit-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -moz-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -ms-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -o-transform: scale3d(1,1,1) translate3d(0%,0px,0px); transform: scale3d(1,1,1) translate3d(0%,0px,0px); } #mainvisual.view .conpedition{ opacity: 1; -webkit-transition: all 0.5s 0.3s ease; -moz-transition: all 0.5s 0.3s ease; -ms-transition: all 0.5s 0.3s ease; -o-transition: all 0.5s 0.3s ease; transition: all 0.5s 0.3s ease; -webkit-transform: scale3d(1,1,1) translate3d(-50%,0px,0px); -moz-transform: scale3d(1,1,1) translate3d(-50%,0px,0px); -ms-transform: scale3d(1,1,1) translate3d(-50%,0px,0px); -o-transform: scale3d(1,1,1) translate3d(-50%,0px,0px); transform: scale3d(1,1,1) translate3d(-50%,0px,0px); } #mainvisual a.scroll{ position: absolute; top: 91.666%; left: 50%; width: 200px; margin-left: -100px; color: #fff; font-size: 12px; text-align: center; overflow: hidden; height: 20px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; opacity: 0; } #mainvisual.view a.scroll{ opacity: 1; -webkit-transition: all 0.5s 0.6s ease; -moz-transition: all 0.5s 0.6s ease; -ms-transition: all 0.5s 0.6s ease; -o-transition: all 0.5s 0.6s ease; transition: all 0.5s 0.6s ease; } #mainvisual a.scroll span{ display: block; -webkit-animation: scrollLoop 1.5s ease 0s infinite normal; animation: scrollLoop 1.5s ease 0s infinite normal; } .staticVisual { margin: 0 20px; position: relative; } .staticVisual img { width: 100%; height: auto; } @-webkit-keyframes scrollLoop{ 0% { -webkit-transform: scale3d(1,1,1) translate3d(0px,-100%,0px); transform: scale3d(1,1,1) translate3d(0px,-100%,0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform-origin:left top; transform-origin:left top; } 20% { -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px); transform: scale3d(1,1,1) translate3d(0px,0%,0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform-origin:left top; transform-origin:left top; } 80% { -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px); transform: scale3d(1,1,1) translate3d(0px,0%,0px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform-origin:left top; transform-origin:left top; } to { -webkit-transform: scale3d(1,1,1) translate3d(0px,100%,0px); transform: scale3d(1,1,1) translate3d(0px,100%,0px); -webkit-transform-origin:right top; transform-origin:right top; } } @keyframes scrollLoop{ 0% { -webkit-transform: scale3d(1,1,1) translate3d(0px,-100%,0px); transform: scale3d(1,1,1) translate3d(0px,-100%,0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform-origin:left top; transform-origin:left top; } 20% { -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px); transform: scale3d(1,1,1) translate3d(0px,0%,0px); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-transform-origin:left top; transform-origin:left top; } 80% { -webkit-transform: scale3d(1,1,1) translate3d(0px,0%,0px); transform: scale3d(1,1,1) translate3d(0px,0%,0px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; -webkit-transform-origin:left top; transform-origin:left top; } to { -webkit-transform: scale3d(1,1,1) translate3d(0px,100%,0px); transform: scale3d(1,1,1) translate3d(0px,100%,0px); -webkit-transform-origin:right top; transform-origin:right top; } } @media only screen and (max-width: 768px) { #mainvisual{ margin: 0 10px; position: relative; } #mainvisual:before { height: 73px; } #mainvisual .bg{ background:#dc3c00 url(/ydc2025//wp/wp-content/themes/ydc2017/img/index/sp_ja.jpg) no-repeat center center; background-size: cover; } .en #mainvisual .bg{ background:#dc3c00 url(/ydc2025//wp/wp-content/themes/ydc2017/img/index/sp_ja.jpg) no-repeat center center; background-size: cover; } #mainvisual h1{ width: 70.422535%; max-width: 250px; position: absolute; top: 4.166%; left: 4.225%; } #mainvisual h1.center { top: 50%; transform: translate(0, -50%); } #mainvisual .copy { font-size: 7px; line-height: 1.333; } #mainvisual .catch { width: 79.014085%; max-width: 280px; top: 19.583333%; right: 5.915493%; } #mainvisual .date{ position: absolute; left:0; bottom: 12.916667%; width: 79.577%; max-width: 283px; } #mainvisual a.scroll{ position: absolute; top: 88.666%; } .staticVisual { margin: 0 10px; } #mainvisual .conpedition { position: absolute; top: 23.5171%; width: 74.1333%; max-width: 278px; } } /*---------------------------------------------------- #news --------------------------------------------------- */ #news{ margin: 0 20px; position: relative; background-color: #dcdddd; } #news .line{ position: absolute; top: -30px; left: 50%; width: 1px; height: 60px; background: #FFF; -webkit-transform-origin:center top; -moz-transform-origin:center top; -ms-transform-origin:center top; -o-transform-origin:center top; transform-origin:center top; -webkit-transform: scale3d(1,0,1) translate3d(0%,0px,0px); -moz-transform: scale3d(1,0,1) translate3d(0%,0px,0px); -ms-transform: scale3d(1,0,1) translate3d(0%,0px,0px); -o-transform: scale3d(1,0,1) translate3d(0%,0px,0px); transform: scale3d(1,0,1) translate3d(0%,0px,0px); } #news.view .line{ -webkit-transition: all 0.5s 0.4s cubic-bezier(0.885, 0.020, 0.165, 0.995); -moz-transition: all 0.5s 0.4s cubic-bezier(0.885, 0.020, 0.165, 0.995); -ms-transition: all 0.5s 0.4s cubic-bezier(0.885, 0.020, 0.165, 0.995); -o-transition: all 0.5s 0.4s cubic-bezier(0.885, 0.020, 0.165, 0.995); transition: all 0.5s 0.4s cubic-bezier(0.885, 0.020, 0.165, 0.995); -webkit-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -moz-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -ms-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -o-transform: scale3d(1,1,1) translate3d(0%,0px,0px); transform: scale3d(1,1,1) translate3d(0%,0px,0px); } #news .inner{ padding: 60px 345px 60px 80px; min-height: 200px; } #news h2{ color: #000; font-size: 22px; margin-bottom: 30px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #news dl{ overflow: hidden; letter-spacing: -0.4em; margin-bottom: 20px; } #news dl dt{ letter-spacing: normal; display: inline-block; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-size: 12px; color: #000; vertical-align: top; width: 100px; font-weight: bold; } #news dl dd{ letter-spacing: normal; display: inline-block; font-size: 14px; font-weight: bold; vertical-align: top; width : -webkit-calc(100% - 100px); width : calc(100% - 100px); } #news dl a:hover dd{ text-decoration: underline; } #news .history{ position: absolute; top: 0; right: 0px; width: 265px; height: 100%; background: #bbb url(/ydc2025//wp/wp-content/themes/ydc2017/img/index/hitory_bg.png) no-repeat top left; } #news .history .historyObje{ position: absolute; top:50%; left: 50%; width: 265px; text-align: center; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #news .history .historyObje p{ font-size: 12px; margin-bottom: 20px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #news .history .historyObje a{ display: block; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #news .history .historyObje a:hover{ opacity: 0.5; } @media only screen and (max-width: 768px) { #news{ margin: 0 10px; } #news .inner{ padding: 55px 15px 20px 15px; } #news .history{ display: none; } #news dl{ margin-bottom: 10px; } #news dl dt{ width: 100%; display: block; } #news dl dd{ width: 100%; display: block; } } /*---------------------------------------------------- #program --------------------------------------------------- */ #program{ position: relative; } #program h1{ background: #191919; padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; } @media only screen and (max-width: 768px) { #program h1{ padding: 30px 0 25px 20px; font-size: 18px; } } #program .list{ position: relative; } #program .list .column{ position: relative; overflow: hidden; height: 300px; } #program .list .column a{ display: block; } #program .list .column{ background: #cfcfcf; } #program .list .column:nth-child(2n){ background: #fff; } #program .list .column .image{ position: absolute; top: 0; left: 0; overflow: hidden; width: 458px; height: 300px; } #program .list .column .image img{ width: 100%; height: auto; } #program .list .column .line{ position: absolute; top: 50%; left: 458px; margin-left: -30px; width: 60px; height: 1px; background: #dc3c00; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; -o-transform-origin:left top; transform-origin:left top; -webkit-transform: scale3d(0,1,1) translate3d(0%,0px,0px); -moz-transform: scale3d(0,1,1) translate3d(0%,0px,0px); -ms-transform: scale3d(0,1,1) translate3d(0%,0px,0px); -o-transform: scale3d(0,1,1) translate3d(0%,0px,0px); transform: scale3d(0,1,1) translate3d(0%,0px,0px); } #program .list .column.view .line{ -webkit-transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); -moz-transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); -ms-transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); -o-transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); -webkit-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -moz-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -ms-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -o-transform: scale3d(1,1,1) translate3d(0%,0px,0px); transform: scale3d(1,1,1) translate3d(0%,0px,0px); } #program .list .column .block{ margin-left: 458px; height: 300px; background: url(/ydc2025//wp/wp-content/themes/ydc2017/img/index/list_shadow.png) no-repeat left top; position: relative; opacity: 0; } #program .list .column.view .block{ opacity: 1; -webkit-transition: all 0.5s 0.4s ease; -moz-transition: all 0.5s 0.4s ease; -ms-transition: all 0.5s 0.4s ease; -o-transition: all 0.5s 0.4s ease; transition: all 0.5s 0.4s ease; } #program .list .column:nth-child(2n) .image{ position: absolute; top: 0; right: 0; left: auto; overflow: hidden; width: 458px; height: 300px; } #program .list .column:nth-child(2n) .line{ position: absolute; top: 50%; right: 458px; margin-right: -30px; width: 60px; height: 1px; background: #dc3c00; -webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top; transform-origin:right top; -webkit-transform: scale3d(0,1,1) translate3d(0%,0px,0px); -moz-transform: scale3d(0,1,1) translate3d(0%,0px,0px); -ms-transform: scale3d(0,1,1) translate3d(0%,0px,0px); -o-transform: scale3d(0,1,1) translate3d(0%,0px,0px); transform: scale3d(0,1,1) translate3d(0%,0px,0px); } #program .list .column:nth-child(2n).view .line{ -webkit-transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); -moz-transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); -ms-transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); -o-transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); transition: all 0.5s 0.2s cubic-bezier(0.885, 0.020, 0.165, 0.995); -webkit-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -moz-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -ms-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -o-transform: scale3d(1,1,1) translate3d(0%,0px,0px); transform: scale3d(1,1,1) translate3d(0%,0px,0px); } #program .list .column:nth-child(2n) .block{ margin-left: 0; margin-right: 458px; height: 300px; position: relative; opacity: 0; } #program .list .column:nth-child(2n).view .block{ opacity: 1; -webkit-transition: all 0.5s 0.4s ease; -moz-transition: all 0.5s 0.4s ease; -ms-transition: all 0.5s 0.4s ease; -o-transition: all 0.5s 0.4s ease; transition: all 0.5s 0.4s ease; } #program .list .column .block .inner{ position: absolute; top: 50%; left: 60px; padding-right: 60px; -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); -o-transform: translate(0%,-50%); transform: translate(0%,-50%); } #program .list .column .block .inner h2{ font-size: 20px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; } .en #program .list .column .block .inner h2{ font-size: 16px; } #program .list .column .block .inner h2 span.sb{ font-size: 16px; display: block; } #program .list .column .block .inner h2 span.sb.wh { color: #fff; } #program .list .column .block .inner h2 span.sb2{ font-size: 16px; display: block; padding-bottom: 5px; } #program .list .column .block .inner h2 span.s{ font-size: 16px; } #program .list .column .block .inner h3{ font-size: 12px; margin-bottom: 25px; } #program .list .column .block .inner p.date{ font-size: 18px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; margin-top: 25px; } #program .list .column .block .inner p.date span{ font-weight: normal; font-size: 12px; } #program .list .column .block .inner p.exp{ font-size: 12px; margin-bottom: 5px; } #program .list .column .block .inner p.exp span.color{ color: rgb(255, 0, 0); } #program .list .column a .image img{ -webkit-transition: all 0.5s 0s ease; -moz-transition: all 0.5s 0s ease; -ms-transition: all 0.5s 0s ease; -o-transition: all 0.5s 0s ease; transition: all 0.5s 0s ease; } #program .list .column a:hover .image img{ opacity: 0.5; -webkit-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px); -moz-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px); -ms-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px); -o-transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px); transform: scale3d(1.05,1.05,1.05) translate3d(0%,0px,0px); } #program .list .column .image{ opacity: 0; /* position: relative; */ } #program .list .column .image span{ position: absolute; left: 0px; bottom: 10px; color: #000; font-size: 9px; font-weight: bold; line-height: 1; display: inline-block; padding: 5px 9px 3px; background: #dcdddd; } #program .list .column:nth-child(2n) .image span{ position: absolute; right: 0px; bottom: 10px; color: #000; font-size: 9px; font-weight: bold; line-height: 1; display: inline-block; padding: 5px 9px 3px; background: #dcdddd; left: auto; } #program .list .column .image img{ -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0%,0px,0px); -moz-transform: scale3d(1.1,1.1,1.1) translate3d(0%,0px,0px); -ms-transform: scale3d(1.1,1.1,1.1) translate3d(0%,0px,0px); -o-transform: scale3d(1.1,1.1,1.1) translate3d(0%,0px,0px); transform: scale3d(1.1,1.1,1.1) translate3d(0%,0px,0px); } #program .list .column.view .image{ opacity: 1; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #program .list .column.view .image img{ -webkit-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -moz-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -ms-transform: scale3d(1,1,1) translate3d(0%,0px,0px); -o-transform: scale3d(1,1,1) translate3d(0%,0px,0px); } #program .list .attention{ padding: 20px; font-size: 12px; } @media only screen and (max-width: 768px) { #program .list .column .block .inner h2{ font-size: 20px; line-height: 130%; margin-bottom:10px; } #program .list .column{ height: auto; } #program .list .column{ background: #cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/index/list_shadow_sp.png) no-repeat bottom; background-size: 100%; } #program .list .column:nth-child(2n){ background: #fff; } #program .list .column .image, #program .list .column:nth-child(2n) .image{ position: relative; width: 100%; height: auto; } #program .list .column .block, #program .list .column:nth-child(2n) .block{ padding-top: 40px; margin-right: 0px; margin-left: 0px; height: auto; background: none no-repeat left top; } #program .list .column .line, #program .list .column:nth-child(2n) .line{ position: relative; top: -10px; left: 50%; right: auto; margin-left: 0px; margin-right: 0px; width: 1px; height: 40px; background: #dc3c00; -webkit-transform-origin:right top; -moz-transform-origin:right top; -ms-transform-origin:right top; -o-transform-origin:right top; transform-origin:right top; -webkit-transform: scale3d(1,0,1) translate3d(0%,0px,0px); -moz-transform: scale3d(1,0,1) translate3d(0%,0px,0px); -ms-transform: scale3d(1,0,1) translate3d(0%,0px,0px); -o-transform: scale3d(1,0,1) translate3d(0%,0px,0px); transform: scale3d(1,0,1) translate3d(0%,0px,0px); } #program .list .column .block .inner{ position: relative; top: 0%; left: 0px; padding: 0 25px 55px 25px; -webkit-transform: translate(0%,-0%); -moz-transform: translate(0%,-0%); -ms-transform: translate(0%,-0%); -o-transform: translate(0%,-0%); transform: translate(0%,-0%); } #program .list .column .image span{ right: 0px; left: auto; } } /*---------------------------------------------------- #partner --------------------------------------------------- */ #partner{ position: relative; text-align: center; } #partner h2{ padding: 30px 0; background: #dcdddd; font-size: 22px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; } #partner .list{ width: 100%; } #partner .list .column{ background: #fff; position: relative; min-height: 312px; } #partner .list .column:nth-child(2){ background: #cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; position: relative; } #partner .list .column a{ position: absolute; display: block; width: 100%; height: 100%; } #partner .list .column .inner{ position: absolute; top: 50%; left: 60px; text-align: left; color: #505050; -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); -o-transform: translate(0%,-50%); transform: translate(0%,-50%); } #partner .list .column:nth-child(2) .inner{ position: absolute; top: 50%; left: 460px; text-align: left; color: #505050; -webkit-transform: translate(0%,-50%); -moz-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); -o-transform: translate(0%,-50%); transform: translate(0%,-50%); } #partner .list .column h3{ padding-right: 0px; font-size: 20px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #partner .list .column h3 span{ display: block; font-size: 16px; } #partner .list .column h4{ font-size: 12px; margin-bottom: 15px; padding-right: 0px; } #partner .list .column .date{ padding-right: 0px; font-size: 18px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #partner .list .column .date span{ font-size: 12px; } #partner .list .column .image{ position: absolute; top: 50%; right: 40px; width: 355px; overflow: hidden; color: #000; font-size: 10px; text-align: right; transform: translateY(-50%); left: auto; height: auto; } #partner .list .column:nth-child(2) .image{ position: absolute; top: 50%; right:auto; left: 30px; width: 355px; height: auto; } #partner .list .column .image img{ width: auto; max-width: 100%; height: auto; margin-bottom: 10px; } #partner .list .column .image span{ position: absolute; left: 0px; bottom: 10px; color: #000; font-size: 9px; font-weight: bold; line-height: 1; display: inline-block; padding: 5px 9px 3px; background: #dcdddd; } #partner .list .column:nth-child(2) .image span{ position: absolute; right: 0px; bottom: 10px; color: #000; font-size: 9px; font-weight: bold; line-height: 1; display: inline-block; padding: 5px 9px 3px; background: #dcdddd; left: auto; } @media only screen and (max-width: 768px) { #partner{ } #partner h2{ } #partner .list{ width: 100%; } #partner .list .column{ min-height: auto; padding: 10px; background:#fff url(/ydc2025//wp/wp-content/themes/ydc2017/img/program/partner_bg.png) no-repeat bottom right; background-size: 180px; } #partner .list .column:nth-child(2){ background: #cfcfcf none; position: relative; min-height: auto; } #partner .list .column a{ position: relative; display: block; width: 100%; height: 100%; } #partner .list .column .inner{ position: static; top: 0%; left: 0px; -webkit-transform: translate(0%,0%); -moz-transform: translate(0%,0%); -ms-transform: translate(0%,0%); -o-transform: translate(0%,0%); transform: translate(0%,0%); padding: 0 15px; padding-bottom: 50px; } #partner .list .column:nth-child(2) .inner{ position: static; top: 0%; left: 0px; -webkit-transform: translate(0%,0%); -moz-transform: translate(0%,0%); -ms-transform: translate(0%,0%); -o-transform: translate(0%,0%); transform: translate(0%,0%); } #partner .list .column h3{ padding-right: 0px; font-size: 20px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #partner .list .column h3 span{ display: block; font-size: 16px; } #partner .list .column h4{ font-size: 12px; margin-bottom: 15px; padding-right: 0px; } #partner .list .column .date{ padding-right: 0px; font-size: 18px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #partner .list .column .date span{ font-size: 12px; } #partner .list .column .image{ position: static; top: 0%; right: 0px; width: 100%; transform: translateY(0); text-align: center; margin-bottom: 30px; } #partner .list .column:nth-child(2) .image{ position: static; top: 0%; right: 0px; width: 100%; margin-top:0px; } } /*---------------------------------------------------- #information --------------------------------------------------- */ #information{ position: relative; padding: 60px 0 40px; text-align: center; } #information h2{ font-size: 22px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; color: #000; margin-bottom: 40px; } #information .info{ color: #141414; margin-bottom: 70px; } #information .info li{ margin-bottom: 5px; } #information .info span{ color: #FFF; } #information .sns{ letter-spacing: -0.4em; } #information .sns li{ letter-spacing: normal; display: inline-block; margin: 0 25px; vertical-align: top; text-align: center; } #information .sns li a{ display: block; color: #141414; font-size: 24px; -webkit-transition: all 0.5s 0s ease; -moz-transition: all 0.5s 0s ease; -ms-transition: all 0.5s 0s ease; -o-transition: all 0.5s 0s ease; transition: all 0.5s 0s ease; } #information .sns li a:hover{ color: #FFF; } #information .sns li a span{ font-size: 10px; display: block; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } @media only screen and (max-width: 768px) { #information .sns li{ margin: 0 15px; } } /*---------------------------------------------------- #schedule --------------------------------------------------- */ #schedule{ position: relative; } #schedule h1{ padding: 78px 0 66px 78px; font-size: 22px; color: #dc3c00; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; } @media only screen and (max-width: 768px) { #schedule h1{ padding: 30px 0 25px 20px; font-size: 18px; } } #schedule .list{ position: relative; } #schedule .list .month{ background: #141414 url(/ydc2025//wp/wp-content/themes/ydc2017/img/schedule/month_bg.png) no-repeat 250px top; } #schedule .list .month .inner{ width: 250px; height: 80px; position: relative; background: #dc3c00; color: #141414; } #schedule .list .month .inner .monthNum{ position: absolute; top: 20px; left: 75px; font-size: 40px; line-height: 100%; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #schedule .list .month .inner .year{ position: absolute; top: 28px; left: 130px; font-size: 12px; line-height: 120%; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } @media only screen and (max-width: 768px) { #schedule .list .month{ background: #141414 url(/ydc2025//wp/wp-content/themes/ydc2017/img/schedule/month_bg.png) no-repeat 130px top; background-size: 100px; } #schedule .list .month .inner{ width: 130px; height: 60px; } #schedule .list .month .inner .monthNum{ position: absolute; top: 20px; left: 20px; font-size: 26px; line-height: 100%; } #schedule .list .month .inner .year{ position: absolute; top: 24px; left: 55px; font-size: 10px; line-height: 100%; } } #schedule .list .column{ background: url(/ydc2025//wp/wp-content/themes/ydc2017/img/schedule/list_bg.png) no-repeat left top; letter-spacing: -0.4em; position: relative; } #schedule .list .column:nth-child(odd){ overflow: hidden; background:#191919 url(/ydc2025//wp/wp-content/themes/ydc2017/img/schedule/list_bg.png) no-repeat left top; letter-spacing: -0.4em; } #schedule .list .column a{ display: block; } #schedule .list .column .date{ letter-spacing: normal; display: inline-block; width: 26.53%; vertical-align: top; } #schedule .list .column .date .dateInner{ padding: 40px 0 40px 73px; text-align: left; } #schedule .list .column .date .dateInner p{ font-size: 60px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; color: #FFF; line-height: 100%; text-align: center; display: inline-block; } #schedule .list .column .date .dateInner.sat p{ color: #00a0b4; } #schedule .list .column .date .dateInner.sun p{ color: #dc3c00; } #schedule .list .column .date p span{ font-size: 12px; display: block; line-height: 100%; } #schedule .list .column .block{ letter-spacing: normal; display: inline-block; width: 73%; vertical-align: top; padding: 38px 0 18px; } #schedule .list .column .block .inner{ position: relative; margin-right: 80px; } #schedule .list .column .block .inner + .inner{ position: relative; margin-top: 15px; padding-top: 10px; border-top: 1px #2d2d2d dotted; } #schedule .list .column .block .inner a{ display: block; } #schedule .list .column .block .inner h2{ color: #dc3c00; font-size: 20px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; padding-right: 120px; -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -ms-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease; } #schedule .list .column .block .inner h2 span.s{ font-size: 16px; display: block; } #schedule .list .column .block .inner h2 span{ font-size: 16px; } #schedule .list .column .block .inner.s h2{ color: #dca08c; font-size: 18px; } #schedule .list .column .block .inner a:hover h2{ color: #FFF; } #schedule .list .column .block .inner h3{ color: #FFF; font-size: 12px; margin-bottom: 15px; padding-right: 120px; } #schedule .list .column .block .inner p.exp{ color: #FFF; font-size: 12px; margin-bottom: 5px; padding-right: 120px; } #schedule .list .column .block .inner .time{ position: absolute; top: 50%; right: 50px; color: #dc3c00; font-size: 18px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; margin-top: -10px; } #schedule .list .line{ height: 10px; background: #141414 url(/ydc2025//wp/wp-content/themes/ydc2017/img/schedule/month_bg.png) no-repeat 250px top; } #schedule .list .line span{ display: block; width: 250px; height: 10px; background: #dc3c00; } #otherSchedule{ text-align: center; font-size: 24px; color: #FFF; padding-top: 70px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; } #otherSchedule .date{ color: #000; font-size: 18px; margin-right: 20px; } #otherSchedule .s{ font-size: 12px; } @media only screen and (max-width: 768px) { #schedule .list .column{ background: url(/ydc2025//wp/wp-content/themes/ydc2017/img/schedule/list_bg.png) no-repeat left top; background-size: 200px; } #schedule .list .column:nth-child(odd){ background:#191919 url(/ydc2025//wp/wp-content/themes/ydc2017/img/schedule/list_bg.png) no-repeat left top; background-size: 200px; } #schedule .list .column .date{ width: 22.53%; } #schedule .list .column .date .dateInner{ padding: 20px 0 20px 0px; text-align: center; } #schedule .list .column .date .dateInner p{ font-size: 30px; } #schedule .list .column .date p span{ font-size: 10px; } #schedule .list .column .block{ width: 77%; padding: 20px 0 20px; } #schedule .list .column .block .inner{ position: relative; margin-right: 20px; } #schedule .list .column .block .inner h2{ font-size: 16px; padding-right: 0px; line-height: 140%; margin-bottom: 5px; } #schedule .list .column .block .inner h3{ padding-right: 0px; } #schedule .list .column .block .inner p.exp{ padding-right: 0px; } #schedule .list .column .block .inner .time{ position: relative; top: 0%; right: 0px; font-size: 10px; margin-top:10px; } #schedule .list .line{ background: #141414 url(/ydc2025//wp/wp-content/themes/ydc2017/img/schedule/month_bg.png) no-repeat 130px top; background-size: 100px; } #schedule .list .line span{ width: 130px; } #otherSchedule{ text-align: center; font-size: 24px; color: #FFF; padding-top: 70px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; } #otherSchedule .date{ display: block; color: #000; font-size: 18px; margin-right: 0px; } #otherSchedule .s{ font-size: 12px; display: block; } #otherSchedule .date .s{ font-size: 12px; display: inline-block; } } /*---------------------------------------------------- #about --------------------------------------------------- */ #about{ position: relative; } #about h1{ padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; background: #3c3c3c; } @media only screen and (max-width: 768px) { #about h1{ padding: 30px 0 25px 20px; font-size: 18px; } } #about .about01{ background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 70px; } #about .about01 p{ font-size: 14px; line-height: 214%; } @media only screen and (max-width: 768px) { #about .about01{ background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 25px; } } #about .about02{ background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 70px; } #about .about02 h2{ margin-bottom: 65px; } #about .about02 h2 span { color: #000; font-size: 18px; font-weight: bold; text-align: center; display: block; } #about .about02 p{ font-size: 14px; line-height: 214%; } #about p > span.color{ color: #dc3c00; } #about .about02 p + p { margin-top: 1.5em; } #about .about02 p.ar { text-align: right; } @media only screen and (max-width: 768px) { #about .about02{ background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 25px; } #about .about02 h2{ width: 237px; margin: 0 auto; margin-bottom: 35px; } #about .about02 h2.text { width: auto; } #about .about02 h2 span { font-size: 16px; } #about .about02 p{ font-size: 14px; line-height: 214%; } } #about .about03{ background:#cfcfcf no-repeat right top; } #about .about03 .inner{ background: url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 70px 70px 50px; } #about .about03 h3{ font-size: 12px; font-weight: bold; color: #000; margin-bottom: 50px; } #about .about03 h3 span{ font-size: 18px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; } #about .about03 dl{ letter-spacing: -0.4em; width: 100%; margin-bottom: 20px; overflow: hidden; } #about .about03 dl dt{ letter-spacing: normal; float: left; clear: both; color: #000; padding-right: 15px; line-height: 200%; } #about .about03 dl dt .space, #about .about03 .line .fig .space { display: inline-block; padding-left: 1em; } #about .about03 dl dd{ letter-spacing: normal; float: left; line-height: 200%; } #about .about03 .line { display: table; margin-top: 8px; } #about .about03 .line > * { display: table-cell; vertical-align: top; } #about .about03 .line .fig { color: #000; /* padding-right: 15px; */ line-height: 214%; white-space: nowrap; } #about .about03 h3 > .line { margin-top: 0; } #about .about03 .note { font-weight: bold; margin-top: 1.5em; } #about .about03 .text { font-size: 14px; line-height: 214%; margin-bottom: 50px; } @media only screen and (max-width: 768px) { #about .about03{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; } #about .about03 .inner{ background: none no-repeat left top; background-size: cover; padding: 40px 25px; } #about .about03 dl{ letter-spacing: -0.4em; width: 100%; margin-bottom: 20px; overflow: hidden; } #about .about03 dl dt{ letter-spacing: normal; float: left; width: 20%; padding-right: 0px; } #about .about03 dl dt.l{ width: 80%; } #about .about03 dl dd{ width: 80%; letter-spacing: normal; float: left; line-height: 200%; } #about .about03 dl dd.r{ padding-left: 20%; } #about .about03 .line .fig { padding-right: 0; } } #about .about04{ background:#191919 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 70px; } #about .about04 h3{ font-size: 12px; color: #646464; margin-bottom: 50px; } #about .about04 h3 span{ font-size: 18px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; } #about .about04 .list{ letter-spacing: -0.4em; } #about .about04 .list .column{ letter-spacing: normal; display: inline-block; width: 46%; vertical-align: top; } #about .about04 .list .column:nth-child(1){ margin-right: 6%; } #about .about04 .list .column h4{ border-bottom: 1px #3c3c3c dotted; font-size: 10px; padding-bottom: 20px; margin-bottom: 20px; } #about .about04 .list .column h4 span{ font-size: 18px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; color: #dc3c00; } #about .about04 .list .column li{ margin-bottom: 10px; } #about .about04 .list .column li span{ color: #dc3c00; } @media only screen and (max-width: 768px) { #about .about04{ background:#191919 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 25px 0 25px; } #about .about04 .list .column{ width: 100%; margin-bottom: 40px; } #about .about04 .list .column:nth-child(1){ margin-right: 0%; } } .Oline{ width: 100%; height: 20px; background: #dcdddd; } #sponser{ background: #FFF; padding: 50px 45px; } #sponser p { color: #505050; font-size: 13px; text-align: center; margin-bottom: 25px; letter-spacing: normal; } #sponser .list{ letter-spacing: -0.4em; text-align: center; } #sponser .list li{ letter-spacing: normal; width: 18.26%; max-width: 200px; display: inline-block; margin: 0 3%; margin-bottom: 20px; } #sponser .list li img{ width: 100%; height: auto; } #sponser .list + p { margin: 25px 0 0; } @media only screen and (max-width: 768px) { #sponser{ padding: 40px 0px; } #sponser p { padding: 0 25px; } #sponser .list{ letter-spacing: -0.4em; text-align: center; } #sponser .list li{ letter-spacing: normal; width: 40%; } } #archive{ background: #fff; padding:70px 0px; } #archive h2{ text-align: center; font-size: 22px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; margin-bottom: 45px; } #archive .list{ letter-spacing: -0.4em; text-align: center; } #archive .list li{ letter-spacing: normal; width: 27%; display: inline-block; margin: 0 3%; margin-bottom: 20px; } #archive .list li a{ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #archive .list li a:hover{ color: #cfcfcf; } #movieArchive { padding: 60px 0 65px; } #movieArchive .inner { padding: 0 70px; } #movieArchive .sort { border-bottom: #787878 1px dashed; padding-bottom: 30px; margin-bottom: 50px; } #movieArchive .sortWrap { display: flex; align-items: center; } #movieArchive .sortWrap .select { margin-left: 2.4%; } #movieArchive .sortWrap .select:first-child { margin-left: 0; } #movieArchive .sortWrap .sortYear { width: 21.5%; } #movieArchive .sortWrap .sortAward { width: 52.5%; } #movieArchive .sortWrap .sortBtn { width: 21.5%; margin-left: auto; } #movieArchive .sortWrap .sortBtn a { color: #dc3c00; font-size: 14px; font-weight: bold; line-height: 2.71; text-align: center; border: #dc3c00 1px solid; background: #191919; display: block; } #movieArchive .catSelect { position: relative; display: block; } #movieArchive .catSelect:after { content: ""; display: block; box-sizing: border-box; width: 10px; height: 10px; border-right: #141414 2px solid; border-bottom: #141414 2px solid; position: absolute; top: 50%; right: 15px; margin-top: -7px; transform: rotate(45deg); pointer-events: none; } #movieArchive .catSelect select { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; border-radius: 2px; background: #dc3c00; font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ",serif; font-size: 14px; font-weight: bold; line-height: 2.86; padding: 0 20px; outline: none; } #movieArchive .catSelect select:-ms-expand { display: none; } #movieArchive .sortBody { overflow: hidden; } #movieArchive .sortBody .lyt { display: flex; flex-wrap: wrap; margin: 0 -2.38%; } #movieArchive .sortBody .lyt li { box-sizing: border-box; width: 50%; padding: 0 2.38%; margin-bottom: 50px; } #movieArchive .sortBody .lyt li a { display: block; transition: opacity .4s ease; } #movieArchive .sortBody .lyt li a:hover { opacity: .7; } #movieArchive .sortBody .lyt li .fig { position: relative; background-repeat: no-repeat; background-position: center center; background-size: cover; margin-bottom: 15px; } #movieArchive .sortBody .lyt li .fig:before { content: ""; display: block; padding-top: 56%; } #movieArchive .sortBody .lyt li .fig .time { color: #fff; font-size: 14px; letter-spacing: .04em; line-height: 26px; padding: 0 9px; background: rgba(0, 0, 0, 0.8); border-radius: 2px; position: absolute; right: 6px; bottom: 6px; } #movieArchive .sortBody .lyt li .name { color: #dc3c00; font-size: 14px; font-weight: bold; line-height: 1.85; } #movieArchive .sortBody .lyt li .text p { color: #fff; line-height: 1.57; } #movieArchive .sortBody .result { color: #dc3c00; text-align: center; margin-bottom: 50px; } #movieArchive .sortFoot { display: flex; align-items: center; justify-content: center; border-top: #787878 1px dashed; margin-top: 10px; padding-top: 40px; } #movieArchive .sortFoot .current { color: #dc3c00; font-family: 'Roboto', sans-serif; font-size: 22px; font-weight: bold; margin: 0 7.2%; } #movieArchive .sortFoot .page { width: 30px; } #movieArchive .sortFoot .page a { display: block; height: 0; padding-top: 30px; overflow: hidden; position: relative; } #movieArchive .sortFoot .page a:after { content: ""; display: block; box-sizing: border-box; width: 16px; height: 16px; position: absolute; top: 50%; left: 50%; margin-top: -8px; transform: rotate(45deg); } #movieArchive .sortFoot .page.prev a:after { border-left: #dc3c00 2px solid; border-bottom: #dc3c00 2px solid; margin-left: -4px; } #movieArchive .sortFoot .page.next a:after { border-right: #dc3c00 2px solid; border-top: #dc3c00 2px solid; margin-left: -12px; } @media only screen and (max-width: 768px) { #archive{ padding:48px 0px; } #archive .list li{ letter-spacing: normal; width: 100%; display: inline-block; margin: 0%; margin-bottom: 15px; } #movieArchive { padding: 25px 0 35px; } #movieArchive .inner { padding: 0 20px; } #movieArchive .sort { padding-bottom: 28px; margin-bottom: 28px; } #movieArchive .sortWrap { flex-wrap: wrap; align-items: flex-start; justify-content: space-between; } #movieArchive .sortWrap .select { margin: 0; } #movieArchive .sortWrap .select:first-child { margin-top: 0; } #movieArchive .sortWrap .sortYear, #movieArchive .sortWrap .sortAward { width: 48.25%; } #movieArchive .sortWrap .sortBtn { width: 100%; margin: 20px 0 0; } #movieArchive .sortBody .lyt { display: block; margin: 0; } #movieArchive .sortBody .lyt li { width: 100%; padding: 0; margin: 38px 0 0; } #movieArchive .sortBody .lyt li a:hover { opacity: 1; } #movieArchive .sortBody .lyt li:first-child { margin-top: 0; } #movieArchive .sortBody .result { margin-bottom: 38px; } #movieArchive .sortFoot { margin-top: 30px; } #movieArchive .sortFoot .current { margin: 0 19%; } } /*---------------------------------------------------- #ticket --------------------------------------------------- */ #ticket{ position: relative; } #ticket h1{ padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; background: #3c3c3c; } @media only screen and (max-width: 768px) { #ticket h1{ padding: 30px 0 25px 20px; font-size: 18px; } } #ticket .start{ background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 60px; text-align: center; } #ticket .start p{ font-size: 20px; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #ticket .start p .or{ font-size: 16px; } #ticket .start p .or b { font-weight: bold; } #ticket .start p .s{ font-size: 12px; } #ticket .list{ } #ticket .list .column{ letter-spacing: -0.4em; padding: 60px 0; background:#fff url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; position: relative; } #ticket .list .column:nth-child(odd){ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; } #ticket .list .column .num{ width: 26%; display: inline-block; letter-spacing: normal; vertical-align: middle; text-align: center; } #ticket .list .column .num span{ display: inline-block; height: 50px; font-size: 60px; font-weight: bold; line-height: 100%; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #ticket .list .column .detail{ width: 74%; display: inline-block; letter-spacing: normal; vertical-align: middle; position: relative; } #ticket .list .column .detail h2{ font-size: 20px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; padding-right: 250px; } #ticket .list .column .detail h3{ font-size: 12px; margin-bottom: 10px; padding-right: 250px; } #ticket .list .column .detail .meta{ font-size: 12px; word-break: break-word; padding-right: 250px; } #ticket .list .column .moreTickets { margin-top: 15px; padding-right: 250px; } #ticket .list .column .moreTickets .type { font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-size: 16px; line-height: 1; margin-bottom: 5px; } #ticket .list .column .moreTickets ul { display: flex; margin: 0 -7px; } #ticket .list .column .moreTickets ul li { box-sizing: border-box; width: 20%; padding: 0 7px; } #ticket .list .column .moreTickets ul li a { letter-spacing: normal; height: 30px; display: block; background: #000; line-height: 30px; text-align: center; font-size: 14px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #ticket .list .column .tickets { width: 145px; position: absolute; top: 50%; right: 70px; transform: translateY(-50%); } #ticket .list .column a.buy{ letter-spacing: normal; height: 30px; display: block; background: #000; line-height: 30px; text-align: center; font-size: 14px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #ticket .list .column a.buy + a.buy { margin-top: 15px; } #ticket .information{ background:#fff url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 60px 70px; } #ticket .information p{ font-size: 12px; line-height: 200%; margin-bottom: 50px; } #ticket .information h2{ font-size: 12px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; margin: 50px 0 30px; } #ticket .information h2 span{ font-size: 18px; font-weight: bold; } #ticket .information li{ font-size: 14px; margin-bottom: 10px; } #ticket .information a{ text-decoration: underline; } @media only screen and (max-width: 768px) { #ticket .start{ background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 32px 0; } #ticket .list .column{ letter-spacing: -0.4em; padding: 20px 0; background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding-bottom: 20px; } #ticket .list .column.single { padding-bottom: 70px; } #ticket .list .column.double { padding-bottom: 120px } #ticket .list .column:nth-child(odd){ background:#fff url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; } #ticket .list .column .num{ width: 26%; vertical-align: top; padding-top: 10px; } #ticket .list .column .num span{ display: inline-block; background-size: 30px; height: 25px; font-size: 30px; } #ticket .list .column .detail{ width: 74%; } #ticket .list .column .detail h2{ padding-right: 0px; line-height: 140%; margin-bottom: 5px; font-size: 16px; margin-bottom: 5px; } #ticket .list .column .detail h3{ padding-right: 0px; } #ticket .list .column .detail .meta{ padding-right: 0px; } #ticket .list .column .moreTickets { padding-right: 20px; } #ticket .list .column .moreTickets .type { font-size: 14px; } #ticket .list .column .moreTickets ul { flex-wrap: wrap; } #ticket .list .column .moreTickets ul li { width: 50%; margin-bottom: 15px; } #ticket .list .column .moreTickets ul li a { letter-spacing: normal; height: 30px; display: block; background: #000; line-height: 30px; text-align: center; font-size: 14px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #ticket .list .column a.buy{ height: 30px; } #ticket .information{ background:#fff url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 20px; } #ticket .list .column .tickets { width: 145px; position: absolute; top: 50%; right: 70px; margin-top: -47.5px; } #ticket .list .column .tickets.single { margin-top: -20px; } #ticket .list .column .tickets { position: relative; top: auto; bottom: auto; left: auto; right: auto; transform: translateY(0); width: 70%; overflow: hidden; margin-top: 20px; margin-left: auto; margin-right: auto; } #ticket .list .column .tickets.single { margin-top: 0; } } /*---------------------------------------------------- #access --------------------------------------------------- */ #access{ position: relative; } #access h1{ padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; background: #3c3c3c; } @media only screen and (max-width: 768px) { #access h1{ padding: 30px 0 25px 20px; font-size: 18px; } } #access .map{ height: 420px; width: 100%; position: relative; } #access .map #gmap{ height: 420px; width: 100%; } #access .map .layer{ width: 100%; height: 20px; position: absolute; top: 0; left: 0px; background: url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; } #access .root{ background: #fff; padding: 70px; letter-spacing: -0.4em; } #access .root .column{ letter-spacing: normal; display: inline-block; vertical-align: top; width: 50%; margin-bottom: 40px; } #access .root .column h2{ background: url(/ydc2025//wp/wp-content/themes/ydc2017/img/access/icon.png) no-repeat left center; font-size: 16px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; } #access .root .column p{ font-size: 12px; line-height: 200%; margin-bottom: 20px; padding-right: 20px; } #access .root .column a{ display: block; width: 163px; height: 28px; border:1px #000 solid; background: #fff; text-align: center; line-height: 28px; color: #000; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-size: 14px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #access .root .column a:hover{ background: #000; color: #fff; } #access .root .block { letter-spacing: normal; padding-top: 30px; border-top: #000 1px solid; } #access .root .block .title { font-weight: bold; font-size: 18px; margin-bottom: 30px; } #access .root .block .text, #access .root .block .list { font-size: 14px; line-height: 200%; margin-top: 1.5em; } #access .root .block .text a { text-decoration: underline; } #access .root .block .text a:hover { text-decoration: none; } #access .root .block .note { background: #dcdddd; padding: 25px 40px 30px; margin-top: 30px; } #access .root .block .note p { font-size: 12px; line-height: 200%; } #access .root .block .note p a { text-decoration: underline; } #access .root .block .note p a:hover { text-decoration: none; } #access .contact{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 60px 70px; } #access .contact p{ font-size: 12px; line-height: 200%; margin-bottom: 50px; } #access .contact h2{ font-size: 12px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; margin-bottom: 30px; } #access .contact h2 span{ font-size: 18px; font-weight: bold; } #access .contact p{ font-size: 14px; line-height: 200%; } @media only screen and (max-width: 768px) { #access .map{ height: 400px; } #access .map #gmap{ height: 400px; } #access .map .layer{ background: url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; } #access .root{ background: #fff url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 20px 0px 20px; letter-spacing: -0.4em; } #access .root .column{ width: 100%; margin-bottom: 40px; } #access .root .column h2{ background: url(/ydc2025//wp/wp-content/themes/ydc2017/img/access/icon.png) no-repeat left center; font-size: 16px; padding-right: 0px; } #access .root .column p{ padding-right: 0px; } #access .root .column a{ margin: 0 auto; } #access .root .block .note { word-wrap: break-word; padding: 20px; margin: 30px 0 40px; } #access .contact{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 20px 20px 20px; } } /*---------------------------------------------------- #programDetail --------------------------------------------------- */ #programDetail{ position: relative; word-wrap: break-word; } #programDetail .title{ padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; background: #3c3c3c; } @media only screen and (max-width: 768px) { #programDetail .title{ padding: 30px 0 25px 20px; font-size: 18px; } } #programDetail .header{ letter-spacing: -0.4em; padding: 40px 0; background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; position: relative; } #programDetail .header .num{ width: 26%; display: inline-block; letter-spacing: normal; vertical-align: middle; text-align: center; } #programDetail .header .num span{ display: inline-block; height: 50px; font-size: 60px; font-weight: bold; line-height: 100%; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #programDetail .header .detail{ width: 74%; display: inline-block; letter-spacing: normal; vertical-align: middle; position: relative; } #programDetail .header .detail h1{ font-size: 24px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #programDetail .header .detail h1 span{ display: block; font-size: 16px; font-weight: bold; } #programDetail .header .detail p.cap{ font-size: 12px; margin-bottom: 10px; } #programDetail .header .detail h2{ font-size: 20px; font-weight: bold; } #programDetail .header .detail p.cap2{ font-size: 12px; color: #787878; } #programDetail .outline{ letter-spacing: -0.4em; } #programDetail .outline .image{ letter-spacing: normal; vertical-align: top; width: 50%; display: inline-block; position: relative; } #programDetail .outline .image img{ width: 100%; height: auto; } #programDetail .outline.one .image{ letter-spacing: normal; vertical-align: top; width: 100%; display: inline-block; position: relative; } #programDetail .outline.one .image.half { width: 40%; margin: 0 auto; display: block; } #programDetail .outline .image span{ position: absolute; left: 0px; bottom: 10px; color: #000; font-size: 9px; font-weight: bold; line-height: 140%; display: inline-block; padding: 5px 9px 3px; background: #dcdddd; } #programDetail .outline .text{ letter-spacing: normal; vertical-align: top; width: 50%; min-height: 320px; display: inline-block; } #programDetail .outline.one .text{ width: 100%; min-height: auto; } #programDetail .outline .text p{ padding: 40px; font-size: 1.01vw; line-height: 200%; } #programDetail .outline .text p a { text-decoration: underline; } #programDetail .outline .text p a:hover { text-decoration: none; } #programDetail .outline .text p a.wh { color: #fff; text-decoration: underline; } #programDetail .outline .text p a:hover { text-decoration: none; } #programDetail .outline .text p strong { font-weight: bold; color: #dc3c00; } @media only screen and (min-width: 1285px) { #programDetail .outline .text p{ font-size: 13px; } } #programDetail .schedule{ text-align: center; padding: 40px 0; background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; position: relative; } #programDetail .schedule.simple{ text-align: center; padding: 40px 0; background:none; position: relative; } #programDetail .schedule .copy{ font-size: 13px; margin-bottom: 40px; } #programDetail .schedule .copy a { text-decoration: underline; } #programDetail .schedule .copy a:hover { text-decoration: none; } #programDetail .schedule .text { font-size: 13px; margin-top: 30px; padding: 0 40px; } #programDetail .schedule ul.date{ letter-spacing: -0.4em; margin-bottom: 30px; } #programDetail .schedule ul.date li{ letter-spacing: normal; display: inline-block; font-size: 24px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; margin: 0 20px; } #programDetail .schedule ul.date.one li{ width: 100%; } #programDetail .schedule ul.date.one li .dateColumn{ width: 160px; display: inline-block; vertical-align: top; line-height: 100%; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #programDetail .schedule ul.date li .week{ font-size: 12px; } #programDetail .schedule ul.date li .time{ font-size: 20px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #programDetail .schedule ul.date.one li .act{ width: 370px; text-align: left; display: inline-block; font-size: 13px; color: #FFF; vertical-align: top; margin-bottom: 10px; } #programDetail .schedule ul.date.one li .act .actEn{ display: block; font-size: 11px; color: #787878; } #programDetail .schedule .place{ font-size: 16px; font-weight: bold; } #programDetail .schedule .place span{ font-size: 12px; color: #787878; display: block; padding-top: 10px; } #programDetail .schedule .place span.wh { color: #fff; } #programDetail .day{ background:rgb(220, 221, 221) url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; } #programDetail .day p{ width: 370px; height: 80px; background: #dcdddd; font-size: 40px; color: #141414; line-height: 80px; text-align: center; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-weight: bold; } #programDetail .day p span{ font-size: 24px; } #programDetail .day p span.s{ font-size: 12px; } #programDetail .meta{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; letter-spacing: -0.4em; padding: 60px 70px; } #programDetail .meta.one .ja, #programDetail .meta .en { width: 100%; } #programDetail .meta .ja{ letter-spacing: normal; display: inline-block; vertical-align: top; width: 50%; } #programDetail .meta .en{ letter-spacing: normal; display: inline-block; vertical-align: top; width: 50%; } #programDetail .meta .ja li{ font-size: 12px; line-height: 200%; padding-right: 40px; } #programDetail .meta .en li{ font-size: 11px; line-height: 218%; padding-right: 40px; } #programDetail .meta .en li span{ color: #787878; } #programDetail .meta a { color: #fff; text-decoration: underline; } #programDetail .meta a:hover { text-decoration: none; } #programDetail .exp{ } #programDetail .exp .expHeader{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 60px 70px 40px 70px; } #programDetail .exp .expHeader h2{ font-size: 25px; height: 50px; margin-bottom: 30px; font-weight: bold; } #programDetail .exp .expHeader h2.noIcon { background: none; padding-left: 0; height: auto; } #programDetail .exp .expHeader h2 a { color: inherit; text-decoration: underline; } #programDetail .exp .expHeader h2 a:hover { text-decoration: none; } #programDetail .exp .expHeader h2 span{ display: block; font-size: 12px; } #programDetail .exp .expHeader h2 span.s{ display: inline-block; font-size: 12px; } #programDetail .exp .expHeader p{ line-height: 200%; font-size: 13px; margin-bottom: 20px; } #programDetail .exp .expHeader p a { color: inherit; text-decoration: underline; } #programDetail .exp .expHeader p a:hover { text-decoration: none; } #programDetail .exp .expHeader .sponser{ overflow: hidden; } #programDetail .exp .expHeader .sponser li{ display: inline-block; font-size: 13px; margin-right: 80px; } #programDetail .exp .expHeader .sponser li img{ vertical-align: middle; height: 13px; width: auto; } #programDetail .exp .program{ letter-spacing: -0.4em; display: table; width: 100%; } #programDetail .exp .program .column{ letter-spacing: normal; display: inline-block; width: 50%; vertical-align: top; display: table-cell; background:#cfcfcf ; } #programDetail .exp .program .column:nth-child(2){ background:#fff ; } #programDetail .exp .program.one .column{ width: 100%; display: inline-block; vertical-align: top; } #programDetail .exp .program .column .image{ position: relative; } #programDetail .exp .program .column .image img{ width: 100%; } #programDetail .exp .program .column .image span { position: absolute; left: 0px; bottom: 10px; color: #000; font-size: 9px; font-weight: bold; line-height: 140%; display: inline-block; padding: 5px 9px 3px; background: rgba(230, 70, 10, 0.4); } #programDetail .exp .program .column .detail{ background:url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 50px 70px 60px 70px; } #programDetail .exp .program .column .detail .titleBlock{ padding-right: 80px; display: inline-block; vertical-align: top; } #programDetail .exp .program .column .detail h3{ font-size: 24px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #programDetail .exp .program .column .detail h3 span{ font-size: 12px; } #programDetail .exp .program .column .detail h3 a { color: inherit; text-decoration: underline; } #programDetail .exp .program .column .detail h3 a:hover { text-decoration: none; } #programDetail .exp .program .column .detail .date{ font-size: 18px; font-weight: bold;margin-bottom: 15px; } #programDetail .exp .program .column .detail .date span{ font-size: 12px; } #programDetail .exp .program .column .detail h4{ font-size: 20px; margin-bottom: 15px; font-weight: bold; } #programDetail .exp .program .column .detail h4 span.s{ font-size: 11px; } #programDetail .exp .program .column .detail h4 span.en{ font-size: 11px; display: block; } #programDetail .exp .program.one .column .detail .programMeta{ display: inline-block; } #programDetail .exp .program .column .detail .programMeta .ja{ margin-bottom: 10px; font-size: 12px; line-height: 250%; } #programDetail .exp .program .column .detail .programMeta .ja span{ line-height: 181%; } #programDetail .exp .program .column .detail .programMeta .en{ font-size: 11px; line-height: 200%; } #programDetail .exp .program .column .detail .programMeta .en span{ color: #787878; } #programDetail .exp .program .column .detail.three{ letter-spacing: -0.4em; } #programDetail .exp .program .column .detail.three .titleBlock{ display: inline-block; letter-spacing: normal; vertical-align: top; width: 20%; padding-right: 0px; } #programDetail .exp .program .column .detail.three .programMeta{ letter-spacing: -0.4em; width: 80%; } #programDetail .exp .program .column .detail.three .programMeta .ja, #programDetail .exp .program .column .detail.three .programMeta .en{ display: inline-block; letter-spacing: normal; vertical-align: top; width: 50%; } #programDetail .exp .program .column .detail .listDot { line-height: 2; } #programDetail .exp .program .column .detail .listDot li:before { content: ""; display: inline-block; width: .5em; height: .5em; background: #fff; border-radius: 50%; vertical-align: middle; margin-right: 5px; position: relative; top: -2px; } #programDetail .member{ /* background:#ffffff url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; */ background-color: #ffffff; padding: 60px 70px 0px 70px; color: #505050; } #programDetail .member .column{ padding-bottom: 50px; border-bottom: 1px #9e9e9e dotted; margin-bottom: 50px; position: relative; } #programDetail .member .column:last-child{ padding-bottom: 50px; border-bottom: none; margin-bottom: 0px; position: relative; } #programDetail .member .column .image{ position: absolute; top: 0; left: 0px; width: 140px; } #programDetail .member .column .image img{ width: 100%; height: auto; } #programDetail .member .column .image span{ display: block; color: #787878; font-size: 10px; padding-top: 5px; } #programDetail .member .column .detail{ padding-left: 180px; min-height: 180px; } #programDetail .member .column .detail.single { padding-left: 0; min-height: auto; } #programDetail .member .column .detail h2{ font-size: 14px; margin-bottom: 5px; } #programDetail .member .column .detail h2 span{ color: #787878; } #programDetail .member .column .detail h2 small { font-size: 10px; } #programDetail .member .column .detail .sub{ font-size: 12px; } #programDetail .member .column .detail p{ padding-top: 20px; font-size: 12px; line-height: 200%; } #programDetail .member .column .detail p + h2 { margin-top: 25px; } #programDetail .member .column .detail p.link { text-align: right; padding-top: 0px; } #programDetail .member .column .detail p.link a{ text-decoration: underline; } #programDetail .member .column .detail .mark { width: 95px; margin-top: 20px; } #programDetail .member .column .detail .mark img { width: 100%; height: auto; } #programDetail .memberList{ background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 60px 70px; letter-spacing: -0.4em; } #programDetail .memberList .hdg { font-size: 14px; font-weight: bold; letter-spacing: normal; margin-bottom: 10px; } #programDetail .memberList .column{ letter-spacing: normal; width: 15.476%; display: inline-block; margin-right: 1.4%; vertical-align: top; } #programDetail .memberList.pos02 .column{ width: 18.276%; } #programDetail .memberList.pos03 .column{ width: 31.5%; } #programDetail .memberList.pos04 .column{ width: 48%; } #programDetail .memberList .column:last-child{ margin-right: 0%; } #programDetail .memberList .column .copyright{ font-size: 10px; margin-bottom: 5px; } #programDetail .memberList .text { font-size: 13px; line-height: 200%; letter-spacing: normal; } #programDetail .memberList .column .image img{ width: 100%; height: auto; margin-bottom: 10px; } #programDetail .memberList .column h2{ font-size: 14px; font-weight: bold; margin-bottom: 10px; } #programDetail .memberList .column h2 span{ font-size: 10px; display: block; } #programDetail .memberList .column h3{ font-size: 13px; font-weight: bold; } #programDetail .memberList .column h3 span{ font-size: 10px; display: block; } #programDetail .judge{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 60px 70px 60px 70px; } #programDetail .judge h2{ font-size: 12px; margin-bottom: 30px; } #programDetail .judge h2 span{ font-size: 18px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #programDetail .judge p + h2 { margin-top: 40px; } #programDetail .judge p{ font-size: 13px; } #programDetail .judge p span{ font-size: 10px; } #programDetail .judge p a { color: inherit; text-decoration: underline; } #programDetail .judge p a:hover { text-decoration: none; } #programDetail .movie { padding: 60px 70px 70px; } #programDetail .movie .frame { position: relative; } #programDetail .movie .frame iframe, #programDetail .movie .frame video { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } #programDetail .movie .frame:before { content: ""; display: block; padding-top: 56.25%; } @media only screen and (max-width: 768px) { #programDetail .header{ padding: 35px 0; background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; } #programDetail .header .num{ width: 26%; vertical-align: top; padding-top: 10px; } #programDetail .header .num span{ display: inline-block; background-size: 25px; height: 25px; font-size: 30px; } #programDetail .header .detail{ width: 72%; } #programDetail .header .detail h1{ font-size: 20px; line-height: 130%; margin-bottom: 10px; } #programDetail .header .detail p.cap{ font-size: 12px; margin-bottom: 10px; } #programDetail .header .detail h2{ font-size: 12px; margin-bottom: 5px; padding-right: 10px; } #programDetail .header .detail p.cap2{ font-size: 10px; padding-right: 10px; } #programDetail .outline{ } #programDetail .outline .image{ width: 100%; height: 230px; } #programDetail .outline.one .image{ height: auto; } #programDetail .outline.one .image.half { width: 100%; } #programDetail .outline .text{ width: 100%; min-height: auto; } #programDetail .outline .text p{ padding: 35px 20px; font-size: 13px; } #programDetail .schedule{ text-align: center; padding: 40px 0; background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; } #programDetail .schedule .copy{ margin: 0 20px; text-align: left; font-size: 13px; margin-bottom: 20px; } #programDetail .schedule .text { margin-top: 20px; padding: 0 20px; } #programDetail .schedule ul.date{ margin-bottom: 20px; } #programDetail .schedule ul.date li{ width: 100%; margin: 0px; } #programDetail .schedule ul.date.one li{ margin: 0 55px; width: auto; text-align: left; } #programDetail .schedule ul.date.one li .dateColumn{ width: auto; } #programDetail .schedule ul.date.one li .act{ width: auto; } #programDetail .schedule .place{ font-size: 14px; } #programDetail .schedule .place span{ font-size: 10px; padding: 10px; display: block; } #programDetail .day{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat 210px top; background-size:200px; } #programDetail .day p{ width: 210px; height: 60px; font-size: 26px; line-height: 60px; } #programDetail .day p span{ font-size: 12px; } #programDetail .exp{ } #programDetail .exp .expHeader{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 35px 25px 40px 25px; } #programDetail .exp .expHeader h2{ font-size: 18px; } #programDetail .exp .expHeader .sponser li{ margin-bottom: 15px; } #programDetail .exp .expHeader .sponser li img{ vertical-align: middle; height: 12px; width: auto; } #programDetail .exp .program{ display: block; } #programDetail .exp .program .column{ display: block; width: 100%; } #programDetail .exp .program.one .column{ width: 100%; display: inline-block; vertical-align: top; } #programDetail .exp .program .column .detail{ background:url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 35px 25px ; } #programDetail .exp .program .column .detail .titleBlock{ padding-right: 0px; } #programDetail .exp .program .column .detail h3{ font-size: 22px; margin-bottom: 5px; } #programDetail .exp .program .column .detail h3 span{ display: block; } #programDetail .exp .program.one .column .detail .programMeta{ display: inline-block; } #programDetail .exp .program .column .detail .programMeta .ja{ margin-bottom: 10px; font-size: 12px; line-height: 250%; } #programDetail .exp .program .column .detail .programMeta .ja span{ line-height: 181%; } #programDetail .exp .program .column .detail .programMeta .en{ font-size: 11px; line-height: 200%; } #programDetail .exp .program .column .detail.three{ letter-spacing: -0.4em; } #programDetail .exp .program .column .detail.three .titleBlock{ width: 100%; padding-right: 0px; } #programDetail .exp .program .column .detail.three .programMeta{ letter-spacing: -0.4em; width: 100%; } #programDetail .exp .program .column .detail.three .programMeta .ja, #programDetail .exp .program .column .detail.three .programMeta .en{ width: 100%; } #programDetail .meta{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 50px 25px; } #programDetail .meta .ja{ width: 100%; margin-bottom: 20px; } #programDetail .meta .en{ width: 100%; } #programDetail .meta .ja li{ padding-right: 0px; } #programDetail .meta .en li{ padding-right: 0px; } #programDetail .member{ background:#ffffff url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 25px 0px 25px; } #programDetail .member .column{ padding-bottom: 30px; margin-bottom: 30px; } #programDetail .member .column:last-child{ padding-bottom: 30px; border-bottom: none; margin-bottom: 0px; position: relative; } #programDetail .member .column .image{ float: left; position: static; top: 0; left: 0px; width: 95px; margin-bottom: 10px; margin-right: 20px; } #programDetail .member .column .detail{ padding-left: 0px; min-height: 180px; } #programDetail .member .column .detail h2 span{ display: block; } #programDetail .memberList .text { font-size: 13px; } #programDetail .memberList{ background:#a5a5a5 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 25px; letter-spacing: -0.4em; } #programDetail .memberList .column, #programDetail .memberList.pos02 .column, #programDetail .memberList.pos03 .column { letter-spacing: normal; width: 47.51%; display: inline-block; margin-right: 4.918%; vertical-align: top; margin-top: 20px; padding-top: 20px; border-top:1px #3c3c3c dotted; } #programDetail .memberList .column:nth-child(2n){ margin-right: 0%; } #programDetail .memberList .column:first-child{ border: none; margin-top: 0px; padding-top: 0px; } #programDetail .memberList .column:nth-child(2){ margin-top: 0px; padding-top: 0px; border: none; } #programDetail .memberList .column .copyright{ font-size: 10px; margin-bottom: 5px; } #programDetail .memberList .column .image img{ width: 100%; height: auto; margin-bottom: 10px; } #programDetail .memberList .column h2{ font-size: 14px; font-weight: bold; margin-bottom: 10px; } #programDetail .memberList .column h2 span{ font-size: 10px; display: block; } #programDetail .memberList .column h3{ font-size: 13px; font-weight: bold; } #programDetail .memberList .column h3 span{ font-size: 10px; display: block; } #programDetail .judge{ background:#cfcfcf url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 25px; } #programDetail .judge p{ line-height: 200%; } #programDetail .movie { padding: 35px 25px 40px; } } #programDetail .partner01{ background:#fafaf0 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 60px 70px 60px 70px; color: #505050; } #programDetail .partner01.pos02{ background:#FFF url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 60px 70px 60px 70px; color: #505050; } #programDetail .partner01 h1{ text-align: center; font-size: 20px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; margin-bottom: 60px; } #programDetail .partner01 .block{ letter-spacing: -0.4em; margin-bottom: 50px; } #programDetail .partner01 .block .image{ letter-spacing: normal; display: inline-block; vertical-align: top; width: 46.61%; margin-right: 6.54%; font-size: 10px; color: #000000; } #programDetail .partner01 .block .image img{ width: 100%; height: auto; margin-bottom: 10px; } #programDetail .partner01 .block .detail{ letter-spacing: normal; display: inline-block; vertical-align: top; width: 46.42%; } #programDetail .partner01 .block .detail h2{ color: #e6460a; font-size: 20px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #programDetail .partner01 .block .detail h2 span{ color: #e6460a; font-size: 16px; display: block; font-weight: bold; } #programDetail .partner01 .block .detail h3{ font-size: 12px; margin-bottom: 15px; } #programDetail .partner01 .block .detail h4{ font-size: 16px; color: #000000; margin-bottom: 15px; font-weight: bold; } #programDetail .partner01 .block .detail ul{ margin-bottom: 20px; } #programDetail .partner01 .block .detail li{ font-size: 12px; line-height: 200%; } #programDetail .partner01 .block .detail li span{ color: #e6460a; } #programDetail .partner01 .block .detail p{ font-size: 12px; line-height: 200%; } #programDetail .partner01 .block .detail p span{ color: #e6460a; } #programDetail .partner01 .text{ font-size: 13px; line-height: 200%; } /*---------------------------------------------------- Alert --------------------------------------------------- */ #programDetail .alert{ text-align: center; padding: 40px 0; background:#f0553c url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; position: relative; } #programDetail .alert .inner { width: 88%; margin: 0 auto; } #programDetail .alert .inner p { text-align: left; color: #fff; font-size: 18px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #programDetail .alert .inner p span { text-align: left; color: #fff; font-size: 16px; font-weight: 400; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } @media only screen and (max-width: 768px) { #programDetail .alert{ padding: 38px 0; } #programDetail .alert .inner p { font-size: 15px; } #programDetail .alert .inner p span{ font-size: 13px; } } @media only screen and (max-width: 768px) { #programDetail .partner01{ background:#fafaf0 url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 50px 25px; } #programDetail .partner01.pos02{ background:#FFF url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 50px 25px; } #programDetail .partner01 h1{ margin-bottom: 42px; } #programDetail .partner01 .block{ margin-bottom: 50px; } #programDetail .partner01 .block .image{ width: 100%; margin-right: 0%; font-size: 10px; color: #000000; margin-bottom: 55px; } #programDetail .partner01 .block .detail{ width: 100%; } } /*---------------------------------------------------- #news_article --------------------------------------------------- */ #news_article{ position: relative; } #news_article h1{ padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; background: #3c3c3c; } @media only screen and (max-width: 768px) { #news_article h1{ padding: 30px 0 25px 20px; font-size: 18px; } } #news_article .news{ background:#FFF url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 70px; color: #505050; } #news_article .news .date{ font-size: 16px; line-height: 144%; margin-bottom: 10px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; } #news_article .news h2{ font-size: 18px; line-height: 144%; margin-bottom: 20px; border-bottom: 1px #505050 dotted; padding-bottom: 15px; font-weight: bold; } #news_article .news p{ font-size: 14px; line-height: 214%; } @media only screen and (max-width: 768px) { #news_article .news{ background:#FFF url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; background-size: 200px; padding: 40px 25px; } } /*---------------------------------------------------- #competition_entry --------------------------------------------------- */ #competition_entry h1 { padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; background: #3c3c3c; } #competition_entry .wrapper { padding-bottom: 80px; } #competition_entry .wrapper.en { background: #191919; } #competition_entry .title { background: #cfcfcf url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; padding: 60px 45px 40px 70px; } #competition_entry .title .hdg { font-size: 22px; font-weight: bold; text-align: center; margin-bottom: 15px; } #competition_entry .title .text { line-height: 2.1; } #competition_entry .title .text + .text { margin-top: 1.5em; } #competition_entry .title .text.ar { text-align: right; } #competition_entry .title .text.ac { text-align: center; } #competition_entry .title .text b { font-weight: bold; } #competition_entry .blockLyt { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: table; table-layout: fixed; direction: rtl; background: #191919 url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; padding: 70px 45px 70px 70px; } #competition_entry .blockLyt > * { display: table-cell; vertical-align: middle; direction: ltr; } #competition_entry .blockLyt .image { width: 240px; } #competition_entry .blockLyt .image img { max-width: 100%; } #competition_entry .blockLyt .text { padding-left: 75px; } #competition_entry .blockLyt .text.single { padding-left: 0; } #competition_entry .blockLyt .text .hdg { color: #dc3c00; font-size: 18px; font-weight: bold; margin-bottom: 15px; } #competition_entry .blockLyt .text .hdg small { font-size: 14px; } #competition_entry .blockLyt .text .place { margin-top: 15px; } #competition_entry .blockLyt .text .place dt { color: #dc3c00; font-weight: bold; padding: 0 0 5px; border-bottom: #3c3c3c 1px dotted; margin-bottom: 10px; } #competition_entry .blockLyt .text .place dd { line-height: 2.1; } #competition_entry .blockSche { background: #fff url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; padding: 50px 45px 0 70px; } #competition_entry .wrapper.en .blockSche { background: #fff url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; } #competition_entry .blockSche .hdg { font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-size: 18px; font-weight: bold; letter-spacing: 0.04em; margin-bottom: 35px; } #competition_entry .blockSche .hdg span { font-size: 12px; line-height: 1; display: inline-block; padding-left: 1em; margin-left: 1em; border-left: #646464 1px solid; } #competition_entry .blockSche .detail li { font-size: 12px; line-height: 2; display: table; margin-top: 20px; } #competition_entry .blockSche .detail li > * { display: table-cell; vertical-align: top; } #competition_entry .blockSche .detail li .fig { width: 160px; font-weight: bold; } #competition_entry .blockSche .detail li .fig.wide { width: 210px; } #competition_entry .blockSche .detail li .text { font-weight: bold; } #competition_entry .blockSche .detail li .text b { font-weight: bold; } #competition_entry .blockSche .detail li .fig a, #competition_entry .blockSche .detail li .text a, #competition_entry .blockSche .detail li .text .color, #competition_guide .blockGuide .listNum > li a, #competition_entry .title .text a, #competition_entry .blockLyt .text .place dd a { color: #dc3c00; } #competition_entry .blockSche .detail li .fig a img, #competition_entry .blockSche .detail li .text a img, #competition_guide .blockGuide .listNum > li a img, #competition_entry .title .text a img { display: inline-block; vertical-align: text-top; width: 14px; height: auto; margin-left: 3px; } #competition_entry .blockSche .detail li .fig a:hover, #competition_entry .blockSche .detail li .text a:hover, #competition_guide .blockGuide .listNum > li a:hover, #competition_entry .title .text a:hover, #competition_entry .blockLyt .text .place dd a:hover { text-decoration: underline; } #competition_entry .blockSche .entryDeadline { background: #dcdddd; margin-top: 25px; padding: 25px 45px 35px; } #competition_entry .blockSche .entryDeadline .text { margin-top: 20px; } #competition_entry .blockSche .entryDeadline .text:first-child { margin-top: 0; } #competition_entry .blockSche .entryDeadline .text dt { font-weight: bold; padding: 0 0 5px; border-bottom: #3c3c3c 1px dotted; margin-bottom: 10px; } #competition_entry .blockSche .entryDeadline .text dd { letter-spacing: 0.05em; line-height: 2.1; } #competition_entry .blockSche .entryDeadline .text dd em { font-style: normal; font-size: 16px; } #competition_entry .blockSche .entryDeadline .text dd b { font-weight: bold; } #competition_entry .entryBtns { width: 80.61224%; max-width: 790px; display: table; margin: 50px auto 0; } #competition_entry .entryBtns li { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: top; width: 50%; padding: 0 20px; } #competition_entry .entryBtns li a { color: #fff; font-weight: bold; letter-spacing: 0.02em; text-align: center; display: block; background: #000; padding: 15px 0; -webkit-transition: .3s ease; transition: .3s ease; } #competition_entry .entryBtns li a:hover { color: #000; background: #dcdddd; } #competition_entry .blockSche .entryDetail { margin-top: 25px; } #competition_entry .blockSche .entryDetail .entryhdg { font-size: 16px; font-weight: bold; margin-bottom: 15px; } #competition_entry .blockSche .entryDetail p { letter-spacing: .05em; line-height: 2.1; } #competition_entry .blockSche .entryDetail p + p { margin-top: 1.5em; } #competition_entry .blockSche .entryDetail .image { max-width: 400px; margin: 15px auto; } #competition_entry .blockSche .entryDetail .image img { width: 100%; height: auto; } #competition_entry .blockSche .about .catch { margin-bottom: 35px; } #competition_entry .blockSche .about .text { font-size: 14px; line-height: 214%; } #competition_entry .blockSche .about .text + .text { margin-top: 1.5em; } #competition_entry .blockSche .about .text.ar { text-align: right; } @media only screen and (max-width: 768px) { #competition_entry h1 { padding: 30px 0 25px 20px; font-size: 18px; } #competition_entry .wrapper { padding-bottom: 40px; } #competition_entry .title { background: #cfcfcf url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; background-size: 200px; padding: 40px 25px; } #competition_entry .title .hdg { font-size: 18px; } #competition_entry .blockLyt { background: #191919; padding: 0 25px 40px; } #competition_entry .blockLyt .image { width: 100%; text-align: center; padding: 40px 0 20px; background: #191919 url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; background-size: 200px; display: table-caption; } #competition_entry .blockLyt .image img { width: 73.84615%; height: auto; } #competition_entry .blockLyt .text { padding-left: 0; display: block; } #competition_entry .blockLyt .text.single { padding-top: 40px; } #competition_entry .blockLyt .text .hdg { text-align: center; margin-bottom: 20px; } #competition_entry .blockLyt .text .place dt { margin-bottom: 5px; } #competition_entry .blockSche { background: #fff url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; background-size: 200px; padding: 30px 25px 0; } #competition_entry .blockSche .hdg { margin-bottom: 20px; } #competition_entry .blockSche .detail li > * { display: block; } #competition_entry .blockSche .detail li .fig, #competition_entry .blockSche .detail li .fig.wide { width: 100%; margin-bottom: 8px; } #competition_entry .blockSche .detail li .text .color { display: block; } #competition_entry .blockSche .entryDeadline { margin: 45px -25px 0; padding: 25px; } #competition_entry .blockSche .entryDeadline .text { margin-top: 20px; } #competition_entry .blockSche .entryDeadline .text:first-child { margin-top: 0; } #competition_entry .blockSche .entryDeadline .text dt { margin-bottom: 5px; } #competition_entry .entryBtns { width: 100%; display: block; margin: 40px 0 0; } #competition_entry .entryBtns li { display: block; width: 100%; padding: 0 25px; margin-top: 30px; } #competition_entry .entryBtns li a:hover { color: #dc3c00; background: #fff; } #competition_entry .blockSche .entryDetail { margin-top: 40px; } #competition_entry .blockSche .entryDetail .entryhdg { font-size: 15px; } #competition_entry .blockSche .entryDetail .image { margin: 25px auto; } #competition_entry .blockSche .about .catch { width: 290px; margin: 0 auto; margin-bottom: 25px; } } /*---------------------------------------------------- #competition_guide --------------------------------------------------- */ #competition_guide h1 { padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; background: #3c3c3c; } #competition_guide .wrapper { color: #505050; background: #fff url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; padding: 70px 55px 80px 70px; } #competition_guide .blockGuide + .blockGuide { margin-top: 35px; } #competition_guide .blockGuide .hdg02 { font-size: 18px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; letter-spacing: 0.04em; padding-bottom: 10px; border-bottom: #3c3c3c 1px dotted; margin-bottom: 15px; } #competition_guide .blockGuide .hdg02 span { font-size: 12px; font-weight: bold; line-height: 1; display: inline-block; padding-left: 1em; margin-left: 1em; border-left: #000 1px solid; } #competition_guide .blockGuide .section { margin-top: 25px; } #competition_guide .blockGuide .hdg02 + .section, #competition_guide .blockGuide .hdg03 + .section { margin-top: 0; } #competition_guide .blockGuide .section .hdg03 { font-size: 16px; font-weight: bold; margin-bottom: 5px; } #competition_guide .blockGuide .listNum, #competition_guide .blockGuide .note, #competition_guide .blockGuide .text, #competition_guide .blockGuide .listDot { line-height: 2; } #competition_guide .blockGuide .text em { font-style: normal; text-decoration: underline; } #competition_guide .blockGuide .listNum > li { display: table; } #competition_guide .blockGuide .listNum > li > * { display: table-cell; vertical-align: top; } #competition_guide .blockGuide .listNum > li .num { white-space: nowrap; padding-right: 15px; } #competition_guide .blockGuide .listNum > li .in em { font-style: normal; text-decoration: underline; } #competition_guide .blockGuide .listNum > li .in strong { font-weight: bold; } #competition_guide .blockGuide .note small { font-size: 12px; } #competition_guide .blockGuide .listDot li:before { content: ""; display: inline-block; width: .5em; height: .5em; background: #505050; border-radius: 50%; vertical-align: middle; margin-right: 3px; } #competition_guide .blockGuide .text b { font-weight: bold; } #competition_guide .blockGuide .blockNotice .detail { width: 100%; display: table; table-layout: fixed; margin: 20px 0; line-height: 2; } #competition_guide .blockGuide .blockNotice .detail > * { display: table-cell; vertical-align: top; } #competition_guide .blockGuide .blockNotice .detail dt { width: 140px; font-weight: bold; white-space: nowrap; padding-right: 0.5em; } #competition_guide .blockGuide .blockNotice .detail dd ul li { display: table; } #competition_guide .blockGuide .blockNotice .detail dd ul li > * { display: table-cell; vertical-align: top; } #competition_guide .blockGuide .blockNotice .detail dd ul li .fig { width: 65px; white-space: nowrap; } #competition_guide .blockGuide .blockNotice .detail dd ul li .in { padding-left: 1em; } #competition_guide .blockGuide .blockNotice .detail dd a img, #competition_guide .blockGuide .text a img { display: inline-block; vertical-align: text-top; width: 14px; height: auto; margin-left: 3px; } #competition_guide .blockGuide .blockNotice .detail dd a:hover, #competition_guide .blockGuide .text a:hover { text-decoration: underline; } #competition_guide .infoImage { margin: 25px 0 35px; } #competition_guide .infoImage img { max-width: 100%; height: auto; } #competition_guide .entryBtn { max-width: 350px; margin: 45px auto 0; } #competition_guide .entryBtn a { color: #fff; font-weight: bold; letter-spacing: 0.02em; text-align: center; display: block; background: #000; padding: 14px 0; -webkit-transition: .3s ease; transition: .3s ease; border: #000 1px solid; } #competition_guide .entryBtn a:hover { color: #000; background: #fff; } #competition_guide .faq { display: block; max-width: 350px; margin: 60px auto 0; } #competition_guide .faq { color: #000; font-weight: bold; letter-spacing: 0.02em; text-align: center; display: block; background: #fff; padding: 14px 0; -webkit-transition: .3s ease; transition: .3s ease; border: #000 1px solid; } #competition_guide .faq:hover { color: #fff; background: #000; } #competition_guide .faq img{ display: inline-block; vertical-align: text-top; width: 14px; height: auto; margin-left: 3px; } @media only screen and (max-width: 768px) { #competition_guide h1 { padding: 30px 0 25px 20px; font-size: 18px; } #competition_guide .wrapper { background: #fff url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; background-size: 200px; padding: 40px 25px 45px; } #competition_guide .blockGuide .hdg02 { margin-bottom: 10px; } #competition_guide .blockGuide .section { margin-top: 20px; } #competition_guide .infoImage { margin-top: 20px; } #competition_guide .blockGuide .listNum > li .num { padding-right: 0; } #competition_guide .blockGuide .blockNotice .detail { display: block; } #competition_guide .blockGuide .blockNotice .detail > * { display: block; } #competition_guide .blockGuide .blockNotice .detail dt { width: 100%; padding-right: 0; } #competition_guide .entryBtn { max-width: none; } } /*---------------------------------------------------- #competition_form --------------------------------------------------- */ #competition_form h1 { padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; background: #3c3c3c; } #competition_form .wrapper { color: #505050; background: #fff url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; padding: 70px 55px 60px 70px; } #competition_form .wrapper .note { font-size: 12px; letter-spacing: 0.05em; text-align: center; margin-top: 20px; } #competition_form .wrapper .note a { color: #dc3c00; text-decoration: underline; } #competition_form .wrapper .note a:hover { text-decoration: none; } #competition_form .blockForm + .blockForm { margin-top: 45px; } #competition_form .blockForm .hdg { color: #000; font-size: 18px; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; letter-spacing: 0.04em; padding-bottom: 10px; border-bottom: #3c3c3c 1px dotted; margin-bottom: 15px; } #competition_form .blockForm .hdg span { font-size: 12px; font-weight: bold; line-height: 1; display: inline-block; padding-left: 1em; margin-left: 1em; border-left: #000 1px solid; } #competition_form .blockForm .inputBlock { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: table; table-layout: fixed; padding: 0 50px; margin-bottom: 25px; } #competition_form .blockForm .inputBlock.__hidden { display: none; visibility: hidden; } #competition_form .blockForm .inputBlock > * { display: table-cell; vertical-align: top; } #competition_form .blockForm .inputBlock .item { width: 140px; padding: 9px 40px 8px 0; position: relative; } #competition_form .blockForm .inputBlock.en .item { width: 160px; padding-right: 65px; } #competition_form .blockForm .inputBlock .item .name { font-size: 12px; letter-spacing: 0.05em; } #competition_form .blockForm .inputBlock .item .name small { font-size: 10px; letter-spacing: normal; } #competition_form .blockForm .inputBlock .item .req { color: #fff; font-size: 10px; letter-spacing: 0.05em; line-height: 16px; padding: 0 5px; background: #dc3c00; position: absolute; top: 10px; right: 0; } #competition_form .blockForm .inputBlock .item .req.any { background: #c0c0c0; } #competition_form .blockForm .inputBlock .col { padding-left: 11.33333%; } #competition_form .blockForm .inputBlock .col > .note { font-size: 12px; margin-top: 5px; } #competition_form .blockForm .inputBlock .col.side { letter-spacing: -0.4em; } #competition_form .blockForm .inputBlock .col.side > * { display: inline-block; vertical-align: middle; } #competition_form .blockForm .inputBlock .col.side input[type="text"], #competition_form .blockForm .inputBlock .col.side .bar { letter-spacing: normal; } #competition_form .blockForm .inputBlock .col .line2 { overflow: hidden; margin: 0 -10px; } #competition_form .blockForm .inputBlock .col .line2 .col2 { -webkit-box-sizing: border-box; box-sizing: border-box; width: 50%; display: block; padding: 0 10px; float: left; } #competition_form .blockForm .inputBlock input[type="text"], #competition_form .blockForm .inputBlock input[type="tel"], #competition_form .blockForm .inputBlock input[type="email"], #competition_form .blockForm .inputBlock input[type="url"], #competition_form .blockForm .inputBlock textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; display: block; font-size: 16px; background: #ececec; height: 35px; line-height: 35px; border: none; border-radius: none; padding: 0 5px; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #competition_form .blockForm .inputBlock textarea { font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; padding: 10px 5px; line-height: 1.5; height: 100px; } #competition_form .blockForm .inputBlock input[type="text"].sW, #competition_form .blockForm .inputBlock input[type="tel"].sW { width: 100px; } #competition_form .blockForm .inputBlock input[type="text"].mW, #competition_form .blockForm .inputBlock input[type="tel"].mW { width: 160px; } #competition_form .blockForm .inputSelect { letter-spacing: -0.4em; } #competition_form .blockForm .inputSelect > * { display: inline-block; vertical-align: middle; letter-spacing: normal; } #competition_form .blockForm .inputSelect .select { width: 100px; } #competition_form .blockForm .inputSelect .select.w { width: 100%; } #competition_form .blockForm .inputSelect .select label { position: relative; display: block; } #competition_form .blockForm .inputSelect .select label:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #505050 transparent transparent transparent; pointer-events: none; position: absolute; top: 50%; right: 10px; margin-top: -2.5px; } #competition_form .blockForm .inputSelect .select select { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; border: none; border-radius: none; background: #ececec; height: 35px; line-height: 35px; padding: 0 20px 0 15px; } #competition_form .blockForm .inputSelect .text, #competition_form .blockForm .inputBlock .bar { margin: 0 8px; } #competition_form .enqueteBlock { margin-top: 20px; padding: 0 50px; } #competition_form .enqueteBlock .item { font-weight: bold; margin-bottom: 15px; } #competition_form .enqueteBlock .col { padding-left: 25px; } #competition_form .enqueteBlock .col .chkWrap { letter-spacing: -0.4em; } #competition_form .enqueteBlock .col .chkWrap > * { display: inline-block; letter-spacing: 0.05em; vertical-align: top; margin: 0 15px 20px 0; } #competition_form .enqueteBlock .chkWrap .wpcf7-list-item { font-size: 12px; line-height: 1; } #competition_form .enqueteBlock .chkWrap .wpcf7-list-item label { display: block; min-height: 14px; line-height: 1.2; position: relative; padding-left: 24px; overflow: hidden; } #competition_form .enqueteBlock .chkWrap .wpcf7-list-item label:before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; width: 14px; height: 14px; border: #ddd 1px solid; border-radius: 50%; background: #fff; display: block; position: absolute; top: 0; left: 0; z-index: 5; } #competition_form .enqueteBlock .chkWrap .wpcf7-list-item label:after { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; width: 10px; height: 10px; background: #dc3c00; border-radius: 50%; display: block; position: absolute; top: 2px; left: 2px; z-index: 6; } #competition_form .enqueteBlock .chkWrap .wpcf7-list-item input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; position: absolute; left: -13px; top: 2px; margin: 0; z-index: 7; width: 12px; height: 12px; border-radius: 50%; -webkit-box-shadow : 14px -1px #FFF; box-shadow : 14px -1px #FFF; border-collapse: separate; } #competition_form .enqueteBlock .chkWrap .wpcf7-list-item input[type="checkbox"]:checked { -webkit-box-shadow : none; box-shadow : none; } #competition_form .entryBtn { max-width: 350px; margin: 35px auto 0; } #competition_form .entry { width: 80.61224%; max-width: 790px; display: table; margin: 0 auto; } #competition_form .entry li { -webkit-box-sizing: border-box; box-sizing: border-box; display: table-cell; vertical-align: top; width: 50%; padding: 0 20px; } #competition_form .entryBtn input, #competition_form .entryBtn a, #competition_form .entry input { width: 100%; color: #fff; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; font-size: 14px; font-weight: bold; letter-spacing: 0.02em; text-align: center; display: block; background: #000; padding: 14px 0; -webkit-transition: .3s ease; transition: .3s ease; border: #000 1px solid; border-radius: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } #competition_form .entryBtn input:hover, #competition_form .entryBtn a:hover, #competition_form .entry input:hover { color: #000; background: #fff; } #competition_form .entry li:first-child input { background: #505050; border-color: #505050; } #competition_form .blockForm .wpcf7-not-valid-tip { font-size: 12px; letter-spacing: normal; } #competition_form .blockForm .inputSelect:not(:first-child) .wpcf7-not-valid-tip, #competition_form .blockForm .inputBlock .col.side .wpcf7-form-control-wrap:not(:first-child) .wpcf7-not-valid-tip { display: none; } #competition_form .blockForm .inputSelect:first-child .select label .wpcf7-not-valid-tip, #competition_form .blockForm .inputBlock .col.side .text-post1 .wpcf7-not-valid-tip, #competition_form .blockForm .inputBlock .col.side .tel-01 .wpcf7-not-valid-tip, #competition_form .blockForm .inputBlock .col.side .text-birth01 .wpcf7-not-valid-tip { display: block; position: absolute; top: 100%; left: 0; white-space: nowrap; } #competition_form .blockForm .inputBlock input[type="text"].wpcf7c-conf, #competition_form .blockForm .inputBlock input[type="tel"].wpcf7c-conf, #competition_form .blockForm .inputBlock input[type="email"].wpcf7c-conf, #competition_form .blockForm .inputBlock input[type="url"].wpcf7c-conf, #competition_form .blockForm .inputBlock textarea.wpcf7c-conf, #competition_form .blockForm .inputSelect .select select.wpcf7c-conf { box-shadow: 0 0 0px 1000px #bbb inset; } #competition_form .compText { font-size: 16px; font-weight: bold; line-height: 2; text-align: center; margin: 45px 0 80px; } #competition_form .compText strong { color: red; font-weight: bold; } @media only screen and (max-width: 768px) { #competition_form h1 { padding: 30px 0 25px 20px; font-size: 18px; } #competition_form .wrapper { background: #fff url('/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png') no-repeat left top; background-size: 200px; padding: 40px 25px 25px; } #competition_form .blockForm .hdg { margin-bottom: 10px; } #competition_form .blockForm .inputBlock { display: block; padding: 0; margin-bottom: 15px; } #competition_form .blockForm .inputBlock > * { display: block; } #competition_form .blockForm .inputBlock .item, #competition_form .blockForm .inputBlock.en .item { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 40px 10px 0; } #competition_form .blockForm .inputBlock.en .item { padding-right: 65px; } #competition_form .blockForm .inputBlock .item .req { top: 0; } #competition_form .blockForm .inputBlock .col { padding-left: 0; } #competition_form .blockForm .inputBlock .col .line2 { overflow: hidden; margin: 0 -15px; } #competition_form .blockForm .inputBlock .col .line2 .col2 { padding: 0 15px; } #competition_form .blockForm .inputBlock textarea { height: 140px; } #competition_form .blockForm .inputBlock .col.side .inputSelect .select, #competition_form .blockForm .inputBlock input[type="tel"].sW, #competition_form .blockForm .inputBlock input[type="text"].sW { width: 62px; } #competition_form .blockForm .inputSelect { letter-spacing: -0.4em; } #competition_form .blockForm .inputSelect > * { display: inline-block; vertical-align: middle; letter-spacing: normal; } #competition_form .blockForm .inputSelect .text, #competition_form .blockForm .inputBlock .bar { font-size: 12px; margin: 0 5px; } #competition_form .blockForm .inputSelect:last-child .text { margin-right: 0; } #competition_form .enqueteBlock { margin-top: 40px; padding: 0; } #competition_form .enqueteBlock .item { font-size: 13px; padding-left: 2em; text-indent: -2em; } #competition_form .enqueteBlock .col { padding-left: 0; } #competition_form .enqueteBlock .col .chkWrap > * { margin: 0 15px 15px 0; } #competition_form .entryBtn { max-width: none; margin: 20px 0 0; } #competition_form .entry { width: 100%; display: block; margin: 0; } #competition_form .entry li { display: block; width: 100%; padding: 0; margin-top: 30px; } #competition_form .entry li:first-child { margin-top: 0; } } /*---------------------------------------------------- #statement --------------------------------------------------- */ #statement{ position: relative; } #statement h1{ padding: 78px 0 66px 78px; font-size: 22px; color: #fff; font-weight: bold; font-family: 'Roboto', "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体","Yu Gothic",YuGothic,Meiryo,"メイリオ", sans-serif; line-height: 100%; background: #3c3c3c; } @media only screen and (max-width: 768px) { #statement h1{ padding: 30px 0 25px 20px; font-size: 18px; } } #statement .inner{ background:#fff url(/ydc2025//wp/wp-content/themes/ydc2017/img/about/bg_shadow.png) no-repeat left top; padding: 70px 70px 50px; } #statement .inner .title { font-size: 18px; font-weight: bold; text-align: center; } #statement .inner .title + .text { margin-top: 2em; } #statement .inner .text{ font-size: 14px; line-height: 214%; } #statement .inner .text + .text { margin-top: 1.5em; } #statement .inner .text + .title { margin-top: 2.5em; } #statement .inner .text.ar { text-align: right; } #statement .inner .catch { margin: 60px 0 35px; } @media only screen and (max-width: 768px) { #statement .inner{ background-size: 200px; padding: 40px 25px; } #statement .inner .catch { width: 290px; margin: 50px auto 25px; } #statement .inner .title { font-size: 16px; } } html { --vw: 100vw; --vh: 100vh; --fv: 100vh; scrollbar-width: thin } .fix_ticket { display: none; } @media only screen and (max-width: 768px) { .fix_ticket { display: block; position: fixed; bottom: calc(15 / 375 * var(--vw)); right: calc(15 / 375 * var(--vw)); width: calc(80 / 375 * var(--vw)); height: calc(80 / 375 * var(--vw)); border-radius: 50%; background-color: #dc3c00; z-index: 10; } } @media only screen and (max-width: 768px) { .fix_ticket > .link { display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; } } .fix_ticket > .link > .text { color: #fff; display: block; font-size: 14px; font-weight: bold; text-align: center; font-family: "Roboto", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック体", "Yu Gothic", YuGothic, Meiryo, "メイリオ", sans-serif; letter-spacing: 0.08em; }