@charset "utf-8";
/* CSS Document */

/* リセット設定 */
applet, a, abbr, acronym,  big,
strike,  tt, u, center, embed,
output, ruby, section, summary{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-family: inherit;
}
/* HTML5 display-role reset for older browsers */
blockquote:before, blockquote:after,
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.store_ptgame_header {
	background: linear-gradient(135deg, rgba(255,247,247,1) 0%, rgba(255,191,97,1) 46%, rgba(231,120,240,1) 100%);
	height: auto;
	text-align: center;
	padding: 2% 0;
}
.store_ptgame_header_logo {
	height: 9%;
	width: 25%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	margin-bottom: 1%;
}

.store_ptgame_header_message {
	color: #fff;
	font-size: 235%;
	font-weight: bold;
	text-shadow: -1px 1px 3px #363636
}

#banner_space li{
	list-style: none;
}

#banner_space .banner{
	text-align: center;
	vertical-align: middle;
}

/* メインコンテンツ箱 */
#main{
	overflow: hidden;
	font-size: 13pt;
}

#main .title{
	margin-top: 10px;
	/* margin-bottom: 20px; */
	text-align: left;
	vertical-align: middle;
}

#main .stMail_title{
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: left;
	vertical-align: middle;
}

#main .topic_label{
	margin: 15px 0 10px 20px;
	font-weight: bold;
}

#main .table_bar{
	height: 13px;
}

#main .slide_link{
	float: left;
	height: 480px;
	cursor: pointer;
}

#main .flipsnap{
	width: 1920px; /* 640px(item width) * 3(item count) */
}

#main .point_info{
	font-size: 77%;
	font-weight: bold;
	color: #F00;
	text-align: left;
	line-height: 150%;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;     /* 枠線の装飾 */
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	background-color: #FF6;
	margin-bottom: 0px;
}

/* 注目のタイトル */
#game_check_block{
	overflow: hidden;
	margin-right: 0px;
	margin-left: 0px;
}

#game_check_block .3game_block{
	float: left;
	cursor: pointer;
	width: 640px;
}

#container .item{
	float: left;
	cursor: pointer;
	width: 640px;
}

#game_check_block .game_link{
	position:relative;
	float: left;
	text-align: center;
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 20px;
/*	width: 160px;*/
	width: 144px;
}

#game_check_block .game_arrow{
	float: left;
	width: 4px;
	margin-right: 3px;
	margin-left: 3px;
	margin-top: 100px;
	margin-bottom: 100px;
}

#game_check_block .game_sam{
/*	width: 160px;
	height: 160px;*/
	width: 144px;
	height: 144px;
}

#game_check_block .game_title{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #039;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 110%;
	font-size: 160%;				/*--------------------フォントサイズ変更--------------------*/
	overflow: hidden;
	text-overflow: ellipsis;
}

#game_check_block .game_point{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #e83f56;
	padding: 10px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	border: 1px #ca0e28 solid;     /* 枠線の装飾 */
	font-size: 160%;			/*--------------------フォントサイズ変更--------------------*/
	line-height: 110%;
}

/* 人気ランキング */
#game_link_block{
	overflow: hidden;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 0px;
}

#game_link_block .game_link{
	position:relative;
	float: left;
	text-align: center;
	vertical-align: middle;
	margin-right: 20px;
	margin-left: 20px;
	width: 160px;
	margin-top: 20px;
}

#game_sam{
	width: 160px;
	height: 160px;
	position: relative;
}

#game_sam img.game_ranking{
	position: absolute;
	top: -20px;
	left: -20px;
}

#game_link_block .game_title{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #039;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 160%;				/*--------------------フォントサイズ変更--------------------*/
	line-height: 110%;
}
#game_link_block .game_point{
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	color: #FFF;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #e83f56;
	padding: 10px;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;         /* CSS3 */
	border: 1px #ca0e28 solid;     /* 枠線の装飾 */
	font-size: 80%;
}

/* 今すぐチャレンジ */
#minigame_link_block{
	display: flex;
	margin-bottom: 10px;
	overflow: hidden;
	justify-content: center;
}
/* 2019/07/11 ミニゲームレイアウト変更 */
#minigame_link_block .minigame_item{
	float: left;
	display: flex;
	width: 300px;
	margin: 10px 0px 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.2;
}

#minigame_link_block .minigame_title_area {
	width: 300px;
	margin: 0 auto;
}
		.minigame_item .figure {
			display: table-cell;
			width: 160px;
			padding: 0 5px;
		}
			.minigame_item .figure img {
				width: 150px; /*-- mod (org 90px) --*/
				height: 90px;
			}

			.minigame_item .figure .round-img {
				display: inline-block;
				overflow: hidden;
				-webkit-border-radius: 6%;
				-moz-border-radius: 6%;
				border-radius: 6%;
				-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
				-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
				box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 0 rgba(0, 0, 0, 0.6);
			}

		.minigame_item .data {
				background-image: url(/new_design/asset/img/top_icons/icon_crown_1.png);
				background-repeat: no-repeat;
				display: inline-block;
				width: 200px;
				vertical-align: top;
				content: "";
				background-size: 38px 19px;
				margin-left: 10px;
				padding:10px 0px 0px 0px; /*-- mod (org 10px;) --*/
			}
			.minigame_item .data .title {
				margin-top: 10px;
				font-size: 14px;
				vertical-align: middle;
				text-align: left;
				color: #d8000f;
			}
			.minigame_item .data .description {
				padding-top: 5px;
				font-size: 12px;
				color: #7f8c8d;
			}


/* コインについて */
#coin_now{
	position:relative;
	overflow: hidden;
	color: #FFF;
	margin-left: 30px;
	background-image: url(../img/pf_bar_bg.gif);
	background-repeat: repeat;
	background-position: left top;
}
#coin_now .announce_img{
	display:block;
}
#coin_now .announce_text{
	display:block;
	float: left;
	width: 320px;
	height: 160px;
	padding-right: 15px;
	padding-left: 14px;
}
#coin_now .announce_text a{
	text-decoration: none;
	border: 0px solid #000000;
}
#coin_now .announce_text a:hover{
	text-decoration: none;
}
#coin_now .title_text{
	color: #F33;
	font-weight: bold;
	font-size: 22px;
	padding-bottom: 12px;
}
#coin_now .title_text a{
	color: #F33;
}
#coin_now .title_text a:hover{
	color: #F33;
}
#coin_now .info_text{
	color: #000;
	font-size: 22px;
}
#coin_now .announce_img{
	float: left;
	margin: 0px;
	padding: 0px;
	height: 160px;
	width: 160px;
}
#coin_now .announce_link{
	float: right;
	width: 95px;
	vertical-align: bottom;
	height: 25px;
	padding-top: 135px;
	display: block;
}

/* topic関連 */
#topic{
/*	width: 625px; */
	width: 100%;
/*	margin-right: 7px;
	margin-left: 8px; */
}
#topic .topic_ranking{
/*	height: 60px; */
/*	width: 625px; */
	width: 100%;
}

#topic .topic_ranking img{
	vertical-align:bottom;
}

#topic .ranking_cont{
	background-color: #7fcef4;
	padding: 20px;
}
#topic .topic_search{
/*	height: 60px; */
/*	width: 625px; */
	width: 100%;
}

#topic .topic_search img{
	vertical-align:bottom;
}

#topic .search_cont{
	background-color: #7fcef4;
	padding: 20px;
}
#topic .topic_under{
/*	height: 60px; */
/*	width: 625px; */
	width: 100%;
}

#topic .topic_under img{
	vertical-align:bottom;
}

#rankng_frame{
	position:relative;
	overflow: hidden;
	background-color: #FFF;
	padding: 2px 5px 2px 12px;
	border: 1px solid #F3F2F2;
	margin-bottom: -1px;
}

#rankng_frame .ranking_no{
	float: left;
/* 	height: 55px; */
/* 	width: 70px; */
}

#rankng_frame .game_info{
	float: left;
	margin-right: 10px;
	margin-left: 10px;
}

#rankng_frame .topic_link{
	float: right;
	width: 19px;
	color: #D2D1D1;
	line-height: 66px;
	text-align: center;
}

#rankng_frame .info_title{
	font-size: 100%;
	color: #F33;
	font-weight: bold;
	height: 22px;
	vertical-align: bottom;
	text-align: left;
	padding-top: 5px;
}

#rankng_frame:first-child {
	border-radius: 10px 10px 0 0;
}

#rankng_frame:last-child {
	border-radius: 0 0 10px 10px;
}

#rankng_frame:first-child:last-child {
	border-radius: 10px 10px 10px 10px;
}

.topicContent {
	background-color: #EBECF4;
}

.topic_list_icon {
	float: left;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #4485BB;
	padding: 3px;
	border-radius: 5px;
}

/* --------人気トピック関連ここから--------- */
/* トピックリスト */
.game_info.category_title{
	line-height: 17px;
	padding: 0 8px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	text-shadow: 1px 1px 1px #8b0009;
	-webkit-text-shadow: 1px 1px 1px #8b0009;
	-moz-text-shadow: 1px 1px 1px #8b0009;
	background: linear-gradient(top, #e0617b, #ee97ac);
	background: -moz-linear-gradient(top, #e0617b, #ee97ac);
	background: -webkit-gradient(linear, left top, left bottom, from(#e0617b), to(#ee97ac));
	color: #fff;
}

#contents .topicList {
	margin: 0 10px 0 10px;
}

#contents .topicList ul li {
	background-color: white;
	border-radius: 10px;
	margin-bottom: 10px;
}
#rankng_frame .category_title{
	width: 150px;
	line-height: 22px;
	padding-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#rankng_frame .category_title .categoryNameRank,
#topic_category_name{
	line-height: 17px;
	padding: 0 4px;
	border-radius: 1px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 2px;
	text-shadow: 1px 1px 1px #8b0009;
	-webkit-text-shadow: 1px 1px 1px #8b0009;
	-moz-text-shadow: 1px 1px 1px #8b0009;
	background: url(/common/images/topic_category_back.png) repeat-x left top;
/*	背景
	background: linear-gradient(top, #e0617b, #ee97ac);
	background: -moz-linear-gradient(top, #e0617b, #ee97ac);
	background: -webkit-gradient(linear, left top, left bottom, from(#e0617b), to(#ee97ac));*/
	color: #fff;
	font-size: smaller;
}

#rankng_frame .topic_title{
	font-size: 12pt;
	font-weight: bold;
	width: 147px;
	height: 33px;
	line-height: 20px;
	vertical-align: bottom;
	text-align: left;
	padding-top: 13px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.commentTitle h2{
	background: url("/common/images/bg_block.png") no-repeat scroll left top / 750px 100px rgb(79, 193, 252);
	padding:10px;
	border-top: 1px solid rgb(183, 237, 254);
	text-shadow: -1px -1px 0px rgb(153, 153, 153);
	color: rgb(255, 255, 255);
}

#contents #topicRanking .rank1st h3 { background: url(/common/images/icn_rank_1st.png) no-repeat left top; background-size: 29px 18px; padding-left: 31px; height: 18px; }
#contents #topicRanking .rank1st .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_1st.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }
#contents #topicRanking .rank2nd h3 { background: url(/common/images/icn_rank_2nd.png) no-repeat left top; background-size: 29px 18px; padding-left: 31px; height: 18px; }
#contents #topicRanking .rank2nd .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_2nd.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }
#contents #topicRanking .rank3rd h3 { background: url(/common/images/icn_rank_3rd.png) no-repeat left top; background-size: 29px 18px; padding-left: 31px; height: 18px; }
#contents #topicRanking .rank3rd .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_3rd.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }

#contents #topicRanking .rank4th .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_4th.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }

#contents #topicRanking .rank5th .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_5th.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }

#contents #topicRanking .rank6th .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_6th.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }

#contents #topicRanking .rank7th .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_7th.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }

#contents #topicRanking .rank8th .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_8th.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }

#contents #topicRanking .rank9th .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_9th.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }

#contents #topicRanking .rank10th .label { display: block; width: 34px; height: 34px; position: absolute; left: 0; top: 0; background: url(/common/images/lbl_rank_10th.png) no-repeat left top; background-size: 34px 34px; border-top-left-radius: 2px; -webkit-border-top-left-radius: 2px; -moz-border-radius-top-left: 2px; }

#contents .box { background:#4fc1fc url(/common/images/bg_block.png) no-repeat left top; background-size: 750px 100px; padding-bottom: 10px; }
#contents .box h2 { height: 50px; line-height: 50px; text-align: left; border-top: 1px solid #b7edfe; padding-left: 11px; text-shadow: -1px -1px 0px #999; color: #fff; vertical-align: middle; }
#contents .box h2 img { vertical-align: middle; margin-right: 7px; margin-top: -5 }
#contents .box a { color: #303030; text-decoration: none; }

/* ----------人気トピック関連ここまで---------*/

#search_form{
	margin: auto;

}

#search_form .heading{
	font-size: 80%;
	font-weight: bold;
	color: #006;
	padding: 10px;
	vertical-align: middle;
}

#search_form .heading_section{
	font-size: 80%;
	font-weight: bold;
	color: #006;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

#search_form .form{
	vertical-align: middle;

}

#search_form .search{
	vertical-align: middle;
	text-align: center;
	padding: 10px;

}

#search_form .btn_search{
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 80%;
    display: block;
    background: -moz-linear-gradient(top,#00a0e8, #0074c1 50%,#005bac 50%,#1c1f87);
    background: -webkit-gradient(linear, left top, left bottom, from(#00a0e8), color-stop(0.5,#0074c1), color-stop(0.5,#005bac), to(#1c1f87));
    color: #FFF;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #444444;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    width: 100%;
    padding: 10px 0;
    margin: 2px 0;

}

#search_form2{
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;

}

#search_form2 .heading{
	font-weight: bold;
	color: #006;
	padding: 10px;
	vertical-align: middle;
}

#search_form2 .heading_section{
	font-size: 80%;
	font-weight: bold;
	color: #006;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}

#search_form2 .form{
	font-size: 80%;
	font-weight: bold;
	color: #006;
	vertical-align: middle;
	padding-right: 10px;
	padding-left: 10px;

}

#search_form2 .search{
	vertical-align: middle;
	text-align: center;
	padding: 10px;

}

#search_form2 .btn_search{
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 80%;
    display: block;
    background: -moz-linear-gradient(top,#00a0e8, #0074c1 50%,#005bac 50%,#1c1f87);
    background: -webkit-gradient(linear, left top, left bottom, from(#00a0e8), color-stop(0.5,#0074c1), color-stop(0.5,#005bac), to(#1c1f87));
    color: #FFF;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border: 1px solid #444444;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
    text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
    width: 100%;
    padding: 10px 0;
    margin: 2px 0;

}

/* フリック */
.yourElement{
	text-align: center ;
	margin-left: 5%;
	margin-right: 5%;
}
.yourElement .item {
/* 	width: 576px; */
	width: 290px;
}
.yourElement .moving {
  -webkit-transition: -webkit-transform .4s ease-out;
  -moz-transition: -moz-transform .4s ease-out;
}
.yourElement .nav ul{
	text-align: center ;
	position: relative;
	margin-left: 43%;
}
.yourElement .nav ul li{
	background: url(/common/images/flick_new_01.png) no-repeat ;
	background-size: 15px 15px ;
	float: left ;
}
.yourElement .nav ul .selected{
	background: url(/common/images/flick_new_02.png) no-repeat ;
	background-size: 15px 15px ;
	float: left ;
}
.yourElement .nav ul li a {
	text-indent: -9999px ;
	text-decoration: none ;
	width: 22px ;
	height: 22px ;
	display: block ;
}


/* リンク　*/
.hover {
	border-color: #aaf;
	cursor: pointer;
	background-color: #cdF;
	}
.hover a:link {
	color: #CC3333;
	}
.hover a:visited {
	color: #CC3333;
	}
#linkarea a{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}

/* 来店メールページ */
#main .store_mail_info{
	font-size: 77%;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	line-height: 150%;
	-moz-border-radius: 10px;    /* Firefox */
	-webkit-border-radius: 10px; /* Safari,Chrome */
	border-radius: 10px;     /* 枠線の装飾 */
	margin-right: 10px;
	margin-left: 10px;
	padding: 10px;
	background-color: #ff9100;
	margin-top: 20px;
	margin-bottom: 0px;
}
#main .inquiry {
	width: fit-content;
	margin: 10px auto;
}

#main .inquiry a{
	border-bottom: 1px solid #009de6;
	font-size:14px;
	color:#009de6;

}
.store_mail_label {
	text-align: center;
	color: red;
	font-size: 15px;
	margin-top: 10px;
}
.store_mail_point_content {
	background-color: #ED7D31;
    text-align: center;
    margin: 0 48px;
    border-radius: 28px;
    color: white;
    font-weight: bold;
    padding: 5px 0px;
    font-size: 15px;
}
.store_mail_point_text {
	transform: scale(1, 1.2);
}
.store_mail_point_unit {
	font-size: 12px;
}
.store_mail_link_block_content {
	background-color: #B2B9C5;
}
/* ポイント進呈ゲーム */
.earning_point_game_item_content {
	margin: 10px 0px 5px;
	font-size: 14px;
}
.earning_point_game_area {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding: 0 3%;
	background-color: #EBECF4;
}
.earning_point_game_explanation {
	position: relative;
	display: grid;
  	place-items: center;
	height: 50px;
	margin-top: 10px;
	text-align: center;
   	background-color: #E74B86;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
	.earning_point_game_explanation_text {
	    font-size: 13px;
	    font-weight: bold;
	    color: white;
	}
	.earning_point_game_explanation_button {
	    position: absolute;
	    display: grid;
	    place-items: center;
	    top: 2px;
	    right: 4px;
	    width: 14px;
	    height: 14px;
	    background-color: white;
	    color: #E74B86;
	    font-size: 10px;
	    font-weight: bold;
	    border-radius: 10px;
	}
.earning_point_game_title_area {
	width: 100%;
	margin-top: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.earning_point_game_image {
	min-width: 100%;
	max-width: 100%;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.earning_pt_game_show_more {
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	flex-grow: 1;
	margin-top: 15px;
	margin-bottom: 20px;
	align-items: center;
	font-size: 15px;
	font-weight: bold;
}
/* 景品獲得ゲーム */
.store_mail_item_content {
	margin: 10px 0px 5px;
	font-size: 14px;
}
.store_mail_area {
	display: flex;
	flex-direction: column;
	width: 50%;
	padding: 0 3%;
	background-color: #D9D9D9;
}
.store_mail_explanation {
	position:relative;
	display: grid;
  	place-items: center;
	height: 50px;
	margin-top: 10px;
    text-align: center;
   	background-color: #68349A;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
	.store_mail_explanation_text {
	    font-size: 13px;
	    font-weight: bold;
	    color: white;
	}
	.store_mail_explanation_button {
	    position: absolute;
	    display: grid;
	    place-items: center;
	    top: 3px;
	    right: 4px;
	    width: 14px;
	    height: 14px;
	    background-color: white;
	    color: #68349A;
	    font-size: 10px;
	    font-weight: bold;
	    border-radius: 10px;
	}
.store_mail_title_area {
	width: 100%;
   	margin-top: 10px;
   	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.store_mail_image {
	min-width: 100%;
	max-width: 100%;
	aspect-ratio: 1.8/1;
	/* 左上のみ角丸 */
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	/* 右上のみ角丸 */
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}
.store_mail_description {
	position: relative;
	padding: 5px;
	background-color: white;
	color: #7f8c8d;
	font-size: 12px;
	font-weight: bold;
	/* 左下のみ角丸 */
	border-bottom-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	/* 右下のみ角丸 */
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;

}
.store_mail_description::after {
    display: inline-block;
    content: '';
    width: 30px;
}
.store_mail_description_icon {
	position: absolute;
	width: 30px;
    bottom: -7px;
    right: 0px;
}
.getting_gift_icon {
	display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    flex-grow: 1;
    align-items: center;
    margin-top: 24px;
    margin-bottom: 10px;
}

/*
* 景品獲得方法 モーダル
*/
.gettingGiftsMethodShowBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 16%;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#gettingGiftsMethodPopup .gettingGiftsMethodPopUpShow {
	z-index: 200;
	height: auto;
	opacity: 1;
	position: fixed;
}
#gettingGiftsMethodPopup .popUpTopBodyGettingGiftsMethod {
	width: 308px;
	height: 430px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border-radius: 20px;
	border-color: #000000;
	background-color: #FFFFFF;
	background: rgb(255,255,255);
	background: linear-gradient(135deg, rgba(222,235,247,1) 0%, rgba(0,176,240,1) 30%, rgba(203,173,227,1) 70%, rgba(248,203,173,1) 100%);
}
#gettingGiftsMethodPopup .removeBtnShow {
    display: block;
    z-index: 100;
    opacity: 10;
    border-radius: 50%;
    position: fixed;
	margin-top: 10px;
	margin-left: 280px;
	color: #FFFFFF;
}
.gettingGiftsMethodRemoveBtn {
	z-index: -1;
	opacity: 0;
	display: none;
	width: 8%;
}
#gettingGiftsMethodShow .gettingGiftsMethodBoxUnder {
    padding: 10px;
    margin: 3% 110px 15px 10px;
    font-weight: bold;
    font-size: 11.5px;
    color: #ED7D31;
    background: #FFF;
    border-radius: 10px;
	box-shadow: -1px -1px 5px rgba(0,0,0,0.3)
}
#gettingGiftsMethodShow .gettingGiftsMethodBoxTop {
    padding: 10px 10px;
    margin: 0px 10px;
    font-weight: bold;
    font-size: 16px;
    color: #1F4E79;
    background: #FFF;
    border-radius: 10px;
    text-align: center;
	box-shadow: -1px -1px 5px rgba(0,0,0,0.3)
}
.gettingGiftsMethodRemoveBottom {
	text-align: center;
}
#gettingGiftsMethodRemoveBtnUnder {
	color: #000000;
	background-color: #9bf9e6;
	border-radius: 100vh;
	display: inline-block;
	padding: 2px 40px;
	margin: 1% 0;
	box-shadow: -5px -1px 8px rgba(0,0,0,0.3)
}
.gettingGiftsMethodMessage p {
	position: relative;
	font-size: 16px;
	color: #FFFFFF;
}
.gettingGiftsMethodMessageIcon {
	position: absolute;
	width: 40px;
	top: -4px;
	left: 124px;
	filter: contrast(350%);
}
.gettingGiftsMethodImage {
	height: 23%;
	margin: -3px 10%;
	text-align:center;
}
.gettingGiftsMethodMessageCharacter {
	position: relative;
}
.gettingGiftsMethodMessage {
	margin: 3% 3%;
}
.gettingGiftsMethodCharacter {
	position: absolute;
	width: 127px;
	left: 181px;
	top: 3px;
}

/*
* ポイント獲得ゲーム一覧
*/
.earning_point_method_list_show_back {
	position: absolute;
	left: 0;
	right: 0;
	z-index: -1;
	padding-top: 3%;
	height: 0;
	overflow: hidden;
	background: #fff;
	opacity: 0;
	transition: all 0.6s;
}

.earning_point_method_list_title {
	font-weight: bold;
    margin: auto;
    font-size: calc(14px + 16 * (100vw - 320px) / 600);
}

.earning_point_method_list_back_button {
	cursor: pointer;
	width: 6.4%;
	margin-right: 10px;
}

.list_wrapper {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
}

.ul_list {
	display: flex;
	flex-flow: wrap;
	padding: 0 4px;
	gap: 0px;
	justify-content: space-between;
	margin-left: 5px;
}

.li_list {
	width: 46%;
	margin:0px 5px 5px;
	font-size: calc(10px + 16 * (100vw - 320px) / 600);
	text-align: left;
}

.img_list {
	width: 100%;
	aspect-ratio: 10 / 11;
	border-radius: 10px;
	margin-bottom: 5px;
}
.list_title_text {
	color: #9f9d9d;
	margin-bottom: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.homeLinkButtonArea {
	display: flex;
	justify-content: space-evenly;
	margin-top: 20px;
	margin-bottom: 56px;
}
.homeLinkButton {
	color: white;
	background-color: #4485BB;
	padding: 8px 50px;
	border-radius: 20px;
	font-weight: bold;
}