@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/



.mark_yellow {
	color: red;
}

@media screen and (max-width: 767px) {
    .tableScroll {
		  overflow-x: scroll;
	  }
	  .tableScroll table {
			width: 100%;
			border-collapse: collapse;
			white-space: nowrap;
		  	font-size: 14px;
		}
}

.-rss {
	display: none!important;
}

/* normal button */

.centeredContainer {
    text-align: center;
}

.actionButton {
    background: #29a843;
    color: #f9f9f9;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);  /* Increased shadow a bit */
    font-weight: bold;
    display: block;
    border-radius: 5px;
    margin: 0 auto;
    padding: 15px 3em;
    font-size: 18px;
    transition: background-color 0.2s ease, opacity 0.2s ease, transform 0.2s ease;  /* Added transform */
    position: relative;
    text-decoration: none;
    line-height: 1.8;
    border-bottom: solid 3px #012e11;
}

.actionButton::after {
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    border-top: solid 2px #f9f9f9;
    border-right: solid 2px #f9f9f9;
    position: absolute;
    right: 16px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
    transition: right 0.2s ease;  /* Arrow movement on hover */
}

.actionButton:hover {
    background-color: #208c36;
    opacity: 0.9;  /* Slightly reduced opacity for better visibility */
    transform: scale(1.02);  /* Button scale effect on hover */
}

.actionButton:hover::after {
    right: 14px;  /* Arrow movement on hover */
}

.promoLink, .actionButton a {
    color: #333;
    text-decoration: none;
}

@media (max-width:767px) { 
    .actionButton {
        background: #29a843;
        color: #f9f9f9;
        box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
        width: calc(100% - 20px);  /* Adjusted for better spacing */
        margin: 0.5em auto;
        padding: 10px 20px;  /* Adjusted padding */
        font-size: 17px;  /* Adjusted font size */
        text-decoration: none;
    }
}