@charset "utf-8";
/* CSS Document */
html{scroll-padding-top: 150px;font-size: 16px;font-size: 1rem;}
/*section {padding: 5rem 0;}*/
.content {max-width: 1200px;padding: 5rem 0; width: 95%; margin: 0 auto;}
/*画像で適用版*/
article {background:url("../img/bg.webp") repeat-y; background-size: contain;font-weight: bold;}
.bg {background:url("../img/sidedesign_2.png") repeat-y, url("../img/sidedesign_2.png") repeat-y; background-position: left, right;background-size: 17px;}
/*cssで入れる版*/
/*
article {background-image: repeating-linear-gradient(45deg, #fff, #fff 9px,
   transparent 0, transparent 14px);background-color: #000;}
.bg {background: url("../img/bg.webp") repeat-y; background-size: contain; max-width: 97%; margin: 0 auto;}
*/
h2 {margin: 0 auto 3rem;}
.f1 {font-size: 1.3rem;}
.f2 {font-size: 1.2rem;}
.f3{font-size: 1.1rem;}
.fc {text-align: center;}
.green {color: #CFDE3F;}
small {font-size: 0.85rem;}
.br500 {display: none;}
.global_nav{background: #000!important; color: #fff!important;}
.nav1 a, .nav1 a:visited {color: #fff;text-decoration: none;}
.global_nav li .lang li{margin-left: 0.2rem;padding: 0 0.1rem;font-size: 0.875rem;}
.lang li:last-child{margin-left: 0;}
.langsp{display: none;}
.en-h2 {font-family: "Roboto Serif", serif; font-style: italic; font-weight: 500; font-size: 2.5rem; text-align: center;max-width: inherit!important;}
/*gaiyo*/
#gaiyo{}
#gaiyo .content {max-width: 920px;}
#gaiyo h2 {max-width: 440px;}
#gaiyo h3 img{max-width: 202px; margin: 0 auto 3rem;}
#gaiyo .content div:last-child {border-top: 7px #000 solid; border-bottom: 7px #000 solid;}
#gaiyo p {margin-bottom: 3rem;}
.p1 {margin-top: 2rem;}
.menu {position: relative; padding: 0 65px; display: flex; place-content: center;}
.menu::before, .menu::after{ position: absolute; top: calc(50% - 30px); width:37%;height: 4px; content: ''; border-top: solid 3px #000; border-bottom: solid 1px #000;}
.menu:before { left: 0;}
.menu:after { right: 0;}
.chumon{
    text-align: center;
    font-size: 1.875rem;
    padding-top: 3rem;
    margin-bottom: 0!important;
}
.e-chusen dt{width: 20%; text-align: center!important;}
.allergy{text-align: center;font-size: 1.125rem;padding-top: 2rem;}
/*schedule*/
#schedule {}
#schedule .content {background:rgba(193,213,0,0.75); margin-bottom: 5rem;}
#schedule .contents {max-width: 920px; margin: 0 auto;width: 96%;
}
#schedule h2 {max-width: 442px;}
#schedule h3 {max-width: 157px; margin: 0 auto 3rem;}
.online {max-width: 426px!important; margin: 0 auto 3rem;padding-top: 5rem;}
h4 { position: relative; padding: 0 65px; display: flex; place-content: center; margin-bottom: 2rem; margin-top: 3rem;}
h4 span {background: #000; color: #fff; display: block; z-index: 1;padding: 0 2rem; text-align: center;}
h4::before, h4::after { position: absolute; top: calc(50% - 3px); width:100%;height: 4px; content: ''; border-top: solid 3px #000; border-bottom: solid 1px #000;}
h4:before { left: 0;}
h4:after { right: 0;}
dl {display: flex;}
dt {background: #000; color: #fff;width: 20%;text-align: center;align-content: center;}
dd {width: 80%; padding-left: 2rem;/*align-self: center;*/}
.dl1 {margin-bottom: 0.5rem;}
.nyujo{ margin: 2rem 0;}
.nyujo dd {padding-top: 1rem; padding-bottom: 1rem;background: #fff;border: solid #000 1px;}
.chusen{display: block;border: solid #000 1px;margin: 2rem auto 0;}
.chusen > dt{width: 100%;margin: 0 auto;line-height: 3rem;}
.chusen > dd{background: #fff;width: 100%;padding-left: 0;}
.chusen dd dl{border-bottom: 1px solid #000;}
.chusen dd dl:last-child{border-bottom: none;}
.chusen dd dl dt{background: none;color: #000;width: 170px;border-right: 1px solid #000;}
.chusen dd dl dd{border: none;padding: 0.5rem 0 0.5rem 2rem;}
.lines {position: relative;}
.lines::after {position: absolute; bottom:-3rem; width:100%;height: 4px; content: ''; border-top: solid 1px #000; border-bottom: solid 3px #000;  left: 50%; transform: translate(-50%);}
#schedule li { text-indent: -1em; padding-left: 1em; }
#schedule .nyujo dd li{text-indent: 0;padding-left: 0;}
.en-chusen dd { align-content: center;}
/*online*/
.add-online-info .f2 {margin-bottom: 0.5rem;font-size: 1.3rem;}
/*X*/
#X {background: #fff;  border: solid 4px #000; outline: solid 1px #000; outline-offset: 5px;padding: 3rem;}
.online-banner {max-width: 600px; margin: 1.5rem auto;}
.online-banner2{max-width:600px; margin: 0 auto 3rem;}
/*tokuten*/
#tokuten .content {background: url("../img/denim_2.webp") repeat-y;color: #fff;}
#tokuten .contents {max-width: 920px; margin: 0 auto;width: 96%; }
#tokuten h2 {max-width: 417px;}
#tokuten img {margin: 1.5rem auto;}
#tokuten li { text-indent: -1em;  padding-left: 1em; }
/*items*/
#item{}
#item .content{}
#item h2 {max-width: 153px;}
#item ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
#item li {width: calc(96%/5); text-align: center;font-size: 0.85rem;margin-bottom: 2rem;}
#item li:last-child {margin-right: 20%;}
.condition{background: #CFDE3F; color: #fff; margin: 1rem 0 0.4rem;padding: 0.5rem 0;}
.price small {font-size: 0.75rem;}
.itemname{height: 3rem; margin-bottom: 0.4rem;align-content: end;}
.onsale{background: #bf061b;color: #fff;}

/*attention*/

#notes .content {padding-top: 0;}
#notes h2 {max-width: 153px;}
#notes ul {background: #C9D839;border: solid 4px #000; 	outline: solid 1px #000;outline-offset: 5px;padding: 5rem;}
#notes li { text-indent: -1em; padding-left: 1em; }
/*footer*/
footer { font-size: 0.8rem;background: #000000; color: #fff;}
.copyright{max-width: 702px;margin: 0 auto;width: 94%;}
/*TOP*/
.top1 {position: fixed; bottom: 7%; max-width: 90px; /*right: 3%;*/ z-index:6;right: calc(50.5% - 900px);}
.top2 {/*width: 100%;max-width: 1800px;*/margin-right: auto;margin-left: 0px;display: block;text-shadow: none;}
.top2 a {float: right;color: #CFDE3F;;
border: #CFDE3F solid 3px; border-radius: 50%;background: rgba(255,255,255,0.85); padding: 10px;}
.top2 span {display: block;}
.top2 i {font-size: 1.6rem;}

@media screen and (max-width:1799px) {
	.top1 {position: fixed; bottom: 7%; max-width: 90px; right: 3%;z-index:6;}
}

@media screen and (max-width:1000px) {
	#item li {width: calc(96% / 2);}
	.bg {background-size: 14px;}
	#notes ul {padding:4rem 1rem;}
	.onsale2{display: none;}
	.langsp{display: block;}
	.langsp li{padding: 0.3rem 0.5rem;margin: 1rem 0;}
	.langsp a{text-decoration: none;color:#231815;}
	.langsp a:visited{color:#231815;}
}


@media screen and (max-width:890px){
	#gaiyo h2 {max-width: 430px;}
	#schedule h2 {max-width: 442px;}
	#schedule h3 {max-width: 127px;}
	#gaiyo h3 img { max-width: 152px;}
	.online { max-width: 386px !important;}
	#tokuten h2 {max-width: 387px;}
	#item h2 {max-width: 130px;}
	#notes h2 {max-width: 130px;}
	.bg {background-size: 12px;}
	
}
@media screen and (max-width:790px){
	html {font-size: 15px;}
	.bg {background-size: 10px;}
	.add-online-info .f2, .f1 {font-size: 1.2rem;}
	.f2 {font-size: 1.1rem;}
	.f3 {font-size: 1.05rem;}

}

@media screen and (max-width:700px){
	#gaiyo h2 {max-width: 400px;}
	#schedule h2 {max-width: 412px;}
	#schedule h3 {max-width:110px;}
	#gaiyo h3 img { max-width: 122px;}
	.online { max-width: 356px !important;}
	#tokuten h2 {max-width: 357px;}
	#item h2 {max-width: 100px;}
	#notes h2 {max-width: 100px;}
	.add-online-info .f2, .f1 {font-size: 1.1rem;}
	.f2 {font-size: 1.05rem;}
	.f3{font-size: 1rem;}
	dd {padding-left: 1rem;}
	#notes .content {width: 93%;}
	.content {padding: 4rem 0;}
	#schedule h3 {margin: 0 auto 2rem;}
	#X {padding: 2rem;}
	#notes ul {padding: 2rem 1rem;}
}
.br600, .br530, .inline{display: none;}

@media screen and (max-width:600px){
	.br600{display: block;}
	.nyujo{display: block;}
	.nyujo dt, .nyujo dd{width: 100%;}
	.chusen dd dl dd {padding: 0.3rem 0 0.3rem 0.875rem;}
	.chusen dd dl dt{text-align: left;padding-left: 0.875rem;}
	.chumon{font-size: 1.5rem;}
	.e-chusen dt {padding-left: 0!important;text-align: center!important;}
	.e-chusen dd{ /*height: 4.5rem;*/ align-content: center;}

}
@media screen and (max-width:530px){
	.br530{display: block;}
	.inline{display: inline-block;}
}
@media screen and (max-width:500px){
	html{scroll-padding-top: 40px;}
	body {font-size: 13px;}
	#gaiyo h2 {max-width: 300px;}
	#schedule h2 {max-width: 300px;}
	.online { max-width: 305px !important;}
	#tokuten h2 {max-width: 300px;}
	.br500 {display: block;}
	.menu::before, .menu::after {width: 33%;}
	.bg {background-size: 6px;}
	.dl1 {height: 3.2rem;}
	.en-dl1,.en-dl2 {height: 4.5rem;}
	.en-dl1 dd, .en-dl2 dd{align-self: center;}
	dt {width: 30%;}
}
@media screen and (max-width:420px){
	html{scroll-padding-top: 80px;}
	.menu::before, .menu::after {width: 30%;}
	small {font-size: 0.8rem;}
	.en-h2 {font-size: 2rem;}
}