@charset "UTF-8";



/*
===== CONTENTS ================================================================================

	Index:
  - Base Style
  - Layout
  
===============================================================================================
*/


@import 'https://fonts.googleapis.com/css?family=Sorts+Mill+Goudy';


/* 1: Base Style Setting
----------------------------------------------------------------------------------------------*/

/* Base Setting
==========================================================*/
/*
body { font: 15px/2 "Adobe Garamond Pro", 'Sorts Mill Goudy', "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"ＭＳ Ｐ明朝","MS PMincho", Times, serif; 
	 font-weight: 500;  letter-spacing:0.6px;  margin:0; padding: 0; color:#232323; -webkit-text-size-adjust: 100%;}
*/
body { font: 15px/2 "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"ＭＳ Ｐ明朝","MS PMincho", Times, serif; 
	 font-weight: 500;  letter-spacing:0.6px;  margin:0; padding: 0; color:#232323; -webkit-text-size-adjust: 100%;}

a       { text-decoration: underline; color:#9FA0A0; }
a:hover { text-decoration: none;  color:#232323; }
a { outline:none;}
img { -ms-interpolation-mode: bicubic; max-width:100%; height:auto; } 
:focus { outline: 0; }

.fn-mincho { font-family: "游明朝体", "Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho", Times, serif; }
.fn-gothic{  font-family:"游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",  Helvetica, Arial, sans-serif; }

.fn-SortsMill{ font-family: 'Sorts Mill Goudy', serif;}

/* ttl / fonts */
.fns-15{ font-size:15px;}


/* main-layout
==========================================================*/

body { }
#wrapper{ min-width:1090px;  } 
.wrap{ margin:0 auto; width:972px; }

#index-page{}
#blog-page{}


/* header
==========================================================*/
#headerContainer{  line-height:1; padding:55px 0 40px; }
#header {}
#logo { float:left; position:relative; left:-41px; }
#copy{ float:right; }


#menu{ line-height:1; padding-top:23px; }
ul.menu{ }
	ul.menu li{  }
	ul.menu li.nav-deliv{ margin-top:160px;}
	
	#blog-page ul.menu li a { opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}
	#blog-page ul.menu li a:hover, 
	#blog-page ul.menu li.active a { opacity:1; }
	
	


/* footer
==========================================================*/
#footerContainer{ padding:80px 0 40px; }
#copyright{ padding-left:172px; }


/* content
==========================================================*/
#Container{ } 
#SideContainer{ float:left; width:95px;}
#MainContainer{ float:right; width:800px;}


.pages{ }

.ContentInner{}
.ContentInnerBlock{}

.sec-ttl{ position: absolute; left:-160px;}
.h1tt{ position:absolute; text-indent:-999em;  }





/* 2: layout
----------------------------------------------------------------------------------------------*/

.col{ }
	.col-l{ float:left; }
	.col-r{ float:right; }
	

.bdrbtm{ position:relative; padding-bottom:1px; }
.bdrbtm::after{ position:absolute; left:0%; bottom:0px; z-index:2;content:'';width:180px;height:1px;background-color:#bbb; }
.pagetop{ position:absolute; right:-65px; top:-33px;}



/* pages
==========================================================*/


/* blog
-------------------*/

#blog-section{ padding-left:100px;}


.post-inner { padding-bottom:80px; margin-bottom:80px;}
	.post-titleInner{ margin-bottom:30px; }
		.post-title{ font-size:20px; line-height:1.5; }
		.post-meta{  }
	.entry-content,
	.post-body{ letter-spacing:1px;}
	
#footPageNavi { padding-bottom:10px;}
#footPageNavi .pagination{ font-family:Helvetica, sans-serif; }
#footPageNavi .pagination ul{ }
#footPageNavi .pagination li{ float:left; margin:0 8px; line-height:21px; }
#footPageNavi .pagination li.pageout-prev{ float:left; margin:0; margin-right:20px; }
#footPageNavi .pagination li.pageout-next{ float:left; margin:0; margin-left:20px; }
#footPageNavi img.navnone,
#footPageNavi .pagination li a { text-decoration:none; 
	opacity:0.4;-moz-opacity:0.4;
	filter: alpha(opacity=40); }
#footPageNavi .pagination li.pageout-prev a,
#footPageNavi .pagination li.pageout-next a{ 
	opacity:1;-moz-opacity:1;
	filter: alpha(opacity=100); }
#footPageNavi .pagination li a:hover { text-decoration:none; 
	opacity:0.4;-moz-opacity:0.4;
	filter: alpha(opacity=40); }
		


.iframe-content {}	
.iframe-content-wrap {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0 0;
}
.iframe-content-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


	
	
/* INDEX
-------------------*/

#display_scene1 {
	display:none;
}

 #display_scene1 #div-a {
	display:none;
	position: absolute;
	top: 60px;
	right: 60px;
}

 #display_scene1 #div-a2 {
	display:none;
	position: absolute;
	top: 60px;
	right: 94px; right: 60px;
}

 #display_scene1 #div-b {
	display:none;
	position: absolute;
	top: 34%;
	text-align:center;
	width: 100%;
}

@media screen and (max-width: 1100px) {
 #display_scene1 #div-a {
	top: 40px;
	right: 40px;
}

 #display_scene1 #div-a2 {
	top: 40px;
	right: 74px; right: 40px;
}
}




/*ABOUT
-------------------*/
#about-top{ margin-bottom:150px;}
	.takeout-logo{ position:absolute; top:23px; left:-76px;}
	#about-top .ContentInner { padding-left:100px;}
	

	
#about-sc{ padding-top:50px; margin-top:-50px; margin-bottom:170px; }
	#about-sc .col-1{ width:700px; margin-left:100px; margin-bottom:60px;}
	#about-sc .col-1 .col-l{ width:620px; line-height:2;}
	#about-sc .col-1 .col-r{ width:78px;}
		#about-sc .col-1 .sec-subttl{ position: relative; left:-106px; margin-bottom:10px;}
		#about-sc .col-1 .Content-tt{ margin-bottom:96px; margin-top:-18px;}
	
	#about-sc .col-2{ margin-left:100px;}
	

/* menu
-------------------*/
#menu-Container{ font-size:13px;}
	#menu-Container .price span{ font-size:18px; font-size:16px; letter-spacing:1px;}
	
#menu-sc{ padding-top:50px; margin-top:-50px; margin-bottom:100px; }
	#menu-sc .ContentInner .Content-tt{ text-align:right; margin-bottom:10px; padding-right:5px; }
	#menu-sc .ContentInner .col-l{ width:320px; }
	#menu-sc .ContentInner .col-r{ width:460px; }
	#menu-sc .ContentInner .col-r .col-in .col-l { width:250px; line-height:1; margin-bottom:10px;}
	#menu-sc .ContentInner .col-r .col-in .col-r { width:185px;}
		#menu-sc .ContentInner .col-r.bdrbtm::after{ left:-340px; bottom:12px;}
	
	
#menu-sc2{ margin-left:100px; margin-bottom:100px; }
	#menu-sc2 .ContentInner .col-l{ width:275px; }
	#menu-sc2 .ContentInner .col-r{ width:400px; }
	#menu-sc2 .Content-txt{ position: absolute; top:25px; left:100px;}



#menu-sc3{  margin-bottom:100px;  }
	#menu-sc3 .ContentInner .col-l{ width:150px; }
		#menu-sc3 .bdrbtm::after{ width:150px; }
	#menu-sc3 .ContentInner .col-r{ width:590px; }
	#menu-sc3 .Content-tt{ text-align:right;}
	#menu-sc3 .Content-txt{ position:relative; width:270px; padding-top:40px; }
	#menu-sc3 .ContentInner .col-r .col-in .col-l { width:375px;}
	#menu-sc3 .ContentInner .col-r .col-in .col-r { width:172px;}



#menu-sc4{  margin-bottom:100px;  }
	#menu-sc4 .ContentInner .col-l{ width:214px; }
	#menu-sc4 .ContentInner .col-r{ width:586px; text-align:right; }
	#menu-sc4 .Content-tt{ }
	#menu-sc4 .Content-txt{ position:relative; width:230px; padding-top:60px;  }
	#menu-sc4 .ContentInner .col-r .col-in .col-l { width:180px;}
	#menu-sc4 .ContentInner .col-r .col-in .col-r { width:375px;}


#menu-sc5{  margin-bottom:40px;  }
	#menu-sc5 .ContentInner .col-l{ width:310px; }
	#menu-sc5 .ContentInner .col-r{ width:466px; }
	#menu-sc5 .Content-tt{ }
			#menu-sc5 .ContentInner .col-r .col-in .col-l .Content-txt{ margin-top:-5px; }
			#menu-sc5 .ContentInner .col-r .col-in .col-r .Content-txt{ position:relative; width:220px;  }
	#menu-sc5 .ContentInner .col-r .col-in .col-l { width:276px;}
	#menu-sc5 .ContentInner .col-r .col-in .col-r { width:190px; margin-top:-48px;}
	#menu-sc5 p.arw{ vertical-align:middle; font-size:11px; line-height:1.5; }
	#menu-sc5 p.arw img{ padding-right:8px;}


#menu-sc6{   margin-left:100px; margin-bottom:100px;  }
	#menu-sc6 .ContentInner .col-l{ width:472px; }
	#menu-sc6 .ContentInner .col-r{ width:180px; }
	#menu-sc6 dl{ position:relative; width:215px; padding-top:70px; }
	#menu-sc6 .price{ margin-top:60px;}
	
	
#menu-sc7{    margin-bottom:60px;  }
	#menu-sc7 .ContentInner .col-l{ width:180px; text-align:right; }
	#menu-sc7 .ContentInner .col-r{ width:590px; }
	#menu-sc7 .ContentInner .col-r .col-in .col-l { width:250px;}
	#menu-sc7 .ContentInner .col-r .col-in .col-r { width:302px; padding-top:50px;}
	
.menu-txtcmt{ width:600px; text-align:center; margin-bottom:130px;}	

/* 
-------------------*/

#access-sc{ padding-top: 50px;
	margin-top: -50px;}
	#access-sc .ContentInner .col-l{ width:212px; }
	#access-sc .ContentInner .col-r{ width:534px; }
	#access-sc .ContentInner { margin-bottom:80px;}
	
	
	


/* 
-------------------*/