@charset"UTF-8";
/*@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:500|Noto+Sans+JP:900');*/

/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select,textarea{margin:0}html{-webkit-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-webkit-box-sizing:inherit;box-sizing:inherit}img,embed,iframe,object,audio,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0;text-align:left}


/********************************************
  以下、LP用CSS
 */
/*preload*/
body::after{
    position:absolute; width:0; height:0; overflow:hidden; z-index:-1;
    content: url(../img/header/nicobar_logo.svg) url(../img/header/header_btn_access.svg) url(../img/main_feature/main_feature_dining_bar.svg) url(../img/main_feature/main_feature_balloon.svg) url(../img/main_feature/main_feature_nicobar.svg) url(../img/main_feature/main_feature_sub_header_pc.svg) url(../img/contact/contact_btn_access.svg) url(../img/contact/contact_btn_job.svg);
}

/*ベースの設定*/
html {
  min-width:320px;

  font-size: 10px;
  line-height: 1.5;
  overflow-x: hidden;
}

body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

  color: #4D4D4D;
  font-size: 20px;
  line-height: 1.5;

/*  word-break: break-all;
  word-wrap: break-word;*/
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
/*IE10,11の游ゴシック余白下2px対策フォント変更*/
_:-ms-input-placeholder, :root body {
  font-family: "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", Avenir, "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
}

img {
  display: block;
  vertical-align: top;
}
/*Win8.1以下のIE10,11のSVG余白対策用*/
_:-ms-input-placeholder, :root img[src$=".svg"] {
  width: 100%;
  /*UIE10用*/
  border: 0;
}

span {
  display: inline-block;
}

/*form*/
input, textarea {
  font-size: 16px;
  padding:3px;
}


pre {
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, "メイリオ", Meiryo, sans-serif;
  font-weight: 500;
}
/*IE10,11の游ゴシック余白下2px対策フォント変更*/
_:-ms-input-placeholder, :root pre {
  font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*アンカー*/
a, a:visited {
  color: blue;
  text-decoration: none;
}
a:hover, a:active {
  text-decoration: underline;
}

/*丸ゴシック*/
.marugoshic {
  font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO", sans-serif;
}
/*明朝体*/
.mincho {
  font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", Garamond, "Times New Roman", serif;
}

/*テキスト位置*/
.tac {  text-align: center;}
.tar {  text-align: right;}
.tal {  text-align: left;}

/*フォントスタイル*/
.fwb {  font-weight: bold;}
/*文字色*/
.fcr, .red {  color:red;}

/*イメージ表示位置*/
.img-pos-r {
  margin-left: auto;
  margin-right: 0;
}
.img-pos-c {
  margin-left: auto;
  margin-right: auto;
}
.img-pos-l {
  margin-left: 0;
  margin-right: auto;
}

/**/
.note,
.note_asterisk {
  position: relative;
  margin: 1% 0 0 1em;
}
.note::before,
.note_asterisk::before  {
  position: absolute;
  top: 0;
  left: -1em;
}
.note::before {
  content: '・';
}
.note_asterisk::before  {
  content: '※';
}

.fcr {
  color: #E83825;
}

/***************************
  列表示用
*/
/*  フロート*/
.flt_box {  zoom: 1;}
.flt_box::after, .fltBox::before {  content: '';  display: table;}
.flt_box::after {  clear: both;}

/*flex*/
.flex_box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.item_ctr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.item_mdl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

/*句読点関係*/
.left_parenthesis {
  margin-left: -0.55em;
}
.right_parenthesis {
  margin-right: -0.55em;
}
.jp_comma,
.jp_period {
  margin-right: -0.66em;
}

/*テキスト揃え*/
.tal {
  text-align: left;
}
.tac {
  text-align: center;
}
.tar {
  text-align: right;
}

/*SP改行用*/
.br_sp {
  display: none;
}

/********************************************
  共通
 */
 /*ページ基礎*/
.contents_bloc {
  max-width: 990px;
  padding: 0 15px;
  margin: 0 auto;
}

/*マンガ*/
.manga_bloc {
  max-width: 990px;
  margin: 0.5em auto;
  padding: 0 15px;
}
.manga_bloc p {
  padding: 0.5em 0;
}
.manga_bloc img {
  margin: auto;
}

/********************************************
  フッター
  */
footer {
  position: relative;
  z-index: 200;
  background-color: #952F3D;
  color: #FFF;
  line-height: 1.25;
  text-align: center;
}
footer::before,
footer::after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
}
footer::before {
  top: -8px;
  border-bottom: 2px solid #952F3D;
}
footer::after {
  top: -14px;
  border-bottom: 4px solid #952F3D;
}

.footer_inner {
  padding: 2.6% 0;
}

.footer_nav {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.footer_nav > li {
  padding: 0 7px;
  font-size: 16px;
  line-height: 1.25;
}
.footer_nav > li:not(:last-of-type){
  border-right: 1px solid #FFF;
}
.footer_link, .footer_link:visited {
  color: #FFF;
}

/********************************************
  ヘッダー
  */
header {
  position: fixed;
  z-index: 200;
  top: 0;
  left: 0;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,1)),to(rgba(255,255,255,0)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
  min-height: 116.688px;

  -webkit-transition: background-color .25s;
  -o-transition: background-color .25s;
  transition: background-color .25s;
}
header::before,
header::after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;

  -webkit-transform: scale(0, 1);
      -ms-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  -o-transition: transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}
header::before {
  bottom: 7px;
  border-bottom: 2px solid #952F3D;
}
header::after{
  bottom: 0;
  border-bottom: 4px solid #952F3D;
}
.scroll_header {
  background-color: #FFF;
}
.scroll_header .header_contents_bloc {
  margin: 0 auto;
}
.scroll_header::before,
.scroll_header::after{
  -webkit-transform: scale(1, 1);
      -ms-transform: scale(1, 1);
          transform: scale(1, 1);
}


/*ヘッダーロゴ*/
.logo_bloc {
  width: 35.5%;
}
#logo {
  margin: 5.4% 0 7.3% 4.8%;
}

/*ヘッダーボタン*/
.header_btn_bloc {
  width: 24.6%;
}
_:-ms-input-placeholder, :root .header_btn_bloc {
  margin:  0 0 0 auto;
}
.header_btn_inner {
  margin: 5.8% 8.8% 0 0;
}
.header_btn_access {
  padding: 10px;
  padding: 4.8% 10px;
  border-radius: 12px;
  -webkit-transition: background-color .5s;
  -o-transition: background-color .5s;
  transition: background-color .5s;
}

/********************************************
  逆三角形
  */
.iTriangle {
  margin: 0 auto;
  width: 9em;
  height: 2.5em;
  font-size: 40px;

  background: url(../img/common/inverted_triangle.svg) no-repeat 0 0 / 100% auto;
}
#iTriangle1 {
  margin: 10.2% auto 6.9%;
}
#iTriangle2 {
  margin: 0% auto 6%;
}
#iTriangle3 {
  margin: 3.7% auto 6%;
}

/********************************************
  店舗＆求人　                                 */
.contact_bloc {
  position: relative;
  width: 100%;
  padding: 10.2% 0 6.8%;
  margin: auto;
}
.contact_bloc#contact_bloc1 {
  /*min-height: 262.594px;*/
}
.contact_plus_bloc {
  padding: 1px 0 14.4%;
}

/*ボタン*/
.contact_btn_bloc {
  width: 83.6%;
  margin: 0 0 0 16.4%;
}
.contact_btn_inner {
  width: 48.6%;
}
.contact_btn_access,
.contact_btn_job {
  min-height: 168.88px;

  background: url(../img/contact/contact_btn_bgi.svg) no-repeat 0 0 / 100% auto;
}
.contact_btn_access {
  padding: 9.4% 10% 8.6% 9%;
}
.contact_btn_job {
  padding: 9.3% 5.16% 8.7% 3.64%;
}

/*イラスト*/
.contact_illust {
  position: absolute;
  z-index: 1;

  width: 24.1%;
  height: 0;
  padding-top: 45%;
  left: 0;
  bottom: 1%;
  background: url('../img/contact/contact_illust.png') no-repeat 0 0;
  background-size: 100% auto;
  background-position: left bottom;
}
.contact_plus_bloc .contact_illust {
  bottom: 8.8%;
}

/*初めて限定*/
.contact_first_time_bloc {
  margin: 1.6% 0 12.3%;
}
.contact_first_time_pop {
  display: block;
  width: 30.4%;
  margin:  0 0 .6% 8%;
}

/********************************************
  各項目のヘッダー
  */
/**/
.header_border {
  position: relative;
  z-index: 2;
  border-top: 4px solid #952F3D;
  border-bottom: 4px solid #952F3D;
  padding: 10px 0;
}
.header_bloc {
  position: relative;
  background: #952F3D;
}
.header_bloc::before,
.header_bloc::after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
}
.header_bloc::before {
  top: -7px;
  border-bottom: 2px solid #952F3D;
}
.header_bloc::after {
  bottom: -7px;
  border-bottom: 2px solid #952F3D;
}

/********************************************
  背景共通
  */
.common_bgi {
  background: url(../img/common/common_bgi.svg) repeat-y 0 0 / 100% auto;
}
_:-ms-input-placeholder, :root .common_bgi {
  background-size: 100% 66vw;
}

/********************************************
  メインフィーチャー
  */
.effect {
  position: absolute;
  background: url(../img/main_feature/main_feature_effect.svg) no-repeat 0 0 / 100% auto;
}
#mf_effect1,
#mf_effect5,
#mf_effect9 {
  width: 4.6%;
  height: 12%;
}
#mf_effect2,
#mf_effect3,
#mf_effect6,
#mf_effect7 {
  width: 6.5%;
  height: 16%;
}
#mf_effect4,
#mf_effect8 {
  width: 8.7%;
  height: 20%;
}

#mf_effect1 {
  top: 1%;
  left: 29.3%;
}
#mf_effect2 {
  top: 4.5%;
  right: 35.34%;
}
#mf_effect3 {
  top: 15.5%;
  left: 5.4%;
}
#mf_effect4 {
  top: 15.5%;
  right: 1.7%;
}
#mf_effect5 {
  top: 27%;
  left: 28%;
}
#mf_effect6 {
  top: 29%;
  left: 34%;
}
#mf_effect7 {
  top: 33.75%;
  right: 9.8%;
}
#mf_effect8 {
  top: 64.5%;
  left: 2.4%;
}
#mf_effect9 {
  top: 69.4%;
  right: .6%;
}

/*フィーチャー内容*/
.main_feature_bloc {
  overflow: hidden;
  position: relative;

  padding: 18px 0 0;
  margin: 102.688px 0 0;
}
.main_feature_bloc::before,
.main_feature_bloc::after {
  position: absolute;
  content: '';
  width: 100%;
  left: 0;
  background-color: #FFF;
}
.main_feature_bloc::before {
  z-index: 0;
  height: 20px;
  top: 0;
}
.main_feature_bloc::after {
  height: 20px;
  bottom: 0;
}

.mf_contents_bloc {
  max-width: 1090px;
  position: relative;

  min-height: 598.562px;
}

.mf_header_bloc {
  position: relative;
  z-index: 2;
  width: 67.2%;
  width: 70.7%;
}
.mf_text {
  width: 91.78%;
  margin: 2.8% 0 0 2.5%;
}
.mf_balloon {
  display: block;
  width: 37.5%;
  margin: -.8% 0 0 0
}
.mf_nicobar {
  width: 96.6%;
  margin: -.6% 0 0 3.4%;
}

.mf_illust_bloc {
  position: absolute;
  width: 69.2%;
  height:0;
  padding-top: 76.2%;

  right: 2.5%;
  bottom: -18.6%;

  background: url('../img/main_feature/main_feature_illust.png') no-repeat 0 0;
  background-position: right bottom;
  background-size: 100% auto;
}

/*サブ見出し用*/
.mf_header_border {
  min-height: 134.312px;
  margin: .55% 0 0;
}
.mf_sub_header_inner {
  width: 91.9%;
  margin: auto;
  padding: 1.8% 0 2.1%;
}

/********************************************
  お悩み
  */
.trouble_header_border {
  border-bottom: none;
  padding: 10px 0 0;
}
.trouble_header_border > .header_bloc::after {
  content: none;
}
.trouble_header_bloc {
  position: relative;
  width: 96.3%;
  margin: 0 0 3.3em 1.7%;
  padding: 2.36% 0 2.42%;
}
.trouble_header_bloc::before {
  position: absolute;
  content: '';
  z-index: -1;
  display: block;

  left: 0;
  right: 0;
  margin: auto;
  bottom: -1.46em;

  width: 0;
  height: 0;
  font-size: 40px;
  border: 2.91em solid transparent;
  border-top: 1.55em solid #952F3D;
  border-bottom: 0;
}

/*お悩み一覧*/
.trouble_bloc {
  position: relative;
  width: 98.1%;
  padding: 5% 3.2% 8% 6.9%;
  margin: -0.4% 0px 3.4% 0.9%;
  background: url(../img/trouble/trouble_bgi_pc.svg) no-repeat 0 0 / 100% auto;
}

.trouble_bloc > dl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;

  width: 100%;
  margin: 1.38% 0 0;
}

.t_checkbox {
  position: relative;
  font-size: 40px;

  height: 1.14em;
  width: 1.14em;
  margin: 0 .79em 0 0;

  background-color: #FFE486;
}

.check1_inner, .check2_inner, .check3_inner,
.icon1, .icon2, .icon3 {
  position: absolute;
  font-size: 40px;

  display: block;
  width: 1.45em;
  height: 1.36em;
}

.check1_inner, .check2_inner, .check3_inner {
  top: -.575em;
  left: 0;
  overflow: hidden;
}
.icon1, .icon2, .icon3 {
  top: 0;
  left: 0;
  background: url(../img/trouble/trouble_check.svg) no-repeat 0 0;
  background-size: 1.45em 1.36em;
}

.t_checkbox + dd {
  overflow: hidden;
  margin: 0;
  padding: .42em 0 .42em .21em;

  color:#808080;
  font-size: 41.4px;
  line-height: 1.3em;
  letter-spacing: -2px;

  width: 90%;
  width: calc(100% - 2em);
}

.underline_dotted {
  display: inline;
  background: #BB6568;
  background: -webkit-linear-gradient(left, #BB6568, #BB6568 8px, transparent 0px, transparent 6px);
  background: -o-linear-gradient(left, #BB6568, #BB6568 8px, transparent 0px, transparent 6px);
  background: linear-gradient(90deg, #BB6568, #BB6568 8px, transparent 0px, transparent 6px);
  background-size: 14px 2.5px;
  background-position: left 4px bottom;
  background-repeat: repeat-x;
  padding: 0 0 1.75% 0;
}


/********************************************
  楽しみ方
  */
.enjoy_sec {
  overflow: hidden;
  padding-bottom: 14px;
}
.enjoy_header_bloc {
  width: 52.8%;
  margin: 0 0 0 23.1%;
  padding: 3.2% 0 2.8%;
}

/**/
.enjoy_bgi {
  background-position: center center;
}
.enjoy_contents_bloc {
  padding: 11% 0 0;
  margin: -4% 0 0 17.7%;
}
.enjoy_sub_header_bloc {
  width: 36.1%;
  margin: 0 0 2.3% 2.8%;
}
.enjoy_contents_bloc p {
  line-height: 1.6;
}
.enjoy_image_bloc {
  position: relative;
  width: 75.6%;
  height: 0;
  padding-top: 49.6%;
  margin: .6em 0 0 1.1%;
}
.enjoy_image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(../img/enjoy/enjoy_image.png) no-repeat 0 0 / 100% auto;
}
.enjoy_illust_bloc {
  position: absolute;
  width: 199%;
  height: 100%;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-49.75%);
      -ms-transform: translateX(-49.75%);
          transform: translateX(-49.75%);
}
.enjoy_illust1 {
  position: absolute;
  width: 37.8%;
  top: -63.2%;
  left: 0;
}

.enjoy_illust2 {
  position: absolute;
  width: 22.7%;
  right: 5.3%;
  bottom: -1.4%;
}


/********************************************
  特徴
  */
_:-ms-input-placeholder, :root .feature_bgi {
  background-size: 100% 65.8vw;
}

.feature_contents_bloc {
  padding-bottom: 1px !important;
}
.feature_list {
  width: 81.2%;
  margin: auto;
  padding: 1.6% 0 4%;
}
.feature_bloc {
  padding: 7.5% 0 0;
}

.feature_bloc_header {
  margin: 0 auto 3.2%;
}
.feature_content {
  margin: 3.2% -.1em 1.8% 0;
}
.feature_image {
  margin: 1.8% auto 0;
}

/*各特徴ヘッダー*/
.feature1_header {
  width: 62.48%;
  margin-left: 18.12%;
}
.feature2_header {
  width: 80.5%;
  margin-left: 10.12%;
}
.feature3_header {
  width: 62.48%;
  margin-left: 18.12%;
}

.feature_contents_bloc .contact_bloc {
  margin: 0 auto 8%;
}


/********************************************
  口コミ
  */
_:-ms-input-placeholder, :root .online_reviews_bgi {
  background-size: 100% 65.8vw;
}

.online_reviews_contents_bloc {
  padding-top: 1px !important;
}
.online_reviews_header {
  width: 38.01%;
  margin: 5% 0 3.2% 30.66%;
}
.online_reviews_list {
  padding: 1.6% 0 1%;
}

.online_reviews_bloc {
  background-color: #FFF;
}
.online_reviews_bloc_header {
  font-size: 40.4px;
  letter-spacing: -1px;
  margin: 0 0 -.2% 3.2%;
  padding: 2.4% 0 0;
}
.or_bloc_header_inner {
  color: #C65E5C;
}