@charset "Shift_JIS";

/*--------------------------------------------------------
  フルCSSプロフェッショナルテンプレート部品設定
--------------------------------------------------------*/

.hpb-parts-cnt-style {
    border-color: #dddddd;
}

.hpb-parts-hl-style {
    padding-left: 50px !important;
    border-color: #4fb5e6;
}

.hpb-parts-cbox-style {
    border-color: #dddddd;
}

.hpb-parts-hr-style {
    border-color: #dddddd;
}

.hpb-parts-pbox-style {
    border-color: #dddddd;
}
.hpb-parts-pbox-style h4 {
    background-image: none !important;
    padding: 0px;
}

.hpb-parts-blist-style {
    border-color: #4fb5e6;
    background-color: #f3f3f3;
}
a.hpb-parts-blist-style:link {
    color: #000000;
}
a.hpb-parts-blist-style:visited {
    color: #000000;
}
a.hpb-parts-blist-style:hover {
    color: #4fb5e6;
}
a.hpb-parts-blist-style:active {
    color: #4fb5e6;
}

/*--------------------------------------------------------
  ユーザー設定スタイル
--------------------------------------------------------*/

/*----ポップアップ広告ここから------*/

.popup_wrap input {
  display: none;
}
.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #4fb5e63d;
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.popup_content {
  position: relative;
  align-self: center;
  width: 75%;
  max-width: 700px;
  padding-left:20px;
  padding-right:20px;
  box-sizing: border-box;
  background: #ffffff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 5px;
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.9);
}
.popup_content p{
    padding:5px 10px 5px 10px;
    text-align: center;
}
.close_btn {
  position: absolute;
  bottom: 14px;
  right: 16px;
  font-size: 15px;
  cursor: pointer;
  color:#4fb5e6;
}
.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.open_btn {
    color: #4fb5e6;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
    border:none;
    padding:3px 5px 3px 5px;
    font-weight: normal;
}
.open_btn:hover{
    background:#4fb5e6;
    color:#ffffff;
    transition: .3s ease;
}

/*--- bkup
  align-self: center;
    border:1px solid #4fb5e6;
 ----*/


/*----ポップアップ広告ここまで------*/