@charset "UTF-8";

/* ---------- common ---------- */
body{
	line-height:1.5em;
	font: normal 10pt "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica, sans-serif;
	color: #2b2b2b;
}

a:link { color: #4391d7; text-decoration: underline; }
a:visited { color: #4391d7; text-decoration: underline; }
a:active { color: #4391d7; text-decoration: none; }
a:hover { color: #4391d7; text-decoration: none; }

p, ul, ol, dl, dt, dd, h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
ol, ul, li, dt, dd { list-style: none; }

.firstChild { margin-left: 0 !important; }
.lastChild { margin-right: 0 !important; }

/* ---------- clearfix ---------- */
.thmWrapper,
.strongpoint,
.snsArea,
.headerRight,
.inner,
#contents,
#footer_pc,
.section,
#header_pc,
.clearfix {
	zoom: 1;
}

.thmWrapper:after,
.strongpoint:after,
.snsArea:after,
.headerRight:after,
.inner:after,
#contents:after,
#footer_pc:after,
.section:after,
#header_pc:after,
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear { clear: both; }
/* ---------- common ---------- */
/** margin, Padding **/
.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}

.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}

.pt0{padding-top:0 !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}

.mt0{margin-top:0 !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt24{margin-top:24px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.ml0{margin-left:0 !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}

.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}

.center { margin: 0 auto; }

.fl{float:left;}
.fr{float:right; text-align:left;}

.al{text-align:left;}
.ar{text-align:right;}
.ac{text-align:center;}

/* ---------- pc_header ---------- */
#header_pc {
	background: url(../images/bg_header.png) repeat-x left top;
	height: 50px;
}
#header_pc .inner {
	display: flex;
	width: 1020px;
	padding-left: 38px;
	margin: 0 auto;
}
#header_pc .pc_headline_cover {
	width: 539px;
	height: 23px;
	margin-top: 14px;
}

#header_pc .pc_headline_cover .bx-wrapper .bx-loading {
	background: none;
	height: 23px;
}

#header_pc .pc_headline_cover .bx-wrapper .bx-viewport {
	height: 23px;
}

#header_pc .pc_headline_cover .bx-wrapper {
	border: none;
	box-shadow: none;
	padding-left: 15px;
}

#header_pc .bxslider li {
	display: none;
}
#header_pc .bx-viewport .bxslider li {
	display: block !important;
}

#header_pc .pc_headline_cover .bx-wrapper .bx-viewport {
	border: none;
	background: none;
}
#header_pc .pc_headline_cover .bx-wrapper img {
	display: inline;
}

.pc_headline_information_area {
	font-size:13px;
}

.pc_headline_information_link {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none !important;
}

.info_link_icon {
	margin-bottom: -4px;
	width: 15px;
	height: 15px;
	border-color: transparent;
}

#header_pc h1 {
	width: 170px;
	float: left;
	height: 0px;
	overflow: hidden;
	background: url(/img/yg_logo_flat.png) no-repeat;
	padding: 60px 0 0;
	background-size: 150px;
	margin-top: 8px;
}
#header_pc .headerRight {
	width: 230px;
	padding-top: 15px;
}
#header_pc .headerRight .playNow {
	float: right;
}
#header_pc .headerRight .snsArea {
	display: flex;
}
#header_pc .headerRight .snsArea li:nth-child(1) {
	float: left;
	width: 95px;
	line-height: 20px;
	height: 20px;
}
#header_pc .headerRight .snsArea li:nth-child(2) {
	float: left;
	line-height: 20px;
	height: 20px;
}

#header_pc .headerRight .snsArea li.infoIcon {
	background: url(../images/icn_faq.png) no-repeat left center;
}
#header_pc .headerRight .snsArea li.topicIcon .topicLabel {
	color: rgb(136,136,136);
	position: relative;
	top: -6px;
	right: 3px;
	font-size: 15px;
}
#header_pc .headerRight .snsArea li.coinIcon .coinLabel {
	color: rgb(136,136,136);
	position: relative;
	top: -6px;
	right: 3px;
	font-size: 15px;
}

#header_pc .inner .headerRight .snsArea .coinIcon a div.badgeWrapper{
	top: -45px;
	left: 9px;
	position: relative;
}
#header_pc .inner .headerRight .snsArea .coinIcon a div.badgeWrapper div.badge{
		margin: 0 auto;
		background-color: red;
		position: relative;
		width: 44px;
		height: 18px;
		text-align: center;
		color: white;
		font-size: 11px;
}
/* ---------- footer ---------- */
#footer_pc {
	background: #666666;
}
#footer_pc .inner {
	width: 960px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	font-size: 1.3em;
}

#footer_pc .pc_footer_logo_img {
	width: 165px;
	height: 38px;
	padding-top: 10px;
	filter: invert(100%);
}

#footer_pc .secret_link_cover {
	font-size: 9px;
}

#footer_pc .secret_link {
	text-decoration: none;
	color: #777777;
}

/* ---------- contentsArea ---------- */
/* ---- title ---- */
.title {
	background: url(../images/bg_title.png) repeat-x left top;
	height: 41px;
	line-height: 41px;
	font-weight: bold;
	color: #fff;
	padding-left: 24px;
}

#container {
	width: 100%;
	background: url(../images/bg_body.png) repeat-x left -356px;
}
#top #container {
	background: #f5f5f7;
}


#contents {
	width: 940px;
	margin: 0 auto;
	padding: 0px 10px 20px;
}

#sideArea {
	width: 250px;
	float: left;
}
#sideArea #information {
	width: 250px;
}
#sideArea #information h2 {
	height: 41px;
	background: url(../images/bg_title.png) repeat-x left top;
}
#sideArea #information ul {
	border: 1px solid #7ddaff;
	border-top: none;
	padding: 15px;
}
#sideArea #information ul li {
	background: url(../images/icn_arrow.png) no-repeat 5px center;
	padding: 12px 0 12px 30px;
	border-top: 1px solid #e1e1e1;
}
#sideArea #information ul li:first-child {
	border-top: none;
}
#sideArea .twitter-timeline {
	margin-top: 10px;
}
#sideArea .bannerArea {
}
#sideArea .bannerArea li {
	margin-bottom: 10px;
	text-align: center;
}

#mainArea {
	width: 680px;
}

#mainArea .mainVisual .inner {
	margin: 0 auto;
	height: 298px;
}
#mainArea .mainVisual .thmWrapper {
	position: relative;
	overflow: hidden;
}

#mainArea .mainVisual .bx-wrapper {
	height: 293px;
}

#mainArea .mainVisual .bx-wrapper .bx-viewport {
	height: 293px;
	border: none;
}

#mainArea .mainVisual .bxslider li {
	display: none;
}
#mainArea .mainVisual .bx-viewport .bxslider li {
	display: block !important;
}

#mainArea .mainVisual .bx-wrapper .bx-viewport img {
	border: none;
}
#mainArea .mainVisual .bx-wrapper .bx-pager,
#mainArea .mainVisual .bx-wrapper .bx-controls-auto {
	bottom: -28px;
}

#mainArea-sec #frame{
	width: 1020px;
	display: flex;
	justify-content: space-between;
}
	#mainArea-sec .blockLeft {
		width: 690px;
	}
	#mainArea-sec .block h2 {
		height: 73px;
	}
	#top #mainArea-sec .block h2 {
		height: 89px;
	}

	#mainArea-sec .blockBody {
		background: url(../images/bg_frame_body.png) repeat-y left top;
		padding: 0 15px;
	}

	#mainArea-sec .blockLeft .blockFoot {
		height: 9px;
		line-height: 0;
	}
	#mainArea-sec .about {
		padding: 71px 221px 80px 14px;
		position: relative;
	}
	#mainArea-sec .about .img {
		position: absolute;
		right: 1px;
		top: 72px;
	}
	#mainArea-sec .how dl {
		border-top: 1px solid #e1e1e1;
	}
	#mainArea-sec .how dl:first-child {
		border-bottom: none;
	}
	#mainArea-sec .how dl dt, #mainArea-sec .how dl dd {
		display: inline-block;
		vertical-align: middle;
		padding: 20px 0 20px 15px;
	}
	#mainArea-sec .how dl dt {
		font-weight: bold;
		color: #0074be;
		width: 140px;
	}
	#mainArea-sec .how dl dd {
		width: 460px;
	}
	#mainArea-sec .how dl dd.qr {
		width: 360px;
		position: relative;
		padding-right: 100px;
	}
	#mainArea-sec .how dl dd.qr .qrCode {
		position: absolute;
		right: 10px;
		top: 10px;
	}

	#mainArea-sec .how dl dd .text {
		width: 190px;
	}
	#mainArea-sec .how dl dd .submit {
		width: 56px;
		height: 24px;
		line-height: 24px;
		text-align: center;
		color: #3ea4f3;
		border: 1px solid #dcdcdc;
		border-radius: 2px;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		background: -moz-linear-gradient(top, #fff, #eaeaea);
		background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
		behavior: url(./css/PIE.htc);
	}

#mainArea-sec .strongpoint {
	margin-top: 12px;
	padding-left: 6px;
}

#mainArea-sec .heightLineParent {
	height: 242px;
}

#mainArea-sec .strongpoint .point {
	width: 179px;
	height: 100%;
	float: left;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	background: -moz-linear-gradient(top, #fff, #f2f2f2);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f2f2f2));
	behavior: url(./css/PIE.htc);
	margin-left: 8px;
	padding: 68px 19px 18px;
	position: relative;
}
#mainArea-sec .strongpoint .point:first-child {
	margin-left: 0;
}
#mainArea-sec .strongpoint .point h3 {
	position: absolute;
	left: -2px;
	top: -2px;
}

#mainArea .buyCoin {
	background-color: #FF7F00;
	margin: 0 auto;
	padding: 5px 0px;
	text-align: center;
	margin-bottom: 8px;
	border-radius: 5px;
	font-weight: bold;
}
.ttlPlayNowImg {
	position: relative;
    top: 9px;
}

/* --------- よくある質問 ------- */
#mainArea .faq {
	padding-top: 9px;
}
	#mainArea .faq dl {
		padding: 20px 0;
		border-top: 1px solid #e1e1e1;
	}
	#mainArea .faq dl:first-child {
		border-bottom: none;
	}
	#mainArea .faq dl dt {
		font-weight: bold;
		color: #0074be;
		background: url(../images/icn_q.png) no-repeat left top;
		padding-left: 26px;
		margin-bottom: 7px;
	}
	#mainArea .faq dl dd {
		background: url(../images/icn_a.png) no-repeat left top;
		padding-left: 26px;
	}

/* 2019/10/23 PC用トップページ 上部メインエリア */
#topAreaPc {
	width: auto;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}

/* 週間人気ランキング */
.mainArea-side{
	width: 320px;
	height: fit-content;
	padding-bottom: 20px;
	background-color: #FFF;
	border: solid 1px #53c2fc;
    border-radius: 4px 4px 0px 0px;
}
	/* 週間人気ランキング上部 */
	.mainArea-side .rank_head{
		width: 320px;
		height: auto;
		padding: 10px 0px;
		margin-bottom: 10px;
		background-color: #53c2fc;
		border-radius: 3px 3px 0px 0px;
		font-weight: bold;
		font-size: 1.2em;
		color:#fff;
		text-align: center;
	}
	/* 週間人気ランキング日付 */
	.mainArea-side .rank_head span {
		font-size: smaller;
	}

/* ---- メインページ 会員登録/ログイン ---- */
.playLabel {
    display: block;
	text-align: center;
    color: #B12318;
    font-size: 20px;
    margin-bottom: 5px;
    font-weight: 900;
}
.registration-content {
	width: 314px;
	border: 3px solid #ea840e;
    border-radius: 10px;
    padding: 10px 0px 5px;
    background-color: white;
}
.registrationLink {
    text-align: center;
}
.registrationLinkImg {
	width: 270px;
}
.ymgInfoBanner-content {
	width: 294px;
	border: 3px solid #d5d5d5;
    border-radius: 10px;
    padding: 10px 10px 5px;
    background-color: white;
    margin-top: 10px;
}
.ymgInfo-banner {
    display: block;
	width: 270px;
    height: 220px;
    margin: 0 auto;
}

/* item-lengthwise
------------------------------------------------ */
.item-lengthwise {
	display: flex;
	flex-wrap: wrap;
	background: white;
	gap: 5px;
	padding: 12px 8px 12px 12px;
	margin: 6px 0;
}
	.item-lengthwise .game-item {
		display: flex;
		flex-direction: column;
		width: 128px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.2;
		text-decoration: none;
		background: #fff;
	}
		.item-lengthwise .game-item .figure img {
			width: 120px;
			height: 120px;
		}

	.item-lengthwise .game-item .data {
		display: table-cell;
		width: 130px;
		vertical-align: top;
		padding-bottom: 10px;
	}
		.item-lengthwise .game-item .data .game_title {
			font-size: 14px;
			color: #00539f;
			overflow: hidden;
			display: -webkit-box;
			text-overflow: ellipsis;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
		}

.round-img {
	display: inline-block;
	overflow: hidden;
	-webkit-border-radius: 13%;
	-moz-border-radius: 13%;
	border-radius: 13%;
}

/* gamelist banner
------------------------------------------------------------------------------------------------ */
.main-side {
	width: 320px;
}

.gamelist-banner {
	width: 320px;
	height: 75px;
    display: flex;
    align-items: center;
}
.gamelist-banner img {
	width: 320px;
}
/* half banner
------------------------------------------------------------------------------------------------ */

.pc_half_banner {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}
.pc_half_banner_img {
	width: 335px;
	aspect-ratio: 69/20;
}

/* side banner
------------------------------------------------------------------------------------------------ */

.pc_side_banner {
	margin-bottom: 10px;
}
.pc_side_banner_img {
	width: 320px;
	height: 93px;
	margin-bottom: 5px;
}

/* ranking
------------------------------------------------------------------------------------------------ */
#ranking .game-item {
	position: relative;
}
	#ranking .game-item:before {
		content: "";
		position: absolute;
		top: -10px;
		left: -5px;
		display: block;
		width: 38px;
		height: 38px;
		background: url(/new_design/asset/img/icon_rankbadge.png) no-repeat;
		background-size: 380px 38px;
		margin-top: 5px;
	}
	#ranking .game-item:nth-child(1):before {
		background-position: 0 0;
	}
	#ranking .game-item:nth-child(2):before {
		background-position: -38px 0;
	}
	#ranking .game-item:nth-child(3):before {
		background-position: -76px 0;
	}
	#ranking .game-item:nth-child(4):before {
		background-position: -114px 0;
	}
	#ranking .game-item:nth-child(5):before {
		background-position: -152px 0;
	}
	#ranking .game-item:nth-child(6):before {
		background-position: -190px 0;
	}
	#ranking .game-item:nth-child(7):before {
		background-position: -228px 0;
	}
	#ranking .game-item:nth-child(8):before {
		background-position: -266px 0;
	}
	#ranking .game-item:nth-child(9):before {
		background-position: -304px 0;
	}
	#ranking .game-item:nth-child(10):before {
		background-position: -342px 0;
	}

	#ranking .data {
		position: relative;
	}

/* --------- 運営者情報 ------- */
	#mainArea .company {
		/* padding-top: 9px; */
	}
	#mainArea .company dl {
		padding: 20px 0;
		border-top: 1px solid #e1e1e1;
	}
	#mainArea .company dl:first-child {
		border-bottom: none;
	}
	#mainArea .company dl dt {
		font-weight: bold;
		color: #0074be;
		padding-left: 26px;
		margin-bottom: 7px;
	}
	#mainArea .company dl dd {
		padding-left: 26px;
	}

	#footer_pc .company-info {
	margin-left: 40px;
	color: white;
    }

  /* ---------- 右ペイン 静的ページリンク ---------- */
#footer_new {
	overflow: hidden;
	margin-bottom: 45px;
}
/* navigation */
#footer_new ul.footLink {
	overflow: hidden;
}
#footer_new ul.footLink li {
	position: relative;
	float: left;
	display: table;
	width: 49.5%;
	height: 41px;
	border-bottom: 1px solid #f5f5f7;
}
#footer_new ul.footLink li a {
	display: table-cell;
	padding: 0 18px 0 10px;
	font-size: 12px;
	line-height: 1.2;
	vertical-align: middle;
	color: #666;
	text-decoration: none;
}
#footer_new ul.footLink li a:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 6px;
	display: block;
	width: 5px;
	height: 5px;
	margin-top: -4px;
	border-top: 2px solid #b3b3b3;
	border-right: 2px solid #b3b3b3;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ---------- PCゲーム一覧 ---------- */
/* 背景画像 */
#gameList #container {
	background: #fff;
	background-image: url(../images/list_bg_body.png);
	background-position-y: top;
	background-repeat: repeat-x;
}
/* ゲーム一覧コンテンツ */
#gameList #contents{
	width: 940px;
	margin: 0 auto;
	padding-bottom: 60px;
}
/* ゲーム一覧枠 */
#mainArea-sec .game-block{
	width: 680px;
	height: auto;
	margin: 16px auto 0;
}
/* ゲーム一覧タイトル */
#mainArea-sec .game-block h2{
	height: 55px!important;
	background-color: #B12318;
	border-radius: 4px 4px 0 0;
	color: #fff;
	line-height: 55px;
	font-size: 1.5em;
	padding: 0 20px;
}

/* TOP画面コンテンツタイトル */
#mainArea-sec .game-block .content_title {
	display: flex;
    justify-content: space-between;
	padding: 0 10px;
	border-left: solid 5px orange;
	font-size: 20px;
	font-weight: bold;
}

.to_game_list {
	font-size: 13px;
	position: relative;
	top: 7px;
}

#gameList .game-blockBody{
	width: 680px;
	height: auto;
	margin: 6px auto;
	padding: 8px;
	box-sizing: border-box;
	background-color: #fff;
}

#gameList .game-blockBody-spList{
	width: 680px;
	height: auto;
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #fff;
}

.game-blockBody.game_banner {
	padding-top: 6px;
}

#gameList .list-column{
	width: auto;
	display: flex;
	height: auto;
	justify-content: space-between;
	margin: 0 0 15px;
	padding: 0 0 10px;
	overflow: hidden;
	border-bottom: 1px solid #efefef;
}
#gameList .list-column:last-child{
    border: none;
}
#gameList .game-list{
	width: 300px;
	height: auto;
}

#gameList .game-list-spList{
	width: 200px;
	height: auto;
}

#gameList .game-list a{
	color: #2b2b2b;
	text-decoration: none;
}

#gameList .game-list-spList a{
	color: #2b2b2b;
	text-decoration: none;
}

#gameList .game-list img{
    width: 100%;
}

#gameList .game-list-spList img{
    width: 100%;
}
.game
.game-list:hover{
    color: #2b2b2b;
    text-decoration: underline;
}
.list-column:has(> .game-list-spList:nth-child(2):last-child)::after{
	content:'';
	width: 200px;
}

.list-column:last-child .game-list:first-child{
	margin:0;
}

.list-column:last-child .game-list-spList:first-child{
	margin:0;
}

.pc_game_content {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.pc_game {
	width: 160px;
}

.pc_game a {
	color: #2b2b2b;
	text-decoration: none;
}

.pc_game .pc_game_title {
	height: 2.8em;
	line-height: 19px;
	font-size: 15px;
	font-weight: bold;
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.pc_game .pc_game_description {
	line-height: 16px;
}

/* レベルアップポップアップ */
.platformLvPopUp {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.7);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#platformLvPopUp .show {
	z-index: 10000;
	height: auto;
	opacity: 1;
	position: fixed;
}
#platformLvPopUp .expInfo {
	width: 300px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border-radius: 10px;
	border-color: #000000;
	background-color: #FFFFFF;
}
#platformLvPopUp .lvUpMessage {
	background-color: #C00000;
	color: #FFFFFF;
	border-radius: 5px 5px 0px 0px;
	padding: 5px;
	text-align: center;
	font-size: 18px;
}
#platformLvPopUp .necessaryExpNextLevel {
	margin-top: 1px;
	padding: 3px;
	text-align: center;
	background-color: #ad290f;
	color: #ffffff;
	font-weight: bold;
}
/* クーポンポップアップ */
.couponTopPopUpBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
.couponTopPopUpBackByLvUp {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 200px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.3);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#popUpTopCoupon .show {
	z-index: 10001;
	height: auto;
	opacity: 1;
	position: fixed;
}
.popUpTopCouponShow {
	z-index: 10001;
	height: auto;
	opacity: 1;
	position: fixed;
}
#popUpTopCoupon .popUpTopBody {
	width: 300px;
	height: 408px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border-radius: 10px;
	border-color: #000000;
	background-color: #FFFFFF;
}
#popUpTopCoupon .popUpTopTitle {
	background-color: #F6C142;
	color: black;
	border-radius: 5px 5px 0px 0px;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}
#popUpTopCoupon .removeBtnShow {
    display: block;
    z-index: 10000;
    opacity: 10;
    border-radius: 50%;
    position: fixed;
    margin-left: 276px;
}
.couponTitleByTop {
	text-align: center;
    color: red;
    position: relative;
    top: 10px;
}
.getCouponListByTop {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: 15px;
}
#popUpTopCoupon .couponCheckButton {
	width: 80%;
	margin: auto;
	padding: 5px 10px;
	border-radius: 10px 10px;
	background-color: #F6C142;
	text-align: center;
	font-weight: bold;
	border: 1px solid #333;
   	position: relative;
   	top: -58px;
}
.couponRemoveBtnByTop {
	z-index: -1;
	opacity: 0;
	display: none;
}
.couponTicket {
	color: white;
}
.couponTicketContent {
	width: 245px;
}
#couponPopUp .popUpBody {
	width: 300px;
	height: 373px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border: 1px solid;
	border-radius: 25px;
	border-color: #000000;
	background-color: #FFFFFF;
}

#couponPopUp .popUpTitle {
	background-color: #F6C142;
	color: black;
	border-radius: 5px 5px 0px 0px;
	padding: 5px;
	text-align: center;
	font-size: 16px;
}
#popUpTitlePopUp .mainContents {
	padding: 10px;
	text-align: center;
}
#popUpTitlePopUp .head {
	position: relative;
}
#getCouponList {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.couponImage {
	display: block;
	width: 245px;
    margin: 0 auto;
}
.couponTitle {
	position: relative;
    top: -90px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    color: white;
}
.couponName {
	position: relative;
    top: -88px;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
.couponEndTime {
	position: relative;
    top: -86px;
    text-align: center;
    font-size: 11px;
    color: white;
}
.couponUnusable {
	position: relative;
    top: -74px;
    text-align: center;
    background-color: #B7B7B7;
    color: white;
    width: 194px;
    height: 28px;
    line-height: 28px;
    margin: auto;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    font-weight: bold;
}
.couponUnusableComment {
	font-size: 10px;
    position: relative;
    top: -10px;
}
.couponUsable {
	position: relative;
    top: -76px;
    text-align: center;
    background-color: #5FA346;
    color: white;
    width: 194px;
    height: 28px;
    line-height: 28px;
    margin: auto;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    font-weight: bold;
}
.confirmCouponTag {
	 color: white;
}
.couponConfirmUnusable {
	position: relative;
    top: -95px;
    text-align: center;
    background-color: #B7B7B7;
    color: white;
    width: 194px;
    height: 28px;
    line-height: 28px;
    margin: auto;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    font-weight: bold;
}
.couponConfirmUsable {
	position: relative;
    top: -81px;
    text-align: center;
    background-color: #5FA346;
    color: white;
    width: 194px;
    height: 28px;
    line-height: 28px;
    margin: auto;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    font-weight: bold;
}
.couponRemoveBtn {
	z-index: -1;
	opacity: 0;
	display: none;
}
#couponPopUp .removeBtnShow {
    display: block;
    z-index: 100;
    opacity: 10;
    border-radius: 50%;
    position: fixed;
    margin-left: 276px;
}
#hasCouponNum {
   position: relative;
   top: -45px;
   right: -228px;
}
.couponCheckButtonLink {
  	display: block;
  	color: black!important;
  	text-decoration: none!important;
}
  #couponPopUp .couponCheckButton {
	width: 80%;
	margin: auto;
	padding: 5px 10px;
	border-radius: 10px 10px;
	background-color: #F6C142;
	text-align: center;
	font-weight: bold;
	border: 1px solid #333;
  	position: relative;
  	top: -58px;
}
.couponSmallMessage {
   padding-top: 7px;
   font-size: 12px;
   color: #a9a9a9;
   position: relative;
   top: -57px;
   text-align: center;
}
/* トップページ 右ペイン iframe */
.gpfPcUserInfo {
	border: 1px solid #e9e9e9;
    border-radius: 10px;
    margin-bottom: 15px;
    position: relative;
    z-index: 1;
    background-color: white;
}
.gpfPcUser {
	border: 1px solid #e9e9e9;
    border-radius: 10px;
    margin-bottom: 15px;
    background-color: white;
}
.gpfPcInfoList {
	border: 1px solid #e9e9e9;
    border-radius: 10px;
    margin-bottom: 15px;
}
.item-article .head {
	padding: 5px 10px 4px 10px !important;
}
.item-list .item ~ .item {
	border-top: 1px solid;
}
.item-list .item {
	border-color: #f5f5f7 !important;
}
.item-list .item a {
	text-decoration: none;
}

.footLinkContent {
	margin-bottom:10px;
	border-radius: 10px;
	width: 100%;
	background: #fff;
	border: 1px solid #e9e9e9;
}
/* 会員登録ポップアップ */
/* ポップアップ表示時背景 */
.registrationPopUp {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
.registrationPopUpComponent .show {
	z-index: 10001;
	height: auto;
	opacity: 1;
	position: fixed;
}
.registrationPopUp .registrationPopUpBack {
	height: 100%;
	cursor: pointer;
}
.registrationPopUp .registrationPopUpBody {
	width: 680px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border-radius: 10px;
	border-color: #000000;
	background-color: #FFFFFF;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 513px;
}
.registrationRemoveBtn {
	position: absolute;
	z-index: 111;
	top: 5px;
	right: 0px;
	width: 35px;
	border-radius: 50%;
	color: #1E64B7;
	font-size: x-large;
}
.registrationRemoveBtn span {
	cursor: pointer;
}
.gpfRegistration {
	border-width: 0;
	margin-top: 30px;
	margin-bottom: 30px;
}
#registration table.input_table.done td {
	font-size: xx-small;
}
/* トップページ ツイートボタン */
.tweetContentBtn {
	display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}
.tweetContent {
	width: 74px;
	max-width: 100%;
}
.twitterButton {
	position: relative;
    height: 20px;
    box-sizing: border-box;
    padding: 2px 6px 3px 7px;
    background-color: #1b95e0;
    color: #fff!important;
    border-radius: 3px;
    font-weight: 500;
    cursor: pointer;
}
.twitterButtonLabel {
    white-space: nowrap;
    font-size: 11px;
}
.tweetIcon {
	position: relative;
    top: 3px;
    display: inline-block;
    width: 14px;
    height: 14px;
    background: transparent 0 0 no-repeat;
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h72v72H0z%22%2F%3E%3Cpath%20class%3D%22icon%22%20fill%3D%22%23fff%22%20d%3D%22M68.812%2015.14c-2.348%201.04-4.87%201.744-7.52%202.06%202.704-1.62%204.78-4.186%205.757-7.243-2.53%201.5-5.33%202.592-8.314%203.176C56.35%2010.59%2052.948%209%2049.182%209c-7.23%200-13.092%205.86-13.092%2013.093%200%201.026.118%202.02.338%202.98C25.543%2024.527%2015.9%2019.318%209.44%2011.396c-1.125%201.936-1.77%204.184-1.77%206.58%200%204.543%202.312%208.552%205.824%2010.9-2.146-.07-4.165-.658-5.93-1.64-.002.056-.002.11-.002.163%200%206.345%204.513%2011.638%2010.504%2012.84-1.1.298-2.256.457-3.45.457-.845%200-1.666-.078-2.464-.23%201.667%205.2%206.5%208.985%2012.23%209.09-4.482%203.51-10.13%205.605-16.26%205.605-1.055%200-2.096-.06-3.122-.184%205.794%203.717%2012.676%205.882%2020.067%205.882%2024.083%200%2037.25-19.95%2037.25-37.25%200-.565-.013-1.133-.038-1.693%202.558-1.847%204.778-4.15%206.532-6.774z%22%2F%3E%3C%2Fsvg%3E);
}


/* スタンプラリーポップアップ */
/* ポップアップ表示時背景 */
.stampRallyPopUp {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
.stampRallyPopUpComponent .show {
	z-index: 10001;
	height: auto;
	opacity: 1;
	position: fixed;
}
.stampRallyPopUp .stampRallyPopUpBack {
	height: 100%;
	cursor: pointer;
}
.stampRallyPopUp .stampRallyPopUpBody {
	max-width: 680px;
	margin: 20px auto;
	font-weight: bold;
	overflow: hidden;
	border-radius: 10px;
	border-color: #000000;
	background-color: #FFFFFF;
	display: flex;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.stampRallyRemoveBtn {
	position: absolute;
	z-index: 111;
	top: 3px;
	right: 10px;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #666;
	font-size: x-large;
}
.stampRallyRemoveBtn span {
	cursor: pointer;
	padding: 10px;
}
.gpfStampRally {
	border-width: 0;
	height: 100%;
}

/*=================================================================================
	トップページ ターゲットマーケティング
===============================================================================*/
.popUpTargetMarketingBack {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
	background: rgba(0,0,0,0.6);
	opacity: 0;
	-webkit-transition: opacity 2000ms ease;
	transition: opacity 200ms ease;
}
#popUpTargetMarketingByRealTime .show, #popUpTargetMarketingBySevenDays .show,
#popUpTargetMarketingByLvUp .show, #popUpTargetMarketingByReDispray .show {
	z-index: 10001;
	height: auto;
	opacity: 1;
	position: fixed;
}
.popUpTargetMarketingShow {
	z-index: 10001;
	height: auto;
	opacity: 1;
	position: fixed;
}
#popUpTargetMarketingByRealTime .couponImage, #popUpTargetMarketingBySevenDays .couponImage,
#popUpTargetMarketingByLvUp .couponImage, #popUpTargetMarketingByReDispray .couponImage {
		display: block;
		width: 245px;
	    margin: 18px 25px 0px;
}
#popUpTargetMarketingByRealTime .popUpTopBody, #popUpTargetMarketingBySevenDays .popUpTopBody,
#popUpTargetMarketingByLvUp .popUpTopBody, #popUpTargetMarketingByReDispray .popUpTopBody {
	width: 300px;
	height: 337px;
	margin: 0 auto;
	font-weight: bold;
	overflow: hidden;
	border: 1px solid;
	border-radius: 25px;
	border-color: #000000;
	background-color: #FFFFFF;
}
#popUpTargetMarketingByRealTime .popUpTitle, #popUpTargetMarketingBySevenDays .popUpTitle,
#popUpTargetMarketingByLvUp .popUpTitle, #popUpTargetMarketingByReDispray .popUpTitle {
	color: white;
	background-color: #C00000;
	padding: 5px;
	text-align: center;
	font-size: 14px;
}
#popUpTargetMarketingByRealTime .popUpBody, #popUpTargetMarketingBySevenDays .popUpBody,
#popUpTargetMarketingByLvUp .popUpBody, #popUpTargetMarketingByReDispray .popUpBody {
	color: #022880;
	padding: 5px;
	text-align: center;
	font-size: 16px;
	margin-top: -63px;
}
#popUpTargetMarketingByRealTime .popUpBodyTargetMarketingCoupon, #popUpTargetMarketingBySevenDays .popUpBodyTargetMarketingCoupon,
#popUpTargetMarketingByLvUp .popUpBodyTargetMarketingCoupon, #popUpTargetMarketingByReDispray .popUpBodyTargetMarketingCoupon {
	color: #FF8100;
	padding: 8px;
	text-align: center;
	font-size: 18px;
	font-weiht: bold;
	position: relative;
	top: -76px;
}
#popUpTargetMarketingByRealTime .removeBtnShow, #popUpTargetMarketingBySevenDays .removeBtnShow,
#popUpTargetMarketingByLvUp .removeBtnShow, #popUpTargetMarketingByReDispray .removeBtnShow {
    display: block;
    z-index: 10000;
    opacity: 10;
    border-radius: 50%;
    position: fixed;
    margin-left: 276px;
}
#popUpTargetMarketingByRealTime .couponConfirmUnusable, #popUpTargetMarketingBySevenDays .couponConfirmUnusable,
#popUpTargetMarketingByLvUp .couponConfirmUnusable, #popUpTargetMarketingByReDispray .couponConfirmUnusable {
	position: relative;
    top: -81px;
    text-align: center;
    background-color: #B7B7B7;
    color: white;
    width: 194px;
    height: 28px;
    line-height: 28px;
    margin: auto;
    border-radius: 0 0 10px 10px;
    font-size: 12px;
    font-weight: bold;
}
.targetMarketingButtonLink {
   	color: black!important;
   	text-decoration: none!important;
   	display: block;
   	font-size: 17px;
}
#popUpTargetMarketingByRealTime .targetMarketingButton, #popUpTargetMarketingBySevenDays .targetMarketingButton,
#popUpTargetMarketingByLvUp .targetMarketingButton, #popUpTargetMarketingByReDispray .targetMarketingButton {
	width: 80%;
	margin: auto;
	padding: 5px 10px;
	border-radius: 10px 10px;
	background-color: #FFD700;
	text-align: center;
	font-weight: bold;
	border: 1px solid #333;
   	position: relative;
}
.targetMarketingRemoveBtn {
	z-index: -1;
	opacity: 0;
	display: none;
}
#popUpTargetMarketingBySevenDays .countDonwSpecialSale,
#popUpTargetMarketingByReDispray .countDonwSpecialSale {
	color: white;
	text-align: center;
	font-family:Helvetica;
	font-weight: bold;
	font-size: 17px;
	position: relative;
	top: -120px;
}
#targetMarketingByReDisprayContent .targetMarketingCheckBoxArea {
	position: relative;
	margin-left: auto;
    margin-right: auto;
    width: fit-content;
    top: 10px;
    z-index: 10001;
}
#targetMarketingByReDisprayContent .targetMarketingCheckBox {
	display: none;
}
#targetMarketingByReDisprayContent .targetMarketingCheckBoxText {
	cursor: pointer;
	color: white;
	font-size: 19px;
	font-weight: bold;
}
#targetMarketingByReDisprayContent .checkmark {
	position: absolute;
    top: 2px;
    left: -27px;
    height: 22px;
    width: 22px;
    border: solid 2px #d4dae2;
    border-radius: 2px;
    box-sizing: border-box;
}

#targetMarketingByReDisprayContent .checkmark:after {
	content: "";
	position: absolute;
	left: 5px; /* チェックの位置 */
	top: 0px; /* チェックの位置 */
	width: 6px; /* チェックの大きさ */
	height: 10px; /* チェックの大きさ */
	border: solid #FFF;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
	opacity: 0; /* 透明にしておく */
}
/* チェックが入ったときの✓ */
#targetMarketingByReDisprayContent .targetMarketingCheckBoxText input:checked + .checkmark:after {
	opacity: 1; /* 透明を解除 */
}