@charset "utf-8";

/* CSS Document */



body {
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	word-break: keep-all;
	line-break: strict;
	word-wrap: break-word;
	overflow-wrap: break-word;
}


a:hover {
    opacity: 0.8;
}
a {
    transition: opacity 0.3s ease-out;
}
.sp {
    display: none;
}
.pc {
    display: block;
}
@media (max-width: 750px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
}
.ml-10 {margin-left: 10px;}
.ml-20 {margin-left: 20px;}
.ml-30 {margin-left: 30px;}
.ml-40 {margin-left: 40px;}
.ml-50 {margin-left: 50px;}
.ml-60 {margin-left: 60px;}
.ml-70 {margin-left: 70px;}
.ml-80 {margin-left: 80px;}
.ml-90 {margin-left: 90px;}
.ml-100 {margin-left: 100px;}
.ml-110 {margin-left: 110px;}
.ml-120 {margin-left: 120px;}
.ml-130 {margin-left: 130px;}
.ml-140 {margin-left: 140px;}
.ml-150 {margin-left: 150px;}
.ml-160 {margin-left: 160px;}
.ml-170 {margin-left: 170px;}
.ml-180 {margin-left: 180px;}
.ml-190 {margin-left: 190px;}
.ml-200 {margin-left: 200px;}
@media (max-width: 640px) {
    .ml-10 {margin-left:1.333333333vw;}
    .ml-20 {margin-left:2.666666667vw;}
    .ml-30 {margin-left:4vw;}
    .ml-40 {margin-left:5.333333333vw;}
    .ml-50 {margin-left:6.666666667vw;}
    .ml-60 {margin-left:8vw;}
    .ml-70 {margin-left:9.333333333vw;}
    .ml-80 {margin-left:10.66666667vw;}
    .ml-90 {margin-left:12vw;}
    .ml-100 {margin-left:13.33333333vw;}
    .ml-110 {margin-left:14.66666667vw;}
    .ml-120 {margin-left:16vw;}
    .ml-130 {margin-left:17.33333333vw;}
    .ml-140 {margin-left:18.66666667vw;}
    .ml-150 {margin-left:20vw;}
    .ml-160 {margin-left:21.33333333vw;}
    .ml-170 {margin-left:22.66666667vw;}
    .ml-180 {margin-left:24vw;}
    .ml-190 {margin-left:25.33333333vw;}
    .ml-200 {margin-left:26.66666667vw;}
}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mb-30 {margin-bottom: 30px;}
.mb-40 {margin-bottom: 40px;}
.mb-50 {margin-bottom: 50px;}
.mb-60 {margin-bottom: 60px;}
.mb-70 {margin-bottom: 70px;}
.mb-80 {margin-bottom: 80px;}
.mb-90 {margin-bottom: 90px;}
.mb-100 {margin-bottom: 100px;}
.mb-110 {margin-bottom: 110px;}
.mb-120 {margin-bottom: 120px;}
.pb-120 {padding-bottom: 120px;}
.mb-130 {margin-bottom: 130px;}
.mb-140 {margin-bottom: 140px;}
.mb-150 {margin-bottom: 150px;}
.mb-160 {margin-bottom: 160px;}
.mb-170 {margin-bottom: 170px;}
.mb-180 {margin-bottom: 180px;}
.mb-190 {margin-bottom: 190px;}
.mb-200 {margin-bottom: 200px;}
@media (max-width: 640px) {
    .mb-10 {margin-bottom:1.333333333vw;}
    .mb-20 {margin-bottom:2.666666667vw;}
    .mb-30 {margin-bottom:4vw;}
    .mb-40 {margin-bottom:5.333333333vw;}
    .mb-50 {margin-bottom:6.666666667vw;}
    .mb-60 {margin-bottom:8vw;}
    .mb-70 {margin-bottom:9.333333333vw;}
    .mb-80 {margin-bottom:10.66666667vw;}
    .mb-90 {margin-bottom:12vw;}
    .mb-100 {margin-bottom:13.33333333vw;}
    .mb-110 {margin-bottom:14.66666667vw;}
    .mb-120 {margin-bottom:16vw;}
	.pb-120 {padding-bottom:16vw;}
    .mb-130 {margin-bottom:17.33333333vw;}
    .mb-140 {margin-bottom:18.66666667vw;}
    .mb-150 {margin-bottom:20vw;}
    .mb-160 {margin-bottom:21.33333333vw;}
    .mb-170 {margin-bottom:22.66666667vw;}
    .mb-180 {margin-bottom:24vw;}
    .mb-190 {margin-bottom:25.33333333vw;}
    .mb-200 {margin-bottom:26.66666667vw;}
}


#site-notice{
	margin: 2em 5.333%;
    font-size: 85%;
}

/* -----------------------------------------
contents
-----------------------------------------*/

#container {
    margin: auto;
    width: 100%;
}

#contents {
    margin: auto;
    font-family: 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    line-height: 1.6;
    font-size: 16px;
    width: 100%;
    display: block;
    font-feature-settings: "palt";
	vertical-align: bottom;
}

@media (max-width: 750px) {
    #contents {
        font-size: 3.6vw;
    }
}
.serif {
    font-family: 'Noto Serif JP', serif;
}
#contents img {
    width: 100%;
}

#contents p{
	line-height: 1.9;
}



/*---Reset---*/

html {color: #000;
background: #FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,input,button,
textarea,p,blockquote,th,td{
margin: 0;
padding: 0;}
table{
border-collapse: collapse;
border-spacing: 0;}
fieldset,img{
border: 0;}
address,caption,cite,code,dfn,
em,strong,th,var,optgroup{
font-style: inherit;
font-weight: inherit;}
del,ins{text-decoration: none;}
li{list-style: none;}
caption,th{text-align: left;}
h1,h2,h3,h4,h5,h6{font-size: 100%;
font-weight: normal;}
q:before,q:after{content: '';}
abbr,acronym{border:0; font-variant: normal;}
sup{vertical-align: baseline;}
sub{vertical-align: baseline;}
/*because legend doesn't inherit in IE */
legend {color: #000;}
input,button,textarea,select,optgroup,option{
font-family: inherit;
font-size: inherit;
font-style: inherit;
font-weight: inherit;}
/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input,button,textarea,select{*font-size: 100%;}

table {
font-size:inherit;
font:100%;
}
pre, code, kbd, samp, tt {
font-family:monospace;
*font-size:108%;
line-height:100%;
}

html {
height: 100%;
}

body {
height: 100%;
/*background:#F1F0EF;*/
font-family: "Verdana","ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
line-height: 1.5;
}

/*---Anchor---*/

a{outline: none; text-decoration:none; line-height: inherit;}
a:link{color:inherit;}
a:hover{color:inherit;text-decoration:none;}
a:active{color:inherit;text-decoration:none;}
a:visited{color:inherit;}

/*img hover*/
a:hover img.rollover {
filter: alpha(opacity=50);
-moz-opacity: 0.50;
opacity: 0.50;}


/*fadein*/
.animate{
  opacity: 0;
  transform: translateY(10px);
  transition: all 1.0s;
}

.animate2{
  opacity: 0;
  transition: all 1.0s;
}
.animate:not(:nth-child(3n+1)),.animate2:not(:nth-child(3n+1)) {

}
.animate:not(:nth-child(-n+3)),.animate2:not(:nth-child(-n+3)) {
 }
.animate.show {
  opacity: 1;
  transform: translateY(0);
}
.animate2.show {
  opacity: 1;
}
.animate.show:nth-of-type(1),.animate2.show:nth-of-type(1) {
  transition-delay: 0s;
}
.animate.show:nth-of-type(2),.animate2.show:nth-of-type(2) {
  transition-delay: 0.3s;
}
.animate.show:nth-of-type(3),.animate2.show:nth-of-type(3) {
  transition-delay: 0.6s;
}
.animate.show:nth-of-type(4),.animate2.show:nth-of-type(4) {
  transition-delay: 0.9s;
}
.animate.show:nth-of-type(5),.animate2.show:nth-of-type(5) {
  transition-delay: 0.8s;
}
.animate.show:nth-of-type(6),.animate2.show:nth-of-type(6) {
  transition-delay: 0.5s;
}

/* -----------------------------------------
original
-----------------------------------------*/


.vs-hidden{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;	
}

html{
  
}

header{
	z-index: 100;
	position: relative;
}

h1{
	margin: 0;
}

#contents{
	width: 100%!important;
	/*overflow: hidden;*/
	font-family: 'Noto Sans JP';
	line-height: 0!important;
}

.p_absolute{
	position: absolute;
	top: 0;
	left:0;
}

.p_relative{
	position: relative;
}

.zindex1{
	z-index: 1;
	position: relative;
}

.zindex2{
	z-index: 2;
	position: relative;
}

/*トップ分割*/

.ac_left{
	position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
	background-image: url("../img/250108/pcleft_back.webp");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
	z-index: 1;
}

.ac_right{
	position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
	background-image: url("../img/250108/pcright_back.webp?250110");
	background-repeat:no-repeat;
	background-size:cover;
	background-position: center;
	z-index: 1;
}

.ac_inner{
    max-width: 37.5rem;
	z-index: 0;
	position: relative;
}

.pc_titlewrap{
	width:100%;
	position: relative;	
}

.ls1{
	position: absolute;
	top:50vh;
	transform: translateY(-50%);
	left:0;
}

.pc_title_r{
	width:70%!important;
	min-width: 300px;
	max-width: 100%!important;
	position: absolute;
	left:50%;
	top:50%;
	transform: translate(-50%,-50%);
}

.pc_title_r img{
	max-width:100%;
}

.pcr_menuwrap{
	display: flex;
}

.pcr_menuwrap img{
	max-width:90%!important;
}


@media screen and (min-width: 751px) and (max-width: 1100px){

	.ac_inner{
		margin-left: auto;
		max-width: 37.5rem;
		/*border-left: solid 2px #fff;*/
	}
	.ac_left {
		width: calc(100% - 37.5rem);
	}
	
	.ac_right {
		display: block!important;
	}
	
	.pc_titlewrap{
		width:90%;
		display: block;
		left: 5%;
	}

	.pc_title_l{
		width:80%;
		margin: 0 auto 3em;
	}

	.pc_title_r{
		display: none;
	}

	
	.menu img{
		max-width:37.5rem;
	}
	
	.pc_titlewrap{
		display: none;
	}
	
}

@media screen and (min-width: 1101px){

	.ac_inner{
		margin-left: calc(39.9% - 8rem);
		max-width: 32.3rem;
		/*border-right: solid 2px #fff;
		border-left: solid 2px #fff;*/
	}
	
	.ac_left{
	width: calc(40% - 8rem);
	}
	.ac_right {
	 left: calc(40% + 32rem - 7.8rem);
	}


}


@media screen and (max-width: 750px){
	.ac_left, .ac_right {
		display: none;
	}
	.ac_inner {
    max-width: 100%;
	}
}





/*jouetespringcollection*/
.headline{
	border-top: 5px solid #f5ffa1;
	z-index: 999!important;
	position: relative;
}

.op_container {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
}

.toplogo {
  position: relative;
  width: 100%;
  z-index: 6;
  animation: op 7s forwards;
}

.image-a {
  position: absolute;
  object-fit: cover;
  animation: wave 2.5s cubic-bezier(0.5, 0, 1, 1) forwards; 
  z-index:5;
  
}

.openingg{
	position: absolute;
	top:0;
	left:0;
	z-index:3;
	animation: op 6.5s forwards;
}

@keyframes op {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 1;
  }
  100% {
    opacity: 0; 
  }
}

@keyframes wave {
  0% {
    /*transform: scale(1) skew(0deg, 0deg) translate(0, 0);*/
    opacity: 1;
  }
  90% {
    /*transform: scale(1.02) skew(-3deg, 3deg) translate(10px, 5px);*/
    opacity: 1;
  }
  100% {
    /*transform: scale(1) skew(0deg, 0deg) translate(0, 0);*/
    opacity: 0; 
  }
}

.image-b-mask {
  position: relative;
  width: 100%;
  z-index: 4!important;
  animation: op 6.5s forwards;
}

.image-b {
  position: absolute;
  width: 100%;
  object-fit: cover;
  clip-path: inset(100% 0 0 0);
  animation: colorMask 3s ease-in-out 3s forwards;
  z-index: 4!important;
}

@keyframes colorMask {
  0% {
    clip-path: inset(100% 0 0 0); 
  }
  100% {
    clip-path: inset(0 0 0 0);
  }
}

.slideshow {
  position: absolute!important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  animation: opfadeIn ease-in-out 6.3s forwards;
  z-index: 7;
}

.slideshow_logo{
	position: absolute;
	top:0;
	left:0;
	z-index: 8;
	animation: opfadeIn ease-in-out 6.3s forwards;
}

/*.slideshow img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: slideShow 9s infinite;
}*/

@keyframes opfadeIn {
  0%,95% {
    opacity: 0;
	display: none!important;
  }
  100% {
    opacity: 1;
    display: block!important;
  }
}

@keyframes slideShow {
  0%, 33% {
    opacity: 1;
  }
  33.1%, 100% {
    opacity: 0;
  }
}


#sc1{
	width:100%;
	position: relative;
}

#sc2{
	background-color: #faf1fa;
}


.stickywrap{
	width:100%;
	position: relative;
}

#sc3 .stickywrap{
	padding-bottom: 0!important;
}

#sc3 .sticky_adjust{
	margin-bottom: -5px;
}

.sticky{
	position: sticky;
  	top: 0;
  	left: 0;
	z-index: 2;
}

.sticky_left{
	position: sticky;
  	top: 50%;
	margin-bottom: -250px;
	left:4.5%!important;
	z-index: 4;	
	width:2.8%!important;
	transform: translate(20px,-50%)!important;
}

#sw2 .sticky_left{
	margin-bottom: -230px;
}

@media screen and (max-width:750px){
	.sticky_left{
		left:0%!important;
		z-index: 4;	
		margin-bottom: -230px;
	}
}

.swrap_adjust{
	margin-top: -6px;
}

.sticky1{
	position: sticky!important;
  	top: 0;
	z-index: 1!important;
}

.slideadjust{
	padding-top: 2px;
	background-color: #fff;
}

.item1_2{
	z-index: 2!important;
	position: relative;
	will-change: transform, z-index;
}

.stickywrap{
	padding-bottom: 200px;
}


.itemmodal {
  opacity: 0; 
  visibility: hidden; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  transition: opacity 0.5s ease, visibility 0.5s ease;
}

.itemmodal.active {
  display: block; 
  visibility: visible;
  opacity: 1;
}

.jsc_itemwrap{
	position: relative;
	z-index: 2!important;
	background-color: white;
}

.jsc_itemwrap2{
	position: relative;
	z-index: 2!important;
	background-color: #fbf2fb;
}

#sc3 .jsc_itemwrap{
	will-change: transform, z-index;
}

.specwrap1{
	width: 31.4%;
	position: absolute;
	left:25%;
	bottom:30%;
}

.specwrap2{
	width: 31.4%;
	position: absolute;
	left:28%;
	bottom:13%;
}

.specwrap3{
	width: 31.4%;
	position: absolute;
	left:58%;
	bottom:18%;
}

.specwrap3{
	width: 31.4%;
	position: absolute;
	left:58%;
	bottom:18%;
}

.specwrap4{
	width: 31.4%;
	position: absolute;
	left:68%;
	bottom:66%;
}

.specwrap5{
	width: 31.4%;
	position: absolute;
	left:62%;
	bottom:25%;
}

.specwrap6{
	width: 31.4%;
	position: absolute;
	left:68%;
	bottom:28%;
}

.specwrap7{
	width: 31.4%;
	position: absolute;
	left:63%;
	bottom:22%;
}

.animated-images {
  position: relative;
  width: 100%;
  height: auto;
  overflow-x: hidden;
}

.animated-images img {
  position: relative;
  opacity: 0;
  transform: translateX(0);
  transition: transform 0.8s ease-out, opacity 1s ease-out;
}

.animate-from-right {
  transform: translateX(86%)!important; 
}

.animate-from-left {
  transform: translateX(-86%)!important; 
}

.animate-visible {
  opacity: 1!important; 
  transform: translateX(0)!important; 
}

.animate-from-left.animate-visible {
  transition-delay: 0.3s;
}

.sc3_innerwrap{
	background-color: white;
	z-index: 1;
	position: relative;
}

.fbutton{
	position: absolute;
	bottom:25%;
	left:0;
}

.f_snswrap{
	position: absolute;
	bottom: 10%;
	left: 50%;
	transform: translateX(-50%);
	width:120px;
	display: flex;
	justify-content: space-between;
	min-width: 30%!important;
}

.f_snswrap a{
	width:14.4%;
}

#jsc_footer{
	margin-top: 200px;
	background-color: #fff;
}





.itemslide{
	width:93.3%;
	margin: 0 auto;
	border: 2px solid #000;
	border-radius: 20px;
	background-color: #fff;
	padding:0 8.3% 8.3%;
	box-sizing: border-box;
}

.itemslide p{
	line-height: 1.6;	
}

.slick-arrow{
	z-index: 2!important;
}

.slick-arrow:before{
    content:""!important;
    width: 50px!important;
    height: 50px!important;
    position: absolute;
    top: -30px;
}

.slick-next:before{
    background: url("../img/240924/slide_step_allow_r.webp")!important;
    background-size: contain!important;
	right:0;
}

.slick-prev:before{
    background: url("../img/240924/slide_step_allow_l.webp")!important;
    background-size: contain!important;
	left: 0;
}

.is_textwrap{
	width:90%;
	margin: 0 auto;
}

.itm_textwrap{
	width:84.6%;
	margin: 0 auto;
}

.is_itemname{
	text-align: center;
	margin-bottom: 20px;
	line-height: 1.6!important;
}

.is_itembody{
	margin-bottom: 10px;
}


.is_itembody span{
	font-size: 76.8%;
	line-height: 1.4!important;
}

.is_itemexcuse{
	font-size: 92%;
	margin-bottom: 20px;
}

.is_itemexcuse2{
	font-size: 92%;
}

.is_itemexcuse span,.is_itemexcuse2 span{
	text-decoration: underline;
}

.pc_title_r{
	line-height: 0!important;
}

.itemwrap{
	background-color: #fff;
	width:86.6%;
	margin: 0 auto;
	border-radius:  20px;
}

.itemwrap p{
	line-height: 1.6;	
}

.underallow{
	margin-top: -1px;
}

.itemtitle{
	padding-top: 20px;
}

.itembutton{
	margin-bottom: 20px;
}

.lineidbutton{
	margin-top:-18px;
}

.itm_lineidbutton{
	margin-top:-16px;
	transform: translateY(-4px);
}

.itembottom{
	padding-bottom: 30px;
}

.toptext2{
	font-weight: 500;
	line-height: 1.9!important;
}

.presentitle{
	margin-top: 30px;
}

.p_textwrap{
	width:82.6%;
	margin: 0 auto;
}

.page_excuse{
	width:85.4%;
	margin: 0 auto;
	font-size: 84.6%;
}

.page_excuse p{
	line-height: 1.8!important;	
}

.p_textwrap p{
	line-height: 1.8!important;
}

.p_textwrap span{
	font-size: 88.6%;
}

.msinfotextwrap{
	width:89.2%;
	margin: 0 auto;
}

/*slick*/

.slide-dots{
	z-index: 10;
	background-color: #fff;
}


.slide-dots li button:before{
	font-weight: bold;
	font-size:8px!important;	
    content: '○'!important;
    color: #333!important;
}

.slide-dots button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}

.slide-dots {
    display: flex;
    justify-content: center;
}
.slide-dots li {
    width: 6px;
    height: 6px;
    border: 2px solid #333;
    border-radius: 50%;
    margin-right: 16px;
    cursor: pointer;
    transition: background-color .5s ease;
	margin-top: 20px;
}
.slide-dots li.slick-active {
    background-color: #333;
}
.slide-dots li:hover {
    background-color: #333;
}
.slide-dots li:last-child {
    margin-right: 0;
}

.slick-dotted.slick-slider{
	margin-bottom: 0!important;
}


.pcr_menuwrap{
	display: flex;
	justify-content: space-between;
}



.slide-container01 {
    display: flex;
    position: absolute;
    top:0 ;
    animation: loopslide 46s linear infinite;
}

.slide-container02,.slide-container03{
    display: flex;
    position: relative;
    top:0 ;
    animation: loopslide 46s linear infinite;	
}

.slide01wrap{
	position: relative;
	width:100%;
	overflow: hidden;
	margin-top: 30px;
}

.h01_slide1{
	position: absolute;
	top:50%;
	left: 0;
	transform: translateY(-50%);
	width: 100%!important;
}

.slide-container02 img{
	width: 170%!important;
}

@keyframes loopslide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-200%);
    }
}

@media screen and (max-width:750px){
	.slide-container01 img{
		width: 82%!important;
	}
	.rtsize{
		height:18px!important;
	}
	#p02_4 .rtsize{
		height:17px!important;
	}
}

@media screen and (min-width: 751px) and (max-width: 1100px){
	.slide-container01 img{
		width: 84%!important;
	}
}

.top_buttonwrap{
	display: flex;
	justify-content: space-between;
}

.hmb2_1_3 {
    position: absolute;
    width: 34.4%!important;
    right: 0%;
    bottom: 0;
    transform-origin: center; 
}

.hmb2_2_3 {
    position: absolute;
    width: 18.6%!important;
    left:11%;
    bottom: 4%;
    transform-origin: center; 
}

.hmb2_3_3 {
    position: absolute;
    width: 24.2%!important;
    right:7%;
    bottom: 9%;
    transform-origin: center; 
}