@charset "UTF-8";

html,
body,
body div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	box-sizing: border-box;
	/*font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;*/
	font-size: 18px;
	color: #333;
}

body {
	background-image:
		url(../img/bg_main.png),
		url(../img/bg.gif);
	background-repeat:
		no-repeat,
		repeat-y;
	background-attachment:
		fixed,
		fixed;
	background-position:
		center,
		center;
	text-align: initial !important;
}

body.noSCR {/*SP menu表示時のスクロール禁止 */
	overflow: scroll;
	min-height: 100vh;
}

ul {
	list-style: none;
}

/* LOADER */
#pageloading-wrap {
  background: #fff;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  display: table;
  z-index: 1000;
}
#pageloading-icon {
  display: table-cell;
  vertical-align: middle;
}
/* LOADER iCON */
.ball-pulse-sync>div, .ball-pulse>div, .ball-scale-random>div, .ball-scale>div {
  background-color: #fd3776;
}
h2 {
	position: relative;
	font-weight: 900;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	font-size: 64px;
	text-align: center;
	margin-bottom: 40px;
}
h2:after {
	content: "";
	border-bottom: 2px solid #333;
	width: 80px;
	position: absolute;
	bottom: 0;
	left:calc(50% - 40px);
}

.cont_wrap {
  position: relative;
  z-index: 0;
  padding: 100px 0;
}

.cont {
	width: 1000px;
	margin: 0 auto;
}
@media all and (max-width:560px){
	h2 {
		font-size: 50px;
	}
	.cont_wrap {
		padding: 25px 0;
	}
  .cont {
    width: 100%;
    padding: 0 1rem;
  }
}
/* formリセット */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	outline: none;
	background: transparent;
}
button {
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

/* 【共通】NotoSans適用箇所 */
.mordal,/* モーダルコンテンツ内 */
section.cont_wrap,/* 他コンテンツの中身 */
div.cont h2,
section.wixheader {/* Gナビ */
	font-family: 'Noto Sans Japanese', 'Noto Sans JP' , sans-serif !important;
}
section.wixheader .nav_area {
	font-weight: 900 !important;
}
section.cont_wrap,
section.wixheader .nav_area .subMenu {
	font-weight: 700 !important;
}
/* 通常フォントを使う箇所 */
section.breadcrumb,
section.wixfooter {
	font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

/* 【共通】フッター */
.footer p,.footer span {
	font-size: 12px;
	text-align: center;
}

/* 【共通】ページトップ */
#page_top {
  width: 120px;
  height: 120px;
  position: fixed;
  right: -120px;
  bottom: 2.7rem;
  opacity: 0.6;
	transition-duration:0.3s;
	z-index: 21500;
}
#page_top:hover {
  opacity: 1;
}
#page_top a {
  background: url(../img/btn_2top.png) no-repeat;
  width: 120px;
  height: 120px;
	text-decoration: none;
	display: block;
}

@media all and (max-width:560px){
  #page_top {
    display: none;
  }
}
/* 【共通】タカラトミーモールバナーエリア */
.T2Mbnr {
	padding: 40px 0;
	background-color: #2e2e2e;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #171717), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #171717),color-stop(.75, #171717), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 4px 4px;
}
.T2Mbnr a img {
	width: 100%;
	transition: .3S;
}
.T2Mbnr a img:hover {
	opacity: .7;
}

/* ////////////////////////////////////////////////
【共通】ヘッダー 
////////////////////////////////////////////////*/
section.wixheader {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
	background: rgba(255,255,255,.5);
	position: relative;
}
section.wixheader h1 {
	position: absolute;
	width: 200px;
}
section.wixheader h1 img {
	width: 100%;
}
/* Gナビ */
section.wixheader #globalNav {
	margin-left: 200px;
}
section.wixheader .nav_area {
	display: inline-block;
	position: relative;
}
section.wixheader .nav_area li span {
	text-decoration: none;
	font-size: 20px;
	font-weight: 900;
	color: #333;
	display: inline-block;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
	position: relative;
	transition: .3s;
}
section.wixheader .nav_area li i {
	fill: #333;
	transition: .3s;
}
section.wixheader .nav_area li svg {
	fill: #333;
	margin-right: 8px;
	transition: .3s;
}
section.wixheader .nav_area li.subMenu.act span,
section.wixheader .tw:hover i,
section.wixheader .nav_area li:hover i,
section.wixheader .nav_area li:hover span {
	color: #fd3776;
}
section.wixheader .nav_area li.subMenu.act svg,
section.wixheader .nav_area li:hover svg {
	fill: #fd3776;
}
section.wixheader .nav_area ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin-right: 20px;
}
section.wixheader .nav_area ul li {
	/*width: 25%;*/
	text-align: center;
	margin-right: 30px;
	cursor: pointer;
}
/* Gナビ非活性 */
section.wixheader .nav_area ul li.disabled svg {
	fill: #ccc;
}
section.wixheader .nav_area ul li.disabled span {
	color: #ccc;
}
section.wixheader .nav_area ul li.disabled {
	cursor: auto;
}

/* サブメニュー */
section.wixheader .nav_area ul li > ul {
	display: none;
}
section.wixheader .subNav {/* サブメニュー表示エリア */
	display: none;
	background: #fd3776;
	width: 100%;
	position: absolute;
	top: 78px;
	z-index: 10;
}
section.wixheader .subNav ul li.subMenu,
section.wixheader .subNav ul {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	margin-right: 0 !important;
}
section.wixheader .subNav ul li.subMenu {
	padding: 0 30px;
}
section.wixheader .subNav ul li.subMenu > ul {
	margin-left: 30px;
	padding-left: 30px;
	border-left: 2px dashed #fff;
}
section.wixheader .subNav ul li.subMenu.have2ndrow > ul {
	flex-wrap: wrap !important;
}
section.wixheader .subNav ul li.subMenu > ul li {
	padding: 30px;
}
section.wixheader .subNav ul li.subMenu.have2ndrow > ul li {
	padding: 14px 30px !important;
}
section.wixheader .subNav ul li.subMenu span,
section.wixheader .subNav ul li.subMenu > ul li a {
	color: #fff;
	display: block;
	position: relative;
	transition: .3s;
}
section.wixheader .subNav ul li.subMenu span {
	min-width: 5em;
}
section.wixheader .subNav ul li.subMenu > ul li a:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #ffffff;
	left: -20px;
	top: calc(50% - 5px);
	transition: .3s;
}
section.wixheader .subNav ul li.subMenu > ul li a:hover {
	color: #333;
}
section.wixheader .subNav ul li.subMenu > ul li a:hover::before {
	border-color: transparent transparent transparent #333;
}
section.wixheader .subNav ul li.subMenu svg {
	fill: #fff;
	margin-right: 10px;
}
@media all and (max-width:560px){
	section.wixheader .nav_area ul li > ul li {
		border-top: 0;
		border-bottom: 1px dashed #ccc;
	}
	section.wixheader .nav_area ul li > ul li:last-child {
		border-bottom: 0;
		padding-bottom: 0;
	}
	section.wixheader .subNav {
		display: none !important;
	}
}

/* twitterアイコン */
section.wixheader .tw {
	position: absolute;
	right: 0;
	top: 15px;
}
section.wixheader .tw:hover i {
	transition: .3s;
}
@media all and (max-width:560px){
	section.wixheader .tw {
		display: block;
		position: initial;
		padding: 10px;
		text-decoration: none;
		border-bottom: 1px solid #ccc;
		text-align: left;
	}
}
/* SPメニュー */
section.wixheader .menu-trigger {
	display: none;
	padding: 6px 10px 6px 20px;
	border: 2px solid #ddd;
	background: #fff;
	position: relative;
}
section.wixheader .menu-trigger::before {
	content:"";
	position: absolute;
	top: calc(50% - 5px);
	left: 10px;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #333333;
}
section.wixheader .menu-trigger span {
	font-size: 20px;
	font-weight: 900;
	display: inline-block;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
@media all and (max-width:560px){
	/*.menuWrapper {
		overflow-y: scroll;
		height: 90vh;
	}*/
}

section.wixheader .menu-header img {
	width: 40%;
	margin-top: 20px;
}
.menu-close {
	position: absolute;
	width: 40px;
	height: 40px;
	right: 20px;
	top: 20px;
	display: inline-block !important;
}
.menu-close span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
	border-radius: 4px;
	font-size: 12px;
	font-weight: 700;
} 
.menu-close span:nth-of-type(1) {
	top: 0;
	-webkit-transform: translateY(15px) rotate(-315deg);
  transform: translateY(15px) rotate(-315deg);
}
.menu-close span:nth-of-type(2) {
	top: calc(50% + 10px);
	-webkit-transform: translateY(-15px) rotate(315deg);
  transform: translateY(-15px) rotate(315deg);
}
.menu-close span:nth-of-type(3) {
	background-color: #fff;
  bottom: 6px;
}

@media all and (max-width:560px){
  section.wixheader {
		background: url(../img/bg_section.wixheader_sp.png) no-repeat rgba(255,255,255,1);
    background-size: contain;
	}
	section.wixheader h1 {
		width: 40%;
	}
	section.wixheader #globalNav {
		margin-left: 0 !important;
		text-align: right;
	}
	section.wixheader #globalNav .beginner {
		padding: 6px;
	}
	section.wixheader #globalNav .beginner svg {
		height: 34px;
		width: auto;
    vertical-align: middle;
	}
	section.wixheader .nav_area {
		position: absolute;
		z-index: 30000;
		display: none;
		background: #fff;
		width: 100%;
		height: calc(100vh + 120px);
		top: 0;
		left: 0;
	}
	section.wixheader .nav_area ul {
		margin-right: 0;
	}
	section.wixheader .nav_area ul li {
		text-align: left !important;
		width: 100%;
		border-top: 1px solid #ccc;
		display: block;
		margin-right: 0;
		display: block;
		padding: 10px;
	}
	section.wixheader .nav_area ul li:last-child {
		border-bottom: 1px solid #ccc;
	}
	section.wixheader .menu-trigger {
		display: inline-block;
	}
	section.wixheader .menu-header {
		height:80px;
		text-align: center;
		display: inline-block !important;
	}
}
/*
パンくず
*/
.breadcrumb {
	background: #eee;
	font-size: 0;
}
.breadcrumb ul {
	font-size: 0;
}
.breadcrumb ul li {
	display: inline-block;
	background: #797979;
	position: relative;
	color: #fff;
	padding: 0 10px;
	text-align: center;
	margin-right: 15px;
	position: relative;
}
.breadcrumb ul li span {
	display: block;
	font-weight: 300;
	color: #fff;
	-webkit-transform: skewX(-10deg);
	-moz-transform: skewX(-10deg);
	-o-transform: skewX(-10deg);
	transform: skewX(-10deg);
}
.breadcrumb ul li::before {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0 0 27px 10px;
	border-color: transparent transparent #797979 transparent;
	left: -10px;
	top: 0;
}
.breadcrumb ul li::after {
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 27px 10px 0 0;
	border-color: #797979 transparent transparent transparent;
	right: -10px;
	top: 0;
}
.breadcrumb ul li:first-child::before {
	border: none;
}
.breadcrumb ul li a {
	text-decoration: none;
	display: block;
}
@media all and (max-width:560px){
	.breadcrumb ul li {
		margin: 2px 14px 2px 0;
		height: 20px;
	}
	.breadcrumb ul li span{
		font-size: 14px !important;
	}
	.breadcrumb .cont {
		padding: 0 !important;
	}
	.breadcrumb ul li::before {
		border-width: 0 0 20px 10px;
	}
	.breadcrumb ul li::after {
		border-width: 20px 10px 0 0;
		top: 0;
	}
}

.nowrap { white-space: nowrap;}

/* pc/sp切り替え */
.pc {display: inline !important;}
.sp {display: none !important;}
@media all and (max-width:560px){
  .pc {display: none!important;}
  .sp {display: inline !important;}
}

/* タカラトミーヘッダー・フッター強制 202112(202205 spanを追記) */
.headMain01 .globalNav01 > ul > li > a {
	font-size: 14px;
}
.headMain01 .globalNav01 > ul > li > a > span {
	font-size: 14px;
}
@media screen and (max-width: 960px) {
	.headMain01 .globalNav01 > ul > li > a {
			font-size: 12px !important;
	}
	.headMain01 .globalNav01 > ul > li > a > span {
			font-size: 12px !important;
	}
}
@media screen and (max-width: 1095px){
	.headMain01 .globalNav01 > ul > li > a {
			font-size: 12px !important;
	}
	.headMain01 .globalNav01 > ul > li > a > span {
			font-size: 12px !important;
	}
}
@media screen and (max-width: 1230px) {
	.headMain01 .globalNav01 > ul > li > a {
			font-size: 13px;
	}
	.headMain01 .globalNav01 > ul > li > a > span {
			font-size: 13px;
	}
}
span.inner02 {
	font-size: 10px;
	color: initial;
}
.footer.cont {
	background: initial;
}
@media all and (min-width:561px){
  .footMain01 .footerPageTop01 {
		display: none;
	}
}


/*////////////////////////////////////////////////
commonここまで
////////////////////////////////////////////////*/

/* 共通クラス */
.align_right {text-align: right !important;}
.align_center {text-align: center !important;}

.mt10 {margin-top:.5rem !important;}
.mt20 {margin-top:1.1rem !important;}
.mt30 {margin-top:1.6rem !important;}
.mt40 {margin-top:2.2rem !important;}
.mt50 {margin-top:2.7rem !important;}
.mt60 {margin-top:3.3rem !important;}
.mt70 {margin-top:3.8rem !important;}
.mt80 {margin-top:4.4rem !important;}
.mt90 {margin-top:5rem !important;}

.mb10 {margin-bottom:.5rem !important;}
.mb20 {margin-bottom:1.1rem !important;}
.mb30 {margin-bottom:1.6rem !important;}
.mb40 {margin-bottom:2.2rem !important;}
.mb50 {margin-bottom:2.7rem !important;}
.mb60 {margin-bottom:3.3rem !important;}
.mb70 {margin-bottom:3.8rem !important;}
.mb80 {margin-bottom:4.4rem !important;}
.mb90 {margin-bottom:5rem !important;}

.mr10 {margin-right:.5rem !important;}
.mr20 {margin-right:1.1rem !important;}
.mr30 {margin-right:1.6rem !important;}
.mr40 {margin-right:2.2rem !important;}
.mr50 {margin-right:2.7rem !important;}
.mr60 {margin-right:3.3rem !important;}
.mr70 {margin-right:3.8rem !important;}
.mr80 {margin-right:4.4rem !important;}
.mr90 {margin-right:5rem !important;}

.ml10 {margin-left:.5rem !important;}
.ml20 {margin-left:1.1rem !important;}
.ml30 {margin-left:1.6rem !important;}
.ml40 {margin-left:2.2rem !important;}
.ml50 {margin-left:2.7rem !important;}
.ml60 {margin-left:3.3rem !important;}
.ml70 {margin-left:3.8rem !important;}
.ml80 {margin-left:4.4rem !important;}
.ml90 {margin-left:5rem !important;}

.pt10 {padding-top:.5rem !important;}
.pt20 {padding-top:1.1rem !important;}
.pt30 {padding-top:1.6rem !important;}
.pt40 {padding-top:2.2rem !important;}
.pt50 {padding-top:2.7rem !important;}
.pt60 {padding-top:3.3rem !important;}
.pt70 {padding-top:3.8rem !important;}
.pt80 {padding-top:4.4rem !important;}
.pt90 {padding-top:5rem !important;}

.pb10 {padding-bottom:.5rem !important;}
.pb20 {padding-bottom:1.1rem !important;}
.pb30 {padding-bottom:1.6rem !important;}
.pb40 {padding-bottom:2.2rem !important;}
.pb50 {padding-bottom:2.7rem !important;}
.pb60 {padding-bottom:3.3rem !important;}
.pb70 {padding-bottom:3.8rem !important;}
.pb80 {padding-bottom:4.4rem !important;}
.pb90 {padding-bottom:5rem !important;}


/* 文字サイズ */
.txt_size1 {font-size: 1rem !important;}/* 18px */
.txt_size2 {font-size: 1.4rem !important;}/* 25px */
.txt_size3 {font-size: 1.55rem !important;}/* 28px */
.txt_size4 {font-size: 1.67rem !important;}/* 30px */

@media all and (max-width:560px){
  .txt_size1 {font-size: .75rem !important;}/* 18px */
	.txt_size2 {font-size: .9rem !important;}/* 25px */
	.txt_size3 {font-size: 1rem !important;}/* 28px */
	.txt_size4 {font-size: 1.2rem !important;}/* 30px */
}

/* 太字 */
.strong {
	font-weight: 900 !important;
}
 
/* 文字色 */
.txt_pink {color: #fd3776 !important;}
.txt_blue {color: #3b76fd !important;}
.txt_purple {color: #983cff !important;}
.txt_green {color: #249d77 !important;}
.txt_orange {color: #d68f34 !important;}
.txt_skyblue {color: #00bcff !important;}

/* SP時の縦長の画像の矯正用 */
@media all and (max-width:560px){
	.wd30 {width: 30% !important;}
	.wd40 {width: 40% !important;}
	.wd50 {width: 50% !important;}
	.wd60 {width: 60% !important;}
	.wd70 {width: 70% !important;}
	.wd80 {width: 80% !important;}
	.wd90 {width: 90% !important;}
}

/* リンクテキスト */
a {
	text-decoration: none;
	color: #00beff;
	transition: .3s;
}
a:hover {
	color: #ff2f81;
}
/* リンク無効 */
a.non {
	cursor: default;
	pointer-events: none;
}

/* 色 */
.card_color_white {color: #d68f34;}
.card_color_black {color: #983cff;}
.card_color_green {color: #249d77;}
.card_color_blue {color: #3b76fd;}
.card_color_red {color: #fd3776;}
.card_color_null {color: #000;}

/******************************
旧コンテンツへのリンク
******************************/
a.oldcontlink {
	display: block;
	width: 60%;
	text-align: center;
	padding: 10px;
	margin:0 auto;
	border: 2px solid #00beff;
} 
a.oldcontlink:hover {
	border: 2px solid #fd3776;
}