特別プログラム >
特別プログラム
自由に出入りできるラウンジやBar営業など、これまでにないスタイルの楽しみ方を提供するプラネタリウム作品。
カメラへのアクセスを許可して
キャンバスにお進みください。
キャンバスにお進みください。
DEVELOPING...
ARTIZING...
※保存できない場合は画像を長押ししてください
※ カメラが映らない時は
カメラの許可を「拒否」したか、設定で制限されている可能性があります。
1. ページを再読み込みする
ブラウザの更新ボタンを押し、再度表示される「許可」をタップしてください。
2. 端末の設定を確認する
iPhone / iPad
- 設定アプリ ＞ Safari ＞ カメラ
- 「許可」にチェック
Android (Chrome)
- 設定アプリ ＞ アプリ ＞ Chrome
- 権限 ＞ カメラを許可
※設定変更後は、必ずページを更新してください
#theaterpage section.heroBlock.is-auto div.productBlock.all div section{
display: none;
}
#top div .productScheduleBlock {
display: none;
}
.siteorigin-widget-tinymce .textwidget .term-date .body__xlarge{
color: #fff;
}
#top .body .body__large{
font-size: 16px;
}
@media print, screen and (max-width: 768px){#top .body .body__large{
font-size: 13px;
}}
#top .productPostsBlock img.so-widget-image{
border: solid 1px #fff;
border-radius: 6px;
box-shadow: 0 0 10px 5px #fff;
}
#top .productPostsBlock .so-widget-sow-image-default-a5258576d58 img.so-widget-image{
border: 0px !important;
border-radius: 0px !important;
box-shadow: 0px 0px 0px 0px !important;
}
#header{
visibility: hidden;
opacity: 0;
pointer-events: none;
}
#marker{
display: none !important;
}
#top .alert-theater{
display: none !important;
}
#top .entry-header h1{
display: none;
}
#top div .entry-header{
display: none !important;
}
.alert-theater-product{
display: none !important;
}
#top .frontArea {
background-color: #000000;
background-image: url(https://planetarium.konicaminolta.jp/wp-content/uploads/monet_bg_2.jpg);
background-repeat: repeat;
background-size: 100%;
background-position: center 70px;
background-attachment: fixed;
}
button.btn.is-favorite {
margin-top: 30px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}
#top header h1{
color: #FFFFFF !important;
text-shadow: 0 0 5px #092b75;
font-family:'Noto Serif JP', serif !important;
}
.textwidget h2, #top h3, #top h4{
color: #1772B2;
text-shadow: 0 0 5px rgba(255, 255, 255, 0.05), 0 0 5px rgba(255, 255, 255, 0.05), 0 0 5px rgba(255, 255, 255, 0.05), 0 0 5px rgba(255, 255, 255, 0.05), 0 0 5px rgba(255, 255, 255, 0.05), 0 0 5px rgba(255, 255, 255, 0.05), 0 0 3px rgba(255, 255, 255, 0.05), 0 0 3px rgba(255, 255, 255, 0.05), 0 0 3px rgba(255, 255, 255, 0.05), 0 0 2px rgba(255, 255, 255, 0.05), 0 0 2px rgba(255, 255, 255, 0.05), 0 0 2px rgba(255, 255, 255, 0.05), 0 0 2px rgba(255, 255, 255, 0.05), 0 0 2px rgba(255, 255, 255, 0.05), 0 0 2px rgba(255, 255, 255, 0.05);
font-family:'Noto Serif JP', serif;
}
#top .entry-content h2 {
font-size: 35px;
line-height: 50px;
}
#top .entry-content h3 {
font-size: 22px;
}
#top .img-fluid {
width: 100vw;
max-width: 100vw;
}
.rows .justify-content-center {
display: block !important;
}
#top .figure-img{
box-shadow: 0 0 10px 5px #fff;
}
#top .pickup-img img{
border: solid 1px #fff;
border-radius: 6px;
box-shadow: 0 0 10px 5px #fff;
}
#top .body__large{
color: #FFFFFF;
text-shadow: 0 0 5px #092b75;
font-size: 18px;
}
@media print, screen and (max-width: 768px) {
#top .entry-content h2 {
font-size: 5.000vw;
}
#top .entry-content h3 {
font-size: 4.300vw;
}
#top .entry-content p {
font-size: 3.500vw;
}
}
#top .date{
color: #FFFFFF;
}
.eventBlock .entry-header{
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.anc_area ul {
display: grid;
grid-template-columns: repeat(3, auto);
row-gap: 1rem;
-webkit-box-pack: justify;
-ms-flex-pack: justif;
justify-content: space-evenly;
}
.gasses {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.gas {
--blur: 1.75rem;
--box-blur: calc(0.8 * var(--blur));
--glow: var(--color);
--size: 11rem;
align-items: center;
border-radius: 12px;
border: 4px solid currentColor;
box-shadow:
/* --- "glass" tube --- */
/* inside */ inset 0 0 0 2px
rgba(0, 0, 0, 0.15),
/* outside */ 0 0 0 2px rgba(0, 0, 0, 0.15),
/* --- glow --- */ /* inside */ inset 0 0 var(--box-blur) var(--glow),
/* outside */ 0 0 var(--box-blur) var(--glow);
color: var(--color, white) !important;
display: inline-flex;
flex-direction: column;
font-family:'Noto Serif JP', serif;
height: var(--size);
justify-content: space-around;
padding: 1rem;
width: var(--size);
}
.gas .name {
color: var(--color, white) !important;
}
.gas.number {
font-weight: 700;
}
.symbol {
font-size: 2rem;
text-shadow: 0 0 var(--blur) var(--glow);
text-align: center;
}
.gas.he {
--color: rgb(176, 252, 255);
filter: saturate(175%);
cursor: pointer;
}
.gas.he:hover {
filter: brightness(120%) drop-shadow(0 0 10px var(--glow));
}
#top .eventBlock{
background:linear-gradient(to left, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.3) 10%,rgba(0, 0, 0, 0.3) 90%,rgba(0, 0, 0, 0) 100%);
}
.js-fade {
opacity: 0;
visibility: hidden;
transform: translateY(50px);
transition: opacity 1s,visibility 1s, transform 1s;
}
.scroll {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.fadeUp{
animation-name:fadeUpAnime;
animation-duration:2s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/*==================================================
ギャラリーのためのcss
===================================*/
.gallery{
columns: 4;/*段組みの数*/
padding:0 15px;/*ギャラリー左右に余白をつける*/
}
.gallery li {
margin-bottom: 20px;/*各画像下に余白をつける*/
}
/*ギャラリー内のイメージは横幅100%にする*/
.gallery img{
width:100%;
height:auto;
vertical-align: bottom;/*画像の下にできる余白を削除*/}
/* 横幅900px以下の段組み設定 */
@media only screen and (max-width: 900px) {
.gallery{
columns:3;
}
}
@media only screen and (max-width: 768px) {
.gallery{
columns: 2;
}
}
/*========= レイアウトのためのCSS ===============*/
ul{
margin:0;
padding: 0;
list-style: none;
}
a{
color: #333;
}
a:hover,
a:active{
text-decoration: none;
}
/*画像を出現させるアニメーションCSS*/
.flipLeft{
animation-name: flipLeft;
animation-duration:0.5s;
animation-fill-mode:forwards;
perspective-origin: left center;
opacity: 0;
}
@keyframes flipLeft{
from {
transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
opacity: 0;
}
to {
transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
opacity: 1;
}
}
@media print, screen and (max-width: 768px) {
.entry-content .gallery img {
max-width: 100%;
margin-bottom: 0px;
}
}
.wrapper{
overflow: hidden;
}
.parallax {
border-radius: 8px;
box-shadow: 0 0px 16px rgb(0, 0, 0, .16);
position: absolute;
aspect-ratio: 1 / 1;
}
.large {
background-color: #62929E;
width: 100px;
}
.medium {
background-color: #B9314F;
width: 75px;
}
.small {
background-color: #DDB967;
width: 50px;
}
@keyframes parallax-large-anim {
from {
transform: translateY(500px);
}
to {
transform: translateY(0px);
}
}
.large {
animation: parallax-large-anim linear;
animation-timeline: scroll();
}
.medium {
background-color: #B9314F;
width: 75px;
}
@keyframes parallax-small-anim {
from {
transform: translateY(-500px);
}
to {
transform: translateY(0px);
}
}
.small {
animation: parallax-small-anim linear;
animation-timeline: scroll();
}
.productBlock.all {
margin-top: 20px;
}
#top .genre {
display: none;
}
このページをシェアする
