/*広告*/

.modal_wrap_ad input{
  display: none;
}

.modal_overlay_ad{
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger_ad{
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content_ad{
  align-self: center;
  width: 838px;
  height: 488px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: url(../img/ad_pop-up.png) 0px 0px no-repeat;
  line-height: 1.4em;
  transform: scale(0.3);
  transition: 0.5s;
}

.close_button{
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 24px;
  cursor: pointer;
}

.modal_wrap_ad input:checked ~ .modal_overlay_ad{
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.modal_wrap_ad input:checked ~ .modal_overlay_ad .modal_content_ad{
  transform: scale(1);
}


.open_button_ad{

  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 203px;
  height: 198px;
  margin: auto;
  color: #444;

  cursor: pointer;
}


/*カタログ*/

.modal_wrap_catalog input{
  display: none;
}

.modal_overlay_catalog{
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger_catalog{
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content_catalog{
  align-self: center;
  width: 838px;
  height: 488px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  background: url(../img/catalog_pop-up.png) 0px 0px no-repeat;
  line-height: 1.4em;
  transform: scale(0.3);
  transition: 0.5s;
}

.modal_wrap_catalog input:checked ~ .modal_overlay_catalog{
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.modal_wrap_catalog input:checked ~ .modal_overlay_catalog .modal_content_catalog{
  transform: scale(1);
}

/*ちらし･DM*/

.modal_wrap_flyer input{
  display: none;
}

.modal_overlay_flyer{
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger_flyer{
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content_flyer{
  align-self: center;
  width: 934px;
  height: 488px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  background: url(../img/flyer_pop-up.png) 0px 0px no-repeat;
  line-height: 1.4em;
  transform: scale(0.3);
  transition: 0.5s;
}

.modal_wrap_flyer input:checked ~ .modal_overlay_flyer{
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.modal_wrap_flyer input:checked ~ .modal_overlay_flyer .modal_content_flyer{
  transform: scale(1);
}


/*ポスター*/

.modal_wrap_poster input{
  display: none;
}

.modal_overlay_poster{
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger_poster{
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content_poster{
  align-self: center;
  width: 952px;
  height: 488px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  background: url(../img/poster_pop-up.png) 0px 0px no-repeat;
  line-height: 1.4em;
  transform: scale(0.3);
  transition: 0.5s;
}

.modal_wrap_poster input:checked ~ .modal_overlay_poster{
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.modal_wrap_poster input:checked ~ .modal_overlay_poster .modal_content_poster{
  transform: scale(1);
}

/*Web*/

.modal_wrap_web input{
  display: none;
}

.modal_overlay_web{
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger_web{
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content_web{
  align-self: center;
  width: 1048px;
  height: 488px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  background: url(../img/web_pop-up.png) 0px 0px no-repeat;
  line-height: 1.4em;
  transform: scale(0.3);
  transition: 0.5s;
}

.modal_wrap_web input:checked ~ .modal_overlay_web{
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.modal_wrap_web input:checked ~ .modal_overlay_web .modal_content_web{
  transform: scale(1);
}

/*販促物*/

.modal_wrap_sp_tool input{
  display: none;
}

.modal_overlay_sp_tool{
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}

.modal_trigger_sp_tool{
  position: absolute;
  width: 100%;
  height: 100%;
}

.modal_content_sp_tool{
  align-self: center;
  width: 1058px;
  height: 488px;
  padding: 30px 30px 15px;
  box-sizing: border-box;
  background: #fff;
  background: url(../img/sp_tool_pop-up.png) 0px 0px no-repeat;
  line-height: 1.4em;
  transform: scale(0.3);
  transition: 0.5s;
}

.modal_wrap_sp_tool input:checked ~ .modal_overlay_sp_tool{
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}

.modal_wrap_sp_tool input:checked ~ .modal_overlay_sp_tool .modal_content_sp_tool{
  transform: scale(1);
}