@charset "utf-8";
/* CSS Document */
/*共通*/
html {font-size: 16px;scroll-padding-top: 100px;color:#462E2A;}
.f1, dt {font-size: 1.3rem;}
.f2 {font-size: 1.5rem;}
.br1100, .br900, .br700, .br600, .br450, .br400, .br399, .map-sp {display: none;}
a{ word-break: break-all;}
/*h2*/
h2 {position: absolute;z-index: 3;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
h2 img { margin: 0 auto; max-width: 260px;}
.summary h2{top: -5%;}
#schedule h2{top: 0%;}
#tokuten h2{top: 10%;}
#item h2{top: -0.5%;}

.nav1 a, .nav1 a:visited, .spli2 a, .spli2 a:visited {text-decoration: none;color: #231815;}
h1 .mainbanner{ margin-bottom: -2px!important; width:100%;vertical-align: bottom; display: block;	padding-top: 4rem;}

/*コンテンツ枠*/
.summary .content, .schedule .content, .inner{border: 50px solid #000;border-image-slice: 45;border-image-source: url("../img/cookie_bg.png");max-width: 1200px;width: 95%;margin: 0 auto; position: relative;background-color:#DEB986;border-radius: 25px;border-image-repeat: round;}
.toku_text {background: #DEB986;max-width: 1200px;width: 95%;padding: 6rem 0 3rem 0;margin: 8rem auto 0 auto;}
.toku_content {border: 50px solid #000;border-image-slice: 45;border-image-source: url("../img/waku.png");max-width: 1100px;width: 95%;margin: 0 auto; position: relative;background-color:#DEB986;border-radius: 25px;border-image-repeat: round;}


/*背景*/
article {background:url("../img/dia_BG.png") repeat-y;background-size: contain;}
.back1, .back3{background:url('../img/kirakira_middle.png'), url("../img/chocolate_top.png"); background-repeat:repeat-y,no-repeat;background-size: contain,contain;}
.back1{padding-bottom: 10rem;}
.back2{background:url("../img/sp_triangle.png") repeat;background-size:contain;background-position: top center;padding: 1rem 0 4rem 0;}


/*メニュー*/
.sns {margin: 0 auto;}
.flex { display: flex; justify-content: space-around; max-width: 1100px; margin: 0 auto;}
/*概要*/
#gaiyo {padding-top: 9rem;}
.summary .f2 {font-weight: normal;}
#gaiyo .cafemenu-img{box-shadow: 4px 4px 15px darkgray;}

/*開催日程*/
#schedule {padding-top: 7rem;}
.summary_content { font-weight: bold; padding: 10rem 1rem 8rem 1rem; text-align: center;}
.schedule .dl1 {display: flex;justify-content: center;margin-bottom: 1rem;}
.schedule .dl1 dt {max-width: 102px;width: 100%; text-align: center;font-weight: 700;font-size: 2rem;margin-right: 1rem;color:#fff;}
.schedule .dt1{background:#69402B;}
.schedule .dt2{background:#E18B7F;}
.schedule .dl1 dd {max-width: 500px;width: 100%;font-size: 1.875rem;font-weight: 500;text-align: center;}
.map-text{font-size: 1.5rem;text-align: center;margin: 3rem auto 0.5rem;}
.map-text span{color:#c2001e;}
#twitter h3, .online h3{ max-width: 300px; margin: 0 auto;padding: 2rem 0;}
#twitter p{text-align: center; max-width: 70%;padding: 1rem 0 2rem;font-size:1.5rem;}
#twitter a{color:#462E2A;}
.on li{list-style: none;line-height: 1.1rem;}
.at{width:20%;}
.date {width: 75%;}
.on {display: flex; padding: 0.2rem 0;justify-content: space-between;margin: 0 auto;max-width: 700px;font-size: 1.25rem;align-items: flex-start;}
.event_info_inner_content{text-align: center;padding: 2rem 0 1.5rem 0;font-weight: bold;}
.online_banner{width:70%;margin: 0 auto;font-size:1.25rem;padding: 1rem 0 2rem 0;}
.online{padding: 1rem 0 0 0;}
.online p.online-info{text-align: center; max-width: 70%;padding: 1rem 0 2rem;font-size:1.5rem;}
.online-sche{max-width: 700px;margin: 0 auto;}
.online dl {justify-content: flex-start;font-size: 1.3rem;font-weight: bold;letter-spacing: 0.05rem;padding-bottom: 1rem;}
.online dt {background: #E18B7F;width: 120px;color: #fff;text-align: center;margin-right: 1rem;padding: 0.2rem;}
.online p{text-align: center;padding-top: 1rem;font-size: 1.3rem;}

/*特典*/
.yellow-bg{margin-top: -6rem;}
.triangle{ position: absolute;z-index: -1;}
#tokuten {position: relative;padding-top: 0.1rem;background:#F2E059;z-index: 1;}
.toku_content img { margin: 1rem auto;}
.toku_content2{background: #fff;}
.toku_content2 img { margin-bottom: 0;}
.toku_content {text-align: center; font-weight: 700; padding: 0 1rem 3rem;}
.toku_p {text-align: center;font-size: 1.25rem;}
.tokuimg {width: 55%!important;}
dl {display: flex; justify-content: space-between;align-items: center;}
.storelist  img {width: 6rem; margin: 0 auto;}
.storelist p {font-weight: bold; }
.cafeshop dt, .cafeshop dd {display: inline-block; vertical-align: middle;}
.cafeshop dt {width: 25%; text-align: left;}
.cafeshop dd {width: 65%;line-height: 1.7rem; font-weight: 500;}
.toku-attention{text-align: left;padding-top: 1rem;}
.toku_p2 {font-weight: normal;text-align: left;}
.schedule{	margin: 0px auto;	position: relative;}


.css-1dbjc4n.r-14lw9ot.r-1ets6dv.r-1q9bdsx.r-rs99b7.r-1udh08x {  border: 3px solid #333;}

p {margin: 0 auto;}
.on li{list-style: none;line-height: 1.1rem;}
.at{width:20%;}

section.tokuten .tokuten_img {width:900px;background-color: #fff;margin:0 auto;}
.schedule_content {padding: 12rem 1rem 3rem 1rem;}
.item1 {width: 90%!important; margin: 0 auto; display: flex;justify-content: space-evenly; align-items: center;}
.item1 a, .item1 div {width: 40%;}
.attention li { padding-top: 0.5rem;}
.descr1 {margin-top: 0.5rem;}
.term1 {background: #F3E9D9; font-size: 0.875rem; padding: 0.5rem 0;font-weight: 700;}
.prices1 {font-size: 0.85rem;}
.itemname1 {font-weight: bold;font-size: 0.85rem; height: 4rem;  display: flex; align-items: center;  justify-content: center;}
.itemname1 small {display: contents; font-weight: normal;}
/*２列結合*/
.prices1 {padding: 0 0 0.5em 0!important;font-weight: 700;}

/*item*/
#item {padding: 12rem 0 6rem;}
#item ul {display: flex; flex-wrap: wrap; justify-content: space-between;text-align: center;padding: 9rem 0.5rem 2rem;}
#item li {width: calc(96%/5);margin-bottom: 1rem;}
.sale{position: relative;}
.sale .sale-date{position: absolute;background:#FF4848;border-radius: 80px;border-radius: 100px;padding: 0.7rem 0.5rem 0.8rem 0.5rem;font-size: 0.7rem;font-weight: 700;color: #fff;top: -4%;left: -6%;z-index:1;}
.sale .date-pre{top: -6%;left: -8%;font-size: 0.6rem;}

@media screen and (max-width: 1200px){
	.online_banner{width:80%;}
}


@media screen and (max-width: 930px){
	.sale .sale-date{left:-4%;}
	.online_banner{width:90%;}
	.online dl{display: block;text-align: center;margin: 0 auto;}
	.online dt{margin: 0 auto;}
	.online dd{text-align: center;margin:0 auto;}
}


/*attention*/
.attention{max-width: 900px;width: 95%;margin: 0 auto;padding-bottom: 4rem;}
.attention p:nth-child(2){padding: 1rem 2rem;}
.flx {display: flex;align-items: center;justify-content: center;}

.dot {padding: 0 2rem;max-width: 225px;}
/*footer*/
footer .copyright { font-size: 0.9rem; color: #fff; background-color: #434142; padding: 1rem 0;}
@media screen and (max-width: 1100px){
	.br1100{display: block;}
}
@media screen and (max-width: 1015px){
	h2 img {max-width: 200px;}
	.summary_content {padding: 8rem 1rem 6rem 1rem;}
	.summary .content, .schedule .content, .inner {border: 40px solid;border-image-slice: 45;border-image-source: url("../img/cookie_bg.png");border-image-repeat: round;}
	.schedule_content {padding: 9rem 1rem 3rem 1rem;}
	#twitter h3, .online h3 {max-width: 200px;}
	#twitter p {padding: 0 0 2rem 0;}
	.online p.online-info{padding:0 0 2rem 0;}
}
@media screen and (max-width: 900px){
	.br900,.map-sp {display: block;}
	.map-sp{background: #fff;padding: 1rem 0;}
	.map-pc{display: none;}
	#item li {width: calc(98%/2);}
	.date {width: 80%;}
	dt {font-size: 1.25rem;}
	.summary .content, .schedule .content, .inner {border: 35px solid #000;border-image-slice: 45;border-image-source: url("../img/cookie_bg.png");max-width: 1100px;width: 95%;margin: 0 auto; position: relative;background-color:#DEB986;border-radius: 25px;border-image-repeat: round;}
	#item h2{top: -0.1%;}
	.attention p:nth-child(2) {padding: 1rem 0;}
	#tokuten h2 {top: 12%;}
	/*.online dl dt{width: 40%;}
	.online dl dd{max-width: 250px;text-align: left}*/
}
@media screen and (max-width: 750px){
	.flex {flex-direction: column;align-items: center;}
	.dl1 {flex-direction: column;}
	.dl1 dt {width: 100%; margin-bottom: 1rem;}
	.at {width: 30%;}
	.attention div {max-width: 100px;}
	.inner {padding: 2rem 0;}
	.no-sp {display: none;}
	#twitter p {max-width: 80%;}
	.online p.online-info{max-width:80%;}
	.schedule .dl1 dd {text-align: center;}
	.toku_content {border: 22px solid #000;border-image-slice: 45;border-image-source: url(../img/waku.png);position: relative;border-image-repeat: round;}
	.online p{font-size: 1.125rem;}
	
}
@media screen and (max-width: 700px){
	.br700{display: block;}
	.attention {padding-bottom: 1rem;}
}
@media screen and (max-width: 600px){
	.br600{display: block;}
	h2 img {max-width: 140px;}
	#gaiyo h3 {max-width: 260px;}
	#twitter h3, .online h3{max-width:180px; }
	html {scroll-padding-top: 50px;}
	dd{width: 85%;}
	.toku_content {padding: 2rem 0.5rem;}
	.summary .content, .schedule .content, .inner {border: 22px solid #000;border-image-slice: 45;border-image-source: url("../img/cookie_bg.png");max-width: 1100px;width: 95%;margin: 0 auto; position: relative;background-color:#DEB986;border-radius: 25px;border-image-repeat: round;}
	.f2{font-size:1.2rem;}
	.schedule .dl1 dt {font-size: 1.5rem;}
	.schedule .dl1 dd{font-size: 1.25rem;}
	.map-text, #twitter p,.online p.online-info {font-size: 1.25rem;}
	.summary_content {padding: 6rem 1rem 3rem 1rem;}
	.schedule_content{padding: 7rem 1rem 1rem;}
	#item ul {padding:3rem 0.5rem 0;}
	.back2{padding: 0 0 4rem 0;}
	.toku_text {padding: 5rem 0 3rem 0;margin: 5rem auto 0 auto;}
	.on{font-size: 1rem;}
	.on dt{font-size: 1rem;}
	.online_banner p{font-size: 1rem;}
	.event_info_inner_content{font-size: 1.1rem;}
}

@media screen and (max-width: 480px){
	.br400 {display: block;}
	dd {width: 95%;}
	.at {width: 40%;}
	.attention div {max-width: 80px;}
	.summary .f2{font-size: 1.1rem;}
	.prices1 {font-weight: normal;}
	#item li {margin-top: 0.5rem;}
	.on {padding: 0.3rem 0;}
.flex {display: inherit; max-width: 1100px;  margin: 0 auto; }
	.toku-attention{font-weight: normal;font-size: 0.875rem;}
	.on {padding: 0.3rem 0;}
}
@media screen and (max-width: 450px){
	.br450{display: block;}
	h2 img {max-width: 120px;}
	
}
@media screen and (max-width: 399px){
	.br399 {display: block;}
	.f2{font-size:1rem;}
	.schedule .dl1 dt {font-size: 1.3rem;}
	.schedule .dl1 dd{font-size: 1rem;}
	.map-text, #twitter p,.online p.online-info, .online dl dt,.online dl dd{font-size: 1rem;}
	.online dl dt{width: 33%;}
	.sale .date-pre{top: -8%;}
}
@media screen and (max-width: 380px){
	.brsp-none{display: none;}
}
.info-block{
	max-width:1100px;
	width:95%;
	text-align: center;
	border:2px solid #69402B;
	padding:3% 2%;
	margin:0 auto 2em;
	background:#FEF9F4;
}
.info-block p{
	width:80%;
	text-align: left;
}
.info-block p.date{
	text-align: center;
}
.info-block h3{
	margin:1.5em 0;
}
.info-block h3 span{
	background: #ff0000;
	color:#fff;
	padding:1%;
}
@media screen and (max-width: 450px){
	.info-block{
		width:100%;
		border:1px solid #69402B;
		padding:1em;
	}
	.info-block h3 span{
		display: block;
	}
}