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

@import url('https://fonts.googleapis.com/css?family=Raleway:400,800,900');

@import url('https://fonts.googleapis.com/css?family=Lato:400,700');	


/* clearfix */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 画像センタリング */

.cr {margin:0 auto;}
.cr5 {margin:10px auto;}
.cr10 {margin:10px auto;}
.cr20 {margin:20px auto;}
.cr30 {margin:30px auto;}

.cr15o {margin:15px auto 0;}
.cr20o {margin:20px auto 0;}

.cr15u {margin:0 auto 15px;}
.cr20u {margin:0 auto 20px;}
.cr50up {margin:0 auto; padding-bottom:50px;}



/* FireFoxFadeブレ防止 */

img { display:block; box-shadow: #000 0 0 0; }


/* ----------------------------------　モーダル入口　---------------------------------- */

.modal { position:fixed; display:none; z-index:9999; top:40%; left:50%; width:600px; height:600px; margin:-250px 0 0 -320px; padding:20px; text-align:center; }
.modal_wrap {width:600px;
height:600px;
border-radius:20px;
border:2px solid #f4c593;
background:url(../img/check.jpg) center top no-repeat;
background-size:100%;
position:relative;}
.modal a.box {width:150px;height:80px;display:block; transition:all 0.3s;}
.modal a.box img {width:100%; transition:all 0.3s; opacity:0;}
.modal a:hover.box img {width:100%; transition:all 0.3s; opacity:1;}
.b_left {position:absolute; top:480px; left:100px; background:url(../img/check_enter_01.png) left top no-repeat;background-size:100%;}
.b_right {position:absolute; top:480px; right:100px; background:url(../img/check_leave_01.png) left top no-repeat;background-size:100%;}
.modal a { cursor:pointer; }


/* 全体・枠作り */

html,body {
  height:100%;
}

img { display:block; }

html {
	font-size:62.5%;
}

body {	
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, sans-serif;
	font-size:1.0rem;
	text-align:center;
}


#PageWrapper {
	min-width:1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	width:100%;
	background:url(../img/grand_bg.jpg) left top repeat;
}

#Agecheck {
	background:url(../img/check.jpg) center top no-repeat;
	width:600px;
	height:600px;
	position:absolute;
	background-size:100%;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	border-radius:20px;
	overflow:hidden;
	border:2px solid #fff;
}

.agecheck_wrap {
	width:600px;
	height:600px;
	position:relative;
}

.agecheck_yes {
	background:url(../img/check_enter_02.png) center center no-repeat;
	width:180px;
	height:96px;
	background-size:100%;
	position:absolute;
	left:50%;
	margin-left:-220px;
	top:468px;
}

.agecheck_no {
	background:url(../img/check_leave_02.png) center center no-repeat;
	width:180px;
	height:96px;
	background-size:100%;
	position:absolute;
	left:50%;
	margin-left:40px;
	top:468px;
}

.agecheck_yes a {
	width:180px;
	height:96px;
	display:block;
	opacity:1;
	transition:all 0.3s;
}

.agecheck_yes a:hover {
	opacity:0;
}

.agecheck_yes a img {
	width:100%;
}

.agecheck_no a {
	width:180px;
	height:96px;
	display:block;
	opacity:1;
	transition:all 0.3s;
}

.agecheck_no a:hover {
	opacity:0;
}

.agecheck_no a img {
	width:100%;
}

header {
	width: 100%;
	height: 100px;
	position: relative;
}

/*　イベントトップ*/
.top {
	background-image: url(../ev/ac2/main.jpg);
	width: 920px;
	height: 350px;
	margin: 0 0 20px 0;
}
.eventname {
	padding: 220px 0 0 20px;;
	
	font-size: 3rem;
	line-height: 4rem;
	color: #FFFFFF;
	text-align: left;
	text-shadow: 2px 2px 2px #000,
              -2px 2px 2px #000,
               2px -2px 2px #000,
              -2px -2px 2px #000;

}


.head_logo {
	width: 181px;
	height: 100px;
	position: absolute;
	left: 50%;
	margin-left: -480px;
	top: 0;
}

.head_logo h1 {
	background: url(../img/head_logo2.png) left center no-repeat;
	width: 181px;
	height: 100px;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

.head_menu {
	width: 775px;
	height: 100px;
	background: url(../img/head_bg.png) right top no-repeat;
	position: absolute;
	left: 50%;
	margin-left: -295px;
	top: 0;
}

.head_menu ul li {
	float: right;
	height: 100px;
	padding: 0 25px;
}

.head_menu ul li a {
	color:#81511c;
	text-decoration:none;
	height:130px;
	display:table-cell;
	vertical-align:middle;
	transition:all 0.3s;
}

.head_menu ul li a:hover {
	color:#f39800;
	text-shadow:0 0 10px rgba(255,255,255,1.00);
}

.head_menu ul li a span {
	font-size:2.1rem;
	font-family: 'Bungee', cursive;
	line-height:24px;
}

.head_menu ul li a em {
	font-weight:bold;
	font-size:1.2rem;
}

.right_link01 {
	width:30px;
	height:30px;
	background:#fff;
	position:fixed;
	left:50%;
	margin-left:480px;
	top:150px;
	z-index:45;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.right_link02 {
	width:30px;
	height:30px;
	background:#fff;
	position:fixed;
	left:50%;
	margin-left:480px;
	top:190px;
	z-index:45;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.right_link03 {
	width:30px;
	height:30px;
	background:#fff;
	position:fixed;
	left:50%;
	margin-left:480px;
	top:230px;
	z-index:45;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
}

.brand_contents {
	width:920px;
	padding:20px;
	background:url(../img/white_bg.jpg) left top repeat;
	position:relative;
	z-index:50;
	margin:0 auto;
	border-radius:15px;
	box-shadow:0 0 7px rgba(0,0,0,0.2);
}

.visual {
	width: 920px;
	height: 350px;
	position: relative;
	margin-bottom: 20px;
}

.visual a {
	width: 920px;
	height: 350px;
	border-radius: 15px;
	overflow: hidden;
	display: block;
}

.visual_mini {
	width:920px;
	height:200px;
	position:relative;
	margin-bottom:20px;
}

.visual_mini a {
	width:920px;
	height:200px;
	border-radius:15px;
	overflow:hidden;
	display:block;
}


.visual_mini_half {
	display:flex;
	justify-content:space-between;
	width:920px;
	height:200px;
	position:relative;
	margin-bottom:20px;
}

.visual_mini_half a {
	width:450px;
	height:200px;
	border-radius:15px;
	overflow:hidden;
	display:block;
}




.tag_newgame {
	background:url(../img/pc_new.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}

.tag_browsergame {
	background:url(../img/browser_new.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}

.tag_event {
	background:url(../img/event.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}

.tag_eventgoods {
	background:url(../img/eventgoods.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}
.tag_eventgoods_right {
	background:url(../img/eventgoods2.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:430px;
	top:20px;
}
.tag_deboshop {
	background:url(../img/deboshop.png) left top no-repeat;
	width:90px;
	height:80px;
	position:absolute;
	left:-40px;
	top:20px;
}


.index_left {
	width:620px;
	float:left;
}

.index_left_title {
	background:url(../img/backlog_head.png) left top no-repeat;
	width:580px;
	height:50px;
	line-height:50px;
	color:#fff;
	position:relative;
	text-align:left;
}

.index_left_title p {
	text-indent:24px;
}

.index_left_title p span {
	font-family: 'Bungee', cursive;
	font-size:3.1rem;
}

.index_left_title p em {
	position:absolute;
	right:18px;
	font-size:1.5rem;
}

.logbox {
	width:580px;
	text-align:left;
	margin-top:20px;
	padding-bottom:20px;
	background:url(../img/logbox_border.png) left bottom no-repeat;
}

.day {
	width:46px;
	height:66px;
	border:2px solid #e87488;
	text-align:center;
	float:left;
	margin-right:20px;
}

.day p {
	width:46px;
	height:66px;
	display:table-cell;
	vertical-align:middle;
}

.day em {
	font-size:1.5rem;
	display:inline-block;
	line-height:11px;
	color:#e87488;
	margin:0;
	font-family: 'Bungee', cursive;
}

.day em.month {
	margin:8px 0 0;
}

.day span {
	font-size:2.4rem;
	display:inline-block;
	line-height:24px;
	color:#e87488;
	margin:0;
	font-family: 'Bungee', cursive;
	margin-top:-4px;
}

.logtxt {
	float:left;
	width:486px;
	text-align:left;
	font-size:1.45rem;
	color:#59493f;
	padding-left:24px;
}

.logtxt h3 {
	text-indent:-24px;
	color:#f39800;
	font-weight:bold;
}

.logtxt a {
	color:#05c0ff;
	text-decoration:underline;
}

.logtxt a:hover {
	text-decoration:none;
}

.link_backlog {
	width:580px;
	height:24px;
	margin-top:16px;
}

.link_backlog a {
	width:580px;
	height:24px;
	display:block;
	background-color:#f39800;
	color:#fff;
	border-radius:5px;
	text-decoration:none;
	line-height:24px;
	font-size:1.3rem;
	float:right;
	transition:all 0.3s;
}

.link_backlog a:hover {
	background-color:#FFC564;
}

.tweet {
	width:580px;
	margin-top:20px;
}

.index_right {
	float:left;
	width:300px;
}

.right_box {
	width:280px;
	padding:20px 0 20px 20px;
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,0.2);
	margin-bottom:20px;
}

.right_title {
	font-family: 'Bungee', cursive;
	width:280px;
	border-bottom:1px solid #cebeb8;
	text-align:left;
	font-size:2rem;
	color:#81511c;
	line-height:24px;
	margin-bottom:20px;
}

.right_image {
	width:260px;
	margin-bottom:20px;
}

.right_image ul li {
	float:left;
}

.mr20 {margin-right:20px;}

.link_title {
	width:260px;
	height:24px;
	margin-top:12px;
}

.link_title a {
	width:260px;
	height:24px;
	display:block;
	background-color:#f39800;
	color:#fff;
	border-radius:5px;
	text-decoration:none;
	line-height:24px;
	font-size:1.3rem;
	float:right;
	transition:all 0.3s;
}

.link_title a:hover {
	background-color:#FFC564;
}

#login table {
	width:260px;
	color:#59493f;
}

#login table tr th {
	width:80px;
	font-size:1.2rem;
	height:32px;
}

#login table tr td {
	height:32px;
}

#login input#username, #login input#password{
	border:1px solid rgba(170,170,170,1.00);
	background:#fff;
	border-radius:3px;
	width:178px;
	height:24px;
}

#login input.form_login {
	width:258px;
	height:30px;
	border:1px solid rgba(170,170,170,1.00);
	border-radius:3px;
	font-size:1.3rem;
	font-weight:bold;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(191,239,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(191,239,255,1) 100%);
	color:#001c58;
	transition:all 0.3s;
	cursor:pointer;
}

#login input:hover.form_login {
	opacity:0.7;
}

#login a.form_new {
	width:258px;
	height:30px;
	border:1px solid rgba(170,170,170,1.00);
	line-height:30px;
	border-radius:3px;
	display:block;
	text-decoration:none;
	font-size:1.3rem;
	font-weight:bold;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,243,180,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,243,180,1) 100%);
	color:#7f4430;
	transition:all 0.3s;
}

#login a:hover.form_new {
	opacity:0.7;
}

.space160 {
	width:100%;
	height:160px;
}

.space80 {
	width:100%;
	height:80px;
}

footer {
	background:#6dad77;
	width:100%;
	min-width:1000px;
	height:200px;
	position: absolute;
	bottom: 0;
	*left:-1px;
	z-index:20;
}

.banner {
	width:200px;
	height:40px;
	margin:60px auto 12px;
	background:#fff;
}

footer p {
	font-size:1.1rem;
	color:#fff;
	text-align:center;
}

footer p a {
	color:#fdd503;
	text-decoration:none;
}

footer p a:hover {
	text-decoration:underline;	
}

/* 製品情報 */

.sub_title {
	background:url(../img/backlog_head.png) left top no-repeat;
	width:580px;
	height:50px;
	line-height:50px;
	color:#fff;
	position:relative;
	text-align:left;
	margin:12px auto 36px;
}

.sub_title p {
	text-indent:24px;
}

.sub_title p span {
	font-family: 'Bungee', cursive;
	font-size:3.1rem;
}

.sub_title p em {
	position:absolute;
	right:18px;
	font-size:1.5rem;
}

.product_box {
	width:680px;
	height:150px;
	margin:0 auto 24px;
	border:5px solid #fff;
	box-shadow:0 0 4px rgba(0,0,0,0.15);
}

/* リクルート */

p.subhead {
	width:840px;
	height:32px;
	line-height:32px;
	color:#fff;
	border-radius:18px;
	text-indent:32px;
	font-size:1.5rem;
	font-weight:bold;
	text-align:left;
	display:block;
	background:rgba(85,85,85,1.00);
	border:2px solid #fff;
	margin:0 auto 24px;
	box-shadow:0 0 7px rgba(0,0,0,0.2);
}

.table_recruit table {
	width:800px;
	margin:0 auto 48px;
}

.table_recruit table tr th {
	width:120px;
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	background:#f39800;
	color:#fff;
	border:1px solid #ffe2d8;
	font-weight:bold;
}

.table_recruit table tr td {
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	color:#59493f;
	border:1px solid #ffe2d8;
	background:#fff;
}

.support_menu {
	font-size:1.5rem;
	margin-bottom:36px;
	margin-top:24px;
}

.support_menu a {
	font-weight:bold;
	color:#05c0ff;
	text-decoration:none;
}

.support_menu a:hover {
	text-decoration:underline;
}

table.support_table01 {
	width:800px;
	margin:0 auto 48px;
}

table.support_table01 tr th {
	width:300px;
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	background:#f39800;
	color:#fff;
	border:1px solid #ffe2d8;
	font-weight:bold;
}

table.support_table01 tr td {
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	color:#59493f;
	border:1px solid #ffe2d8;
	background:#fff;
}

table.support_table01 a {
	color:#05c0ff;
	text-decoration:underline;
}

table.support_table01 a:hover {
	text-decoration:none;
}

table.support_table02 {
	width:800px;
	margin:0 auto 48px;
}

table.support_table02 tr th {
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	background:#f39800;
	color:#fff;
	border:1px solid #ffe2d8;
	font-weight:bold;
}

table.support_table02 tr td {
	text-align:left;
	padding:6px 12px 6px 12px;
	font-size:1.4rem;
	color:#59493f;
	border:1px solid #ffe2d8;
	background:#fff;
}


table.support_table02 a {
	color:#05c0ff;
	text-decoration:underline;
}

table.support_table02 a:hover {
	text-decoration:none;
}

.support_txt01 {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:800px;
	margin:0 auto 24px;
}


.support_txt01 a {
	color:#05c0ff;
	text-decoration:underline;
}

.support_txt01 a:hover {
	text-decoration:none;
}

.mail_attention {
	border:1px solid rgba(255,0,4,1.00);
	background:#fff;
	width:650px;
	padding:25px;
	margin:0 auto 24px;
	font-size:1.4rem;
	color:rgba(255,0,4,1.00);
	text-align:left;
}

#contactForm {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:700px;
	margin:0 auto;
	line-height:24px;
}

#contactForm a {
	color:#05c0ff;
	text-decoration:underline;
}

#contactForm a:hover {
	text-decoration:none;
}

#contactForm table {
	width:700px;
	margin:0 auto;
}

#contactForm table.select td {
	width:350px;
	height:50px;
}

#contactForm table.select td p {
	width:350px;
}

#contactForm table td {
	padding:4px 12px;
}

#contactForm input {
	height:24px;
	border:1px solid rgba(170,170,170,1.00);
	background:#fff;
	border-radius:3px;
}

#contactForm select {
	height:24px;
	border:1px solid rgba(170,170,170,1.00);
	background:#fff;
	border-radius:3px;
}

#contactForm textarea {
	width:700px;
	height:250px;
	margin:24px auto 0;
	display:block;
	border:1px solid rgba(170,170,170,1.00);
	background:#fff;
	border-radius:3px;
}

#contactForm input.next {
	width:258px;
	height:30px;
	border:1px solid rgba(170,170,170,1.00);
	border-radius:3px;
	font-size:1.3rem;
	font-weight:bold;
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(191,239,255,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(191,239,255,1) 100%);
	color:#001c58;
	transition:all 0.3s;
	cursor:pointer;
	margin:0 auto 60px;
	display:block;
}

#contactForm hr {
	background-color: #f0f0f0;
	width: 700px;
	float: center;
	border-top: 1px dashed #8c8b8b;
}

#contactForm input:hover.next {
	opacity:0.7;
}

.faq_area {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:750px;
	margin:0 auto;
	line-height:24px;
}

.faq_area b {
	font-weight:bold;
	border-bottom:1px solid #cebeb8;
	display:block;
	margin-bottom:8px;
}

.faq_area a {
	color:#05c0ff;
	text-decoration:underline;
}

.faq_area a:hover {
	text-decoration:none;
}

.faq_area ul li ul li {
	margin-left:32px;
}

.faq_topics {
	font-size:1.7rem;
	font-weight:bold;
	color:#ffffff;
	display:inline-block;
	padding:0 24px;
	height:32px;
	line-height:32px;
	background:rgba(100,0,1,1.00);
	border-radius:16px;
	margin:8px 0 0 8px -32px;
}

.faq_area hr {
	background-color: #f0f0f0;
	width: 700px;
	float: center;
	border-top: 1px dashed #8c8b8b;
	margin:32px 0;
}

#addition02 {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:780px;
	margin:0 auto;
	line-height:24px;
}
#addition02 dl {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
#addition02 dt {
	font-weight: bold;
	font-size: 13px;
}
#addition02 dd {
	padding-left: 10px;
	padding-top: 10px;
}
#addition02 ul {
	list-style: disc outside;
}
#addition02 ul.user_privilege {
	width: 780px;
	list-style: none outside;
}
#addition02 a {
	color: #00CCFF;
	padding-bottom: 10px;
}
#addition02 a:hover {
	color: #FF0000;
	text-decoration: underline;
}
#addition02 .gift table {
	border-collapse: separate;
	border-spacing: 20px 20px;
	margin:0 auto;
}

#addition02 .gift table td {
	font-size: 12px;
	width: 100px;
	text-align: center;
	border: 1px solid #999999;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
	padding: 8px;
	background:#fff;
}

#addition02 hr {
	background-color: #f0f0f0;
	width: 780px;
	float: center;
	border-top: 1px dashed #8c8b8b;
	margin:32px 0;
}

.parting {
	width:100%;
	height:10px;
	background:rgba(195,195,195,1.00);
	box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
	margin:60px auto;
}

.sitepolicy_txt01 {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	width:786px;
	margin:0 auto 24px;
	padding-left:14px;
	text-indent:-14px;
}

.sitepolicy_txt01 a {
	color:#05c0ff;
	text-decoration:underline;
}

.sitepolicy_txt01 a:hover {
	text-decoration:none;
}
/*.evpage img {
	width: 100%;
	margin-bottom: 24px;
	box-shadow: #333333 2px 2px 10px;
	border-radius: 15px;
	border: #FF0000 3px solid;
}
*/
.plain_txt {
	font-size:1.4rem;
	color:#59493f;
	text-align:left;
	margin-bottom:24px;
}

.evpage strong {
	font-weight: bold;
}

.evpage span.green {
	color:green;
}

.evpage span.red {
	color:red;
}
.evpage span.orange {
	color: #FF6600;
}

.evpage table a {
	color:deepskyblue;
	text-decoration: none;
}

.evpage table a:hover {
	text-decoration: underline;
}

.evpage table {
	width:100%;
	margin-bottom:24px;
}

.evpage table tr {
	border:1px solid #636363;
	font-size:1.4rem;
	color:#59493f;
}

.evpage table th {
	border:1px solid #636363;
	padding:6px;
	text-align: left;
	background-color:darkseagreen;
	color:#fff;
	font-weight: bold;
}

.evpage table td {
	border:1px solid #636363;
	padding:6px;
	text-align: left;
}


/* バナーテキスト */
.banner_link {
	position:absolute;
	top:300px;
	left:10px;
	width: 400px;	
	display:flex;
}

.banner_link a{
	padding: 3px 3px;
	margin: 0 5px;
	font-size: 20px;
	font-family: Lato,"メイリオ", Meiryo;
	font-weight: 700;
	color: #FFFFFF;
	height: 35px;
	background-color: #0099FF;
	text-decoration: none;
	border-radius: 5px;
	line-height:35px;
	
}
.banner_link a:hover{
	background-color:#00FFFF;
}

.banner_text {
	position: absolute;
	top: 166px;
	right: 10px;
	height: 30px;
	line-height: 30px;
	background: #FFCC33;
	padding: 0 10px;
	border-radius: 15px;
	font-size: 18px;
	font-weight: 700;
	color: #FFFFFF;
	border: 2px solid #5e3f0c;
	text-shadow: black 2px 0px,  black -2px 0px,
     black 0px -2px, black 0px 2px,
     black 2px 2px , black -2px 2px,
     black 2px -2px, black -2px -2px,
     black 1px 2px,  black -1px 2px,
     black 1px -2px, black -1px -2px,
     black 2px 1px,  black -2px 1px,
     black 2px -1px, black -2px -1px;
}


.button02 {
	display: inline-flex;
	justify-content: center;
    align-items: center;
	font-size: 2.5em;
	font-weight: 600;
	line-height: 1.2em;
	text-decoration: none;
	color: #fff;
	width: 400px;
	font-feature-settings : "palt";
	font-family: Helvetica , "游ゴシック", sans-serif;
	height: 50px;
	background-color: #0099FF;
	transition: .4s;
	margin-bottom: 30px;
	border: 5px solid #fff;
	border-radius: 50px;
	box-shadow: #333333 2px 2px 5px;
	text-shadow:
    #191970 2px 0px,  #191970 -2px 0px,
    #191970 0px -2px, #191970 0px 2px,
    #191970 2px 2px , #191970 -2px 2px,
    #191970 2px -2px, #191970 -2px -2px,
    #191970 1px 2px,  #191970 -1px 2px,
    #191970 1px -2px, #191970 -1px -2px,
    #191970 2px 1px,  #191970 -2px 1px,
    #191970 2px -1px, #191970 -2px -1px;

} 
.button02:hover {
	background-color: #00CCFF;
}
.goods {
    display:flex;
	flex-direction: column;
	margin-bottom: 24px;
	box-shadow: #333333 2px 2px 10px;
	border-radius: 15px;
	border: #0099FF 5px solid;
	margin-bottom: 20px;

}

.goodsTag {
	display:flex;
	align-items: center;
	background-color: #0099FF;
	color: #FFFFFF;
	font-weight: 900;
	
}
.goodsNumber {
	width: 50px;
	font-size: 3.5em;
	padding: 10px 15px 10px 5px;
	font-feature-settings : "palt" 1;
	font-family: Helvetica , "游ゴシック", sans-serif;
	text-shadow:
    #191970 2px 0px,  #191970 -2px 0px,
    #191970 0px -2px, #191970 0px 2px,
    #191970 2px 2px , #191970 -2px 2px,
    #191970 2px -2px, #191970 -2px -2px,
    #191970 1px 2px,  #191970 -1px 2px,
    #191970 1px -2px, #191970 -1px -2px,
    #191970 2px 1px,  #191970 -2px 1px,
    #191970 2px -1px, #191970 -2px -1px;
}
.goodsName {
	padding: 10px 0;
	text-align: left;
	font-size: 2.5em;
	line-height: 1.3em;
	font-feature-settings : "palt";
	font-family: Helvetica , "游ゴシック", sans-serif;
	font-weight: 700;
	text-shadow: 
    #191970 2px 0px,  #191970 -2px 0px,
    #191970 0px -2px, #191970 0px 2px,
    #191970 2px 2px , #191970 -2px 2px,
    #191970 2px -2px, #191970 -2px -2px,
    #191970 1px 2px,  #191970 -1px 2px,
    #191970 1px -2px, #191970 -1px -2px,
    #191970 2px 1px,  #191970 -2px 1px,
    #191970 2px -1px, #191970 -2px -1px;
}
.goodsPrice {
	text-align: right;
	font-size: 2.5em;
	padding: 0 10px 0 0;
	margin-left: auto;
	font-family: Helvetica , "游ゴシック", sans-serif;
	font-feature-settings : "palt";
	text-shadow: 
    #191970 2px 0px,  #191970 -2px 0px,
    #191970 0px -2px, #191970 0px 2px,
    #191970 2px 2px , #191970 -2px 2px,
    #191970 2px -2px, #191970 -2px -2px,
    #191970 1px 2px,  #191970 -1px 2px,
    #191970 1px -2px, #191970 -1px -2px,
    #191970 2px 1px,  #191970 -2px 1px,
    #191970 2px -1px, #191970 -2px -1px;
}
.goods img {
	margin: 0;
}
.goodsText {
	padding: 10px 60px 10px 10px;
	font-size: 1.8em;
	font-weight: 700;
	text-align: right;
}
.goodsText_center {
	padding: 10px 10px 10px 10px;
	font-size: 1.8em;
	font-weight: 700;
	text-align: center;
}
.goodsText_left {
	padding: 10px 10px 10px 10px;
	font-size: 1.8em;
	font-weight: 700;
	text-align: left;
}