@charset "utf-8";

/*****************************  【個別ID指定】「固有ヘッダー」内　100%ブロック ここから*/
/* 山田うどん190401　*/
.page-body.device-pc .layout-page .layout-body-header .block[data-block-id="195668"] .b-body,
.page-body.device-pc .layout-page .layout-body-header .block[data-block-id="215657"] .b-body,
.page-body.device-pc .layout-page .layout-body-header .block[data-block-id="207847"] .b-body,
.page-body.device-pc .layout-page .layout-body-header .block[data-block-id="206865"] .b-body {
  width: 100% !important;
  /* 【横幅最大値を変更したい場合】下記100％の値を変更してください。*/
  max-width: 100% !important;
  margin-left: auto;
  margin-right: auto;
}
/*****************************  「固有ヘッダー」内　100%ブロック　ここまで*/

/***************************** 「小（950px）」「大（1280px）」設定の時　コンテンツの幅を89.8% ここから*/
.page-body.device-pc[data-max-width="950"]:not(.width-small) .layout-page {
	width: 89.8%;
}
.page-body.device-pc[data-max-width="1280"]:not(.width-small) .layout-page {
	width: 89.8%;
}
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-header,
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body,
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-footer {
	width: 89.8%;
}
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-header,
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body,
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-footer {
	width:  89.8%;
}
/***************************** 「小（950px）」「大（1280px）」設定の時　コンテンツの幅を89.8% ここまで*/

/***************************** 「固有ヘッダー」「固有フッター」100％許容するための調整 ここから*/
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-header,
.page-body[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-header,
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-footer,
.page-body[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-footer,
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-header,
.page-body[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-header,
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-footer,
.page-body[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-footer {
  width: 100%;
  max-width: 100%;
}
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-header .block .b-body,
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-header .block .b-head,
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-footer .block .b-body,
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-footer .block .b-head {
  margin-left: auto;
  margin-right: auto;
  width: 89.8%;
  max-width: 950px;
}
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-header .block .b-body,
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-header .block .b-head,
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-footer .block .b-body,
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-footer .block .b-head {
  margin-left: auto;
  margin-right: auto;
  width: 89.8%;
  max-width: 1280px;
}
/*「画像見出し」ブロック*/
.page-body.device-pc[data-max-width="950-"]:not(.width-small) .layout-page .layout-body-header .block-HeadingImage h1.part-HeadingImage {
  margin-left: auto;
  margin-right: auto;
  width: 89.8%;
  max-width: 950px;
}
.page-body.device-pc[data-max-width="1280-"]:not(.width-small) .layout-page .layout-body-header .block-HeadingImage h1.part-HeadingImage {
  margin-left: auto;
  margin-right: auto;
  max-width: none;
}

.page-body .block[data-block-id="382193"] .b-body{
width: 100% !important;
max-width: 100% !important;
}
/***************************** 「固有ヘッダー」「固有フッター」100％許容するための調整 ここまで*/

/* 1～3カラムの時　SPでのマージンの統一　ここから*/
.page-body.width-small .layout-body .layout-contents {
  padding: 2% 2% 8% 2%;
}
/* 1～3カラムの時　SPでのマージンの統一　ここまで*/



/*****************************  【店舗一覧】「shop/以下のテーブル」幅指定 ここから*/

.page-body[data-url ^="/shop/"] .piece-Table thead th:first-child {
     width: 22%;
}
.page-body[data-url ^="/shop/"] .piece-Table thead th:nth-child(2) {
     width: 27%;
}
.page-body[data-url ^="/shop/"] .piece-Table thead th:nth-child(3) {
     width: 15%;
}
.page-body[data-url ^="/shop/"] .piece-Table thead th:nth-child(4) {
     width: 10%;
}
.page-body[data-url ^="/shop/"] .piece-Table thead th:nth-child(5) {
     width: 13%;
}
.page-body[data-url ^="/shop/"] .piece-Table thead th:nth-child(6) {
     width: 13%;
}
/*****************************  「shop/以下のテーブル」幅指定　ここまで*/


.block-SocialButton .b-body .part-SocialButton ul.piece-SocialButton.small li:nth-child(2) {
width: 85px;
}

/***　200604　TOPページお知らせ用CSSその2　追記　***/

.emergency_notice2 {
    display: none;
    position: relative;
    margin: 0 30px;
    padding: 8px 30px;
    border: 2px solid #BF1826;
    border-radius: 5px;
    background-color: #BF1826;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none !important;
    text-align: center;
}
.emergency_notice2:hover {
  opacity: 0.6;
}
.saftylist li {
	margin-bottom: 10px;
}


/***　200505　TOPページお知らせ用CSS　追記　***/

.emergency_notice {
    display: inline-block;
    position: relative;
    margin: 0 auto;
    padding: 8px 100px;
    border: 2px solid #BF1826;
    border-radius: 5px;
    background-color: #BF1826;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none !important;
}
.emergency_notice:hover {
  opacity: 0.6;
}

.box_notice {
    background: #f6f6f6;
}
.box_notice .box-title {
    font-size: 1.2em;
    background: #f6d337;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_notice ul {
    padding: 30px 40px;
    margin: 0;
}

/***　201226　TOPページ年末年始お知らせ用CSS　追記　***/

.emergency_notice2 {
    display: none;
    position: relative;
    margin: 0 auto;
    padding: 8px 107px;
    border: 2px solid #BF1826;
    border-radius: 5px;
    background-color: #BF1826;
    cursor: pointer;
    transition: all 0.3s ease 0s;
    font-weight: bold;
    color: #fff !important;
    text-decoration: none !important;
}
.emergency_notice2:hover {
  opacity: 0.6;
}

.box_notice {
    background: #f6f6f6;
}
.box_notice .box-title {
    font-size: 1.2em;
    background: #f6d337;
    padding: 10px;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_notice ul {
    padding: 30px 40px;
    margin: 0;
}


/***　200512 店舗一覧電話番号追加用CSS　追記　***/

@media screen and (min-width: 751px){
  .tel-link {
    pointer-events: none;
    text-decoration: none !important;
  }
}

table.phone {
    margin: 0 0 20px 0;
}

.phone th {
    width: 30%;
    color: #333 !important;
}


/***　200720 通販購入フォーム 採番 CSS　

table.input tr.part-FormOneLineText:nth-of-type(2) label:before {
	content:"1.　";
    color: #333333;
}
table.input tr.part-FormOneLineText:nth-of-type(3) label:before {
	content:"2.　";
    color: #333333;
}
table.input tr.part-FormOneLineText:nth-of-type(4) label:before {
	content:"3.　";
    color: #333333;
}
table.input tr.part-FormOneLineText:nth-of-type(5) label:before {
	content:"4.　";
    color: #333333;
}
table.input tr.part-FormOneLineText:nth-of-type(6) label:before {
	content:"5.　";
    color: #333333;
}
table.input tr.part-FormOneLineText:nth-of-type(7) label:before {
	content:"6.　";
    color: #333333;
}
table.input tr.part-FormOneLineText:nth-of-type(8) label:before {
	content:"7.　";
    color: #333333;
}
table.input tr.part-FormOneLineText:nth-of-type(9) label:before {
	content:"8.　";
    color: #333333;
}
table.input tr.part-FormOneLineText:nth-of-type(10) label:before {
	content:"9.　";
    color: #333333;
}
table.input tr.part-FormOneLineText:nth-of-type(11) label:before {
	content:"10.　";
    color: #333333;
}
***/

table.input label {
    color: #333333;
}
tr.part-FormAddress th span {
    color: #333333;
}
tr.part-FormAddress th span {
    color: #333333;
}

/***　231201　iframeレスポンシブ化　***/
.iframe-wrapper-yama-pc {
  position: relative;
  padding-bottom: 60%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper-yama-pc iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.iframe-wrapper-yama {
  position: relative;
  padding-bottom: 68%;
  height: 0;
  overflow: hidden;
}

.iframe-wrapper-yama iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}