@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:780px;
  margin:-200px 0 0 -375px;
  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:15px;
  left:2%;
}
}

.modal_box { 
  width:100%;
  position: relative;
  box-sizing: border-box;
  padding:5% 25px;
  color:#FFF;
  text-align:center;
  border:1px solid #606060;
  background-color: rgb(19, 60, 143, 0.85);
  margin-bottom:10px;
}

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

.modal_box .dname{
  font-size:2.5em;
  margin-bottom:4%;
  line-height:1.4;
  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.8em;
}
}

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

.modal_box .owabi{
  font-size:1.15em;
  margin-top:1.5%;
  margin-bottom:0;
  line-height:1.8;
  font-family: 'Noto Sans Japanese', sans-serif;
  font-weight:500;
  text-shadow:1px 1px 1px #000;
  text-align:left;
  letter-spacing	: 0.05em;
}

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

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

.modal_box .owabi strong{
    font-size:1.5em;
	margin-left:3px;
	margin-right:3px;
	line-height:2;
	font-weight:600;
	font-family: 'Noto Sans Japanese', sans-serif!important;
}

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

.modal_box .owabi span{
	color:#FFF000;
	font-size:1.1em;
	font-family: 'Noto Sans Japanese', sans-serif;
}

.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:35px;
	font-size:1.5em;
	font-family: 'Noto Sans Japanese', sans-serif;
    font-weight:500;
}

@media screen and (max-width: 568px) {
.cpn_bt{
	margin-bottom:20px;
	font-size:1.15em;
}
}

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

@media screen and (max-width: 568px) {
.cpn_bt a{padding:8px 20px;}
}

.blink {
  animation: blinkAnime 1.8s infinite alternate;
}
@keyframes blinkAnime{
   0% { background-color:#FF0848; }
 100% { background-color:#0D8E87; }
}