/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 03 2025 | 20:23:43 */
/* 再利用ブロック　ボタンのスタイル */ 

/* 1.メインカラー */ 
.btn-main a {
background-color: var(--color_main)!important;
border: 1px solid var(--color_main)!important;
color: #fff!important;
transition: background-color .3s, border .3s, color .3s;
}
.btn-main a:hover {
background-color: #fff!important;
border: 1px solid var(--color_main)!important;
box-shadow: none;
color: var(--color_main)!important;
}
/* 2.メインカラー＆背景白 */ 
.btn-main_bg-white a {
background-color: #fff!important;
border: 1px solid var(--color_main)!important;
color: var(--color_main)!important;
transition: background-color .3s, border .3s, color .3s;
}
.btn-main_bg-white a:hover {
background-color: var(--color_main)!important;
border: 1px solid #fff!important;
box-shadow: none;
color: #fff!important;
}
/* 3.メインカラー＆背景透過 */ 
.btn-main_bg-ghost a {
background-color: transparent!important;
border: 1px solid var(--color_main)!important;
color: var(--color_main)!important;
transition: background-color .3s, border .3s, color .3s;
}
.btn-main_bg-ghost a:hover {
background-color: var(--color_main)!important;
border: 1px solid var(--color_main)!important;
box-shadow: none;
color: #fff!important;
}
/* 4.白＆背景透過 */ 
.btn-white_bg-ghost a {
background-color: transparent!important;
border: 1px solid #fff!important;
color: #fff!important;
transition: background-color .3s, border .3s, color .3s;
}
.btn-white_bg-ghost a:hover {
background-color: #fff!important;
border: 1px solid #fff!important;
box-shadow: none;
color: #000!important;
}
/* 5.白＆背景透過 */ 
.btn-black_bg-ghost a {
background-color: transparent!important;
border: 1px solid #000!important;
color: #000!important;
transition: background-color .3s, border .3s, color .3s;
}
.btn-black_bg-ghost a:hover {
background-color: #000!important;
border: 1px solid #000!important;
box-shadow: none;
color: #fff!important;
}