@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
:focus{outline: 0;}
body{background: #000;line-height: 1.0;margin: 0;padding: 0;}
p{margin: 0;padding: 0;}
ol,ul{list-style: none;margin: 0;padding: 0;}
table{border-collapse: separate;border-spacing: 0;}
caption,th,td{font-weight: normal;text-align: left;}
blockquote:before,blockquote:after,q:before,q:after{content: "";}
blockquote,q{quotes: "" "";}
img, a img{border: 0;margin: 0;}
body article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display: block;margin: 0;padding: 0;}
body {font-family: 'Noto Sans JP',sans-serif !important;color: #fff !important;line-height: 1.5;}
@media screen and ( min-width:768px ) { /* PC ==================== */
	body {font-size: 180% !important;}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	body {font-size: 0.75rem !important;}
}
h1,h2,h3,h4,h5,h6{clear: both;font-weight: bold;margin: 0;padding: 0;}
hr{background-color: #333;border: 0;height: 1px;margin-bottom: 1.625em;}
a,a:focus,a:active,a:hover{color: #275dc2;text-decoration: underline;cursor: pointer;}
.clearfix:after{display: block;clear: both;height: 0;visibility: hidden;content: "";}
.clearfix{min-height: 1px;}
* html .clearfix{height: 1px;height: auto;overflow: hidden;/**/}
img{vertical-align: bottom;}

/* COMMON ==================== */
#wrapper{
	margin: 0;
	padding: 0;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
	.sp{
		display: none;
	}
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
	.pc{
		display: none;
	}
}
.btn{
	display: block;
	box-sizing: border-box;
	text-decoration: none;
}
.btn,.btn:focus,.btn:active,.btn:hover{
	text-decoration: none !important;
}

.official-banner li{
	text-align:center;
	color:#000 !important;
	font-size:80% !important;
}
.official-banner li .btn,
.official-banner li .btn:hover{
	background-color: #fff;
	color:#000 !important;
}
.official-banner a{
	padding-bottom:6px;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .official-banner{
	width:620px;
	margin:50px auto;
}
.official-banner li{
	float:left;
	width:290px;
	margin: 0 10px;
	height:100px;
}
.official-banner li img{
		width: 100%;
}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .official-banner{
	width:90%;
	margin:30px auto;
}
.official-banner li{
		margin: 10px 0;
		height:100px;
	}
	.official-banner li img{
			width: 100%;
	}
}
.btn-light{
    display:block;
    background-image:url("../img/banner_takaratomymall.jpg");
    background-size:100%;
    background-repeat: no-repeat;
    border:0 !important;
    font-weight:bold !important;
    color:#000 !important;
}
.btn-light:hover,
.btn-light:visited{
    background-color: transparent !important;
    border:0 !important;
    color:transparent !important;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
    .btn-light{
     width:270px;
     height:100px;
     font-size:120% !important;
     line-height:155px !important;
    }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
    .btn-light{
    background-position:top center;
    background-size:80% !important;
     width:100%;
     height:100px;
     font-size:200% !important;
     line-height:155px !important;
     background-size:100%;
    }
}

.page-back{
  width:200px !important;
  margin:0 auto;
  font-weight:bold;
  font-size:20px;
  text-align: center;
  color:#fff;
  padding:20px;
  border: 1px solid #fff;
  background:#000;
}
.page-back a{
  color:#fff;
  text-decoration: none;
}
.page-back a:hover{
  color:#fff;
  text-decoration: none;
}

.note-text{
  text-align:center;
  padding:3.125rem 0;
  font-size:80% !important;
}