@charset "UTF-8";


/*-----------------------------------------------------------------------------------*/
/*	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/css/reset/
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac */ .clearfix { display: block; } /* End hide from IE Mac */ .none { display: none; } /* End Clearfix */


/*-----------------------------------------------------------------------------------*/
/*	Document Setup
/*-----------------------------------------------------------------------------------*/

body {
	color: #000;
	font-size: 16px;
	font-family: 'Lato', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	background: #ec6c00;
}

a {
	/*color: #df4f1f;*/
    color: #fff;
	text-decoration: underline;
	-moz-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	transition: all 0.1s ease;
}
a:hover { opacity: .7; }

img,
a img { vertical-align: bottom; }



/*-----------------------------------------------------------------------------------*/
/*	Header Styles
/*-----------------------------------------------------------------------------------*/

header { display: none; }

header .logo {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}
header .sp-menu-toggle {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 10;
	cursor: pointer;
}
.sp-menu-container {
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.8);
	overflow: auto;
	position: fixed;
	top: 0;
	display: none;
	z-index: 50;
}
.sp-menu-container .sp-menu-wrapper { padding: 0 20px; }
.sp-menu-container .sp-menu-wrapper h3 {
	color: #fff;
	font-size: 12px;
	padding: 25px 0;
	border-bottom: 1px solid #3e3a39;
	-webkit-font-smoothing: antialiased;
}
.sp-menu-container .sp-menu-wrapper .logo {
	text-align: center;
	margin: 35px 0 0 25px;
}
.sp-menu-container .sp-menu-wrapper .sp-menu-toggle {
	color: #fff;
	font-size: 30px;
	line-height: 1;
	cursor: pointer;
	position: absolute;
	top: 18px;
	right: 20px;
}
.sp-menu-container .sp-menu-wrapper nav { padding: 30px 0; }
.sp-menu-container .sp-menu-wrapper nav ul li {
	text-align: center;
	padding: 10px 0;
}
.sp-menu-container .sp-menu-wrapper nav ul li a {
	color: #fff;
	font-size: 16px;
	-webkit-font-smoothing: antialiased;
    text-decoration: none;
}

.sidePosition{    position: fixed;z-index: 105;}
.rightSide{    position: fixed;top: 20px;right: 20px;}
.rightSide p{margin-bottom: 20px}




/*-----------------------------------------------------------------------------------*/
/*	Footer Styles
/*-----------------------------------------------------------------------------------*/

.scrolltop{
	position: fixed;
	right: -80px;
	bottom: 80px;
}

footer {
	text-align: center;
	padding: 50px 0 0px;
	background-color: #ec6c00;
}
footer .flogo { margin-bottom: 50px; }

footer .contact{}

footer .contact h3{font-size: 48px;
color: #fff;
padding-bottom: 30px;}

footer .contact .contactName{ font-size: 18px; margin: 10px 0;}
footer .contact p{ font-size: 24px; font-weight: bold;}
footer .contact a{ color: #000;}
footer .contact .call{ font-size: 18px; margin: 30px 0;}

footer .support{background-color: #fff;  font-size: 18px;font-weight: bold; margin-top: 80px;}
footer .support h3{  font-size: 30px; margin: 0 0 20px }
footer .support .inner p{text-align: left;}

footer .copyright {
	color: #fff;
	font-size: 12px;
    	background-color: #000;
    padding: 22px;
}



.container {
	width: 980px;
	margin: 0 auto;
}
.container .inner{ padding: 100px 0px; text-align: center;}


/*-----------------------------------------------------------------------------------*/
/*	sec00
/*-----------------------------------------------------------------------------------*/

.main-visual {
	position: relative;
	/*height: 730px;*/
}

.phrase {
text-align: center;
    /*padding: 80px 0px;*/
    padding:0px 0 80px 0px;
}

.main-visual h1{ color: #fff; font-size: 48px;}

.concept{ font-size: 1.4rem; text-align: left; margin: 50px 30px 0; font-weight: bold;}
.concept span{ color: #fff;}
.concept p{ font-size: 1.2rem; margin-top: 50px; text-align: center;}
.tenpo{ margin: 30px 0;}

.catch .phrase{ padding: 0px 0px 80px 0px}

.loopslider {
	margin: 0 auto;
	width: 100%;
	height: 300px;
	text-align: left;
	position: relative;
	overflow: hidden;
}
.loopslider ul {
	float: left;

	display: inline;
	overflow: hidden;
}
.loopslider ul li {
	width: auto;

	float: left;
	display: inline;
	overflow: hidden;
}




/*-----------------------------------------------------------------------------------*/
/*	sec01　場所・日時
/*-----------------------------------------------------------------------------------*/

.fb-block{text-align: center; margin: 50px 0px; padding-bottom: 30px;}



.obento-date{ padding:0px 0px 100px 0px; font-size: 24px; font-weight: bold;}

.obento-date .container {
	background-color: #fff;border-radius:20px;
}
.obento-date .container .inner {padding:0px 50px 50px 50px;
}

.obento-date .info-ttl{ padding-top: 80px;}
.obento-date .info-ttl .logo {
	text-align: center;
	margin-bottom: 5px;
}
.obento-date h3 { font-size: 48px; color: #ec6c00;padding-bottom: 30px;
}

.obento-date .info-ttl a{font-size: 1.0rem}

.ggmap {
    margin: 20px 0;
}
  ul.sampleCalender2 {
        width: 660px;
        margin: 0 auto;
    }
    ul.sampleCalender2 .the_date {
        float:left;
        display:block;
        width:6em;
        margin:0 10px; padding:0;
        text-align:center;
        overflow:hidden;
    }
    ul.sampleCalender2 .orange {
        background-color:#000;
        border-radius: 10px;
    }
    ul.sampleCalender2 .date_m {
        display:block;
        margin:3px 0; padding:0;
        color:#fff;
        font-weight:bold;
        text-align:center;
    }
    ul.sampleCalender2 .date_d {
        display:block;
        margin:5px; padding:5px 0;
        background-color:#fff;
        font-size:1.3em;
        font-weight:bold;
        text-align:center;
        /*color:#000;*/
        border-radius: 0 0 5px 5px;
    }



/*-----------------------------------------------------------------------------------*/
/*	sec03 お弁当屋さん
/*-----------------------------------------------------------------------------------*/


.obentoyasan{background-color: #f6f3eb;}
.obentoyasan h3 { font-size: 48px; padding-bottom: 30px;
}

.cf:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.cf {display: inline-block;} 

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}





#menuList{
	margin: 0 auto;
	width: 980px;
}


#menuList ul{
	margin: 0 0 ;
}
#menuList ul li{
    /*display: inline-block;*/
	float: left;
    height: auto;
    margin-right: 20px;
    vertical-align: top;
    width: 230px;
    margin-bottom: 30px;

}
#menuList ul li a{ text-decoration: none; color: #000;}
#menuList ul li img {
    width: 100%;
    border-radius: 15px;
}

#menuList ul li:nth-child(4n) {
    margin-right: 0;
}

#menuList .nameTenpo{font-size: 12px ; font-weight: bold; margin: 8px 0;}
#menuList .name{}
#menuList .price{}


/*-----------------------------------------------------------------------------------*/
/*	sec04 注意事項
/*-----------------------------------------------------------------------------------*/

.warning{ padding:100px 0 0px 0px; font-size: 24px; font-weight: bold;background-color: #f6f3eb;}

.warning .container {background-color: #fff;border-radius:20px; border: solid 5px #D60003; }
.warning .container .inner {padding:0px 100px 50px 120px;
}

.warning .info-ttl{ padding-top: 50px;}

.warning h3 { font-size: 36px; color: #D60003;padding-bottom: 30px;}

.warning li{font-weight: bold; font-size: 22px; text-align: left;list-style-type: decimal ; line-height: 1.4; padding-bottom: 10px;}

/*-----------------------------------------------------------------------------------*/
/*	sec05 決済方法
/*-----------------------------------------------------------------------------------*/

.payment{ padding:100px 0 0px 0px; font-size: 24px; font-weight: bold;background-color: #ec6c00;}

.payment .container {background-color: #fff;border-radius:20px;}
.payment .container .inner {padding:0px 50px 50px 50px;
}

.payment .info-ttl{ padding-top: 50px;}

.payment h3 { font-size: 48px; color: #000;padding-bottom: 30px;}
.payment p { text-align: left;}
.payment div{}
.payment .exp{font-size: 20px; text-align: center;margin-top: 30px;}

.spOnly{display: none;}


/* 点滅 */
.blinking{
	-webkit-animation:blink 1.0s ease-in-out infinite alternate;
    -moz-animation:blink 1.0s ease-in-out infinite alternate;
    animation:blink 1.0s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}




.del{
color: #b2b2b2;
  text-decoration: line-through;
}











/*-----------------------------------------------------------------------------------*/
/*	Media Query
/*-----------------------------------------------------------------------------------*/

@media only screen and (max-width: 919px) {

	
	/* Common */
	.container { width: 100%; }
	.container .inner{ padding: 8%; text-align: center;}
.phrase {
text-align: center;
    padding: 40px 0px;
}
    .tenpo img{width: 100%;}  
	/* header */
	header .logo img {
		width: 60px;
		height: 60px;
	}
	header .sp-menu-toggle img {
		width: 60px;
		height: 60px;
	}
	.sp-menu-container .sp-menu-wrapper h3 { text-align: center; }
	
	/* Main Visual */
	.main-visual .phrase {
		top: calc(50% -  123px);
		left: calc(50% -  28px);
	}
	.main-visual .phrase img{
		width: 90%;
		height: auto;
	}
    .catch .phrase{padding:10%; }
    .catch .phrase img{		width: 90%;
		height: auto;}
    
.main-visual h1{ color: #fff; font-size: 24px;}

.concept{ font-size: 1.2rem; text-align: left; margin: 10% 0; font-weight: bold;}
    .concept br{display: _none;}
    .concept span{ color: #fff;}
.concept p{ font-size: 1.0rem; margin-top: 30px;}
    
.obento-date,.warning,.payment{ padding: 4%; font-size: 1.1rem; font-weight: bold;}

.obento-date .container {
	background-color: #fff;border-radius:20px;
}
.obento-date .container .inner,
    .payment .container .inner{padding:0 5% 8%;
}

    .warning .container{width: 97%}
    .warning .container .inner{padding:0 7% 8%;
}
    
    
.obento-date .info-ttl,
    .warning .info-ttl,
    .payment .info-ttl{ padding-top: 10%;}
.obento-date .info-ttl .logo {
	text-align: center;
	margin-bottom: 5px;
}
.obento-date h3 { font-size: 2.0rem; color: #ec6c00;padding-bottom: 10px;
}
.payment h3 { font-size: 1.6rem; color: #000;padding-bottom: 10px;
}
.payment .exp{font-size: 1.0rem; text-align: center;margin-top: 30px;}

    
.obento-date .info-ttl a{font-size: 1.0rem}
    
.obentoyasan h3 { font-size: 2.0rem; padding-bottom: 10px;
}
    
    .payment img{width: 80%;}
    
	/* Footer */
	.scrolltop{ bottom: 60px; }
	.scrolltop img {
		widows: 60px;
		height: 60px;
	}
	footer { padding: 50px 0px 0px; }
	footer .copyright {
		font-size: 11px;
		font-size: 0.6875rem;
	}

footer .contact h3{font-size: 1.6rem;
color: #fff;
padding-bottom: 30px;}

footer .contact .contactName{ font-size: 0.8rem; margin: 10px 0;}
    footer .contact p{ font-size: 1.0rem; font-weight: bold;}
footer .contact a{ color: #000;}
footer .contact .call{ font-size: 0.8rem; margin: 30px 0;}
    
    
    
    
    
    
    
    
.cf:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}
	
.cf {display: inline-block;} 

/* Hides from IE Mac */
* html .cf {height: 1%;}
.cf {display:block;}



.fb-block{text-align: center; margin: 50px 0px; padding-bottom: 30px;}


#menuList{
	padding: 20px 0 30px;
	margin: 0 auto;
	width: 100%;
}


#menuList ul{
	margin: 0 0 ;
}

#menuList ul li{
    /*display: inline-block;*/
	float: left;
    /*height: 100%;*/
	margin-bottom: 6%;
    margin-right: 4%;
    vertical-align: top;
    width: 48%;
}

	#menuList ul li img{
    width:100%;
}
	
#menuList ul li:nth-child(2n) {
    margin-right: 0;
}


    
#menuList ul li:last-child {
    /*argin-right: 0;*/
}

#menuList .nameTenpo{font-size: 0.7rem ; font-weight: bold; margin: 8px 0 0px;}
#menuList .name{font-size: 0.9rem ; line-height: 1.2;margin: 4px 0 0px; }
#menuList .price{color: #ec6c00;}
    
	.obento-date .info-ttl .logo img{width: 20%;
    }
    
    
.loopslider {
	margin: 0 auto;
	width: 100%;
	height: 150px;
	text-align: left;
	position: relative;
	overflow: hidden;
    }
.loopslider ul li {
    	height: 150px;
    }
.loopslider ul li img{
        height: 100%;
    }
    
    
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
    margin: 3% 0;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
    
    
  ul.sampleCalender2 {
        width: 100%;
        margin: 0 auto;
    }
    ul.sampleCalender2 .the_date {
        float:left;

        width:46%;
        margin:0 2% 2% 2%; padding:0;
        text-align:center;

    }
    ul.sampleCalender2 .orange {
        background-color:#000;
        border-radius: 10px;
    }
    ul.sampleCalender2 .date_m {
        display:block;
        margin:3px 0; padding:0;
        color:#fff;
        font-weight:bold;
        text-align:center;
    }
    ul.sampleCalender2 .date_d {
        display:block;
        margin:5px; padding:5px 0;
        background-color:#fff;
        font-size:1.3em;
        font-weight:bold;
        text-align:center;
        /*color:#000;*/
        border-radius: 0 0 5px 5px;
    }
.sampleCalender2 li:nth-child(2n) {
    margin-right: 0;
}
    
    
    .warning ul{ padding: 0 0 0 7%}    
.warning li{ font-size: 1.2rem; text-align: left;list-style-type: decimal; line-height: 1.4; padding-bottom: 10px;}
 

.rightSide{    position: fixed;top: 20px;right: 2%;}
.rightSide p{margin-bottom: 20px}
.rightSide img{ }
    
    
    .pcOnly{display: none;}
    .spOnly{display: block}
}