@charset "UTF-8";

/* ===== 2025年11月30日 ===== */
/* ===== 子ＣＳＳ　2025-11-30　 ===== */
/* */
/* */
/* ===== pc-area ===== */
/* ===== pc-area ===== */
@media screen and (min-width:501px) { 
/* ===== pc-area ===== */
/* ===== pc-area ===== */
.imgqrcode {
	text-align: center;
	display:inline-block;
	height: auto;
	margin-left: 0; 
	margin-right: 0;
	padding-left: 30px;
	padding-right: 30px;
	}
.imgqrcode img {

	}
.imgqrcode2 img {
	width: 200px;
	}
.bonsarea {
	max-width: 1200px;
	margin-top : 0px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom : 80px;
	border-radius: 10px;
	border: solid 1px #668ad8; 
	background: #f1f8ff;
	}
.bonsareabox {
 	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	}
.bonsareabox1 {
	max-width: 1200px;
	display: flex;
	/* height: auto; */
	/* margin: 0 auto; */
	/* background: #fff; */
	padding: 20px 10px;
	text-align: left;
	}
.bons-menuarea {
	min-width: 340px;
	margin-left: 0px; 
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
.bons-menubox {
	display:inline-block;
	min-width: 400px;
	color: #668ad8; 
	padding-left: 0px;
	padding-right: 20px;
	/* margin-bottom: 150px; */
	}
.bonsmenu-ul {
	margin-top: 30px;
	min-width: 400px;
	list-style-type: none;
	color: #668ad8;
	/* border: dashed 2px #668ad8; */
	/* background: #f1f8ff; */
	/* padding: 0.5em 0.5em 0.5em 2em; */
	}
.bonsmenu-ul li {
	/* color: #668ad8; */
	/* border: dashed 1px #668ad8; */
	/* background: #f1f8ff; */
	min-width: 400px;
	list-style-type: none;
	margin-left: 0; 
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	}

.bons-sekai {
	min-width: 340px; 
 	padding-top: 50px;
	/* padding-left: 10px; */
	padding-right: 10px;
	padding-bottom: 20px;
	}
.bons-sekai img{
	width: 340px;
	/* min-width: 300px; */
	}
.bons1box {
	max-width: 1200px;
	margin-top : 50px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom : 80px;
	border-radius: 10px;
	border: solid 1px #668ad8; 
	background: #f1f8ff;
	}
.bons1gamebox {
 	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	}
.bons1gamebox1 {
	/* max-width: 1200px; */
	display: flex;
	/* height: auto; */
	/* margin: 0 auto; */
	background: #fff;
	padding: 20px 10px;
	text-align: left;
	}
.bons1gamebox1-1 {
	width: 400px;
	margin-left: 0px; 
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox1-1 img{
	width: 100%;
	}
.bons1gamebox1-2 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox1-2 img{

	}

.bons1gamebox2 {
	max-width: 1200px;
	display: flex;
	/* height: auto; */
	/* margin: 0 auto; */
	background: #fff;
	padding: 20px 10px;
	text-align: left;
	}
.bons1gamebox2-1 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox2-1 img{
	width: 400px;
	}
.bons1gamebox2-2 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}

.bons1gamebox3 {
	max-width: 1200px;
	display: flex;
	/* height: auto; */
	/* margin: 0 auto; */
	background: #fff;
	padding: 20px 10px;
	text-align: left;
	}
.bons1gamebox3-1 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox3-1 img{
	width: 400px;
	}
.bons1gamebox3-2 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox4 {
	max-width: 1200px;
	display: flex;
	/* height: auto; */
	/* margin: 0 auto; */
	background: #fff;
	padding: 20px 10px;
	text-align: left;
	}
.bons1gamebox4-1 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox4-1 img{
	width: 400px;
	}
.bons1gamebox4-2 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox5 {
	max-width: 1200px;
	display: flex;
	/* height: auto; */
	/* margin: 0 auto; */
	background: #fff;
	padding: 20px 10px;
	text-align: left;
	}
.bons1gamebox5-1 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox5-1 img{
	width: 400px;
	}
.bons1gamebox5-2 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox6 {
	max-width: 1200px;
	display: flex;
	/* height: auto; */
	/* margin: 0 auto; */
	background: #fff;
	padding: 20px 10px;
	text-align: left;
	}
.bons1gamebox6-1 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox6-1 img{
	width: 400px;
	}
.bons1gamebox6-2 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox7 {
	max-width: 1200px;
	display: flex;
	/* height: auto; */
	/* margin: 0 auto; */
	background: #fff;
	padding: 20px 10px;
	text-align: left;
	}
.bons1gamebox7-1 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox7-1 img{
	width: 400px;
	}
.bons1gamebox7-2 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox8 {
	max-width: 1200px;
	display: flex;
	/* height: auto; */
	/* margin: 0 auto; */
	background: #fff;
	padding: 20px 10px;
	text-align: left;
	}
.bons1gamebox8-1 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}
.bons1gamebox8-1 img{
	width: 400px;
	}
.bons1gamebox8-2 {
	width: 400px;
	padding-left: 20px;
	padding-right: 20px;
	}







/* ===== ===== */
	}
/* ===== ===== */
/* ############################ */

/* ===== sumaho-area ===== */
/* ===== sumaho-area ===== */
@media only screen and (max-width: 500px){
/* ===== sumaho head===== */




.imgqrcode {
	text-align: center;
	height: auto;
	margin-left: 0; 
	margin-right: 0;
	padding-left: 30px;
	padding-right: 30px;
	}
.imgqrcode img {
	width: 200px;
	}

.bonsarea {
	margin-top : 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom : 80px;
	border-radius: 10px;
	border: solid 1px #668ad8; 
	background: #f1f8ff;
	}
.bonsareabox {
 	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	}
.bonsareabox1 {
	padding: 20px 0px;
	text-align: left;
	}
.bons-menuarea {
	margin-left: 0px; 
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	}
.bons-menubox {
	color: #668ad8; 
	padding-left: 0px;
	padding-right: 0px;
	}
.bonsmenu-ul {
	margin-top: 30px;
	list-style-type: none;
	color: #668ad8;
	}
.bonsmenu-ul li {
	list-style-type: none;
	margin-left: 0; 
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	}

.bons-sekai {
 	padding-top: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	}
.bons-sekai img{
	width: 100%;
	}
.bons1box {
	margin-top : 50px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom : 80px;
	border-radius: 10px;
	border: solid 1px #668ad8; 
	background: #f1f8ff;
	}
.bons1gamebox {
 	padding-top: 20px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	}
.bons1gamebox1 {
	background: #fff;
	padding: 20px 0px;
	text-align: left;
	}
.bons1gamebox1-1 {
	width: 100%;
	margin-left: 0px; 
	margin-right: 0px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox1-1 img{
	width: 100%;
	}
.bons1gamebox1-2 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox1-2 img{

	}

.bons1gamebox2 {
	background: #fff;
	padding: 20px 0px;
	text-align: left;
	}
.bons1gamebox2-1 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox2-1 img{
	width: 100%;
	}
.bons1gamebox2-2 {
	padding-left: 0px;
	padding-right: 0px;
	}

.bons1gamebox3 {
	background: #fff;
	padding: 20px 10px;
	text-align: left;
	}
.bons1gamebox3-1 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox3-1 img{
	width: 100%;
	}
.bons1gamebox3-2 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox4 {
	background: #fff;
	padding: 20px 0px;
	text-align: left;
	}
.bons1gamebox4-1 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox4-1 img{
	width: 100%;
	}
.bons1gamebox4-2 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox5 {
	background: #fff;
	padding: 20px 0px;
	text-align: left;
	}
.bons1gamebox5-1 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox5-1 img{
	width: 100%;
	}
.bons1gamebox5-2 {
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox6 {
	background: #fff;
	padding: 20px 0px;
	text-align: left;
	}
.bons1gamebox6-1 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox6-1 img{
	width: 100%;
	}
.bons1gamebox6-2 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox7 {
	background: #fff;
	padding: 20px 0px;
	text-align: left;
	}
.bons1gamebox7-1 {
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox7-1 img{
	width: 100%;
	}
.bons1gamebox7-2 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox8 {
	background: #fff;
	padding: 20px 0px;
	text-align: left;
	}
.bons1gamebox8-1 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}
.bons1gamebox8-1 img{
	width: 100%;
	}
.bons1gamebox8-2 {
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
	}



/* ===== ===== */
	}
/* ===== ===== */