@charset "utf-8";
/**
 * custom.css
 */

/* irohasoft None */
.irohasoft {
	display: none;
}

/**
 * SanseitoLMS Project
 *
 * @author        Tsutomu Kawana
 * @copyright     2025 SANSEITO
 * @link          https://sanseito.jp/
 * @license       https://www.gnu.org/licenses/gpl-3.0.en.html GPL License
 */

.bubble{
    width:360px;
    height: 330px;
    position: relative;
	margin:  0 auto;            /* div自体の中央寄せ */
}

.bubble img{
    width:90%;
}

.bubble span{
    position: absolute;
	display: inline-block;
	-ms-writing-mode: tb-rl; /* IE対応 */
	writing-mode: vertical-rl; /* 縦書き */
	text-orientation: upright; /* すべての文字を上向きに表示 */
    top:15px;
    left:235px;
	/* font-family: "M PLUS 1mn", monospace;  /* フォントの種類 */ 
	font-family: "Noto Sans JP";  /* フォントの種類 */ 
	font-size:26px;
	font-weight: bold;
    color: black;
    padding:0;
    margin:0;
	width:77px; /* 横幅指定 */
	height:280px; /* 縦幅指定 */
	text-align:center; /* 中央寄せ */
}

.bubble2{
    width:360px;
    height: 330px;
    position: relative;
	margin:  0 auto;            /* div自体の中央寄せ */
}

.bubble2 img{
    width:90%;
}

.bubble2 span{
    position: absolute;
	display: inline-block;
	-ms-writing-mode: tb-rl; /* IE対応 */
	writing-mode: vertical-rl; /* 縦書き */
	text-orientation: upright; /* すべての文字を上向きに表示 */
    top:15px;
    left:221px;
	/* font-family: "M PLUS 1mn", monospace, sans-serif;  /* フォントの種類 */ 
	font-family: "Noto Sans JP";  /* フォントの種類 */ 	
    font-size:26px;
	font-weight: bold;
    color: black;
    padding:0;
    margin:0;
	width:77px; /* 横幅指定 */
	height:280px; /* 縦幅指定 */
	text-align:center; /* 中央寄せ */
}

.medal{
	/*width: 340px;*/
	/*width:176px;*/
	/* margin:  0 auto;            /* div自体の中央寄せ */
	height: auto;
	display: flex; /*横並び*/
}

.medal .image{
    /*width: 68px; /* 画像の横幅を指定 */
	/*height: 19px; */
	/* margin: 0 auto; /* 左右の余白を自動で調整し、中央揃え */
	/*display: block; /* 必要であれば、ブロック要素に変換 */
	/*width: 156Px; /* 画像の横幅を指定 */
	/*height: 36px;*/
	/*width: 28%; /* 画像の横幅を指定 */
	max-width: 100%; 
	width: 150px;
	object-fit: contain;
	height: auto;
	margin: 0;
	padding: 0;
	left: 15px;
	/*overflow: hidden;*/
	position: relative;
}

.medal .text{
	margin: 5px;
	padding: 0;
	font-weight: bold;
	font-size: 24px;
	text-align: left
}