/*
 Theme Name:   e_ver004 Child
 Description:  e_ver004の子テーマ
 Author:       adminadmin
 Template:     e_ver004
 Version:      1.0.0
*/

/* =============================================
COLOR OPTION（カラーオプション） 
==============================================*/
:root {
    --white: #ffffff;
    --black: #333333;
    --main-black: #313131;
    --main-blue: #7FAAD0;
    --main-beige: #c1b78c;
    --main-green: #249D57;
    --main-navy: #01355C;
    --main-apricot: #fcbb4e;
    --main-pink: #f3bdbf;
    --main: #9E2328;
}

/* =============================================
3BOX（TOP3BOX） 
==============================================*/
/* おすすめポイントの高さ調整 */

.sec-3box .wrapper .box .name {
    /* 	min-height: 70px; */
}

.sec-3box .wrapper .box .point {
    /*     min-height: 125px; */
}

.sec-3box .wrapper .box .name {
    /* 	min-height: 70px; */
}

.sec-3box .wrapper .box .content {
    /* 	min-height: 50px; */
    min-height: unset;
}


/* =============================================
検索機能装飾
==============================================*/
.nxrc-search-form table tr th,
.search .nxrc-fields th {
    background-color: var(--main-navy) !important;
    /*検索ボックステーブルの見出しの背景色*/
    color: white !important;
    /*検索ボックステーブルの見出しテキストの色*/
}

.nxrc-search-button button {
    background-color: #32b16c !important;
    /*ボタンから*/
    color: #ffffff !important;
    /*ボタンテキストのカラー*/
}

/*********************************
3BOX(セレクション)
*********************************/
/* ボタンカラー */
/* [class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a {
	background-color: red !important; 
	border-color: red !important; 
    color: #fff;
}

[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a {
	background-color: red !important; 
	border-color: red !important; 
    color: #fff;
}

[class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-btn_1 a:hover {
    background: #fff !important;
    color: red !important;
} */
/* 概要高さ調整 */

/* [class*="is-BrSearchContents-style_selectBoxes_"] .select-box .select-txt {
	min-height: 150px !important;
} */



.svg-icon {
    height: 45px !important;
    width: auto;
}

@media screen and (max-width:768px) {
    .pr-bottom a.btn-c {
        font-size: 1.8rem;
        padding-left: 3rem;
        letter-spacing: 0.1rem;
    }

    .pr-bottom a.btn-c span {
        font-size: 1.2rem;
    }
}

@media screen and (min-width: 768px) {
    .header-logo .main-icon {
        height: 60px;
    }
}

table#tablepress-12 {
    border-collapse: separate;
    border-spacing: 0;
    width: 100%;
    /*   table-layout: fixed; */
}

table#tablepress-12 td {
    border: 1px solid #ddd !important;
    padding: 8px;
    background: white;
    vertical-align: middle;
    text-overflow: ellipsis;
    min-width: 0 !important;
    width: auto;
}

table#tablepress-12 td.column-1 {
    position: sticky;
    left: 0px;
    z-index: 2;
    background: white;
    border-right: 1px solid #bbb;
    width: 151px;
}

@media screen and (max-width: 600px) {
    table#tablepress-12 td.column-1 {
        width: 120px !important;
    }
}

table#tablepress-12 td.column-2 {
    /* position: sticky; */
    position: static;
    left: 152px;
    z-index: 1;
    background: white;
    border-right: 1px solid #bbb;
    width: 105px;
}

@media screen and (max-width: 600px) {
    table#tablepress-12 td.column-2 {
        left: 120px;
    }
}

/* 年齢確認ポップアップ用 */
/* ポップアップの背景 */
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

/* ポップアップの本体 */
.popup-content {
    background: white;
    border-radius: 10px;
    text-align: center;
    width: 90%;
    max-width: 640px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

.popup-content--in {
    padding: 2rem;
}

.popup-content--btn {
    background: #eee;
    border: 1px solid #ddd;
}

.popup-lg {
    font-weight: 700;
    font-size: 2rem;
}

.popup-content strong {
    background: #eee;
    font-weight: 700;
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    padding: 0.5rem;
    font-size: 1.4rem;
}

/* ボタンデザイン */
.popup-content button {
    margin: 1rem;
    padding: 0.6rem 8rem;
    border: none;
    cursor: pointer;
    font-size: 1.6rem;
}

#yesBtn {
    background: #66BB6A;
    color: white;
    border-radius: 5px;
    font-weight: 700;
}

#yesBtn small {
    display: block;
    font-size: 1rem;
    font-weight: 400;
}

#noBtn {
    background: #f5f5f5;
    color: #333;
    border-radius: 5px;
    font-weight: 700;
}

#noBtn small {
    display: block;
    font-size: 1rem;
    font-weight: 400;
}

.popup-content--in small {
    font-size: 1.2rem;
    margin-top: 1rem;
}

.point-wrap p {
    position: relative;
    padding-left: 26px;
}

.point-wrap p:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
}

.sec-bottomContent h4,
.single .recommend-box h4 {
    display: block !important;
}

#sidebar .sidebar-list.design2 .sidebar-title {
    padding-bottom: 1rem;
    border-bottom: 3px solid var(--main);
    font-weight: 700;
}

#sidebar .sidebar-list.design3 .sidebar-title {
    position: relative;
    padding-bottom: 1.4rem;
    font-size: 16px;
}

#sidebar .sidebar-list.design3 .sidebar-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background-image: repeating-linear-gradient(45deg, var(--main) 0px, var(--main) 2px, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%);
    background-size: 8px 8px;
}

.sec-faq.design2.bg-base .faq-item::before,
.sec-faq.design2.bg-base .faq-item::after {
    display: none;
}

.sec-tablepress.row_table.bg-gray .tablepress td:first-child {
    background: #ddd !important;
}

.cat-list .cat-item .img-wrap img {
    height: auto;
}

/* 新テーブルCSS */
.sec-tablepress.column_table #tablepress-15.tablepress td:first-child {
    background: transparent;
    color: var(--text-color);
    font-weight: 400;
    width: 185px;
    min-width: 185px;
    padding: 1rem 0.7rem;
    vertical-align: top;
    font-size: 14px;
    word-break: break-all;
    box-sizing: border-box;
    border: 1px solid #efefef !important;
    text-align: left;
    position: static;
}

#tablepress-15.tablepress td strong {
    display: block;
    text-align: center;
    line-height: 1;
}

@media screen and (max-width:768px) {
    .tb-count #tablepress-15.tablepress {
        width: 100% !important;
        min-width: 100% !important;
    }

    .tb-count2 #tablepress-15.tablepress {
        min-width: initial !important;
        width: calc(100% * (var(--col-count, 3) / 3)) !important;
    }

    .tb-count2 #tablepress-15 tr td,
    .tb-count #tablepress-15 tr td {
        width: calc(100% / 3);
        min-width: calc(100% / 3);
        padding: 1rem 0.4rem;
        font-size: 12px;
    }

    .sec-tablepress.column_table #tablepress-15.tablepress td:first-child {
        width: calc(100% / 3);
        min-width: calc(100% / 3);
        padding: 1rem 0.4rem;
        font-size: 12px;
    }

    .tb-count #tablepress-15 tr td:not(.column-1):not(.column-2):not(.column-3) {
        display: none;
    }

    .tablepress tr td .tp_btn-1,
    .tablepress tr td .tp_btn-2 {
        padding-right: 2.4rem;
        padding-left: 1rem;
    }
}

.footerNav ul {
	padding: 0 !important;
}
.footer .footer-list {
 margin-top: 2.4rem;
}
.footer h3.footer-title {
	font-size: 1.6rem;
	display: block;
	color: #fff;
	position: relative;
    padding: 1rem 0;
    padding-left: 2.4rem;
	border-bottom: 2px solid #fff;
	margin-bottom: 1.6rem;
}

.footer h3.footer-title::before {
    content: "\f5fd";
    position: absolute;
    top: 1rem;
    left: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #fff;
}

.footer .footer-item {
    display: inline-block;
    font-size: 1.4rem;
    position: relative;
    padding: .5rem 0;
    padding-left: 1.25rem;
    margin-right: 1rem;
    line-height: 1.4;
}

/*********************************
BUTTON（ボタン）
*********************************/
[class*="is-BrSearchBtn-style_"] {
    margin: 25px 0 ;
}

@media screen and (min-width: 768px) {
    [class*="is-BrSearchBtn-style_"] {
      display: flex;
      align-items: flex-end;
      justify-content: center;
    }
}
/* マイクロコピー共通設定 */
[class*="is-BrSearchBtn-style_"] .btn .btn-copy {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

[class*="is-BrSearchBtn-style_"] .btn + .btn {
    margin-top: 16px !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btn-copy + .btn.btn-copy {
  margin-top: 40px !important;
}
@media screen and (min-width: 768px) {
  [class*="is-BrSearchBtn-style_"] .btn + .btn,
  [class*="is-BrSearchBtn-style_"] .btn.btn-copy + .btn.btn-copy {
      margin: 0 0 0 16px !important;
    }
}

[class*="is-BrSearchBtn-style_"] .btn {
    width: 100%;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: visible !important;
    color: unset !important;
    max-width: 350px;
    min-width: 150px;
    text-shadow: none;
}
@media screen and (min-width: 768px) {
    [class*="is-BrSearchBtn-style_"] .btn {
      margin: unset !important;
    }
}
[class*="is-BrSearchBtn-style_"] .btn .btn-copy {
    display: block;
    text-align: center;
    margin-bottom: 5px;
    font-size: 12px;
    transition: 0.3s;
}
[class*="is-BrSearchBtn-style_"] .btn a {
    display: block;
    position: relative;
    text-align: center;
    color: #fff !important;
    box-sizing: border-box;
    padding: 20px 35px !important;
    border: 2px solid;
    transition: 0.3s;
    width: 100% !important;
    font-weight: 600 !important;
    letter-spacing: 0.06em;
    line-height: 1.4 !important;
    margin: 0 !important;
    text-decoration: none;
    text-shadow: none !important;
    /* border-radius: unset !important; */
    box-shadow: none !important;
    font-size: 16px !important;
}

[class*="is-BrSearchBtn-style_"] .btn a::before,
[class*="is-BrSearchBtn-style_"] .btn a::after {
    display: none;
    visibility: hidden;
}
[class*="is-BrSearchBtn-style_"] .btn a i {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    height: 16px;
    margin: auto;
}

  /* 角丸 */
  [class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  [class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy::before, 
  [class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy::after {
    content: "";
    display: inline-block;
    width: 20px;
    height: 3px;
    border-radius: 5px;
  }
  [class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy::before {
    margin-right: 6px;
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
  }
  [class*="is-BrSearchBtn-style_"] .btn.design1 .btn-copy::after {
    margin-left: 6px;
    -webkit-transform: rotate(-50deg);
    transform: rotate(-50deg);
  }
  [class*="is-BrSearchBtn-style_"] .btn.design1 a {
    border-radius: 100px !important;
  }
  [class*="is-BrSearchBtn-style_"] .btn.design1 a:hover {
    background: #fff !important;
  }

  /* 立体 */
  [class*="is-BrSearchBtn-style_"] .btn.design2 {
    position: relative;
  }
  [class*="is-BrSearchBtn-style_"] .btn.design2 .btn-copy {
    width: 80%;
    padding: 2px 0;
    border: 2px solid;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -70%);
    z-index: 5;
    transition: 0.3s;
  }
  [class*="is-BrSearchBtn-style_"] .btn.design2 a {
    display: inline-block;
    line-height: 1.5;
    border: none;
    border-radius: 5px;
    position: relative;
    color: #fff;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-align: center;
    vertical-align: middle;
    transition: all 0.3s;
  }
  [class*="is-BrSearchBtn-style_"] .btn.design2:hover .btn-copy {
    transform: translate(-50%, calc(-70% + 5px));
    transition: 0.3s;
  }
  [class*="is-BrSearchBtn-style_"] .btn.design2:hover a {
    transform: translateY(5px);
    transition: 0.3s;
  }

  
/* 資料請求 */
[class*="is-BrSearchBtn-style_"] .btn.design3 {
  position: relative;
}
[class*="is-BrSearchBtn-style_"] .btn.design3 a {
position: relative;
border-radius: 5px !important;
display: inline-block;
border: none;
color: #fff;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center;
vertical-align: middle;
transition: all 0.3s;
}

[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy {
font-size: 12px;
position: absolute;
top: -12.5px;
left: calc(50% - 150px);
display: block;
width: 300px;
padding: 2px 0;
border-radius: 100vh;
background: #fff;
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
z-index: 1;
}

[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy::before,
[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy::after {
position: absolute;
left: calc(50% - 10px);
content: "";
}

[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy::before {
bottom: -10px;
border-width: 10px 10px 0 10px;
border-style: solid;
}

[class*="is-BrSearchBtn-style_"] .btn.design3 .btn-copy::after {
bottom: -7px;
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #fff transparent transparent transparent;
}

[class*="is-BrSearchBtn-style_"] .btn.design3 i {
  margin-right: 10px;
  font-size: 20px;
  left: 24px;
  right: unset;
}

[class*="is-BrSearchBtn-style_"] .btn.design3:hover .btn-copy {
 -webkit-transform: translate(0, 3px);
 transform: translate(0, 3px);
}
[class*="is-BrSearchBtn-style_"] .btn.design3:hover a{
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
}

/* 吹き出し */
[class*="is-BrSearchBtn-style_"] .btn.design4 {
  position: relative;
  margin-top: 30px !important;
}

@media screen and (min-width: 768px) {
[class*="is-BrSearchBtn-style_"] .btn + .btn.design4 {
  margin-top: 0 !important;
}
}
[class*="is-BrSearchBtn-style_"] .btn.design4 a {
  position: relative;
  line-height: 1.5;
  padding: 20px 30px 20px 40px !important;
  transition: 0.3s;
  color: #fff;
  border-radius: 5px !important;
}

[class*="is-BrSearchBtn-style_"] .btn.design4 .btn_balloon {
  position: absolute;
  display: inline-block;
  bottom: 26px;
  left: -10px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  font-size: 80%;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  box-sizing: border-box;
  transform: rotate(-10deg);
  z-index: 2;
}

[class*="is-BrSearchBtn-style_"] .btn.design4 .btn_balloon::before {
  position: absolute;
  content: "";
  bottom: -5px;
  right: -10px;
  border: 9px solid transparent;
  border-left: 15px solid #FFF;
  z-index: 0;
  transform: rotate(45deg);
}

[class*="is-BrSearchBtn-style_"] .btn.design4 a:hover {
  transform: translate(0, 3px);
}

[class*="is-BrSearchBtn-style_"] .btn.design4:hover .btn_balloon {
    bottom: 22px;
    transition: all .3s;
  }
  
  /* 赤 */
  /* デザイン1 */
 [class*="is-BrSearchBtn-style_"] .btn.btnRed a,
 [class*="is-BrSearchBtn-style_"] .btn.btnRed.design1 .btn-copy::before, 
 [class*="is-BrSearchBtn-style_"] .btn.btnRed.design1 .btn-copy::after {
   background: var(--btnRed-primary-color) !important;
 }
 [class*="is-BrSearchBtn-style_"] .btn.btnRed.design1 a {
   border-color: var(--btnRed-primary-color) !important;
 }
 [class*="is-BrSearchBtn-style_"] .btn.btnRed.design1 a:hover {
   background: #fff !important;
   color: var(--btnRed-primary-color) !important;
 }

  /* デザイン2 */
  [class*="is-BrSearchBtn-style_"] .btn.btnRed.design2 .btn-copy {
    color: var(--btnRed-primary-color) !important;
    border: 2px solid var(--btnRed-primary-color) !important;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnRed.design2 a {
    background: var(--btnRed-primary-color) !important;
    -webkit-box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important;
    box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnRed.design2:hover a {
    box-shadow: 0 2px 0 var(--btnRed-shadow-color) !important;
  }
  /* デザイン3 */
  [class*="is-BrSearchBtn-style_"] .btn.btnRed.design3 .btn-copy {
    color: var(--btnRed-primary-color);
    border: 2px solid var(--btnRed-primary-color);
    background: #fff;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnRed.design3 .btn-copy::before {
    border-color: var(--btnRed-primary-color) transparent transparent transparent;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnRed.design3 a {
    background: var(--btnRed-primary-color) !important;
    -webkit-box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important;
    box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnRed.design3 a:hover {
    background:var(--btnRed-primary-color) !important;
    -webkit-box-shadow: 0 2px 0 var(--btnRed-shadow-color) !important;
    box-shadow: 0 2px 0 var(--btnRed-shadow-color) !important;
  }
  
  /* デザイン4 */
  [class*="is-BrSearchBtn-style_"] .btn.design4.btnRed a {
    background: var(--btnRed-primary-color) !important; 
    box-shadow: 0 5px 0 var(--btnRed-shadow-color) !important; 
    border-color: var(--btnRed-primary-color) !important; 
  }
  [class*="is-BrSearchBtn-style_"] .btn.design4.btnRed .btn_balloon {
    color:var(--btnRed-primary-color);
    border: 3px solid var(--btnRed-primary-color);
  }
  [class*="is-BrSearchBtn-style_"] .btn.design4.btnRed:hover a{
    transform: translate(0, 3px);
    background: var(--btnRed-primary-color) !important; 
    box-shadow: 0 2px 0 var(--btnRed-shadow-color) !important; 
    opacity: 1;
  }

 /* オレンジ */
 /* デザイン1 */
 [class*="is-BrSearchBtn-style_"] .btn.btnOrange a,
 [class*="is-BrSearchBtn-style_"] .btn.btnOrange.design1 .btn-copy::before, 
 [class*="is-BrSearchBtn-style_"] .btn.btnOrange.design1 .btn-copy::after {
   background: var(--btnOrange-primary-color) !important;
 }
 [class*="is-BrSearchBtn-style_"] .btn.btnOrange.design1 a {
   border-color: var(--btnOrange-primary-color) !important;
 }
 [class*="is-BrSearchBtn-style_"] .btn.btnOrange.design1 a:hover {
   background: #fff !important;
   color: var(--btnOrange-primary-color) !important;
 }

 /* デザイン2 */
 [class*="is-BrSearchBtn-style_"] .btn.btnOrange.design2 .btn-copy {
  color: var(--btnOrange-primary-color) !important;
  border: 2px solid var(--btnOrange-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design2 a {
  background: var(--btnOrange-primary-color) !important;
  -webkit-box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important;
  box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design2:hover a {
  box-shadow: 0 2px 0 var(--btnOrange-shadow-color) !important;
}

/* デザイン3 */
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design3 .btn-copy {
  color: var(--btnOrange-primary-color);
  border: 2px solid var(--btnOrange-primary-color);
  background: #fff;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design3 .btn-copy::before {
  border-color: var(--btnOrange-primary-color) transparent transparent transparent;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design3 a {
  background: var(--btnOrange-primary-color) !important;
  -webkit-box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important;
  box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOrange.design3 a:hover {
  background:var(--btnOrange-primary-color) !important;
  -webkit-box-shadow: 0 2px 0 var(--btnOrange-shadow-color) !important;
  box-shadow: 0 2px 0 var(--btnOrange-shadow-color) !important;
}

/* デザイン4 */
[class*="is-BrSearchBtn-style_"] .btn.design4.btnOrange a {
  background: var(--btnOrange-primary-color) !important; 
  box-shadow: 0 5px 0 var(--btnOrange-shadow-color) !important; 
  border-color: var(--btnOrange-primary-color) !important; 
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnOrange .btn_balloon {
  color:var(--btnOrange-primary-color);
  border: 3px solid var(--btnOrange-primary-color);
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnOrange:hover a{
  transform: translate(0, 3px);
  background: var(--btnOrange-primary-color) !important; 
  box-shadow: 0 2px 0 var(--btnOrange-shadow-color) !important; 
  opacity: 1;
}

/* ライトブルー */
/* デザイン1 */
[class*="is-BrSearchBtn-style_"] .btn.btnBlue a,
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design1 .btn-copy::before, 
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design1 .btn-copy::after {
    background: var(--btnBlue-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design1 a {
    border-color: var(--btnBlue-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design1 a:hover {
    background: #fff !important;
    color: var(--btnBlue-primary-color) !important;
}

/* デザイン2 */
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design2 .btn-copy {
    color: var(--btnBlue-primary-color) !important;
    border: 2px solid var(--btnBlue-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design2 a {
    background: var(--btnBlue-primary-color) !important;
    -webkit-box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important;
    box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design2:hover a {
    box-shadow: 0 2px 0 var(--btnBlue-shadow-color) !important;
}

/* デザイン3 */
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design3 .btn-copy {
  color: var(--btnBlue-primary-color);
  border: 2px solid var(--btnBlue-primary-color);
  background: #fff;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design3 .btn-copy::before {
  border-color: var(--btnBlue-primary-color) transparent transparent transparent;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design3 a {
  background: var(--btnBlue-primary-color) !important;
  -webkit-box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important;
  box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important;
	    border-radius: 0.5rem;
}
[class*="is-BrSearchBtn-style_"] .btn.btnBlue.design3 a:hover {
  background:var(--btnBlue-primary-color) !important;
  -webkit-box-shadow: 0 2px 0 var(--btnBlue-shadow-color) !important;
  box-shadow: 0 2px 0 var(--btnBlue-shadow-color) !important;
}

/* デザイン4 */
[class*="is-BrSearchBtn-style_"] .btn.design4.btnBlue a {
  background: var(--btnBlue-primary-color) !important; 
  box-shadow: 0 5px 0 var(--btnBlue-shadow-color) !important; 
  border-color: var(--btnBlue-primary-color) !important; 
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnBlue .btn_balloon {
  color:var(--btnBlue-primary-color);
  border: 3px solid var(--btnBlue-primary-color);
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnBlue:hover a{
  transform: translate(0, 3px);
  background: var(--btnBlue-primary-color) !important; 
  box-shadow: 0 2px 0 var(--btnBlue-shadow-color) !important; 
  opacity: 1;
}

  /* グリーン */
  /* デザイン1 */
  [class*="is-BrSearchBtn-style_"] .btn.btnGreen a,
  [class*="is-BrSearchBtn-style_"] .btn.btnGreen.design1 .btn-copy::before, 
  [class*="is-BrSearchBtn-style_"] .btn.btnGreen.design1 .btn-copy::after {
    background: var(--btnGreen-primary-color) !important;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnGreen.design1 a {
    border-color: var(--btnGreen-primary-color) !important;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnGreen.design1 a:hover {
    background: #fff !important;
    color: var(--btnGreen-primary-color) !important;
  }

  /* デザイン2 */
  [class*="is-BrSearchBtn-style_"] .btn.btnGreen.design2 .btn-copy {
    color: var(--btnGreen-primary-color) !important;
    border: 2px solid var(--btnGreen-primary-color) !important;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnGreen.design2 a {
    background: var(--btnGreen-primary-color) !important;
    -webkit-box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important;
    box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnGreen.design2:hover a {
    box-shadow: 0 2px 0 var(--btnGreen-shadow-color) !important;
  }

/* デザイン3 */
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design3 .btn-copy {
  color: var(--btnGreen-primary-color);
  border: 2px solid var(--btnGreen-primary-color);
  background: #fff;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design3 .btn-copy::before {
  border-color: var(--btnGreen-primary-color) transparent transparent transparent;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design3 a {
  background: var(--btnGreen-primary-color) !important;
  -webkit-box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important;
  box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnGreen.design3 a:hover {
  background:var(--btnGreen-primary-color) !important;
  -webkit-box-shadow: 0 2px 0 var(--btnGreen-shadow-color) !important;
  box-shadow: 0 2px 0 var(--btnGreen-shadow-color) !important;
}

/* デザイン4 */
[class*="is-BrSearchBtn-style_"] .btn.design4.btnGreen a {
  background: var(--btnGreen-primary-color) !important; 
  box-shadow: 0 5px 0 var(--btnGreen-shadow-color) !important; 
  border-color: var(--btnGreen-primary-color) !important; 
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnGreen .btn_balloon {
  color:var(--btnGreen-primary-color);
  border: 3px solid var(--btnGreen-primary-color);
}
[class*="is-BrSearchBtn-style_"] .btn.design4.btnGreen:hover a{
  transform: translate(0, 3px);
  background: var(--btnGreen-primary-color) !important; 
  box-shadow: 0 2px 0 var(--btnGreen-shadow-color) !important; 
  opacity: 1;
}

  /* オリジナル */
  /* デザイン1 */
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal a,
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design1 .btn-copy::before, 
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design1 .btn-copy::after {
  background: var(--btnOriginal-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design1 a {
  border-color: var(--btnOriginal-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design1 a:hover {
  background: #fff !important;
  color: var(--btnOriginal-primary-color) !important;
}
  
/* デザイン2 */
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design2 .btn-copy {
  color: var(--btnOriginal-primary-color) !important;
  border: 2px solid var(--btnOriginal-primary-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design2 a {
  background: var(--btnOriginal-primary-color) !important;
  -webkit-box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important;
  box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important;
}
[class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design2:hover a {
  box-shadow: 0 2px 0 var(--btnOriginal-shadow-color) !important;
}

  /* デザイン3 */
  [class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design3 .btn-copy {
    color: var(--btnOriginal-primary-color);
    border: 2px solid var(--btnOriginal-primary-color);
    background: #fff;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design3 .btn-copy::before {
    border-color: var(--btnOriginal-primary-color) transparent transparent transparent;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design3 a {
    background: var(--btnOriginal-primary-color) !important;
    -webkit-box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important;
    box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important;
  }
  [class*="is-BrSearchBtn-style_"] .btn.btnOriginal.design3 a:hover {
    background:var(--btnOriginal-primary-color) !important;
    -webkit-box-shadow: 0 2px 0 var(--btnOriginal-shadow-color) !important;
    box-shadow: 0 2px 0 var(--btnOriginal-shadow-color) !important;
  }
  
  /* デザイン4 */
  [class*="is-BrSearchBtn-style_"] .btn.design4.btnOriginal a {
    background: var(--btnOriginal-primary-color) !important; 
    box-shadow: 0 5px 0 var(--btnOriginal-shadow-color) !important; 
    border-color: var(--btnOriginal-primary-color) !important; 
  }
  [class*="is-BrSearchBtn-style_"] .btn.design4.btnOriginal .btn_balloon {
    color:var(--btnOriginal-primary-color);
    border: 3px solid var(--btnOriginal-primary-color);
  }
  [class*="is-BrSearchBtn-style_"] .btn.design4.btnOriginal:hover a{
    transform: translate(0, 3px);
    background: var(--btnOriginal-primary-color) !important; 
    box-shadow: 0 2px 0 var(--btnOriginal-shadow-color) !important; 
    opacity: 1;
  }


/* テンプレート7-1 */
.is-BrSearchBtn-style_template-7-1 .btn {
  max-width: 430px;
}

.is-BrSearchBtn-style_template-7-1 .btn a {
  font-size: 16px !important;
  padding: 16px 35px !important;
}
@media screen and (min-width: 768px) {
  .is-BrSearchBtn-style_template-7-1 .btn a {
      font-size: 18px !important;
  }
}

/* テンプレート10 */
.is-BrSearchBtn-style_template-10 .btn {
  max-width: 430px;
}
.is-BrSearchBtn-style_template-10 .btn a {
  font-size: 16px !important;
  font-family: 游明朝 !important;
  padding: 16px 35px !important;
}
.is-BrSearchBtn-style_template-10 .btn .btn-copy {
  font-family: 游明朝 !important;
}
@media screen and (min-width: 768px) {
  .is-BrSearchBtn-style_template-10 .btn a {
      font-size: 18px !important;
  }
}
    
/* テンプレート12 */
.is-BrSearchBtn-style_template-12 .btn {
    max-width: 430px;
}
.is-BrSearchBtn-style_template-12 .btn a {
    font-size: 16px !important;
}
@media screen and (min-width: 768px) {
    .is-BrSearchBtn-style_template-12 .btn a {
        font-size: 18px !important;
    }
 }

/* ワイド */
[class*="is-BrSearchBtn-style_"] .btn.is-style-btn_wide {
    max-width: 550px !important;
}

/* アニメーション各種 */
/* ぽよぽよ */
.btn.anime-poyopoyo  {
    animation: poyopoyo 2s ease-out infinite;
}

  @keyframes poyopoyo {
    0%, 40%, 60%, 80% {
      transform: scale(1.0);
    }
    50%, 70% {
      transform: scale(0.95);
    }
  }

/* ズーム */
.btn.anime-zoomIn {
    animation: zoomIn 1s ease-in-out infinite;
}

  @keyframes zoomIn {
     0% {
        transform: scale(0.95);
      }
    50% {
      transform: scale(1);
    }
    100% {
      transform: scale(0.95);
    }
}

/* キラッと光る*/
[class*="is-BrSearchBtn-style_"] .btn.anime-reflection a {
    overflow: hidden;
}
[class*="is-BrSearchBtn-style_"] .btn.anime-reflection a i{
    -webkit-animation-name: is-trembling;
    -webkit-animation-duration: .8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease;
    -moz-animation-name: is-trembling;
    -moz-animation-duration: 1s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: ease;
    animation-name: is-trembling;
    animation-duration: .8s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
    animation-name: is-trembling;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease;
  }
  
/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}

@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-10px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}
  @keyframes is-trembling {
    0% {
        -webkit-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
      }
      100% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
      }
  }


[class*="is-BrSearchBtn-style_"] .btn.anime-reflection a::before {
  display: block !important;
  visibility: visible !important;
    -moz-animation: is-reflection 4s ease-in-out infinite;
    -moz-transform: rotate(45deg);
    -ms-animation: is-reflection 4s ease-in-out infinite;
    -ms-transform: rotate(45deg);
    -o-animation: is-reflection 4s ease-in-out infinite;
    -o-transform: rotate(45deg);
    -webkit-animation: is-reflection 4s ease-in-out infinite;
    -webkit-transform: rotate(45deg);
    animation: is-reflection 4s ease-in-out infinite;
    background-color: #fff !important;
    content: '';
    width: 30px;
    height: 100%;
    font-size: unset;
    font-family: unset;
    margin: 0;
    opacity: 0;
    position: absolute;
    top: -180px;
    left: 0;
    right: unset;
    transform: rotate(45deg);
  }
  
/* アニメーションを遅延させる */
.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}

@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}


 /* 各色のデザイン */
 :root {
     --btnRed-primary-color: #CC0000;
     --btnRed-shadow-color: #a80202;
     --btnOrange-primary-color: #eb6100;
     --btnOrange-shadow-color: #d44114;
     --btnGreen-primary-color: #32b16c;
     --btnGreen-shadow-color: #2c9d60;
     --btnBlue-primary-color: #67D3FB;
     --btnBlue-shadow-color: #50a9ca;
 }