@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&display=swap');

/*
 * "Kiwi Maru" is lisenced under the SIL Open Font License, 1.1
 * KiwiMaru-Light.ttf: Copyright 2020 The Kiwi Maru Project Authors (https://github.com/Kiwi-KawagotoKajiru/Kiwi-Maru)
 * KiwiMaru-Regular.ttf: Copyright 2020 The Kiwi Maru Project Authors (https://github.com/Kiwi-KawagotoKajiru/Kiwi-Maru)
 * KiwiMaru-Medium.ttf: Copyright 2020 The Kiwi Maru Project Authors (https://github.com/Kiwi-KawagotoKajiru/Kiwi-Maru)
 */

html{
	scroll-behavior: smooth; /*ページ内リンクにスムーズスクロールを適用できます。（Androidのみ？）*/
}
.main{
	width: 100%;
	background: #E2E0D9;
	font-family: 'Kiwi Maru', serif;
	color: #000;
}
.midashi_h1{
	font-size: 1em;
	text-align: center;
	background: #FFF;
	margin: 0;
}
.midashi_h2{
	font-size: 1.4em;
	font-weight: normal;
	text-align: start;
	border-bottom: 1px #707070 solid;
	margin: 1em 0.5em 0.5em 0.5em;
}

/*タイトル画像部分*/
.box1_title{
	width: 100%;
}
.box1_title img{
	width: 100%;
}

.box1_title2{
	width: 100%;
        margin-top: 20px; /* 上側の空白 */
        margin-bottom: 20px; /* 下側の空白 */
   }
.box1_title2 img{
	width: 100%;
}
/*スペシャルコンテンツ部分*/
.box2_special{
	width: 100%;
	text-align: center;
}
.box2_special img{
	width: 90%;
}

/*ゲーム一覧部分*/
.box3_games_web, .box3_games_dl{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 1em;
}
.box3_games_item{
	width: 48.5%;
	height: auto;
	background: #FFFFFF;
	text-align: center;
	padding: 0.3em;
	margin: 0.3em 0;
}
.box3_games_item img{
	width: 100%;
	border-radius: 3px;
}
.box3_games_item_txt{
	height: 1.5em;
	margin: 0.5em 0;
	font-size: 3.5vw;
	line-height: 1em;
}

/*インフォメーション部分*/
.box4_information{
	margin: 0 1.5em;
}
.fusen_red{
	background: #FFB7BC;
	font-size: 3.5vw;
	font-weight: 500;
	margin: 1em 0em;
	padding: 1em;
	border-left: 1em #DC6E70 solid;
}
.fusen_yellow{
	background: #FFF5B7;
	font-size: 3.5vw;
	font-weight: 500;
	margin: 1em 0em;
	padding: 1em;
	border-left: 1em #D0B923 solid;
}
.fusen_txt{
	font-size: 0.8em;
	padding-top: 0.5em;
	line-height: 1.2em;
}

/*著作権表示部分*/
.copyright{
	margin-top: 1em;
	font-size: 0.8em;
	text-align: center
}

/*横幅が480pxを超えた場合の設定*/
@media screen and (min-width: 480px) {
	.box3_games_web, .box3_games_dl{
		width: 335px;
		margin: 0 auto; 
	}
	.box3_games_item {
		width: 162px;
		}
	.box3_games_item_txt {
		font-size: 14px;
		}
	.fusen_txt {
		font-size: 0.7em;
		}
	}

/*横幅が720pxを超えた場合の設定*/
@media screen and (min-width: 720px) {
	.main {
		width: 550px;
		margin: 0 auto;
		}
	.midashi_h2 {
		font-size: 2em;
		}
	.box3_games_web, .box3_games_dl{
		width: 507px;
		}
	.fusen_red, .fusen_yellow {
		font-size: 21px;
		}
	.fusen_txt {
		font-size: 0.7em;
		}
	}