@charset "UTF-8";


/*--------------------------
    SP 店舗情報
--------------------------*/

#tempo{
	display: block;
    padding: 36px 18px 0; 
    line-height: 1.6;
    width: 100%;
    margin: 0 auto 80px;    
}

#tempo h1{
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
    color: #5c3f2a;
    padding: 10px 1em;
    border: none;
    margin: 0 0 33px;
    background: #f2e5d2;
}

#tempo .tempo-discrip {
    padding: 2em 3em;
    line-height: 1.8;
    background-color: rgba(255,255,255,0.5);
    border-radius: 30px;
}

#tempo .tempo-btn{
 	padding:36px 0;   
}

#tempo .tempo-btn ul{
 	padding:0;
    width: 100%;
}

#tempo .tempo-btn ul li{
    width: 48%;    
    border-radius: 15px;
    text-align: center;  
    padding:10px;
    font-size:18px;
    display:inline-block;  
}

#tempo .tempo-btn ul li a:link,
#tempo .tempo-btn ul li a:active,
#tempo .tempo-btn ul li a:visited{
    /* text-decoration: underline;*/
    font-weight: bold;
    color: #fff; 
    display:block;   
}

#tempo .tempo-btn ul li.event{
    background: #C78C76;
    width: 100%;
    margin-bottom: 1em;
}

#tempo .tempo-btn ul li.ec{
    background: #86BDC3;
    width: 100%;
    margin: 0;
}

#tempo .tempo-imgs{
	padding:1em;   
}

#tempo .tempo-imgs ul{
	width:100%;
	text-align:center;
}

#tempo .tempo-imgs ul li{
 	padding:0;
 	margin: 10px auto;
 	width: 100%;
 	text-align:center;
 	display: block;
 	background-color:#fff;
 	vertical-align: top;
}

#tempo .tempo-imgs ul li .tempo-imgs-box{
	width:100%;
} 

#tempo .tempo-imgs ul li .tempo-imgs-box-img{
	width:100%;
} 

#tempo .tempo-imgs ul li .tempo-imgs-box-img img{
	width:100%;	
}

#tempo .tempo-imgs ul li .tempo-imgs-box-txt{
	padding:16px;
	text-align:left;
}

#tempo h2.tenpo-info-ttl{
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #5c3f2a;
    padding: 8px 18px;
    border-left: 6px solid #5c3f2a;
    border-bottom: none;
    margin: 36px 0 ;	
}

#tempo h2.tenpo-info-ttl2{
    text-align: left;
    font-size: 20px;
    font-weight: bold;
    color: #5c3f2a;
    padding: 8px 18px;
    border-left: 6px solid #C78C76;
    border-bottom: none;
    margin: 36px 0 ;	
}

#tempo .tenpo-info dl{
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px dashed #cfcfcf;
    padding: 16px 0;
    font-size:14px;
}

#tempo .tenpo-info dl dt{
    width: 180px;
    line-height: 1.5;
    font-weight: bold;
}

#tempo .tenpo-info dl dd{
    width: 540px;
    line-height: 1.5;
}


#tempo .tenpo-info-map{
  position: relative;
  width: 100%;
  padding-top: 62%; /* = height ÷ width × 100 */
    margin-top: 36px;
}

#tempo .tenpo-info-map iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;    
}

#tempo a:link,
#tempo a:active,
#tempo a:visited{
    line-height: 1.8;
    color: #ca6742;
    text-decoration: underline;
}

#tempo .tenpo-info #cal{
    background: #fff;
    width: 300px;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #ccc;
}
    
#tempo .tenpo-info #cal a::before{
    
}

#tempo .tenpo-info #cal a:link,
#tempo .tenpo-info #cal a:active,
#tempo .tenpo-info #cal a:visited{
    font-weight: bold;
}

#tempo #tokyo,#tempo #osaka{
    padding-top: 100px;
}



/*--------------------------
    SP ご利用規約
--------------------------*/

#agreement{
    padding: 36px 18px 0;
    width: 100%;
    margin: 0 auto 80px;      
}

#agreement h1{
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #5c3f2a;
    padding: 0;
    border: none;
    margin: 0 0 33px;      
}

#agreement h2{
    padding: 0 15px 5px;
    font-size: 18px;
    color: #5c3f2a;
    font-weight: bold;
    border-left: 6px solid #C78C76;
    border-bottom: none;    
    margin: 36px 0 18px;   
}

#agreement p{
    padding:0 1em;
    line-height:1.8;
    margin-bottom:18px;
}


/*--------------------------
    SP ご利用ガイド
--------------------------*/

#guide-page{
    padding:36px 18px 0;
    width: 100%;
    margin: 0 auto 80px;       
}

#guide-page section{
    margin-bottom:42px;
}

#guide-page section p{
    padding:0 1em;
    line-height:1.8;
    margin-bottom:18px;
}

#guide-page a:link,
#guide-page a:active,
#guide-page a:visited{
    color: #C78C76;
    font-weight: bold;
    text-decoration-line: underline;  
}

#guide-page h1.guide-title{
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #5c3f2a;
    padding: 0;
    border: none;
    margin: 0 0 33px;
}

#guide-page h2{
    padding: 10px;
    font-size: 22px;
    color: #5c3f2a;
    font-weight: bold;    
    border-bottom: 2px solid #C78C76;      
margin: 0 0 36px;
}

#guide-page h3{
    padding: 0 10px 5px;
    font-size: 18px;
    color: #5c3f2a;
    font-weight: bold;
    border-left:6px solid #C78C76;
    margin-bottom: 14px;
}

#guide-page .guide-page-atention{
    padding: 1.5ex;
    background-color: #fff;
    border: 2px dashed #b8860b;
    text-align: center;
    margin-bottom: 36px;
}

#guide-page .guide-page-atention strong{
    font-weight:normal;
    color:#e53B3B;
}

#guide-page #guide-page-menu{
    background-color: #fff;
    padding: 18px;
    margin-bottom: 24px;
}

#guide-page #guide-page-menu-btn ul{
}

#guide-page #guide-page-menu-btn ul li{
    padding: 5px 10px;
}


#guide-page #contact{
    text-align:center;
    padding: 20px;
    border:dotted 2px #5c3f2a;
    width: 95%;
    margin:0 auto 18px;
}

#guide-page strong{
    font-weight:bold;
}

#guide-page  #ac-info{
    padding:14px;
    border:1px solid;
    width:200px;
    margin:0 18px 18px;
}

#guide-page #soryo span{
    font-size:12px
}

/*送料テーブル*/

#guide-page table {
margin:18px;
border:1px solid #b3b3b3;
width:95%;
background: #fff;    
margin:0 auto;
}

#guide-page table th {
background: #dbedef;
padding:5px;
border:1px solid #b3b3b3;
}

#guide-page table td {
padding:5px;
border:1px solid #b3b3b3;
}

/*--------------------------
    SP プライバシーポリシー
--------------------------*/

#privacy{
    width: 100%;
    padding: 36px 18px 0; 
    line-height: 1.6;
    margin: 0 auto 80px;
}

#privacy h1 {
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #5c3f2a;
    padding: 0;
    border: none;
    margin: 0 0 33px;
}

#privacy h2 {
    padding: 0 15px 5px;
    font-size: 18px;
    color: #5c3f2a;
    font-weight: bold;
    border-left: 6px solid #C78C76;
    border-bottom: none;
    margin: 36px 0 18px;
}

#privacy p {
	padding-bottom: 20px;
}
#privacy p.title {
	padding-bottom: 10px;
	font-weight: bold;
}
#privacy p.title2 {
	margin-left: 18px;
	padding-bottom: 10px;
	font-weight: bold;
}
#privacy p.cont_de {
	padding-left: 26px;
}
#privacy div.subcont_det,
#privacy p.subcont_de {
	padding-left: 56px;
}
#privacy div.detail dl {
	margin-left: 25px;
	display: block;
	overflow: hidden;
}
#privacy div.detail dl dt {
	display: inline-block;
	width: 40px;
	vertical-align:top;    
}
#privacy dl dd {
	padding-bottom: 30px;
	display: inline-block;
	width: 660px;
}

/*--------------------------
    SP 特定商取引法に基づく表示
--------------------------*/

.law .table{
    background: none;
}

/*--------------------------
    SP 会社概要
--------------------------*/

#profile{
    padding:36px 18px 0; 
     line-height:1.8;
    width: 100%;
    margin: 0 auto 80px;       
}

#profile h1{
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #5c3f2a;
    padding: 0;
    border: none;
    margin: 0 0 33px; 
}

#profile .table{
   padding: 36px 14px;
    width:100%;    
}

#profile .table dl{
    width:100%;
    padding:1em;
}

#profile .table dt{
    text-align: left;
    font-weight: normal;
    display:block;
    vertical-align: top;
    font-weight:bold;
    padding-left:5px;
}

#profile .table dd{
    text-align: left;
    display: block;
    width: 100%;
    margin-bottom:36px;
    padding-left:5px;
}

#profile .table dd p{
    width: 100%;
    margin-bottom:18px;
}

#profile .table dd a:link{
    text-decoration-line:underline;
}

#profile .table dd span#order{
    display:inline-block;
    border:1px solid #ccc;
    padding:1em;
    margin-top:1em;
    font-size:13px;
}


/*------------------------
	SP 主宰・落合惠子より
------------------------*/

#ochiai{
    padding: 36px 18px 60px;
    line-height: 1.8;
    width: 100%;
    margin: 0 auto;
}

#ochiai h1.title{
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #5c3f2a;
    padding: 0;
    border: none;
    margin: 0 0 33px;   
}

#ochiai h2.mainimg{
    text-align: center;
    max-width: 150px;
}

#ochiai .block{
    margin: 0 auto;
}

#ochiai .block h2{
    padding: 10px 10px;
    font-size: 22px;
    color: #5c3f2a;
    font-weight: bold;
    border-bottom: 2px solid #C78C76;
    margin-bottom: 36px;
    text-align: left;
}

#ochiai .block h2.mainimg{
    border: none;
    padding: 10px;
    background-color: #fff;
    width: 300px;
    margin: 0 auto 60px;
}

#ochiai .block h2.prof{
    padding: 0 10px 5px;
    font-size: 18px;
    color: #5c3f2a;
    font-weight: bold;
    border-left: 6px solid #C78C76;
    margin: 60px 0 15px;
    border-bottom: none;
    text-align: left;    
}

#ochiai p{
    text-align: left;
    padding: 0 1em;
    line-height: 1.8;
    margin-bottom: 50px;
}

#ochiai a:link,
#ochiai a:active,
#ochiai a:visited{
    font-weight: bold;    
    color: #ca6742; 
    text-decoration: underline;
}

/*------------------------
	SP 環境と社会
------------------------*/

#organic {
    padding: 36px 18px 50px;
    line-height: 2;
    width: 100%;
    margin: 0 auto;
    font-size:1.1em;
}

#organic h1.title{
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #5c3f2a;
    padding: 0;
    border: none;
    margin: 0 0 33px;
}

#organic h2.main{
    padding: 60px 0 30px;
    text-align: center;
}

#organic h2.main img{
    width: 200px;
}

#organic p.lead{
    text-align: center;
    margin-bottom: 80px;
}

#organic .org_block h3.org_block_ttl{
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    color: #444
}

#organic .org_block .org_block_img{
    width: 100%;
}

#organic .org_block p.org_block_dsc{
    padding: 2em;
    margin-bottom: 80px;
    text-align: left;
}

/*------------------------
	SP 採用情報
------------------------*/

#recruit{
    padding: 36px 18px 60px;
    line-height: 1.8;
    width: 100%;
    margin: 0 auto;
}

#recruit h1.title{
    text-align: left;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #5c3f2a;
    padding: 0;
    border: none;
    margin: 0 0 33px;
}

#recruit h2.main{
    text-align: center;
}

#recruit .block h2{
    padding: 60px 10px 10px;
    font-size: 18px;
    color: #5c3f2a;
    font-weight: bold;
    border-bottom: 2px solid #C78C76;
    margin-bottom: 36px;
    text-align: center;
}

#recruit p{
    text-align: left;
    padding: 0 1em;
    line-height: 1.8;
    margin-bottom: 36px;
}

#recruit p.position{
	margin:0 auto;
	padding:2em;
	border:1px solid #999;
	width:90%;
}

#recruit .recruit_link{
	font-weight: bold;    
    color: #ca6742; 
    text-decoration: underline;
}

#recruit .recruit01,
#recruit .recruit02,
#recruit .recruit03,
#recruit .recruit04{
	padding:3em 0;
}


#recruit .recruit05,
#recruit .recruit06{
	width: 95%;
	margin:0 auto;
	padding:3em 0;
}

#recruit h3.ttl3{
	border-left:6px solid #ca6742;
	padding: 0 0 0 18px;
	line-height:2.5;
}

/*------------------------
	SP クーヨン取扱い書店
------------------------*/

div#cooyon_shop {
	margin-bottom: 20px;
	display: block;
	overflow: hidden;
}
div#cooyon_shop h2 {
	display: block;
	color: #360;
	font-size: 14px;
	font-weight: bold;
}
div#cooyon_shop div.table_list {
	display: block;
	overflow: hidden;
}
div#cooyon_shop div.table_list p.comment {
	padding: 10px;
	text-align: left;
}
div#cooyon_shop div.table_list table {
	margin:  20px auto;
	width: 95%;
	border: 1px solid #CCC;
}
div#cooyon_shop div.table_list table tr th,
div#cooyon_shop div.table_list table tr td {
	padding: 5px;
	border: 1px solid #CCC;
}
div#cooyon_shop div.table_list table col.c1{
	width: 25%;
}
div#cooyon_shop div.table_list table col.c2{
	width: 60%;
}
div#cooyon_shop div.table_list table col.c3{
	width: 30%;
}
div#cooyon_shop div.table_list table tr th {
	padding: 10px 5px;
	font-weight: bold;
	background: #E1FFF0;
}
div#cooyon_shop span.hilight {
	color: #FF3333;
}


/*----------------------
　SP　レストラン メニュー
----------------------*/
#restau_menu{
    padding: 36px 18px 50px;
    line-height: 2;
    width: 100%;
    margin: 0 auto;
    font-size:1.1em;   
}

#restau_menu h1{
    text-align: left;
    font-size: 22px;
    font-weight: bold;
    line-height: 1.4;
    color: #5c3f2a;
    padding: 10px 36px;
    border: none;
    margin: 0 0 33px;
    background: #f2e5d2
}

#restau_menu h2{
  position: relative;
  display: block;
  padding: 0 55px;
  text-align:center;
     font-size: 22px;
    font-weight: bold;
    line-height: 1.8;
    color: #5c3f2a;
}

#restau_menu h2:before,
#restau_menu h2:after{
  display: none;
}

#restau_menu h2:before {
  left:0;
}

#restau_menu h2:after {
  right: 0;
}

#restau_menu .menu-discrip{
    padding: 2em;
    line-height: 1.8;
    background-color: rgba(255,255,255,0.5);
    border-radius: 30px;
    margin-top: 30px;
}

#restau_menu .menu_anchor {
    text-align: center;
    margin-top: 30px;
}

#restau_menu .menu_anchor ul {
    margin-top: 50px;
}

#restau_menu .menu_anchor ul li {
    display: inline-block;
}

#restau_menu .menu_anchor ul li a {
    font-size: 15px;
    color: #000;
    line-height: 2.5;
    padding: 0 1em;
    border-right: 1px solid #000;
}

#restau_menu .menu_anchor ul li a:hover {
text-decoration: underline;
}


#restau_menu .menu_anchor ul li:last-child a {
    border-right: 0;
}

#restau_menu #menu_box01,
#restau_menu #menu_box02,
#restau_menu #menu_box03,
#restau_menu #menu_box04,
#restau_menu #menu_box05,
#restau_menu #menu_box06,
#restau_menu #menu_box07{    
	padding-top:100px
}

#restau_menu .img{
	width: 100%;
	/* height:350px; */
	/* background-color:#ccc;*/
	text-align:center;
}

#restau_menu .weekly{
	background: #C78C76;
	width:300px;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    margin:16px 0 0 auto;
}

#restau_menu .weekly_d{
	background: #86bdc3;
	width:300px;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    margin:16px 0 0 auto;
}

#restau_menu .link{
	background: #fff;
	width:300px;
    text-align: center;
    padding: 5px;
    font-size: 16px;
    margin:16px 0 0 auto;
    border: 1px solid;
}

#restau_menu .weekly a:link,
#restau_menu .weekly a:active,
#restau_menu .weekly a:visited,
#restau_menu .weekly_d a:link,
#restau_menu .weekly_d a:active,
#restau_menu .weekly_d a:visited{
	font-weight: bold;
    color: #fff;
    display: block;	
}

#restau_menu .link a:link,
#restau_menu .link a:active,
#restau_menu .link a:visited{
    display: block;	
}

#restau_menu .contact{
    border: 1px solid #ccc;
    text-align:center;
}

/* restaurant Eng */
.chefs_rcm {
    margin: 2em 0;
}

#faq #guide-page{
    padding: 36px 18px 0;
    width: 100%;
    margin: 0 auto 80px;
}

#faq  #guide-page div.faq_box dl.title dd {
    float: none;
    display: block;
    /* width: 485px; */
    overflow: hidden;
}