@charset "UTF-8";
/* =======================================
    common
======================================= */
*{
  letter-spacing: normal;
}
body{
  color: #4d4d4d;
}
#h1tag {
  text-align: center;
}
#h1tag h1 {
  margin: auto;
}
/*マウスオーバーで画像ひょん*/
.catering05 .block-img,
.page-info .block-img,
.index-news .block-img,
.catering06 .block-img,
.delivery04 .block-img{
  overflow: hidden;
}
.catering05 a img,
.page-info a .block-img img,
.index-news a img,
.catering06 a img,
.delivery04 a img{
    -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}
.catering05 a img:hover,
.page-info a .block-img img:hover,
.index-news a img:hover,
.catering06 a img:hover,
.delivery04 a img:hover{
    -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
ul{
  list-style-type: none;
}
.bg-gray{
  background-color: #EFF0EB;
}
.block-header{
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  border-left: none;
  padding-left: 0;
}
.btn{
  display: block;
  line-height: 1.2;
  text-align: center;
  	color: #fff;
  border-radius: 8px;
  margin-bottom: 3rem;
  padding: 6px 13px;
}
.btn:hover{
  opacity: .8;
}
.wrap-btn{
  text-align: center;
}
.wrap-btn .btn{
  display: inline-block;
}
.btn.gold{
  background-color: #8B7E5E;
}
.btn.silver{
  background-color: #8F959C;
}
.btn.silver02{
  background-color: #4d4d4d;
}
.block a.btn{
  color: #fff;
}
.btn img,
.btn .btn-text{
  display: inline-block;
  vertical-align: middle;
}
.btn .btn-text{
  text-align: left;
}
.btn img{
  margin-right: 5px;
}
.btn .btn-text span{
  display: block;
}
.btn .btn-text span:last-child{
  font-size: 1.2rem;
}
.btn-gray{
  position: relative;
    background-color: #4d4d4d;
    color: #fff;
    padding: 2rem 3rem;
    font-size: 1.8rem;
    border-radius: 8px;
}
.btn-gray:hover,
.btn-gray02:hover{
  opacity: .8;
}
.block a.btn-gray{
      height: auto;
  color: #fff;
}
.btn-gray::after{
  content: "＞＞";
  position: absolute;
  top: 2rem;
  right: 3rem;
}
.block a.btn-gray02{
  display: inline-block;
    color: #fff;
  background-color: #4d4d4d;
  font-size: 1.6rem;
    border-radius: 10px;
    padding: 5px 20px;
}
/*	pagetop	ページトップ	*/
.pagetop{
  width: 88px;
  text-align: right;
}

/*	font 	*/
.yellow{
  background-color: #ff0;
}

/*	breadcrumb 	*/
.breadcrumb{
  padding: 1.5rem 0;
}
.breadcrumb-block .block{
  padding:0;
}
.breadcrumb li span{
  display: block;
  font-size: 1.2rem;
  color: #666;
}

/* =======================================
    layout
======================================= */
.contents.wrapper,
.block-header,
.wrap-block,
.design{
  width: 100%;
  max-width: 1140px;
}
.page-set-plan #site-content-main.contents.wrapper{
  max-width: 100%;
}
.block-header,
.wrap-block,
.design,
#cms-breadcrumb{
  margin: 0 auto;
  padding: 0 20px;
}

/* =======================================
    header
======================================= */
.header-top.cms-block{
  padding: 0;
}
.header-top .block{
  padding-bottom: 0;
}
.header-top .block-body{
  display: table;
  width: 100%;
}
.header-top .logo img{
  height: auto;
}
.header-top .logo img.sp{
  display: none;
}
.header-btn{
}
.header-btn a{
  float: right;
  max-width: 300px;
}
.header-link a{
  display: inline-block;
}
.header-link a:first-child{
  margin-right: 1rem;
}
.header-link a.current{
  color: #999;
  border-bottom: solid 1px #000;
}
.header-btn span:last-child{
  font-size: 1.1rem;
}
/* =======================================
    menu
======================================= */

/*コントラクトを非リンク
.drawer-menu > li.top-level:nth-of-type(4) > a{
  color: #ccc;
  text-decoration: none;
  cursor: default;
}*/

@media (min-width: 960px){
	.drawer-nav{
    	display: block;
       	width: 100%;
      	margin-bottom: 0;
  	}
    .drawer-menu.menu-grow {
    	-webkit-justify-content: flex-end;
    	justify-content: flex-end;
	}
  .drawer-menu.menu-grow li{
    -webkit-flex-grow: 0;
    flex-grow: 0;
  }
  .drawer-menu > li.top-level > a{
    height: 3rem;
    line-height: 1.2;
  }
  .drawer-menu li a:hover{
    background-color: transparent;
  }
  .drawer-menu li.top-level:hover > ul{
    width: 20rem;
    background-color: transparent;
    margin-left: -10rem;
    left: 50%;
  }
  .drawer-menu li.menu-multi li.second-level a{
    background-color: rgba(233, 224, 203, 0.9);
  }
}
@media (max-width: 959px){
  .drawer-nav{
        background-color: rgba(0, 0, 0, 0.8);
  }
  .drawer-menu li a,
  .drawer-menu li span.menu-toggle{
  border-bottom: dotted 1px #aaa;
  }
  .drawer-menu li span.menu-toggle{
    position: relative;
    background-image: none;
  }
  span.menu-toggle::after{
        content: '';
    position: absolute;
    top: 50%;
    right: 2rem;
    display: block;
    width: 6px;
    height: 6px;
    margin: -5px 0 0 15px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  span.menu-toggle.active::after{
    margin-top: 0;
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
  }
  .drawer-menu > li li a{
    padding-left: 30px;
  }
}

.drawer-menu > li.top-level:nth-of-type(4) > a{
  color: #444;
  text-decoration: underline;
  cursor: pointer;
}

/* =======================================
    footer
======================================= */
.footer-nav .block{
  width: 800px;
  margin: 0 auto;
  padding: 4rem 0;
}
.footer-nav ul{
  display: inline-block;
  vertical-align: top;
  width: 49%;
}
.footer-nav li{
  margin-bottom: .5rem;
}
.footer-nav a{
  color: #4d4d4d;
  font-size: 1.6rem;
}

/* =======================================
    index
======================================= */
.cms-block.main-slider.contents{
  padding: 0;
}
.main-slider .swiper-slide{
  position: relative;
}
.main-slider .text{
    position: absolute;
    top: 50%;
    left: 50%;
  width: 600px;
 font-family: 'Open Sans Condensed', sans-serif;
    color: #fff;
  font-size: 2rem;
    line-height: 1.8;
  text-align: center;
    background-color: rgba(0, 0, 0, 0.7);
    margin-top: -90px;
    margin-left: -300px;
  padding: 3rem 2rem;
}
.main-slider .text span{
  display: block;
}
.main-slider .text span.en{
  font-size: 4rem;
}
.mainview{
  background-image: url(/uploads/mainview_compressor.jpg);
        background-position: center bottom -40rem;
  background-repeat: no-repeat;
}
.mainview .block{
  padding: 115px 0;
}
.mainview-text{
    text-align: center;
  background-color: rgba(0, 0, 0, 0.65);
    padding: 3rem 0;
}
.mainview-text img{
  margin-bottom: 2rem;
}
.mainview-text p{
  font-size: 2rem;
    line-height: 1.8;
    color: #fff;
}
.mainview-text span{
  display: block;
}
/*	マンチーズケータリング 3つの主なサービス	*/
.index01{
  padding-top: 6rem;
}
.index01 .block-header span{
  padding-right: 1rem;
}
.index01 .block-body,
.index02 .block-body{
  display: table;
  width: 100%;
  table-layout: fixed;
      background-color: #fff;
    border-radius: 2rem;
    padding: 2rem;
}
.index01-text,
.index01-img,
.index02-text,
.index02-img{
  display: table-cell;
  vertical-align: middle;
}
.index01-text .price{
  display: block;
    font-size: 1.6rem;
  line-height: 1.2;
    font-weight: 700;
      border-bottom: solid 1px #000;
  	margin-bottom: 2rem;
  	padding-top: 1rem;
    padding-bottom: 1rem;
}
.index01-text .price .large{
  font-size: 3rem;
}
.index01-text p{
  margin-bottom: 3rem;
}
.index01 p span{
  display: block;
}
.index01-text .btn{
  position: relative;
  border-radius: .5rem;
  margin-bottom: 0;
  padding: 1rem 0;
}
.index01 .btn.sp{
  display: none;
}
.index01 .btn::after{
  content: "＞＞";
  position: absolute;
  right: 1rem;
}
.index01-img{
  text-align: right;
}
.index02 .block-body{
      display: table;
    width: 100%;
}
.index02-text{
  width: 330px;
  padding: 1rem 1rem 0 1rem;
}
.index02-text img{
  padding-bottom: 1.5rem;
}
.index02-text p{
  border-top: solid 1px #000;
  padding: 1rem;
}
.index02-img{
  font-size: 0;
  text-align: right;
}
.index02-img img{
  display: inline-block;
  vertical-align: top;
  width: 52%;
  max-width: 360px;
}
.index02-img img:first-child{
  width: 46%;
  max-width: 316px;
  margin-right: 1rem;
}
/*	index-news	*/
.index-news{
  padding: 6rem 2rem 7rem;
}
.index-news h3{
  font-weight: 700;
  border-bottom: solid 1px #000;
  margin-bottom: 1rem;
  padding: 1rem 0;
}
.index-news .blo-col-4 article{
  width: 23.5%;
}
.index-news .wrap-block a{
  color: #4d4d4d;
}
.index-news .block{
  position: relative;
  padding-top: 3rem;
}
.index-news .tag-date{
  position: absolute;
    top: 0;
    -webkit-display: flex;
    display: flex;
    flex-direction: -webkit-row-reverse;
    flex-direction: row-reverse;
}
.index-news .tag-new{
  margin-right: 0;
  margin-left: 1rem;
}
.index-news date span{
  font-weight: 700;
}
/*	それぞれのサービスの違いとは？ index03*/
.index03{
  padding-top: 4rem;
  padding-bottom: 7rem;
}
.index03 h3{
  margin-bottom: 4rem;
}
.index03 img{
  max-width: 293px;
  margin: 0 auto 5rem;
}
.index03 ul{
  list-style-type: none;
  font-size: 1.6rem;
  font-weight: 700;
}
.index03 li{
  margin-bottom: .5rem;
  padding-left:1em;
text-indent:-1em;
}
.index03 li::before{
  content: "・";
}
.index03 .design a{
  color: #4d4d4d;
}
/*	マンチーズケータリングの実績 index04	*/
.index04{
  padding-top: 9rem;
  padding-bottom: 10rem;
}
.index04 .block{
  max-width: 290px;
  margin: 0 auto;
}
.index04 img{
  margin-bottom: 3rem;
}
.index04 h3{
  font-weight: 700;
  text-align: center;
  margin-bottom: 2rem;
}
/*	デリバリー対応エリア　ケータリング対応エリア　index-area*/
.index05{
  text-align: center;
  font-weight: 700;
  margin-bottom: 9rem;
}
.index-area{
  margin-bottom: 2.5rem;
}
.index-area h2{
  font-size: 2.2rem;
  font-weight: 700;
  margin-bottom: 3rem;
}
.index-area dl,
.index-area p{
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: 2.5rem;
}
.index-area dt{
  margin-bottom: .5rem;
}
.index-area dd{
  font-weight: normal;
}
.index-area dd span{
  display: inline-block;
  vertical-align: baseline;
}
.index-area + p{
  text-align: left;
  margin-bottom: 8rem;
}
.index05 .wrap-block a{
  display: inline;
  font-size: 1.5rem;
}
.index05 .block-body p a{
    color: #F5AA3B;
}

/* =======================================
    下層ページ共通
======================================= */
#site-content-main .page-title{
  display: none;
}
.page-title-mun .block-body,
.page-title-setplan .block-body{
  font-size: 0;
  	text-align: center;
      background-color: #fff;
    border-radius: 2rem;
    padding: 2rem;
}
.page-catering .page-title-mun .block-body{
  text-align: right;
}
.page-title-setplan .block-body{
  border: solid 4px #4d4d4d;
  padding: 5rem 2rem;
}
.page-title-blog .block-body{
  height: 320px;
  background-color: #fff;
  border-radius: 2rem;
  background-image: url(/uploads/title_blog_img01.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 56%;
}
.wrap-title-blog{
  position: relative;
  width: 100%;
  height: 100%;
}
.page-title-setplan h2{
  margin-bottom: 1rem;
}
.page-title-blog h2{
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -53px;
  width: 38%;
  padding-left: 7%;
}
.page-title-setplan .sp,
.page-title-blog .sp{
  display: none;
}
.page-title-mun.contact-title .block-body{
  border: solid 4px #4d4d4d;
  padding: 5rem 2rem;
}
.page-title-mun.contact-title .sp{
  display: none;
}
.title-text,
.title-img{
  display: inline-block;
  vertical-align: middle;
}
.page-title-setplan .title-text,
.page-title-setplan .title-img,
.contact-title .title-text,
.contact-title .title-img{
  vertical-align: baseline;
}
.title-text{
  width: 270px;
  text-align: left;
  margin-right: 2rem;
}
.page-catering .title-text{
  width: 30%;
  text-align: center;
  margin-right: 0;
  padding: 0 2rem 0 0;
}
.page-catering .title-text > *,
.page-catering .title-text .price{
  display: inline-block;
  width: 100%;
  max-width: 270px;
  text-align: left;
}
.page-catering .title-img{
  width: 64%;
}
.page-catering .title-img img{
  width: 100%;
  max-width: 606px;
  float: right;
}
.page-title-setplan .title-text{
  width: 640px;
  margin-right: 0;
}
.page-title-setplan .title-img img{
  padding-bottom: 20px;
  padding-left: 60px;
}
.contact-title .title-text{
  width: 650px;
  margin-right: 7rem;
}
.contact-title .title-text h2{
  margin-bottom: 2rem;
}
.page-faq .title-text{
  width: 43%;
  margin-right: 0;
}
.page-faq .title-text-inner{
  max-width: 270px;
  margin: 0 auto;
}
.page-faq .title-text h2{
  margin-bottom: 4rem;
}
.title-text .price{
      font-size: 1.6rem;
    font-weight: 700;
    padding: 1rem 0;
    display: block;
}
.page-title-catering .title-text .price{
  font-size: 3.4rem;
  line-height: 1.2;
  padding-bottom: 1rem;
}
.title-text p{
  font-size: 1.6rem;
    border-top: solid 1px #444;
    padding-top: 1rem;
}
.contact-title .title-img img{
  padding-bottom: 2rem;
}
.title-img.two{
  width: 57%;
  font-size: 0;
  text-align: right;
}
.title-img.two img{
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.title-img.two img:first-child{
  padding-right: 1rem;
}
.title-img.two img:last-child{
  padding-left: 1rem;
}
/* =======================================
    コンテンツのトップページにする共通　デリバリー ケータリング よくあるご質問
======================================= */
.page-delivery .contents.wrapper,
.page-catering .contents.wrapper,
.page-faq .contents.wrapper,
.page-faq-catering .contents.wrapper,
.page-faq-delivery .contents.wrapper{
  max-width: none;
  padding: 0;
}
.page-delivery .contents.wrapper.menu-width,
.page-catering .contents.wrapper.menu-width,
.page-faq .contents.wrapper.menu-width,
.page-faq-catering .contents.wrapper.menu-width,
.page-faq-delivery .contents.wrapper.menu-width{
  max-width: 1140px;
  padding: 0 20px;
}
.page-delivery .detail.contents,
.page-catering .detail.contents,
.page-faq .detail.contents,
.page-faq-catering .detail.contents,
.page-faq-delivery .detail.contents{
  padding: 0;
  margin-bottom: 0;
}
.page-delivery .post-title,
.page-delivery .tag-date,
.page-catering .post-title,
.page-catering .tag-date,
.page-faq .post-title,
.page-faq .tag-date,
.page-faq-catering .post-title,
.page-faq-catering .tag-date,
.page-faq-delivery .post-title,
.page-faq-delivery .tag-date{
  display: none;
}
/* =======================================
    DELIVERY　デリバリー
======================================= */
.page-delivery .title-text .price .large{
  font-size: 3rem;
  padding-left: .5rem;
}
/*	デリバリーについて	*/
.delivery01{
  margin-bottom: 3rem;
}
.delivery01 .block-header{
  margin: 4rem auto;
}
.delivery01 p{
  text-align: center;
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 5rem;
}
.delivery01 p span{
  background-color: #ff0;
}
.delivery01 .btn-online{
  width: 100%;
  max-width: 320px;
  margin: 0 auto;
}
/*	デリバリーについて　下	*/
.delivery02{
  margin-bottom: 6rem;
}
.delivery02 .block{
      justify-content: -webkit-center;
      justify-content: center;
}
.delivery02 .design.design02  .block-img,
.delivery02 .design.design02 .block-body{
  width: auto;
}
.delivery02 img{
  width: auto;
  max-width: 100%;
}
.delivery02 .block-body{
      -webkit-flex-grow: 0;
    flex-grow: 0;
}
.delivery02 li{
  font-size: 1.6rem;
  margin-bottom: .5rem;
    padding-left:1em;
text-indent:-1em;
}
.delivery02 li::before{
  content: "・";
}
.delivery02 small{
  display: block;
}
/*	ご注文は3ステップ	*/
.delivery-step h3{
  text-align: center;
  margin-bottom: 4rem;
}
.step{
  list-style-type: none;
  display: -webkit-flex;
  display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  margin-bottom: 6rem;
}
.step li{
  vertical-align: top;
  background-image: url(/uploads/bg_arrow.jpg);
  background-position: right center;
  background-repeat: no-repeat;
  padding: 0px 50px 0 0px;
}
.step li:last-child{
  background-image: none;
  padding-right: 0;
  padding-left: 30px;
}
/*　メニュー例　タイトル	*/
.delivery03{
  text-align: center;
}
/*　パーティープランとか	*/
.page-delivery .contents.delivery04{
  padding: 0;
}
.delivery04{
  margin-bottom: 4rem;
}
.delivery04 .block-header{
  max-width: inherit;
  background-color: #eee;
  padding: 1rem;
}
.delivery04 .design-block{
  justify-content: -webkit-space-around;
  justify-content: space-around;
}
.delivery04 .blo-col-3 section{
  max-width: 300px;
}
.delivery04 .block-body{
  font-size: 1.6rem;
  padding: 1rem;
}
/*　エリア / 配送料金について	*/
.area-search h4{
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
}
.area-search h4 span{
  font-size: 1.6rem;
}
.search-tool{
  max-width: 980px;
  color: #fff;
  text-align: center;
  background-color: #4d4d4d;
  margin: 0 auto 4rem;
  padding: 2rem;
}
.page-delivery .contents.delivery05{
  padding: 0;
}
.delivery05{
  margin-bottom: 4rem;
}
.cost-search .block-header,
.delivery05 .block-header{
  max-width: inherit;
  background-color: #eee;
  padding: 1rem;
  margin-bottom:3rem;
}
.delivery05-img{
  display: table;
  width: 100%;
}
.delivery-price,
.delivery-area{
  display: table-cell;
  vertical-align: top;
  text-align: center;
}
/*詳細ページに飛ぶボタン*/
.to-detail-area{
  max-width: 980px;
  margin: 0 auto;
}
.to-detail-area .btn{
  width: 350px;
  font-size: 1.8rem;
  padding: 1.5rem 0;
}
.to-detail-area span{
  display: block;
  color: #F5C23B;
  margin-bottom: .5rem;
}
.delivery05-detail{
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding-top: 2rem;
  padding-bottom: 1.5rem;
}
.delivery05-detail:last-child{
  border-top: dotted 1px #ccc;
}
.delivery05-detail > span,
.delivery05-detail > div{
	display: inline-block;
  vertical-align: top;
  text-align: left;
}
.delivery05-detail > span{
  width: 15rem;
  color: #fff;
  text-align: center;
  background-color: #4d4d4d;
  padding: 2px 0;
}
.delivery05-detail > div{
  padding-left: 2rem;
}
.block .delivery05-detail p a{
  display: inline;
  color: #F5AA3B;
  font-size: 1.4rem;
    font-weight: 700;
    padding-bottom: 0;
}
.delivery05-detail p:first-child{
  margin-bottom: 1.5rem;
}
.delivery05-detail .btn-gray02{
  margin-top: 1rem;
}

/* =======================================
    FAQ　よくあるご質問
======================================= */
.faq01,
.faq02{
  text-align: center;
}
.faq02.contents.wrapper,
.faq03.contents.wrapper{
  max-width: 1100px;
}
.faq02{
  border: solid 1px #4d4d4d;
  border-bottom: none;
  padding-top: 5rem !important;
}
.faq02 p{
  display: inline-block;
  font-size: 2.4rem;
  border-bottom: solid 1px #4d4d4d;
  margin-bottom: 3rem;
}
/*ケータリングとデリバリーの違い*/
.faq03{
  border: solid 1px #4d4d4d;
  border-top: none;
}
.faq03 section:first-child{
  color: #8B7E5E;
}
.faq03 img{
  max-width: 290px;
  margin: 0 auto 2.5rem;
}
.faq03 .block-body .title{
  font-weight: 700;
  margin-bottom: 1.5rem;
}
.faq03 p{
  width: 400px;
  font-size: 1.6rem;
  line-height: 1.8;
  margin: 0 auto 2rem;
}
/*その他のご質問*/
.faq04{
  margin-top: 7rem;
}
.faq04 .block-header{
  margin-bottom: 4rem;
}
.faq04 .btn{
  width: 42%;
  font-size: 2.2rem;
  font-weight: 700;
  padding: 4rem 5rem;
}
.faq04 .btn:first-child{
  margin-right: 4%;
}
.faq04 .btn:last-child{
  margin-left: 4%;
}
.faq04 .btn span{
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
  padding-top: 1rem;
}

/* =======================================
    FAQ　よくあるご質問 下層ページ　
======================================= */
.page-faq-delivery #cms-breadcrumb,
.page-faq-catering #cms-breadcrumb,
.page-delivery #cms-breadcrumb,
.page-catering #cms-breadcrumb,
.page-faq #cms-breadcrumb{
  display: none;
}
/*↓よくあるご質問 下層ページのみ使用*/
.page-title-faq{
  margin-bottom: 2.5rem;
}
.page-title-faq .block-body{
  font-size: 0;
  background-color: #fff;
  border: solid 4px #8B7E5E;
  border-radius: 2rem;
  padding: 2.5rem 5.5rem 2.5rem 10rem;
}
.page-faq-catering .page-title-faq .block-body{
  border: solid 4px #666;
}
.page-title-faq h2,
.faq-title-img{
  display: inline-block;
  vertical-align: middle;
}
.page-title-faq h2{
  width: 67%;
}
.faq-title-img{
  width: 33%;
    text-align: right;
}
/*sub-menu ページ内リンク　サブメニュー*/
.sub-menu{
  font-size: 0;
}
.sub-menu li{
  display: inline-block;
  vertical-align: middle;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.sub-menu li:nth-of-type(4n){
  margin-right: 0;
}
.sub-menu a{
  font-size: 1.8rem;
  text-align: center;
  color: #fff;
  background-color: #8B7E5E;
  border-radius: 8px;
  padding: 2rem 0;
}
.sub-menu a:hover{
  opacity: .8;
}
.page-faq-catering .sub-menu a{
  background-color: #666;
}
.sub-menu a span{
  display: block;
  font-size: 1.6rem;
}
.sub-menu li.two-rows a{
  	height: 6.7rem;
    padding-top: 1.2rem;
    line-height: 1.2;
}

/*↓よくあるご質問 質問一覧*/
.faq-list dl{
  border: solid 4px #8B7E5E;
  border-radius: 1rem;
  margin-bottom: 4rem;
}
.page-faq-catering .faq-list dl{
  border: solid 4px #666;
}
.faq-list dt{
  font-size: 2rem;
  color: #fff;
  background-color: #8B7E5E;
    padding: 2rem 2rem 2rem 6rem;
}
.page-faq-catering .faq-list dt{
  background-color: #666;
}
.faq-list dd{
  font-size: 0;
      padding: 1rem 1rem 1rem 6rem;
}
.faq-list dd ul{
  width: 50%;
  display: inline-block;
  vertical-align: top;
}
.faq-list li{
    font-size: 1.6rem;
  margin-bottom: .5rem;
}
.faq-list a{
  color: #4d4d4d;
}
.faq-list a:hover{
  text-decoration: underline;
}

/*faq-detail　質問詳細*/
.faq-detail{
  margin-bottom: 2rem;
}
.faq-detail h3 span{
  display: block;
  color: #fff;
  background-color: #8B7E5E;
  border-radius: 1rem;
  padding: 2.5rem 2rem;
}
.page-faq-catering .faq-detail h3 span{
  background-color: #666;
}
.faq-detail dt{
  font-size: 2rem;
  border-top: solid 1px #666;
  border-bottom: solid 1px #666;
  padding: 1.5rem 1.5rem 1.5rem 6rem;
}
.faq-detail dd{
  font-size: 1.6rem;
  padding: 2rem 1.5rem 2rem 6rem;
}
.faq-detail dd p{
  margin-bottom: 2rem;
}
.faq-detail dd p:last-child{
  margin-bottom: 0;
}
.faq-detail .block a,
.faq-detail .wrap-block a{
  display: inline;
  font-size: 1.6rem;
  text-decoration: underline;
}
.faq-detail dd figure{
  display: inline-block;
  vertical-align: top;
  width: 32%;
}
.wrap-youtube{
  max-width: 560px;
  margin-bottom: 1rem;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* =======================================
    世田谷区 / 大田区 / 江東区のエリアの詳細　
======================================= */
.page-setagaya-ota-koto #cms-breadcrumb{
  display: none;
}
.detail-area01 .block-header{
  max-width: auto;
  max-width: inherit;
}
.detail-area01 h3,
.detail-area02 h3,
.detail-area03 h3{
  font-size: 2rem;
  background-color: #eee;
  padding: 1rem;
}
.detail-area01 h4{
  font-size: 1.6rem;
  color: #fff;
  text-align: center;
  background-color: #4d4d4d;
  padding: 1rem;
}
.detail-area01 h4 span{
  display: block;
  color: #F5C23B;
  margin-bottom: .5rem;
}
.detail-area02,
.detail-area03{
  margin-bottom: 4rem;
}
.detail-area02 .block-body{
  font-size: 0;
}
.detail-area-map,
.detail-area-price{
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  text-align: center;
}
.detail-area-top,
.detail-area-bottom{
  text-align: center;
}
.detail-area-top{
  margin-bottom: 1rem;
}
.detail-area-bottom{
  font-size: 0;
}
.detail-area-bottom img{
  display: inline-block;
  vertical-align: top;
}
.detail-area-bottom img:first-child{
  margin-right: 100px;
}

/* =======================================
    お問い合わせ
======================================= */
.contact01{
  display: table;
  width: 100%;
  padding: 5rem 0;
}
.contact-bottom .contact01{
  display: block;
  text-align: center;
  padding: 0 0 5rem;
}
.contact-text,
.contact01 .btn-online{
  display: table-cell;
  vertical-align: middle;
}
.contact-bottom .contact-text{
  display: inline-block;
}
.contact-text{
  font-size: 1.8rem;
}
.contact-bottom .contact-text{
  text-align: left;
  margin-bottom: 1rem;
}
.contact01 .btn-online{
  width: 220px;
}
.contact-bottom .contact01 .btn-online{
  display: block;
  margin: 0 auto;
}

/*お問い合わせフォーム*/
.page-contact.formpage-confirm .one-column{
  background-color: #FFE2D0;
    margin-top: 4rem;
    padding-top: 4rem;
}
.page-contact .form-header{
      background-color: #FFE2D0;
    border-radius: 1rem 1rem 0 0;
  margin-top: 2rem;
  padding: 0 0 2rem;
}
.page-contact .input.form + .form-header{
    border-radius: 0;
    margin-top: 0;
      padding-top: 2rem;
}
.page-contact .form-h3,
.page-form-set-plan .form-h3{
    color: #fff;
  background-color: #4d4d4d;
    border-radius: 1rem 1rem 0 0;
    padding: 2rem 6rem;
}
.page-contact .form{
  background-color: #FFE2D0;
  border-bottom: none;
  padding: 0 6rem;
}
.page-contact .form-label,
.page-contact .form-input{
  background-color: #fff;
  border-bottom: dotted 1px #FFE2D0;
}
.page-contact .form-label{
  padding-top: 2.5rem;
}
.page-contact .form-input{
  padding: 1.5rem;
}
.form-input.block-address .zip .btn-search{
  border: 1px solid #c0c0c0;
    line-height: 1;
}
.page-contact .wrap-form-btn{
      background-color: #FFE2D0;
  margin: 0 0 2rem;
  padding: 2rem 0;
}
.wrap-form-btn input{
  font-size: 2.2rem;
  color: #fff;
  background-color: #4d4d4d;
  border: none;
  border-radius: 2rem;
  padding: 2rem 0;
}
.wrap-form-btn input:hover{
  background-color: #666;
  cursor: pointer;
}
.wrap-form-btn input:first-child{
  color: #4d4d4d;
  background-color: #eee;
  border: solid 1px #ccc;
}
.wrap-form-btn input:first-child:hover{
  background-color: #ccc;
}
.form textarea{
      font-family: Verdana, Meiryo, sans-serif;
}

/* =======================================
    ニュース・ブログ info
======================================= */
/* 記事詳細　共通↓*/
.detail.contents{
  margin-bottom: 6rem;
  padding: 0 2rem;
}
/* 記事詳細　共通↑*/
.page-info .wrap-block a h3{
  color: #4d4d4d;
}
.sub-menu-info{
  margin-bottom: 4rem;
}
.sub-menu-info h3{
      text-align: left;
    padding-top: 3rem;
    font-size: 1.8rem;
}
.sub-menu-info ul{
  font-size: 0;
}
.sub-menu-info li{
  display: inline-block;
  vertical-align: middle;
  width: 23.5%;
  margin-right: 2%;
}
.sub-menu-info li:last-child{
  margin-right: 0;
}
.sub-menu-info a{
  font-size: 1.8rem;
  text-align: center;
  background-color: #eee;
  border-radius: 1rem;
  padding: 2rem;
}
.sub-menu-info a:hover{
  background-color: #ccc;
}
.page-info .blo-col-4 article{
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 4rem;
}
.page-info .blo-col-4.block2000{
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.page-info .blo-col-4 article:nth-of-type(4n){
  margin-right: 0;
}
.page-info .blo-col-4 .block{
  position: relative;
  padding-top: 3rem;
}
.page-info .blo-col-4 h3{
      font-weight: 700;
    border-bottom: solid 1px #808080;
    margin-bottom: 1rem;
  padding: 1rem 0;
}
.page-info .blo-col-4 .tag-date{
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-flex;
  display: flex;
    flex-direction: -webkit-row-reverse;
    flex-direction: row-reverse;
}
.page-info .blo-col-4 date span{
  font-size: 1.6rem;
}
span.tag-new{
  background-color: #E71C24;
}
.page-info .blo-col-4 .tag-new {
    margin-right: 0;
    margin-left: 1rem;
}
.page-info .wrap-block a p{
  color: #808080;
}
/*  googlamp　の中サイズ↓*/
.wrap-googlemap{
  max-width: 600px;
  margin-bottom: 1rem;
}
.googlemap {
  position: relative;
  width: 100%;
  padding-top: 75%;
}
.googlemap iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* =======================================
    ケータリング　catering
======================================= */
/*ケータリングについて cateriing01*/
.catering01{
    font-size: 1.6rem;
    text-align: center;
      margin-top: 5rem;
}
.catering01 .block-header{
  margin-bottom: 2rem;
}
.catering02{
  margin-bottom: 6rem;
}
.catering02 .block{
  -webkit-align-items: center;
  align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
}
.catering02 .block-body{
      max-width: 550px;
    font-size: 1.6rem;
}
.catering02 li{
  line-height: 2;
  text-indent: -1em;
  padding-left: 1em;
}
.catering02 li::before{
  content: "・";
}
/*デリバリーとの違い catering03*/
.catering03{
  margin-bottom: 10rem;
}
.catering03 .design-block{
  -webkit-justify-content: space-around;
  justify-content: space-around;
}
.catering03 .blo-col-3 section{
  max-width: 300px;
}
.catering03 .title{
  font-size: 1.8rem;
  font-weight: 700;
  margin: 1.5rem 0;
}
.catering03 dl{
  margin-bottom: 2rem;
}
.catering03 dt{
  font-weight: 700;
  margin-bottom: .5rem;
  padding: 0 .5rem;
}
.catering03 dl:nth-of-type(1) dt{
  background-color: #BDB399;
}
.catering03 dl:nth-of-type(2) dt{
  background-color: #B4CDE2;
}
.catering03 dd{
  font-size: 1.6rem;
}
/*当日までの流れ*/
.catering04{
  margin-bottom: 4rem;
}
.catering04 .block-header span{
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
  padding-top: 1.5rem;
}
.catering04 .block{
  -webkit-justify-content: center;
  justify-content: center;
  padding: 0;
}
.catering04 .block-img{
  max-width: 210px;
}
.catering04 .block-img::after{
  content: "";
  display: block;
  width: 25px;
  height: 65px;
  margin: 0 auto;
  background-image: url(/uploads/catering06.jpg);
  background-position: center top;
  background-repeat: no-repeat;
}
.catering04 .design:nth-of-type(2) .block-img::after{
  background-image: url(/uploads/catering08.jpg);
  height: 43px;
}
.catering04 .design:nth-of-type(3) .block-img::after{
  background-image: url(/uploads/catering10.jpg);
  height: 43px;
}
.catering04 .design:nth-of-type(4) .block-img::after{
  content: none;
}
.catering04 .block-body{
  max-width: 700px;
  padding-top: 50px;
  padding-left: 60px;
}
.catering04 .block-body h3{
  font-weight: 700;
  background-color: #FFDC32;
  margin-bottom: 2.5rem;
  padding: .5rem;
}
.catering04 .design:nth-of-type(4) .block-body h3{
  background-color: #FFE2D0;
}
.catering04 li{
  font-size: 1.6rem;
  text-indent: -15px;
  padding-left: 15px;
}
.catering04 li::before{
  content: "●";
  padding-right: 6.55px;
}
.catering04 .block li a{
  display: inline;
  color: #00f;
}
.catering04 .btn-contact{
  width: 220px;
}
.btn-faq .btn-gray{
  max-width: 460px;
  margin: 0 auto;
}
/*ご利用が初めての方にセットプラン*/
.catering05{
  margin-top: 10rem;
}
.catering05.catering-option{
  margin-bottom: 8rem;
}
.catering05 .block-header span{
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 1rem;
}
.catering05 .block-description{
  max-width: 1140px;
    text-align: right;
    margin: 0 auto;
    padding: 0 45px;
}
.catering05 .design-block{
  padding: 0 25px;
}
.catering05 section{
  max-width: 500px;
}
.catering05 .title{
  font-size: 1.8rem;
  position: relative;
  font-weight: 700;
  color: #4d4d4d;
  padding: 2rem;
}
.catering05 section:first-child .title{
  background-color: #B4CDE2;
}
.catering05 section:last-child .title{
  background-color: #D3EB74;
}
.catering05 .design:nth-of-type(1) section:first-child .title{
  background-color: #FFDC32;
}
.catering05 .design:nth-of-type(1) section:last-child .title{
  background-color: #FFE2D0;
}
  .catering05 .title > span{
        position: absolute;
    top: .8rem;
    right: 2rem;
    font-size: 2.4rem;
  }
.catering05.catering-option .title > span{
  top: 2rem;
  font-size: 2rem;
}
  .catering05 .title span span{
        display: block;
    font-size: 1.4rem;
  }
.catering05 p{
    font-size: 1.6rem;
  color: #4d4d4d;
  padding: 1.5rem 2rem;
}
.wrap-btn-catering-set .btn{
      font-size: 2rem;
    padding: 1.5rem;
    font-weight: 700;
}
.wrap-btn-catering-set .btn span{
      display: block;
    color: #F5C23B;
    margin-top: 1rem;
}
.wrap-btn-catering-set .btn span::after{
  content: "＞＞";
  font-weight: normal;
  padding-left: 1rem;
}
/*パーティー事例集*/
.catering06{
  margin-bottom: 10rem;
}
.catering06 h3{
  padding: 1rem 0;
}

/* =======================================
    ケータリング　セットプランご注文　一覧　
======================================= */
.page-set-plan #cms-breadcrumb,
.page-set-plan .post-title,
.page-set-plan .tag-date{
  display: none;
}
.setplan{
  margin-top: 7rem;
}
.setplan04{
  margin-bottom: 6rem;
}
.setplan .block-header{
  position: relative;
  margin-bottom: 3rem;
}
.setplan .block-header span{
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
  margin-top: 1rem;
}
.setplan .block-header span:last-child{
  position: absolute;
  right: 2rem;
  bottom: 0;
}
.wrap-plan{
  border: solid 4px #FFDC32;
  margin-top: 1rem;
}
.setplan02 .wrap-plan{
  border: solid 4px #B4CDE2;
}
.setplan03 .wrap-plan{
  border: solid 4px #FFE2D0;
}
.setplan04 .wrap-plan{
  border: solid 4px #D3EB74;
}
.wrap-plan > dt{
    font-size: 2.4rem;
  font-weight: 700;
    background-color: #FFDC32;
  padding: 2rem 2rem 2rem 8rem;
}
.setplan02 .wrap-plan > dt{
  background-color: #B4CDE2;
}
.setplan03 .wrap-plan > dt{
  background-color: #FFE2D0;
}
.setplan04 .wrap-plan > dt{
  background-color: #D3EB74;
}
.wrap-plan > dt span{
  padding-left: 6rem;
}
.wrap-plan > dd{
  position: relative;
  padding: 2rem 2rem 2rem 8rem;
}
.wrap-plan p{
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.wrap-plan small{
  position: absolute;
  top: 2rem;
  right: 2rem;
}
.plan-detail{
  display: table;
  width: 100%;
  margin-top: 3rem;
}
.plan-detail-inner{
  display: table-cell;
  vertical-align: top;
  width: 50%;
}
.plan-detail-inner:first-child{
  padding-right: 2rem;
}
.plan-detail-gray{
  margin-bottom: 4rem;
}
.plan-detail-gray > dt{
  width: 16rem;
    font-size: 1.6rem;
  font-weight: 700;
    text-align: center;
  color: #fff;
  background-color: #4d4d4d;
  border-radius: 1rem;
  margin-bottom: 1.5rem;
  padding: .5rem 1rem;
}
.plan-detail-gray span{
    display: inline-block;
      font-weight: 700;
  background-color: #E4E2D0;
    margin-bottom: 1rem;
    padding: 0 .5rem;
}
.plan-detail-gray dl{
  margin-bottom: 1rem;
}
.plan-detail li{
  line-height: 1.8;
  text-indent: -1em;
  padding-left: 1em;
}
.plan-detail li::before{
  content: "・";
}
.btn-setplan{
      background-color: #FFDC32;
    width: 460px;
    font-size: 2rem;
  font-weight: 700;
    text-align: center;
    padding: 2rem;
    margin: 0 auto;
    border-radius: 1rem;
}
.btn-setplan:hover{
  opacity: .8;
}
.setplan02 .btn-setplan{
  background-color: #B4CDE2;
}
.setplan03 .btn-setplan{
  background-color: #FFE2D0;
}
.setplan04 .btn-setplan{
  background-color: #D3EB74;
}
.block a.btn-setplan{
  color: #4d4d4d;
}
.btn-setplan::after{
  content: "＞＞";
  padding-left: 5rem;
}

/* =======================================
    ケータリングセットプランご注文フォーム　入力・確認
======================================= */
.page-form-set-plan #site-content-main{
  padding: 0 2rem;
}
.page-form-set-plan.formpage-confirm .one-column{
  border-top: solid 1px #4d4d4d;
}
.page-form-set-plan #cms-breadcrumb,
.page-form-set-plan #FormDataIndexForm .form:nth-of-type(3) .form-label{
  display: none;
}
.page-form-set-plan #FormDataIndexForm .form:nth-of-type(3),
.page-form-set-plan #FormDataIndexForm .form-header:nth-of-type(4){
  border: none;
}
.page-form-set-plan #FormDataIndexForm .form:nth-of-type(3) .form-input{
  display: block;
  width: 100%;
  border-bottom: none;
  padding: 0 0 2rem 0;
}
.page-form-set-plan #FormDataIndexForm .form:nth-of-type(3) .infos{
  margin-bottom: 1.5rem;
}
.page-form-set-plan #FormDataIndexForm .form-input .content-info .infos .article-title,
.formpage-confirm .form-input .content-info .infos .article-title{
  padding-left: 0;
}
.page-form-set-plan #FormDataIndexForm a{
  pointer-events: none;
    display: block;
    width: 100%;
  font-size: 2rem;
  font-weight: 700;
  color: #4d4d4d;
  text-align: center;
  text-decoration: none;
  background-color: #FFDC32;
  padding: 2rem;
}
.page-form-set-plan.cid-13 #FormDataIndexForm a{
  background-color: #B4CDE2;
}
.page-form-set-plan.cid-14 #FormDataIndexForm a{
  background-color: #FFE2D0;
}
.page-form-set-plan.cid-15 #FormDataIndexForm a{
  background-color: #D3EB74;
}
.page-form-set-plan #FormDataIndexForm .form-input .content-info .infos{
  display: block;
}
.page-form-set-plan .form-header,
.page-form-set-plan .form{
  border-right: solid 1px #4d4d4d;
  border-left: solid 1px #4d4d4d;
}
.page-form-set-plan .column + .form-header{
	border-right: none;
  border-left: none;
}
.page-form-set-plan .form-label,
.page-form-set-plan .form-input{
  background-color: #fff;
    border-bottom: dotted 1px #E4E2D0;
}
.page-form-set-plan .form-label{
  padding-left: 6rem;
}
.page-form-set-plan.formpage-confirm .form-label{
  padding-top: 2rem;
}
.page-form-set-plan .wrap-form-btn{
  border: solid 1px #4d4d4d;
  border-top: none;
  margin-top: 0;
  margin-bottom: 6rem;
  padding: 2rem;
}
/* =======================================
    ケータリングセットプランご注文フォーム お問い合わせフォーム　完了画面
======================================= */
.page-contact .confirm-text{
  margin-top: 4rem;
}
.confirm-text p{
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
  margin-bottom: 4rem;
  padding: 2rem 0;
}
.confirm-text .btn{
  position: relative;
  width: 100%;
  max-width: 300px;
  text-decoration: none;
  margin: 0 auto 4rem;
  padding: 1rem;
  border-radius: .5rem;
}
.confirm-text .btn::after{
  content: "＞＞";
  position: absolute;
  right: 1rem;
}

/* =======================================
    サイト情報　詳細ページ　会社概要　プライバシーポリシー他
======================================= */
.page-about .tag-date{
  display: none;
}
.page-about table{
  width: 100%;
      border-collapse: collapse;
  border-top: solid 1px #eee;
  border-right: solid 1px #eee;
  margin: 0 auto;
}
.page-about th,
.page-about td{
  vertical-align: middle;
}
.page-about th{
    width: 9rem;
    text-align: center;
    border-bottom: solid 1px #fff;
      padding: 1rem;
}
.page-about td{
    border-bottom: solid 1px #eee;
  padding: 1.5rem;
}

/* =======================================
    サイト情報　詳細ページ　サイトマップ
======================================= */
.wrap-sitemap{
  font-size: 0;
}
.sitemap{
  display: inline-block;
  vertical-align: top;
  width: 49%;
  border-top: solid 1px #ccc;
}
.sitemap:last-child{
  margin-left: 2%;
}
.sitemap li ul{
  margin-left: 1.5rem;
}
.sitemap > li{
  border-bottom: solid 1px #ccc;
}
.sitemap li li{
  border-top: dashed 1px #ccc;
}
.sitemap a{
  display: block;
  font-size: 1.6rem;
  color: #000;
  text-decoration: none;
  padding: 1rem 1rem 1rem 0;
}
.sitemap a.external-link::after{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 15px;
  background-image: url(/uploads/icon_link.png);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 18px;
  margin-left: 1rem;
}
.sitemap a::before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-color: #8B7E5E;
  margin-right: 1rem;
}
.sitemap > li > a::before{
  width: 6px;
  height: 20px;
}
.sitemap li li a::before{
  width: 8px;
  height: 8px;
  border-radius: 4px;
}

/* =======================================
    追加ボタン
======================================= */
.btn-delivery .btn-Gold{
  max-width: 1200px;
  margin: 0 auto;
}
/* =======================================
    特集TOP
======================================= */
*, *:after, *:before {
     -webkit-box-sizing:
     border-box;
     -moz-box-sizing:
     border-box;
     box-sizing:
     border-box;

}
body, html {
     font-size: 100%;
     padding: 0;
     margin: 0;
     font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
img{
     width: 100%;
     max-width: 100%;
     width :auto;
     height:auto;
     vertical-align:bottom;
}
.main_wrap{
     height:auto !important;
}
.full_area{
     position: relative;

}
.full_area img{
         width: 100%;
}
.text_area{
         position: absolute;
         top: 50%;
         left: 50%;
         margin-top: -50px;
         margin-left: -100px;
}
.full_area .main_text{
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    margin: 0;
    padding: 0;
}
.sub_text{
    color: #fff;
    font-weight: 100;
    font-size: 20px;
    margin: 0;
    padding: 0;
}


@media (max-width: 1099px){
  .index02 .block-body,
  .index02-text,
  .index02-img{
    display: block;
  }
  .index02-text{
  	width: 100%;
    text-align: center;
  }
  .index02-img{
    text-align: center;
  }
  .index02-img img:first-child{
    margin-right: 2%;
  }
}
@media (max-width: 959px){
  .btn-gray{
    font-size: 1.4rem;
    padding: 1rem 1.5rem;
  }
  .btn-gray::after{
    top: 1rem;
    right: 1rem;
  }
  .block-header,
	.wrap-block,
	.design,
	#cms-breadcrumb{
    padding: 0 1.5rem;
  }
  #site-footer .contents{
    padding: 0;
  }
  .block-header{
    font-size: 1.8rem;
  }
  /*	pagetop	ページトップ	*/
  .pagetop{
    width: 6rem;
  }
  /*	breadcrumb 	*/
  .breadcrumb{
    padding: 1rem 0;
  }
  /*	header	*/
  .logo{
    width: 30%;
    vertical-align: baseline;
  }
  .header-top .logo img.pc{
    display: none;
  }
  .header-top .logo img.sp{
    display: block;
    width: 100%;
  }
  .header-btn{
    display: table-cell;
    vertical-align: baseline;
    width: 70%;
    padding-right: 35px;
    padding-left: 2rem;
  }
  .header-btn a{
    width: 100%;
  }
  
  /* =======================================
    footer
======================================= */
.footer-nav .block{
  width: 100%;
  padding: 1rem 0;
}
.footer-nav ul{
  width: 100%;
}
.footer-nav li{
  border-bottom: dotted 1px #4d4d4d;
  margin-bottom: 0;
}
  .footer-nav ul:last-child li:last-child{
    border-bottom: none;
  }
.footer-nav a{
  font-size: 1.4rem;
  padding: .5rem 1rem;
}
  /*	main-slider	*/
  .main-slider{
    height: 200px;
    overflow: hidden;
  }
  .main-slider .text{
        position: inherit;
    top: inherit;
    left: inherit;
    width: auto;
    font-size: 1.6rem;
    line-height: 1.5;
    margin: 2rem;
    padding: 2rem 1rem;
  }
  .main-slider .text span.en{
    font-size: 2rem;
  }
  /*	mainview	*/
  .mainview{
        background-position: center bottom -40rem;
  }
  .mainview .block{
    padding: 2rem;
  }
  .mainview-text{
    padding: 2rem 1rem;
  }
  .mainview-text img{
    margin-bottom: 1rem;
  }
  .mainview-text p{
    font-size: 1.6rem;
  }
  .mainview-text span{
    display: inline;
  }
  .index01{
    padding-top: 2rem;
  }
  .index01 .block-header{
    font-size: 2rem;
  }
  .index01 .block-header span{
    display: block;
    font-size: 1.4rem;
    margin-bottom: .5rem;
    padding-right: 0;
  }
  .index01 .block-body, .index02 .block-body{
    padding: 1.5rem;
  }
  .index01 .block-body{
    display: block;
    font-size: 0;
  }
  .index01-text, .index01-img{
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    margin-bottom: 1rem;
  }
  .index01 p{
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .index01-text > img{
    width: 90%;
    max-width: 163px;
  }
  .index01-text .price{
    font-size: 1.4rem;
    margin-bottom: 1rem;
    padding-top: .5rem;
  }
  .index01-text .price .large{
    font-size: 2.4rem;
  }
  .index01-text .btn.pc{
    display: none;
  }
  .index01 .btn.sp{
    display: block;
    font-size: 1.4rem;
    height: auto;
    border-radius: .5rem;
    position: relative;
    padding: 1rem;
    margin-bottom: 0;
  }
  .index02-text{
    padding: 0 1rem;
  }
  .index02-text img{
    width: 60%;
    max-width: 189px;
    padding-bottom: 1rem;
  }
  .index02-text p{
    padding: 1rem 0;
  }
  .index-news{
    padding: 2rem 1.5rem;
  }
  .index-news .wrap-block{
    padding: 0;
  }
  .index-news .blo-col-4 article{
    width: 49%;
  }
  .index-news article:nth-of-type(2n-1){
    padding-right: .5rem;
  }
  .index-news article:nth-of-type(2n){
    padding-left: .5rem;
  }
  .index-news .blo-col-4 > article:nth-of-type(2n){
    margin-right: 0;
  }
  .index-news h3{
    font-size: 1.4rem;
  }
  .index-news .tag-new{
  margin-left: .5rem;
}
  .index03{
    padding: 3rem 0 2rem;
  }
  .index03 h3{
    margin-bottom: 1rem;
  }
  .index03 .blo-col-3 section,
  .index04 .blo-col-3 section{
    width: 100%;
  }
  .index03 .block{
    padding: 1rem 1.5rem;
  }
  .index03 img{
    margin-bottom: 1rem;
  }
  .index03 ul{
    font-size: 1.4rem;
  }
  /*	マンチーズケータリングの実績	*/
  .index04{
    padding: 3rem 0 2rem;
  }
  .index04 h3{
    margin-bottom: .5rem;
  }
  .index04 .block{
    width: 100%;
    max-width: 100%;
  }
  .index04 img{
    width: 60%;
    max-width: 290px;
    margin: 0 auto 1.5rem;
  }
  /*	デリバリー対応エリア　ケータリング対応エリア　index-area*/
  .index05{
    margin-bottom: 3rem;
    padding: 0;
  }
  .index-area h2{
    font-size: 1.8rem;
        margin-bottom: 1rem;
  }
  .index-area dd{
    font-weight: normal;
  }
  .index-area + p{
    font-weight: normal;
    margin-bottom: 2rem;
  }
  /* =======================================
    下層ページ共通
======================================= */
  .page-title-setplan .pc,
  .page-title-mun.contact-title .pc{
    display: none;
  }
  .page-title-mun.contact-title .sp{
    display: block;
  }
  .page-title-setplan .sp{
    display: inline;
  }
  .page-title-setplan .block-body{
    padding: 2rem 1.5rem 1rem 1.5rem;
  }
  .page-title-mun.contact-title .block-body{
    padding: 1.5rem 1.5rem 0rem 1.5rem;
  }
  .page-title-blog .block-body{
    height: auto;
    background-image: none;
    padding: 2rem;
  }
  .page-catering .page-title-mun .block-body{
    text-align: center;
  }
  .page-catering .title-text{
    width: 100%;
    padding-right: 0;
  }
  .page-catering .title-text > *, 
  .page-catering .title-text .price{
    width: auto;
    max-width: none;
    max-width: inherit;
  }
  .page-delivery .title-text h2,
  .page-catering .title-text h2,
  .title-text .price,
  .page-catering .title-text .price{
    display: block;
  }
  .page-catering .title-img{
    width: 100%;
  }
  .page-catering .title-img img{
    float: none;
  }
  .page-title-blog h2{
    position: inherit;
    top: 0;
    margin-top: 0;
    width: 100%;
    margin-bottom: .5rem;
    padding-left: 0;
    text-align: center;
  }
  .page-title-setplan h2 img{
    width: 75%;
    max-width: 456px;
  }
  .page-title-setplan h2 img.sp{
    width: 25%;
    max-width: 140px;
    padding-left: 1rem;
  }
  .page-title-blog h2 img{
    width: 80%;
  }
  .page-title-blog .sp{
    display: block;
    width: 100%;
  }
  .title-text,
	.title-img{
  		display: block;
	}
  .page-title-setplan .title-text,
  .contact-title .title-text,
  	.page-faq .title-text,
	.title-text{
  		width: 100%;
  		margin-right: 0;
      margin-bottom: 1rem;
	}
  .contact-title .title-text h2{
    font-size: 0;
    margin-bottom: 1rem;
  }
  .page-delivery .title-text h2 img,
  .page-catering .title-text h2 img{
    width: 160px;
  }
    .title-text .price,
    .page-catering .title-text .price{
    font-size: 1.6rem;
    margin-bottom: .5rem;
    padding-bottom: 0;
  }
  .contact-title .title-text h2 img,
  .page-title-mun.contact-title .sp{
    display: inline-block;
    vertical-align: middle;
  }
  .contact-title .title-text h2 img:first-child{
    width: 80%;
  }
  .contact-title .title-text h2 img:last-child{
    width: 20%;
    padding-left: 1rem;
  }
  .title-text p{
    font-size: 1.4rem;
  }
  .title-img.two{
    width: 100%;
  }
  .title-img.two img:first-child{
  	padding-right: .5rem;
	}
	.title-img.two img:last-child{
 	padding-left: .5rem;
	}
  
    /* =======================================
    DELIVERY　デリバリー
======================================= */
  .page-delivery .title-text .price{
  	padding-top: 0;
	}
  /*	デリバリーについて	*/
  .delivery01{
    margin-bottom: 1rem;
  }
  .delivery01 .block-header{
    margin: 2rem auto 0;
  }
  .delivery01 p{
    margin-bottom: 1.5rem;
  }
  .delivery01 .btn{
    margin-bottom: 0;
  }
  /*	デリバリーについて　下	*/
  .delivery02{
    margin-bottom: 0;
  }
  .delivery02 .design02 .block-body{
    padding-left: 0;
  }
  .delivery02 .block-img img{
    width: 80%;
    margin: 0 auto 1.5rem;
  }
  /*	ご注文は3ステップ	*/
  .delivery-step h3{
    margin-bottom: 1.5rem;
  }
  .delivery-step h3 img{
    width: 50%;
  }
  .step{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    margin-bottom: 4rem;
  }
  .step li{
    width: 50%;
    text-align: center;
    background-image: none;
    border-right: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    padding: 1rem 2rem 1rem 1rem;
  }
  .step li:last-child{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 1rem;
    padding-left: 1rem;
  }
  /*	メニュー一覧	*/
  .delivery04{
    margin-bottom: 2rem;
  }
  .delivery04 .block-body{
    font-size: 1.4rem;
    padding: .5rem .2rem;
  }
  /*　エリア / 料金表について	*/
  .cost-search .block-header, .delivery05 .block-header{
    margin-bottom: 1.5rem;
  }
  .cost-search h4{
    font-size: 1.8rem !important;
    padding: 0 1.5rem;
  }
  .cost-search h4 span{
    font-size: 1.4rem !important;
    display: block;
  }
  .cost-search .form-group{
    margin-bottom: 1rem !important;
    padding-right: 0 !important;
  }
  
  .delivery05-img{
    margin-bottom: 2rem;
  }
  .delivery05-img,
	.delivery-price,
	.delivery-area{
  		display: block;
	}
  /*詳細ページに飛ぶボタン*/
  .to-detail-area .btn{
    width: 100%;
    font-size: 1.4rem;
    padding: 1rem;
  }
  .delivery05-detail{
    text-align: left;
  }
  .delivery05-detail > span{
  	margin-bottom: .5rem;
  }
  .delivery05-detail > div{
    display: block;
  		padding-left: 0;
	}
  
  /* =======================================
    FAQ　よくあるご質問
======================================= */
  .page-faq .title-text h2{
    width: 90px;
    margin-bottom: 1.5rem;
  }
  .faq02.contents.wrapper,
  .faq03.contents.wrapper{
    width: 96%;
  }
  .page-faq .contents.faq02{
    padding-top: 2rem !important;
  }
  .faq02 .block-header{
    font-size: 1.6rem;
  }
  .faq02 p {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1rem;
  }
  .faq03 .blo-col-2 section{
    width: 100%;
  }
  .faq03 img{
    width: 70%;
  }
  .faq03 .block-body .title{
    margin-bottom: .5rem;
  }
  .faq03 p{
    width: 100%;
    font-size: 1.4rem;
  }
  /*その他のご質問*/
  .page-faq .contents.faq04{
    margin: 2rem 0;
  }
  .faq04 .block-header{
    margin-bottom: 1rem;
  }
  .faq04 .btn{
    width: 100%;
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
    padding: 2rem 1rem;
  }
  .faq04 .btn:first-child{
    margin-right: 0;
  }
  .faq04 .btn:last-child{
    margin-left: 0;
  }
  
  /* =======================================
    FAQ　よくあるご質問 下層ページ　
======================================= */
/*↓よくあるご質問 下層ページのみ使用*/
  .page-title-faq{
    margin-bottom: 1rem;
  }
.page-title-faq .block-body{
  padding: 1.5rem;
}
.page-title-faq h2{
  width: 73%;
}
.faq-title-img{
  width: 27%;
  padding-left: 1.5rem;
}
  /*sub-menu ページ内リンク　サブメニュー*/
  .sub-menu li{
    width: 100%;
    margin-right: 0;
    margin-bottom: .5rem;
  }
  .sub-menu li:nth-of-type(2n){
    margin-right: 0;
  }
  .sub-menu a{
    font-size: 1.4rem;
    padding: 1rem;
  }
  .sub-menu li.two-rows a{
    height: auto;
    line-height: 1.5;
    padding-top: 1rem;
  }
  .sub-menu a span{
    display: inline-block;
    font-size: 1.4rem;
    margin-right: 1rem; 
  }
  
  /*↓よくあるご質問 質問一覧*/
  .faq-list li{
    border-bottom: dotted 1px #4d4d4d;
    margin-bottom: 0;
  }
  .faq-list li a{
    padding: .5rem 0;
  }
  .faq-list dt{
    padding: 1rem;
  }
  .faq-list dd{
    padding: 1rem;
  }
  .faq-list dd ul{
    width: 100%;
  }
   /*↓よくあるご質問 質問詳細*/
  .faq-detail h3 span{
    border-radius: .5rem;
    padding: 1.5rem;
  }
  .faq-detail dt{
    font-size: 1.6rem;
    font-weight: 700;
    padding: 1rem;
  }
  .faq-detail dd{
    padding: 1rem 1rem 2rem 1rem;
  }
  .faq-detail dd p{
    margin-bottom: 1.5rem;
  }
  .faq-detail dd figure{
  display: block;
  width: 100%;
    border-bottom: dotted 1px #4d4d4d;
    padding-bottom: 1rem;
}
  
  /* =======================================
    世田谷区 / 大田区 / 江東区のエリアの詳細　
======================================= */
  .detail-area-map,
  .detail-area-price{
    width: 100%;
  }
  .detail-area-map{
    margin-bottom: 1rem;
  }
  .detail-area-bottom img{
    display: block;
    margin: 0 auto;
  }
  .detail-area-bottom img:first-child{
    margin-right: auto;
    margin-bottom: 1rem;
  }
  
  /* =======================================
    お問い合わせ
======================================= */
  .contact01,
  .contact-text,
  .contact01 .btn-online{
    display: block;
  }
  .contact01{
    padding: 2rem 1.5rem;
  }
  .contact-text{
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
  .contact01 .btn-online{
    margin:0 auto;
  }
  
  /*お問い合わせフォーム*/
  .page-contact.formpage-confirm .one-column{
    margin-top: 2rem;
    padding-top: 2rem;
  }
  .page-contact .form-header{
  margin-top: 1.5rem;
  padding: 0 0 1.5rem;
  }
  .page-contact .input.form + .form-header{
    margin-top: 0;
      padding-top: 1.5rem;
  }
  .page-contact .form-h3,
  .page-form-set-plan .form-h3{
    padding: 1.5rem 2rem;
  }
  .page-contact .form{
    padding: 0 1.5rem;
  }
  .page-form-set-plan .form-label,
  .page-contact .form-label{
    font-weight: 700;
    border-bottom: none;
    padding-top: 1rem;
  }
  .page-form-set-plan.formpage-confirm .form-label{
    padding-top: 1rem;
  }
  .page-contact .form-input{
    border-bottom: solid 1px #FFE2D0;
    padding-top: .5rem;
  }
  .page-contact.formpage-confirm .form-input{
    padding-bottom: 1rem;
  }
  .page-form-set-plan .wrap-form-btn,
  .page-contact .wrap-form-btn,
  .page-contact02 .wrap-form-btn{
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    padding: 1.5rem;
  }
  .page-form-set-plan .wrap-form-btn input,
  .page-contact .wrap-form-btn input,
  .page-contact02 .wrap-form-btn input{
    width: 100%;
    font-size: 1.6rem;
    border-radius: 1rem;
    padding: 1rem;
  }
  .page-form-set-plan .wrap-form-btn input:last-child,
  .page-contact .wrap-form-btn input:last-child,
  .page-contact02 .wrap-form-btn input:last-child{
    margin-bottom: 1rem;
  }
  
  /* =======================================
    ニュース・ブログ info
======================================= */
  /* 記事詳細　共通↓*/
  .detail.contents{
    margin-bottom: 4rem;
  padding: 0 1.5rem;
}
    .post-title{
    font-size: 2rem;
  }
  .detail img{
    height: auto !important;
  }
  .detail iframe{
    max-width: 100%;
  }
   /* 記事詳細　共通↑*/
  #cms-breadcrumb{
        white-space: normal;
  }
  .sub-menu-info,
  .page-info .blo-col-4 article{
  margin-bottom: 2rem;
}
  .sub-menu-info h3{
    font-size: 1.6rem;
    padding-top: 1.5rem;
  }
  .sub-menu-info li{
    width: 49%;
    margin-right: 2%;
    margin-bottom: 1rem;
  }
  .sub-menu-info li:nth-of-type(2){
    margin-right: 0;
  }
  .sub-menu-info a{
    font-size: 1.4rem;
    padding: 1rem;
  }
  .page-info .blo-col-4 article{
    width: 49%;
  }
  .page-info .blo-col-4 article:nth-of-type(2n){
    margin-right: 0;
  }
  .page-info .block2000 date span{
  font-size: 1.2rem;
}
  .page-info .wrap-block a h3{
    font-size: 1.4rem;
    line-height: 1.5;
    padding-bottom: .5rem;
  }
  
  /* =======================================
    ケータリング　catering
======================================= */
/*ケータリングについて cateriing01*/
  .catering01{
    font-size: 1.4rem;
    text-align: left;
    margin-top: 2rem;
  }
  .catering01 .block-header{
    margin-bottom: 0;
  }
  .catering02{
    margin-bottom: 2rem;
  }
  .catering02 .design.design03 .block-img{
    width: 100%;
  }
  .catering02 .block-img img{
    width: 80%;
    max-width: 292px;
    margin: 0 auto 1rem;
  }
  .catering02 .design.design03 .block-body{
    width: 100%;
    padding-left: 0;
  }
  .catering02 .block-body{
    font-size: 1.4rem;
  }
  .catering02 li{
    line-height: 1.5;
    margin-bottom: .5rem;
  }
/*デリバリーとの違い catering03*/
  .catering03{
    margin-bottom: 2rem;
  }
  .catering03 .design-block{
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
  }
  .catering03 .blo-col-3 section{
    width: 100%;
    max-width: 600px;
  }
  .catering03 .title{
    margin: 1rem 0;
  }
  /*当日までの流れ*/
  .catering04{
    margin-bottom: 2rem;
  }
  .catering04 .block-header{
    margin-bottom: 1rem;
  }
  .catering04 .block-body h3{
    margin-bottom: 1.5rem;
    padding: 1rem;
  }
  .catering04 .block-header span{
    font-size: 1.4rem;
    padding-top: .5rem;
  }
  .catering04 .block{
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .catering04 .design.design03 .block-img{
    width: 50%;
    margin-bottom: 1rem;
  }
  .catering04 .block-img::after{
    content: none;
  }
  .catering04 .design.design03 .block-body{
    width: 100%;
    margin-bottom: 2rem;
    padding: 0;
  }
  .catering04 .design.design03:nth-of-type(4) .block-body{
    margin-bottom: 1rem;
  }
  .catering04 li{
    font-size: 1.4rem;
  }
  .catering04 .btn-contact{
    margin: 0 auto 1rem;
  }

  /*ご利用が初めての方にセットプラン*/
  .catering05{
    margin-top: 4rem;
  }
  .catering05.catering-option{
    margin-top: 0;
    margin-bottom: 4rem;
  }
  .catering05 .block-description{
    font-size: 1.4rem;
    margin-top: .5rem;
    padding: 0 1.5rem;
  }
  .catering05 .design-block{
  	padding: 0;
	}
  .catering05 .title{
    font-size: 1.6rem;
    padding: 1rem;
  }
  .catering05 .title > span,
  .catering05.catering-option .title > span {
    position: inherit;
    top: auto;
    right: auto;
    font-size: 1.6rem;
    display: block;
}
  .catering05 .title span span {
    display: inline;
    font-size: 1.4rem;
}
  .catering05 p{
    font-size: 1.4rem;
    padding: 1rem 0 0;
  }
  .wrap-btn-catering-set .btn{
    font-size: 1.6rem;
    padding: 1.5rem 1rem;
  }
  .wrap-btn-catering-set .btn span{
    margin-top: .5rem;
  }
  .catering06{
    margin-bottom: 4rem;
  }
  .catering06 article{
    margin-bottom: 1rem;
  }
  
  /* =======================================
    ケータリング　セットプランご注文　一覧　
======================================= */
  .setplan{
    margin-top: 2rem;
  }
  .setpla04{
    margin-bottom: 2rem;
  }
  .setplan .block-header{
    margin-bottom: 0;
  }
  .setplan .block-header span:last-child{
        position: inherit;
    right: auto;
    bottom: auto;
    display: block;
    text-align: right;
    font-size: 1.2rem;
    margin-top: .5rem;
  }
  .wrap-plan{
    margin-top: .5rem;
  }
  .wrap-plan p{
    font-size: 1.4rem;
  }
  .wrap-plan > dt{
    font-size: 1.8rem;
    padding: 1rem;
  }
  .wrap-plan > dt span{
    display: block;
    padding-left: 0;
  }
  .wrap-plan > dd{
    padding: 1rem;
  }
  .wrap-plan small{
    position: inherit;
    top: 0;
    right: 0;
  }
  .plan-detail{
    display: block;
    margin-top: 1.5rem;
  }
  .plan-detail-inner{
    display: block;
    width: 100%;
  }
  .plan-detail-inner:first-child{
    padding-right: 0;
  }
  .plan-detail-gray{
    margin-bottom: 2rem;
  }
  .plan-detail-gray > dt{
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 1rem;
    padding: 1rem;
  }
  .btn-setplan{
    position: relative;
    width: 100%;
    font-size: 1.6rem;
    padding: 1rem 1rem .8rem 1rem;
  }
  .btn-setplan::after{
    position: absolute;
    right: 1.5rem;
    padding-left: 0;
  }
  /* =======================================
    ケータリングセットプランご注文フォーム　
======================================= */
.page-form-set-plan #site-content-main{
  padding: 0 1.5rem;
}
  .page-form-set-plan #FormDataIndexForm a{
    font-size: 1.6rem;
    text-align: left;
    padding: 1rem;
  }
  .page-form-set-plan #FormDataIndexForm .infos::after{
    padding: 1rem 0 0;
  }
  .page-form-set-plan #FormDataIndexForm .content-info::after{
    padding: 0;
  }
  .page-form-set-plan #FormDataIndexForm .form-input::after{
    padding: 0 0 1rem;
  }
  .page-form-set-plan .form-label{
    padding-left: 1.5rem;
  }
  /*確認画面*/
  .page-contact .confirm-text{
    margin-top: 2rem;
        padding: 0 1.5rem;
  }
  .confirm-text p{
    margin-bottom: 3rem;
  }
  
  /* =======================================
    サイト情報　詳細ページ　会社概要　プライバシーポリシー他
======================================= */
  .page-about td{
    padding: 1rem;
  }
  
  /* =======================================
    サイト情報　詳細ページ　サイトマップ
======================================= */
  .sitemap{
    display: block;
    width: 100%;
  }
  .sitemap:last-child{
    border-top: none;
    margin-left: 0;
  }
  .sitemap a{
    font-size: 1.4rem;
  }
  
}