* {
    margin: 0;
    padding: 0;
}
button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}

li{
    list-style: none;
}
a{
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
a:hover img{
	opacity:0.8;
}
button:hover{
	opacity:0.8;
}
img{
	max-width:100%;
}
label{
    -webkit-tap-highlight-color: transparent;
}
.sp{
    display: none;
}
.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}
.center{
	text-align: center;
}
body {
	line-height: 1;
	font-size: 17px;
	font-family: 'M PLUS Rounded 1c',"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	color:#4d4d4d;
	box-sizing: border-box;	
	overflow-x: hidden;
	background: #F8F1FF;
}
.mt20{margin-top:20px;}
/*--------------------------------FV*/
main{
	width:1280px;
	margin:auto;
	background:#fff;
	position: relative;
}
.wrap{
	width:1200px;
	margin:auto;
}
header{
	width:1280px; margin:auto;
	position:relative;
	background:#fff;
	height: 100px;
	margin: auto;
	z-index: 9;
}
.header-inner{
	width: 1280px;
	position: fixed;
	background: #fff;
	height: 100px;
}
.header-inner .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
  }
.header_logo{
	width: 140px;
}
.menu_open{
	width:60px;
}
.kv{
	background:url(../images/kv_bg-pc.jpg) center top no-repeat;
	height: 780px;
	position: relative;
}
.kv-toys{
	position:absolute;
	width: 200px;
}
.kvtoys1{
	top:27px;
	left: 409px;
}
.kvtoys2{
	top:56px;
	left: 685px;
}
.kvtoys3{
	top:48px;
	left: 70px;
}
.kvtoys4{
	top:153px;
	left: 1080px;
}
.kvtoys5{
	top:325px;
	left: 26px;
}
.lead{
	position: relative;
	background:url(../images/lead_bg-pc.jpg) center top no-repeat;
	height: 516px;
}
.lead h1{
  width: 530px;
  position: absolute;
  top: -200px;
  left: 50%;
  transform:translateX(-50%)
}
.lead .h1-2{
	text-align: center;
}
.lead .h1-2 img{
	margin-top: -15px;
}
.lead-img01{
	width: 320px;
	position: absolute;
	top: 180px;
	left: 0;
	opacity: 0;
}
.lead-img02{
	width: 320px;
	position: absolute;
	top: 180px;
	right: 0;
	opacity: 0;
}
.lead ul {
	width: 510px;
	margin:auto;
}
.lead ul li{
	background: url(../images/lead_textbg-pc.png) center bottom 10px no-repeat;
	text-align: center;
	height: 49px;
	font-size: 24px;
	margin-bottom: 7px;
}
.sec01{
	background: url(../images/sec01_bg-pc.jpg) center top 100px no-repeat;
	height: 1040px;
	padding: 165px 0 0;
	margin-top: -100px;
}
.sec01-inner{
	background: url(../images/sec01_innnerbg-pc.png) center top no-repeat;
	width: 960px;
	margin: auto;
	position: relative;
}
.sec01-01,.sec01-02,.sec01-03{
	display: flex;
	justify-content: space-between;
	line-height: calc(26 / 16);
}
.child_1{
	order: 1;
}
.sec01-01{
	padding:90px 100px 0;
}
.sec01-02{
	padding:0px 100px 0;
}
.sec01-03{
	padding:0px 100px 90px;
}
.sec01 .text-box{
	width:366px;
}
.sec01 .text-box p{
	padding-left:40px;
	font-size: 15px;
	line-height: 1.8;
}
.sec01 .text-box p.leftp{
	padding-left:28px;
}
.sec01 .img-box{
	width:334px;
}
.sec01-01,.sec01-02{
	margin-bottom: 40px;
}

.sec01-inner h2{
	position: absolute;
	top:-29px;
	left: 50%;
	transform: translateX(-50%);
}



.sec02{
	background: url(../images/sec02_bg-pc.jpg) center top 100px no-repeat;
	height: 1616px;
	padding-top: 122px;
	margin-top: -100px;
}
.sec02-inner{
	background: url(../images/sec02_innnerbg-pc.png) center top no-repeat;
	width: 960px;
	margin: auto;
	position: relative;
}
.sec02-inner h2{
	position: absolute;
	top:-33px;
	left: 50%;
	transform: translateX(-50%);
}
.sec02-inner h3{
	padding-top: 90px;
	margin-bottom: 20px;
}
.sec02-wrap01{
	padding: 0 100px 15px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.sec02-wrap01 .arr{
	margin-top: 22px;
}
.sec02-wrap02{
	display: flex;
	justify-content: space-between;
	padding: 0 100px 100px;
}
.sec02-wrap02 > div{
	width: 225px;
}

.sec03{
	background: url(../images/sec03_bg-pc.jpg) center top 100px no-repeat;
	height: 1073px;
	padding-top: 130px;
	margin-top: -100px;

}
.sec03-inner{
	background: url(../images/sec03_innnerbg-pc.png) center top no-repeat;
	width: 960px;
	margin: auto;
	position: relative;
	height:945px ;
	padding-top: 90px;
}
.sec03-inner h2{
	position: absolute;
	top:-33px;
	left: 50%;
	transform: translateX(-50%);
}
.sec03 .ig-wrap{
	padding: 90px 100px 40px;
}
.sec03 .link-sns{
	padding: 50px 100px 90px;
}
.sec03 .link-sns ul{
	display: flex;
	justify-content: space-between;
}
.sec04{
	padding-bottom: 40px;
}
.sec04 .sec04-inner{
	width: 736px;
	margin: auto;
}
.sec04 .link-shop{
	padding-top:100px;
	margin-top:-100px;
}
.sec04 .link-shop ul{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}
.sec04 .link-shop ul li.ama{
	width:190px;
}
.sec04 p{
	font-size: 10px;
}
footer{
	width: 1280px;
	margin: auto;
	border-top: 8px solid #b16fbe;
	background: #fff;
	padding-bottom: 60px;
}
footer .footerlink-wrap{
	width: 580px;
	margin: 26px auto 20px;
}
footer .footerlink-wrap ul{
	display: flex;
	justify-content: space-between;
	font-size:14px;
}
footer a{
	color:#4d4d4d;
}
footer p{
	font-size: 10px;
	text-align: center;
}
.footerlogo-wrap{
	margin-top: 50px;
}
.footerlogo-wrap{
	margin-top: 50px;
	text-align: center;
	margin-bottom: 10px;
}
.footerlogo-wrap img{
	width: 140px;
}
.footerlogo-text{
	text-align: center;
	font-size: 10px;
}
.totop{
	position: fixed;
	bottom:20px;
	right:20px;
}

.md-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: .7;
  z-index: 9999;
}
 
.md-contents{
  display: none;
  position: fixed;
background-color: #fff;
	margin: auto;
width: 888px;
height: 456px;
top: 50%;
left: 50%;
background: url(../images/modal_bg-pc.png) center center no-repeat;
transform: translate(-50% , -50%);
z-index: 10000;
}
.modal-box {
	/*background-color: #fff;
	margin: 10% auto;
	width: 888px;
	height: 456px;
	background: url(../images/modal_bg-pc.png) center center no-repeat;*/
	position: relative;
}
.modalClose{
	position: absolute;
	width: 26px;
	height: 26px;
	top: 34px;
right: 34px;
}

.modal-box{
	width: 888px;
	height: 456px;
}
.modal_ttl {
	text-align: center;
	padding-top: 35px;
	position: relative;
}
.newstar{
	position: absolute;
	width: 72px;
	top: 35px;
	left: 32px;
}
.modal_inner{
	display: flex;
	justify-content: space-between;
	padding: 15px 73px 0;
	align-items: center;
}
.modal_slide{
	width:360px;
	text-align: center;
}
.swiper-slide img{
	padding: 0 30px;
	width: 300px;
}
.modal-text{
	width:370px;
}
.modal-text ul{
	margin-bottom: 30px;
}
.modal-text ul li{
	font-size: 14px;
	margin-bottom: 10px;
}
.modal_inner h2{
	margin-bottom:25px;
}
.swiper-button-next, .swiper-rtl .swiper-button-prev {
	right: 0;
	left: auto;
  }
.swiper-button-prev, .swiper-rtl .swiper-button-next {
	left: 0;
	right: auto;
}
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after {
	content: '';
  }
  .swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
	content: '';
  }

#instagram-feed1{
	width: 736px;
	margin: auto;
}
.insta-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.insta-box{
	width: 33%;
	height: 246px;
	position: relative;
overflow: hidden;
}
.insta-box img{
	position: absolute;
top: 50%;
transform: translateY(-50%);
}
  @media screen and (max-width: 1280px){
	main{
		width: 100%;
	}
}
@media screen and (max-width: 1000px){
	main{
		width: 1000px;
	}
}
@media screen and (max-width: 768px){
	.sp{display:block!important;}
	.pc{display:none!important;}
	header {
		width: auto;
		height: 35px;
	  }
	.header-inner {
		width: 100%;
		height: 35px;
	  }
	.header-inner .wrap {
		height: 35px;
		width: auto;
	  }
	.header_logo {
		width: 70px;
		padding-left: 10px;
	  }
	  .menu_open {
		width: 30px;
		padding-right: 10px;
	  }
	  main {
		width: 100%;
	  }
	.kv {
		background: url(../images/kv_bg-sp.jpg) center top no-repeat;
		background-size: 100% auto;
		height: calc(753vw / 7.68);
	  }
	  .lead h1 {
		width: calc(496vw / 7.68);
		top: calc(-230vw / 7.68);
	  }
	  .lead .h1-2 img {
		margin-top: 0;
	  }
	  .lead ul {
		width: calc(596vw / 7.68);
		margin: calc(40vw / 7.68) auto 0;
	  }
	  .lead ul li {
		background: url(../images/lead_textbg-sp.png) center bottom calc(10vw / 7.68) no-repeat;
		background-size: 100% auto;
		height: calc(70vw / 7.68);
		font-size: calc(30vw / 7.68);
		margin-bottom: calc(14vw / 7.68);
		width: 100%;
	  }
	  .lead ul li:last-child{
		background: none;
	  }
	  .lead {
		height: auto;
		background: url(../images/lead_bg-sp.jpg) center bottom no-repeat;
		background-size: 100% auto;
	  }
	  .lead-img{
		width: calc(648vw / 7.68);
		margin: calc(30vw / 7.68) auto calc(90vw / 7.68);
	  }
	  .sec01 {
		background: url(../images/sec01_bg-sp.jpg) center top 35px no-repeat;
		height: auto;
		padding: 35px 0 0;
		margin-top: -35px;
		background-size: 100% auto;
	  }
	  .sec01-inner {
		background: url(../images/sec01_innnerbg-sp.png) center top no-repeat;
		width: calc(600vw / 7.68);
		background-size: 100% auto;
	  }
	  .sec01-inner h2 {
		top: calc(-62vw / 7.68);
		width: calc(480vw / 7.68);
	  }
	  .sec01-01 {
		padding: calc(120vw / 7.68) calc(40vw / 7.68) 0;
	  }
	  .child_1 {
		order: inherit;
	  }
	  .sec01 {
		background: url(../images/sec01_bg-sp.jpg) center top 100px no-repeat;
		padding: 35px 0 0;
		margin-top: -35px;
		background-size: 100% auto;
	  }
	  .sec01-01, .sec01-02, .sec01-03 {
		display: inherit;
	  }
	  .sec01 .img-box{
		width:100%;
	}
	.sec01 .text-box {
		width:100%;
		margin-top: calc(20vw / 7.68);
	  }
	  .sec01 .text-box p {
		padding-left: 0;
		font-size: calc(28vw / 7.68);
		line-height: 2;
		text-align: center;
	  }
	  .sec01-01, .sec01-02 {
		margin-bottom: calc(70vw / 7.68);
	  }
	  .sec01-02 {
		padding: 0px calc(35vw / 7.68) 0;
	  }
	  .sec01-03 {
		padding: 0px calc(35vw / 7.68) calc(122vw / 7.68);
	  }
	  .sec01 .text-box p.leftp {
		padding-left: 0;
	  }
	  .sec02 {
		background: url(../images/sec02_bg-sp.png) left top 35px no-repeat;
		height: auto;
		padding-top: 100px;
		margin-top: -35px;
		background-size: calc(84vw / 7.68);
	  }
	  .sec02-inner {
		background: none;
		width: calc(680vw / 7.68);
	  }
	  .sec02-inner h3 {
		padding-top: calc(112vw / 7.68);
		margin: 0 auto calc(40vw / 7.68);
		text-align: center;
		width: calc(600vw / 7.68);
	  }
	  .sec02-inner h2 {
		top: calc(-62vw / 7.68);
		width: calc(480vw / 7.68);
	  }
	  .sec02-wrap01 .left,.sec02-wrap01 .right{
		width: calc(320vw / 7.68);
	  }
	  .sec02-wrap01 {
		padding: 0;
	  }
	  .sec02-wrap02 {
		padding: 0 0 calc(100vw / 7.68);
	  }
	  .sec02-wrap02 button {
		width:calc(216vw / 7.68);
	  }
	  .md-contents {
		width: calc(600vw / 7.68);
		height: calc(1048vw / 7.68);
		background: url(../images/modal_bg-sp.png) center center no-repeat;
		background-size: contain;
	  }
	  .modal-box {
		width: auto;
		height: auto;
	  }
	  .modal_inner {
		display: inherit;
		padding: calc(20vw / 7.68) 0 0;
		height: calc(418vw / 7.68);
	  }
	  .modal_slide {
		width: calc(516vw / 7.68);
		margin: auto;
	  }
	  .modal-text {
		width: calc(500vw / 7.68);
		margin: auto;
	  }
	  .modal_ttl {
		padding-top: calc(20vw / 7.68);
	  }
	  .modal-text ul li {
		font-size: calc(18vw / 7.68);
		margin-bottom: calc(10vw / 7.68);
	  }
	  .modal_inner h2 {
		margin-bottom: calc(24vw / 7.68);
	  }
	  .modal-text ul {
  margin-bottom: calc(30vw / 7.68);
}
	  .swiper-slide img {
		width: calc(400vw / 7.68);
	  }
	  .sec03 {
		background: url(../images/sec03_bg-sp.jpg) center top 35px no-repeat;
		padding-top: 60px;
		margin-top: -35px;
		background-size: 100% auto;
		height: auto;
	  }
	  .sec03-inner {
		background: url(../images/sec03_innnerbg-sp.png) center top no-repeat;
		width: calc(600vw / 7.68);
		padding-top: calc(110vw / 7.68);
		background-size: 100% auto;
		height: auto;
		padding-bottom: calc(100vw / 7.68);
	  }
	  .sec03-inner h2 {
		top: calc(-62vw / 7.68);
		width: calc(480vw / 7.68);
	  }
	  .sec03 .link-sns ul {
		display: inherit;
		flex-wrap: wrap;
	  }
	  .sec03 .link-sns ul li {
		width:calc(402vw / 7.68);
		margin: calc(20vw / 7.68) auto calc(26vw / 7.68);
	  }
	  .sec03 .link-sns {
		padding: 0;
	  }
	  .sec04 .link-shop {
		padding-top: 35px;
		margin-top: -35px;
	  }
	  .sec04 .sec04-inner {
		width: calc(600vw / 7.68);
	  }
	  .sec04 .link-shop ul{
		flex-wrap: wrap;
	  }
	  .sec04 .link-shop ul li.ama,.sec04 .link-shop ul li.toy {
		width: 50%;
		margin-top: calc(34vw / 7.68);
	  }
	  .sec04 p {
		font-size: calc(18vw / 7.68);
		line-height: 1.5;
	  }
	  footer {
		width: 100%;
	  }
	  footer .footerlink-wrap ul {
		font-size: calc(21vw / 7.68);
		flex-wrap: wrap;
		justify-content: left;
	  }
	  footer .footerlink-wrap ul li{
		margin-bottom: calc(30vw / 7.68);
	  }
	  
	  footer .footerlink-wrap ul li span{
		display: inline!important;
	  }
	  footer .footerlink-wrap ul li:nth-child(odd){
		width: calc(260% / 6);
	  }
	  footer .footerlink-wrap ul li:nth-child(even){
		width: calc(330% / 6);
	  }
	  footer .footerlink-wrap {
		width: calc(600vw / 7.68);
		margin: calc(50vw / 7.68) auto calc(26vw / 7.68);
	  }
	  #instagram-feed1 {
		width: calc(520vw / 7.68);
	  }
	  .insta-box {
		height: calc(173vw / 7.68);
	  }
	  .sec03 .link-sns ul li:nth-child(2){
	  margin-bottom: calc(33vw / 7.68);
	  }
	  footer p {
		font-size: calc(20vw / 7.68);
		width: calc(600vw / 7.68);
		margin: auto;
		text-align: left;
		line-height: 1.5;
	  }
	  .totop{
	  	width:calc(75vw / 3.75);
		max-width:75px;
	  }
	  .modalClose {
	  position: absolute;
	  width: calc(30vw / 7.68);
	  height: calc(30vw / 7.68);
	  top: calc(36vw / 7.68);
	  right: calc(36vw / 7.68);
	}
	 
	 .kv-toys{
		position:absolute;
		width: calc(162vw / 7.68);
	}
	.kvtoys1{
		top:calc(58vw / 7.68);
		left: calc(216vw / 7.68);
	}
	.kvtoys4{
		top:calc(10vw / 7.68);
		left: calc(410vw / 7.68);
	}
	.kvtoys3{
		top:calc(26vw / 7.68);
		left: calc(46vw / 7.68);
	}
	.kvtoys2{
		top:calc(18vw / 7.68);
		left: calc(595vw / 7.68);
	}

}