@charset "utf-8";
/*------基本CSS（PC用記述記載）------*/

#bellunya-room .main{
	font-family: 'M PLUS 1', sans-serif;
	color: #46352b!important;
	background-color: #fff!important;
}

#bellunya-room .bellunyaRoad{
    top: 310px;
    right: 35px;
    width: 6%;
     animation: fuwafuwa 1.5s infinite ease-in-out alternate;
}

@keyframes fuwafuwa {
  0% { transform: translateY(0) }
  100% { transform: translateY(10px) }
}

#bellunya-room .navi{
max-width: 1080px;
}

#bellunya-room .boardgame-howtouse, #bellunya-room #profile .coner, #bellunya-room #introduction .coner, #bellunya-room #sns .coner,#bellunya-room #news .coner, #bellunya-room #goods .coner, #bellunya-room #movie .coner, #bellunya-room #letter .coner, #bellunya-room #link .coner {
width: calc(100% - 40%);
}


#bellunya-room .bg{
    background-color: #f7f0c2;
}

#bellunya-room #introduction,#bellunya-room #profile,#bellunya-room #gallery{
    padding-top: 85px;
}

#bellunya-room #gallery,#bellunya-room #letter,#bellunya-room #link{
    padding-bottom: 85px;
}

#bellunya-room #profile .coner, #bellunya-room #sns .coner, #bellunya-room #news .coner, #bellunya-room #goods .coner, #bellunya-room #movie .coner,  #bellunya-room #letter .coner {
padding: 4%;
box-shadow: 0 6px 13px -3px rgba(0,12,66,.1), 0 0 1px 0 rgba(0,30,100,.1);
}

#bellunya-room #introduction, #bellunya-room #link{
	background-color: #ffffff;
    background: none;
}

#bellunya-room #gallery{
font-family: 'DotGothic16', sans-serif;
background: url(../img/230308/bg-gallary.png) repeat,#46352b;
}

#bellunya-room #gallery::before{
content: "";
background-image: url(../img/230308/ichigo.png) repeat;
background-size: 1480px;
}

#bellunya-room h2{
font-size: 3rem;
line-height: 1.5;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO"!important;
}

#bellunya-room .border-right{
	border-right: 1px dotted #46352b!important;
}

#bellunya-room #introduction .box{
	margin: 5% 0;
}

#bellunya-room #profile .profilelItem,#bellunya-room #news li{
border-bottom: 1px dotted #46352b;
}

#bellunya-room .date{
min-width: 8em;
}

#bellunya-room #news .date{
color: #34ab56;
}


#bellunya-room .itemBtn{
background-color: #46352b;
}

#bellunya-room #sns .itemBtn{
background-color: #1d9bf0;
}

#bellunya-room .snsIcon .twitter{
color: #009bf0;
}

#bellunya-room .snsIcon .twitterX{
color: #1E3050;
}

#bellunya-room .snsIcon .line{
color: #13c85d;
}

#bellunya-room .snsIcon .youtube{
color: #DA1725;
}

#bellunya-room .snsIcon .instagram{
background: -webkit-radial-gradient(33% 100% circle, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
  background: radial-gradient(circle at 33% 100%, #FED373 4%, #F15245 30%, #D92E7F 62%, #9B36B7 85%, #515ECF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


#bellunya-room #movie .youtubeIfreme{
    aspect-ratio: 16 / 9;
    width: 100%;
    height: auto;
}

#bellunya-room #gallery .onePoint::after{
content: "▼";
}

#bellunya-room #gallery .onePointB{
-webkit-animation: flash 2s infinite normal;
animation: flash 2s infinite normal;
opacity: 0;
position: absolute;
top:100px;
left:150px;
}

#bellunya-room #gallery .onePointS{
-webkit-animation: flash 3s infinite normal;
animation: flash 3s infinite normal;
opacity: 0;
position: absolute;
top:10px;
right:130px;
}

@keyframes flash {
	0%,
	100% {
		opacity: 1;
	}

	50% {
		opacity: 0;
	}
}

#bellunya-room #gallery .realBellunya{
top:-20%;
z-index: -5;
}

.allWrap .loopBox {
    animation: loop-list 20s linear infinite;
}
.allWrap .loopItem {
    width: calc(100vw / 2);
}
@keyframes loop-list {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-100%);
    }
}

#bellunya-room #letter .address{
background: #33a355;
}





/*------横幅が520px以下CSS（SP用記述記載）------*/
@media screen and (max-width: 520px) {

#bellunya-room .bellunyaRoad{
    top: 85%;
    right: 7%;
    width: 11%;
}

#bellunya-room .boardgame-howtouse {
max-width: 750px;
}

#bellunya-room #news li{
display: block!important;
}

#bellunya-room #movie .movieBox{
margin: 2% 2% 0;
}

#bellunya-room #gallery .onePointB{
top:-20%;
left:-11%;
}

#bellunya-room #gallery .onePointS{
top:48%;
right:-11%;
}

#bellunya-room #gallery .realBellunya{
top:100%;
}


}