@charset "utf-8";
/* CSS Document */
/*共通*/
html {font-size: 17px;scroll-padding-top: 100px; }
body {font-family: 'Zen Maru Gothic', serif!important;}
article {background:url("../img/back.png") #FCEE07 repeat-y;}
.f1, dt {font-size: 1.3rem;}
.f2 {font-size: 1.2rem;}
.br900, .br600, .br400, .br399, .br380 {display: none;}
a{ word-break: break-all;}
h2 {display: flex; justify-content: center;}
h2 img { margin: 0 auto; max-width: 400px;  margin-bottom: 2rem;}
.tokuten h2 img {max-width: 420px;}
.toku_content h2 {padding-bottom: 3%;}
.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;}
/*コンテンツ幅*/

/*メニュー*/
.sns {margin: 0 auto;}
.flex { display: flex; justify-content: space-around; max-width: 1100px; margin: 0 auto;}
/*概要*/
#gaiyo {padding-top: 5rem;}
.summary .content { border: 40px solid;border-image:url("../img/flame1.png") ;border-image-slice: 100 100 100 100 fill; max-width: 1100px;width: 95%;margin: 0 auto; position: relative;}
.img1 {position: absolute;top: 5%; left: -10%;max-width: 150px; transform: rotate(-20deg);}
.img2 {position: absolute; top: 13%; right: -10%;max-width: 150px;transform: rotate(10deg);}
#gaiyo h3 {max-width: 320px;width: 100%;margin: 0 auto;padding:2rem 0 1.2rem 0;}
#gaiyo .cafemenu-img{box-shadow: 4px 4px 15px darkgray;}
/*shop*/
#schedule {padding-top: 5rem;}
.schedule .content {position: relative;border: 40px solid;border-image:url("../img/flame2.png") ;border-image-slice: 100 100 100 100 fill; max-width: 1100px;width: 95%;margin: 0 auto;}
.img3 {position: absolute; top: 3%; right: -7%;max-width: 150px;}
.img4 {position: absolute; left: -10%;max-width: 150px;bottom: 3%}
.online_content{ border: #1E120F solid 4px;margin: 0 auto;width: 90%;  box-sizing: border-box;}
.summary_content { font-weight: bold; padding: 1.5rem 3rem 3rem 3rem; text-align: center;}
/*特典*/
#tokuten {position: relative;padding-top: 8rem;}
#tokuten h2 {position: absolute;left: 50%; transform: translate(-50%, 0);top: 70px;}
.toku_content img { margin: 2rem auto;}
.toku_content2 img { margin-bottom: 0;}
.toku_content {text-align: center; font-weight: bold; padding: 4rem 5rem 3rem;}
.toku_p {text-align: center; font-weight: bold;}
.tokuimg {width: 55%!important;}
dl {display: flex; justify-content: space-between;align-items: center;}
.cafeshop_content2 dd { padding: 2rem 0 2rem 4rem;}
.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_text {border: 40px solid;border-image:url("../img/flame3.png") ; border-image-slice: 100 100 100 100 fill;margin: 0 auto; max-width: 1100px;width: 95%;}
.toku_p2 {font-weight: normal;text-align: left;}
.schedule{	margin: 0px auto;	position: relative;}
.cafeshop_content2{width: 90%; margin: 0 auto; box-sizing: border-box;background: url() repeat-y;}
.inner {position: relative;width: 95%;padding: 2rem 0.5rem;  text-align: center;  margin: 0 auto; border: 40px solid;border-image:url("../img/flame4.png"); border-image-slice: 100 100 100 100 fill;max-width: 1100px;}
.img5 {position: absolute; top: -2%; left: 2%;max-width: 120px;}
.img6 {position: absolute; top: -2%; right: 2%;max-width: 150px;}
.css-1dbjc4n.r-14lw9ot.r-1ets6dv.r-1q9bdsx.r-rs99b7.r-1udh08x {  border: 3px solid #333;}
p.event_info_inner_content { padding: 2rem 0; font-weight: bold; text-align: center;}
.event_info_inner { position: inherit; padding: 15px 0;  z-index: 1;}
.online_banner {width: 70%; margin: 0 auto; font-weight: bold;}
.online_banner img {padding: 2rem 0;}
.online_content p {padding-bottom: 2.5rem; padding-top: 2.5rem;}
.online_content dt {text-align: left; font-size: inherit; }
.online_content dl, .online_content p, .online_content div{position: inherit; z-index: 1;}
p {margin: 0 auto;}
.on li{list-style: none;line-height: 1.1rem;}
.at{width:20%;}
.date {width: 75%;}
section.tokuten .tokuten_img {width:900px;background-color: #fff;margin:0 auto;}
.cafeshop_content {padding: 1.5rem 3rem 3rem 3rem;margin-bottom: 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;}
.attention_main{padding: 5rem 0;}
.attention {position: relative;padding: 1.5rem 3rem 3rem 3rem; 	border: 40px solid;border-image:url("../img/flame5.png") ; border-image-slice: 100 100 100 100 fill;width: 95%;margin: 0 auto;max-width: 1100px; }
.img7{position: absolute;max-width:130px; right: -5%;  top: -9%;}
.img8 {position: absolute;max-width: 130px;left: -10%;bottom: 5%;}
.descr1 {margin-top: 1rem;}
.term1 {background: #EA5513;color: #fff; font-size: 0.8rem; padding: 0.5rem 0;}
.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;}
footer .copyright { font-size: 0.9rem; color: #fff; background-color: #F39801; padding: 1rem 0;}
/*summary*/
.summary .f2 {font-weight: normal;}
/*schedule*/
dt {width: 32%; text-align: center;}
dd {width: 65%;}
.on {display: flex; padding: 0.2rem 0;justify-content: space-between;}
.online h3 { max-width: 350px; margin: 0 auto;padding: 2rem 0;}
#twitter h3{ max-width: 65px; margin: 0 auto;padding: 2rem 0;}
#twitter p{font-weight: bold;text-align: center; background: #F0EE77; max-width: 60%;border: 3px solid #070302;
border-radius: 17px;padding: 2rem 0;}

/*tokuten*/
/*item*/
#item {padding-top: 5rem;}
#item ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#item li {width: calc(96%/5);margin-bottom: 1rem;}
/*attention*/

@media screen and (max-width: 1015px){
	.cafeshop_content {padding: 2.5rem 0;}
}
@media screen and (max-width: 900px){
	.br900 {display: block;}
	#item li {width: calc(98%/2);}
	.date {width: 80%;}
	dt {font-size: 1.25rem;}
	.img5, .img6{top: -1%;}
	.img8 {bottom: -10%;}
	.img1, .img2 {max-width: 120px;}
}
@media screen and (max-width: 750px){
	h2 img {max-width: 350px;}
	.tokuten h2 img {width: 370px;}
	.flex {flex-direction: column;align-items: center;}
	h2 img {margin-bottom: 1.5rem;}
	dl {flex-direction: column;}
	dt {width: 100%; margin-bottom: 1rem;}
	.at {width: 30%;}
	.online_banner {width: 80%;}
	.toku_content  {padding: 2rem;}
	.cafeshop_content, .summary_content, .attention{padding: 1rem 2rem 2rem;}å
	.attention div {max-width: 100px;}
	.inner {padding: 2rem 0;}
	.img1, .img2, .img3, .img4, .img6, .img7, .img8{max-width: 100px;}
	.img5{max-width: 80px;}
	.no-sp {display: none;}
	#twitter p {max-width: 80%;}
	.event_info_inner dd{width: 75%;}
	
}
@media screen and (max-width: 600px){
	.br600 {display: block;}
	h2 img {max-width: 280px;}
	.tokuten h2 img {max-width: 300px;}
	#gaiyo h3 {max-width: 260px;}
	.online h3 { max-width: 280px; margin: 0 auto;padding: 2rem 0;}
	#twitter h3{max-width:40px; }
	html {scroll-padding-top: 50px;}
	dd, .online_banner {width: 100%;}
	dd{width: 85%;}
	.toku_content {padding: 2rem 0.5rem;}
	.img1, .img2, .img3, .img4, .img6, .img7, .img8{max-width: 90px;}
	.img5{max-width: 70px;}
	.img2{bottom: -30%;}
	.img1 {top: -20%;}
	.img3 {right: -13%;}
	.img5{left: 0;}
	.img6 {right: 0;}
	.img8 {bottom: -15%}
	.img7 {top: -16%;}
	.img4 {left: -14%;bottom: 0;}
	
}
@media screen and (max-width: 530px){
	.cafeshop_content, .summary_content, .attention{padding: 1rem 0;}
	.toku_content{padding: 2rem 0;}
	.inner{border: 19px solid;  border-image: url(../img/flame4.png); border-image-slice: 100 100 100 100 fill;}
	.toku_text{border: 19px solid; border-image: url(../img/flame3.png); border-image-slice: 100 100 100 100 fill;}
	.schedule .content{  border: 19px solid; border-image: url(../img/flame2.png); border-image-slice: 100 100 100 100 fill;}
	.summary .content{border: 19px solid;border-image: url(../img/flame1.png);border-image-slice: 100 100 100 100 fill;}
	.attention{border: 19px solid; border-image: url(../img/flame5.png); border-image-slice: 100 100 100 100 fill;}
}
@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_p small {font-size: 0.9rem;}
	.event_info_inner {margin-left: 2rem;}
}
@media screen and (max-width: 399px){
	.br399 {display: block;}
	.event_info_inner {margin-left: 1rem;}
}

@media screen and (max-width: 380px){
	.br380 {display: block;}
}

p.online-info{text-align: center; max-width: 70%;padding: 0 0 1rem 0;font-size:1rem;line-height: 1.5rem;}
p.online-info small {line-height: 1.1rem;}
@media screen and (max-width: 1130px){
	p.online-info {max-width: 100%;}
}