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

body { font-feature-settings : "palt"; color: #5a5a5a; }
.wf-roundedmplus1c { font-family: "Rounded Mplus 1c"; }


/* 汎用 ----------------------------------------------- */
* {
	box-sizing:border-box;
	position:relative;
	font-family: 'Meiryo', 'メイリオ', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'sans-serif';
	font-feature-settings : "palt";

}
a.noDeco { text-decoration:none; color:#cccccc; } /* aタグ装飾不要 */
.btnTemp {
	/* 1行ボタン */
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background-color: #aaa;
	font-size: 0.8rem;
	padding: 0.7rem 1rem;
	border-radius: 20px;
}

.btnTempbig {
	/* 1行ボタン */
	display: inline-block;
	color: #fff;
	text-decoration: none;
	background-color: #aaa;
	font-size: 1.4rem;
    padding: 1.6rem 4rem;
    border-radius: 40px;
	margin: 32px 0 0 0;
}

.categoryTitle {
	display: flex;
	text-align: center;
	font-family: "Rounded Mplus 1c";
    font-weight: 300;
    font-size: 2.2rem;
    color: #31a6df;
    padding: 4rem 0 3rem 0;
	width: 100%;
    max-width: 600px;
    margin: 0 auto;
}
.categoryTitle p { width: 200px;}

.categoryTitle:before, .categoryTitle:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	background: #cccccc;
	display: block;
	margin: 16px 0 0 0;
}
.categoryTitle:before {
	margin-right: 1em;
}
.categoryTitle:after {
	margin-left: 1em;
}

/* wrapper ------------------------------------------ */
#header {
    text-align: center;
    min-height: 115px;
    display: flex;
    align-items: center;
    justify-content: space-around;
	padding-bottom: 2rem;
	margin: 0 10%;
}

	/* over IE10 hack ------------------------- */
	@media all and (-ms-high-contrast: none){
		#header{ height:81px; }
	}


#allWrap {
	width: 100%;
	max-width:2000px;
	margin:auto;
	overflow: hidden;
}



/* メインメニュー ------------------------------------------ */

#headerMenuWrap{
	height: 0;
	z-index: 100;
	top: -2.6rem;
	z-index: 500;
}
	#headerMenuWrap li {
		list-style: none;
		flex-grow: 1;
		text-align: center;
		color: #fff;
		font-size: 1.1rem;
		cursor: pointer;
	}
		#headerMenuWrap li:after {
			content: "";
			border-right: 1px solid #fff;
			height: 80%;
			position: absolute;
			right: 0;
			top: 10%;
		}
			#headerMenuWrap li:last-child:after {
				display:none;
			}
	
	#headMenus{
		display: flex;
		justify-content: space-around;
		width: 90%;
		max-width: 1400px;
		margin: auto;
		z-index: 1;
	}
		#headMenus li { /* -webkit-transition: all 1s; transition: all 1s; */ }
			#headMenus li:hover > a{ color:#ffb11b; }
			
		#headMenus .menu1 { }
		#headMenus .menu2 { }
		#headMenus .menu3 { }
		#headMenus .menu4 { }
		#headMenus .menu4 br { display: none;} 
		#headMenus .menu4 .btns a { color:#fff; text-decoration:none }
		#headMenus .menu4 .btns a:link { color:#fff; text-decoration:none }
		#headMenus .menu4 .btns a:visited { color:#fff; text-decoration:none }
		#headMenus .menu4 .btns a:hover { color:#fff; text-decoration:none }
		#headMenus .menu4 .btns a:active { color:#fff; text-decoration:none }
		#headMenus .menu5 { }
		.menuicon{
			vertical-align: middle;
			padding: 0 0.2rem 0.3rem 0;
			width: 100%;
			max-width: 28px;
			height: 100%;
			max-height: 28px;
		}
		
		#headMenus li.show { display:block; }

	#headMenus li .btns {
		background-color: #ffb11b;
		height: 100%;
		padding: 1.2rem 0 1.0rem;
		border-top: 5px solid #fff;
	    border-bottom: 5px solid #fff;
	}
	#headMenus li .btns:hover {
		background-color: #ff8c1b;
	}
	
	#headMenus li:first-child .btns {
		border-radius: 20px 0 0 20px;
		border-left:5px solid #fff;
	}
	#headMenus li:last-child .btns {
		border-radius: 0px 20px 20px 0px;
		border-right:5px solid #fff;
	}



/* サブメニュー系
---------------------------------------------------------------- */
	.menu_item, .menu_support, .menu_menu {
		-webkit-transition: all 0.5s; transition: all 0.5s;
	}
	
	
	/* ▲共通
	----------------------------------------------------- */
	.hukidasi:before {
		border:10px solid transparent;
		border-bottom-color:#fff;
		border-top-width:0;
		top:-10px;
		left:60px;
		content:"";
		display:block;
		position:absolute;
		width:0;
		z-index:1;
	}
	.hukidasi:after {
		border:10px solid transparent;
		border-bottom-color:#c1c1c1;
		border-top-width:0;
		top:-11px;
		left:60px;
		content:"";
		display:block;
		position:absolute;
		width:0;
	}
		.hukidasi-big:before {
			border:18px solid transparent;
			border-bottom-color:#fff;
			border-top-width:0;
			top:-16px;
			left:62px;
		}
		.hukidasi-big:after {
			border:20px solid transparent;
			border-bottom-color:#b9b9b9;
			border-top-width:0;
			top:-19px;
			left:60px;
		}
	

	/* フロート全般
	----------------------------------------------------- */
	.floatWrap {
		background: rgba(255,255,0,0);
		display: block;
		width: 100%;
		min-height: 1px;
		max-height: 1px;
		position: absolute;
		left: 0;
		top: 60px;
		text-align:left;
	}
		#headMenus li:hover .floatWrap { min-height:70px; max-height:80px; }
	
	.floatMenu {
		border:1px solid #c1c1c1;
		padding:1rem;
		position:absolute;
		opacity:0;
		top:1rem;
		display:block;
		pointer-events:none;
		color:#3c3c3c;
	}
		#headMenus li:hover .floatMenu {
			top:1.5rem;
			opacity:1;
			display:block;
			pointer-events:auto;
		}
	
	
	/* 取扱商品
	----------------------------------------------------- */
	.menu_item {
		transform: scale(0.5);
		transform-origin: top left;
		background-color:#fff;
		border: 1px solid #8d8d8d;
		border-radius: 36px;
		padding: 1rem;
		min-width: 1074px;
		top:1.2rem;
	}
		/*#headMenus li:hover .menu_item { top: 2.5rem; }*/
	
		.menu_item .itemWrap {
			padding-left: 0;
		}

		.itemWrapSUBmenu {
			min-width: 1074px;
		}


	#itemBtnWrap .itemList_btn {
		width: 70%;
		text-align: center;
		margin: auto;
		font-size: xx-large;
		left: 15%;
		display:none;
	}
	
	/* サポート・メニュー
	----------------------------------------------------- */
	.menu_support,
	.menu_menu {
		min-width: 19rem;
		background-color: #fff;
		border: 1px solid #c1c1c1;
		border-radius: 20px;
		padding: 0 1rem;
		position:absolute;
		top: 1.2rem;
		left:0;
	}
		.menu_support a,
		.menu_menu a {
			display: block;
			padding: 1rem 0;
			border-bottom: 1px solid #ddd;
			text-decoration: none;
			color:#3c3c3c;
		}
		.menu_support a:last-child,
		.menu_menu a:last-child{
			border-bottom:none;
		}
		.menu_support a:after,
		.menu_menu a:after {
			content: "\f054";
			font-family: FontAwesome;
			display: inline-block;
			position: absolute;
			right: 10px;
			color: #ddd;
			-webkit-transition: all .3s;
			transition: all .3s;
		}
			.menu_support a:hover:after,
			.menu_menu a:hover:after {
				right:0;
				color:#ff9b00;
			}
	
	
	
	
	/* メニュー
	----------------------------------------------------- */
	.menu_menu {
		left: auto;
		right: 0;
		min-width: 15rem;
	}





		

/* 検索フォーム */
#form02{
    background-color: white;
    width:100%;
	min-width: 430px;
	max-width: 496px;
    height: 40px;
	margin:0 0 14px auto;
}
#form02 .search{
	display:inline-block;
    padding: .5em .3em 0.5em 1.1em;
    width: 75%;
    max-width: 3620px;
	height: 40px;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 0;
    border: 1px solid #ccc;
	vertical-align: middle;
	border-radius: 20px 0px 0px 20px;
	-webkit-appearance: none;
}
#form02 .check_label {
    display:inline-block;
    width: 124px;
    height: 40px;
    line-height: 33px;
    padding-left: 0px;
    padding-right: 5px;
    cursor: pointer;
    color: #fff;
    border: 1px solid #ffb11b;
	vertical-align: middle;
    border-radius: 0px 20px 20px 0;
    background: #ffb11b;
	font-weight: bold;
    -webkit-appearance: none;

}


/*言語 */
#languageBox { width: 6%; min-width: 160px; max-width: 160px; height: 40px; vertical-align: top; margin-top: -8px; }
#languageBox a { display:inline-block; background-color: #c5c5c5; color: #fff; width: 48px; height: 48px; padding: 18px 0; text-decoration: none; font-size: 0.75rem; border-radius:35px; vertical-align: top; }
#languageBox a:hover{ background-color:#ffb11b; }
#languageBox .c01{padding: 13px 0 18px 0;}
	
	


/* slick-box ------------------------------------------ */
.slick-box {
	width: 100%;
	max-height: 900px;
	border-top: #dcdcdc 1px solid;
}
.slick-box div { max-height: 900px; border-bottom: #dcdcdc 1px solid; }
.slick-box img { width: 100%; }


/* 新着情報 ------------------------------------------ */
#newInfo {
	display: grid;
    grid-template-columns: repeat(auto-fit,233px);
    justify-content: center;
    justify-items: center;
    grid-column-gap: 22px;
	text-align:center;
	width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.newBlk {
	width: 233px;
	border: 1px solid;
	border-radius: 10px;
	overflow: hidden;
	margin: 5px;
	display:inline-block;
	text-align:left;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
	.newBlk .day{ padding: 0.5rem; background: #ecebe9; width: 100%; }
	.newBlk .imgs{
		min-width:200px;
		max-height:144px;
		overflow:hidden;
		/*
		display: flex;
		justify-content: center;
		align-content: center;
		*/
	}
		.imgs img{
			width:100%;
			display: inline-block;
		    margin:0 auto;
			-webkit-transition: all 0.5s;
			transition: all 0.5s;
		}
	.newBlk .txts{
		padding: 0.5rem;
		font-size: 1rem;
		line-height: 1.4rem;
		color: #323232;
	}
	
.newBlk:hover {
	background-color: #ffecac;
	color:#fff;
	border: solid 1px #ccc;
}
	.newBlk:hover img { transform: scale(1.1); }





/* 特設サイト・動画 ------------------------------------------ */
#tokusetu,#douga {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

#tokusetu .bnr,#douga .bnr {
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	text-decoration:none;
	outline:none;
}
	#tokusetu .bnr:hover,#douga .bnr:hover {
		transform: scale(1.1);
		z-index: 10;
		filter: drop-shadow(0px 0px 5px rgba(0,0,0,.2));
	}

#tokusetu .bnr img,#douga .bnr img {
    width: 100%;
}

#tokusetu div { padding: 20px 0;}
#douga div { padding: 10px 0;}

#douga a p { width: 100%; padding: 2% 5% 0 0; line-height: 1;
}

#douga a { color:#5a5a5a; text-decoration:none }
		#douga a:link { color:#5a5a5af; text-decoration:none }
		#douga a:visited { color:#5a5a5a; text-decoration:none }
		#douga a:hover { color:#5a5a5a; text-decoration:none }
		#douga a:active { color:#5a5a5a; text-decoration:none }


/* 動画のslick ------------------------- */
#douga .slick-prev,
#douga .slick-next {
	top:40%;
}


/* 取扱商品 ------------------------------------------ */
.itemWrap {
	width: 100%;
    max-width: 1074px;
    margin: 0 auto;
    text-align: left;
    padding-left: 1.4rem;
}

.item {
	display: inline-block;
    text-align: center;
	margin: 9px 16px 20px 16px;
	vertical-align:top;
}
	.item .icon {
		display:block;
		border-radius: 50%;
		-moz-border-radius: 50%;	/* Firefox用 */
		-webkit-transition: all 0.5s;
		overflow: hidden;
		min-width: 222px;
		min-height: 222px;
		z-index: 1;
	}
	.item .txt {
		padding: 10px 5px;
		display: block;
	}
	.icon:before {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		border: 1px solid #eee;
		left: 0;
		top: 0;
		z-index: 100;
		box-sizing: border-box;
		border-radius: 50%;
		-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
		-moz-border-radius: 50%;	/* Firefox用 */
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
	}
		.icon:hover:before {
			border: 5px solid #c0f0fb;
		}
		.icon:hover img{ transform: scale(1.1); }
		
	.icon img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		transform: scale(1);
	}
	.itemList { text-align:center; }
	.itemList_btn {	background-color:#ffb11a; }




/* ニュース ------------------------------------------ */
#newsWrap {
	display: flex;
    justify-content: center;
    align-content: center;
	width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.newsList {
	max-width: 565px;
    width: 100%;
    margin-right: 25px;
}
	.newsOne { margin-bottom:0.5rem; }
		.newsOne .txts {
			padding:0.5rem;
			font-size:0.9rem;
			line-height:1.3rem;
			border-bottom: 1px dotted #bababa;
		}
	.newsList li { list-style:none; }
	
.newsFirst{
	border-top: 1px dotted #bababa;
    padding-top: 8px;
}

	.category,.day {
		display: inline-block;
		font-size: 0.9rem;
		padding: 0.3rem;
		color: #323232;
	}
		.category {
			border-radius: 5px;
    		width: 120px;
    		height: 24px;
    		text-align: center;
			color: #fff;
		}
		/*ニュースラベル*/
		.categoryToy{ background-color: #fea58d;}/*おもちゃ*/
		.categoryQuestion{ background-color: #9aace7;}/*サポート*/
		.categorySupport{ background-color: #bababa;}/*アンケート*/
		.categoryRelease{ background-color: #83debd;}/*プレスリリース*/
		.categoryNotice{ background-color: #31a6df;}/*お知らせ*/

		.day {
		}

	.newsList_btnWrap { text-align:center; }
	.newsList_btn {
		display: inline-block;
		color: #fff;
		text-decoration: none;
		background-color: #bababa;
		font-size: 1rem;
    	padding: 0.7rem 1.4rem;
		border-radius: 20px;
	}


.twitterWrap {
	width: 45%;
}

#twitter-widget-0{
	width: 100vw!important;
	height: 100vh!important;
	max-height: 447px;
	/*border: #dcdcdc 1px solid!important;*/
	/*border-radius: 10px!important;		/* CSS3草案 */
	/*-webkit-border-radius: 10px!important;	/* Safari,Google Chrome用 */
	/*-moz-border-radius: 10px!important;	/* Firefox用 */
}
/*.twitter-timeline{ background-color: #b4e8ff!important;}*/
#twitter-widget-0 .timeline-Footer { background-color: #b4e8ff!important;}


/* SNS系 ------------------------------------------ */
#snsWrap { text-align:center; padding:0 0 1rem; }

#social-icon { display: block; margin: 0 auto; width: 330px; height: auto;}
#social-icon div {overflow: hidden; margin: 6% auto 1%;}
#social-icon p { font-size: 120%; font-weight: bold; color:#4986c9;}
#social-icon a {
  display: block;
  float: left;
  margin: 0 2px 5px 2px;
  padding: 0;
  color: #c6bb80;
}
#social-icon a .twitter{ color : #fff; }
#social-icon a .facebook{ color : #fff; }
#social-icon a .youtube{ color : #fff; }
#social-icon i {
  width: 58px;
  height: 58px;
  margin: 0;
  border-radius: 50%;
  line-height: 58px;
  text-align: center;
}
#social-icon .twitter i { color : #fff; background: #000000; }
#social-icon .facebook i { color : #fff; background: #4267b2; }
#social-icon .youtube i { color : #fff; background: #ff0000; }
#social-icon .line i { color : #fff; background: #00b900; }

#social-icon .twitter:hover i { background: #888888; -webkit-transition: all 0.5s; transition: all 0.5s; transform: scale(1); }
#social-icon .facebook:hover i { background: #7395db; -webkit-transition: all 0.5s; transition: all 0.5s; transform: scale(1); }
#social-icon .youtube:hover i { background: #ff7575; -webkit-transition: all 0.5s; transition: all 0.5s; transform: scale(1); }
#social-icon .instaIcon:hover img {opacity: 0.6; -webkit-transition: all 0.5s; transition: all 0.5s; transform: scale(1); }
#social-icon .line:hover i { background: #64be64; -webkit-transition: all 0.5s; transition: all 0.5s; transform: scale(1);  }

#snsBox { width: 240px;}
#instagram div { width: 80px;}

.instaIcon { width: 58px; height: 58px;}
.instaIcon img{
    /*position: absolute;*/
    left: 0;
    top: 0;
	width: 100%;
    max-width: 58px;
	height: 100%;
    max-height: 58px;
	border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-transition: all 0.5s;
    /*transition: all 0.5s;
    transform: scale(1);*/
}

/* サポート関連 ------------------------------------------ */
#supportLinks {
	display:flex;
	justify-content: center;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.leftWrap,.rightWrap {
	border-radius: 12px;
	overflow: hidden;
}
.leftWrap {
	width: 70%;
	background-color: #eee;
	display: flex;
	justify-content: left;
	margin-right: 1rem;
}
	.leftWrap a { display:inline-block; }
		.leftWrap a:last-child { flex-grow:2; }
	.leftWrap .btns, .rightWrap .btns {
		padding:1rem 0.5rem 0.7rem;
		text-decoration: none;
		color: #fff;
		display: block;
		padding-right: 2.5rem;
		margin-right: 1px;
		min-height:100%;
	}
		.leftWrap .btns:after,
		.rightWrap .btns:after {
			content: "\f138";
			font-family: FontAwesome;
			right: 7px;
			top: calc(50% - 0.7rem);
			font-size: 1.5rem;
			position: absolute;
		}
	.leftWrapBbg {background:#70caff;}
	.leftWrapGbg { background: #bababa;}
	.smallTxt01 { top:-4px; font-size: 0.92rem;}
	.bigTxt01 { font-size: 1.5rem;}
	.bigTxt02 { font-size: 1.32rem; top:-4px;}
	
	.rightWrap {
		width:30%;
	}

.leftWrap .btns,.rightWrap .btns {
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.rightWrap {background: #4986c9;}
.leftWrap .btns:hover { background-color:#1badff; }
	.rightWrap .btns:hover:after, .leftWrap .btns:hover:after { right:4px; }

	.rightWrap .btns:hover,
	.leftWrap .btns.btnsBig_SP:hover { background-color: #1badff; } /* アンケート */

.normalTxt { line-height: 1.2;}




/* フッターバナー・ページの先頭へ ------------------------------------------ */
#footer_bnrWrap,#backTopWrap {
	background-color: #eee;
    text-align: center;
    padding: 1.6rem 0 1.5rem;
    margin-top: 2rem;
}
	#footer_bnrWrap a { display:inline-block; }


.footer_l{
	margin-bottom:1rem;
}
#backTopWrap { background-color: #ffb11b;margin-top:0; display:block; color:#fff; text-decoration:none; font-weight:bold;     font-size: 1.4rem;}
	#backTopWrap:hover { background-color: #ff8c1b; }


#footerWrap {
	display: flex;
    grid-template-columns: repeat(auto-fit,25%);
    justify-content: space-around;
    grid-column-gap: 10px;
    padding-top: 2rem;
	font-size: small;
	line-height: 2rem;
}
	#footerWrap li { list-style:none;  -webkit-transition: all .3s; transition: all .3s; }
	#footerWrap li:hover{ transform:translateX(2px); }


/* フッターinstagram用
-------------------------------------------- */
#snsWrap { z-index: 99; }
#social-icon { width:auto; }
#social-icon div {
	overflow:inherit;
}
#snsBox {
	width:auto;
	padding: 15px 0;
}
	#snsBox li {
		list-style:none;
		display: inline-block;
	}
	#social-icon .instagram i{
		color: #fff;
		background: #d6249f;
		background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
	}
		#social-icon .instagram i:hover{
			opacity:0.8;
			transition: all 0.5s;
			transform: scale(1);
		}



#snsBox #footerInstaList {
    margin: auto;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    border: 1px solid #ccc;
    top: 130%;
    left: 39px;
    pointer-events: none;
    max-width: 58px;
    max-height: 58px;
	opacity:0;
	-webkit-transition: all .5s;
	transition: all .5s;
}
/* Firefox */
@-moz-document url-prefix() {
	#snsBox #footerInstaList {
	top: 115%;
	}
}

	#footerInstaList div {
		margin:auto;
	}
	#footerInstaList .itemWrap{
	}
	#footerInstaList .item {
		margin: 10px auto;
	}
		#footerInstaList .item .icon {
			min-width:80px;
			min-height:80px;
		}
		#footerInstaList .item .txt {
			display:none;
		}


	#footerInstaList:before,
	#footerInstaList:after {
		content: "";
		position: absolute;
		top: -29px;
		left: 0;
		margin-left: -25px;
		border: 15px solid transparent;
		border-bottom: 15px solid #adadad;
		z-index: 9999;
	}
		#footerInstaList:before {
			z-index: 10000;
			top: -28px;
			border-bottom: 15px solid #fff;
		}
		#snsBox .insta .instagram {
			z-index: 10010;
			pointer-events:none;
		}
		
		#snsBox .insta #footerInstaList {
			display: none;
			pointer-events:none;
		}
		#snsBox .insta:hover #footerInstaList {
			display: block;
			top: 115%;
			opacity:1;
			pointer-events:auto;
		}

		#footerInstaList_IN {
			display: block;
			min-width: auto;
			padding-left: inherit;
			text-align: center;
			position: fixed;
			width: 320px;
			left: 50%;
			transform: translate(-50%, -0%);
			background-color: #fff;
			border: 1px solid #ccc;
			border-radius: 10px;
			pointer-events: painted;
		}
		/* IE */
		_:-ms-input-placeholder, :root #footerInstaList_IN {
			position:absolute;
			pointer-events: painted;
			left: -90%;
			transform: translate(-90%, -0%);
		}
		/* Firefox */
		@-moz-document url-prefix() {
			footerInstaList_IN {
			position:absolute;
			pointer-events: painted;
			left: -32vw;
			}
		}

/* フッターエンド・ロゴ＆(C) ------------------------------------------ */
#footerEnd {
	border-top: 2px solid #dadada;
	padding: 0.8rem;
	font-size: small;
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
}
	.links a { text-decoration:none; color:#4d4d4d; }
	.copyRight{ line-height: 2.2;}


/* フェードイン効果 ------------------------------------------ */
.fadeIn { opacity:0; transform:translateY(10px); -webkit-transition: all 1s; transition: all 1s; }
.fadeOn { opacity:1; transform:translateY(0px); }


@media screen and (max-width:1072px) {
/*　取扱商品
-----------------------------------------------*/
	.itemWrap {
		width:calc(222px * 3.5);
		padding-left:0;
	}
}

@media screen and (min-width:1100px) {
	.slick-prev{ left: -2.5rem; }
	.slick-next { right:-2.5rem; }
}


@media screen and (max-width:640px) {

/* サブメニュー ------------------------------------------ */
.itemWrap { width:auto; }
.menu_item {
	min-width:auto;
	transform:scale(1);
}
.itemWrap {
	max-width:640px;
	padding-left: 7.5%;
}
.itemWrapSUBmenu {
	min-width:auto;
	width: 95%;
    text-align: left;
}

.itemWrap .item {
	max-width:25vw;
}
	.itemWrap .item .icon {
		min-width: 25vw;
		min-height: 25vw;
	}

	.floatMenu * {
		transform:none !important;
		-webkit-transition:none !important;
	}

.floatMenu { width:90vw; }
.menu_support { left: -22.5vw; }
.menu_item {
	text-align: center;
    padding: 4px 0;
    margin: 0;
    align-items: center;
}
.menu_menu { left: -68vw; }


/* ▲共通
----------------------------------------------------- */
.hukidasi-big:before {
	border:9px solid transparent;
	border-bottom-color:#fff;
	border-top-width:0;
	top:-9px;
	left:9.2vw;
}
.hukidasi-big:after {
	border:10px solid transparent;
	border-bottom-color:#b9b9b9;
	border-top-width:0;
	top:-11px;
	left:9vw;
}

#headMenus li .floatMenu { -webkit-transition: all 0s; transition: all 0s; }
#headMenus li.show .floatMenu {
	opacity: 1;
    pointer-events: auto;
}
#headMenus li.hide .floatMenu {
	opacity: 0;
    pointer-events: none;
}
	#headMenus li.hide .btns {
		background-color: #ffb11b !important;
	}



.menu_support.hukidasi:before,
.menu_support.hukidasi:after { left:33vw }

.menu_menu.hukidasi:before,
.menu_menu.hukidasi:after { left:75vw }



/* //サブメニュー ---------------------------------------- */


	#header {
		display: block;
		padding-top: 0.4rem;
		padding-bottom: 2rem;
		margin:0;
	}
	.pinocchiologo {display: block; width: 50%; margin: 0.2rem auto;}
	.pinocchiologo img { width: 100%;}
	#form02 { min-width: auto;}
	#form02 .search { max-width: 200px; height: 40px; font-size: 16px; }
	#form02 .check_label { height: 40px; line-height: 27px;}
	
	.menuicon { max-width: 16px; max-height: 16px;}
	.top01 { margin-top: 7px;}
	#headerMenuWrap li { font-size: 0.8rem; padding: 0.3rem 0;}
	#headerMenuWrap li div { vertical-align: middle; line-height: 0.5; padding-top: 4px; }
	
	.categoryTitle { width: 80%; font-size: 1.4rem; padding: 3rem 0 1.6rem 0; margin: 0 2.5rem; }
	.categoryTitle p { width: 140px;}
	.categoryTitle:before { margin-right:  0em; margin: 11px 0 0 0;}
	.categoryTitle:after { margin-left:  0em; margin: 11px 0 0 0;}
	
	
	/*言語*/
	#languageBox { width: 100%; min-width: auto; max-width: 100%; height: auto; margin-top: 6px; margin-bottom: 10px; margin-left: 6px;}
	#languageBox a { width: 80px; margin-right: 10px; height: auto; padding: 9px 0;}
	#languageBox br { display: none;}
	#languageBox .c01{ height: auto; padding: 9px 0;}
	
/*#headerMenuWrap li{ font-size:16px; padding: 3% 1%; }*/

#headMenus { border-radius:10px; z-index:105; width:95%; }
	#headMenus .menu4 br { display: block;} 

	.menu_item { left:2.5vw; }
	#headMenus li:hover .menu_item { top:1.7rem; }


#tokusetu div, #douga div { padding: 0;}


/* 特設サイト・動画 ------------------------------------------ */
#tokusetu,#douga {
}

#tokusetu .bnr,#douga .bnr {
}
	#tokusetu .bnr:hover,#douga .bnr:hover {
	}

#tokusetu .bnr img,#douga .bnr img {
}

#tokusetu div, #douga div {
}

#douga a p {
}

#douga a { }
		#douga a:link { }
		#douga a:visited { color:#5a5a5a; text-decoration:none }
		#douga a:hover { color:#5a5a5a; text-decoration:none }
		#douga a:active { color:#5a5a5a; text-decoration:none }


/* 動画のslick ------------------------- */
#douga .slick-prev,
#douga .slick-next {
	top:40%;
}

	
#newInfo {
	display: flex;
	flex-wrap: wrap;
	width: 95%;
}
	.newBlk { width:43%; }
	.newBlk .imgs { min-width:inherit; }
	.newBlk .txts { font-size:0.8rem; line-height: 1.4rem;}

.itemWrap { }
.item { margin: 3px;}
.item .icon {
}
.item .txt {
	font-size: 0.5rem;
    line-height: 0.8rem;
    text-align: left;
}
	.item .txt br { display: none;}
	
#itemBtnWrap .itemList_btn .btnTempbig {
	font-size:1rem;
	padding: 1rem 0;
}
	
#newsWrap { flex-direction: column; }
.newsList,.twitterWrap {
	width: 90%;
	margin:0 auto 2rem;
}
.twitterWrap { height:100vw; }
	#twitter-widget-0 { max-height: none;}
	#snsWrap { padding: 1rem 0 1.2rem; }
	
#supportLinks {
	flex-direction: column;
}
	#supportLinks .leftWrap {
		flex-wrap: wrap;
		width: 90%;
		margin: auto;
	}
	#supportLinks .btns {
		width: 30%;
		padding: 1rem 0.5rem;
		padding-right: 2rem;
		font-size: 0.8rem;
	}
	#supportLinks .btnsBig_SP { width:100%; font-size: small; margin-bottom: 1px; padding: 1rem;}
	#supportLinks .btnsBig_SP:after{ position:absolute; }
	
	#supportLinks .leftWrap a:not(:first-child)  br{
		display:none;
	}
	
	
	#supportLinks .rightWrap {
		width: 90%;
		margin: auto;
		margin-top: 1rem;
	}
		#supportLinks .rightWrap .btns {
			width: 100%;
			font-size: small;
			padding:1rem;
		}
		#supportLinks .rightWrap .btns:after{ position:absolute; }
	
	#footer_bnrWrap { 
		display: grid;
		grid-template-columns: 50% 1fr;
		grid-template-rows: 45% 1fr;
		width: 100%;
		margin: auto;
		line-height: 1rem;
		padding: 3% 5%;
    	margin-top: 5%;
	}
		#footer_bnrWrap a {
			display: inline-block;
			width: 100%;
			padding: 2%;
		}
		#footer_bnrWrap a img { width: 100%;}
	
	#footer_bnrWrap .footer_l{
	width:205% !important;
}
	
	#footerWrap {
		display: grid;
		grid-template-columns: 50% 1fr;
	/*	grid-template-rows: 50% 1fr;*/
		grid-column-gap: 0px;
		line-height:1rem;
		width: 100%;
		margin: auto;
		padding-top: 0rem;
	}
	#footerWrap li {
		border-bottom: #dcdcdc 1px solid;
    	padding: 14px 0 14px 10px;
    	font-size: 11px;
		background-image: url(../new_img/common/arrow01.jpg);
		background-repeat: no-repeat;
		background-position: right;
		background-size: contain;
		-webkit-transition:  none;
    	transition: none;
	}
	#footerWrap li:hover{ transform:none; }
	
	#footerWrap .n01 li ,#footerWrap .n02 li ,#footerWrap .n03 li {
		border-right: #dcdcdc 1px solid;
	}
	#footerWrap .n03 li:last-child {border-bottom: none;}
	#footerEnd { margin-top: 0; display: block;}
	.logo { width: 100%; display: block; text-align: center;}
	.copyRight { line-height: 1.1; font-size: xx-small; width: 100%; text-align: center; display: block;}
	
		#footerWrap .n01 { grid-column: 1 / 1; }
		#footerWrap .n02 { grid-row: 2 / 2; }
		#footerWrap .n03 { grid-column: 2 / 1; }
		#footerWrap .n04 { grid-row: 1 / 4; }

/* フッターinstagram用
-------------------------------------------- */
#footerInstaList .item .icon {
	min-width: 60px;
    min-height: 60px;
    margin: 2px;
}
#footerInstaList .item {
	margin:5px auto;
}
#snsBox .insta:hover #footerInstaList {
	top:inherit;
	opacity:0;
	pointer-events:none;
}

#snsBox .insta .instagram { pointer-events: auto;}

#footerInstaList {
	top: 130% !important;
}
	#footerInstaList.show {
		top: 115% !important;
		opacity:1 !important;
		pointer-events:auto !important;
	}
	#footerInstaList_IN { }

}