.flex{ opacity: 0; } .flex:nth-child(1) { -webkit-animation: example 0.5s ease 0.5s 1 forwards; animation: example 0.5s ease 0.5s 1 forwards; } .flex:nth-child(2) { -webkit-animation: example 0.5s ease 1s 1 forwards; animation: example 0.5s ease 1s 1 forwards; } .flex:nth-child(3) { -webkit-animation: example 0.5s ease 1.5s 1 forwards; animation: example 0.5s ease 1.5s 1 forwards; } .flex:nth-child(4) { -webkit-animation: example 0.5s ease 2s 1 forwards; animation: example 0.5s ease 2s 1 forwards; } .flex:nth-child(5) { -webkit-animation: example 0.5s ease 2.5s 1 forwards; animation: example 0.5s ease 2.5s 1 forwards; } .flex:nth-child(6) { -webkit-animation: example 0.5s ease 3s 1 forwards; animation: example 0.5s ease 3s 1 forwards; } .flex:nth-child(7) { -webkit-animation: example 0.5s ease 3.5s 1 forwards; animation: example 0.5s ease 3.5s 1 forwards; } .flex:nth-child(8) { -webkit-animation: example 0.5s ease 4s 1 forwards; animation: example 0.5s ease 4s 1 forwards; } .flex:nth-child(9) { -webkit-animation: example 0.5s ease 4.5s 1 forwards; animation: example 0.5s ease 4.5s 1 forwards; } .flex:nth-child(10) { -webkit-animation: example 0.5s ease 5s 1 forwards; animation: example 0.5s ease 5s 1 forwards; } .flex:nth-child(11) { -webkit-animation: example 0.5s ease 5.5s 1 forwards; animation: example 0.5s ease 5.5s 1 forwards; } .flex:nth-child(12) { -webkit-animation: example 0.5s ease 6s 1 forwards; animation: example 0.5s ease 6s 1 forwards; } .flex:nth-child(13) { -webkit-animation: example 0.5s ease 6.5s 1 forwards; animation: example 0.5s ease 6.5s 1 forwards; } .flex:nth-child(14) { -webkit-animation: example 0.5s ease 7s 1 forwards; animation: example 0.5s ease 7s 1 forwards; } .flex:nth-child(15) { -webkit-animation: example 0.5s ease 7.5s 1 forwards; animation: example 0.5s ease 7.5s 1 forwards; } .flex:nth-child(16) { -webkit-animation: example 0.5s ease 8s 1 forwards; animation: example 0.5s ease 8s 1 forwards; } .flex:nth-child(17) { -webkit-animation: example 0.5s ease 8.5s 1 forwards; animation: example 0.5s ease 8.5s 1 forwards; } .flex:nth-child(18) { -webkit-animation: example 0.5s ease 9s 1 forwards; animation: example 0.5s ease 9s 1 forwards; } .flex:nth-child(19) { -webkit-animation: example 0.5s ease 9.5s 1 forwards; animation: example 0.5s ease 9.5s 1 forwards; } .flex:nth-child(20) { -webkit-animation: example 0.5s ease 10s 1 forwards; animation: example 0.5s ease 10s 1 forwards; } @-webkit-keyframes example { 100% { opacity: 1; } } @keyframes example { 100% { opacity: 1; } } .fas.fa-arrow-right { padding: 0 5px; color: black; } .page-id-4889 .entry-title { display: none; } .page-id-4889 .date-tags { display: none; } .page-id-8 .toc.tnt-number.toc-center.border-element { display: none; } .page-id-5535 .entry-title { display: none; } .page-id-5535 .date-tags { display: none; } .page-id-5535 .toc.tnt-number.toc-center.border-element { display: none; } .msg { margin: 0 !important; padding: 0 !important; position: absolute; color: rgba(255,255,255,0.5); font-size: 22px !important; font-weight: 400 !important; top: 32px; right: 0; letter-spacing: 0.02em; font-family: 'Do Hyeon', sans-serif; text-align: justify; font-feature-settings: "palt" 1; } .msg { animation-duration: 5s; animation-name: opacity; } @keyframes opacity { 0% { opacity: 0;/* 透明 */ } 100% { opacity: 1;/* 不透明 */ } } .newInfoSp { display:none; } .hopeN { display: block; position: absolute; z-index: -10; left: -48px; opacity: 0.3; } .hopeN img { height: 500px; } .danceCopy { max-width: 1180px; margin: 0 auto; position: relative; } /*チェックは見えなくする*/ .hidden_box input { display: none; } .tit2 { font-size: 15px; line-height: 1.4; margin-bottom: 3px; display: block; letter-spacing: 0.05em; padding: 0; color: #888; text-align: left; } .artist { display: block; line-height: 1.2; font-size: 10px; padding: 0 0 0 10px; color: white; letter-spacing: 0.05em; text-align: justify; } .detail { padding: 0; } .copyWords { font-size: 14px; color: white; padding: 3px 5px 5px 10px; line-height: 1.5; font-weight: normal; text-align: left; font-feature-settings: "palt" 1; letter-spacing: 0.1em; } .writer2 a { display: block; font-weight: bold; text-decoration: none; padding: 5px 0 15px; color: #c7000a; line-height: 1; } label { border-left: 0 !important; } /*サイト内検索*/ #search-8 { width: 288px; position: absolute; right: 0; top: 0; display: none; } .page-id-883 #search-8 { display: none; } .page-id-2965 #search-8 { display: none; } .page-id-2016 #search-8 { display: none; } .page-id-744 #search-8 { display: none; } .page-id-1623 #search-8 { display: none; } #search-7 { position: absolute; bottom: -170px; width: 30%; z-index: 2; } .article ul li, .article ol li { margin: 0; } /*フロント固定ページのタイトルを非表示*/ .home.page .entry-title{ display: none; } /*フロント固定ページのシェアボタンを非表示*/ .home.page .sns-share{ display: block !important; } .page-id-1623 .sns-share{ display: block !important; } /*フロント固定ページのフォローボタンを非表示*/ .home.page .sns-follow{ display: none; } /*フロント固定ページの投稿日を非表示*/ .home.page .post-date{ display: none; } /*フロント固定ページの更新日を非表示*/ .home.page .post-update{ display: none; } /*フロント固定ページの更新日を非表示*/ body{ overflow-x: hidden; } /*h2〜h6 を非表示*/ .article h2 { padding: 0; background: none; } .article h3 { border: none; padding: 0; } .article h4 { border: none; padding: 0; } .article h5 { border: none; padding: 0; } .article h6 { border: none; padding: 0; } #main { background: none !important; display: inline-block !important; } .header-container, .main, .footer { background-color: rgba(0,0,0,0) !important; } .main, .sidebar, .sidebar-left .main, .sidebar-left .sidebar { margin: 0 !important; } .cat-item.cat-item-1 { display: none; } .fa.fa-file-o.fa-fw { display: none; } .fas.fa-hand-point-right { margin-right: 5px; } .seeColumn { background: none !important; } .columnLink a { background: white; line-height: 1; padding: 3px 0 3px 3px; letter-spacing: 0; } .columnLink a:hover { background: gray; line-height: 1; padding: 3px 0 3px 3px; letter-spacing: 0; } .columnLink { padding: 0 0 3px; } /*topページ 右側*/ .ColumnBnr { position: relative; line-height: 0; } .ColumnBnr img { width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; object-position: center; height: 60px; } .talks em { font-style: normal; display: block; font-weight: bold; color: white; line-height: 1.3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); width: 100%; font-size: 15px; text-shadow: black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px, black -1px -1px 10px; z-index: 10; } .ColumnMember { margin: 0 0 10px; } .entry-title { letter-spacing: 0.05em; } .flyer { margin-bottom: 10px !important; background-image: url(https://utopia-music.com/wp-content/uploads/2020/06/flyer_Bnr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; border: 8px solid black; } .flyer img { padding: 32px; } @media screen and (min-width:769px){ /*ここから769px以上で適用する内容*/ #left .msg { display: none; } .recomenSmart { display: none; } .recomenPC { display: block; } #meta-2 { display: none; } .riot { display: none; } /*ナビメニュー*/ .navi-in .current-menu-item a { border-bottom: 2px solid #c7000a; } #navi .navi-in > ul > li > a { padding: 0 !important; } #navi li { margin-right: 50px; } #navi li:last-child { margin-right: 0 !important; } /*ヘッダー固定*/ .navifixed { position: fixed; top: 0; width: 100%; z-index: 10; padding: 20px; } /* グローバルナビの設定 */ @media screen and (min-width: 768px) { .navi-in{ float: none; background-size: contain; z-index: 999; } } /*DJ MIX*/ .page-id-744 .anker { display: none; } .page-id-1623 .anker { display: none; } .ankerPC { float: right; position: relative; top: -25px; z-index: 20; } .ankerPC ul { margin: 0; padding: 0; font-size: 0; } .ankerPC li { margin: 0 !important; display: inline-block; padding-right: 5px; } .ankerPC li:last-child { padding-right: 0; } .ankerPC a { text-decoration: none; color: black; background: rgba(255,255,255,0.5) !important; padding: 5px 7px; display: inline-block; font-size: 13px; line-height: 1; } .ankerPC a:hover { background: rgba(255,255,255,0.6) !important; transition: all 0.5s ease; } .fixed ul { position: fixed; top: 72px; z-index: 99; background: rgba(255,255,255,0.2); transform: none !important; width: 100%; right: 0; text-align: center; } .fixed li { display: inline-block; } #djArea { clear: both; position: relative; top: -25px; } .ankerPC li { animation-name: fade-inPC; animation-duration: 2s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards } @keyframes fade-inPC { 0% { opacity: 0; transform: translate3d(100px, 0, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } .fa-grin-wink::before { content: "\f58c"; color: #c7000a; } /*サブメニュー*/ .sub-menu a { border-bottom: 1px solid #9e9e9e !important; color: #777 !important; } .navi-in > ul .sub-menu { display: none; position: absolute; margin: 0; min-width: 240px; list-style: none; padding: 0; background-color: rgba(255,255,255,0.8); } .navi-in > ul .sub-menu { min-width: 100%; background-color: rgba(255,255,255,0.9); position: absolute; } .navi-in > ul .sub-menu a { padding-left: 10px; padding-right: 10px; font-size: 13px; } .navi-in > ul .sub-menu a:hover { padding-left: 10px; padding-right: 10px; background-color: rgba(0,0,0,0.8); color: white !important; } .sub-menu li { margin-right: 0 !important; } /*シェアr*/ .sns-share, .sns-follow { margin: 0 0px 20px; background: rgba(0,0,0,0.8); padding: 20px 30px; } .sns-share.ss-col-5 a { width: 20% !important; border-radius: 0 !important; line-height: 1 !important; height: auto; padding: 5px 0; margin-bottom: 0px !important; } .sns-share-message, .sns-follow-message { text-align: center; margin: -1px 0 0; color: white; line-height: 1; padding: 0 0 8px; font-size: 14px; } .sns-share-buttons a .button-caption { font-size: 13px; margin-left: 10px; } .sns-share-message { font-family: "Nico Moji"; } /*footer*/ #footer { background: rgba(0, 0, 0,0.8) !important; padding: 15px 0; margin: 0 0 30px; display: none; } .footer-bottom.fdt-up-and-down .footer-bottom-content { float: left !important; text-align: left !important; width: 380px; } #commentFoot { background: yellow; width: calc(100% - 380px) !important; } .footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul { justify-content: left !important; } #footerOrgn { padding: 15px 10px; max-width: 1200px; margin: 0 auto; font-size: 0; } #foot__Menu ul { padding: 0; margin: 0 auto; font-size: 0; vertical-align: top; } #foot__Menu li { display: block; font-weight: bold; padding: 0; } #foot__Menu a { color: #c7000a; text-decoration: none; font-family: "Nico Moji"; font-size: 14px; line-height: 1.6; } #topfoot { display: inline-block; vertical-align: top; width: calc(100% - 430px); text-align: justify; } .pose { display: inline-block; width: 90px; vertical-align: top; margin-right: 10px; margin-top: 1px; } #utopians2 { display: inline-block; font-size: 100px; width: 90px; margin-right: 10px; background-image: url(https://utopia-music.com/wp-content/uploads/2020/05/utopia_record.png); background-size: contain; background-repeat: no-repeat; line-height: 1; } #comment { letter-spacing: 0.6em; font-size: 12px; border-left: 1px solid #888; padding-left: 15px; color: #888; line-height: 1.6; margin-right: 10px; font-feature-settings: "palt" 1; } #foot { background: rgba(0,0,0,0.8); position: relative; height: 210px; } #foot__Menu { display: inline-block; border-left: 1px solid #888; padding-left: 15px; /* float: right; */ /* vertical-align: top; */ position: absolute; } .copyright { font-size: 11px; font-weight: normal; color: #888; position: relative; bottom: -55px; text-align: left; letter-spacing: 0.03em; } #footerLogo a { display: inline-block; vertical-align: top; } #footerLogo a:hover { background-color: rgba(0,0,0,0); transition: all 0.5s ease; color: #6f6f6f !important; } #footerLogo img { width: 120px; opacity: 0.5; } .entry-categories-tags.ctdt-one-row { display: none; } .source-org.copyright { margin: 0; } .footer__logo { display: inline-block; vertical-align: top; margin-right: 20px; } .footer__logo a { width: auto; height: 30px; background-image: url(https://natu.club/wp-content/uploads/2020/02/utopia_w.png); background-size: contain; background-repeat: no-repeat; } #footerLogo { display: inline-block; margin-bottom: 5px; } #comment span { color: white; display: block; line-height: 1; margin-bottom: 8px; font-size: 16px; font-family: "Nico Moji"; letter-spacing: 0.15em; } .footer__logo a:hover { opacity: 0.6; } .pose img { width: 120px; opacity: 0.5; background-image: url(https://utopia-music.com/wp-content/uploads/2020/03/utopia_record.gif); background-size: contain; background-repeat: no-repeat; height: 100px; } /*デザイン制作*/ #design { display: block; background: rgba(255,255,255,0.5); padding: 20px; margin: 0 0 35px; font-size: 0; } #designPro { display: inline-block; background: rgba(0,0,0,0.8); font-size: 1rem; width: calc(50% - 7.5px); text-align: center; margin: 0 15px 0 0 !important; color: white; line-height: 1; padding: 15px !important; font-weight: normal; vertical-align: top; height: auto; } #designPro2 { display: inline-block; background: rgba(0,0,0,0.8); width: calc(50% - 7.5px); text-align: center; margin: 0 0 15px 0 !important; color: white; line-height: 1; padding: 15px !important; font-weight: normal; vertical-align: top; height: auto; } .website li { margin: 0 !important; padding: 0 !important; list-style: none; } .website { margin: 0; padding: 0; height: 80px; } .deTit { border-bottom: 1px dotted #fff; padding: 30px 0 45px; font-size: 14px; font-weight: normal; } .deTit span { font-size: 34px; font-weight: normal; font-family: "Nico Moji"; color: #888; line-height: 0.7; display: block; } table { margin-bottom: 0 !important; } table th, table td { padding: 10px 0 !important; font-size: 14px; border: 1px dotted black !important; width: 50%; } .tbl tr:nth-of-type(2n+1) { background-color: rgba(255,255,255,0.2); } .tbl tr { background-color: rgba(255,255,255,0.4); } .priceTit { font-size: 14px; margin: 12px auto 10px; text-align: justify; letter-spacing: 0.05em; } .fas.fa-bolt { color: #c7000a; margin-right: 5px; } .designCopy { font-size: 14px; text-align: justify; line-height: 1.6; margin-bottom: 10px; font-weight: normal; color: #333; } #designContact a { display: block; font-size: 12px; text-decoration: none; line-height: 1; background: rgba(0,0,0,0.8); text-align: center; color: white; padding: 15px; font-weight: bold; } #designContact a:hover { transition: all 0.5s ease; background: rgba(0,0,0,0.6); color: white; letter-spacing: 1em; text-indent: 1em; } /*特定ページの投稿日・更新日を消す場合*/ .page-id-883 #main { margin: 0 !important; } .page-id-2965 #main { margin: 0 !important; } .page-id-744 #main { margin: 0 !important; } .page-id-2016 #main { margin: 0 !important; } .page-id-1623 #main { margin: 0 !important; } .page-id-8 #main { margin: 0 !important; } .page-id-2016 #left { margin-bottom: 0px; } .page-id-883 .sns-share, .sns-follow { display: none; } .page-id-883 .date-tags { display: none; } .page-id-883 .breadcrumb { display: none; } .page-id-744 .date-tags { display: none; } .page-id-744 .breadcrumb { display: none; } .page-id-1623 .date-tags { display: none; } .page-id-1623 .breadcrumb { display: none; } .page-id-1623 .entry-title { padding: 0; border-top: none; font-family: "Nico Moji"; font-size: 30px; margin-bottom: 5px; margin-top: 0 !important; } .page-id-1623 .entry-categories-tags.ctdt-one-row { display: none; } .page-id-744 .entry-categories-tags.ctdt-one-row { display: none; } .page-id-744 .entry-title { padding: 0; border-top: none; font-family: "Nico Moji"; font-size: 30px; margin-bottom: 5px; margin-top: 0; } .page-id-883 .entry-title { padding: 0; border-top: none; font-family: "Nico Moji"; font-size: 30px; margin-bottom: 5px; margin-top: 0; } .page-id-2016 .entry-title { padding: 0; border-top: none; font-family: "Nico Moji"; font-size: 30px; margin-bottom: 5px; margin-top: 0; } .page-id-2016 .date-tags { display: none; } .page-id-2016 .toc.tnt-number.toc-center.border-element { display: none; } .page-id-2965 .entry-title { padding: 0; border-top: none; font-family: "Nico Moji"; font-size: 30px; margin-bottom: 8px; margin-top: 0; } .page-id-2965 .date-tags { display: none; } .page-id-2965 .toc.tnt-number.toc-center.border-element { display: none; } .page-id-2965 .sns-share.ss-col-5.bc-brand-color.sbc-hide.ss-bottom { display: none; } /*go-to-top*/ .go-to-top { right: 20px; bottom: 20px; z-index: 99999; } .go-to-top-button { background-color: #76090e; color: white; text-decoration: none; display: flex; justify-content: center; align-items: center; width: 90px; height: 90px; cursor: pointer; text-align: center; line-height: 1; border-radius: 0 !important; font-size: 30px; } .go-to-top-button:hover { color: #fff !important; background: rgba(0,0,0,0.8); } .go-to-top-button:hover { color: #fff !important; background: rgba(0,0,0,0.8); transition: all 0.5s ease; } /*PARTY ARCHIVE */ /*RECOMMENDED*/ .fas.fa-compact-disc { margin-right: 3px; } .recoSingle { display: block; line-height: 1.6; font-size: 14px; color: #999; text-align: justify; letter-spacing: 0.08em; font-weight: normal; background-image: url(https://utopia-music.com/wp-content/uploads/2020/03/recomenBakc.jpg); height: 220px; margin: 0 0 15px; padding: 15px 15px 0; text-shadow: 0px 0px 10px black; font-feature-settings: "palt" 1; } .recoSingle { animation-duration: 5s; animation-name: opacity; } @keyframes opacity { 0% { opacity: 0;/* 透明 */ } 100% { opacity: 1;/* 不透明 */ } } .fas.fa-dice-d20 { color: #777; margin: 0 5px 0 0; } .recoSingle span { display: block; font-size: 17px; font-weight: bold; padding-bottom: 5px; color: #c7000a; } #youTube { display: block; width: 100%; background: rgba(0, 0, 0,0.8); padding: 20px; margin-bottom: 10px; font-size: 0; } #youTube h1 { font-size: 14px; text-align: center; color: white; display: block; background: #272727; margin-bottom: 10px; padding: 5px; letter-spacing: 0.05em; } #youTube p { margin: 0; font-size: 13px; line-height: 1.5; padding: 0 5px 0 10px; color: #888; font-weight: normal; text-align: left; font-feature-settings: "palt" 1; letter-spacing: 0.1em; } #youTube ul { margin: 0; padding: 0; } #cinemaArea { display: none; } .far.fa-grin-wink { margin-right: 3px; } .writer a { display: block; font-weight: bold; text-decoration: none; padding: 5px 0; color: #c7000a; } .writer a:hover { transition: all 0.5s ease; color: white; } .far.fa-grin-wink { margin-right: 3px; } .genreSet { margin: 0 10px 0; padding-top: 10px; } .genre { color: #777; text-align: center; margin: 0 5px 0 0; font-weight: bold; letter-spacing: 0.03em; font-size: 11px; } .genre a { text-decoration: none; color: #777; display: inline-block; padding: 0 10px !important; border: 1px dotted #777; margin-bottom: 5px; } .genre a:hover { background: rgba(0,0,0,0.8); transition: all 0.5s ease; color: white; } .recomen { padding: 0 0 35px 10px; } .jacket { display: inline-block; width: 40%; vertical-align: top; margin-right: 3%; } .jacket img { width: 100%; height: 100px; } .originalTit { display: block; background: rgba(255,255,255,0.1); padding: 10px; clear: both; margin: 0 0 10px; } .credit { font-size: 12px; color: #777; display: inline-block; width: 57%; line-height: 1.3; font-weight: normal; } .video-container, .instagram-container, .facebook-container { max-width: 100%; margin: 0 0 10px !important; padding: 0; } .video { margin: 0 !important; } #toc2 { padding: 0 10px; } #youTube li { display: inline-block; width: 24.1%; margin-right: 1.2%; vertical-align: top; border-left: 1px solid #c7000a; margin-bottom: 20px; } #youTube li:nth-child(4n) { margin-right: 0; } #youTube li:nth-child(4n-4) { margin-bottom: 1.25%; } #youTube li:last-child { margin-bottom: 0 !important; } .tit { font-size: 0.9rem; line-height: 1.4; margin-bottom: 3px; display: block; letter-spacing: 0.05em; } .anker ul { list-style: none; margin: 0 !important; position: absolute; right: 0; top: 12px; font-size: 0; } .anker li { margin: 0 !important; display: inline-block; padding-right: 4px; } .anker li:last-child { padding-right: 0; } .anker a { text-decoration: none; color: black; background: #c7000a; padding: 5px 7px; display: inline; font-size: 0.8rem; } .anker a:hover { background: white; transition: all 0.5s ease; } .sousin { margin: 0 0 30px; } label { color: white; font-weight: normal; padding-bottom: 0px !important; display: block; } .must { margin-right: 5px; padding: 0px 7px; margin-bottom: 8px; display: inline-block; border: 1px dotted white; font-size: 13px; } .wpcf7-form-control.wpcf7-submit { font-size: 1em; } input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a { padding: 8px; width: 10%; margin: 0; cursor: pointer; } /*投稿*/ .main { border-radius: 0 !important; position: relative; padding: 0 !important; margin-right: 20px !important; width: calc(100% - 308px); border: 0 !important; } .sidebar { width: 288px !important; border: none !important; padding: 0 !important; border-radius: 0 !important; background-color: rgba(255,255,255,0.4); height: 100%; display: inline-block; margin-bottom: 20px !important; } #touko { margin: 35px 0 30px; border-top: 1px solid white; padding: 30px 0 0; } .tokoH2 { font-feature-settings: "palt" 1; letter-spacing: 0.05em; } .sound__Set { display: block; margin: 0 0 30px; line-height: 0; } #blogBnr { background: #da1a84; line-height: 0; margin: 20px 0 0; } #blogBnr { background: #da1a84; line-height: 0; margin: 20px 0 0; margin: 0; position: absolute; display: block; width: 100%; top: 0; border-top: 1px solid white; /* border-bottom: 1px solid white; */ background: none; padding: 25px 0 20px; } #blogBnr img { width: 70%; position: relative; margin: 0 auto; display: block; } .blogTitBack { background: rgba(0,0,0,0.8); } .blogTitBack a:hover { opacity: 0.6; transition: all 0.5s ease; } .divPkg { width: 40%; margin: 0 10px 20px; background: rgba(255,255,255,0.3); } .divPkg img { width: 100%; display: block; margin: 0 auto; padding: 15px; } #toc1 { padding: 0 10px; } #touko p { color: white; line-height: 2.2; margin: 0 0 30px; font-size: 15px; font-weight: 400; font-feature-settings: "palt" 1; letter-spacing: 0.1em; } .genkyokuSet ul { padding: 0; margin: 0; display: flex; } .genkyokuSet li { width: 49%; display: inline-block; margin-right: 2% !important; } .genkyokuSet li:last-child { margin-right: 0 !important; } .genkyokuSet { margin: 0 0 20px; } .mix__Set { } .trackLing { margin-bottom: 50px; } .trackLing a { text-decoration: none; display: inline-block; line-height: 1; color: white; font-size: 13px; text-align: left; padding-top: 10px; } .trackLing a:hover { transition: all 0.3s ease; opacity: 0.5; } .trackLing span { color: black; background: white; padding: 3px 5px; margin: 0 5px; } .con p { margin: 0 0 25px; } .entry-title { line-height: 1 !important; margin: 0; /* border-bottom: 1px solid white; */ color: white; padding: 0 0 10px; /* border-top: 1px solid white; */ } .entry-title { margin: 150px 0 0; font-size: 22px; padding: 0 10px 10px; } .tokoH2 { margin: 0 !important; color: white !important; border-top: 1px solid white; padding-top: 30px !important; } .toc-center { margin: 3em auto; color: white !important; } .toc { border: none !important; line-height: 1.5; padding: 1em 4em; margin: 2em auto; display: table; font-size: 16px; background: rgba(255,255,255,0.4) !important; } .toc { border: none !important; line-height: 1.5; padding: 1em 4em; margin: 0 auto 2em; display: table; font-size: 16px; background: rgba(255,255,255,0.4) !important; } .archive-title { font-size: 15px; margin: 0 0 10px; line-height: 1 !important; background: rgba(255,255,255,0.3); padding: 8px; text-align: center; } .fa.fa-folder-open { display: none; } .entry-card-thumb.card-thumb.e-card-thumb { line-height: 1; } .entry-card-title, .related-entry-card-title { font-size: 18px; margin: 0; line-height: 2; margin-bottom: 10px; font-weight: bold; border-bottom: 1px solid #999; } .search-box { margin: 0; position: relative; } .search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { padding: 8px; border: 1px solid #555; font-size: 12px; width: 100%; background: rgba(0,0,0,0.8); color: #959595; font-weight: bold; } .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { font-size: 14px !important; font-weight: initial; line-height: 1.2; } .search-submit { position: absolute; right: 1px; top: 0px; font-size: 16px; cursor: pointer; line-height: 36px; border: none; color: #ccc; padding: 0 6px; background-color: rgba(255, 255, 255, 0); } .footer-meta { display: none; } .sidebar h3 { background-color: rgba(0,0,0,0.2); padding: 7px 10px; margin: 10px 0; line-height: 1; font-size: 14px; text-align: center; color: black !important; } #categories-2 { padding-bottom: 10px; } .widget { margin-bottom: 0; line-height: 1.6; } #search-2 { padding: 10px 10px 0; } #sidebar a { margin: 0 !important; font-size: 14px; padding: 0 15px; } #meta-2 ul { margin-bottom: 15px; } .recentcomments { padding: 0 15px !important; } #sidebar a { margin: 0 !important; font-size: 13px; text-decoration: none; color: #333; line-height: 1.5; display: block; padding: 8px 10px; } .date-tags { text-align: left; color: white; line-height: 1; font-size: 13px; padding: 0 10px; } .article h2 { font-size: 18px; } .entry-categories a { color: white; padding: 5px 13px; display: inline; border: 1px solid white; } .tag-link, .comment-reply-link { color: white; text-decoration: none; display: inline-block; margin-right: 5px; padding: 0 10px; font-size: 12px; border: 1px solid white; border-radius: 2px; word-break: break-all; } .cat-link { color: #fff; text-decoration: none; display: inline-block; margin-right: 5px; padding: 2px 6px; font-size: 12px; background-color: none !important; border-radius: 2px; word-break: break-all; } .cat-link:hover { opacity: 1; color: black; transition: all 0.5s ease; } .sns-share.ss-col-3.bc-brand-color.sbc-hide.ss-bottom { display: none; } .sns-follow.bc-brand-color.fbc-hide { display: none; } .under-entry-content { display: none; } .breadcrumb { margin-top: 20px; margin-bottom: 5em; color: white; font-size: 13px; } .breadcrumb a { color: white; } /*DJページ*/ #dj { display: block; width: 100%; padding: 30px 30px 20px; margin-bottom: 20px; font-size: 0; background-color: #e74c3c; animation: bg-color 10s infinite; -webkit-animation: bg-color 10s infinite; } @-webkit-keyframes bg-color { 0% { background-color: rgba(0,0,0,0.8); } 10% { background-color: rgba(0,0,0,0.5); } 20% { background-color: rgba(0,0,0,0.8); } 30% { background-color: rgba(0,0,0,0.3);} 40% { background-color: rgba(0,0,0,0.4); } 50% { background-color: rgba(0,0,0,0.5); } 60% { background-color: rgba(0,0,0,0.7); } 70% { background-color: rgba(0,0,0,0.3);} 80% { background-color: rgba(0,0,0,0.4); } 90% { background-color: rgba(0,0,0,0.6); } 100% { background-color: rgba(0,0,0,0.7); } } @keyframes bg-color { 0% { background-color: rgba(0,0,0,0.8); } 10% { background-color: rgba(0,0,0,0.5); } 20% { background-color: rgba(0,0,0,0.8); } 30% { background-color: rgba(0,0,0,0.3);} 40% { background-color: rgba(0,0,0,0.4); } 50% { background-color: rgba(0,0,0,0.5); } 60% { background-color: rgba(0,0,0,0.7); } 70% { background-color: rgba(0,0,0,0.3);} 80% { background-color: rgba(0,0,0,0.4); } 90% { background-color: rgba(0,0,0,0.6); } 100% { background-color: rgba(0,0,0,0.7); } } .djPhoto { width: 180px; display: inline-block; font-size: 0; margin: 0 15px 25px 0; vertical-align: top; } .djRight { width: calc(100% - 200px); display: inline-block; } .djName { display: block; font-size: 15px; vertical-align: top; margin: 0; padding: 0 0 10px; color: white !important; line-height: 1.4; font-feature-settings: "palt" 1; letter-spacing: 0.05em; } .djName em { font-style: normal; font-weight: lighter; padding-left: 10px; font-size: 13px; } .djWord { font-size: 14px; display: inline-block; color: #888 !important; margin-bottom: 10px; text-align: justify; font-weight: normal; font-feature-settings: "palt" 1; letter-spacing: 0.1em; line-height: 1.6; } .fbLink { display: inline-block; margin-right: 5px; } .fbLink a { text-decoration: none; line-height: 1; font-size: 12px; margin: 0; font-style: normal; color: gray; height: 20px; width: 20px; text-align: center; display: table-cell; vertical-align: middle; background: black; font-weight: bolder; padding: 0 10px; letter-spacing: 0.06em; } .fbLink a:hover { opacity: 0.5; } .mix { height: 15px; width: auto; } #dj #mixcloud { margin: 0 !important; animation-duration: 0s !important; } #dj #mix { margin-bottom: 10px; border-left: 1px solid #c7000a; } #djArea .mixNewTit { margin: 0 -30px 15px; } .trackList { font-size: 12px; line-height: 1.3; margin: 0 0 30px !important; padding: 0; list-style: none; color: #888; font-weight: lighter; } .trackList p { margin: 0; } .trackList strong { color: #c7000a !important; font-style: normal; font-weight: bold; display: inline-block; text-shadow: 0px 0px 10px black; letter-spacing: 0.05em; font-size: 13px; margin: 0 0 5px; } .trackList span { font-weight: bold; font-size: 12px; background: #888; padding: 4px 5px; display: inline-block; line-height: 1; color: black; margin: 0 5px 5px 0; } .trackList li { margin: 0 !important; line-height: 1.6; font-size: 13px; columns: 3; column-gap: 2em; text-align: left; font-feature-settings: "palt" 1; letter-spacing: 0.05em; } .trackList em { color: #c7000a; font-style: normal; font-weight: bold; display: inline-block; padding-right: 10px; text-shadow: 0px 0px 10px black; } .trackText { margin-bottom: 15px !important; } /*LIGHTBOX*/ .lightBox { display: inline-block; width: 220px; margin-right: 10px; } .lightBox a { background: #888; padding: 5px; display: block; } .lightBox a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; } .lightText { display: block; line-height: 1; font-size: 12px; margin-top: 10px; color: #888; } /*Top画像*/ .header-container-in.hlt-top-menu.wrap { margin-top: 15px; margin-bottom: 10px; line-height: 0; } .entry-content { margin-top: 0 !important; margin-bottom: 0 !important; } .content { margin-top: 0 !important; } .tagline { display: none; } .spend img { height: 30px; transform: rotate( -3deg ); } .footer-bottom-logo img { height: auto; } .footer-bottom { margin-top: 0; padding: 0; position: relative; font-size: 14px; } .footer { margin-top: 0; padding-top: 0; } /*menu*/ .navi-in > ul li { display: block; width: 176px; height: 100% !important; line-height: 2 !important; } .navi-in a { color: #333; font-size: 15px; font-family: "Nico Moji"; letter-spacing: 0.04em; } /*contactコンタクト*/ div.wpcf7-response-output { margin: 0 0 3em !important; padding: 0.4em 1.2em !important; color: white; font-size: 13px !important; text-align: center !important; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 1px solid white; background: #c7000a; } span.wpcf7-not-valid-tip { color: #fff; font-size: 0.9em; font-weight: normal; display: block; } .contaphoto { line-height: 1.8; color: white; text-align: justify; margin: 0 0 25px; font-weight: 400; font-size: 14px; } div.wpcf7-mail-sent-ok { border: 1px solid #fff; background: rgba(0,0,0,0.4); } /*スライド*/ #swiperSlide p { margin: 0 !important; padding: 0 !important; } .swiper-container { background: rgba(0,0,0,0.8); height: 260px; padding: 20px 10px !important; } .slide img { width: auto !important; height: 220px; } .slide { text-align: center; background: #000; } .swiper-container { /* list-style: none; */ /* white-space: nowrap; */ overflow: hidden; } /*ライトフライト*/ .newInfo { font-size: 10px; margin: 0 0 35px 15px; line-height: 1; font-weight: bold; color: #888; display: flex; justify-content: space-between; font-family: "Nico Moji"; } .star { animation: color-change 2s linear infinite; } @keyframes color-change { 0%,100%{ color:#ff1493; } 25%{ color:#7fff00; } 50%{ color:#0091EA; } 75%{ color:#9400d3; } } .entry-card-snippet, .related-entry-card-snippet { font-size: 13px; max-height: 7.8em; line-height: 1.5; overflow: hidden; font-weight: normal; letter-spacing: 0.05em; } #party { background: rgba(0, 0, 0,0.8); padding: 30px; margin-bottom: 10px; font-size: 0; } .partyFlyer { display: inline-block; width: 220px; line-height: 0 !important; padding: 14px; margin-right: 10px; background: #888; } .partyInfo { color: #888; letter-spacing: 0.15em; columns: 3; column-gap: 2em; text-align: justify; font-size: 13px; padding: 30px 5px 0 10px; line-height: 2; border-top: 1px dotted #888; font-weight: bold; font-feature-settings: "palt" 1; } .partyInfo::first-letter { font-size: 36px; float: left; margin: 0 .2em 0 0; padding: .2em 0; color: #c7000a; line-height: 1; } .sunday { font-size: 12px; color: #c7000a; padding-left: 15px; margin: 0 0 10px; } .partyTit { letter-spacing: 0.3em; padding-left: 15px !important; margin: 0 0 30px !important; color: #888 !important; } .partyWords { width: calc(100% - 230px); display: inline-block; vertical-align: top; } .partyTime { font-size: 12px; padding-left: 15px; display: inline-block; color: #888; margin: 0 0 25px !important; line-height: 1.5; } .partyTime em { padding-right: 10px; color: #c7000a; } .partyTime dt { display: inline-block; margin-right: 20px; margin-bottom: 2px; letter-spacing: 0.1em; } .partyTime p { margin: 0 !important; } .partyDj { font-size: 13px; padding-left: 15px; color: #888; padding-bottom: 25px; letter-spacing: 0.2em; line-height: 1.6; } .partyDj em { color: #c7000a; font-size: 13px; padding-right: 10px; display: block; } .partyWords em { font-style: normal; letter-spacing: 0.1em !important; } .partyInfo span { background: #c7000a; color: rgba(0,0,0,0.8); padding: 2px 5px; margin: 5px; } #party { animation-duration: 2s; animation-name: rotate; } @keyframes rotate { 0% { opacity: 1;/* 透明 */ transform: rotate(180deg ); } 100% { opacity: 1;/* 不透明 */ transform: rotate( -0deg ); } } .enjoyLink { margin-right: 5px; } .enjoyLink a { text-decoration: none; background: rgba(255,255,255,0.4); line-height: 1; padding: 2px 4px; color: white; color: black; } .enjoyLink a:hover { background: black; transition: all 0.3s ease-in-out; color: #888; } body { background-image: url(https://utopia-music.com/wp-content/uploads/2019/12/crassBack.gif); background-size: cover; } .navi { background-color: rgba(0, 0, 0,0.8); margin: 0px 0 20px; z-index: 11; } .navi-in a:hover { background-color: rgba(0,0,0,0); transition: all 0.5s ease; color: #6f6f6f !important; } .logo.logo-header.logo-image img { height: 35px; } .entry-content.cf { background: none; } .wrap { max-width: 1200px; margin: 0 auto 0; padding: 0 10px; } .logo { text-align: center; } .logo-image { padding: 25px 0 5px; font-size: inherit; } .site-name-text { line-height: 1; } .logo.logo-header.logo-image a:hover { animation: hurueru .1s infinite; } @keyframes hurueru { 0% {transform: translate(0px, 0px) rotateZ(0deg)} 25% {transform: translate(2px, 2px) rotateZ(1deg)} 50% {transform: translate(0px, 2px) rotateZ(0deg)} 75% {transform: translate(2px, 0px) rotateZ(-1deg)} 100% {transform: translate(0px, 0px) rotateZ(0deg)} } #left { display: block; width: calc(100% - 308px); line-height: 0; float: left; margin-right: 20px; margin-bottom: 20px; } #right { display: block; width: 288px; float: left; line-height: 0; margin-bottom: 20px; } #rightArchive { display: block; width: 288px; float: left; line-height: 0; margin-bottom: 20px; } /*ミックスクラウド*/ #mixcloud { line-height: 0; margin: 0 0 10px !important; font-size: 0; } #mix { margin-bottom: 5px; } .mixNewTit { display: block; line-height: 1; font-family: "Nico Moji"; font-size: 15px; color: white; position: relative; margin: 0 0 5px; text-align: left; background: rgba(0,0,0,0.8); padding: 10px 30px; } #mixcloud { animation-duration: 2s; animation-name: rotate; } @keyframes rotate { 0% { opacity: 1;/* 透明 */ transform: rotate(180deg ); } 100% { opacity: 1;/* 不透明 */ transform: rotate( -0deg ); } } #right { margin-top: 0; } #mixcloud ul { margin: 0; padding: 0; } #mixTop { width: 49.75%; display: inline-block; margin-bottom: 0.5%; } #mixTop:nth-child(odd) { margin-right: 0.5%; } .site-name-text { animation-duration: 2s; animation-name: RightToLeft; display: block; text-align: center; line-height: 0; } @keyframes RightToLeft { 0% { opacity: 0;/* 透明 */ transform: translateY(20px); } 100% { opacity: 1;/* 不透明 */ transform: translateX(0); } } /* 雑談 */ .right1 { display: block; line-height: 1; padding: 10px; font-family: "Nico Moji"; color: white; text-align: center; margin-bottom: 10px; font-size: 15px; border: 1px solid white; } .talk { margin-bottom: 10px; } #right p { margin: 0; } #right ul { margin: 0; padding: 0; } #right li { list-style: none; font-size: 15px; line-height: 1.5; border-bottom: 1px solid #494949; } .talks span { font-size: 12px; margin-bottom: 2px !important; display: block; letter-spacing: 0 !important; font-weight: normal; color: white; } .talks { line-height: 1; color: #000; text-align: center; } .talks a { display: block; text-decoration: none; padding: 14px 0; color: #777; background: rgba(0, 0, 0,0.8); font-size: 13px; letter-spacing: 0.05em; font-weight: bold; } .talks a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; color: black; } .talks2 { line-height: 1; color: #000; text-align: center; } .talks2 span { font-size: 12px; margin-bottom: 3px !important; display: block; } .talks2 a { display: block; text-decoration: none; padding: 10px; color: #5c7014; border-bottom: 3px solid #5c7014; background: rgba(0, 0, 0,0.8); } .talks2 a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; color: black; } .talks3 { line-height: 1; color: #000; text-align: center; } .talks3 span { font-size: 12px; margin-bottom: 3px !important; display: block; } .talks3 a { display: block; text-decoration: none; padding: 10px; color: #054d55; border-bottom: 3px solid #054d55; background: rgba(0, 0, 0,0.8); } .talks3 a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; color: black; } .talks4 { line-height: 1; color: #000; text-align: center; } .talks4 span { font-size: 12px; margin-bottom: 3px !important; display: block; } .talks4 a { display: block; text-decoration: none; padding: 10px; color: #800080; border-bottom: 3px solid #800080; background: rgba(0, 0, 0,0.8); } .talks4 a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; color: black; } .hope { display: block; position: absolute; z-index: -10; left: -48px; opacity: 0.3; } .hope img { height: 500px; } #blog { line-height: 1; text-align: center; font-size: 13px; margin: 0 0 10px; font-weight: bolder; display: none; } #blog a { background: #000; display: block; text-decoration: none; color: #888; padding: 15px; border: 1px solid #888; } #blog a:hover { transition: all 0.5s ease; background: rgba(119, 0, 6, 0.7); /* border: 1px solid white; */ /* color: white; */ } .eye-catch-wrap { display: none; } .cat-label { position: absolute; top: 0.3em; left: 0.3em; border: 1px solid #c7000a; font-size: 11px; color: #c7000a; background-color: rgba(51, 51, 51, 0.7); padding: 1px 5px; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #list a { background-image: url(https://utopia-music.com/wp-content/uploads/2020/03/space.jpg); background-size: cover; color: #7e7e7e; } #list a:hover { opacity: 1; background-image: none; background-color: rgba(255,255,255,0.2) !important; color: black; } .a-wrap { text-decoration: none; display: block; color: #333; padding: 10px; margin-bottom: 10px; } .a-wrap:hover { background-color: #f5f8fa !important; transition: all 0.5s ease; color: #333; } .cat-label { position: absolute; top: 0.3em; left: 0.3em; border: 1px solid #c7000a; font-size: 11px; color: #c7000a !important; background-color: rgba(0, 0, 0, 0.8); padding: 5px 5px; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /*ここまで769px以上で適用する内容*/ } /* スマホ用 */ @media screen and (max-width: 767px) { /*ナビゲーション*/ #navi { display: none; } .slicknav_nav { height: 100vh; } .slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 0.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; } .slicknav_menu { background: rgba(0,0,0,0.8); padding: 5px 0; position: fixed; top: 0; z-index: 20; right: 0; width: auto; } .slicknav_menutxt { display: none !important; } .slicknav_menu .slicknav_icon { float: left; margin: 0 !important; } .slicknav_btn { margin: 0; text-decoration: none; text-shadow: none !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0 !important; background-color: rgba(255,255,255,0); } .slicknav_nav a { padding: 0 30px; margin: 0 0 10px; text-decoration: none; text-align: left; } .slicknav_nav a:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 0; background: #c7000a; color: white; transition: all 0.5s ease; border: none; } /*footer*/ #footer { background: rgba(0, 0, 0,0.8) !important; padding: 15px 0; margin: 0 0 30px; display: none; } .footer-bottom.fdt-up-and-down .footer-bottom-content { float: left !important; text-align: left !important; width: 380px; } #commentFoot { background: yellow; width: calc(100% - 380px) !important; } .footer-bottom.fdt-up-and-down .footer-bottom-content .navi-footer-in > ul { justify-content: left !important; } #footerOrgn { width: 100%; padding: 15px; overflow: hidden; } #foot__Menu ul { padding: 0 0 10px; margin: 0 auto; font-size: 0; border-bottom: 1px solid #888; } #foot__Menu li { display: block; font-size: 12px; font-weight: bold; padding: 0 25px 0 0; } #foot__Menu a { color: #c7000a; text-decoration: none; font-family: "Nico Moji"; font-size: 15px; line-height: 1; } #foot__Menu a:hover { transition: all 0.5s ease; color: #6f6f6f !important; } #topfoot { display: inline-block; vertical-align: top; width: calc(100% - 0px); text-align: justify; } #comment { letter-spacing: 0.3em; font-size: 13px; border-left: 0; padding: 0 0 10px; color: #888; margin: 0 0 10px; text-align: justify; line-height: 1.7; border-bottom: 1px solid #888; font-feature-settings: "palt" 1; } #comment span { display: inline-block; background: #888; color: black; padding: 0 5px; margin-right: 6px; line-height: 1.3; font-weight: bolder; letter-spacing: 0.2em; font-feature-settings: "palt" 1; } #foot { background: rgba(0,0,0,0.8); width: 100%; position: relative; } .copyright { margin: 0; font-size: 12px; font-weight: normal; color: #888; } #footerLogo { display: inline-block; margin: 0 0 5px; } #footerLogo img { width: 100px; } .entry-categories-tags.ctdt-one-row { display: none; } /*特定ページの投稿日・更新日を消す場合*/ .page-id-883 .date-tags { display: none; } .page-id-883 .breadcrumb { display: none; } .page-id-744 .date-tags { display: none; } .page-id-744 .breadcrumb { display: none; } .page-id-1623 .date-tags { display: none; } .page-id-1623 .breadcrumb { display: none; } .page-id-1623 .entry-title { border-top: none; display: block; line-height: 1; font-family: "Nico Moji"; font-size: 17px; color: white; position: relative; margin: 5px 0 36px; text-align: center; background: rgba(255,255,255,0.2); padding: 2px; margin-bottom: 5px; } .page-id-1623 .entry-categories-tags.ctdt-one-row { display: none; } .page-id-744 .entry-categories-tags.ctdt-one-row { display: none; } .page-id-744 .entry-title { border-top: none; display: block; line-height: 1; font-family: "Nico Moji"; font-size: 17px; color: white; position: relative; margin: 5px 0; text-align: center; background: rgba(255,255,255,0.2); padding: 2px; } .page-id-883 .entry-title { border-top: none; display: block; line-height: 1; font-family: "Nico Moji"; font-size: 17px; color: white; position: relative; margin: 5px 0 10px; text-align: center; background: rgba(255,255,255,0.2); padding: 2px; } .page-id-2016 .entry-title { border-top: none; display: block; line-height: 1; font-family: "Nico Moji"; font-size: 17px; color: white; position: relative; margin: 5px 0; text-align: center; background: rgba(255,255,255,0.2); padding: 2px; } .page-id-2016 .date-tags { display: none; } .page-id-2016 .toc.tnt-number.toc-center.border-element { display: none; } .page-id-744 .entry-title { border-top: none; display: block; line-height: 1; font-family: "Nico Moji"; font-size: 17px; color: white; position: relative; /* margin: 5px 0 36px; */ text-align: center; background: rgba(255,255,255,0.2); padding: 2px; } /*go-to-top*/ .go-to-top { right: 10px; bottom: 0; z-index: 99999; } .go-to-top-button { background-color: #76090e; color: white; text-decoration: none; display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; cursor: pointer; text-align: center; line-height: 1; border-radius: 0 !important; font-size: 20px; } .go-to-top-button:hover { color: #fff !important; background: rgba(0,0,0,0.8); } .go-to-top-button:hover { color: #fff !important; background: rgba(0,0,0,0.8); transition: all 0.5s ease; } /*PARTY ARCHIVE */ /*RECOMMENDED*/ #youTube { display: block; width: 100%; background: rgba(0, 0, 0,0.8); padding: 15px 15px 25px !important; margin-bottom: 10px; font-size: 0; } #youTube h1 { font-size: 14px; text-align: center; color: white; display: block; background: #272727; margin-bottom: 5px; padding: 5px; letter-spacing: 0.05em; } #youTube p { font-size: 13px; line-height: 1.7; padding-left: 10px; padding-top: 10px; margin: 0; color: #888; border-left: 1px solid #c7000a; font-feature-settings: "palt" 1; letter-spacing: 0.1em; } #youTube ul { margin: 0; padding: 0; } .writer a { display: block; color: #c7000a; font-weight: bold; text-align: left; text-decoration: none; padding: 4px 0 0; } .writer a:hover { transition: all 0.5s ease; color: white; } .far.fa-grin-wink { margin-right: 3px; } .genre { color: #777; text-align: center; margin: 0 5px 0 0; font-weight: bold; letter-spacing: 0.03em; font-size: 11px; } .genre a { text-decoration: none; display: inline-block; padding: 0px 5px !important; border: 1px dotted #777; margin: 0 0 5px; color: #777; } .genre a:hover { background: rgba(0,0,0,0.8); transition: all 0.5s ease; color: white; } .genreSet { border-left: 1px solid #c7000a; padding: 0 10px; } .recomen { padding: 0 0 5px 10px; border-left: 1px solid #c7000a; display: flow-root list-item; } iframe { border-left: 1px solid #c7000a; } .video-container, .instagram-container, .facebook-container { max-width: 100%; margin: 0 !important; } .video { margin: 0 !important; } #mixTop { margin-bottom: 5px; } #youTube li { display: inline-block; width: 100%; margin-right: 0; vertical-align: top; margin-bottom: 20px; } #youTube li:last-child { margin-bottom: -10px !important; } .jacket { display: inline-block; width: 50%; vertical-align: top; margin-right: 3%; } .jacket img { width: 100%; } .originalTit { display: block; background: rgba(255,255,255,0.1); border-left: 1px solid #c7000a; padding: 10px; clear: both; } .credit { font-size: 11px; color: #777; display: inline-block; width: 47%; line-height: 1.4; } .tit { font-size: 16px; line-height: 1.4; margin-bottom: 0; display: block; letter-spacing: 0.05em; padding: 5px 0; color: #888; } .tit2 { font-size: 15px; line-height: 1.4; margin-bottom: 3px; display: block; letter-spacing: 0.05em; padding: 0; color: #888; } .artist { display: block; line-height: 1.2; font-size: 10px; padding: 0 10px; } .detail { border-left: 1px solid #c7000a; padding: 10px 0 7px; } .anker { position: fixed; width: calc(100% - 20px); z-index: 10; bottom: 0; } .anker { animation-name: fade-in2; animation-duration: 2s; animation-timing-function: ease-out; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards } @keyframes fade-in2 { 0% { opacity: 0; transform: translate3d(0, -200px, 0); } 100% { opacity: 1; transform: translate3d(0, 0, 0); } } .ankerPC { display: none; } .anker ul { list-style: none; font-size: 0; width: 100%; padding: 0; margin-bottom: 5px; } .anker li { margin: 0 !important; display: inline-block; width: calc(50% - 2.5px); text-align: center; margin-right: 5px !important; } .anker li:last-child { width: calc(50% - 2.5px); margin-right: 0 !important; } .anker a { text-decoration: none; color: black; padding: 10px 0; display: block; font-size: 13px; font-weight: bold; background: rgba(255,255,255,1); line-height: 1; } .anker a:hover { background: rgba(255,255,255,0.8); transition: all 0.5s ease; } label { color: white; font-weight: normal; padding-bottom: 0px !important; display: block; font-size: 13px; } .must { margin-right: 5px; padding: 3px 5px; margin-bottom: 8px; display: inline-block; border: 1px dotted white; font-size: 12px; line-height: 1; } .wpcf7-form-control.wpcf7-submit { font-size: 14px; } input[type="submit"], #bbp_reply_submit, .bp-login-widget-register-link a { padding: 3px; width: 25%; margin: 0 0 20px; cursor: pointer; } /*投稿*/ #blogBnr { background: #da1a84; line-height: 0; margin: 20px -10px 0; overflow: hidden; } #blogBnr { margin: 0 -10px; position: absolute; top: 5px; /* border-top: 1px solid white; */ padding: 0; background: none !important; } #blogBnr img { width: auto; position: relative; margin: 0 auto; display: block; } .blogTitBack a:hover { opacity: 0.6; transition: all 0.5s ease; } .main { border-radius: 0 !important; position: relative; padding: 0 !important; /* margin-right: 20px !important; */ width: calc(100% - 308px); border: 0 !important; } .sidebar { width: 288px !important; border: none !important; padding: 0 !important; border-radius: 0 !important; background-color: rgba(255,255,255,0.4); height: 100%; display: inline-block; margin-left: 20px !important; } #touko { margin-top: 25px; border-top: 1px solid white; padding: 15px 0 0; } .mix__Set { margin-bottom: 0px; } .trackLing { margin-bottom: 20px; } .trackLing a { text-decoration: none; display: inline-block; line-height: 1; text-align: left; color: white; font-size: 12px; font-weight: bold; margin: 0 0 30px; } .trackLing a:hover { transition: all 0.3s ease; opacity: 0.5; } .trackLing span { color: black; background: white; padding: 3px 5px; margin: 0 5px; } .divPkg { width: 80%; margin: 0 auto 20px; background: rgba(255,255,255,0.3); } .divPkg img { width: 100%; display: block; margin: 0 auto; padding: 15px; } .entry-content.cf p { line-height: 1.8; color: #fff; text-align: left; margin: 0 0 15px; font-weight: 400; font-size: 15px; font-feature-settings: "palt" 1; letter-spacing: 0.1em; } .entry-title { line-height: 1 !important; margin: 0 0 30px; /* border-bottom: 1px solid white; */ color: white; padding: 35px 0 10px; border-top: 1px solid white; } .tokoH2 { margin: 0 !important; color: white !important; border-top: 1px solid white; padding-top: 30px !important; font-feature-settings: "palt" 1; letter-spacing: 0.05em; line-height: 1.4 !important; } .toc-center { margin: 3em auto; color: white !important; } .toc { border: none !important; line-height: 1.5; padding: 0.5em; margin: 2em auto; display: table; font-size: 16px; background: rgba(255,255,255,0.4) !important; } #toc-checkbox:checked ~ .toc-content { visibility: visible; padding-top: 0 !important; height: 100%; opacity: 1; } .entry-title, .archive-title { font-size: 18px; margin: 0; line-height: 1.3 !important; } .entry-title { margin: 40px 0 0; border-top: 0; } .search-box { margin: 0; position: relative; } .search-edit, input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select { padding: 15px 10px; border: 1px solid #555; font-size: 13px; width: 100%; background: rgba(0,0,0,0.8); color: #959595; font-weight: normal; } .footer-meta { display: none; } .sidebar h3 { background-color: rgba(0,0,0,0.2); padding: 7px 10px; margin: 10px 0; line-height: 1; font-size: 14px; text-align: center; color: black !important; } .widget { margin-bottom: 0; line-height: 1.6; } #search-2 { padding: 10px 10px 0; } #sidebar a { margin: 0 !important; font-size: 14px; padding: 0 15px; } #meta-2 ul { margin-bottom: 15px; padding: 0 0 10px; } .recentcomments { padding: 0 15px !important; } #sidebar a { margin: 0 !important; font-size: 14px; text-decoration: none; color: #333; line-height: 1.8; } .date-tags { text-align: left; color: white; /* margin: 0 0 30px; */ /* padding: 10px 0 0; */ line-height: 1; font-size: 13px; } .article h2 { font-size: 18px; } .entry-categories a { color: white; padding: 5px 13px; display: inline; border: 1px solid white; } .tag-link, .comment-reply-link { color: white; text-decoration: none; display: inline-block; margin-right: 5px; padding: 0 10px; font-size: 12px; border: 1px solid white; border-radius: 2px; word-break: break-all; } .cat-link { color: #fff; text-decoration: none; display: inline-block; margin-right: 5px; padding: 2px 6px; font-size: 12px; background-color: none !important; border-radius: 2px; word-break: break-all; } .cat-link:hover { opacity: 1; color: black; transition: all 0.5s ease; } .sns-share.ss-col-3.bc-brand-color.sbc-hide.ss-bottom { display: none; } .sns-follow.bc-brand-color.fbc-hide { display: none; } .under-entry-content { display: none; } .breadcrumb { margin-top: 10px; margin-bottom: 20px; color: white; font-size: 13px; } .breadcrumb a { color: white; } /*DJページ*/ #djArea { position: relative; } #dj { display: block; width: 100%; /* background: rgba(0, 0, 0,0.8); */ padding: 15px 10px 10px; margin-bottom: 10px; font-size: 0; background-color: #e74c3c; animation: bg-color 10s infinite; -webkit-animation: bg-color 10s infinite; } @-webkit-keyframes bg-color { 0% { background-color: rgba(0,0,0,0.8); } 10% { background-color: rgba(0,0,0,0.5); } 20% { background-color: rgba(0,0,0,0.8); } 30% { background-color: rgba(0,0,0,0.3);} 40% { background-color: rgba(0,0,0,0.4); } 50% { background-color: rgba(0,0,0,0.5); } 60% { background-color: rgba(0,0,0,0.7); } 70% { background-color: rgba(0,0,0,0.3);} 80% { background-color: rgba(0,0,0,0.4); } 90% { background-color: rgba(0,0,0,0.6); } 100% { background-color: rgba(0,0,0,0.7); } } @keyframes bg-color { 0% { background-color: rgba(0,0,0,0.8); } 10% { background-color: rgba(0,0,0,0.5); } 20% { background-color: rgba(0,0,0,0.8); } 30% { background-color: rgba(0,0,0,0.3);} 40% { background-color: rgba(0,0,0,0.4); } 50% { background-color: rgba(0,0,0,0.5); } 60% { background-color: rgba(0,0,0,0.7); } 70% { background-color: rgba(0,0,0,0.3);} 80% { background-color: rgba(0,0,0,0.4); } 90% { background-color: rgba(0,0,0,0.6); } 100% { background-color: rgba(0,0,0,0.7); } } .djPhoto { width: 45%; display: block; font-size: 0; margin: 0 auto 10px; vertical-align: top; } .djRight { width: calc(100% - 0px); display: inline-block; } .djName { display: block; font-size: 14px; vertical-align: top; margin: 0; padding: 0 0 10px; color: white !important; line-height: 1.4; letter-spacing: 0.05em; text-align: center; } .djName em { font-style: normal; font-weight: lighter; padding-left: 0; font-size: 12px; display: block; } .djWord { font-size: 13px; display: inline-block; color: #888 !important; margin-bottom: 5px; text-align: justify; line-height: 1.7; } .fbLink { display: inline-block; margin-right: 5px; } .fbLink a { text-decoration: none; line-height: 1; font-size: 12px; margin: 0; font-style: normal; color: gray; text-align: center; display: table-cell; vertical-align: middle; background: black; font-weight: bolder; padding: 5px 10px; width: auto; height: auto; } .fbLink a:hover { opacity: 0.5; } .mix { height: 15px; width: auto; } .Links { margin: 0 auto 15px; text-align: center; display: block; } #dj #mixcloud { margin: 0 !important; animation-duration: 0s !important; } #dj #mix { margin-bottom: 10px; } #djArea .mixNewTit { background: rgba(255,255,255,0.2); margin: 0 -10px 10px; } .trackList { margin: 0 0 10px !important; padding: 0 !important; font-size: 12px; line-height: 1.5; list-style: none; color: #888; font-weight: lighter; text-align: left; font-feature-settings: "palt" 1; letter-spacing: 0.05em; } .trackList span { font-weight: bold; font-size: 12px; background: #888; padding: 4px; display: inline-block; line-height: 1; color: black; margin-bottom: 5px; margin-right: 5px; } .trackList strong { color: #c7000a !important; font-style: normal; font-weight: bold; display: inline-block; text-shadow: 0px 0px 10px black; letter-spacing: 0.05em; font-size: 13px; margin: 0 0 5px; } .trackList p { margin: 0 !important; } .trackText { margin: 0 0 15px; } .trackList em { font-style: normal; font-weight: bold; display: inline-block; padding-right: 5px; color: #c7000a; text-shadow: 0px 0px 10px black; } /*LIGHTBOX*/ .article h2 { padding: 0 0 15px; background: none; } .lightBox { display: block; width: 80%; margin: 0 auto 30px !important; } .lightBox img { display: block; margin: 0 auto; width: 100%; } .lightBox a { background: #888; padding: 5px; display: block; } .lightBox a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; } .lightText { display: block; line-height: 1; font-size: 12px; margin-top: 10px; color: #888; } .search-submit { position: absolute; right: 1px; top: 18px; font-size: 15px; cursor: pointer; line-height: 1; border: none; color: #ccc; padding: 0 8px; background-color: rgba(255, 255, 255, 0); } /*Top画像*/ .header-container-in.hlt-top-menu.wrap { margin-top: 15px; margin-bottom: 10px; line-height: 0; } .entry-content { margin-top: 0 !important; margin-bottom: 0 !important; } .content { margin-top: 0 !important; } .tagline { display: none; } .spend img { height: 30px; transform: rotate( -3deg ); } .footer-bottom-logo img { height: auto; } .footer-bottom { margin-top: 0; padding: 0; position: relative; font-size: 14px; } .footer { margin-top: 0; padding-top: 0; } /*menu*/ .navi-in > ul li { display: block; width: 176px; height: 100% !important; line-height: 2 !important; } .navi-in a { color: #333; font-size: 16px; font-family: "Nico Moji"; letter-spacing: 0.04em; } /*スライド*/ #swiperSlide p { margin: 0 !important; padding: 0 !important; } .swiper-container { background: rgba(0,0,0,0.8); height: 280px; padding: 10px !important; } .slide img { width: auto !important; height: 260px; } .slide { text-align: center; background: #000; } .swiper-container { overflow: hidden; } /*ライトフライト*/ .newInfo { font-size: 11px; margin: 0 0 30px 0px; line-height: 1; font-weight: bold; color: #888; display: flex; justify-content: space-between; font-family: "Nico Moji"; } .star { animation: color-change 2s linear infinite; } @keyframes color-change { 0%,100%{ color:#ff1493; } 25%{ color:#7fff00; } 50%{ color:#0091EA; } 75%{ color:#9400d3; } } #party { background: rgba(0, 0, 0,0.8); padding: 20px; margin-bottom: 10px; font-size: 0; } .partyFlyer { display: inline-block; width: 220px; /* border: 10px solid #888; */ line-height: 0 !important; padding: 14px; margin-right: 10px; background: #888; } .partyInfo { color: #888; letter-spacing: 0.2em; columns: 1; column-gap: 0; text-align: left; font-size: 13px; padding: 10px 0px 0px 0px; line-height: 1.7; border-top: 1px dotted #888; font-weight: bold; font-feature-settings: "palt" 1; } .partyInfo::first-letter { font-size: 32px; float: left; margin: 0 0.2em 0 0; color: #c7000a; line-height: 1; vertical-align: middle; padding: 6px 0 0; } .sunday { font-size: 12px; color: #c7000a; padding-left: 0px; margin: 0 0 10px; } .partyTit { letter-spacing: 0.3em; padding-left: 0px !important; margin: 0 0 10px !important; color: #888 !important; } .partyWords { width: calc(100% - 0px); display: inline-block; vertical-align: top; } .enjoyLink { display: inline; margin: 3px 0; } .partyTime { font-size: 13px; padding-left: 0px; display: inline-block; color: #888; margin: 0 0 20px !important; line-height: 1.4; font-weight: bold; } .partyTime em { padding-right: 10px; color: #c7000a; } .partyTime dt { display: inline-block; margin-right: 20px; margin-bottom: 0; letter-spacing: 0.1em; } .partyTime p { margin: 0 !important; } .partyDj { font-size: 13px; padding-left: 0; color: #888; padding-bottom: 0; letter-spacing: 0.1em; line-height: 1.5; margin-bottom: 20px; font-weight: bold; } .partyDj em { color: #c7000a; font-size: 13px; padding-right: 10px; display: block; } .partyWords em { font-style: normal; letter-spacing: 0.1em !important; } .partyInfo span { background: #c7000a; color: rgba(0,0,0,0.8); padding: 5px; margin: 5px; } .enjoyLink a { text-decoration: none; background: rgba(255,255,255,0.4); line-height: 1; padding: 0 4px; color: black; display: inline; letter-spacing: 0.01em; -moz-font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; } .enjoyLink a:hover { background: black; transition: all 0.3s ease-in-out; color: #888; } body { background-image: url(https://utopia-music.com/wp-content/uploads/2019/12/crassBack.gif); background-size: cover; } .navi { background-color: rgba(0, 0, 0,0.8); margin: 0px 0 10px; } .navi-in a:hover { background-color: rgba(0,0,0,0); transition: all 0.5s ease; color: #6f6f6f !important; } .logo.logo-header.logo-image a:hover { transform: rotate( -360deg ); transition: all 3.0s ease; animation: hurueru .1s infinite; } @keyframes hurueru { 0% {transform: translate(0px, 0px) rotateZ(0deg)} 25% {transform: translate(2px, 2px) rotateZ(1deg)} 50% {transform: translate(0px, 2px) rotateZ(0deg)} 75% {transform: translate(2px, 0px) rotateZ(-1deg)} 100% {transform: translate(0px, 0px) rotateZ(0deg)} } .logo.logo-header.logo-image img { height: 35px; } .entry-content.cf { background: none; } .wrap { max-width: 1200px; margin: 0 auto 0; padding: 0 10px; } .logo { text-align: center; } .logo-image { padding: 15px 0 0; font-size: inherit; } .site-name-text { line-height: 1; } #left { display: block; width: calc(100% - 0px); line-height: 0; float: left; margin-right: 10px; margin-bottom: 0px; } #right { display: block; width: 100%; float: left; /* background: rgba(0,0,0,0.8); */ line-height: 0; margin-bottom: 0; } /*ミックスクラウド*/ #mixcloud { line-height: 0; margin: 0 0 15px !important; font-size: 0; } #mix { margin-bottom: 5px; } .mixNewTit { display: block; line-height: 1; font-family: "Nico Moji"; font-size: 15px; color: white; position: relative; margin: 0 0 5px; text-align: center; background: rgba(255,255,255,0.2); padding: 4px; } #mixcloud { animation-duration: 2s; animation-name: rotate; } @keyframes rotate { 0% { opacity: 1;/* 透明 */ transform: rotate(180deg ); } 100% { opacity: 1;/* 不透明 */ transform: rotate( -0deg ); } } #right { animation-duration: 2s; animation-name: rotate; } @keyframes rotate { 0% { opacity: 1;/* 透明 */ transform: rotate(180deg ); } 100% { opacity: 1;/* 不透明 */ transform: rotate( -0deg ); } } #mixcloud ul { margin: 0; padding: 0; } .site-name-text { animation-duration: 2s; animation-name: RightToLeft; display: block; text-align: center; line-height: 0; } @keyframes RightToLeft { 0% { opacity: 0;/* 透明 */ transform: translateY(20px); } 100% { opacity: 1;/* 不透明 */ transform: translateX(0); } } /* 雑談 */ .right1 { display: block; line-height: 1.2; padding: 4px; font-family: "Nico Moji"; color: white; text-align: center; margin-bottom: 10px; border: 1px solid white; } .ColumnMember { margin: 0 0 10px; } .talk { margin-bottom: 10px; } #right p { margin: 0; } #right ul { margin: 0; padding: 0; } #right li { list-style: none; font-size: 15px; line-height: 1.5; margin: 0 0 auto; font-weight: bold; border-bottom: 1px solid #494949; } .ColumnBnr img { width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; object-position: center; height: 60px; } .talks span { font-size: 11px; margin-bottom: 3px !important; display: block; color: white; line-height: 1; font-weight: normal; letter-spacing: 0.05em; } .talks { line-height: 1; color: #000; text-align: center; } .talks a { display: block; text-decoration: none; padding: 10px 10px; color: #777; background: rgba(0, 0, 0,0.8); } .talks a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; color: black; } .talks2 { line-height: 1; color: #000; text-align: center; } .talks2 span { font-size: 12px; margin-bottom: 3px !important; display: block; } .talks2 a { display: block; text-decoration: none; padding: 10px; color: #5c7014; border-bottom: 3px solid #5c7014; background: rgba(0, 0, 0,0.8); } .talks2 a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; color: black; } .talks3 { line-height: 1; color: #000; text-align: center; } .talks3 span { font-size: 12px; margin-bottom: 3px !important; display: block; } .talks3 a { display: block; text-decoration: none; padding: 10px; color: #054d55; border-bottom: 3px solid #054d55; background: rgba(0, 0, 0,0.8); } .talks3 a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; color: black; } .talks4 { line-height: 1; color: #000; text-align: center; } .talks4 span { font-size: 12px; margin-bottom: 3px !important; display: block; } .talks4 a { display: block; text-decoration: none; padding: 10px; color: #800080; border-bottom: 3px solid #800080; background: rgba(0, 0, 0,0.8); } .talks4 a:hover { background: rgba(255,255,255,0.2); transition: all 0.5s ease; color: black; } .hope { display: block; position: absolute; z-index: -10; left: 0px; opacity: 0.3; } #blog { line-height: 1; text-align: center; font-size: 13px; margin: 0 0 10px; font-weight: bolder; display: none; } #blog a { background: #000; display: block; text-decoration: none; color: #888; padding: 15px; border: 1px solid #888; } #blog a:hover { transition: all 0.5s ease; background: rgba(119, 0, 6, 0.7); /* border: 1px solid white; */ /* color: white; */ } .slicknav_nav { color: #fff; margin: 0; padding: 0; font-size: 0.875em; z-index: 9999999999; } .sub-menu.slicknav_hidden { font-weight: normal; font-size: 13px; line-height: 1.5; letter-spacing: 0.05em; display: none !important; } .slicknav_nav .slicknav_arrow { display: none; } .contaphoto { font-size: 13px; font-weight: normal; color: white; line-height: 1.5; margin-bottom: 10px; } div.wpcf7-response-output { margin: 0 0 3em !important; padding: 0.4em 1.2em !important; color: white; font-size: 13px !important; text-align: center !important; } div.wpcf7-validation-errors, div.wpcf7-acceptance-missing { border: 1px solid white; background: #c7000a; } div.wpcf7-response-output { margin: 0 0 3em !important; padding: 0.4em 0.5em !important; color: white; font-size: 13px !important; text-align: center !important; } div.wpcf7-mail-sent-ok { border: 1px solid #fff; background: rgba(0,0,0,0.4); } span.wpcf7-not-valid-tip { color: white; font-size: 1em; font-weight: normal; display: block; } .archive-title { border-top: none; display: block; line-height: 1; /* font-family: "Nico Moji"; */ font-size: 15px; color: white; position: relative; margin: 5px 0; text-align: center; background: rgba(255,255,255,0.2); padding: 4px; letter-spacing: 0.05em; } .fa.fa-folder-open { display: none; } .sidebar { width: 100% !important; border: none !important; padding: 0 !important; border-radius: 0 !important; background-color: rgba(255,255,255,0.4); height: 100%; display: inline-block; margin-left: 0px !important; } #main { background: none !important; display: inline-block !important; width: 100%; } #list a { margin: 0 !important; padding: 0 !important; } .entry-card-thumb.card-thumb.e-card-thumb { padding: 0 !important; margin: 0 5px 5px 0 !important; width: 100%; } .e-card-title { font-size: 13px; line-height: 1.3; } .entry-card-title, .related-entry-card-title { font-size: 14px; margin: 0; line-height: 1.5; margin-bottom: 5px; font-weight: bold; /* border-bottom: 1px solid #999; */ } #list a { margin-bottom: 5px !important; padding: 10px !important; } #list a { background-image: url(https://utopia-music.com/wp-content/uploads/2020/03/space.jpg); background-size: cover; color: #7e7e7e; } #list a:hover { opacity: 1; background-image: none; background-color: rgba(255,255,255,0.2) !important; color: black; } .eye-catch-wrap { display: none; } .cat-label { position: absolute; top: 0.3em; left: 0.3em; border: 1px solid #c7000a; font-size: 11px; color: #c7000a !important; background-color: rgba(0, 0, 0, 0.8); padding: 1px 5px; max-width: 80%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .recoSingle { display: block; line-height: 1.5; font-size: 0.85rem; color: #999; text-align: justify; padding: 10px; font-weight: normal; background-image: url(https://utopia-music.com/wp-content/uploads/2020/03/recomenBakc.jpg); margin: 0 0 5px; } .recoSingle { animation-duration: 5s; animation-name: opacity; } @keyframes opacity { 0% { opacity: 0;/* 透明 */ } 100% { opacity: 1;/* 不透明 */ } } .fas.fa-dice-d20 { margin: 0 5px 0 0; color: #777; } .recoSingle span { display: block; font-size: 1.05rem; text-align: left; padding-bottom: 3px; font-weight: bold; color: #c7000a; letter-spacing: 0.05em; } /*シェアr*/ .sns-share, .sns-follow { margin: 0 0px 10px; background: rgba(0,0,0,0.8); padding: 10px; font-size: 0.8rem; } .sns-share.ss-col-5 a { width: 20% !important; border-radius: 0 !important; line-height: 1 !important; height: auto; padding: 7px 0; margin-bottom: 0px !important; } .sns-share-message { font-family: Nico Moji; } .button-caption { display: none; } .sns-share-message, .sns-follow-message { text-align: center; margin: 0; color: white; line-height: 1; padding: 0 0 8px; } .ss-top .sns-share-buttons a .button-caption, .ss-bottom .sns-share-buttons a .button-caption { font-size: 0.8rem; margin-left: 4px; } .page-id-883 .sns-share, .sns-follow { display: none; } .fas.fa-compact-disc { margin-right: 3px; } /*デザイン制作*/ .page-id-2965 .entry-title { border-top: none; display: block; line-height: 1; font-family: "Nico Moji"; font-size: 17px; color: white; position: relative; margin: 5px 0; text-align: center; background: rgba(255,255,255,0.2); padding: 2px; } .page-id-2965 .date-tags { display: none; } .page-id-2965 .toc.tnt-number.toc-center.border-element { display: none; } .page-id-2965 .sns-share.ss-col-5.bc-brand-color.sbc-hide.ss-bottom { display: none; } #design { display: block; background: rgba(255,255,255,0.5); padding: 15px; margin: 0 0 15px; font-size: 0; } #designPro { display: inline-block; background: rgba(0,0,0,0.8); font-size: 1rem; width: 100%; text-align: center; margin: 0 10px 10px 0 !important; color: white; line-height: 1; padding: 10px !important; font-weight: normal; vertical-align: top; height: auto; } #designPro2 { display: inline-block; background: rgba(0,0,0,0.8); font-size: 1rem; width: 100%; text-align: center; margin: 0 0 10px 0 !important; color: white; line-height: 1; padding: 10px !important; font-weight: normal; vertical-align: top; height: auto; } .website li { margin: 0 !important; padding: 0 !important; list-style: none; } .website { margin: 0; padding: 0; height: 80px; } .deTit { border-bottom: 1px dotted #fff; padding: 15px 0 25px; font-size: 14px; font-weight: normal; } .deTit span { font-size: 30px; font-weight: normal; font-family: "Nico Moji"; color: #888; line-height: 0.6; display: block; } table { margin-bottom: 0 !important; } table th, table td { padding: 10px 5px !important; font-size: 13px; border: 1px dotted black !important; width: 50%; line-height: 1.3; } .tbl tr:nth-of-type(2n+1) { background-color: rgba(255,255,255,0.2); } .tbl tr { background-color: rgba(255,255,255,0.4); } .priceTit { font-size: 14px; margin: 10px auto 8px; text-align: left; } .fas.fa-bolt { color: #c7000a; margin-right: 5px; } .designCopy { font-size: 14px; text-align: justify; line-height: 1.6; margin-bottom: 10px; font-weight: normal; color: #333; } #designContact a { display: block; font-size: 12px; text-decoration: none; line-height: 1; background: rgba(0,0,0,0.8); text-align: center; color: white; padding: 10px; font-weight: bold; } #designContact a:hover { transition: all 0.5s ease; background: rgba(0,0,0,0.6); color: white; letter-spacing: 1em; text-indent: 1em; } .page-id-8 #left { margin-bottom: 15px; } .page-id-8 #search-5 { display: none; } #search-6 { position: relative !important; margin: 0 0 10px !important; bottom: 0 !important; } .page-id-883 #search-6 { display: none; } .page-id-2965 #search-6 { display: none; } #search-8 { position: relative !important; margin: 0 0 10px !important; bottom: 0 !important; width: 100%; } #search-7 { display: none; } .page-id-744 #search-7 { display: block; position: relative !important; margin: 0 0 10px !important; bottom: 0 !important; width: 100%; } .page-id-2016 #search-7 { display: block; position: relative !important; margin: 0 0 10px !important; bottom: 0 !important; width: 100%; } .page-id-1623 #search-7 { display: block; position: relative !important; margin: 0 0 10px !important; bottom: 0 !important; width: 100%; } .pose { display: block; width: 115px; margin-top: 13px; position: absolute; right: 15px; z-index: -1; } .pose img { width: 120px !important; } #cinemaArea { display: none; } #utopians2 { display: inline-block; font-size: 140px; width: 120px; margin-right: 10px; background-image: url(https://utopia-music.com/wp-content/uploads/2020/05/utopia_record.png); background-size: contain; background-repeat: no-repeat; line-height: 1; position: absolute; right: 0; bottom: 52px; opacity: 1; z-index: -1; } .footer__logo a { width: auto; height: 30px !important; background-image: url(https://natu.club/wp-content/uploads/2020/02/utopia_w.png); background-size: contain; background-repeat: no-repeat; display: block; margin-bottom: 8px; } .recomenSmart { display: block; } .recomenPC { display: block; } .slicknav_nav .slicknav_row { padding: 0 30px; margin: 0 0 10px; text-decoration: none; text-align: left; } .slicknav_nav .slicknav_row:hover { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 0; background: #c7000a; color: white; transition: all 0.5s ease; border: none; } .slicknav_nav ul { padding: 0; margin: 0 0 0 10px; } .page-id-1623 .anker { display: none; } #songDetail div.video-container { margin-bottom: 0 !important; } #songDetail p { margin-top: 0px !important; padding-top: 10px !important; } label { border-left: 1px solid #c7000a !important; } #djArea { clear: both; position: relative; top: 0px; } .newInfo { display:none; } .newInfoSp { font-size: 10px; margin: 0 0 20px 0; font-weight: bold; color: #888; display: flex; justify-content: space-between; font-family: "Nico Moji"; } .msg { margin: 0 0 -5px !important; position: relative; top: -6px; text-align: center; color: rgba(255,255,255,0.8); font-size: 19px !important; font-weight: 400 !important; line-height: 1 !important; padding: 6px 0 3px !important; letter-spacing: 0.02em; font-family: 'Do Hyeon', sans-serif; font-feature-settings: "palt" 1; } .hopeN { display: block; position: absolute; z-index: -10; left: 0px; opacity: 0.3; top: 25px; } .danceCopy { display: none; } /*全体*/ .hidden_box { margin: 2em 0; padding: 0; } /*ボタン装飾*/ .hidden_box label { padding: 10px !important; font-weight: bold; background: rgba(255,255,255,0.5) !important; cursor: pointer; transition: .5s; height: auto; color: black; font-size: 13px !important; line-height: 1; } .page-id-4889 .search-box.input-box { display: none; } .page-id-4889 .entry-title { display: none; } .page-id-4889 .anker { display: none; } .page-id-4889 .date-tags { display: none; } .tit2 { font-size: 15px; line-height: 1.4; margin-bottom: 3px; display: block; letter-spacing: 0.05em; padding: 0; color: #888; } .artist { display: block; line-height: 1.2; font-size: 10px; padding: 0 10px; color: white; letter-spacing: 0.05em; } .writer2 a { display: block; font-weight: bold; text-decoration: none; padding: 5px 0 0; color: #c7000a; line-height: 1; } label { border-left: 0 !important; } /*アイコンを表示*/ .hidden_box label:before { display: inline-block; content: '\f078'; font-family: 'FontAwesome'; padding-right: 5px; transition: 10.5s; } /*チェックは見えなくする*/ .hidden_box input { display: none; } /*中身を非表示にしておく*/ .hidden_box .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 2s; } /*クリックで中身表示*/ .hidden_box input:checked ~ .hidden_show { height: auto; opacity: 1; } .hidden_box p { padding-top: 0 !important; } .hidden_show p { margin: 0 !important; } #songDetail div.video-container { margin-bottom: 0 !important; } .copyWords { font-size: 14px; color: white; padding: 3px 5px 5px 10px; line-height: 1.5; font-weight: normal; text-align: left; font-feature-settings: "palt" 1; letter-spacing: 0.04em; } #meta-2 { display: none; } #categories-2 { padding-bottom: 15px; } #sidebar-scroll { margin-bottom: 15px; } .genkyokuSet ul { padding: 0; margin: 0; display: block; } .genkyokuSet li { width: 100%; display: block; margin-right: 0 !important; font-size: 0; margin-bottom: 10px !important; } .genkyokuSet li:last-child { margin-right: 0 !important; } .genkyokuSet { padding-right: 0; margin: 0 0 20px; } .riot { display: block; } .flyer { margin-bottom: 10px !important; background-image: url(https://utopia-music.com/wp-content/uploads/2020/06/flyer_Bnr.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; border: 20px solid black; } .flyer img { padding: 35px; } }