@charset "utf-8";

/**********************************************************
 * ボタン(パターン01)
 **********************************************************/
 .button01 {
/*    margin: 12px 24px;*/										/* 周囲の余白 (上下 | 左右)*/

    /*	width			: 100%; */								/* 幅 */
        height: 30px;											/* 高さ */
    /*	display			: inline-block; */
        display			: block;								/* テキストを範囲選択しないようにする */
        border-radius	: 6px;									/* 角丸				*/
        font-size		: 10pt;									/* 文字サイズ		*/
        text-align		: center;								/* 文字位置			*/
        cursor			: pointer;								/* カーソル			*/
    /*	padding			: 12px 12px; */							/* 余白				*/
        line-height		: 1em;									/* 1行の高さ		*/
        transition		: .3s;									/* なめらか変化		*/
        background		: #696969;								/* 背景色			*/
        color			: #ffffff;								/* 文字色			*/
        box-shadow		: 4px 4px 2px #666666;					/* 影の設定			*/
        border			: 2px solid #000066;					/* 枠の指定			*/
    }
    
    /* マウスポインタが重なった時 */
    .button01:hover {
        background		: #969696;								/* 背景色		 	*/
        color			: #ffffff;								/* 背景色		 	*/
        box-shadow		: 4px 4px 2px #666666;					/* 影の設定			*/
        border			: 2px solid #000066;					/* 枠の指定			*/
    }
    
    /* ボタンクリック時　*/
    .button01:active {
        background		: #ffffff;								/* 背景色		 */
        color			: #000066;								/* 背景色		 */
        box-shadow		: none;									/* カーソル時の影消去 */
    }




    .img_button {
        width: var(--size_icon);             /* ボタンの幅を指定 */
        height: var(--size_icon);             /* ボタンの高さを指定 */
            background: transparent;  /* 背景を透過 */
        border: none;             /* ボーダーをなくす */
        padding: 0;               /* ボタンの内側の余白を削除 */
        cursor: pointer;         /* クリック可能なカーソル */
    
    }
     /* 画像をボタンサイズに合わせて調整 */
     .img_button img {
    display: block;           /* 画像をブロック要素にして余白を取り除く */
    width: 100%;              /* 画像の幅をボタンに合わせる */
    height: 100%;             /* 画像の高さをボタンに合わせる */
    object-fit: contain;      /* 画像がボタン内に収まるように調整 */
  }