@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');
@charset "utf-8";
:focus{outline: 0;}
body{background: #000 !important;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-size: 16px;font-family: 'Noto Sans JP',sans-serif;color: #fff;line-height: 1.5;}
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 ==================== */
body{
}
body.noscroll{
  overflow: hidden;
}
#wrapper{
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 100%;
	overflow: hidden;
  background: #000 !important;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
	.sp{
		display: none;
	}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
	.pc{
		display: none;
	}
}

.content{
  overflow: hidden;
  text-align: center;
  position: relative;
  background: #011B32;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .content{
    max-width:1920px;
    margin:0 auto;
    font-size: 20px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .content{
    width:100%;
    font-size: 14px;
  }
}

.btn{
	display: block;
	box-sizing: border-box;
	text-decoration: none;
}
.btn,.btn:focus,.btn:active,.btn:hover{
	text-decoration: none !important;
}

/* datmヘッダー ==================== */
.datm-header{
  width: 100%;
	background: #000;
  position: absolute;
  justify-content: space-between;
  z-index: 9999;
}
.datm-header.fixed{
    position: fixed;
    top: 0;
}
.datm-header-area{
	margin:0 auto;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .datm-header-area{
  	width:1200px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .datm-header-area{
  	width:100%;
  }
}


.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; */
		margin: 40px 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%;
    }
}


.head-img img{
  width:100%;
}

.margin-top5px{margin-top:5px !important;}
.margin-top10px{margin-top:10px !important;}
.margin-top15px{margin-top:15px !important;}
.margin-top20px{margin-top:20px !important;}
.margin-top25px{margin-top:25px !important;}
.margin-top30px{margin-top:30px !important;}
.margin-top35px{margin-top:35px !important;}
.margin-top40px{margin-top:10px !important}
.margin-top45px{margin-top:45px !important;}
.margin-top50px{margin-top:50px !important;}

.padding-top5px{padding-top:5px !important;}
.padding-top10px{padding-top:10px !important;}
.padding-top15px{padding-top:15px !important;}
.padding-top20px{padding-top:20px !important;}
.padding-top25px{padding-top:25px !important;}
.padding-top30px{padding-top:30px !important;}
.padding-top35px{padding-top:35px !important;}
.padding-top40px{padding-top:10px !important}
.padding-top45px{padding-top:45px !important;}
.padding-top50px{padding-top:50px !important;}