@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 100;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 200;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 300;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: 500;
}

@font-face{
    font-family: "Yu Gothic";
    src: local("Yu Gothic");
    font-weight: bold;
}

*{
    font-family: YuGothic, 'Yu Gothic', sans-serif;
}

html, body {
  width:100%;
}
body {
  font-family: "Yu Gothic", YuGothic, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  min-width: 1500px;
}
.wrap{
  overflow: hidden;
}
img { vertical-align: bottom;}
.contener {
  max-width:1500px;
  margin: 0 auto;
}

/* iphone だけ線のようなものが出るため、その対策 */
.iphone-taisaku-wrap {
  background:#45331D;  
}

/*-----------------------*/
/* カバー領域（幅1500pxの外側） */
/*-----------------------*/
/* メインビジュアルエリア */
#main-visual-area-cover {
  background:#45331D;  
}
/* 洋食のHitotoki */
#yousyoku-hitotoki-area-cover {  
  /*width:1500px;*/
  /*width:auto;*/
  background:#45331D;  
  /*background:pink;*/
}
/* コメント */
#comment-area-cover {
  background:#45331D;  
}

/* Hitotoki運営店舗 */
#hitotoki-tenpo-area-cover {
  background:#625038;
}

/* コピーライト */ 
#copyright-area-cover {
  background:#45331D;
}

/*-----------------*/
/* メインビジュアル親領域 */
/*-----------------*/
.main-visual-area-parent {
  position: relative;
}

/* メインビジュアル子領域 */
.main-visual-area-child {
  /*position: absolute;*/
  /*position: relative;*/
}

/*--------------*/
/*              */
/* 電話番号エリア */
/*              */
/*--------------*/
/* 電話番号エリア */
.main-visual-tel-area {
  left:200px;
  top:0px;
  position: fixed;
  z-index: 1000;
}

/*--------*/
/*        */
/* 丸エリア */
/*        */
/*--------*/
/* 丸エリア */
.main-visual-circle-area {
  left:580px;
  top:198px;
  position: absolute;
}

/*--------------------*/
/*                    */
/* メインビジュアルメッセージ */
/*                    */
/*--------------------*/
/* メインビジュアルメッセージ1（縦書き） */
.main-visual-msg-1 {
  left:980px;
  top:218px;
  position: absolute;
  color:white;
  font-size:36px;
}

/* メインビジュアルメッセージ2 */
.main-visual-msg-2 {
  left:360px;
  top:858px;
  position: absolute;
  color:white;
  font-size:32px;
  text-align:center;
  line-height:1.8;
}

/*----------------------------------------------------------------------*/
/* 洋食のHitotokiエリア */
/*----------------------------------------------------------------------*/
/* 洋食のHitotokiエリア親領域 */
.yousyoku-hitotoki-area-parent {
  position: relative;
  margin-bottom: 70px;
}

/* 洋食のHitotokiエリア子領域 */
.yousyoku-hitotoki-area-child {
}

/* 洋食のHitotokiエリアタイトル */
.yousyoku-hitotoki-area-title {
  left:558px;
  top:58px;
  position: absolute;
}


/* 洋食のHitotokiエリアメッセージ1 */
.yousyoku-hitotoki-area-msg-1 {
  left:750px;
  top:218px;
  position: absolute;
  color:white;
  font-size:18px;
  line-height:1.8;
}

/*-------------*/
/* 101. シルエット */
/*-------------*/
/* 101画像 */
.yousyoku-hitotoki-area-101-img {
  left:270px;
  top:186px;
  position: absolute;
}


/* 101-番号 */
.yousyoku-hitotoki-area-no-101 {
  left:593px;
  top:366px;
  position: absolute;
}

/* 101-タイトル */
.yousyoku-hitotoki-area-kakaku-101-title {
  left:653px;
  top:364px;
  position: absolute;
  color:white; 
  font-size:18px;
  font-weight:bold;
}

/* 101-価格 */
.yousyoku-hitotoki-area-kakaku-101-kakaku {
  left:653px;
  top:385px;
  position: absolute;
  color:white;
}

/* 商品サイズ */
.yousyoku-hitotoki-area-kakaku-size {
  font-size:14px;
}

/* 商品-円 */
.yousyoku-hitotoki-area-kakaku-yen {
  font-size:22.5px;
  padding-left:20px;
}

/* 商品-税 */
.yousyoku-hitotoki-area-kakaku-tax {
  padding-left:5px;
  font-size:14.4px;
}
/* 102画像 */
.yousyoku-hitotoki-area-102-img {
  left:608px;
  top:431px;
  position: absolute;
}
/* 102-番号 */
.yousyoku-hitotoki-area-no-102 {
  left:629px;
  top:517px;
  position: absolute;
}

/* 102-タイトル */
.yousyoku-hitotoki-area-kakaku-102-title {
  left:685px;
  top:515px;
  position: absolute;
  color:white; 
  font-size:18px;
  font-weight:bold;
}

/* 102-価格 */
.yousyoku-hitotoki-area-kakaku-102-kakaku {
  left:685px;
  top:535px;
  position: absolute;
  color:white;
}

/* 103画像 */
.yousyoku-hitotoki-area-103-img {
  left:276px;
  top:615px;
  position: absolute;
}
/* 103-番号 */
.yousyoku-hitotoki-area-no-103 {
  left:629px;
  top:693px;
  position: absolute;
}

/* 103-タイトル */
.yousyoku-hitotoki-area-kakaku-103-title {
  left:685px;
  top:690px;
  position: absolute;
  color:white; 
  font-size:18px;
  font-weight:bold;
}

/* 103-価格 */
.yousyoku-hitotoki-area-kakaku-103-kakaku {
  left:685px;
  top:710px;
  position: absolute;
  color:white;
}

/* 104画像 */
.yousyoku-hitotoki-area-104-img {
  left:567px;
  top:825px;
  position: absolute;
}
/* 104-番号 */
.yousyoku-hitotoki-area-no-104 {
  left:588px;
  top:907px;
  position: absolute;
}

/* 104-タイトル */
.yousyoku-hitotoki-area-kakaku-104-title {
  left:646px;
  top:904px;
  position: absolute;
  color:white; 
  font-size:18px;
  font-weight:bold;
}

/* 104-価格 */
.yousyoku-hitotoki-area-kakaku-104-kakaku {
  left:646px;
  top:924px;
  position: absolute;
  color:white;
}

/* 105画像 */
.yousyoku-hitotoki-area-105-img {
  left:336px;
  top:1040px;
  position: absolute;
}
/* 105-番号 */
.yousyoku-hitotoki-area-no-105 {
  left:687px;
  top:1126px;
  position: absolute;
}

/* 105-タイトル */
.yousyoku-hitotoki-area-kakaku-105-title {
  left:750px;
  top:1124px;
  position: absolute;
  color:white; 
  font-size:18px;
  font-weight:bold;
}

/* 105-価格 */
.yousyoku-hitotoki-area-kakaku-105-kakaku {
  left:750px;
  top:1144px;
  position: absolute;
  color:white;
}

/* 106画像 */
.yousyoku-hitotoki-area-106-img {
  left:396px;
  top:1240px;
  position: absolute;
}
/* 106-番号 */
.yousyoku-hitotoki-area-no-106 {
  left:411px;
  top:1335px;
  position: absolute;
}

/* 106-タイトル */
.yousyoku-hitotoki-area-kakaku-106-title {
  left:470px;
  top:1344px;
  position: absolute;
  color:white; 
  font-size:18px;
  font-weight:bold;
}

/* 106-価格 */
.yousyoku-hitotoki-area-kakaku-106-kakaku {
  left:470px;
  top:1375px;
  position: absolute;
  color:white;
}














/*----------------------------------------------------------------------*/
/* 和のひととき */
/*----------------------------------------------------------------------*/
#wa-hitotoki-area-cover {
	width: 900px;
	margin: 0 auto 75px;
	background: url(/img/etc/wasyoku_bg.png) center top no-repeat;
	height: 1019px;
}
#wa-hitotoki-area-cover h2 {
	float: right;
	margin: 56px 73px 0 0;
}
#wa-hitotoki-area-cover .prd-list {
	padding: 104px 0 0 84px;
}
#wa-hitotoki-area-cover .prd-list .prd-li {
	float: left;
}
#wa-hitotoki-area-cover .prd-list .prd01 {
	margin-right: 50px;
}
#wa-hitotoki-area-cover .prd-list .prd01,
#wa-hitotoki-area-cover .prd-list .prd02 {
	width: 284px;
}
#wa-hitotoki-area-cover .prd-list .prd03 {
	width: 411px;
	margin: 55px 0 0 102px;
}
#wa-hitotoki-area-cover .prd-list .prd-ttl {
	color: #ffffff;
	font-size: 23px;
	line-height: 2em;
}
#wa-hitotoki-area-cover .prd-list .prd-ttl img {
	margin: 10px 10px 0 0;
}
#wa-hitotoki-area-cover .prd-list .size,
#wa-hitotoki-area-cover .prd-list .price {
	color: #ffffff;
	font-size: 15px;
}
#wa-hitotoki-area-cover .prd-list .size {
	float: left;
	margin: 0 0 0 60px;
}
#wa-hitotoki-area-cover .prd-list .price {
	float: right;
	margin: -10px 0 0 0;
}
#wa-hitotoki-area-cover .prd-list .price span {
	font-size: 24px;
}



/*----------------------------------------------------------------------*/
/* お子様料理 */
/*----------------------------------------------------------------------*/
#okosama-ryouri-area-cover {
	width: 900px;
	margin: 0 auto 75px;
	background: url(/img/etc/okosama_bg.png) center top no-repeat;
	height: 1226px;
}
#okosama-ryouri-area-cover h2 {
	padding: 97px 0 0 82px;
	margin-bottom: 65px;
}
#okosama-ryouri-area-cover .prd-list {
	margin-left: 27px;
}
#okosama-ryouri-area-cover .prd-list .prd-li {
	float: left;
}
#okosama-ryouri-area-cover .prd-list .prd01 {
	width: 284px;
}
#okosama-ryouri-area-cover .prd-list .prd02,
#okosama-ryouri-area-cover .prd-list .prd03,
#okosama-ryouri-area-cover .prd-list .prd04 {
	width: 411px;
}
#okosama-ryouri-area-cover .prd-list .prd01 {
	margin: 0 87px 30px 64px;
}
#okosama-ryouri-area-cover .prd-list .prd02 {
	margin: 78px 0 135px 0;
}
#okosama-ryouri-area-cover .prd-list .prd03 {
	margin: 0 24px 0 0;
}

#okosama-ryouri-area-cover .prd-list .prd-ttl {
	color: #44331c;
	font-size: 23px;
	line-height: 2em;
}
#okosama-ryouri-area-cover .prd-list .prd-ttl img {
	margin: 10px 10px 0 0;
}
#okosama-ryouri-area-cover .prd-list .size,
#okosama-ryouri-area-cover .prd-list .price {
	color: #44331c;
	font-size: 15px;
}
#okosama-ryouri-area-cover .prd-list .size {
	float: left;
	margin: 0 0 0 60px;
}
#okosama-ryouri-area-cover .prd-list .price {
	float: right;
	margin: -10px 0 0 0;
}
#okosama-ryouri-area-cover .prd-list .price span {
	font-size: 24px;
}


#okosama-ryouri-area-cover .prd-list .prd01 .size,
#okosama-ryouri-area-cover .prd-list .prd03 .size {
	float: none;
	margin: 0 0 5px;
	line-height: 1.25em;
}
#okosama-ryouri-area-cover .prd-list .prd01 .size img,
#okosama-ryouri-area-cover .prd-list .prd03 .size img {
	margin: 0 7px 0 0;
}
#okosama-ryouri-area-cover .prd-list .prd01 .prd-ttl,
#okosama-ryouri-area-cover .prd-list .prd03 .prd-ttl {
	float: left;
}
#okosama-ryouri-area-cover .prd-list .prd01 .price,
#okosama-ryouri-area-cover .prd-list .prd03 .price {
	margin: 3px 0 0 0;
}
#okosama-ryouri-area-cover .prd-list .prd01 p,
#okosama-ryouri-area-cover .prd-list .prd03 p {
	margin: 0 0 10px 0;
}



/*----------------------------------------------------------------------*/
/* お持ち帰りひととき */
/*----------------------------------------------------------------------*/
#omochikaeri-hitotoki-area-cover {
	width: 900px;
	margin: 0 auto 30px;
	background: url(/img/etc/omochikaeri_bg.png) center top no-repeat;
	height: 930px;
}
#omochikaeri-hitotoki-area-cover h2 {
	float: right;
	margin: 19px 94px 0 0;
}
#omochikaeri-hitotoki-area-cover .prd-list .prd01 {
	background: url(/img/etc/omochikaeri_651_ph.png) left top no-repeat;
	height: 530px;
}
#omochikaeri-hitotoki-area-cover .prd-list .prd01 ul {
	width: 390px;
	margin: 0 0 0 116px;
	padding: 374px 0 0 0;
}

#omochikaeri-hitotoki-area-cover .prd-list .prd02,
#omochikaeri-hitotoki-area-cover .prd-list .prd03 {
	width: 411px;
	float: left;
	margin: 0 0 0 25px;
}

#omochikaeri-hitotoki-area-cover .prd-list .prd-ttl {
	color: #44331c;
	font-size: 23px;
	line-height: 2em;
	font-weight: bold;
}
#omochikaeri-hitotoki-area-cover .prd-list .prd-ttl img {
	margin: 10px 10px 0 0;
}

#omochikaeri-hitotoki-area-cover .prd-list .prd01 .prd-ttl img {
	margin: 0 10px 0 0;
}

#omochikaeri-hitotoki-area-cover .prd-list .size,
#omochikaeri-hitotoki-area-cover .prd-list .price {
	color: #44331c;
	font-size: 15px;
}
#omochikaeri-hitotoki-area-cover .prd-list .size {
	float: left;
	margin: 0 0 0 60px;
}
#omochikaeri-hitotoki-area-cover .prd-list .price {
	float: right;
	margin: -10px 0 0 0;
}
#omochikaeri-hitotoki-area-cover .prd-list .price span {
	font-size: 24px;
}



/*----------------------------------------------------------------------*/
/* 集いの3得オードブル */
/*----------------------------------------------------------------------*/
#santoku-area-cover {
	width: 900px;
	margin: 0 auto 70px;
	background: url(/img/etc/santoku_bg.png) center 85px no-repeat;
	height: 3586px;
}

#santoku-area-cover h2{
	text-align: center;
	margin-bottom: 90px;
}

#santoku-area-cover .inclm01 {
	height: 1224px;
}
#santoku-area-cover .inclm02 {
	height: 889px;
}
#santoku-area-cover .inclm04 {
	height: 490px;
}
#santoku-area-cover .inclm01,
#santoku-area-cover .inclm02,
#santoku-area-cover .inclm03,
#santoku-area-cover .inclm04 {
	margin: 0 0 0 27px;
}
#santoku-area-cover .inclm01 h3,
#santoku-area-cover .inclm02 h3,
#santoku-area-cover .inclm03 h3,
#santoku-area-cover .inclm04 h3 {
	margin: 0 0 20px 0;
}

#santoku-area-cover .inclm03 .prd02 .prd-ttl,
#santoku-area-cover .inclm02 .prd01 .prd-ttl,
#santoku-area-cover .inclm02 .prd02 .prd-ttl {
	ine-height: 1.5em;
}
#santoku-area-cover .inclm03 .prd02 .prd-ttl span,
#santoku-area-cover .inclm02 .prd01 .prd-ttl span,
#santoku-area-cover .inclm02 .prd02 .prd-ttl span {
	display: block;
	margin: -45px 0 0 60px;
	line-height: 1.5;
}
#santoku-area-cover .inclm03 .prd02 .txt {
	margin: 0 0 10px 60px;
}

#santoku-area-cover .prd-li {
	float: left;
	width: 411px;
	margin: 0 24px 30px 0;
}
#santoku-area-cover .prd-ttl {
	color: #ffffff;
	font-size: 23px;
	line-height: 2em;
}

#santoku-area-cover .prd-ttl img {
	margin: 10px 10px 0 0;
}
#santoku-area-cover .size,
#santoku-area-cover .price,
#santoku-area-cover .txt {
	color: #ffffff;
	font-size: 15px;
}
#santoku-area-cover .size {
	float: left;
	margin: 0 0 0 60px;
}
#santoku-area-cover .price {
	float: right;
	margin: -10px 0 0 0;
}
#santoku-area-cover .price span {
	font-size: 24px;
}











.clear {
  clear:both;
}

/*-----------*/
/*           */
/* コメントエリア */
/*           */
/*-----------*/
/* コメントエリア領域 */
#comment-area {
  height:120px;
  background: #45331D;
}

.yoyaku-houhou-area-parent {
  position: relative;
}

/* コメント内容 */
#comment-area p {
  text-align:left;
  font-size:16px;
  padding-left:300px;
  color:white;
}

/*-----------*/
/*           */
/* ご予約方法 */
/*           */
/*-----------*/
/* ご予約エリア領域 */
#yoyaku-houhou-area {
  width:580px;
  margin: 0 auto;
  /*background:orange;*/
}

/* タイトル */
.yoyaku-houhou-area-title {
  padding-top:30px;
  text-align:center;
  font-size:40px;
}

/*--------------------------------------------------------*/
/*---------------*/
/* 中央線付き文言 */
/*---------------*/
.yoyaku-houhou-area-lines {
  display: table;
  text-align: center;
  white-space: nowrap;
}

.yoyaku-houhou-area-lines:after, .yoyaku-houhou-area-lines:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}

.yoyaku-houhou-area-lines:after {
  border-left: 1em solid transparent;
}

.yoyaku-houhou-area-lines:before {
  border-right: 1em solid transparent;
}
 
.yoyaku-houhou-area-lines {
  font-size: 1.5em;
  /*color: #f0cca8;*/
}
/*--------------------------------------------------------*/

/* 電話番号欄 */
.yoyaku-houhou-area-tel {

  /*background:orange;*/
  padding:0px;
  margin:0px;
  padding-top:50px;
}

/* 電話番号欄 電話番号 */
.yoyaku-houhou-area-tel-no {
  padding-left:10px;
  vertical-align:middle;
  font-size:64px;  
  color:#C20000;
}

.yoyaku-houhou-area-tel img {
  vertical-align:middle;
  /*background:pink;*/

  /*top:0px;*/

}

/* 受付時間欄 */
.yoyaku-houhou-area-uketsuke {
  text-align:center;
  font-size:20px;
}

/* 受付時間欄の時間 */
.yoyaku-houhou-area-uketsuke-time {
  text-align:center;
  font-size:30px;
}

/* ご注文の流れ */
.yoyaku-houhou-area-nagare {


}

.yoyaku-houhou-area-nagare-title {
  width:33px;
  height:107px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  vertical-align:middle;
  float:left;

  background:black;
  color:white;

  /*display: flex;*/
  align-items: center;
  padding-top:6px;

  margin-right:15px;


  

}


/* 吹き出し丸 */
.yoyaku-houhou-area-nagare-maru {
  float:left;
  /*
  width: 107px;
  height: 107px;
  */
  margin-top:2px;
  width: 105px;
  height: 105px;

  -webkit-border-radius: 53.5px;/* width,heightの半分 */
  -moz-border-radius: 53.5px;
  border-radius: 53.5px;
  border: 1px solid black;  

  /*vertical-align:middle;*/

  /*text-align:center;*/
}

.yoyaku-houhou-area-nagare-maru p {
  /*display:block;*/
  vertical-align:middle;
  text-align:center;
  position: relative;
  line-height:1.4;
  top:50%;
  transform: translateY(-50%);
/*top: 50%;*/
}


/* 矢印 */
.yoyaku-houhou-area-nagare-arrow {
  float:left;
  vertical-align:middle;
  height:107px;


}

/* 矢印画像 */
.yoyaku-houhou-area-nagare-arrow img {
  vertical-align:middle;
  display:block;
}

.yoyaku-houhou-area-nagare-float-clear {
  clear:both;
}




/* 配達時間 */
.yoyaku-houhou-area-time {
  /*border: 1px solid #000000;*/
  /*height:80px;*/
  margin-top:30px;
}

.yoyaku-houhou-area-time table {
  /*background:pink;*/
  vertical-align:middle;
  height:80px;
}



/* 配達時間 */
.yoyaku-houhou-area-time-icon {
  padding-left:25px;
}

.yoyaku-houhou-area-time-sentence {
  padding-left:30px;
  font-size:20px;
}

/* 各種カード */
.yoyaku-houhou-area-card {
  /*border: 1px solid #000000;*/
  /*height:80px;*/
  margin-top:30px;
}

.yoyaku-houhou-area-card table {
  /*background:pink;*/
  vertical-align:middle;
  height:80px;
}

.yoyaku-houhou-area-card-icon {
  padding-left:25px;
}

.yoyaku-houhou-area-card-sentence {
  padding-left:30px;
  font-size:20px;
}



/* お料理のお届け */
.yoyaku-houhou-area-ryouri {
  /*border: 1px solid #000000;*/
  /*height:282px;*/
  margin-top:30px;
}

.yoyaku-houhou-area-ryouri table {
  /*background:pink;*/
  vertical-align:middle;
  height:80px;
}

.yoyaku-houhou-area-ryouri-icon {
  padding-top:20px;
  padding-left:25px;
}

.yoyaku-houhou-area-ryouri-sentence {
  padding-top:20px;
  padding-left:30px;
  font-size:20px;
}

.yoyaku-houhou-area-ryouri-sentence .red{
  font-size:24px;
  color:red;
}

.yoyaku-houhou-area-ryouri-sentence .point{
  font-size:16px;
}




/* 地図 */
.yoyaku-houhou-area-ryouri-map {
  padding-left:30px;
  padding-top:15px;
  font-size:14px;
}

/* 注意点 */
.yoyaku-houhou-area-sentence {
  padding-top:20px;
  padding-bottom:50px;
}

.yoyaku-houhou-area-sentence li { 
  list-style:none;
  padding-left : 1em;
  text-indent: -1em;  
  font-size:14px;
  padding-bottom:20px;
}
.yoyaku-houhou-area-sentence li:before { 
  content:"※";

}

/*-----------------*/
/*                 */
/* Hitotoki運営店舗 */
/*                 */
/*-----------------*/
/* Hitotoki運営店舗エリア領域 */
.hitotoki-tenpo-area {
  height:599px;
  background: #625038;
}

/* タイトル */
.hitotoki-tenpo-area .title {

  color:white;
  font-size:40px;
  text-align:center;
  padding:50px;
  
}

.hitotoki-tenpo-area-img-area {
  /*padding-top:30px;*/
  padding-top:10px;
  text-align:center;
}

.hitotoki-tenpo-area-img-space {

  padding-left:24px;

}

.hitotoki-tenpo-area-sentence {
  padding-top:30px;
  color:white;
  text-align:center;
  font-size:16px;
}

/*---------*/
/*         */
/* コピーライト */
/*         */
/*---------*/
.copyright-area {
  height: 55px;
  background:#45331D;
}

.copyright-area-copyright {
  text-align:center;
  color:#a0927f;
  font-size:16px;
  height: 55px;
  line-height:55px;
}