@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: 'Noto Sans JP';
  width:100%;
  height:100%;
  max-width: 1800px;
  margin: 0 auto;
}
h2 {	margin-top: 2.75em;}
.wrapper {
  overflow: hidden;
  width:100%;
  max-width:1800px;
  height:auto;
  margin:0 auto;
  background-repeat: repeat;
}
.twitter-timeline {margin-top: 2em!important;}
.wrapper1 {
	background-image: url("../img/bg1.png");
  background-size: contain;
	background-position: bottom;
  background-repeat: no-repeat;
}
.wrapper2 {
	background:url("../img/nurie_bg.png");
  background-size: cover;
  width:100%;
  background-repeat: no-repeat;
}
.workshop {background-image: url("../img/workshop_bg.png"); background-repeat: no-repeat; background-size: cover; padding-top: 2.75em; padding-bottom: 2.75em; position: relative;max-width: 1800px;}
.stamp {background-image: url("../img/stamp_bg.png"); background-repeat: no-repeat; background-size: cover; padding-top: 2.75em; padding-bottom: 2.75em; max-width: 1800px;}
.ashiato1 {position: absolute; overflow: hidden; height: -webkit-fill-available; top: 0.5rem; z-index: 0;}
.ashiato2 {position: absolute; right: 0; top: 0.5rem; overflow: hidden; height: -webkit-fill-available; z-index: 0;}
.ashiato1 img, .ashiato2 img {max-width: 4.1rem;}
.sp_850, .br_680, .br_800 {display: none;}

a:link,a:visited { color:#1E55EA;}
a:hover,a:hover img{
  opacity: 0.7;}
.nav1 a {
	text-decoration: none;
	color: #000;
}
img {
	margin: 0;
	padding: 0;
	display: block;
	vertical-align: bottom;
}
img.sign {
	margin: 0 auto;
}
img.pin {
	padding-bottom: 0.6em;
	margin: 0 auto;	
	max-width: 155px;
	width: 100%;
}
img.sign {
	height: auto;
	width: 100%;
	max-width: 580px;
}
 h1 .mainbanner{
  width:100%;
  margin:0 auto;
  vertical-align: bottom;
  display: block;
}
 h1 .mainbanner2{
	max-height: 56px;
	height: 100%;
	width: 100%;
}
h1 img.title{
  width:100%;
  max-width:1266px;
  margin:0 auto;
}
.global_nav {
	max-width: 1800px;
	width: 100%;
	position: fixed;
	background: #fff;
	padding-bottom: 1rem;
	z-index: 5;
}
nav{
  width:100%;
  margin:0 auto;
}
.global_nav ul {
	max-width: 1800px;
	margin: 0 auto;
}
.nav1 {
	padding-top: 1rem;
  width:98%;
  text-align: center;
}
.global_nav .nav1 li {
  width:14%;
  text-align: center;
	list-style: none;
	font-size: 0.9rem;
  display: inline-block;
}
.nav2 {
	padding-top: 1rem;
  width:13%;
  text-align: center;
  display: block;
  position: absolute;
  top:0;
  right:0;
}
.global_nav .nav2 li {
	/*float: left;*/
	list-style: none;
	font-size: 1.25rem;
	padding:0 0.5rem;
  display: inline-block;
}
.icons {width: 29px;}
.sp {display: none !important;}
.sp_main {	display: none;}
main {background-image: url(../img/kusa_top.png);  background-position: top;    background-repeat: no-repeat; background-size: contain; padding:1em 0 0 0;}
.deco1 {margin-top: 4.75em!important;}
/*hamburger*/
.hamburger {
  display : block;
  position: fixed;
  z-index : 3;
  right : 13px;
  top   : 12px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
	background-color: #ffffff;
	margin-top: 0.3rem;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #707070;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) { top: 10px;}
.hamburger span:nth-child(2) {  top: 20px;}
.hamburger span:nth-child(3) {  top: 30px;}
/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}
.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}
nav.globalMenuSp {
  position: fixed;
  z-index : 2;
  top  : 0;
  left : 0;
  color: #000;
  background: #fff;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.3s;
  width: 100%;
}
nav.globalMenuSp ul {
  background: #fff;
  margin: 0 auto;
  padding: 1.8rem;
  width: 100%;
	width: 20rem;
}
.spli2:first-child {margin-top: -2rem;}
.spli2 {
    list-style-type: disc !important;
    padding-top: 1.5rem !important;
	width: 100% !important;
	text-align: center;
}
.spli2 span {
	float: left;
	padding-right: 1rem;
}
.spli2_1{margin-top: 1.5rem;}
.spfb {	padding-left: 6rem;}
.spli1_1 {	padding-bottom: 1.8rem !important;}
.ul1 {
	height: 100vh;
	overflow: none;
	padding-bottom: 10em;
}
nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 50%;
	font-weight: normal;
	border-bottom: #707070 solid 1px;
}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
nav.globalMenuSp ul li a {
  display: block;
  padding: 1.5rem 0;
  text-decoration :none;
	color: #000;
	text-align: center;
}
.spli1 {padding-top: 2rem;}
.spli2 {margin-bottom: -2rem;}
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {  transform: translateY(0%);
	padding-top: 3.4rem;
	max-width: 680px;
}
section{  width:78%; margin:0 auto;}
.event_info {
	max-width: 1000px;
	margin: 4em auto;
	width: 100%;
	margin-top: 1rem;
}
section .event_info_inner {
	text-align: left;
	padding: 2em;
  background-color:rgba(255,255,255,0.8);
  border: 1px solid #707070;
  border-radius: 20px;
	padding-bottom: 3.5rem;
}
section .event_info_inner p.info_box{
  width:100%;
  display: inline-block;
  padding:0 2%;
  vertical-align:top;
  text-align: center;
}
.storelist {text-align: center;}
.storelist div {
	width: 15.3rem;
	margin: 0 auto;
  position: relative;
  top:-1em;
}
.storelist img {
	width: 15.3rem;
	margin: 0 auto;
}
.event_info_inner dd {
	padding-top: 3em;
	line-height: 1.6rem;
}
p.event_info_text {	line-height: 2em;}
.infoarea{
background-image: url("../img/bg5.png");
	width:100%;
	padding-top: 1em;
}
.sign2 {max-width: 580px !important;  width:100%;
}
.sns {
	max-width: 10rem;
	margin-left: -2rem;
}
img.info {
	width: 100%;
  margin:0 auto;
  padding-top: 1em;
}
.flex{
  display: flex;
  justify-content: space-between;
  max-width: 1264px;
  width: 100%;
margin: 0 auto;
}
section.workshop h2 img, section.stamp h2 img, .nurie_contents h2 img{
  margin:0 auto;
  width:100%;
  max-width:639px;
}
section .inner{
  padding:0 6.41% 6.41%;
  text-align: center;
}
dl dt{
  font-weight:bold;
  display: inline-block;
  width:34%;
  font-size:1.45em;
  text-align: left;
  vertical-align: middle;
  color: #000;
}
dl dt span.small{font-size:0.75em;}
dl dd{
  padding: 0;
  display: inline-block;
  width:65%;
  vertical-align: middle;
  color: #000;
}
section .inner2{
  max-width: 541px;
  width: 90%;
  padding:2.5em 2em;
  margin: 5rem 2em;
  text-align: center;
  height: auto;
  background-color: #fff;
  border: 1px solid#707070;
border-radius: 20px;
}
section .inner h2.title,section h2.title{
  font-family: 'Yu Gothic','YuGothic','HiraMinProN-W6','Droid Sans';
  color: #fff;
  margin: 0 auto 2em !important;
  padding: 10px 15px 0;
  width: max-content;
}
section .inner2 h2.title{
  font-family: 'Yu Gothic','YuGothic','HiraMinProN-W6','Droid Sans';
  padding: 10px 15px 0;
  width: max-content;
  margin: 0 auto 1em !important;
  color: #fff;
}
section .inner2 ul.box{background-color:#ffffff;padding:2em 1em;height:21em; min-width: 180px;}
section .inner2 ul.box li{list-style:none;text-align: left;width:100%;line-height:2.25em;border-bottom:1px solid #ccc;font-size:1em;}
section .inner2 ul.box li p{color:#000;line-height: 1.5em;}
p.desc{padding:1em 0 2em;}
p {margin: 0 auto;}
ul.on{display:table; width:86%;margin:0 auto; margin-right: 0rem !important;}
ul.on li{display: inline;}
ul li.at{width:25%;text-align: left;display: table-cell;}
ul li.flor{width:25%;text-align: center;display: table-cell;}
ul li.space{width:25%;text-align: left;display: table-cell;}
ul li.access{width:25%;text-align: center;display: table-cell;}
ul li.date{width:50%;text-align: left;display: table-cell;}
section .inner2 .news{overflow-y: scroll;}
.attention_main {background-image: url(../img/kusa_top.png);  background-position: top;    background-repeat: no-repeat; background-size: contain;}
.attention_kusa {background-image: url(../img/kusa_top.png);  background-position: top;    background-repeat: no-repeat; background-size: contain;height: 5rem;}
section .inner-item{
  margin:0 auto;
  background-color: #fff;
	max-width: 1200px;
	width: 90%;
	margin-top: 5em;
	border-radius: 20px;
	padding: 2.8em !important;
	border: 3px solid #707070;
}
section .inner-item h2{margin-bottom:2em;}
section .inner .attention, section .inner-item .attention{ color:#fff; font-size:0.8em;}
.attention li {	padding-top: 1rem; list-style: none;}
.attention_main{width: 100% !important; padding-bottom:5rem;background-image: url("../img/jungle2.png"); background-size: cover; background-repeat: no-repeat; padding-top: 5rem;}
.attention {
  margin: 4em auto;
  background-color: #fff;
  max-width: 1000px;
  border-radius: 20px;
  border: 3px solid #707070;
  width: 100%;
}
.attention_sign {padding: 1rem 0 0 2rem;}
.attention_content {	padding: 2.7% 3.16%; padding-bottom: 1.5rem;}
.attention_sign img {max-width: 13rem;}
li.boxs {width: 62% !important;}
p.copyright {background-image: url("../img/foot.png");	margin: 0 auto;}
footer{
  background-image: url("../img/nurie_bg.png");
  color: #fff;
	background-repeat: no-repeat;}
footer .copyright{text-align: center;line-height: 4.66em;}
/*top*/
#top{
  display: block;
  position: fixed;
  right: 3%;
  bottom: 10%;
	z-index: 50;
}
#top img{
  width:100%;
  max-width:110px;
	transform: scale(-1, 1);
}
#top a {color: #969D51;	text-decoration: none;}
.nurie_contents{
  background-color: #FFFAF7;
  width:70%;
  max-width:1800px;
  margin:0 auto;
  padding:5.222% 6.194%;
	padding-top: 0.01rem;
}
.nurie_contents .nurie_box{
	margin-top: 1rem;
  width:100%;
  max-width:1000px;
  margin:0 auto;
  background-color: #FFF;
  border:1px solid #707070;
  position: relative;
}
.nurie_box img.nurie-pin{
  margin:0 auto;
  width:100%;
  max-width: 50px;
  padding-top:1%;
}
section.workshop, section.stamp{width: 100%;}
.workshop_inner, .stamp_inner {
  margin: 4em auto;
  background-color: #fff;
  max-width: 1000px;
  border-radius: 20px;
  border: 1px solid #707070;
	width: 100%; margin-top: 1rem;}
.workshop_inner {position: inherit; z-index: 2;}
.stamp_inner {position: relative;}
.big_bg {background: -moz-linear-gradient(top, #FFF, #C0D788);  background: -webkit-linear-gradient(top, #FFF, #C0D788);
  background: linear-gradient(to bottom, #FFF, #C0D788); max-width: 1800px;}
.big_bg2 {background-image: url("../img/jungle.png"); background-position: bottom; background-repeat: no-repeat;background-size: contain;}
.stamp_img img{max-width: 10rem; }
.stamp_img {position: absolute; right: 3%; bottom: 7%;}
.workshop_inner dt, .stamp_flex dt {background: url("../img/ws_egg.png") no-repeat left center; padding-left: 3rem; background-size: contain;width: 80%; margin-top: 1rem; font-size: 1.2rem;}
.workshop_inner dd {padding-left: 4rem;}
.dinosaur img {width: 80%!important; margin: 0 auto;}
.workshop_flex img{width: 100%;}
.workshop_flex {display: flex; justify-content: space-between;}
.workshop_inner h3, .stamp_inner h3 {font-size: 2.2rem; text-align: center; padding-bottom: 2rem}
.workshop_inner p{font-size: 1.2rem; text-align: center; padding-bottom: 3rem;}
.ws_inner {padding: 3rem;}
.flex1 {width: 60%;}
.flex2 {width: 35%;}
.stamp_flex {display: flex; justify-content: center;margin-bottom:3em;}
.stamp_flex img {width: 100%;}
.stamp_inner h3 {background: url("../img/free.png") no-repeat left center; background-size: contain; padding-left: 5rem; padding-bottom: 1rem!important; margin-bottom: 2rem;}
.stamp_flex dd {padding-left: 5rem; padding-top: 1rem;}
.bt{padding-bottom: 2rem;}
.stamp_flex dl, .stamp_flex div {width: 40%;}
.stamp_flex dl{display: flex; flex-direction: column; justify-content: center;}
.flex2 dl {padding-left: 2rem;}
.deco3 {margin-top: 1em;}
.pc_850 {line-height: 1.8rem;}
.pcnurie {font-size: 1.5rem!important; font-weight: bold;}
.nurie_box {margin-top: 1rem!important;}
.new_nurie {display: flex;}
.new_nurie div {width: 40%; margin: 0 auto;}
.new_nurie img {max-width: 300px;}
.new_nurie p {width: 50%; font-size: 1.3rem; padding-top: 4rem;}


/*タブレット向け*/
@media screen and (max-width: 1260px){
	img.sign {width: 100%;}
	img.info {  max-width:616px;width: 100%;padding-top: 1em;}
}
@media screen and (max-width: 1150px) {.global_nav .nav1 li{width: 25%;} .nav2 {width: 20%; padding-top: 1.5rem;} .new_nurie p {padding-top: 2rem;} /*.nurie_contents .nurie_box{min-height: 500px;}*/ }
@media screen and (max-width: 1000px) {
	.stamp_inner h3 {background-size: 5rem;}
	section.attention {	width: 85%;	}
	section .inner-item {width: 90%;}
	.event_info, .workshop_inner, .stamp_inner {width: 90%;}
}
@media screen and (max-width:980px) {
	.new_nurie img {max-width: 16rem;}
  h2{font-size:1.5em;text-align: center;}
	.event_info_inner dt{width: 39%;}
	.event_info_inner dd {width: 60%;}
	.inner-item, .attention {width: 90% !important;}
}
@media screen and (max-width: 900px){
	.deco1 {margin-top: 2.75em!important;}
	h1 {padding-top: 68px !important;}
	  .global_nav{  padding-bottom:0;  border-bottom:none; }
	.nav1, .nav2 {display: none;}
	div.flex {	display: block; padding:1em 0;	}
	nav.globalMenuSp ul li {display: block;	}
  section .inner2{  margin:3em auto;  width:auto; }
  .nurie_contents{ width:80%;  }
  .pc{ display: none; }
  .sp {	  display: block !important;}
}
@media screen and (max-width:850px) {
.flex2 dl {padding-left: 0;}
  .sp {	display: block !important;	}
	.sign2 {max-width: 600px !important;}
	.event_info_inner {	padding: 6em 3em !important;}
	.storelist p {font-size: 1.3rem;}
	.event_info_inner dt {width: 40% !important;}
	.event_info_inner dd {width: 56%;}
	.storelist img {width: 13rem;}
	.stamp_flex div {width: 70%;}
	.bt {padding-bottom: 0;}
}
@media screen and (max-width:850px) {
	.stamp_img img {max-width: 8rem;}
	.workshop_flex {flex-direction: column-reverse;}
	.flex1, .flex2, .stamp_flex dl, .stamp_flex div {margin: 0 auto;}
	.workshop_inner h3, .stamp_inner h3 {font-size: 1.5rem;}
	.stamp_flex {flex-direction: column;}
	.stamp_flex div, .flex1 img {padding-top: 2rem;}
	.workshop_inner p {font-size: 1rem;}
	.flex2 {width: 100%;}
	.dinosaur img {width: 50%!important;}
	.flex2 dl {width: 42%; margin: 0 auto;}
	.stamp_flex dd {padding-top: 0;}
	.pc_850 {display: none;}
	.sp_850 {display: block;}
}
@media screen and (max-width:800px) {.br_800 {display: block;}}
@media screen and (max-width:680px) {
	.new_nurie img {max-width: 13rem;}
		.workshop_inner p,.stamp_inner h3 {text-align: left;}
	.stamp_flex dd {padding-left: 3rem;}
	.stamp_inner h3 {padding-left: 7rem!important; margin: 0 auto; width: 70%;}
	.br_680 {display: block;}
	.sp_main {display: block; width: 100%;}
	.global_nav{border-bottom: none; padding-bottom: inherit!important;}
.mainbanner {display: none!important;}
.flex {width:94% !important;}
  h1 img.title{  width:90%;}
  section .event_info_inner p.info_box{  width:100%; text-align: left; margin-bottom: 1em; }
  .storelist div{ top:1em; }
  h3.attention_sign::after{ left:25%; }
  dl dt{display: block;width:100%;text-align:center;margin-bottom:1em;}
  dl dd{width:100%;line-height: 1.5em;}
  ul.on{width:100%;}
  #top img{max-width:60px;}
	.event_info_inner dd {width: 70% !important; padding-top: 1em;}
	.event_info_inner {text-align: center !important;}
	.event_info_inner dt {width: 66% !important;}
	.storelist p {margin-right: 0;}
	.spli2:first-child {   border-top: #707070 solid 1px; margin-top: 0.1rem; padding-top: 0 !important;}
	#top {bottom: 20%;}
	.storelist {margin: 0 auto;	}
	.storelist p {padding-top: 1em;	padding-bottom: 1.5rem;	}
	.fa-map-marker-alt, .fa-star {	padding-top: 0.6rem;}
	.flex2 dl {width: 65%;}
	.stamp_inner h3 {background-size: 5rem;}
	.ws_inner {padding: 2rem;}
	.workshop_inner dt, .stamp_flex dt {text-align: left;}
	.workshop_inner dt {padding-left: 5rem;}
	.flex1 {width: 80%;}
}
@media screen and (max-width:600px){
	.new_nurie p {font-size: 1.1rem; padding-top: 0.5rem;}
	.attention_sign img {width: 7rem;}
}
/*スマートフォン向け*/
@media screen and (max-width: 560px){
	.new_nurie {flex-direction: column;}
	.new_nurie div {margin: 0 auto; margin-right: 9rem;}
	.new_nurie p {width: 75%;padding-top: 0.5rem; padding-bottom: 0.5rem;}
	.stamp_flex dl {width: 70%;}
	section.stamp h2 img, section.workshop h2 img, .nurie_contents h2 img {width: 80%;}
	.stamp_img img {max-width: 6rem;}
	.ashiato1 img, .ashiato2 img {max-width: 1.7rem;}
	.ashiato1, .ashiato2 { top: 9rem;}
	body {font-size: 12px;}
  .wrapper{ width:100%; }
  
	section .inner2 ul.box li p
	{color:#000;line-height: 1.5em; font-size: 12px;}
	img.pin {width: 25%;}
	img.sign {width: 80%;}
	img.info {  width: 100%;  margin:0 auto;  }
	.attention_sign img, .sns {	max-width: 8rem;}
	.sns {	margin-left: -1.6rem;}
	.event_info_inner dd {width: 60% !important;}
	#top {bottom: 14%;}
	.workshop_inner h3, .stamp_inner h3 {font-size: 1.35rem;}
}
@media screen and (max-width: 480px) {
	.attention_kusa {height: 2rem;}
	.attention_main{padding-top: 1rem; padding-bottom: 1rem;}
	.stamp_inner h3 {padding-left: 5rem!important;}
	.attention_sign {padding: 1rem 0 0 1rem;}
	.event_info_inner dt {width: 67% !important;}
	.event_info_inner {padding: 3em 1em !important;	}
	.inner-faq, .attention {width: 74%;}
	.attention_sign img {width: 6rem;}
	.event_info, .inner-item, .inner-faq {margin-top: 2rem !important;}
	.stamp_flex dl {width: 82%;}
	.flex2 dl {width: 66%;}
	.workshop_inner dt {padding-left: 3rem;}
	.workshop_inner h3, .stamp_inner h3 {font-size: 1.1rem;}
	.workshop_inner p {font-size: 0.9rem;}
	.stamp_inner h3 {background-size: 4rem; padding-left: 4rem; margin-left: 0;}
	.br_no480 {display: none;}
}
@media screen and (max-width:400px) {
	.new_nurie p {width: 90%;}
	.new_nurie img {max-width: 11rem;}
	.new_nurie div {margin-right: 7rem;}
	.workshop_inner h3, .stamp_inner h3 {font-size: 1.03rem;}
	.flex2 dl {width: 76%;}
	.icon1 i, .icon2 i, .icon3 i {font-size: 1.2rem !important;	}
	.event_info_inner dd {width: 86% !important;}
	.event_info_inner dt {width: 75% !important;}
	.fa-map-marker-alt, .fa-star {padding-top: 0.5rem;}
}