@charset "Shift_JIS";

/*////////////////////////////////////////////////////////

css/style.css

/////////////////////////////////////////////////////////*/
/* ----------------------------------------------- 
	
	1: pc
	
	2: Font 

	3: contents
	
	4: table

	
 ----------------------------------------------- */
 
/* --------------------------------------------
1: pc
-------------------------------------------- */
main#main{position: relative;}
main#main:before{
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: url(./img/bg.png), 
radial-gradient(at 0% 0%, #fffce9, transparent),
radial-gradient(at 100% 0%, #ffdde7, transparent),
radial-gradient(at 100% 100%, #d8ffc9, transparent),
radial-gradient(at 0% 100%, #d0e1ff, transparent);
    /*background-size: 100% auto;	*/
}

main.mainin {
position: relative;	
margin: 0 auto;
height: 100%;
}

#main{display: inline-block !important;height: auto !important;}
main.mainin{display: block !important;}

.mainin{display: block !important;}
.main_image{}
.main_image img{width: 100%;max-width: 1200px;margin: 0 auto;display: block;}

img{height: auto;}

.main_ttl{margin: 2rem 1rem;font-size: 1.5rem;text-align: center;line-height: 1.7em;box-sizing: border-box;font-weight: bold;}

.navi{display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;box-sizing: border-box;}
.navi li{margin: 0.5rem;width: calc((100% - 7rem) / 7 );box-sizing: border-box;}
.navi li a{display: block;}
.navi li img{width: 100%;}

.txt1{font-size:1rem;box-sizing: border-box;}
.txt_table{margin: auto;display: table;padding: 0 1rem;}
.txt_table span{display: block;text-indent: -1rem;margin-left: 1rem;}
.margin_bottom1{margin-bottom: 1rem;}
.margin_bottom2{margin-bottom: 2rem !important;}

.txt2{font-size: 1.2rem;}
.txt3{font-size: 23px;width: 97%;margin: 10px auto;font-weight: bold;text-align: center;}
.txt4{font-size: 1.2rem;margin-bottom: .5rem;text-align: center;padding: .5rem;}
.txt6{
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
}
.txt7{
	font-size: 35px;width: 97%;margin: 10px auto;font-weight: bold;text-align: center;
}

h4{padding: 1rem;box-sizing: border-box;margin-top: 2rem;}
h4 img{max-width: 1200px;width: 100%;}

#overview{margin-top:inherit;}
.indent{margin: 0.5rem auto;}
.indent li{text-indent: -1rem;margin-left: 1rem;padding: .2rem;box-sizing: border-box;}

table.table1{text-align: left;border: 1px solid #edcf95;padding: 1rem;box-sizing: border-box;width: 90%;margin: 1rem auto;font-size: 1.2rem;}
table.table1 th,td{padding: 1rem;}
table.table1 th{word-break: keep-all;text-align: center;border-right:1px solid #edcf95;border-bottom:1px solid #edcf95;background-color: #fcf4cd;font-weight: bold;}
table.table1 td{border-bottom:1px solid #edcf95;background-color: #fffce9;}
table.table1 td ul{box-sizing: border-box;}

.events_imege_in{position: relative;}
.events_bg{width: 100%;}
.events_imege_in p{position: absolute;width: 100%;top: 0;}

.events_ttl{font-size: 1.3rem;font-weight: bold;display: table;margin: 0.5rem auto;}
.events_ttl p{display: flex;align-items: center;text-align: center;}
.events_ttl p::after,.events_ttl p::before{display:block;content:" ";width: 1.5rem;height: 1.5rem;margin: 0.1rem;
    background-repeat: no-repeat;
    background-position: center;
    visibility: inherit;
    background-image: url(./img/kuma.svg);}

.events_txt{line-height: 1.7em; background: linear-gradient(transparent 60%, #ffffff 0%);display: inline;padding: 0 1px 0px;font-size: 1.1rem;font-weight: bold;}
.double_line{display: flex;align-items: center;}
.double_line:before,.double_line:after {content: "";flex-grow: 1;height: 6px;border-top: solid 2px #9e7460;border-bottom: solid 2px #9e7460;}
.double_line:before {margin-right: .6em;}
.double_line:after {margin-left: .6em;}
.double_line span{font-size: 1.5rem;background-color: #9e7460;padding: 0.2rem 1rem;border-radius: 50px;color: #ffffff;}
.double_line span i{font-size: .8rem;vertical-align: middle;margin: 0.5rem;}

.event_participate .fa-down:before{padding: 0.5rem 0.4rem;display: block;}

.event_participate .event_fa-circle,.event_participate span{display: table-cell;}
.event_participate .event_fa-circle{font-size: 1.7rem;padding-right: 0.5rem;}
.event_participates p{display: table-cell;}
.event_participates p span{display: block;margin-bottom: 0.7rem;text-indent: -1rem;margin-left: 1rem;}
.text_indent2{display: table;margin:.5rem auto;padding: 0 5%;box-sizing: border-box;}
.text_indent2 li{text-indent: -1rem;margin-left: 1rem;}
.text_indent3{margin:0;}

.goods{padding: 1rem;box-sizing: border-box;text-align: center;;margin: 0 auto;}
.goods li{display: inline-block;margin-bottom: 1.5rem;}
.goods img{width: 100%;height: auto;}
.goods_line img{width: 100%;}
.goods li.new_shop{width: 50%;}
.goods .goods_line{margin-bottom: 2.5rem;}
.goods_flex{display: flex;align-items: flex-end;justify-content: space-evenly;}
.goods_flex_in{
	margin-right: 2rem;
}

span.goods p{margin-top: 1rem;}
.goods_note{display: table;margin: 0 auto;text-align: left;}
.box1{margin: 0 auto;padding:0 1rem;display: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.box1 li{margin: 0.5rem auto;/*width: calc((100% - 3rem) / 3 );*/box-sizing: border-box;background-color: #d0eae7;padding: 1rem;box-sizing: border-box;border-radius: 20px;width:24%;}
.box1 li img{width: 100%;max-width: 400px;margin: 0 auto;display: block;}
.box1 .goods{display: inline-block;margin: 20px 50px;}

.sticke_goods li{padding: 1rem;}

.link{display: block;margin: 0 auto;}
.link img{}

.pink{color: #ee77aa;font-size: 1.5rem;text-align: center;display: block;font-weight: bold;}

.Admission_benefits_play{background-color: #eaf5f4;width: 96%;border-radius: 20px;margin:0 auto 2rem auto;padding: 0.5rem;box-sizing: border-box;padding-top: 1rem;}
.Admission_benefits_play_image{margin-bottom: -4rem !important;}
.Admission_benefits_play ul{align-items: flex-start;background-color: #eaf5f4;padding: 3rem 1rem;margin: 1rem;box-sizing: border-box;border-radius: 20px;border: 3px dashed #a1d1e1;padding-bottom: 1rem;}
.Admission_benefits_box{border-bottom: 3px dashed #a1d1e1;padding: 1rem;    box-sizing: border-box;margin: 0 2rem;}
.Admission_benefits_box2{padding: 1rem;box-sizing: border-box;margin:1rem auto 0 2rem;}
.precautions_in{display: table;margin: 0 auto 5rem auto;/*text-align: left;*/padding: 0 3rem;box-sizing: border-box;}

.Fun_event{border-bottom: 3px dashed #a1d1e1;box-sizing: border-box;width: 97%;margin: 0 auto;}
.text_indent_Fun_event{text-align: center !important;}

.Admission_benefits_box2_txt{width: 80%;margin: 2rem auto 0 auto;border: 1px solid;padding: 1rem;box-sizing: border-box;}
.Admission_benefits_box2_txt span{text-align: center;display: block;font-size: 1.3rem;font-weight: bold;margin-bottom: 0.25rem;}

.d_schedule td{padding:0;text-align:right;}
.d_schedule th{text-align:left;}


.profile_sheet ul{display: flex;}
.profile_sheet li{margin: 0.5rem;}

#footer{margin: 0 auto;background-color: #fff;}


.img1,.img2{margin: 0 auto;display: block;width: 100%;}



.sp_none1{display: none;}
.sp_none2{
	display:none!important;
}
.pc_none1{width: 60%;display: inline-block;text-align: center;}
.wall{margin: 10px auto;display: block;text-align: center;}
.youtube{margin: 10px auto;display: block;text-align: center;}

.sns_in{width: 1006px;display: block;margin: 10px auto 0;text-align: center;}
#twitter-widget-0{ vertical-align: bottom;}
.sns_in span{vertical-align: top;display: inline-block;}
.sns_in span img{vertical-align: bottom;}

.shoplist li:nth-child(1){display: inline-block;width: 530px;padding: 20px 10px;vertical-align: middle;font-size: 19px;}
.shoplist li:nth-child(2){display: inline-block;width: 430px;vertical-align: middle;}
.shoplist a{display: block;margin: 0 auto;text-align: center;}
.shoplist img.sp{display: none;}
.shoplist img.pc{display: block;}

.caravan li{display: inline-block;vertical-align: middle;margin: 10px;}

.images img{width: 100%;height: auto;}

.text_indent{text-indent: 1em;margin-left: -1em;}

.collabo_ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
	width:95%;
	max-width: 1100px;
	gap: 2%;
    margin: 0 auto;
}
.collabo_ul li{
	width: 85%;
	margin-bottom: 1.5%;
	max-width: 600px;
}
/*.collabo_ul li:last-child{
	margin-bottom: 0;
}*/
.collabo_ul li img{
	width: 100%;
	filter: drop-shadow(2px 2px 2px #ccc);
}

@media only screen and (max-device-width: 0), screen and (min-width: 768px){
	.pc_none{display:none;}	
}

@media only screen and (max-device-width: 0), screen and (max-width: 768px){
main.mainin{width: 100%;border: none;}
.mainin h2{width: 100%;}
.mainin h2 img{width: 100%;}
.ttl{font-size: 100%;width: 90%;text-align: left;margin: 2% auto;}
.txt1 {font-size:1.2rem;width: 90%;box-sizing: border-box;margin: 0 auto;}
.txt2 {}
.txt3{font-size: 1.5rem;margin: 2% auto;box-sizing: border-box;}
.txt4 {/*text-align: left;*/padding:.5rem 1rem;}
.txt6{
	padding:.5rem 1rem;
	box-sizing: border-box;
	font-size: 100%;
	font-size: 1.7rem;
	text-align: center;
	}
	.txt7{
		font-size: 2.2rem;
	}
	

span.bold{text-align: center;}
.navi{padding: 0 1rem;}
.navi li{margin: 0 auto;width:31%;font-size: 90%;}
.navi li a{font-size: 80%;}
.navi li img {width: 100%;height: auto;}
h4{margin: 3% auto;}
.img1{width: 90%;}
.img2{width: 60% !important;}
.youtube iframe{width: 90%;height: auto;}
	
	.precautions_in{text-align: left;}	

.sp_none{display:none;}	
.pc_none1{display: none;}
.sp_none1{display: block;}
.sns_in{ width:98%;}
.shoplist li:nth-child(1) {width: 96%;padding: 2%;font-size: 100%;display: block;}

.overview_in{width: 80%;padding: 5%;}
#story{margin: 0 auto;}

.box1{display: block;}
.box1 li{width: 90%;margin: 0 auto 2rem auto;}

.goods{width: 90%;padding: 0;margin: 0 auto;}
.goods li:nth-child(1){width: 100%;}
.goods li:nth-child(5){width: 90%;}
.goods li:nth-child(6){width: 90%;}
.goods li{width: 80%;}
.goods li.new_shop{width: 100%;padding: 0 5%;box-sizing: border-box;}
.goods_line{margin-bottom: 1.5rem;}
.goods_flex_sp{display: block;}
.goods_flex_in{
	margin-right: 0;
	width:90%!important;
}
.goods_flex2{
width: 100%;
}
.goods_line2{
width: 100%!important;
}
.goods_size{width:95%!important;}
	
.sp_none2{
display:block!important;
}
	
.sticke_goods li{padding: 0;}

.shoplist a img{width: 80%;}
.shoplist img.pc{display: none;}
.shoplist img.sp{display: block;}

.caravan li{box-sizing: border-box;padding: 5%;margin: 0;}

table.table1{border: none;}
table.table1 th{width: 85%;display: block;margin: 0 auto;border-right:none;}
table.table1 td{width: 85%;display: block;margin: 0 auto;width: 85%;}

table.table2{margin: 2% auto;font-size: 100%;width: 100%;}
table.table2 th{padding: 5%;}
table.table2 td{padding: 5%;}

.Admission_benefits_play_image{}
.Admission_benefits_play ul{display: block;margin: 1rem auto;}
.Admission_benefits_box{margin: 0 1rem;}

.text_indent_Fun_event {text-align: left!important;}
.Admission_benefits_box2{margin:1rem;}
.Admission_benefits_box2_txt{width: 100%;}
.profile_sheet ul{-ms-flex-wrap: wrap;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.profile_sheet li{margin: 0.5rem;width: calc((100% - 3rem) / 2 );box-sizing: border-box;}
	
.collabo_ul{
	gap: 3%;
}
/*.collabo_ul li{
	width: 45%;
	margin-bottom: 2%;
}*/
	
}