@charset "utf-8";
/* CSS Document */

.pc{display: none;}

.sp{display: block;}

.close_contents{
position: relative;
font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.close{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(100, 100, 100, .6);
z-index: 20;
}

.close .text{
position: absolute;
left: 50%;
top: 15px;
width: 100%;
transform: translate(-50%, 0);
color: rgba(250, 250, 250, 1);
font-size: 24px;
text-align: center;
font-weight: bold;
text-shadow: 3px 4px 3px rgb(61 70 70);
padding: 1em;
line-height: 1.4;
}

.close .text span{
font-size: 18px;
}

/*==================================================================================================================================*/
@media screen and (min-width:768px) {

.pc{display: block;}

.sp{display: none;}

.close .text{
position: absolute;
left: 50%;
top: 150px;
width: 100%;
transform: translate(-50%, 0);
color: rgba(250, 250, 250, 1);
font-size: 26px;
text-align: center;
font-weight: bold;
text-shadow: 3px 4px 3px rgb(61 70 70);
}

.close .text span{
font-size: 20px;
}

}

/*==================================================================================================================================*/
/*PC*/
@media only screen and (min-width : 1025px) {

.pc{display: block;}

.sp{display: none;}

.close .text{
position: absolute;
left: 50%;
top: 200px;
width: 100%;
transform: translate(-50%, 0);
color: rgba(250, 250, 250, 1);
font-size: 36px;
text-align: center;
font-weight: bold;
text-shadow: 3px 4px 3px rgb(61 70 70);
}

.close .text span{
font-size: 24px;
}

}