@charset "UTF-8";

/*スマホ回避*/
#ptWrap{
max-width: 90px;
bottom: 20px;
right: 40px;
}

#menuPC a img{
height: 24px;
}
#cr{
width: 270px;
margin: 20px auto;
}
#menuPC{
display: block;
}

/*OP要素非表示*/
header,#topCts,#menuPCtop,#spWrap,#mainLogo,#mainDate{
display: none;
}

/*PC*/
body{
min-width: 1200px;
}
#topMain{
background: #FFF;
display: none;
overflow: hidden;
}
#topCts{
background: #0068b6;
padding: 20px 15px 1px 15px;
display: none;
text-align: center;
position: relative;
}

#opWrap{
position: fixed;
width: 100%;
height: 100%;
top:0;
left: 0;
z-index: 10;
background: rgb(255,255,255);
display: none;
z-index: 10;
}
#op50{
width: 18vw;
position: fixed;
top: 50%;
left: 50vw;
margin-top: -9vw;
margin-left: -9vw;
width: 200px;
margin-top: -130px;
margin-left: -100px;
}
#opWhite{
position: fixed;
width: 100%;
height: 100%;
top:0;
left: 0;
z-index: 5;
background: rgb(255,255,255);
}
#opBlue{
position: fixed;
width: 100%;
height: 100%;
top:0;
left: 0;
z-index: -1;
background: #0068b6;
}

#main{
position: relative;
margin-top: 50px;
}
#charaWrap{
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
#charaWrap>img{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
#charaWrap img:nth-of-type(1){
position: relative;
}
#main>img{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
#main img:nth-of-type(1){
position: relative;
}
#charaWrap,
#mainChara{
transition: cubic-bezier(.2,1,.6,1) 2.0s ;
}
/*
#mainWedding{
transition: 1.8s ease-out;
transition-delay:0.2s;
}*/
#mainCatch{
transition: 1.8s;
transition-delay:0.6s;
transform-origin: 68% 32%;
}
.charaMove{
margin-bottom: -6vw;
filter: blur(20px);
opacity: 0;
}
.blurChara{
filter: blur(20px);
opacity: 0;
}
.blur{
filter: blur(5px);
opacity: 0;
transform: scale(1.25,1.25);
-moz-transform: scale(1.25,1.25);
-webkit-transform: scale(1.25,1.25);
-o-transform: scale(1.25,1.25);
-ms-transform: scale(1.25,1.25);
}

#mark50th{
position: absolute;
width: 90px;
top:15px;
left:15px;
}
#shareWrap{
position: absolute;
width: 136px;
text-align: left;
top:15px;
right:15px;
font-size: 0;
z-index: 2;
}
.share{
width:24px;
display: inline-block;
margin:0 5px;
}

#menuPCtop{
position: absolute;
display: block;
text-align: center;
width: 100%;
min-width: 1200px;
z-index: 1;
top:15px;
left: 0;
margin-left: -20px;
}
#menuPCtop a{
display: inline-block;
margin: 0 12px;
}
#menuPCtop a img{
height: 24px;
width: auto;
font-size: 0;
}

#spWrap{
position: absolute;
width: 220px;
right: 15px;
top: 100px;
}
#spWrap a{
display: block;
position: relative;
margin-bottom: 5px;
}
#spWrap a:nth-last-of-type(1){
margin-bottom: 0;
}
#spWrap a .newC{
position: absolute;
width: 32px;
top: 50%;
left: -17px;
margin-top: -16px;
}

#snsWrap{
position: absolute;
top:15px;
left: 15px;
text-align: left;
}
#snsWrap a{
display: inline-block;
width: 30px;
margin-right: 15px;
}
#snsWrap a:nth-last-child(1){
margin-right: 0;
}
#snsWrap a img{
width: 100%;
}

#billing{
width: 350px;
margin-bottom: 50px;
}
#tohoWrap{
margin-bottom: 20px;
}
#tohoWrap a,
#linksWrap a{
display: inline-block;
width: 170px;
margin: 0 2px;
}

#go1st{
display: block;
margin: 20px auto;
width: 230px;
}
#go1st img{
width: 100%;
}

/*ポップアップ系*/
#trWin{
position: fixed;
z-index: 5;
top: 0;
left: 0;
width: 110vw;
height: 110vh;
background: #FFF;
display: none;
}
#player{
width: 100vw;
height: 56.25vw;
}
.fade{
pointer-events: auto;
}
.popupClose {
position: fixed;
right: 20px;
top: 20px;
cursor: pointer;
opacity: 1;
width: 60px;
height: 60px;
background: url("../images1007/close.png") center center no-repeat;
background-size: 60px 60px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 0;
}
.popupClose:focus,
.popupClose:hover {
opacity: 0.7;
}

/*ポップアップ系*/
#popupBG{
position: fixed;
z-index: 10;
width: 120vw;
height: 120vh;
top: 0;
left: 0;
background: rgba(225,238,255,0.9);
cursor: pointer;
}
#popupBG,
#maeWin{
display: none;
}
.popup{
position: absolute;
z-index: 10;
width: 92%;
max-width: 640px;
}
.popupWrap{
text-align: center;
}
.popupImg{
border-radius: 7px;
}
.maeBTN{
position: absolute;
top:0;
left: 0;
width: 310px;
left: 150px;
top:722px;
}

/*PC*/
@media screen and (max-width:1200px){

#shareWrap{
right: auto;
left: 1050px;
}
#spWrap{
right: auto;
left: 965px;
}
#ptWrap{
right: auto;
left: 1070px;
}

}