@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/************************************************************
 * modal
 ************************************************************/

.modal { 
  font-size:14px;
  line-height:20px;
  position:fixed;
  display:none;
  z-index:9999;
  top:40%;
  left:50%;
  width:680px;
  margin:-200px 0 0 -340px;
  overflow:visible!important;
}

@media screen and (max-width: 800px) {
.modal{
  width:90%;
  top:5%;
  left:5%;
  margin:0 0 0 0;
}
}

@media screen and (max-width: 568px) {
.modal{
  width:96%;
  top:10px;
  left:2%;
}
}

.modal_box { 
  width:100%;
  position: relative;
  box-sizing: border-box;
  padding:4% 35px;
  color:#FFF;
  text-align:center;
  border:1px solid #606060;
  background-color: rgb(208, 29, 29, 0.7);
  margin-bottom:10px;
}

@media screen and (max-width: 568px) {
.modal_box { 
  box-sizing: border-box;
  padding:15px;
}
}

.modal_box .dname{
  font-size:2em;
  margin-bottom:3%;
  line-height:1.5;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:700;
  text-shadow:1px 1px 1px #000;
}

@media screen and (max-width: 800px) {
.modal_box .dname{
  font-size:1.6em;
}
}

@media screen and (max-width: 568px) {
.modal_box .dname{
  margin-bottom:10px;
  line-height:1.4;
  font-size:1.4em;
}
}

.modal_text p{
  font-size:1.1em;
  margin-top:2%;
  line-height:1.8;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  text-shadow:1px 1px 1px #000;
  text-align:left;
}

@media screen and (max-width: 568px) {
.modal_text p{
  margin-bottom:5px;
  font-size:1.05em;
  line-height:1.7;
}
}

.modal_box .mb5{margin-bottom:3%;}

.modal_text p strong{
    font-size:1.5em;
	line-height:2;
	color:#FFF000;
}

@media screen and (max-width: 568px) {
.modal_text p strong{
  line-height:1.7;
  font-size:1.25em;
}
}

.modal_text span{
	color:#FFF000;
}

.modal_box .new_icn{
  position: absolute;
  top: -30px;
  left: -60px;
  width:100px;
  height:100px;
}

@media screen and (max-width: 800px) {
.modal_box .new_icn{
  top: -15px;
  left: -3%;
  width:60px;
  height:60px;
}
}

.modal_box .new_icn img{
  width:100%;
  height:auto;
}

.modal_box .close_icn{
  position: absolute;
  top: -15px;
  right: -15px;
  width:30px;
  height:30px;
}

@media screen and (max-width: 568px) {
.modal_box .close_icn{
  top: -8px;
  right: -8px;
}
}

.modal_box .close_icn img{
  width:100%;
  height:auto;
}

.modal a { cursor:pointer; }
.modal a:hover { opacity: 0.7; }

.btn_close{
  text-align:center;
  margin:0 auto;
  width:63px;
  height:auto;
}

.btn_close img{
  width:100%;
  height:auto;
}

.cpn_bt{
	text-align: center;
	margin-top:25px;
	margin-bottom:15px;
	font-size:14px;
}

@media screen and (max-width: 568px) {
.cpn_bt{
	margin-top:20px;
	margin-bottom:15px;
}
}

.cpn_bt a{color:#FFF;text-decoration:none;padding:8px 20px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
.cpn_bt a:hover{color:#FFF;text-decoration:none;background-color:#FF6F29;}

.blink {
  animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0% { background-color:#D75248; }
 100% { background-color:#FF9600; }
}

.day-bn img{
  width:100%;
  margin:0 auto;
}

.day-bn img{
  width:100%;
  height:auto;
}