/* グロナビくん（glonavikun.css） */

/*
    ゴリウェブプラグインのグロビくんのCSSを追加します。(2023-12-03)
*/


/* ==============================
グロナビくん
============================== */
/* ボタンの伸縮に関するスタイル */
.glonavikun-container {
	   width:auto;!important;
    display: flex!important;
    justify-content: center!important;
    align-items: center!important;
    margin-left:-20px!important;
    margin-right:-20px!important;
}

/* ボタンの共通スタイル */
.glonavikun-button {
    font-size: 12px!important;
    padding: 10px!important; 
    border-radius: 20px!important;
    text-decoration: none!important;
    display: inline-block!important;
    margin: 5px 5px!important;
    border: solid 2px!important;
    transition: all 0.3s ease-in-out; 
    float: left;
    width: auto;
    overflow: hidden;
    background-size: cover;
    text-align: center;
}

/* 画面幅が700pxから1200pxのときのボタンの文字サイズ */
@media screen and (min-width: 600px) and (max-width: 1200px) {
    .glonavikun-button {
        font-size: 11px!important;
			  width: 100px; 
    padding: 10px!important; 
    margin: 2px 2px!important;	
	}
}