@charset "UTF-8";


/*--------------------動画再生--------------------*/
#box1{
display: none;
background: #FFFFFF;
}

#box1 p:first-child ~ p,{margin-top: 1em;}

p.modal-close{
text-align: right;
font-weight:bold;
}

.modal-close a, .modal-close a:visited{color:#999999; text-decoration:none;}
.modal-close a:hover{color:#666666;}

#modal-win {
width: 100%;
position: absolute;
}

#modal-win-inner {
box-shadow: 0 0 5px rgba(0, 0, 0, .25);
margin: 0 auto;
position: relative;
z-index: 101;
border-radius: 10px;
}

#modal-win-inner > * {
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px; 
}

#modal-bg {
width: 100%;
height: 100%;
background-color: #000000;
position: fixed;
top: 0;
left: 0;
z-index: 100;
cursor: pointer;
}


/*-------------------------PC ＆ タブレット　641px以上-------------------------*/
@media only screen and (min-width: 641px) {

#box1{
width:980px;
padding: 25px 25px 10px 25px;
}

#box1 video{width:980px;}

p.modal-close{
font-size:13px;
margin-top: 5px;
}

}


/*-------------------------スマートフォン　640px以下-------------------------*/
@media only screen and (max-width: 640px) {

#box1{
width:94%;
margin:0 1%;
padding:2% 2% 7px 2%;
}

#box1 video{
width:100%;
}

p.modal-close{
font-size:11px;
margin-top: 0;
}

}