@charset "utf-8";

/************************************
*	ページリセット
************************************/
* {padding: 0; margin: 0;}
html{scroll-behavior: smooth;}

/************************************
*	body設定
************************************/
body {
	margin: 0;
	font-size:16px;
	line-height:28px;
	background-color:#fff;
	color:#111;
	
	font-family: 
		Meiryo,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    "Helvetica Neue",
    sans-serif;
}
@media screen and (max-width:480px){body {margin: 0 auto;}}

/************************************
*	PC/スマートフォンのみ改行
************************************/
.pc_br{display: none;}
@media screen and (min-width:481px){.pc_br{display:block;}}

.sp_br{display: none;}
@media screen and (max-width:480px){.sp_br{display:block;}}


/************************************
*	footer
************************************/
.footer-instagram:before{content:" "; position:relative; top:3px; padding-right:14px; margin-right:5px; background:url(../img/instagram.png); background-repeat: no-repeat; background-size:contain;}
@media screen and (max-width:480px){.footer-instagram:before{top:0;}}

.footer-twitter:before{content:" "; position:relative; top:3px; padding-right:14px; margin-right:5px; background:url(../img/twitter.png); background-repeat: no-repeat; background-size:contain;}
@media screen and (max-width:480px){.footer-twitter:before{top:0;}}

/************************************
*	copyright
************************************/
#copy{width:100%; background:#de0d85; font-size:12px; line-height: 14px; color:#fff; text-align: center; padding: 4px 0;}

/************************************
*	hタグ
************************************/


/************************************
*	aタグ
************************************/
a{color:#111; text-decoration: none;}
a:hover{color:#de0d85;}


/************************************
*	ポップアップメッセージ
************************************/
.pop-up-open {cursor:pointer;}
#pop-up-button {display: none;}
.pop-up-overlay {display: none;} /* input にチェックが入るまでは非表示に */
#pop-up-button:checked + .pop-up-overlay {display: block; z-index: 9999; background-color: #00000070; position: fixed; width: 100%; height: 100vh; top: 0; left: 0;}
.pop-up-window {width: 90vw; padding:40px 20px; max-width: 680px; background-color: #ffffff; border:solid 3px #de0d85; border-radius: 6px; display: flex; justify-content: center; align-items: center; position: fixed;
	top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box;}
.pop-up-title {font-size: 32px; line-height: 1em; font-weight: bold; color:#d00; margin: 0;}
.pop-up-text {font-size: 16px; line-height: 1.8em; margin-top: 20px;}
.pop-up-close {cursor:pointer; position: absolute; top: 4px; right: 4px; font-size: 20px; background-color: #de0d85; padding:4px 8px; color:#fff; border-radius: 3px;}
@media screen and (max-width:480px){
.pop-up-window {width: 90vw; padding:30px 10px; max-width: 100%; background-color: #ffffff; border:solid 2px #de0d85; border-radius: 6px; display: flex; justify-content: center; align-items: center; position: fixed;
	top: 50%; left: 50%; transform: translate(-50%, -50%); box-sizing: border-box;}
.pop-up-title {font-size: 26px; line-height: 1em; font-weight: bold; color:#d00;}
.pop-up-text {font-size: 13px; line-height: 1.6em; margin-top: 20px;}
.pop-up-close {cursor:pointer; position: absolute; top: 4px; right: 4px; font-size: 16px; background-color: #de0d85; padding:0 6px; color:#fff; border-radius: 3px;}
}


/************************************
*	margin / padding
************************************/
.mt5{margin-top:5px;}
.mt30{margin-top:30px;}

.pr5{padding-right:5px;}

.plr5{padding:0 5px;}

/************************************
   画像
************************************/
.image01{vertical-align:middle;}
.image02{vertical-align:bottom;}


.open-yakiniku{width:100%; max-width: 740px;}
@media screen and (max-width:480px){.open-yakiniku{width:75%;}}
@media screen and (max-width:480px){.open-flyer{width:90%;}}
@media screen and (max-width:480px){.open-menu{width:95%;}}
.open-access{width:100%; max-width: 980px; margin-bottom:50px;}
@media screen and (max-width:480px){.open-access{width:90%; margin-bottom:20px;}}
.open-map{margin-top:26px; height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; z-index: 1;}
.open-map iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
@media screen and (max-width:960px) {
	.open-map{margin-top:8px; text-align: center;}
}

.top-bottom-image-area{margin-top:60px; text-align: center;}
.top-bottom-image-area:first-child{margin-top:200px;}
.top-bottom-image{vertical-align: bottom; width:80%; max-width: 1280px;}
@media screen and (max-width:980px){
	.top-bottom-image-area{margin-top:20px; text-align: center;}
	.top-bottom-image-area:first-child{margin-top:120px;}
	.top-bottom-image{vertical-align: bottom; width:80%;}
}
@media screen and (max-width:480px){
	.top-bottom-image-area{margin-top:20px; text-align: center;}
	.top-bottom-image-area:first-child{margin-top:60px;}
	.top-bottom-image{vertical-align: bottom; width:80%; max-width: 1280px;}
}

.top-bottom-banner-area{margin-top:60px; text-align: center;}
.top-bottom-banner-area:first-child{margin-top:120px;}
.top-bottom-banner{vertical-align: bottom; width:80%; max-width: 1280px;}
@media screen and (max-width:480px){
	.top-bottom-banner-area{margin-top:20px; text-align: center;}
	.top-bottom-banner-area:first-child{margin-top:40px;}
	.top-bottom-banner{vertical-align: bottom; width:80%; max-width: 1280px;}
}




/************************************
   フォント
************************************/
.fb{font-weight: bold;}

/************************************
   幅
************************************/
.wrapper{display:flex;}
.wrapper-wrap{display:flex; flex-wrap: wrap;}
.wrapper-middle-center{display:flex; align-items:center; justify-content:center;}

.wrapper-left{flex:1;}


.width80{width:80px;}

.width-50p{width: 50%;}

/************************************
   ページフロー
************************************/
.page-flow{margin-top:40px; font-size:14px; line-height:22px; color:#111;}
.page-flow ul {font-size: 0;}
.page-flow li {display: inline-block; font-size:14px; line-height:22px; font-weight:bold; color: #de0d85;}
.page-flow li p {display: inline-block; font-size:14px; line-height:22px; font-weight: normal; color: #111;}
.page-flow p:after {margin:0 12px; content:"＞"; font-size:12px; color:#666;}
@media screen and (max-width:480px){.page-flow{margin:40px 10px 0; padding-top:20px;}}


/************************************
   
************************************/
.sub-title-outer{border-left:solid 5px #de0d85;}
.sub-title-inner{border-left:solid 2px #f1dd00; margin-left:1px; font-size: 20px; line-height: 24px; font-weight: bold; padding:5px 0 3px 10px;}
@media screen and (max-width:480px){.sub-title-inner{line-height: 28px; font-weight: bold; padding:3px 0 3px 10px;}}

/************************************
   
************************************/
.news-image-size{max-width: 90%;}


/************************************
   
************************************/
@media screen and (max-width:1240px){.menu-sp{margin-top:60px;}}

.menu-container{border-bottom:solid 4px #de0d85; padding:10px 10%; box-sizing: border-box; /*box-shadow: 10px 0 10px 0 rgba(0, 0, 0, .5);*/ display:flex; width: 100%; height:80px; z-index: 150; background:#fff; position: fixed;}
@media screen and (max-width:1240px){.menu-container{top:0; padding:10px; width: 100%; background:#fff; position: fixed;}}

.top-logo{width:150px; display:inline-block; margin-top:0; justify-content:center; z-index: 100;}
.top-logo-mogumogu{width:190px; display:inline-block; margin-top:0; justify-content:center; z-index: 100;}
.logo-image{width:100%;}
.top-menu-area02{display: none;}
.top-menu-area03{display: none;}
@media screen and (max-width:1240px){
	.top-logo-mogumogu{width:280px; display:flex; margin-top:0;}
	.logo-image{width:100%;}
	.top-menu-area01{width:42%;}
	.top-menu-area02{display:block; width:58%; text-align: center; margin-top: 5px; font-size: 12px; font-weight: bold;}
}
@media screen and (max-width:480px){
	.top-logo-mogumogu{width:92%; display:flex; margin-top:0;}
	.logo-image{width:100%;}
	.top-menu-area01{width:30%;}
	.top-menu-area02{display:block; width:70%; text-align: center; margin-top: 5px; font-size: 12px; font-weight: bold;}
}

#menu-btn-check {display: none;}

.menu-contents{}
.menu-contents ul li {display:inline-block; list-style: none; padding-left:40px;}
.menu-contents ul li a {display: block; width: 100%; box-sizing: border-box; color:#111; text-decoration: none; position: relative;}
@media screen and (max-width:1240px){
	.menu-contents {width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 80; background-color: #fff; overflow: auto; -webkit-overflow-scrolling: touch;}

	.menu-contents {width: 100%; height: 100%; position: fixed; top: 60px; left: 100%; z-index: 80; background-color: #fff; transition: all 0.5s;}
	#menu-btn-check:checked ~ .menu-contents {left: 0;}
	.menu-contents ul {padding: 0; overflow: auto; -webkit-overflow-scrolling: touch;}
	.menu-contents ul li {display:block; border-bottom: solid 1px #de0d85; list-style: none; padding:0;}
	.menu-contents ul li a {display: block; width: 100%; box-sizing: border-box; color:#111; text-decoration: none; padding: 9px 20px 10px 10px; position: relative;}
	.menu-contents ul li a::before {content: ""; width: 7px; height: 7px; border-top: solid 2px #de0d85; border-right: solid 2px #de0d85; transform: rotate(45deg); position: absolute; right: 15px; top: 16px;}
}
.main-menu{margin-top:34px; font-size: 16px; font-weight: bold;}
@media screen and (max-width:1240px){.main-menu{margin-top:0; font-size: 15px;}}
.sub-menu{position: absolute; top: 10px; right: 10%; font-size: 14px;}
@media screen and (max-width:1510px){.sub-menu{position: absolute; top: 10px; right: calc( 10% + 220px ); font-size: 14px;}}
@media screen and (max-width:1240px){.sub-menu{position:static; top:auto; right:auto;margin-top:40px;border-top:solid 4px #de0d85; font-size: 15px; font-weight: bold;}}


@media screen and (max-width:1240px){
	.menu-container{
		border-bottom:solid 4px #de0d85; padding:10px 10px;
		box-shadow: 10px 0 10px 0 rgba(0, 0, 0, .5);
		display:flex;
		height: 60px;
	}
	.top-logo{width:100px; display:block; z-index: 100; margin-top:0; justify-content: center; align-items: center;}
	.menu-btn {position: fixed; margin-top:-2px; right: 10px; display: flex; height: 40px; width: 40px; justify-content: center; align-items: center; z-index: 90;}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #111;
		position: absolute;
	}
	.menu-btn span:before {bottom: 8px;}
	.menu-btn span:after {top: 8px;}

	.menu-btn span { display: inline-block; transition: all .5s; box-sizing: border-box;}
	.menu-btn span::before { display: inline-block; transition: all .5s; box-sizing: border-box;}
	.menu-btn span::after { display: inline-block; transition: all .5s; box-sizing: border-box;}
	#menu-btn-check:checked ~ .menu-btn span {background-color: rgba(255, 255, 255, 0);	}
	#menu-btn-check:checked ~ .menu-btn span::before {bottom: 0; transform: rotate(315deg);}
	#menu-btn-check:checked ~ .menu-btn span::after {top: 0; transform: rotate(-315deg);}
}

.menu-cart-area {display: flex; justify-content: center; align-items:center;}
.menu-cart-name {display:inline-block; width:auto;}
.menu-cart-number {display:inline-block; background-color:#de0d85; width:auto; font-size:12px; line-height:12px; color:#fff; margin: 0 0 0 5px; border-radius:15px; text-decoration: none;}
.menu-cart-number-space {padding: 4px 6px 3px 6px;}

.menu-tel{position: absolute; top: 42px; right: 10%; font-size: 24px; font-weight: bold; color:#de0d85;}
.menu-tel-pc{}
.menu-tel-sp{display: none}
.menu-tel-text{display: none;}
@media screen and (max-width:1510px){.menu-tel{position: absolute; top: 10px; right: 10%; font-size: 24px; font-weight: bold;}}
@media screen and (max-width:1240px){
	.menu-tel{position:static; top:auto; right:auto; margin-top:40px; margin-bottom:200px; border-top:solid 4px #de0d85; font-size: 15px; font-weight: bold;}
	.menu-tel-pc{display: none;}
	.menu-tel-sp{display: block;}
	.menu-tel-text{display: inline-block; font-size: 0.7em; padding-left: 8px;}
}
@media screen and (max-width:480px){
	.menu-tel{position:static; top:auto; right:auto; margin-top:40px; border-top:solid 4px #de0d85; font-size: 15px; font-weight: bold;}
}


.footer-area{display:flex; border-top:solid 1px #ccc; margin-top:160px; padding:40px 15% 100px;}
.footer-contents{width:25%; padding-right:10px; box-sizing: border-box;}
.footer-contents-title{font-size:17px; font-weight: bold;}
.footer-contents-menu{margin-top:20px;}
.footer-contents-menu a{font-size:14px;}
.footer-contents-list{display: inline-block;}
.footer-contents-list02{font-size:14px; line-height: 20px; display: inline-block;}
.footer-contents-list02::before{content: "├ ";}
.footer-contents-list03{font-size:14px; line-height: 20px; display: inline-block;}
.footer-contents-list03::before{content: "└ ";}
.footer-contents-list04{display: none;}

@media screen and (max-width:980px){
	.footer-area{margin-top:100px; padding:40px 20px 60px;}
}
@media screen and (max-width:480px){
	.footer-area{display:block; border-top: solid 1px #de0d85; margin-top:100px; padding:0;}
	.footer-contents{width:auto; padding-right:0; box-sizing: border-box;}
	.footer-contents-title{width:100%; padding:7px 5px 5px; background:#de0d85; border-bottom: solid 1px #de0d85; font-size: 14px; line-height:16px; color:#fff; box-sizing: border-box;}
	.footer-contents-menu{display:flex; align-items:center; flex-wrap:wrap; margin:0; box-sizing: border-box;}
	.footer-contents-menu > div{display: inline-block;width: 50%; margin-top:6px; height: 34px; border-bottom: solid 1px #de0d85;}
	.footer-contents-menu a{margin:0; box-sizing: border-box;}
	.footer-contents-list{width: 100%; padding:0 5px; font-size:13px; line-height: 24px; box-sizing: border-box;}
	.footer-contents-list02{width: 100%; padding:0 5px; font-size:13px; line-height: 24px; box-sizing: border-box;}
	.footer-contents-list03{width: 100%; padding:0 5px; font-size:13px; line-height: 24px; box-sizing: border-box;}
	.footer-contents-list02::before{content: "└ ";}
	.footer-contents-list03::before{content: "─ ";}
	.footer-contents-list04{width: 50%; padding:0 5px; font-size:13px; line-height: 24px; box-sizing: border-box;}
	.footer-contents-list04::before{content: "";}
}



.top-slider{padding-top:80px;}
@media screen and (max-width:1240px){.top-slider{padding:0;}}
@media screen and (max-width:480px){.top-slider{padding:0;}}

.slider{margin: 0px auto; width: 100%;}
.slider li{padding:0 0;}

@media screen and (max-width:480px){.slider{margin: 0 auto; width: 100%;}}
.slider img{ height: auto; width: 100%;}
/*slick setting*/
.slick-prev:before,
.slick-next:before {color: #000;}

.slider-thumbnail-align{text-align: center;}
.slider-thumbnail-area{display: inline-block;}
.slider-thumbnail{margin: 20px auto 0; padding: 0; width: auto;  box-sizing: border-box;}
.top-thumbnail{max-width:200px; margin:0 10px; box-sizing: border-box;}
.slider-thumbnail img{ height: auto; width: 100%; margin:0 auto;}

@media screen and (max-width:480px){
	.slider-thumbnail-align{text-align: center; padding:0 8px;}
	.slider-thumbnail{margin: 10px auto 0; padding: 0; width: auto; box-sizing: border-box;}
	.top-thumbnail{max-width:60px; margin:0 5px; box-sizing: border-box;}
	.slider-thumbnail img{height: auto; width: 100%; margin:0 auto;}
}

.slick-active{}


.main-contents{padding:80px 15% 0;}
.main-contents-area{margin:0 auto; padding-top:80px; width:1160px;}
@media screen and (max-width:980px){
	.main-contents{padding:20px 5% 0;}
	.main-contents-area{width:auto; padding-top:0;}
}
@media screen and (max-width:480px){
	.main-contents{padding:0;}
	.main-contents-area{width:auto; padding-top:0;}
}

.main-contents-registration{padding:80px 0 0; text-align: center;}
@media screen and (max-width:480px){.main-contents-registration{padding:0; text-align:left;}}



.mogumogu-tel{margin-top:60px; padding:0 25%;}
.mogumogu-tel-area{border: solid 4px #de0d85; padding: 60px 0;}
.mogumogu-tel-title{display:flex; align-items:center; justify-content:center; color:#de0d85;}
.mogumogu-tel-title-area{width:400px; color: #de0d85; border-bottom:solid 1px #de0d85; padding-bottom:3px; text-align: center;}
.mogumogu-tel-text{padding-top:30px; font-size: 52px; color: #de0d85; font-weight: bold; text-align: center;}
.mogumogu-tel-pc{display: block;}
.mogumogu-tel-sp{display: none;}
@media screen and (max-width:1240px){
.mogumogu-tel{margin-top:60px; padding:0 20%;}
	.mogumogu-tel-area{border: solid 4px #de0d85; padding: 30px 0;}
	.mogumogu-tel-title-area{ width:calc(100% - 10%); color: #de0d85; border-bottom:solid 1px #de0d85; padding-bottom:3px; text-align: center;}
	.mogumogu-tel-text{padding-top:30px; font-size: 44px; line-height: 1.1em; color: #de0d85; font-weight: bold; text-align: center;}
}
@media screen and (max-width:980px){
.mogumogu-tel{margin-top:60px; padding:0 15%;}
	.mogumogu-tel-area{border: solid 4px #de0d85; padding: 30px 0;}
	.mogumogu-tel-title-area{ width:calc(100% - 10%); color: #de0d85; border-bottom:solid 1px #de0d85; padding-bottom:3px; text-align: center;}
	.mogumogu-tel-text{padding-top:30px; font-size: 40px; line-height: 1.1em; color: #de0d85; font-weight: bold; text-align: center;}
}
@media screen and (max-width:480px){
	.mogumogu-tel{margin-top:30px; padding:30px 5px;}
	.mogumogu-tel-area{padding: 30px 0;}
	.mogumogu-tel-title{display:flex; align-items:center; justify-content:center;}
	.mogumogu-tel-title-area{width:280px; padding-bottom:5px; text-align: center;}
	.mogumogu-tel-text{padding-top:30px; font-size: 36px; color: #de0d85; font-weight: bold; text-align: center;}
	.mogumogu-tel-pc{display: none;}
	.mogumogu-tel-sp{display: block;}
}



.Important-Notices{margin-top:60px; background:#de0d85; padding:80px 25%;}
@media screen and (max-width:480px){.Important-Notices{margin-top:30px; background:#de0d85; padding:30px 5px;}}
.Important-Notices-title{display:flex; align-items:center; justify-content:center;}
.Important-Notices-title-area{width:400px; color: #fff; border-bottom:solid 1px #fff; padding-bottom:3px; text-align: center;}
@media screen and (max-width:480px){.Important-Notices-title{display:flex; align-items:center; justify-content:center;}}
@media screen and (max-width:480px){.Important-Notices-title-area{width:240px; padding-bottom:5px; text-align: center;}}
/*
.Important-Notices-title{margin-top:120px; border-radius: 20px; background-color: #de0d85; height: 60px; display:flex; flex:1; align-items:center; justify-content:center;}
.Important-Notices-title-text{font-size:24px; font-weight: bold; color: #fff;}
@media screen and (max-width:480px){
	.Important-Notices-title{margin-top:60px; border-radius: 10px; height: 38px;}
	.Important-Notices-title-text{font-size:16px; padding-top:2px;}
}
*/
.Important-Notices-area .Important-Notices-wrapper:first-child{display:flex; padding-top:45px;}
.Important-Notices-area .Important-Notices-wrapper:not(:first-child){display:flex; padding-top:15px;}
.Important-Notices-date-area{width: 120px;}
.Important-Notices-date{display: inline-block; font-size: 14px; color:#111; background:#fff; border-radius: 5px; padding: 3px 5px 1px;}
.Important-Notices-text{flex:1; font-size: 19px; font-weight: bold; color:#de0d85; color:#fff; padding-top:3px;}
.Important-Notices-text a{color:#fff;}
.Important-Notices-text a:hover{text-decoration: underline;}
@media screen and (max-width:480px){
	.Important-Notices-area .Important-Notices-wrapper:first-child{display:block; padding:25px 5px 10px; border-bottom: dotted 1px #de0d85;}
	.Important-Notices-area .Important-Notices-wrapper:not(:first-child){display:block; padding:15px 5px 10px; border-top: dotted 1px #fff;}
	.Important-Notices-date{width:auto; font-size: 12px; line-height: 16px; color:#111;}
	.Important-Notices-text{flex:auto; margin-top:5px; font-size: 16px; line-height:24px; font-weight: bold; color:#fff;}
}


.top-contents-title{margin-top:120px; display:flex; align-items:center; justify-content:center;}
.top-contents-title-service{display:flex; align-items:center; justify-content:center;}
.top-contents-title-area{width:400px; color:#404040; border-bottom:solid 1px #f1dd00; padding-bottom:3px; text-align: center;}
.top-contents-title01{font-size:28px; font-weight: bold;}
.top-contents-title02{font-size:14px;}
@media screen and (max-width:980px){
	.top-contents-title{margin-top:80px;}
}
@media screen and (max-width:480px){
	.top-contents-title{margin-top:50px;}
	.top-contents-title-area{width:240px; color:#404040; border-bottom:solid 1px #f1dd00; padding-bottom:5px; text-align: center;}
	.top-contents-title01{font-size:20px; line-height:24px; font-weight: bold;}
	.top-contents-title02{font-size:12px; line-height: 18px;}
}

.twitter-area {margin-top:40px; width:75%; border-radius: 5px; background:#de0d85; padding: 10px; box-sizing: border-box;}
@media screen and (max-width:480px){
	.twitter-area {margin:30px 10% 0; width:80%; padding: 5px; border-radius: 5px; text-align: center;}
}


.top-campaign-area{margin-top:40px; display:flex; justify-content:center; align-items:stretch; padding:10px; box-sizing: border-box;}
@media screen and (max-width:480px){.top-campaign-area{margin:30px 0 0; padding:0; border-top:solid 1px #a6a600; display: block; justify-content:flex-start;}}

.top-campaign-position{width:100%; border:solid 1px #a6a600; border-radius: 10px; box-sizing: border-box; background-color: #f1dd00; display: flex;}
.top-campaign-position:not(:first-child){margin-left:3%;}
.top-campaign-position a{text-decoration: none; width: 100%;}
@media screen and (max-width:480px){.top-campaign-position {width:100%; border:none; border-bottom:solid 1px #a6a600; border-radius: 0; background-color:#f1dd00;}}
@media screen and (max-width:480px){.top-campaign-position:not(:first-child){margin-left:0;}}

.top-campaign-list{padding:10px;}
@media screen and (max-width:480px){.top-campaign-list{display: flex; padding:0;}}

.top-campaign-image{width:100%; margin:0 auto; overflow:hidden; border-radius: 5px 5px / 5px 5px 0 0;}
@media screen and (max-width:480px){.top-campaign-image{width:80px; height: auto; margin:0 auto; padding:10px; overflow:visible; border-radius:0;}}
.top-campaign-image img{transition:0.2s all; width:100%;}
a:hover .top-campaign-image img{transform:scale(1.1,1.1); transition:0.7s all;}
@media screen and (max-width:480px){.top-campaign-image img{transition:0; width:100%;}}
@media screen and (max-width:480px){a:hover .top-campaign-image img{transform:none; transition:0;}}

.top-campaign-text{color:#000; font-weight: bold; text-align: left; font-size: 17px; line-height: 24px; padding-top:10px; }
@media screen and (max-width:480px){.top-campaign-text{flex:1; color:#000; font-weight: bold; background-color: #fff; text-align: left; font-size: 14px; line-height: 20px; padding:10px;}}
.top-campaign-text-back{}

.top-news{margin:0 10px;}
.top-news .top-news-list:first-child{margin-top: 40px;}
.top-news .top-news-list:not(:first-child){margin-top:20px;}
@media screen and (max-width:480px){.top-news .top-news-list:first-child{margin-top:30px;}}
@media screen and (max-width:480px){.top-news .top-news-list:not(:first-child){margin-top:10px;}}
.top-news a{color:#111; text-decoration: none;}
.top-news-area{border:solid 1px #f1dd00; border-radius: 5px;  background:#f4f4f4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.top-news-area{
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #de0d85 50%);
  background-position: 0 0;
  background-size: 210% auto;
  transition: .7s;}
.top-news-area:hover{
  background-position: -90% 0;
  color: #fff;
}
.top-news-contents{flex:1; padding:15px 15px 10px 15px;}
@media screen and (max-width:480px){.top-news-contents{flex:1; padding:10px 10px 5px 10px;}}

.top-news-day{font-size:14px; line-height:16px; font-weight:bold;}
.top-news-title{font-size:16px; line-height:24px; font-weight:normal; margin-top:5px;}
@media screen and (max-width:480px){.top-news-day{font-size:12px; line-height:16px; font-weight:bold;}}
@media screen and (max-width:480px){.top-news-title{font-size:14px; line-height:18px; font-weight:normal; margin-top:5px;}}

.top-news-triangle{background-color:#f1dd00; width:30px; text-align:center; font-size:14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;  justify-content:center;}
.top-news-triangle p{-webkit-transform:rotateZ(90deg); transform:rotateZ(90deg);}



.top-service-area{margin-top:40px; display:flex; justify-content:center; align-items:stretch; padding:10px; box-sizing: border-box;}
@media screen and (max-width:480px){.top-service-area{margin:30px 0 0; padding:0 20px; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap; text-align: left;}}

.top-service-position{width:100%; border:solid 5px #de0d85; display: flex; margin:0 auto; overflow:hidden;}
.top-service-position:not(:first-child){margin-left:3%;}
.top-service-position a{text-decoration: none; width: 100%;}
.top-service-border{text-decoration: none; width: 100%;}
@media screen and (max-width:480px){.top-service-position {width:48%; border:none; margin:20px auto 0; border-radius: 0; display: block; text-align: left;}}
@media screen and (max-width:480px){.top-service-position:not(:first-child){margin-left:auto;}}
@media screen and (max-width:480px){.top-service-position:nth-child(even){padding-left:4%;}}
@media screen and (max-width:480px){.top-service-border{border:solid 4px #de0d85; box-sizing:border-box; overflow:hidden;}}

.top-service-position img{transition:0.2s all; width:100%;}
.top-service-position img:hover{transform:scale(1.1,1.1); transition:0.7s all; opacity: 0.6;}

.top-service-contents{display: block; position: relative; width: 100%; box-sizing: border-box;}
.top-service-label{display: inline-block; position: absolute; bottom: 5px; right: 5px; margin: 0; padding: 3px 5px; z-index: 2; width: auto; text-align: center; font-size: 13px; line-height: 16px; font-weight: bold; color:#fff; background: #de0d85;}


/************************************
   ログイン
************************************/
#login-wrapper{display: flex; flex-direction: row-reverse; margin-top:10px;}
.login-form-area{width:320px;}
.login-text-area{flex: 1; padding-right:50px; box-sizing: border-box;}
.login-text-area .sub-title-outer:not(:first-child){margin-top:30px;}
@media screen and (max-width:480px){
	#login-wrapper{display:block; flex-direction:row; margin:30px 10px 0;}
	.login-form-area{width:auto;}
	.login-text-area{flex:none; padding-right:0; box-sizing: border-box;}
	.login-text-area .sub-title-outer{margin-top:50px;}
}

.login-form-border{border:solid 5px #de0d85; border-radius: 10px; padding:40px 20px;}
@media screen and (max-width:480px){.login-form-border{border:solid 5px #de0d85; border-radius: 10px; padding:20px 10px 40px;}}

.login-form-title{display:flex; align-items:center; justify-content:center; margin-bottom:40px;}
.login-form-title-area{width:100%; color:#404040; border-bottom:solid 1px #f1dd00; padding-bottom:3px; text-align: center;}
.login-form-title01{font-size:28px; font-weight: bold;}
.login-form-title02{font-size:14px;}
.login-contents-text01{font-size:12px; line-height: 18px; font-weight: bold; color: #111; margin-top:20px;}
.login-contents-password{font-size:14px; line-height: 18px; font-weight: bold; margin-top:40px; text-align: center;}
.login-contents-password a{color:#de0d85;}
.login-contents-password a:hover{text-decoration: underline;}
@media screen and (max-width:480px){
	.login-form-title{margin-top:10px;}
	.login-form-title-area{width:80%; color:#404040; border-bottom:solid 1px #f1dd00; padding-bottom:5px; text-align: center;}
	.login-form-title01{font-size:20px; line-height:24px; font-weight: bold;}
	.login-form-title02{font-size:12px; line-height: 18px;}
}

.login-form .login-form-text{width:100%; border:solid 1px #999; border-radius: 5px; background-color:#f3f3f3; padding:5px; font-size:12px; line-height:18px; color:#111; box-sizing:border-box;}
.login-form input[type="text"]:focus {border:solid 1px #de0d85; background-color:#fff; outline: 0;}
.login-form input[type="password"]:focus {border:solid 1px #de0d85; background-color:#fff; outline: 0;}

.login-button {position: relative; display: inline-block; margin-top:40px; padding: 2px 0; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width:100%; border-radius: 20px; transition: all .5s;}
.login-button:hover {color: #ff0;}
.login-button::after {position: absolute; top: 50%; left: 7%; content: ''; margin-top: -5px; border: 7px solid transparent; border-top-width: 5px; border-bottom-width: 5px; border-left-color: #fff; transition: all .2s;}
.login-button:hover::after {left: 90%; border-left-color: #ff0;}

.login-contents-text02{margin-top:20px;}
.login-contents-text03{margin-top:20px; line-height: 36px; border-bottom:dotted 1px #de0d85; padding-bottom:30px;}
.login-contents-text04{margin-top:10px; font-size: 14px;  line-height: 24px; font-weight: bold;}
.login-contents-text04 a{color:#de0d85;}
.login-contents-text04 a:hover{text-decoration: underline;}
@media screen and (max-width:480px){
	.login-contents-text02{margin-top:20px; font-size: 14px;}
	.login-contents-text03{margin-top:20px; font-size: 14px; line-height: 26px; border-bottom:dotted 1px #de0d85; padding-bottom:30px;}
	.login-contents-text04{margin-top:30px; font-size: 14px;  line-height: 24px; font-weight: bold; text-align: center;}
	.login-contents-text04 a{color:#de0d85;}
	.login-contents-text04 a:hover{text-decoration: underline;}
}


.login-contents-text05{margin-top:30px; font-size: 16px; line-height: 24px; font-weight: bold;}
.login-contents-text06{margin-top:10px; font-size: 16px; line-height: 36px; border-bottom:dotted 1px #de0d85; padding-bottom:30px;}
@media screen and (max-width:480px){
	.login-contents-text05{margin-top:30px; font-size: 18px; line-height: 24px; font-weight: bold; color:#de0d85;}
	.login-contents-text06{margin-top:10px; font-size: 16px; line-height: 28px; border-bottom:dotted 1px #de0d85; padding-bottom:30px;}
}


/************************************
   新規登録
************************************/
#registration-width{display: flex; flex-wrap: wrap; justify-content: center;}
.registration-flow{width:100%; max-width: 840px; text-align: left;}
#registration-width .registration-flow:not(:first-child){margin-top:60px;}
#registration-width .registration-flow:nth-child(2){margin-top:20px;}
.registration-width02{display: flex; flex-wrap: wrap; justify-content: center;}
.registration-flow-area{display: flex; flex-wrap: wrap; justify-content: center;}

.registration-form-area01{display: flex; flex-wrap: wrap; justify-content: center; margin-top:20px;}
.registration-form-area02{display: flex; flex-wrap: wrap; justify-content: center; margin-top:60px;}
@media screen and (max-width:480px){
	#registration-width{display:block; flex-wrap:nowrap; justify-content:flex-start;}
	.registration-flow{width:100%; box-sizing: border-box; text-align: left;}
	.registration-flow-area{display: block;}
	.registration-form-area01{display:block; flex-wrap: wrap; justify-content: center; margin:30px 10px 0;}
	.registration-form-area02{display:block; flex-wrap: wrap; justify-content: center; margin:40px 10px 0;}
}

.registration-text-contents-text01{ font-size: 15px; line-height: 20px; font-weight: bold; margin-top:15px; padding: 3px 5px;}
.registration-text-contents-text01::before{content: ""; background:#de0d85; padding: 4px; border-radius: 5px; margin-right:8px;}


.registration-contents-title{display:flex; align-items:center; justify-content:center; padding-bottom:20px;}
.registration-contents-title-area{width:400px; color:#404040; border-bottom:solid 1px #f1dd00; padding-bottom:3px; text-align: center;}
.registration-contents-title01{font-size:28px; font-weight: bold;}
.registration-contents-title02{font-size:14px;}
@media screen and (max-width:480px){
	.registration-contents-title{margin-top:10px; padding-bottom:10px;}
	.registration-contents-title-area{width:240px; color:#404040; border-bottom:solid 1px #f1dd00; padding-bottom:5px; text-align: center;}
	.registration-contents-title01{font-size:20px; line-height:24px; font-weight: bold;}
	.registration-contents-title02{font-size:12px; line-height: 18px;}
}

.registration-form-border{border:solid 5px #de0d85; border-radius: 10px; padding:40px 20px;}
@media screen and (max-width:480px){.registration-form-border{border:solid 5px #de0d85; border-radius: 10px; padding:20px 10px 40px;}}

.registration-form .registration-form-text{width:100%; border:solid 1px #999; border-radius: 5px; background-color:#f3f3f3; padding:5px; font-size:12px; line-height:18px; color:#111; box-sizing:border-box;}
.registration-form input[type="text"]:focus {border:solid 1px #de0d85; background-color:#fff; outline: 0;}
.registration-form input[type="password"]:focus {border:solid 1px #de0d85; background-color:#fff; outline: 0;}
.registration-form-button{margin-top:40px; text-align: center;  width:420px;}
.registration-form-button02{margin-top:40px; text-align: center;  width:360px;}
.registration-form-confirms-area{display: flex; justify-content: center;}
.registration-form-confirms{width:50%;}
.registration-form-confirms-button{margin-top:40px; text-align: center;  width:340px;}
@media screen and (max-width:480px){
	.registration-form .registration-form-text{width:100%; border:solid 1px #999; border-radius: 5px; background-color:#f3f3f3; padding:5px; font-size:12px; line-height:18px; color:#111; box-sizing:border-box;}
	.registration-form input[type="text"]:focus {border:solid 1px #de0d85; background-color:#fff; outline: 0;}
	.registration-form input[type="password"]:focus {border:solid 1px #de0d85; background-color:#fff; outline: 0;}
	.registration-form-button{margin-top:40px; text-align: center;  width:60%;}
	.registration-form-confirms-area{display:block; justify-content:flex-start;}
	.registration-form-confirms{width:100%;}
	.registration-form-confirms-button{margin-top:40px; text-align: center;  width:60%;}
}

.registration-button {display: inline-block; padding: 10px 0; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width: 100%; transition: all .5s; border-radius: 5px;}
.registration-button:hover {color: #de0d85; background-color: #fff;}
@media screen and (max-width:480px){
	.registration-button {display: inline-block; padding: 9px 0 7px; font-size: 14px; line-height: 18px; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width: 100%; transition: all .5s; border-radius: 5px;}
	.registration-button:hover {color: #de0d85; background-color: #fff;}
}

.registration-contents-text01{font-size:14px; line-height: 18px; font-weight: bold; color: #111; margin-top:20px;}
.registration-contents-text02{margin-top:20px;}
.registration-contents-text02 a{color:#de0d85;}
.registration-contents-text02 a:hover{text-decoration: underline;}
.registration-contents-text03{margin-top:5px; font-size:14px; line-height: 18px; color: #c00;}
.registration-contents-text04{font-size:12px; padding-left:5px;}
@media screen and (max-width:480px){
	.registration-contents-text01{font-size:14px; line-height: 18px; font-weight: bold; color: #111; margin-top:20px;}
	.registration-contents-text02{margin-top:20px; font-size: 14px;}
}

.registration-address{display: flex;  align-items:center;}
.registration-address-select{width:180px;}
.registration-address-delivery{margin-left:10px; flex: 1; font-size:14px; font-weight: bold; color: #d00;}
.registration-address-text{margin-top:10px;}
@media screen and (max-width:480px){
	.registration-address{display: block;  align-items:flex-start;}
	.registration-address-select{width:100%;}
	.registration-address-delivery{margin-left:0; margin-top:5px; flex:auto; font-size:14px; font-weight: bold; color: #d00;}
	.registration-address-text{margin-top:10px;}
}

.registration-service{margin:40px 10% 0;}
.registration-service-frame{margin-top:5px;}
.registration-frame{border:solid 1px #999;}
.registration-service-check{text-align: center; display: flex; justify-content: center; margin-top:10px;}
.registration-service-check-box{width: 24px;}
.registration-service-check-text{display: inline-block; width: auto; font-size: 14px;}
@media screen and (max-width:480px){
.registration-service{margin:40px 10px 0;}
}



/************************************
*	news
************************************/
.news-date{font-size:14px; line-height: 18px; text-align: right;}
.news-title{margin-top:5px; font-size:28px; line-height: 40px; font-weight: bold; border-bottom:solid 1px #999;}
.news-text{margin-top:40px; font-size:16px; line-height: 36px;}
@media screen and (max-width:480px){
	.news-date{margin:20px 10px 0; font-size:14px; line-height: 18px; text-align: right;}
	.news-title{padding:5px 10px 15px; font-size:20px; line-height: 28px; font-weight: bold; border-bottom:solid 1px #999;}
.news-text{margin:20px 10px 0; font-size:16px; line-height: 36px;}
}



.contents-title{margin-top:20px; display:flex; align-items:center; justify-content:center;}
.contents-title-area{width:400px; color:#404040; border-bottom:solid 1px #f1dd00; padding-bottom:3px; text-align: center;}
.contents-title01{font-size:28px; font-weight: bold;}
.contents-title02{font-size:14px;}
@media screen and (max-width:480px){
	.contents-title{margin-top:20px;}
	.contents-title-area{width:240px; color:#404040; border-bottom:solid 1px #f1dd00; padding-bottom:5px; text-align: center;}
	.contents-title01{font-size:20px; line-height:24px; font-weight: bold;}
	.contents-title02{font-size:12px; line-height: 18px;}
}

.news-year-area{margin-top:60px; border-bottom: solid 2px #de0d85; padding:0 10px 2px;}
.news-arrow{position: relative; display: inline-block; padding: 0 0 0 24px; vertical-align: middle; text-decoration: none; font-size: 18px; line-height: 22px; font-weight: bold;}
.news-arrow::before, .news-arrow::after{position: absolute; top: -1px; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
.news-arrow a{color:#444;}
.news-arrow a:hover{color:#de0d85;}

.news-year::before{width: 18px; height: 18px; -webkit-border-radius: 4px; border-radius: 4px; background: #de0d85;}
.news-year::after{left: 4px; width: 5px; height: 5px; border-top: 3px solid #fff; border-right: 3px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}

.news-year-width{display: inline-block; margin-right:30px;}
@media screen and (max-width:480px){
	.news-year-area{margin-top:40px; border-bottom: solid 2px #de0d85; padding:0 10px 2px;}
	.news-arrow{position: relative; display: inline-block; padding: 0 0 0 18px; vertical-align: middle; text-decoration: none; font-size: 14px; line-height: 34px; font-weight: bold;}
	.news-arrow::before, .news-arrow::after{position: absolute; top: -1px; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
	.news-arrow a{color:#444;}
	.news-arrow a:hover{color:#de0d85;}
	.news-year::before{width: 15px; height: 15px; -webkit-border-radius: 3px; border-radius: 3px; background: #de0d85;}
	.news-year::after{left: 3px; width: 4px; height: 4px; border-top: 2px solid #fff; border-right: 2px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.news-year-width{display: inline-block; margin-right:30px;}
}


.delivery-area{margin-top:60px; border-bottom: solid 2px #de0d85; padding:0 10px 2px;}
.delivery-area-arrow{position: relative; display: inline-block; padding: 0 0 0 24px; vertical-align: middle; text-decoration: none; font-size: 18px; line-height: 22px; font-weight: bold;}
.delivery-area-arrow::before, .delivery-area-arrow::after{position: absolute; top: -1px; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
.delivery-area-arrow a{color:#444;}
.delivery-area-arrow a:hover{color:#de0d85;}

.delivery-area-title::before{width: 18px; height: 18px; -webkit-border-radius: 4px; border-radius: 4px; background: #de0d85;}
.delivery-area-title::after{left: 4px; width: 5px; height: 5px; border-top: 3px solid #fff; border-right: 3px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}

.delivery-area-list{font-size: 18px; margin:15px 0 0;}
.delivery-area-list-text{font-size: 16px; padding:15px 10px 5px; font-weight: bold;}
.delivery-area-list-area{font-size: 14px; padding:0 10px 10px;}
.delivery-area-list-name{font-size: 16px; padding:15px 10px 0; border-bottom:dotted 1px #de0d85;}
.delivery-area-list-name::before{content: '無料'; padding-right:5px; display: inline-block; width:60px; font-size: 12px;}
.delivery-area-list-name100{font-size: 16px; padding:15px 10px 0; border-bottom:dotted 1px #de0d85;}
.delivery-area-list-name100::before{content: '100円'; padding-right:5px; display: inline-block; width:60px; font-size: 12px;}
.delivery-area-list-name200{font-size: 16px; padding:15px 10px 0; border-bottom:dotted 1px #de0d85;}
.delivery-area-list-name200::before{content: '200円'; padding-right:5px; display: inline-block; width:60px; font-size: 12px;}


.delivery-area-group{display: inline-block; margin-right:30px;}
@media screen and (max-width:480px){
	.delivery-area{margin-top:-40px; border-bottom: solid 2px #de0d85; padding:80px 10px 2px;}
	.delivery-area-arrow{position: relative; display: inline-block; padding: 0 0 0 18px; vertical-align: middle; text-decoration: none; font-size: 14px; line-height: 34px; font-weight: bold;}
	.delivery-area-arrow::before, .delivery-area-arrow::after{position: absolute; top: -1px; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
	.delivery-area-arrow a{color:#444;}
	.delivery-area-arrow a:hover{color:#de0d85;}
	.delivery-area-title::before{width: 15px; height: 15px; -webkit-border-radius: 3px; border-radius: 3px; background: #de0d85;}
	.delivery-area-title::after{left: 3px; width: 4px; height: 4px; border-top: 2px solid #fff; border-right: 2px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.delivery-area-group{display: inline-block; margin-right:30px;}
}

.catered-contents{padding:80px 15% 0;}
@media screen and (max-width:1380px){.catered-contents{padding:80px 8% 0;}}
@media screen and (max-width:980px){.catered-contents{padding:20px 5% 0;}}
@media screen and (max-width:480px){.catered-contents{padding:0;}}
.catered-area{margin-top:40px; border-bottom: solid 2px #de0d85; padding:20px 10px 2px; display: flex; flex-wrap: wrap;}
.catered-area-group{display: inline-block; width:calc( 25% - 30px ); margin-right:30px; margin-bottom:5px;}
.catered-arrow{position: relative; display: inline-block; padding: 0 0 0 24px; vertical-align: middle; text-decoration: none; font-size: 14px; line-height: 1em; font-weight: bold;}
.catered-arrow::before, .catered-arrow::after{position: absolute; top: -1px; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
.catered-arrow a{color:#444;}
.catered-arrow a:hover{color:#de0d85;}
.catered-title::before{width: 18px; height: 18px; -webkit-border-radius: 4px; border-radius: 4px; background: #de0d85;}
.catered-title::after{left: 4px; width: 5px; height: 5px; border-top: 3px solid #fff; border-right: 3px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
.catered-sticky {background-color: #fff; position: -webkit-sticky; position: sticky; top: 80px; left: 0;}
.catered-anchor{position:relative;}
#contents-01{position:absolute; top:-120px;}
#contents-02{position:absolute; top:-120px;}
#contents-03{position:absolute; top:-120px;}
#contents-04{position:absolute; top:-120px;}
#contents-05{position:absolute; top:-120px;}
#contents-06{position:absolute; top:-120px;}
#contents-07{position:absolute; top:-120px;}
.catered-contents-title{margin-top:80px; padding-bottom:5px; font-size: 22px; line-height: 1em; font-weight: bold; color: #de0d85; border-bottom:dotted 2px #de0d85;}
.catered-contents-text01{margin-top:20px; font-size: 16px; line-height: 1.2em; font-weight: bold;}
.catered-contents-text01-01{font-size: 18px; font-weight: bold; color: #f00;}
.catered-contents-text02{margin-top:10px; font-size: 14px; line-height: 1.2em;}
.catered-contents-text02 a{color: #de0d85; font-weight: bold;}
.catered-contents-text02 a:hover{text-decoration: underline;}
.catered-contents-text02-tel-pc{margin-top:10px; font-size: 14px; line-height: 1.2em; color: #de0d85;}
.catered-contents-text02-tel-sp{display: none;}
.catered-contents-tel-pc{display:block;}
.catered-contents-tel-sp{display:none;}
.catered-contents-tel-sp a:hover{color: #ff0;}
.catered-contents-tel-text01{margin-top:20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #de0d85; height: 52px; font-size:22px; width: 380px; font-weight: bold; line-height: 1em; color: #fff; box-sizing: border-box;}
.catered-contents-tel-text02{font-size:12px; width: 70%; margin: 0 15%; font-weight: normal;}

.catered-contents02-area{margin-top:80px; border:solid 1px #de0d85; width:100%; box-sizing: border-box;}
.catered-contents02-text01{font-size:32px; line-height: 1em; font-weight: bold; color: #fff; background:#de0d85; text-align: center; padding: 15px 12px;}
.catered-contents02{display:flex;}
.catered-contents02-wrapper{display:flex;}
.catered-contents02-block{padding:40px 10px; width:25%; box-sizing: border-box; text-align: center;}
.catered-contents02-text02{font-size:22px; font-weight: bold; line-height: 1.2em;}
.catered-contents02-text03{font-size:14px; line-height: 1.2em;}
.catered-contents02-text04{margin-top:10px;font-size:12px; line-height: 1.2em; color: #f00;}
.catered-contents02-text04 a{color: #de0d85; font-weight: bold;}
.catered-contents02-text04 a:hover{text-decoration: underline;}
.catered-contents02-text04-tel-pc{margin-top:10px;font-size:12px; line-height: 1.2em; color: #f00; color: #de0d85; font-weight: bold;}
.catered-contents02-text04-tel-sp{margin-top:10px;font-size:12px; line-height: 1.2em; color: #f00; color: #de0d85; font-weight: bold; display: none;}
.catered-contents02-icon{margin:20px 0; font-size: 64px;}
.catered-contents02-icon-sp{display: none;}
.catered-contents03-area{display:flex;}
.catered-contents03-area02{display:flex; justify-content: center;}
.catered-contents03{padding:40px 10px; width:50%; box-sizing: border-box; text-align: center;}
.catered-contents03-text01{font-size:32px; font-weight: bold; line-height: 1.2em;}
.catered-contents03-text02{margin-top:40px; display: flex; align-items: center; justify-content: center; background-color: #de0d85; height: 64px; font-size:28px; width: 70%; font-weight: bold; line-height: 1em; color: #fff; box-sizing: border-box;}
.catered-contents03-text03{margin-top:40px; display: flex; align-items: center; justify-content: center; height: 64px; font-size:28px; width: 80%; font-weight: bold; line-height: 1em; color: #de0d85; border:solid 1px #aaa; background: linear-gradient(to top, #fff, #ccc); box-sizing: border-box;}
.catered-contents03-text03:hover{background:#fff; color:#c00; cursor: pointer;}
.catered-contents03-text04{margin-top:20px; font-size:14px; font-weight: bold; line-height: 1.8em; color: #f00;}
.catered-contents03-text05{margin-top:40px; border-left:solid 5px #de0d85; padding: 8px 0 6px 10px; font-size:20px; font-weight: bold; line-height: 1.2em; background-color: #ffcce9;}
.catered-contents03-text06{margin-top:20px; display: flex; align-items: center;}
.catered-contents03-text06:not(:first-child){margin-top:25px;}
.catered-contents03-text07{width:120px; font-weight: bold;}
.catered-contents03-text08{flex: 1;}
.catered-contents03-text09{margin-top:30px; font-size: 14px; line-height: 1em; color: #f00;}
.catered-contents03-image-01{max-width: 80%;}
.catered-contents03-tel-pc{display:block;}
.catered-contents03-tel-sp{display:none;}
.catered-contents03-tel-sp a:hover{color: #ff0;}
.catered-contents03-tel-text01{margin-top:20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #de0d85; height: 52px; font-size:22px; width: 70%; font-weight: bold; line-height: 1em; color: #fff; box-sizing: border-box;}
.catered-contents03-tel-text02{font-size:12px; width: 90%; margin: 0 5%; font-weight: normal;}

.catered-contents04-area{display:flex; padding:60px 10px; box-sizing: border-box; text-align: center;}
.catered-contents04-text01{font-size:32px; font-weight: bold; line-height: 1.2em; width:50%;}
.catered-contents04-text02{font-size:16px; font-weight: bold; line-height: 1.2em; color: #f00; text-align: center;}

.catered-contents05-text01{margin-top:20px; font-size: 18px; line-height: 1.2em; font-weight: bold;}
.catered-contents05-text02{margin-top:20px; font-size: 18px; line-height: 1.8em; font-weight: bold; color: #f00; text-align: center;}
.catered-contents05-image{margin-top:10px; text-align: center;}
.catered-contents05-image img{vertical-align:middle; width:320px;}

.catered-contents06-area {display: flex; flex-wrap: wrap;}
.catered-contents06-area a{color:#111; text-decoration: none;}
.catered-contents06-area a:hover{color:#ff8c19; text-decoration: none;}
.catered-contents06-contents {margin-top:30px; width:13%; padding: 10px; border:solid 2px #de0d85; border-radius: 10px; box-sizing: border-box; background-color: #fff; display: flex; flex-direction: column; margin-left:1.5%;}
.catered-contents06-contents:nth-child(7n+1){margin-left:0;}
.catered-contents06-image {width: 100%;}
.catered-contents06-image img{vertical-align:middle; max-width: 100%;}
.catered-contents06-text-area {box-sizing: border-box; margin-top: 10px; padding-top:10px; font-size: 16px; line-height: 24px; border-top:dotted 1px #de0d85; font-weight: bold; text-align: left;}
.catered-contents06-order-area{display:flex; flex-direction:row-reverse; align-items:flex-end;}
.catered-contents06-order-price{flex:1;}
.catered-contents06-order-number{display:inline-block; background-color:#de0d85; width:auto; font-size:12px; line-height:12px; color:#fff; border-radius:15px; text-decoration: none;}
.catered-contents06-text-price{margin-top:5px; font-size: 16px; line-height: 20px; color:#c00; font-weight: bold; text-align: right;}

.catered-contents00-text01{margin-top:20px; font-size:14px; font-weight: bold; line-height: 1.2em; color: #f00;}
.catered-contents00-text02{margin-top:5px; font-size:12px; line-height: 1.2em; color: #f00;}

@media screen and (max-width:980px){
	.catered-area{margin-top:40px; border-bottom: solid 2px #de0d85; padding:10px 10px 2px; display: flex; flex-wrap: wrap;}
	.catered-area-group{display: inline-block; width:33.333%; margin-right:0; margin-bottom:5px;}
	.catered-arrow{position: relative; display: inline-block; padding: 0 0 0 24px; vertical-align: middle; text-decoration: none; font-size: 14px; line-height: 1em; font-weight: bold;}
	.catered-arrow::before, .catered-arrow::after{position: absolute; top: -1px; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
	.catered-arrow a{color:#444;}
	.catered-arrow a:hover{color:#de0d85;}
	.catered-title::before{width: 18px; height: 18px; -webkit-border-radius: 4px; border-radius: 4px; background: #de0d85;}
	.catered-title::after{left: 4px; width: 5px; height: 5px; border-top: 3px solid #fff; border-right: 3px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.catered-sticky {background-color: #fff; position: -webkit-sticky; position: sticky; top: 60px; left: 0;}
	#contents-01{position:absolute; top:-120px;}
	#contents-02{position:absolute; top:-160px;}
	#contents-03{position:absolute; top:-120px;}
	#contents-04{position:absolute; top:-120px;}
	#contents-05{position:absolute; top:-120px;}
	#contents-06{position:absolute; top:-120px;}
	#contents-07{position:absolute; top:-120px;}
	
	.catered-contents02-area{margin:50px 0 0; border:solid 1px #de0d85; width:100%; box-sizing: border-box;}
	.catered-contents02-text01{font-size:26px; line-height: 1em; font-weight: bold; color: #fff; background:#de0d85; text-align: center; padding: 12px 5px 10px;}
	.catered-contents02{display:flex;}
	.catered-contents02-wrapper{display:block;}
	.catered-contents02-block{padding:20px 10px 0; width:100%; box-sizing: border-box; text-align: left;}
	.catered-contents02-block:last-child{padding-bottom:20px;}
	.catered-contents02-text02{display: flex; align-items: center; font-size:18px; font-weight: bold; line-height: 1.2em;}
	.catered-contents02-text03{font-size:14px; line-height: 1.2em; margin:5px 5px 0 36px;}
	.catered-contents02-text04{margin:5px 5px 0 36px; font-size:12px; line-height: 1.2em; color: #f00;}
	.catered-contents02-text04 a{color: #de0d85; font-weight: bold; text-decoration: underline;}
	.catered-contents02-text04 a:hover{text-decoration: underline;}
	.catered-contents02-icon{display: none;}
	.catered-contents02-icon-sp{display: inline-block; width:36px; text-align: center; font-size:22px; font-weight: bold;}
	
	.catered-contents03-area{display:block;}
	.catered-contents03-area02{display:block;}
	.catered-contents03{padding:60px 10px 0; width:100%; box-sizing: border-box; text-align: center;}
	.catered-contents03-text01{font-size:32px; font-weight: bold; line-height: 1.2em;}
	.catered-contents03-text02{margin-top:20px; display: flex; align-items: center; justify-content: center; background-color: #de0d85; height: 64px; font-size:28px; width: 65%; font-weight: bold; line-height: 1em; color: #fff; box-sizing: border-box;}
	.catered-contents03-text03{margin-top:20px; display: flex; align-items: center; justify-content: center; height: 64px; font-size:24px; width: 65%; font-weight: bold; line-height: 1em; color: #de0d85; border:solid 1px #aaa; background: linear-gradient(to top, #fff, #ccc); box-sizing: border-box;}
	.catered-contents03-text03:hover{background:#fff; color:#c00; cursor: pointer;}
	.catered-contents03-text04{margin-top:20px; font-size:14px; font-weight: bold; line-height: 1.8em; color: #f00;}
	.catered-contents03-text05{margin:40px 10px 0; border-left:solid 5px #de0d85; padding: 8px 0 6px 10px; font-size:20px; font-weight: bold; line-height: 1.2em; background-color: #ffcce9;}
	
	.catered-contents05-image img{vertical-align:middle; width:240px;}
	
	.catered-contents06-area {display: flex; flex-wrap: wrap;}
	.catered-contents06-area a{color:#111; text-decoration: none;}
	.catered-contents06-area a:hover{color:#ff8c19; text-decoration: none;}
	.catered-contents06-contents:nth-child(7n+1){margin-left:1.25%;}
	.catered-contents06-contents {margin-top:30px; width:19%; padding: 10px; border:solid 2px #de0d85; border-radius: 10px; box-sizing: border-box; background-color: #fff; display: flex; flex-direction: column; margin-left:1.25%;}
	.catered-contents06-contents:nth-child(5n+1){margin-left:0;}
	.catered-contents06-image {width: 100%;}
	.catered-contents06-image img{vertical-align:middle; max-width: 100%;}
	.catered-contents06-text-area {box-sizing: border-box; margin-top: 10px; padding-top:10px; font-size: 16px; line-height: 24px; border-top:dotted 1px #de0d85; font-weight: bold; text-align: left;}
	.catered-contents06-order-area{display:flex; flex-direction:row-reverse; align-items:flex-end;}
	.catered-contents06-order-price{flex:1;}
	.catered-contents06-order-number{display:inline-block; background-color:#de0d85; width:auto; font-size:12px; line-height:12px; color:#fff; border-radius:15px; text-decoration: none;}
	.catered-contents06-text-price{margin-top:5px; font-size: 16px; line-height: 20px; color:#c00; font-weight: bold; text-align: right;}
}
@media screen and (max-width:480px){
	.catered-area{margin-top:40px; border-bottom: solid 2px #de0d85; padding:10px 10px 2px; display: flex; flex-wrap: wrap;}
	.catered-area-group{display: inline-block; width:calc( 50% - 30px ); margin-right:30px; margin-bottom:5px;}
	.catered-arrow{position: relative; display: inline-block; padding: 0 0 0 24px; vertical-align: middle; text-decoration: none; font-size: 14px; line-height: 1em; font-weight: bold;}
	.catered-arrow::before, .catered-arrow::after{position: absolute; top: -1px; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle;}
	.catered-arrow a{color:#444;}
	.catered-arrow a:hover{color:#de0d85;}
	.catered-title::before{width: 18px; height: 18px; -webkit-border-radius: 4px; border-radius: 4px; background: #de0d85;}
	.catered-title::after{left: 4px; width: 5px; height: 5px; border-top: 3px solid #fff; border-right: 3px solid #fff;-webkit-transform: rotate(45deg); transform: rotate(45deg);}
	.catered-sticky {background-color: #fff; position: -webkit-sticky; position: sticky; top: 60px; left: 0;}
	#contents-01{position:absolute; top:-180px;}
	#contents-02{position:absolute; top:-180px;}
	#contents-03{position:absolute; top:-180px;}
	#contents-04{position:absolute; top:-180px;}
	#contents-05{position:absolute; top:-180px;}
	#contents-06{position:absolute; top:-180px;}
	#contents-07{position:absolute; top:-180px;}
	
	.catered-contents-title{margin-top:50px; padding:0 10px 5px; font-size: 20px; line-height: 1em; font-weight: bold; color: #de0d85; border-bottom:dotted 2px #de0d85; box-sizing: border-box;}
	.catered-contents-text01{margin-top:20px; padding:0 10px; font-size: 14px; line-height: 1.2em; font-weight: bold;}
	.catered-contents-text01-01{font-size: 16px; font-weight: bold; color: #f00;}
	.catered-contents-text02{margin-top:10px; padding:0 10px; font-size: 12px; line-height: 1.2em;}
	.catered-contents-text02 a{color: #de0d85; font-weight: bold; text-decoration: underline;}
	.catered-contents-text02 a:hover{text-decoration: underline;}.catered-contents-tel-pc{display:block;}
	.catered-contents-text02-tel-pc{margin-top:10px; padding:0 10px; font-size: 12px; line-height: 1.2em; color: #de0d85; font-weight: bold; display: none;}
	.catered-contents-text02-tel-sp{margin-top:10px; padding:0 10px; font-size: 12px; line-height: 1.2em; color: #de0d85; font-weight: bold; display: block;}
	.catered-contents-text02-tel-sp a{color: #de0d85;}
	.catered-contents-tel-sp{display:none;}
	.catered-contents-tel-sp a:hover{color: #ff0;}
	.catered-contents-tel-text01{margin-top:20px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background-color: #de0d85; height: 52px; font-size:22px; width: 60%; font-weight: bold; line-height: 1em; color: #fff; box-sizing: border-box;}
	.catered-contents-tel-text02{font-size:12px; width: 90%; margin: 0 5%; font-weight: normal;}

	.catered-contents02-area{margin:50px 10px 0; border:solid 1px #de0d85; width:calc( 100% - 20px ); box-sizing: border-box;}
	.catered-contents02-text01{font-size:26px; line-height: 1em; font-weight: bold; color: #fff; background:#de0d85; text-align: center; padding: 12px 5px 10px;}
	.catered-contents02{display:flex;}
	.catered-contents02-wrapper{display:block;}
	.catered-contents02-block{padding:20px 10px 0; width:100%; box-sizing: border-box; text-align: left;}
	.catered-contents02-block:last-child{padding-bottom:20px;}
	.catered-contents02-text02{display: flex; align-items: center; font-size:18px; font-weight: bold; line-height: 1.2em;}
	.catered-contents02-text03{font-size:14px; line-height: 1.2em; margin:5px 5px 0 36px;}
	.catered-contents02-text04{margin:5px 5px 0 36px; font-size:12px; line-height: 1.2em; color: #f00;}
	.catered-contents02-text04 a{color: #de0d85; font-weight: bold; text-decoration: underline;}
	.catered-contents02-text04 a:hover{text-decoration: underline;}
	.catered-contents02-text04-tel-pc{margin:5px 5px 0 36px; font-size:12px; line-height: 1.2em; color: #de0d85; font-weight: bold; display: none;}
	.catered-contents02-text04-tel-sp{margin:5px 5px 0 36px; font-size:12px; line-height: 1.2em; color: #de0d85; font-weight: bold; display: block;}
	.catered-contents02-text04-tel-sp a{color: #de0d85;}
	.catered-contents02-icon{display: none;}
	.catered-contents02-icon-sp{display: inline-block; width:36px; text-align: center; font-size:22px; font-weight: bold;}
	
	.catered-contents03-area{display:block;}
	.catered-contents03{padding:40px 10px 0; width:100%; box-sizing: border-box; text-align: center;}
	.catered-contents03-text01{font-size:26px; font-weight: bold; line-height: 1.2em;}
	.catered-contents03-text02{margin:20px 10% 0; display: flex; align-items: center; justify-content: center; background-color: #de0d85; height: 64px; font-size:28px; width: 80%; font-weight: bold; line-height: 1em; color: #fff; box-sizing: border-box;}
	.catered-contents03-text03{margin-top:20px; display: flex; align-items: center; justify-content: center; height: 64px; font-size:22px; width: 80%; font-weight: bold; line-height: 1em; color: #de0d85; border:solid 1px #aaa; background: linear-gradient(to top, #fff, #ccc); box-sizing: border-box;}
	.catered-contents03-text03:hover{background:#fff; color:#c00; cursor: pointer;}
	.catered-contents03-text04{margin-top:20px; font-size:14px; font-weight: bold; line-height: 1.8em; color: #f00;}
	.catered-contents03-text05{margin:40px 10px 0; border-left:solid 5px #de0d85; padding: 8px 0 6px 10px; font-size:20px; font-weight: bold; line-height: 1.2em; background-color: #ffcce9;}
	.catered-contents03-text06{margin:20px 10px 0; display: block; align-items: center;}
	.catered-contents03-text06:not(:first-child){margin-top:25px;}
	.catered-contents03-text07{display: inline-block; width:auto; font-weight: bold; padding: 3px 5px 2px; background-color: #111; color: #fff; border-radius: 3px; font-size: 14px; line-height: 1.6em;}
	.catered-contents03-text08{flex: 1; margin-top:5px; font-size: 14px; line-height: 1.8em;}
	.catered-contents03-text09{margin-top:30px; font-size: 12px; line-height: 1em; color: #f00;}
	.catered-contents03-image-01{max-width: 94%;}
	.catered-contents03-tel-pc{display:none;}
	.catered-contents03-tel-sp{display:block;}

	.catered-contents04-area{display:flex; padding:40px 10px; box-sizing: border-box; text-align: center;}
	.catered-contents04-text01{font-size:24px; font-weight: bold; line-height: 1.2em; width:50%;}
	.catered-contents04-text02{font-size:16px; font-weight: bold; line-height: 1.6em; color: #f00; text-align: center;}

	.catered-contents05-text01{margin:20px 10px 0; font-size: 16px; line-height: 1.4em; font-weight: bold;}
	.catered-contents05-text02{margin:20px 10px 0; font-size: 14px; line-height: 1.8em; font-weight: bold; color: #f00; text-align: center;}
	.catered-contents05-image{margin:0; text-align: center;}
	.catered-contents05-image img{vertical-align:middle; width:40%;}
	
	.catered-contents06-area {display: block; margin-top: 0;}
	.catered-contents06-area a{color:#111; text-decoration: none;}
	.catered-contents06-contents:not(:nth-child(5n+1)){margin-left:0;}
	.catered-contents06-contents:not(:nth-child(7n+1)){margin-left:0;}
	.catered-contents06-contents {margin-top:0; width: 100%; padding: 5px 10px 5px 5px; border:none; border-top:solid 1px #de0d85; border-radius: 0; display: flex; flex-direction:row; box-sizing: border-box;}
	.catered-contents06-contents:first-child {border-top:none;}
	.catered-contents06-contents:last-child {border-bottom:solid 1px #de0d85;}
	.catered-contents06-image {width:80px; height: auto; margin:0 auto; padding:5px; overflow:visible;}
	.catered-contents06-image img {vertical-align:middle; max-width: 100%;}
	.catered-contents06-text-area {display: block; flex-direction:row; box-sizing: border-box; flex: 1; margin-top: 10px; padding:0 0 0 10px; font-size: 16px; line-height: 20px; border-top:none; color:#000; font-weight: bold; text-align: left;}
	.catered-contents06-order-area{display:flex; flex-direction:row; align-items:flex-start;}
	.catered-contents06-order-number{margin:5px 0 0 10px;}
	.catered-contents06-text-price{width:auto; font-size: 16px; line-height: 20px; color:#c00; font-weight: bold; text-align: right; display:inline-block;}
}





.menu-config-button {margin-top:40px; overflow: hidden; color: #fff; text-align: right;}
.menu-config-button input {position: absolute; z-index: -1; opacity: 0;}
.menu-config-button > label {font-weight: bold; display: inline-block; padding: 2px 20px 0; cursor: pointer; margin: 0 0 1px 0; background: #730030; border-radius: 5px;}
.menu-config-button .menu-config-content {overflow: hidden; max-height: 0; -webkit-transition: max-height 0.35s; transition: max-height 0.35s;}
.menu-config-button .menu-config-content p {margin: 1em;}
/* :checked */
.menu-config-button > input:checked ~ .menu-config-content {max-height: 999px;}
/* Icon */
.fa-cog{-webkit-transition: all 0.75s; transition: all 0.75s; text-align: center;}
.menu-config-button > input[type=checkbox]:checked ~ * .fa-cog {transform: rotate(390deg);}

@media screen and (max-width:480px){
.menu-config-search {font-size:16px;}
.menu-config-button {margin:30px 10px 0; overflow: hidden; color: #fff; text-align: right;}
.menu-config-button .menu-config-content p {margin: 5px;}
}



.menu-config-check {margin-top:10px; padding:0; border-top:solid 1px #de0d85;}
.menu-config-check input[type='checkbox'] {position: absolute; z-index: -1; opacity: 0;}

.menu-config-check .sort-full label {position: relative; display: inline-block; width:100%; cursor: pointer; font-size:12px; text-align: center; box-sizing: border-box; padding:2px 0;}
.menu-config-check .sort-triad label {position: relative; display: inline-block; width:100px; cursor: pointer; font-size:12px; text-align: center; box-sizing: border-box; padding:2px 0;}
.menu-config-check .config-category-genre label {position: relative; display: inline-block; width:100%; cursor: pointer; font-size:12px; text-align: center; box-sizing: border-box;}
.menu-config-check .config-category-all label {position: relative; display: inline-block; width:100%; cursor: pointer; font-size:12px; text-align: center; box-sizing: border-box;}
.menu-config-check .menu-config-category label {position: relative; display: inline-block; width:100px; cursor: pointer; font-size:12px; text-align: center; box-sizing: border-box;}
.menu-config-category div{margin-right:5px;}
.menu-config-check label::before {position: absolute; z-index: -1; top: 0; left: 0; display: block; width: 24px; height: 24px; content: ' ';}
.menu-config-check input + label::before {border-radius: 2px; border: 1px solid #666; text-align: center; box-sizing: border-box;}
.menu-config-check input[type='checkbox'] + label {color: #222;}
.menu-config-check input[type='checkbox']:checked + label {color: #ffffff;}
.menu-config-check .sort-full input[type='checkbox']:checked + label {color: #000;}
.menu-config-check .sort-triad input[type='checkbox']:checked + label {color: #000;}

.menu-config-check .sort-full input[type='checkbox']:checked + label::before {border-radius: 2px; border: 1px solid #874300; box-sizing: border-box;}
.menu-config-check .sort-full input[type='checkbox'] + label::before {width: 100%; height: 100%;background: #aaa;}
.menu-config-check .sort-full input[type='checkbox']:checked + label::before {width: 100%; height: 100%; background: #E0BC01;}




.config-category {display: flex; margin-top:10px; padding-bottom:10px; border-bottom:dotted 1px #de0d85;}
.config-category input[type='checkbox']:checked + label::before {border-radius: 2px; border: 1px solid #de0d85; box-sizing: border-box;}
.config-category-genre {width: 160px; margin-right:10px; font-size: 14px; font-weight: bold; color: #111;}
.config-category-all {width:310px; margin-right:10px; font-size: 14px; font-weight: bold; color: #111;}
.config-category-name {flex: 1;}
.config-category .config-category-genre input[type='checkbox'] + label::before {width: 100%; height: 100%;background: #aaa;}
.config-category .config-category-genre input[type='checkbox']:checked + label::before {width: 100%; height: 100%; background: #de0d85;}
.config-category .config-category-all input[type='checkbox'] + label::before {width: 100%; height: 100%;background: #aaa;}
.config-category .config-category-all input[type='checkbox']:checked + label::before {width: 100%; height: 100%; background: #de0d85;}
.config-category .menu-config-category input[type='checkbox'] + label::before {width: 100px; height: 100%;background: #aaa;}
.menu-config-check .config-category .menu-config-category input[type='checkbox']:checked + label::before {width: 100px; height: 100%; background: #de0d85;}
/* Transition */
.menu-config-check label, .menu-config-check label::before {-webkit-transition: 0.25s all ease; transition: 0.25s all ease;}

.menu-config-example{display: flex; justify-content: flex-end; margin:20px 2px 0;}
.menu-config-example-area{width:120px;}
.menu-config-example-area:last-child{margin-left:10px;}
.menu-config-example01{width:100%; border-radius: 2px; font-size:12px; border: 1px solid #de0d85; background: #de0d85; text-align: center;}
.menu-config-example02{width:100%; border-radius: 2px; font-size:12px; border: 1px solid #666; background: #aaa; color: #222; text-align: center;}
@media screen and (max-width:480px){
	.menu-config-category div {width: 33%; text-align: center;margin-right:0;}
	
	.menu-config-example{display: flex; justify-content: flex-end; margin:20px 2px 0;}
	.menu-config-example-area{width:100px;}
	.menu-config-example-area:last-child{margin-left:10px;}
	.menu-config-example01{width:100%; border-radius: 2px; padding:4px 0 2px; font-size:12px; font-weight: bold; line-height: 14px; border: 1px solid #de0d85; background: #de0d85; text-align: center;}
	.menu-config-example02{width:100%; border-radius: 2px; padding:4px 0 2px; font-size:12px; font-weight: bold; line-height: 14px; border: 1px solid #666; background: #aaa; color: #222; text-align: center;}
	
	.config-category {display:block; margin-top:10px; padding-bottom:10px; border-bottom:none; text-align: left;}
	.config-category-genre {width:auto; margin-right:0; padding-left:5px; font-size: 14px; font-weight: bold;  border-bottom:solid 2px #de0d85; box-sizing: border-box;}
	.config-category-all {width:100%; margin-right:0;}
	.config-category-name {flex: 1; margin-top:10px;}
.menu-config-check .config-category .menu-config-category input[type='checkbox']:checked + label::before {width: 100%; height: 100%; background: #de0d85;}
}

.menu-list-position{margin-top:0; display:flex; align-items:stretch; flex-wrap: wrap; box-sizing: border-box;}
@media screen and (max-width:480px){.menu-list-area{margin:30px 0 0; padding:0; border-top:solid 1px #de0d85; display: block; justify-content:flex-start;}}

.menu-list-position{margin-top:20px; width:216px; border:solid 2px #de0d85; border-radius: 10px; box-sizing: border-box; background-color: #fff; display: flex;}
.menu-list-area > div{margin-left:20px;}
.menu-list-area > div:nth-child(5n+1){margin-left:0;}
.menu-list-position a{text-decoration: none; width: 100%;}
@media screen and (max-width:480px){.menu-list-position {margin-top:0; width:100%; border:none; border-bottom:solid 1px #de0d85; border-radius: 0; background-color:#fff;}}
@media screen and (max-width:480px){.menu-list-area > div{margin-left:0;}}
@media screen and (max-width:480px){.menu-list-position:not(:first-child){margin-left:0;}}

.menu-list-list{padding:10px;}
@media screen and (max-width:480px){.menu-list-list{display: flex; padding:0;}}

.menu-list-image{width:100%; margin:0 auto; overflow:hidden; border-radius: 5px 5px / 5px 5px 0 0;}
@media screen and (max-width:480px){.menu-list-image{width:80px; height: auto; margin:0 auto; padding:10px; overflow:visible; border-radius:0;}}
.menu-list-image img{transition:0.2s all; width:100%;}
a:hover .menu-list-image img{transform:scale(1.1,1.1); transition:0.7s all;}
@media screen and (max-width:480px){.menu-list-image img{transition:0; width:100%;}}
@media screen and (max-width:480px){a:hover .menu-list-image img{transform:none; transition:0;}}

.menu-list-text{color:#000; text-align: left; font-size: 17px; line-height: 24px; padding-top:10px; }
.menu-list-text-noimage{color:#000; text-align: left; font-size: 17px; line-height: 24px;}
@media screen and (max-width:480px){.menu-list-text{flex:1; background-color: #fff; text-align: left; padding:10px 0 10px 10px;}}
@media screen and (max-width:480px){.menu-list-text-noimage{flex:1; background-color: #fff; text-align: left; padding:10px 0 10px 10px;}}
.menu-list-text-back{border-top:dotted 1px #de0d85; padding:10px 5px;}
.menu-list-text-back-noimage{padding:10px 5px;}
.menu-list-text-name{font-size: 16px; line-height: 20px; color:#000; font-weight: bold;}
.menu-list-order-area{display:flex; flex-direction:row-reverse; align-items:flex-end;}
.menu-list-order-price{flex:1;}
.menu-list-order-number{display:inline-block; background-color:#de0d85; width:auto; font-size:12px; line-height:12px; color:#fff; border-radius:15px; text-decoration: none;}
.menu-list-text-price{margin-top:5px; font-size: 16px; line-height: 20px; color:#c00; font-weight: bold; text-align: right;}
.menu-list-text-calorie{font-size: 12px; line-height: 16px; color:#999; text-align: right;}
.menu-list-text-back:last-child{padding:10px 5px 0; font-size:.16px; color: #c00;}
.menu-list-text-back-noimage:last-child{padding:10px 5px 0; font-size:.16px; color: #c00;}

@media screen and (max-width:480px){
	.menu-list-order-area{display:flex; flex-direction:row; align-items:center;}
	.menu-list-text-back{border-top:none;}
	.menu-list-text-name{font-size: 16px; line-height: 20px; border-bottom:dotted 1px #de0d85; color:#000; font-weight: bold;}
	.menu-list-order-number{margin-left:10px;}
	.menu-list-text-price{width:auto; font-size: 16px; line-height: 20px; color:#c00; font-weight: bold; text-align: right; display:inline-block;}
	.menu-list-text-calorie{width:auto; font-size: 12px; line-height: 16px; color:#999; text-align: right; display:inline-block;}
}

.menu-genre-list{display:flex; margin-top:65px; flex-wrap: wrap;}
.menu-genre-list a{margin-right:30px;}
.menu-genre-list-title{width:auto; padding:0 15px 2px; font-size:16px; line-height: 18px; font-weight: bold; border-bottom:solid 1px #de0d85;}
.menu-genre-title{margin-top:60px; padding:10px 15px 8px; border-radius: 10px; background:#993; font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #fff;}
.menu-genre-list-contents{width:auto; padding:15px 15px 2px; font-size:16px; line-height: 18px; font-weight: bold; border-bottom:solid 1px #de0d85;}
@media screen and (max-width:480px){
	.menu-genre-list{display:block; margin: 30px auto 0; padding: 0; flex-wrap:nowrap;
  width: 90%;  /* コンテンツが見切れて見えるようにする */
  overflow-x: auto;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */}
	.menu-genre-list a{margin-right:30px;  display: inline-block;  /* 横並びにする指定 */
  list-style: none;
  height:auto/* 横スクロールする範囲の高さを指定 */}
	.menu-genre-list a{margin-right:10px; color: #fff; margin-top:20px;}
	.menu-genre-list-title{width:180px; padding:5px 0 3px; font-size:14px; line-height: 16px; font-weight:normal; border-bottom:none; border-radius: 5px; text-align: center;}
	.menu-genre-list-contents{width:140px; padding:10px 0 8px; font-size:14px; line-height: 16px; font-weight:normal; border-bottom:none; border-radius: 5px; text-align: center;}
	.menu-genre-title{margin-top:60px; padding:10px 15px 8px; border-radius: 10px; background:#993; font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #fff;}
}
@media screen and (min-width:481px){.menu-genre-list-title{background-color:#fff !important;}}/* 任意で設定したカラーを背景と同じ白で強制的に打ち消し */
@media screen and (min-width:481px){.menu-genre-list-contents{background-color:#fff !important;}}/* 任意で設定したカラーを背景と同じ白で強制的に打ち消し */

.menu-details-area{display: flex; margin:40px 20px 0;}
.menu-details-image-area{width:560px;}
.menu-details-image{vertical-align:top; text-align: center; max-width: 100%;}
.menu-details-text-area{margin-left:40px; flex: 1;}
.menu-details-text-area02{border-radius: 15px; padding:20px;}
.menu-details-text-genre{display:inline-block; width:auto; padding:5px 15px 3px; font-size: 14px; line-height: 18px; font-weight: bold; border-radius: 5px; background-color: #fff;}
.menu-details-text-name{margin-top:10px; font-size: 26px; line-height: 28px; font-weight: bold; color: #fff;}
.menu-details-text-price{margin-top:15px; font-size: 24px; line-height: 26px; font-weight: bold; color: #fff;}
.menu-details-text-stamp{margin-top:5px; font-size: 12px; line-height: 1em; font-weight: bold; color: #f00; padding: 7px 10px; display: inline-block; background: #fff;}
.menu-details-text-description{color: #fff; margin-top:20px;}
.menu-details-text-tax{font-size: 14px; line-height: 16px; display: inline-block; margin-left:15px; font-weight: normal;}
@media screen and (max-width:480px){
.menu-details-area{display:block; margin:40px 20px 0;}
.menu-details-image-area{width:100%;}
.menu-details-text-area{margin-left:0; margin-top:20px; flex:auto;}
.menu-details-text-area02{border-radius: 12px; padding:15px;}
.menu-details-text-genre{display:inline-block; width:auto; padding:4px 12px 2px; font-size: 14px; line-height: 16px; font-weight: bold; border-radius: 5px; background-color: #fff;}
.menu-details-text-name{margin-top:10px; font-size: 20px; line-height: 24px; font-weight: bold; color: #fff;}
.menu-details-text-price{margin-top:12px; font-size: 18px; line-height: 20px; font-weight: bold; color: #fff;}
.menu-details-text-tax{font-size: 12px; line-height: 14px; display: inline-block; margin-left:10px; font-weight: normal;}
.menu-details-text-description{color: #fff; margin-top:15px;}
}

.menu-details-text-nutrition{display:flex; margin-top:20px; border:solid 1px #ccc; box-sizing: border-box; flex-wrap:wrap; border-radius: 5px;}
.menu-details-text-nutrition-title{width:20%; padding:5px 0; font-size:12px; font-weight: bold; border-right:solid 1px #ccc; box-sizing: border-box; text-align: center; color:#fff;}
.menu-details-text-nutrition-data{width:20%; padding:5px 0; font-size:12px; font-weight: normal; border-right:solid 1px #ccc; background-color:#fff; box-sizing: border-box; text-align: center; color:#333;}
.menu-details-text-nutrition-title:nth-child(5){border: none;}
.menu-details-text-nutrition-data:nth-child(6n){border-radius:0 0 0 5px;}
.menu-details-text-nutrition-data:last-child{border: none; border-radius:0 0 5px 0;}

.menu-details-title-bar{margin-top:40px; padding:10px 15px 8px; border-radius: 10px; background:#993; font-size: 16px; line-height: 20px; font-weight: bold; letter-spacing: 1px; color: #fff;}

.menu-order-soldout{margin:40px 0 0 0; text-align: center; font-size: 18px; line-height: 24px; font-weight: bold; color: #f00;}
.menu-order-area{margin:20px 0 0 0; display: flex; align-items: center;}
.menu-order-select-area{flex:1;}
.menu-order-select-category{margin-top:20px; font-size: 16px; line-height: 20px; font-weight: bold;}
.menu-order-select-category:first-child{margin: 0;}
.menu-order-select-category-list{display: flex; flex-wrap: wrap;}
.menu-order-select-button{width:144px; margin-top:8px;}
.menu-order-select-button02{width:240px; margin-top:8px;}
.menu-order-select-button02-soldout{width:240px; margin-top:8px; color: #999}
.menu-order-select-price{font-size:12px; line-height: 14px; padding-left:12px; color: #444;}
.menu-order-select-soldout{font-size:12px; line-height: 14px; padding-left:12px; color: #c00;}
.menu-order-button-area{width:240px;}
.menu-order-number-area{width:180px;}
.menu-order-delivery-stop{margin-top:20px; font-size: 20px; font-weight: bold; color:#f00;}
.menu-order-delivery-stop2{margin-bottom:15px; font-size: 16px; font-weight: bold; color:#f00;}
.menu-order-delivery-stop3{margin-top:20px;margin-bottom:15px; font-size: 16px; font-weight: bold; color:#f00;}
.menu-order-delivery-stop-text{color:#666;}
@media screen and (max-width:480px){
.menu-order-soldout{margin:30px 0 0 0; text-align: center; font-size: 16px; line-height: 20px; font-weight: bold; color: #f00;}
.menu-order-area{margin:20px 20px 0; display:block; align-items:stretch;}
.menu-order-select-area{flex:auto;}
.menu-order-select-category{margin-top:20px; font-size: 16px; line-height: 20px; font-weight: bold;}
.menu-order-select-category:first-child{margin: 0;}
.menu-order-select-category-list{display:block; flex-wrap:nowrap; margin-top:5px;}
.menu-order-select-button{width:auto; margin-top:5px;}
.menu-order-select-button02{width:auto; margin-top:5px;}
.menu-order-select-button02-soldout{width:auto; margin-top:5px;}
.menu-order-select-price{display: inline-block;  font-size:12px; line-height: 14px; padding-left:12px; color: #444;}
.menu-order-select-soldout{display: inline-block;  font-size:12px; line-height: 14px; padding-left:2px; color: #c00;}
.menu-order-button-area{width:auto; text-align: center;}
.menu-order-number-area{width:auto; text-align: center; margin-top:40px;}
.menu-order-delivery-stop{margin:20px 20px 0; font-size: 16px; font-weight: bold; color:#f00;}
.menu-order-delivery-stop2{margin-bottom:15px; font-size: 14px; font-weight: bold; color:#f00;}
.menu-order-delivery-stop3{margin-top:20px;margin-bottom:15px; font-size: 14px; font-weight: bold; color:#f00;}
.menu-order-delivery-stop-text{color:#666;}
}

.menu-order-form-button{text-align: center;  width:100%;}
@media screen and (max-width:480px){
	.menu-order-form-button{margin-top:40px; text-align: center;  width:60%;}
	.menu-order-button-area div .menu-order-form-button{margin-top:30px;}
	.cart-order-list-order .menu-order-form-button{margin-top:30px;}
}
.menu-order-button {display: inline-block; padding: 10px 0; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width: 100%; transition: all .5s; border-radius: 5px;}
.menu-order-button:hover {color: #de0d85; background-color: #fff;}
@media screen and (max-width:480px){
	.menu-order-button {display: inline-block; padding: 9px 0 7px; font-size: 14px; line-height: 18px; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width: 100%; transition: all .5s; border-radius: 5px;}
	.menu-order-button:hover {color: #de0d85; background-color: #fff;}
}


.menu-allergies-area{margin:20px 0 0 0; display: flex;}
.menu-allergies-list{width:30%; margin-right:5%;}
.menu-allergies-list:last-child{margin-right:0;}
.menu-allergies-data{display: flex; margin-top:10px; border-bottom: solid 1px #666; font-size:14px; line-height: 16px;}
.menu-allergies-data-title{padding:7px 0 5px; background:#e2e2e2; text-align: center; font-weight: bold; width:240px;}
.menu-allergies-data-text{padding:7px 0 5px; text-align: center; flex: 1;}
.menu-allergies-data-annotation{border:solid 1px #666; border-radius: 5px; margin-top:40px;  padding: 10px; font-size: 14px; line-height: 24px; font-weight: bold;}
.menu-allergies-data-annotation-text{margin-top:20px; font-size: 14px; line-height: 24px;}

.spinner-container {display: flex; justify-content: center; align-items:center; user-select: none; -ms-user-select: none; -moz-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;}
.spinner-container input{padding: 5px 0; border: 1px solid #ccc; border-radius: 3px; font-size: 16px; vertical-align: middle;
    /* デフォルトのスピナーを消す */
    -webkit-appearance: none; -moz-appearance:textfield;}
.spinner {width:48px; padding: 0; margin:0 12px; text-align: center; border: none; background: none; outline: none;}
.spinner::-webkit-inner-spin-button,
.spinner::-webkit-outer-spin-button {-webkit-appearance: none;}
.spinner-sub,
.spinner-add {display: block; width: 24px; height: 24px; text-align: center; border: 1px solid #000; border-radius: 50%; cursor: pointer; line-height: 24px;}
.disabled {opacity: 0.3; cursor: inherit;}


.cart-flow{display: flex; flex-wrap: wrap; justify-content: center;}
.cart-order-area01{display: flex; flex-wrap: wrap; justify-content: center; margin-top:20px;}
.cart-order-area02{display: flex; flex-wrap: wrap; justify-content: center; margin-top:60px;}
.cart-order-area03{display: flex; flex-wrap: wrap; justify-content: center;}
.cart-order-button-area{display:flex; align-items:center; justify-content:center;}
.cart-order-button-area-select{width:50%;}
.cart-order-button01{margin-top:40px; text-align: center; width:360px;}
.cart-order-button02{margin-top:5px; text-align: center; width:360px;}
@media screen and (max-width:480px){
.cart-flow{display:block;}
.cart-order-area01{display:block; flex-wrap: wrap; justify-content: center; margin:30px 10px 0;}
.cart-order-area02{display:block; flex-wrap: wrap; justify-content: center; margin:40px 10px 0;}
.cart-order-area03{display:block; flex-wrap: wrap; justify-content: center; margin:10px 10px 0;}
.cart-order-button-area{display:block; align-items:center; justify-content:center;}
.cart-order-button-area-select{width:100%;}
.cart-order-button01{margin-top:40px; text-align: center;  width:60%;}
.cart-order-button02{margin-top:5px; text-align: center;  width:60%;}
}

.cart-order-list-area{margin-top:10px; border-bottom:solid 2px #de0d85; box-sizing: border-box; background-color: #fff; display: flex; padding-bottom:10px; align-items:center;}
.cart-order-list-image{width:140px; margin:0;}
.cart-order-list-image-width{vertical-align:bottom; width:100%;}
.cart-order-list-text{flex:1; padding:20px;}
.cart-order-list-text02{font-size: 14px; line-height: 18px; margin-top:5px;}
.cart-order-list-text02:first-child{margin-top:15px;}
.cart-order-list-text02-font{font-weight: bold;}
.cart-order-list-name{font-size: 16px; line-height: 20px; color:#000; font-weight: bold;}
.cart-order-list-price{margin-top:10px; font-size: 16px; line-height: 20px; color:#c00; font-weight: bold;}
.cart-order-list-calorie{margin-top:3px; font-size: 12px; line-height: 16px; color:#999;}
.cart-order-list-order{width:auto; margin-left:40px;}
.cart-order-list-order02{width:auto; padding:0 40px; text-align: center;}
.cart-order-list-add-title{font-size:14px; line-height: 16px; font-weight: bold;}
.cart-order-list-add-text{font-size:14px; line-height: 16px; margin-top:10px;}
.cart-order-list-select-price{font-size:12px; line-height: 14px; padding-left:5px; color: #444;}
.cart-order-list-order-text{font-size:14px; line-height: 16px; color: #c00; margin-top:10px;}
.cart-order-button {display: inline-block; padding: 3px 20px; font-size: 16px; line-height: 28px; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width: 100%; transition: all .5s; border-radius: 5px; box-sizing: border-box;}
.cart-order-button:hover {color: #de0d85; background-color: #fff;}
.cart-order-button:disabled{border: 2px solid #666; background-color: #666;}
.cart-order-button:hover:disabled{border: 2px solid #666; background-color: #666; color: #fff;}
.cart-order-stamp-button{flex: 1;}
.cart-order-stamp-text{font-size: 12px; line-height: 1em; color: #f00;}

@media screen and (max-width:480px){
.cart-order-list-area{margin-top:20px; border-bottom:solid 2px #de0d85; box-sizing: border-box; background-color: #fff; display:block; padding:0 20px 20px; align-items:center;}
.cart-order-list-image{width:100%; margin:0;}
.cart-order-list-text{flex:auto; margin-top:20px; padding:0;}
.cart-order-list-order{width:auto; margin-top:20px; margin-left:0;}
.cart-order-list-order02{width:auto; margin-top:20px; padding:0; text-align:left;}
}

.cart-order-form-button{margin-top:60px; text-align: center;  width:420px;}
.cart-order-form-button02{margin-top:20px; text-align: center;  width:420px;}
.cart-order-form-button03{margin-top:40px; text-align: center;  width:420px;}
.cart-order-decision-button {display: inline-block; padding: 10px 0; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width: 100%; transition: all .5s; border-radius: 5px;}
.cart-order-decision-button:hover {color: #de0d85; background-color: #fff;}
@media screen and (max-width:480px){
.cart-order-form-button{margin-top:60px; text-align: center;  width:80%;}
.cart-order-form-button02{margin-top:20px; text-align: center;  width:80%;}
.cart-order-form-button03{margin-top:30px; text-align: center;  width:80%;}
.cart-order-decision-button {padding: 7px 0;}
}

.receive-select-button{width:180px;}
.receive-stamp-card-button{width:240px;}

.cart-order-list-payment-area{width:360px; margin-top:40px;}
.cart-order-list-payment-title{padding:3px 10px; font-size: 18px; font-weight: bold; color: #fff; background-color:#de0d85; text-align: left;}
.cart-order-list-payment-wrapper{display:flex;}
.cart-order-list-payment-text01-1{width:120px; padding:5px 10px 0; font-size: 16px; color: #444; text-align: right;}
.cart-order-list-payment-text01-2{flex:1; padding:5px 10px 0; font-size: 16px; color: #444; text-align: right;}
.cart-order-list-payment-text02-1{width:120px; padding:20px 10px 0; font-size: 22px; font-weight: bold; color: #c00; text-align: right;}
.cart-order-list-payment-text02-2{flex:1; padding:20px 10px 0; font-size: 22px; font-weight: bold; color: #c00; text-align: right;}
.cart-order-list-payment-text03{margin-top:20px; font-size:12px; line-height: 14px; text-align: right;}
.cart-order-list-payment-text{flex:1; padding:20px 10px 0; font-size: 22px; font-weight: bold; color: #c00; text-align: right;}
.cart-order-list-order-number{margin-top:10px;}
@media screen and (max-width:480px){
.cart-order-list-payment-area{width:auto; margin-top:40px;}
.cart-order-list-payment-text{flex:auto; padding:20px 10px 0; font-size: 22px; font-weight: bold; color: #c00; text-align: right;}
}


.registration-form .registration-form-text-tel{width:120px; border:solid 1px #999; border-radius: 5px; background-color:#f3f3f3; padding:5px; font-size:14px; line-height:18px; color:#111; box-sizing:border-box;}
.registration-form .registration-contents-textarea01{width:100%; border:solid 1px #999; border-radius: 5px; background-color:#f3f3f3; height:80px; font-size:12px; line-height:18px; padding: 5px; box-sizing: border-box;}
.registration-form textarea:focus {border:solid 1px #de0d85; background-color:#fff; outline: 0;}
.registration-contents-comment01{color:#c00; font-size:12px; line-height: 18px;}
.registration-contents-comment02{padding-left:5px; color:#333; font-size:12px; line-height: 18px;}
.registration-contents-comment03{margin-top:3px; color:#c00; font-size:12px; line-height: 18px;}

.contact-tel-text01{margin-top:5px; font-size:26px; line-height:32px; font-weight: bold; color:#de0d85; text-align: center;}
.contact-tel-text02{margin-top:12px; font-size:16px; line-height:20px; font-weight: bold; text-align: center;}
.recruit-tel-text01{margin-top:20px; font-size:14px; line-height:1.2em; font-weight: bold; text-align: center;}
.recruit-tel-text02{margin-top:10px; font-size:14px; line-height:1.2em; color:#de0d85; text-align: center;}
.recruit-image{margin:20px 0 10px; max-width: 100%;  text-align: center; vertical-align: middle;}
@media screen and (max-width:1280px){
	.contact-tel-text02{margin-top:12px; font-size:16px; line-height:20px; font-weight: bold; text-align: center;}
	.contact-tel-text03{margin-top:5px; font-size:26px; line-height:32px; font-weight: bold; color:#de0d85; text-align: center; display: inline-block;}
	.recruit-tel-text01{margin-top:20px; font-size:14px; line-height:1.2em; font-weight: bold; text-align: center;}
	.recruit-tel-text02{margin-top:10px; font-size:14px; line-height:1.2em; color:#de0d85; text-align: center;}
}



.mypage-wrapper{display: flex; margin-top:10px;}
.mypage-menu-area{width:240px;}
.mypage-contents-area{flex: 1; padding-left:50px; box-sizing: border-box;}
@media screen and (max-width:480px){
	.mypage-contents-area{flex:auto; margin:40px 10px 0; padding-left:0; box-sizing: border-box;}
}

/*
.menu-genre-list{display:flex; margin-top:80px;}
.menu-genre-list a{margin-right:30px;}
*/
.menu-genre-list-title{width:auto; padding:0 15px 2px; font-size:16px; line-height: 18px; font-weight: bold; border-bottom:solid 1px #de0d85;}
.menu-genre-title{margin-top:60px; padding:10px 15px 8px; border-radius: 10px; background:#993; font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #fff;}


.mypage-menu-contents-area {display: flex; margin-top:20px;}
.mypage-menu-contents-area-line {display: flex; margin-top:20px; padding-top:20px; border-top:dotted 1px #de0d85;}
.mypage-menu-contents-area-style {display: flex; align-items:center;}
.mypage-menu-icon {width:50px; text-align: center;}
.mypage-menu-name {display:inline-block; width:auto; font-size: 16px; line-height: 20px;}
.mypage-icon-sp{display: none;}
@media screen and (max-width:480px){
	.mypage-wrapper{display:block; margin:0;}
	.mypage-sub-title{margin:10px 10px 0;}
	.mypage-menu-area{width:100%;}
	.mypage-menu-contents-area {display: inline-block; margin-top:0; margin-right:15px; padding:5px 15px; border-radius: 20px; border:solid 1px #de0d85; background:#de0d85; color: #fff;}
	.mypage-menu-contents-area-line { display: inline-block; margin-top:0; padding:5px 15px; border-top:none; margin-right:15px; border-radius: 20px; border:solid 1px #de0d85; background:#de0d85; color: #fff;}
	.mypage-menu-contents-area-line:last-child{margin-right:0;}
	.mypage-menu-contents-area a{color: #fff;}
	.mypage-menu-contents-area-line a{color: #fff;}
	.mypage-sp-menu-area{
  display:block; margin: 15px auto 0; padding:0 10px; box-sizing: border-box;
  width: 100%;
  overflow-x: auto;  /* 横スクロールの指定 */
  white-space: nowrap;  /* 横スクロールの指定 */
  overflow-scrolling: touch;  /* スクロールを滑らかにする */
  -webkit-overflow-scrolling: touch;  /* スクロールを滑らかにする */}
	.mypage-menu-contents-area-line a{}
	.mypage-menu-contents-area a{}
	.menu-genre-list a{margin-right:10px; color: #fff;}
	.menu-genre-list-title{width:180px; padding:5px 0 3px; font-size:14px; line-height: 16px; font-weight:normal; border-bottom:none; border-radius: 5px; text-align: center;}
	.mypage-menu-icon {width:32px; text-align: center;}
	.menu-genre-title{margin-top:60px; padding:10px 15px 8px; border-radius: 10px; background:#993; font-size: 20px; font-weight: bold; letter-spacing: 1px; color: #fff;}
	.mypage-menu-name {display:inline-block; width:140px; font-size: 14px; line-height: 16px; margin-top:2px;}
	.mypage-icon-pc{display: none;}
	.mypage-icon-sp{display: block;}
}

.mypage-button-area{display:flex; align-items:center; justify-content:center;}
.mypage-button-area-select{width:50%;}
.mypage-button01{margin-top:40px; text-align: center; width:360px;}
@media screen and (max-width:480px){
.mypage-button-area{display:block; align-items:center; justify-content:center;}
.mypage-button-area-select{width:100%;}
.mypage-button01{margin-top:40px; text-align: center;  width:60%;}
}


.mypage-menu-address-list {}
.mypage-menu-address {margin-top:80px; padding-top:20px; border-top:dotted 1px #de0d85;}
.mypage-menu-address:not(:first-child) {margin-top:20px;}
.mypage-menu-address-area {display: flex; align-items:center;}
.mypage-menu-address-text {flex:1; font-size: 16px; line-height: 24px;}
.mypage-menu-address-button {width:80px; text-align: center;}

.mypage-menu-button {padding: 5px 0; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width: 60px; transition: all .5s; border-radius: 5px;}
.mypage-menu-button:hover {color: #de0d85; background-color: #fff; cursor:pointer;}
@media screen and (max-width:480px){
	.mypage-menu-address {margin-top:80px; padding-top:20px; border-top:dotted 1px #de0d85; text-align: center;}
	.mypage-menu-address-area {display:block; align-items:center;}
	.mypage-menu-address-button {margin-top:10px; width:100%; text-align: center;}
	.mypage-menu-button {padding: 5px 0; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width: 60%; transition: all .5s; border-radius: 5px;}
	.mypage-menu-button:hover {color: #de0d85; background-color: #fff; cursor:pointer;}

	.mypage-menu-button {display: inline-block; padding: 9px 0 7px; font-size: 14px; line-height: 18px; background-color: #de0d85; border: 2px solid #de0d85; color: #fff; text-align: center; text-decoration: none; width: 100%; transition: all .5s; border-radius: 5px;}
	.mypage-menu-button:hover {color: #de0d85; background-color: #fff;}
}


.mypage-order-history-list {padding:10px; border:solid 2px #de0d85; border-radius: 10px; background-color:#fffcfc;}
.mypage-order-history-list:not(:first-child){margin-top:20px;}
.mypage-order-history-date {font-size: 14px; line-height: 18px; font-weight: bold; padding-bottom:2px; border-bottom:solid 1px #de0d85;}
.mypage-order-history-area {display: flex; padding:15px 0 8px; border-bottom:dotted 1px #999999;}
.mypage-order-history-name {flex: 1; font-size: 16px; line-height: 20px; font-weight: bold;}
.mypage-order-history-price {width:120px; font-size: 14px; line-height: 20px; color:#c00; text-align: right;}
.mypage-order-history-topping {padding-left:10px; font-size: 12px; font-weight:normal;}
.mypage-order-history-the-amount{flex: 1; font-size: 16px; line-height: 20px; font-weight: bold; color: #c00;}
.mypage-order-history-the-amount-price{width:120px; font-size: 16px; line-height: 20px; color:#c00; font-weight: bold; text-align: right;}
.mypage-order-history-other {padding:15px 0 30px; font-size: 14px;}

.mypage-order-history-button{margin:20px 0 10px; text-align: center;  width:360px;}
@media screen and (max-width:480px){
.mypage-order-history-button{width:180px;}
.mypage-order-history-other {padding:15px 0 25px; font-size: 14px;}
}



.service-text-area{display: flex; justify-content: center; align-items: center;}
.service-text-area:not(:first-child){margin-top:5px;}

.service-text-area01{}
.service-text-area01:not(:first-child){margin-top:5px;}
.service-text-area02{display: flex; margin-top:80px; justify-content: center; align-items:flex-start;}
.service-text-area03{display: flex; margin-top:5px; justify-content: center; align-items:flex-start;}
.service-text-area04{margin-top:40px;}
.service-text-area05{display: flex; margin-top:20px; justify-content: center; align-items:flex-start;}
.service-left-contents{width: 50%;}
.service-right-contents{width: 50%;}
.service-data-contents{width: 32%;}
.service-data-contents:not(:first-child){margin-left: 2%;}

.service-title01{font-size: 16px; font-weight: bold; line-height: 1em; text-align: left; padding-bottom:5px; border-bottom:solid 1px #de0d85;}
.service-text01{margin-top:40px; font-size: 14px; line-height: 28px;}
.service-text02{display: flex; margin-top:20px; font-size: 14px; line-height: 28px;}
.service-text03{width:18px;}
.service-text04{flex: 1;}
.service-text05{display: flex; margin-top:80px; font-size: 14px; line-height: 28px;}
.service-text06{display: flex; margin-top:40px; margin-bottom:-10px; font-size: 16px; line-height: 28px;}
.service-text07{font-size: 16px; line-height: 28px; font-weight: bold; color: #d00; padding:0 1px;}
.service-text08{display: flex; font-size: 14px; line-height: 28px;}
.service-text09{padding:5%; box-sizing: border-box;}
.service-text10{padding:0 5%; box-sizing: border-box;}
.service-text11{margin-top:60px; font-size: 18px; line-height: 24px; font-weight: bold; color: #d00; text-align: center;}
.service-text12{margin-top:40px; font-size: 16px; line-height: 24px; text-align: center;}
.service-text13{margin-top:15px; font-size: 14px; text-align: left;}
.service-text14{color:#c00; font-weight: bold;}

.service-title-outer{border-left:solid 5px #de0d85; margin-top:80px;}
.service-title-inner{border-left:solid 2px #f1dd00; margin-left:1px; font-size: 18px; line-height: 20px; font-weight: bold; padding:5px 0 3px 10px;}

.service-image01{width:100%; vertical-align: middle;}
.service-image-area{display: flex; flex-wrap: wrap; box-sizing: border-box;}
.service-image-quarter{width:50%; box-sizing: border-box;}
.service-image-quarter:nth-child(odd){padding-right:5px;}
.service-image-quarter:nth-child(even){padding-left:5px;}
.service-image-quarter:nth-child(1){padding-bottom:5px;}
.service-image-quarter:nth-child(2){padding-bottom:5px;}
.service-image-quarter:nth-child(3){padding-top:5px;}
.service-image-quarter:nth-child(4){padding-top:5px;}


@media screen and (max-width:480px){
	.service-text-area{display:block; margin:0 10px;}
	.service-text-area:not(:first-child){margin-top:5px;}
	
	.service-text-area01{margin:0 10px;}
	.service-text-area01:not(:first-child){margin-top:5px;}
	.service-text-area02{margin-top:5px; display:block;}
	.service-text-area02{display:block; margin:0 10px;}
	.service-text-area03{display:block; margin:5px 10px 0;}
	.service-text-area04{margin:40px 10px 0;}
	.service-text-area05{display: block; margin-top:20px; justify-content: center; align-items:flex-start;}
	.service-left-contents{width:auto; margin-top: 20px;}
	.service-right-contents{width:auto; margin-top: 20px;}
	.service-data-contents{width:90%; text-align: center; margin: 0 5%;}
	.service-data-contents:not(:first-child){margin-left:5%; margin-top:10px;}

	.service-image01{width:100%; vertical-align: middle;}
	.service-image-area{display: flex; flex-wrap: wrap; box-sizing: border-box;}
	.service-image-quarter{width:50%;}
}


@media screen and (max-width:480px){
	.service-text01{margin-top:40px; font-size: 14px; line-height: 24px;}
	.service-text02{display: flex; margin-top:20px; font-size: 14px; line-height: 24px;}
	.service-text05{display: flex; margin-top:60px; font-size: 14px; line-height: 24px;}
	.service-text08{display: flex; font-size: 14px; line-height: 24px;}
	.service-text09{padding:0; box-sizing: border-box;}
	.service-text10{padding:10px 10px 0; box-sizing: border-box;}
	.service-text11{margin-top:40px; font-size: 16px; padding:0 10px;}
	.service-text12{margin-top:30px; font-size: 14px; padding:0 10px;}
	.service-title-outer{border-left:solid 5px #de0d85; margin-top:40px;}
	.service-title-inner{line-height: 28px; font-weight: bold; padding:3px 0 3px 10px;}
}


.company_area{display: flex; flex-wrap: wrap; justify-content: center;}
.company_text_area01{border:solid 5px #de0d85; margin:20px 10%; padding:10px 20px 20px; border-radius: 10px;}
.company_group_area{display: flex; padding:20px 10px 5px; border-bottom: dotted 2px #de0d85; text-align: left;}
.company_group_area:nth-child(2){margin-top:20px;}
.company_group_area:last-child{border-bottom:none;}
.company_text01{font-weight: bold; width:140px;}
.company_text02{flex: 1; }
@media screen and (max-width:480px){
	.company_text_area01{margin:20px 10px; padding:20px 10px 10px;}
	.company_group_area{display: block; font-size: 12px; line-height: 16px; padding:15px 10px 8px; border-bottom: dotted 1px #de0d85;}
	.company_text01{font-weight: bold; width:80px;}
	.company_text02{flex: auto; margin-top: 5px; font-size: 14px; line-height: 18px;}
}



.entry_text_contents01{font-size: 24px; line-height: 28px; font-weight: bold; padding-top:60px;}
.entry_text_contents04{padding-left:10px;}
.entry_text_contents05{display:flex; flex-wrap: wrap; padding:5px 10px 0; text-align: left;}
.entry_text_contents06{width:50%; margin-top:15px;}
.entry_text_contents07{padding-right:40px;}
.entry_text_contents08{padding:20px 10px 5px; border-bottom: dotted 2px #01a4b8; text-align: left;}
@media screen and (max-width:480px){.entry_text_contents01{font-size: 1.2em; line-height: 1.8em; font-weight: bold; padding-top:1.2em;}}
@media screen and (max-width:480px){.entry_text_contents05{display: block; font-size: 0.75em; line-height: 1.7em; padding:0.8em 3% 0;}}
@media screen and (max-width:480px){.entry_text_contents06{width:auto;}}
@media screen and (max-width:480px){.entry_text_contents07{padding-right:3%;}}
@media screen and (max-width:480px){.entry_text_contents08{font-size: 0.75em; line-height: 1.7em; padding:2em 3% 0.5em; border-bottom: dotted 1px #01a4b8;}}


#access{padding:30px 0 0;}
.access-map{height: 0; overflow: hidden; padding-bottom: 56.25%; position: relative; z-index: 1;}
.access-map iframe {position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
@media screen and (max-width: 640px) {
	#access{padding:10px 10px 0;}
	.access-map{margin-top:0; text-align: center;}
.access-map iframe {position: absolute; left: 0; top: 0; height: 100%; width:100%;}
}




.menu-list-update-wait{margin-top:30px; text-align: center;}
.menu-list-update-wait-text01{font-size:20px; line-height: 24px; font-weight: bold; color: #111;}
.menu-list-update-wait-text02{margin-top:5px; font-size:16px; line-height: 24px; color: #c00;}
.menu-list-update-area {display: flex; flex-wrap: wrap;}
.menu-list-update-area a{color:#111; text-decoration: none;}
.menu-list-update-area a:hover{color:#ff8c19; text-decoration: none;}
.menu-list-update-contents {margin-top:30px; width:216px; padding: 10px; border:solid 2px #de0d85; border-radius: 10px; box-sizing: border-box; background-color: #fff; display: flex; flex-direction: column; margin-left:20px;}
.menu-list-update-contents:nth-child(5n+1){margin-left:0;}
.menu-list-update-image {width: 100%;}
.menu-update-image {vertical-align:middle; max-width: 100%;}
.menu-list-update-text-area {display: flex; flex-direction: column; box-sizing: border-box; flex-grow: 1;}
.menu-list-update-text {margin-top: 10px; padding-top:10px; font-size: 16px; line-height: 24px; border-top:dotted 1px #de0d85; font-weight: bold; flex-grow: 1; text-align: left;}
@media screen and (max-width:480px){
.menu-list-update-wait{margin-top:30px; text-align: center;}
.menu-list-update-wait-text01{font-size:16px; line-height: 24px; font-weight: bold; color: #111;}
.menu-list-update-wait-text02{margin-top:5px; font-size:14px; line-height: 18px; color: #c00;}
.menu-list-update-area {display: block; margin-top: 20px;}
.menu-list-update-area a{color:#111; text-decoration: none;}
.menu-list-update-contents {margin-top:0; width: 100%; padding: 5px 10px 5px 5px; border:none; border-top:solid 1px #de0d85; border-radius: 0; display: flex; flex-direction:row; box-sizing: border-box;}
.menu-list-update-contents:not(:nth-child(5n+1)){margin-left:0;}
.menu-list-update-contents:last-child {border-bottom:solid 1px #de0d85;}
.menu-list-update-image {width:80px; height: auto; margin:0 auto; padding:5px; overflow:visible;}
.menu-update-image {vertical-align:middle; max-width: 100%;}
.menu-list-update-text-area {display: block; flex-direction:row; box-sizing: border-box; flex-grow:none; flex: 1; padding-left:10px;}
.menu-list-update-text {margin: 0; flex-direction: row; font-size: 16px; line-height: 20px; border-top:none; border-bottom:dotted 1px #de0d85; color:#000; font-weight: bold; flex-grow: none; text-align: left;}
}



.menu-list-update-order-area{display:flex; flex-direction:row-reverse; align-items:flex-end;}
.menu-list-update-order-price{flex:1;}
.menu-list-update-order-number{display:inline-block; background-color:#de0d85; width:auto; font-size:12px; line-height:12px; color:#fff; border-radius:15px; text-decoration: none;}
.menu-list-update-text-price{margin-top:5px; font-size: 16px; line-height: 20px; color:#c00; font-weight: bold; text-align: right;}
.menu-list-update-calorie{font-size: 12px; line-height: 16px; color:#999; text-align: right;}
.menu-list-text-back:last-child{padding:10px 5px 0; font-size:.16px; color: #c00;}
.menu-list-text-back-noimage:last-child{padding:10px 5px 0; font-size:.16px; color: #c00;}
.menu-list-update-text-stamp{font-size: 12px; line-height: 1em; color:#f00;}

@media screen and (max-width:480px){
	.menu-list-update-order-area{display:flex; flex-direction:row; align-items:flex-start;}
	.menu-list-update-text-back{border-top:none;}
	.menu-list-update-text-name{font-size: 16px; line-height: 20px; border-bottom:dotted 1px #de0d85; color:#000; font-weight: bold;}
	.menu-list-update-order-number{margin:5px 0 0 10px;}
	.menu-list-update-text-price{width:auto; font-size: 16px; line-height: 20px; color:#c00; font-weight: bold; text-align: right; display:inline-block;}
	.menu-list-update-text-calorie{width:auto; font-size: 12px; line-height: 16px; color:#999; text-align: right; display:inline-block;}
	.menu-list-update-text-stamp{font-size: 12px; line-height: 1em; color:#f00; margin-top:5px;}
}

.menu-list-update-contents-soldout{background-color:#ddd;}

.menu-list-update-contents h4 {position:absolute; margin:10px 0 0 -19px; padding:3px 25px 2px; display:inline-block; background:#c00000; color:#fff; box-shadow:0 2px 3px rgba(64, 0, 0, 0.4);}
.menu-list-update-contents h4:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
.menu-list-update-contents h4:before {bottom:-8px; left:0; width:0; height:0; border-top: 8px solid #900; border-left: 8px solid transparent;}
@media screen and (max-width:480px){
	.menu-list-update-contents {position:relative;}
	.menu-list-update-contents h4 {position:absolute; bottom:10px; right:0; margin:0 0 0 -19px; padding:5px 5px 3px; display:inline-block; background:#c00000; font-size: 12px; line-height: 14px; color:#fff; box-shadow:0 2px 3px rgba(64, 0, 0, 0.4); width:40%;}
	.menu-list-update-contents h4:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
	.menu-list-update-contents h4:before {bottom:auto; left:0; width:0; height:0; border-top:none; border-left:none;}
}


.menu-list-update-contents h4.menu-list-new {position:absolute; margin:10px 0 0 -19px; padding:3px 25px 2px; display:inline-block; background:#ff0; color:#f25100; font-size: 20px; box-shadow:0 2px 3px rgba(64, 0, 0, 0.4);}
.menu-list-update-contents h4.menu-list-new:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
.menu-list-update-contents h4.menu-list-new:before {bottom:-8px; left:0; width:0; height:0; border-top: 8px solid #990; border-left: 8px solid transparent;}
@media screen and (max-width:480px){
	.menu-list-update-contents {position:relative;}
	.menu-list-update-contents h4.menu-list-new {bottom:10px; left:0; margin:0; padding:3px 0 2px; display:inline-block; font-size: 12px; line-height: 14px; width:64px; box-sizing: border-box; text-align: center;}
	.menu-list-update-contents h4.menu-list-new:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
	.menu-list-update-contents h4.menu-list-new:before {bottom:auto; left:0; width:0; height:0; border-top:none; border-left:none;}
}


.menu-list-update-contents h4.menu-list-limited {position:absolute; margin:10px 0 0 -19px; padding:3px 25px 2px; display:inline-block; background:#181818; color:#ff0; font-size: 20px; box-shadow:0 2px 3px rgba(0, 0, 0, 0.4);}
.menu-list-update-contents h4.menu-list-limited:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
.menu-list-update-contents h4.menu-list-limited:before {bottom:-8px; left:0; width:0; height:0; border-top: 8px solid #444; border-left: 8px solid transparent;}
@media screen and (max-width:480px){
	.menu-list-update-contents {position:relative;}
	.menu-list-update-contents h4.menu-list-limited {bottom:10px; left:0; margin:0; padding:3px 0 2px; display:inline-block; font-size: 12px; line-height: 14px; width:64px; box-sizing: border-box; text-align: center;}
	.menu-list-update-contents h4.menu-list-limited:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
	.menu-list-update-contents h4.menu-list-limited:before {bottom:auto; left:0; width:0; height:0; border-top:none; border-left:none;}
}


.menu-list-update-contents h4.menu-list-recommendation {position:absolute; margin:8px 0 0 -19px; padding:2px 25px 1px; display:inline-block; background:#fff; color:#f00; border: solid 2px #f00; box-sizing: border-box; font-size: 20px; box-shadow:0 2px 3px rgba(255, 0, 0, 0.4);}
.menu-list-update-contents h4.menu-list-recommendation:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
.menu-list-update-contents h4.menu-list-recommendation:before {bottom:-9px; left:-1px; width:0; height:0; border-top: 8px solid #c00; border-left: 8px solid transparent;}
@media screen and (max-width:480px){
	.menu-list-update-contents {position:relative;}
	.menu-list-update-contents h4.menu-list-recommendation {bottom:10px; left:0; margin:0; padding:1px 0 0px; display:inline-block; font-size: 12px; line-height: 14px; width:64px; box-sizing: border-box; text-align: center;}
	.menu-list-update-contents h4.menu-list-recommendation:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
	.menu-list-update-contents h4.menu-list-recommendation:before {bottom:auto; left:0; width:0; height:0; border-top:none; border-left:none;}
}


.menu-list-update-contents h4.menu-list-popular {position:absolute; margin:10px 0 0 -19px; padding:3px 25px 2px; display:inline-block; background:#ff1a9c; color:#fff; font-size: 20px; box-shadow:0 2px 3px rgba(215, 0, 143, 0.4);}
.menu-list-update-contents h4.menu-list-popular:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
.menu-list-update-contents h4.menu-list-popular:before {bottom:-8px; left:0; width:0; height:0; border-top: 8px solid #a6006f; border-left: 8px solid transparent;}
@media screen and (max-width:480px){
	.menu-list-update-contents {position:relative;}
	.menu-list-update-contents h4.menu-list-popular {bottom:10px; left:0; margin:0; padding:3px 0 2px; display:inline-block; font-size: 12px; line-height: 14px; width:64px; box-sizing: border-box; text-align: center;}
	.menu-list-update-contents h4.menu-list-popular:before, .menu-list-update-contents h4:after {position: absolute; content: '';}
	.menu-list-update-contents h4.menu-list-popular:before {bottom:auto; left:0; width:0; height:0; border-top:none; border-left:none;}
}

.footer-delivery-icon{display: flex; justify-content: space-around; margin: 120px 30% 0;}
.footer-delivery-icon-image{vertical-align:middle; width: 100%;}
.footer-delivery-icon-area{width: 60px;}
@media screen and (max-width:980px){
	.footer-delivery-icon{display: flex; justify-content: space-around; margin: 80px 25% 0;}
	.footer-delivery-icon-image{vertical-align:middle; width: 100%;}
	.footer-delivery-icon-area{width: 45px;}
}
@media screen and (max-width:480px){
	.footer-delivery-icon{display: flex; justify-content: space-around; margin: 40px 10% 0;}
	.footer-delivery-icon-image{vertical-align:middle; width: 100%;}
	.footer-delivery-icon-area{width: 45px;}
}



.daily-week-main{display: flex; align-items: center; justify-content: center; margin-top:40px; line-height: 1em;}
.daily-week-prev{display: flex; align-items: center; justify-content: center;}
.daily-week-prev-icon{font-size:24px; line-height: 1em; padding-right:5px;}
.daily-week-prev-text{font-weight: bold; font-size: 18px;}
.daily-week-next{display: flex; align-items: center; justify-content: center;}
.daily-week-next-icon{font-size:24px; line-height: 1em; padding-left:5px;}
.daily-week-next-text{font-weight: bold; font-size: 18px;}
.daily-week-text{padding: 0 40px; font-weight: bold; font-size: 22px; color: #de0d85;}

.daily-menu-area{width:100%; border-left:solid 1px #999; border-right:solid 1px #999; border-bottom:solid 1px #999; box-sizing: border-box; margin-top:15px;}

.daily-menu-week-area{display: flex; align-items: center; box-sizing: border-box; border-bottom:solid 1px #999;}
.daily-menu-week{width:14.285%; border-right:solid 1px #999; font-size: 12px; line-height: 1em; font-weight: bold; padding:5px 0 3px; text-align: center; color: #fff; background: #111; box-sizing: border-box;}
.daily-menu-week:first-child{background: #f33;}
.daily-menu-week:last-child{border-right:solid 1px #33f; background: #33f;}
.daily-menu-select-area{display: flex; box-sizing: border-box; border-bottom:solid 1px #999;}
.daily-menu-select{width:14.285%; border-right:solid 1px #999; font-size: 12px; line-height: 1em; font-weight: bold; padding:10px 5px 8px; text-align: center; color: #fff; background: #f3f3f3; box-sizing: border-box;}
.daily-menu-select:first-child{background: #fee;}
.daily-menu-select:last-child{border-right:none; background: #eef;}
.daily-menu-select select{max-width: 100%;}
.daily-menu-image-area{display: flex; justify-content: center; box-sizing: border-box;}
.daily-menu-image{width:14.285%; border-right:solid 1px #999; padding: 5px; font-size: 12px; line-height: 1em; font-weight: bold; text-align: center; background: #fff; box-sizing: border-box;}
.daily-menu-image:last-child{border-right:none;}
.daily-menu-image img{max-width: 100%; vertical-align: middle;}
.daily-empty{background:#bbb;}
.daily-empty:first-child{background:#bbb;}
.daily-empty:last-child{background:#bbb;}

.daily-week-holiday{background:#f33;}
.daily-week-holiday:first-child{background:#f33;}
.daily-week-holiday:last-child{background:#f33;}
.daily-holiday{background:#fee;}
.daily-holiday:first-child{background:#fee;}
.daily-holiday:last-child{background:#fee;}


.daily-menu-list-week{display: none;}
.daily-menu-list-image {width: 100%;}
.daily-menu-list-image img{vertical-align:middle; max-width: 100%;}
.daily-menu-list-name {margin-top: 5px; padding-top:10px; font-size: 14px; line-height: 1.4em; border-top:solid 1px #999; font-weight: bold; text-align: left;}
@media screen and (max-width:980px){
	.daily-week-main{display: flex; align-items: center; justify-content: center; margin-top:30px; line-height: 1em;}
	.daily-week-prev{display: flex; align-items: center; justify-content: center;}
	.daily-week-prev-icon{font-size:20px; line-height: 1em; padding-right:5px;}
	.daily-week-prev-text{font-weight: bold; font-size: 16px;}
	.daily-week-next{display: flex; align-items: center; justify-content: center;}
	.daily-week-next-icon{font-size:20px; line-height: 1em; padding-left:5px;}
	.daily-week-next-text{font-weight: bold; font-size: 16px;}
	.daily-week-text{padding: 0 40px; font-weight: bold; font-size: 20px; color: #de0d85;}
	
	.daily-menu-area{width:100%; border-left:solid 1px #999; border-right:solid 1px #999; border-bottom:solid 1px #999; box-sizing: border-box; margin-top:10px;}
	.daily-menu-list-name {margin-top: 5px; padding-top:5px; font-size: 12px; line-height: 1.4em; border-top:solid 1px #999; font-weight: bold; text-align: left;}
}
@media screen and (max-width:480px){
	.daily-week-main{display: flex; align-items: center; justify-content: center; margin-top:30px; line-height: 1em;}
	.daily-week-prev{display: flex; align-items: center; justify-content: center;}
	.daily-week-prev-icon{font-size:16px; line-height: 1em; padding-right:5px;}
	.daily-week-prev-text{font-weight: bold; font-size: 12px;}
	.daily-week-next{display: flex; align-items: center; justify-content: center;}
	.daily-week-next-icon{font-size:16px; line-height: 1em; padding-left:5px;}
	.daily-week-next-text{font-weight: bold; font-size: 12px;}
	.daily-week-text{padding: 0 40px; font-weight: bold; font-size: 16px; color: #de0d85;}
	
	.daily-menu-area{width:calc(100% - 10px); border-left:solid 1px #999; border-right:solid 1px #999; border-bottom:solid 1px #999; box-sizing: border-box; margin:10px 5px 0;}
	.daily-menu-week-area{display: none;}
	.daily-menu-image-area{display: block; justify-content: center; box-sizing: border-box;}
	.daily-menu-image{display:flex; align-items: center; width:100%; height: 90px; border-right:none; font-size: 12px; line-height: 1em; font-weight: bold; padding:0px; text-align: center; box-sizing: border-box; border-top:solid 1px #999;}
	.daily-menu-image:last-child{border-right:none;}
	.daily-menu-list-week{display: flex; width:80px; height: 90px; align-items: center; justify-content: center; background:#111; font-size: 12px; font-weight: bold; color: #fff; text-align: center;}
	.daily-menu-list-week-data{flex:1; display: flex; margin: 5px; box-sizing: border-box;}
	.daily-menu-image-area .daily-menu-image:first-child .daily-menu-list-week{display: flex; width:80px; height: 90px; align-items: center; justify-content: center; background:#f00; font-size: 12px; font-weight: bold; color: #fff; text-align: center;}
	.daily-menu-image-area .daily-menu-image:last-child .daily-menu-list-week{display: flex; width:80px; height: 90px; align-items: center; justify-content: center; background:#00f; font-size: 12px; font-weight: bold; color: #fff; text-align: center;}
	.daily-menu-list-image {width: 80px;}
	.daily-menu-list-image img{vertical-align:middle; max-width: 100%;}
	.daily-menu-list-name {margin:0; padding: 5px 10px 0; font-size: 14px; line-height: 1.4em; border-top:none; font-weight: bold; text-align: left; box-sizing: border-box;}
	
	.daily-menu-image-area .daily-menu-image .daily-week-holiday{background:#f33;}
	.daily-menu-image-area .daily-menu-image:first-child .daily-week-holiday{background:#f33;}
	.daily-menu-image-area .daily-menu-image:last-child .daily-week-holiday{background:#f33;}
	.daily-holiday{background:#fee;}
	.daily-holiday:first-child{background:#fee;}
	.daily-holiday:last-child{background:#fee;}
}


.business-hours{display:flex; align-items:center; justify-content:center;  text-align: center;}
.business-hours-area{width:400px; border-bottom:solid 1px #de0d85; padding-bottom:3px; text-align: center;}
.business-hours-title{margin-top:20px; background:#de0d85; color: #fff;}
.business-hours-text{padding-top:15px; font-size: 28px; color: #de0d85; font-weight: bold; text-align: center;}
@media screen and (max-width:1240px){
	.business-hours-area{width:calc(100% - 10%); border-bottom:solid 1px #de0d85; padding-bottom:3px; text-align: center;}
	.business-hours-title{margin-top:20px; background:#de0d85; color: #fff;}
	.business-hours-text{padding-top:15px; font-size: 28px; color: #de0d85; font-weight: bold; text-align: center;}
}
@media screen and (max-width:980px){
	.business-hours-area{width:calc(100% - 10%); border-bottom:solid 1px #de0d85; padding-bottom:3px; text-align: center;}
	.business-hours-title{margin-top:20px; background:#de0d85; color: #fff;}
	.business-hours-text{padding-top:15px; font-size: 28px; color: #de0d85; font-weight: bold; text-align: center;}
}
@media screen and (max-width:480px){
	.business-hours-area{width:280px; border-bottom:solid 1px #de0d85; padding-bottom:3px; text-align: center;}
	.business-hours-title{margin-top:15px; font-size: 14px; background:#de0d85; color: #fff;}
	.business-hours-text{padding-top:10px; font-size: 24px; color: #de0d85; font-weight: bold; text-align: center;}
}