@charset "utf-8";

/* コンテンツ領域 設定
------------------------------------------------------------------- */

#thanks20th {
  max-width: 600px;
  margin: 20px auto 0;
  text-align: center;
}
#thanks20th img {
  width: 100%;
  height: auto;
}

/* headlineField領域 */
#headlineField {
  padding:20px 0;
  color:#FFFFFF;
  font-family: Georgia, 'Hiragino Mincho ProN', 'Yu Mincho', serif;
}
  #headlineField .title {
    font-size:14px;
    text-align:center;
    line-height: 1.4em;
  }
  #headlineField .title span {
    color: #0075C1;
    font-size: 16px;
    font-weight: bold;
    display: block;
  }
  #headlineField .text {
    margin:10px 0 0;
    font-size:12px;
    line-height:1.5em;
  }

/* qualityField領域 */
#qualityField {
  padding:10px;
}
  #qualityField #qualityArea {
    background:#FFFFFF;
  }
  #qualityField .qualityBox .img {
    padding: 20px;
  }
  #qualityField .qualityBox .img img {
    width: 100%;
    height: auto;
  }

/* flyerField領域 */
#flyerField {
  padding:10px;
}
  #flyerField #flyerArea {
    background:#FFFFFF;
  }
  #flyerField .flyerBox .img {
    padding: 20px 20px 0;
  }
  #flyerField .flyerBox .img img {
    width: 100%;
    height: auto;
  }

/* takeoutField領域 */
#takeoutField {
  padding:10px;
}
  #takeoutField #takeoutArea {
    background:#FFFFFF;
  }
  #takeoutField .takeoutBox {
  }
/* #takeoutField .takeoutBox
*****************************************/
#takeoutField .takeoutBox ul {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
#takeoutField .takeoutBox ul li {
  width: calc(49% - 20px);
  padding: 10px;
  background: #FFFFFF;
  display: inline-block;
}
#takeoutField .takeoutBox ul li span.img {
  width: calc(100% - 20px);
  height: 125px;
  padding: 10px;
  border: 1px solid #DDDDDD;
  background: #FFFFFF;
  display: block;
}
#takeoutField .takeoutBox ul li span.img img {
  width: 100%;
  height: 125px;
  object-fit: contain;
}
#takeoutField .takeoutBox ul li span.menu {
  margin: 10px 0 0;
  color: #333333;
  font-size: 15px;
  display: block;
}
#takeoutField .takeoutBox ul li span.btn a {
  margin: 10px 0 0;
  padding: 5px 0;
  color: #FFFFFF;
  font-size: 15px;
  text-decoration: none;
  border-radius: 20px;
  background: #AA0000;
  display: block;
}
#takeoutField .takeoutBox .btn_list {
  margin: 0 20px;
}
#takeoutField .takeoutBox .btn_list a {
  max-width: 600px;
  margin: 10px auto 0;
  padding: 5px 0;
  color: #FFFFFF;
  font-size: 15px;
  text-align: center;
  text-decoration: none;
  border-radius: 20px;
  background: #123456;
  display: block;
}

#takeoutField .takeoutBox .btn_take {
  width: 100%;
  text-align: center;
}
#takeoutField .takeoutBox .btn_take p {
  width: calc(100% - 20px);
  margin: 20px 10px;
  display: inline-block;
}
#takeoutField .takeoutBox .btn_take p a {
  width: 100%;
  padding: 10px 0;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  border-radius: 20px;
  display: block;
}
#takeoutField .takeoutBox .btn_order a {
  background: #AA0000;
}
#takeoutField .takeoutBox .btn_list a {
  background: #123456;
}

/* newsField領域 */
#newsField {
  padding:10px;
}
  #newsField #newsArea {
    background:#FFFFFF;
  }
  #newsField .newsBox {
    padding:10px;
    border:1px dotted #CCCCCC;
  }
  #newsField .newsBox .image {
    width:90px;
    height:60px;
    padding:5px;
    text-align:center;
    overflow:hidden;
    border:1px solid #CCCCCC;
    float:left;
  }
  #newsField .newsBox .image img {
    width:auto;
    height:60px;
  }
  #newsField .newsBox .data {
    width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 120px) ;
    width : calc(100% - 120px) ;
    padding:10px 0 0 10px;
    float:left;
  }
  #newsField .newsBox .title {
    width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(100% - 120px) ;
    width : calc(100% - 120px) ;
    padding:10px 0 0 10px;
    float:left;
  }

/* roomField領域 */
#roomField {
  padding:10px;
}
  #roomField #roomArea {
    background:#FFFFFF;
  }

/* cuisineField領域 */
#cuisineField {
  padding:10px;
}
  #cuisineField #cuisineArea {
    background:#FFFFFF;
  }

/* coursePlanField領域 */
#coursePlanField {
  padding:10px;
}
  #coursePlanField #coursePlanArea {
    background:#FFFFFF;
  }
  #coursePlanField .line {
    border-bottom:1px dotted #CCCCCC;
  }
  #coursePlanField .coursePlanBox {
    width : 48% ; /* IE8以下とAndroid4.3以下用フォールバック */
    width : -webkit-calc(50% - 25px) ;
    width : calc(50% - 25px) ;
    padding:10px;
    float:left;
  }
  #coursePlanField .coursePlanBox .image {
    width:100%;
    height:100px;
    padding:5px 0;
    text-align:center;
    overflow:hidden;
    border:1px solid #CCCCCC;
    background:#000000 url(../../../common/images/bg_footer.png) repeat;
  }
  #coursePlanField .coursePlanBox .image img {
    width:auto;
    height:100px;
  }
  #coursePlanField .coursePlanBox .title {
    padding:10px 0 0;
  }

/* informationField領域 */
#informationField {
  padding:10px;
}
  #informationField #informationArea {
    background:#FFFFFF;
  }
  #informationField .informationBox {
    padding:10px;
  }
  #informationField .informationBox p {
    padding:10px;
    border:1px solid #CCCCCC;
    background:#FAFAFA;
  }

/* accessField領域 */
#accessField {
  padding:10px;
}
  #accessField #accessArea {
    background:#FFFFFF;
  }
  #accessField .accessBox {
    padding:10px;
  }
  #accessField .accessBox p {
    padding:10px;
    border:1px solid #CCCCCC;
    background:#FAFAFA;
  }