@charset "utf-8";

html, body {
   height: 100%;
}

.wrap {
   overflow: hidden;
}

body {
   background-image: url(img/bg-all.jpg);
   color: #FFF;
   line-height: normal;
}

body, td, th {
   /*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
   font-family: 'Lucida Bright', 'Times', 'Times New Roman', serif;
   font-size: 14px;
}

a, a:visited, a:hover, a:active {
   color: inherit;
}

#container {
   width: 100%;
   -webkit-text-size-adjust: none;
}

.tyuusyaku {
   vertical-align: super;
   font-size: 12px;
}

.tyuusyaku-comment {
   display: block;
   font-size: 12px;
   text-align: right;
}

.font-size-middle {
   font-size: 18px;
}

.font-size-small {
   font-size: 15px;
   margin-left: 30px;
}

.img-text-midashi {
   display: block;
   margin: 0 auto 35px;
}

.wrap-width {
   width: 1024px;
   margin: 0 auto;
}

#header {
   width: 100%;
   background-color: #595858;
}

.header-inner {
   padding: 10px 0;
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.header-inner p {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   color: #FFF;
   font-weight: bold;
   font-size: 16px;
}

.text-red {
   color: #c50018;
}

.text-red-white {
   color: #c50018;
   text-shadow:
      2px 2px 1px #fff,
      -2px 2px 1px #fff,
      2px -2px 1px #fff,
      -2px -2px 1px #fff,
      2px 0px 1px #fff,
      0px 2px 1px #fff,
      -2px 0px 1px #fff,
      0px -2px 1px #fff;
}

#topArea {
   width: 100%;
   height: 641px;
   position: relative;
   margin: 0 auto 10px;
   background-image: url(img/bg-top.png);
   background-repeat: no-repeat;
   background-position: top center;
}

#topArea .topArea-inner {
   position: relative;
   height: 641px;
}

.reagion-link {
   color: #eec600;
   display: flex;
   justify-content: center;
   margin: 20px auto 0;
   text-align: center;
}

.yellow-border {
   position: relative;
   font-size: 26px;
   border: 5px solid #eec600;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: bold;
   text-decoration: none;
   padding: 0 70px;
   margin: 0 40px;
   transition: 0.1s;
}

.yellow-border:hover {
   color: #000;
   background-color: #eec600;
}

.yellow-border:after {
   content: "";
   border-top: 3px solid #eec600;
   border-right: 3px solid #eec600;
   margin-top: -7px;
   height: 10px;
   width: 10px;
   position: absolute;
   top: 50%;
   right: 8%;
   transform: rotate(45deg);
}

.yellow-border:hover:after {
   border-top: 3px solid #000;
   border-right: 3px solid #000;
}

.topArea-lineup {
   width: 250px;
   height: 193px;
   text-decoration: none;
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   color: #fff;
   background-image: url(img/btn-order-kai.png);
   background-repeat: no-repeat;
   position: absolute;
   bottom: 5%;
   right: 0%;
   transition: 0.2s;
}

.topArea-lineup p {
   margin-top: 132px;
}

.topArea-lineup:hover {
   width: 250px;
   height: 193px;
   text-decoration: none;
   text-align: center;
   font-size: 20px;
   font-weight: bold;
   color: #b4860b;
   background-image: url(img/btn-order-hover-kai.png);
}


#shopArea {
   margin-top: 60px;
}

.shopName {
   margin-bottom: 15px;
   font-size: 28px;
   line-height: 1.7;
   font-weight: bold;
   text-shadow: 1px 1px 2px #000;
}

#shopArea h2 {
   margin-bottom: 20px;
}

#shopArea #shopList {
   background-image: url(img/bg-shop.jpg);
   background-size: contain;
   padding-top: 25px;

}

#shopArea #shopList .shopLineup {
   width: 100%;
   margin: 35px 0;
}

.shopHeadingArea {
   width: 94%;
   margin-bottom: 5px;
   margin: 5px auto 0;
}

.shopHeadingArea-inner {
   display: flex;
   justify-content: space-between;
}

.shopHeading1 {
   width: 25%;
}

.shopHeading1 img {
   width: 100%;
   max-width: 210px;
}

.shopHeading2 {
   width: 70%;
}

.shopHeading2-inner {
   display: flex;
   justify-content: space-between;
}

.shop-comment {
   font-size: 25px;
   background: linear-gradient(-135deg, #6a0000, #780202);
   border-radius: 5px;
   text-shadow: 1px 1px 2px #000;
   padding: 18px;
}

.shop-hp-link {
   display: flex;
   align-items: center;
   color: #fff;
   font-weight: bold;
   border-radius: 10px;
   padding: 5px 15px;
   height: 1.5em;
   background: linear-gradient(#B4860C, #D1B058);
   text-decoration: none;
}

.shopContentArea {
   width: 94%;
   margin: 0 auto;
   display: flex;
   justify-content: space-between;
}

.shopOwner {
   margin: 0 25px;
}

.shopArticle-text {
   margin: 35px 0;
   line-height: 150%;
   width: 600px;
   display: flex;
   align-items: center;
   font-size: 16px;
}

.shopArticle-text-nophoto {
   margin: 10px auto 20px;
   line-height: 150%;
   width: 910px;
   font-size: 16px;
}

.shopLine {
   display: block;
   margin: 40px auto;
}

.charisma-movie {
   width: 90%;
   max-width: 764px;
   max-height: 418px;
   margin: 40px auto;
   text-align: center;
}

.charisma-movie-img {
   width: 100%;
}

#lineup {
   margin-top: 35px;
}

.palContents {
   width: 890px;
   margin: 0 auto;
}

.products {
   background-image: url(img/bg-product.jpg);
   margin-bottom: 30px;
   padding-top: 20px;
}

.products h1 {
   background-image: url("img/product-name_circle.png");
   background-repeat: no-repeat;
   letter-spacing: 0.1em;
   line-height: 1.2em;
   font-size: 20px;
   height: 54px;
   padding-left: 30px;
   display: flex;
   align-items: center;
}

.products .productsPal {
   width: 100%;
}

.palHeading {
   width: 100%;
   margin-bottom: 20px;
   display: flex;
   justify-content: space-between;
}

.palImg {
   width: 150px;
   height: 273px;
}

.palImg-new {
   width: 143px;
   height: 247px;
}

.subhead {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: bold;
   background-color: #B23D3D;
   width: 220px;
   padding: 0 5px;
   font-size: 12px;
   border-radius: 5px;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
}

.palSpecArea {
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   margin: 40px auto;
}

.palTxt {
   font-size: 14px;
   width: 50%;
   margin-right: 20px;
}

.palSpec {
   margin: 0;
   width: 78%;
   line-height: 181%;
}



.palSpec table {
   width: 100%;
   border-collapse: collapse;
   margin-top: 30px;
}

.palSpec table th {
   width: 30%;
   height: auto;
   border-top: 1px solid #fff;
   vertical-align: middle;
   padding: 3px 0;
}

.palSpec table tr {
   border-bottom: 1px solid #fff;
   padding: 3px 0;
}

.palSpec td {
   text-align: center;
   vertical-align: middle;
   padding: 3px 0;
}

/* .products .btnOrderArea {
	text-align: center;
   width: 890px;
   margin: 20px auto;
} */

.products .btnOrderArea-en-inner {
   width: 890px;
   /* height: 70px; */
   background: rgb(207, 173, 82);
   background: radial-gradient(circle, rgba(207, 173, 82, 1) 0%, rgba(130, 74, 1, 1) 100%);
   border-radius: 5px;
   box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.60);
   margin: 20px auto;
   padding: 10px 50px;
   box-sizing: border-box;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   color: #fff;
   text-decoration: none;
   font-size: 20px;
   font-weight: bold;
   text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.60);
   display: flex;
   align-items: center;
   justify-content: space-between;
}

.products .btnOrderArea-en-inner:hover {
   opacity: 0.8;
}

.setSpecArea {
   width: 100%;
   display: flex;
   flex-direction: row-reverse;
   justify-content: space-between;
   margin: 40px 0;
}

.products .productsSet {
   width: 100%;
}

#lineup .setTxt {
   width: 100%;
   margin-bottom: 40px;
}

#lineup .setSpec {
   margin: 0;
   width: 60%;
   line-height: 181%;
}

#lineup .setSpec table {
   width: 100%;
   border-collapse: collapse;
   margin-top: 30px;
}

#lineup .setSpec table th {
   width: 30%;
   height: auto;
   border-top: 1px solid #fff;
   vertical-align: middle;
   padding: 3px 0;
}

#lineup .setSpec table tr {
   border-bottom: 1px solid #fff;
   padding: 3px 0;
}

#lineup .setSpec td {
   text-align: center;
   vertical-align: middle;
   padding: 3px 0;
}

#lineup h2 {
   margin-bottom: 20px;
}

#methodArea {
   margin-top: 70px;
}

#methodArea #methodContent {
   background-image: url(img/bg-method.png);
   background-repeat: no-repeat;
   margin-bottom: 30px;
   padding: 0 20px 30px;
   box-sizing: border-box;
}

#methodArea .methodContent-inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

#methodArea #methodContent .method-box {
   width: 48%;
   margin-top: 38px;
   text-align: center;
   display: flex;
   flex-direction: column;
}

#methodArea #methodContent .method-box-img {
   width: 100%;
}

#methodArea .text-red-big {
   font-size: 15px;
   color: red;
   width: 50px;
}

#methodArea .question {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: bold;
   border: 3px solid #000;
   background-color: #fff;
   color: #000;
   font-size: 18px;
   padding: 15px 0;
   width: 100%;
   border-radius: 5px;

   flex: 1;
   height: 100%;
   min-height: 0%;

   display: flex;
   justify-content: center;
   align-items: center;
}

#methodArea #methodContent p.imgY {
   margin: 15px 0;
}

#methodArea .answer-box {
   display: flex;
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: bold;
   background-color: #47350B;
   color: #fff;
   font-size: 15px;
   padding: 15px;
   width: 100%;
   border-radius: 5px;
   margin-bottom: 15px;
   box-sizing: border-box;
   flex: 2;
   height: 100%;
   min-height: 0%;
   display: flex;
   justify-content: center;
   align-items: center;
}

#methodArea .answer-box img {
   margin-right: 10px;
}

#methodArea .answer-box p {
   font-size: 13px;
}

#methodArea .answer {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: bold;
   background-color: #47350B;
   color: #fff;
   font-size: 15px;
   padding: 15px;
   width: 100%;
   border-radius: 5px;
   margin-bottom: 15px;
   box-sizing: border-box;
   flex: 2;
   height: 100%;
   min-height: 0%;

   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
}

#methodArea #methodContent .methodExample {
   display: flex;
   justify-content: space-between;
   width: 100%;
   margin-top: 20px;
}

#methodArea #methodContent .ex1 {
   width: 55%;
}

#methodArea #methodContent .ex1 img {
   width: 100%;
   max-width: 530px;
   max-height: 176px;
}

#methodArea #methodContent .ex1 h3 {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: bold;
   font-size: 16px;
   padding: 12px 0 12px 20px;
   box-sizing: border-box;
   background-color: #E5A50D;
   border-radius: 5px;
   letter-spacing: 0.1em;
}

#methodArea #methodContent .ex2 {
   width: 42%;
}

#methodArea #methodContent .ex2 img {
   max-width: 380px;
   max-height: 60px;
   width: 100%;
}

#methodArea #methodContent .ex2-inner {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   background-color: #746237;
   margin: 0;
   border-radius: 5px;
   width: 360px;
   margin-top: -5px;
   margin-left: 20px;
   padding: 12px;
   box-sizing: border-box;
   font-size: 11px;
   line-height: 2;
}

#methodArea #methodContent .ex2-inner p {
   text-indent: -1em;
   padding-left: 1em;
}

#methodArea #methodContent .ex2-inner-comment {
   background-color: #47350B;
   padding: 10px;
   margin-top: 10px;
}

#methodArea #methodContent .ex2-inner-comment h1 {
   font-size: 18px;
   color: #FF0000;
   text-align: center;
   font-weight: bold;
   line-height: 1.2;
   padding: 10px 0;
}

#methodArea #methodContent .ex2-inner-comment p {
   text-indent: 0em;
   padding: 0 0.5em;
}

.pointArea {
   display: block;
   width: 100%;
   max-width: 950px;
   margin-top: 40px;
   margin: 40px auto 0;
}

#ramenScaleArea {
   margin-top: 70px;
   margin-bottom: 70px;
}

#ramenScaleArea .ramenScale-inner {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
}

#ramenScaleArea .ramenScale-img {
   width: 40%;
}

#ramenScaleArea .ramenScale-img img {
   width: 100%;
   max-width: 160px;
}

#ramenScaleArea .ramenScale-box {
   width: 49%;
   padding: 20px;
   margin-bottom: 10px;
   background-image: url("img/bg-scale.png");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: top right;
   display: flex;
   box-sizing: border-box;
}

#ramenScaleArea .ramenScale-box-text {
   width: 60%;
   font-size: 22px;
   padding-left: 15px;
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   justify-content: center;
}

#ramenScaleArea .ramenScale-box-text p {
   margin-left: 20px;
   line-height: 1.8em;
}

#ramenScaleArea .ramenScale-line {
   width: 100%;
}

/* #otherProducts {
   margin-bottom: 70px;
} */
.products {
   background-image: url(img/bg-product.jpg);
   margin-bottom: 30px;
   padding-top: 20px;
   padding-bottom: 5px;
}

.masterContents {
   width: 890px;
   margin: 0 auto;
}

.products h1 {
   background-image: url("img/product-name_circle.png");
   background-repeat: no-repeat;
   letter-spacing: 0.1em;
   line-height: 1.2em;
   font-size: 20px;
   height: 54px;
   padding-left: 30px;
   display: flex;
   align-items: center;
}

.products .productsMaster {
   width: 100%;
}

.products {
   background-image: url(img/bg-product.jpg);
   margin-bottom: 30px;
   padding-top: 20px;
}

.products h1 {
   background-image: url("img/product-name_circle.png");
   background-repeat: no-repeat;
   letter-spacing: 0.1em;
   line-height: 1.2em;
   font-size: 20px;
   height: 54px;
   padding-left: 30px;
   display: flex;
   align-items: center;
}


.masterHeading {
   margin-bottom: 20px;
   display: flex;
   justify-content: space-between;
}

.masterHeading-text-small {
   font-size: 15px;
   margin-left: 30px;
}

.masterImg {
   width: 260px;
   height: 125px;
}

.subhead {
   font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: bold;
   background-color: #B23D3D;
   width: 220px;
   padding: 0 5px;
   font-size: 12px;
   border-radius: 5px;
   text-align: center;
   display: flex;
   justify-content: center;
   align-items: center;
}

.masterSpecArea {
   display: flex;
   justify-content: space-between;
}

.masterTxt {
   width: 100%;
   font-size: 14px;
   margin-bottom: 30px;
}

.masterSpec {
   margin: 0 0 20px 40px;
   line-height: 181%;
}

.masterSpec table {
   width: 100%;
   border-collapse: collapse;

}

.masterSpec table th {
   width: 30%;
   height: auto;
   border-top: 1px solid #fff;
   vertical-align: middle;
   padding: 3px 0;
}

.masterSpec table tr {
   border-bottom: 1px solid #fff;
   padding: 3px 0;
}

.masterSpec td {
   text-align: center;
   vertical-align: middle;
   padding: 3px 0;
}

/* 
.products .btnOrderArea {
	text-align: center;
   width: 890px;
   margin: 20px auto;
} */

/*PAL-pHのPRを追加*/
#prarea_pal_ph {
   font-family: 'Noto Sans JP', sans-serif, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
   font-weight: 300;
   font-size: 14px;
   line-height: 1.5;
   background-color: #fff;
   margin: 30px auto;
   display: flex;
   text-align: left;
   padding: 30px;
   box-sizing: border-box;
   box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
}

#prarea_pal_ph .img_area {
   width: 50%;
}

#prarea_pal_ph .img_area img {
   display: block;
   margin: 0 auto;
   max-width: 408px;
   height: auto;
   text-align: center;
}

#prarea_pal_ph .txt_area {
   /* border: 1px solid red; */
   margin: 25px auto;
   color: #888888;
}

#prarea_pal_ph .txt_area h2 {
   font-size: 60px;
   font-weight: bold;
   font-family: "Lucida Sans Unicode", "Lucida Grande", "sans-serif";
   line-height: 0.6em;
}

#prarea_pal_ph .txt_area h2 span {
   font-size: 12px;
   font-weight: 300;
}

#prarea_pal_ph .txt_area h3 {
   font-size: 18px;
   font-weight: 700;
   line-height: 1.5;
   margin: 10px 0 10px;
}

#prarea_pal_ph .txt_area .price {
   text-align: right;
   font-weight: 700;
   margin: 0 0 10px;
   font-size: 18px;
}

#prarea_pal_ph .tbl_spec {
   width: 100%;
   border-top: 1px solid #888;
}

#prarea_pal_ph .tbl_spec td, .tbl_spec th {
   border-bottom: 1px solid #888;
   padding: 3px 0;
}

/*#prarea_pal_ph .btn_ph form input {
   font-family: 'Noto Sans JP';
   width: 100%;
   text-align: center;
   padding: 10px 0;
   margin: 20px 0;
   cursor: pointer;
   border: 2px solid #c22235;
   background-color: #c22235;
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   transition: 0.5s;
}
#prarea_pal_ph .btn_ph form input:hover {
   background-color: #fff;
   color: #c22235;
}*/
#prarea_pal_ph .btn_ph a {
   display: block;
   font-family: 'Noto Sans JP';
   width: 100%;
   text-align: center;
   padding: 10px 0;
   margin: 20px 0;
   cursor: pointer;
   border: 2px solid #c22235;
   background-color: #c22235;
   color: #fff;
   font-size: 16px;
   font-weight: 500;
   transition: 0.5s;
   text-decoration: none;
}

/*//PAL-pHのPRを追加*/





#footer {
   margin-top: 40px;
   background-image: url(img/bg-inquiry02.png);
}

#footer .purchase-text {
   background-image: url("img/bg-purchase.png");
   text-align: center;
   font-size: 35px;
   font-weight: bold;
   text-shadow: 0px 0px 7px rgba(0, 0, 0, 1);
   padding: 30px 0;
   box-sizing: border-box;
}

#footer .bg-purchase-arrow {
   display: block;
   margin: 0 auto;
}

#footer .inquiry {
   text-align: center;
   overflow: hidden;
   background-image: url(img/bg-inquiry02.png);
   padding-top: 20px;
   padding-bottom: 100px;
   margin-right: auto;
   margin-left: auto;
}

#footer .inquiry img {
   vertical-align: top;
}

#footer .inquiry .tell {
   float: left;
   width: 396px;
   margin-right: 30px;
}

#footer .inquiry .mail {
   float: left;
   width: 273px;
}

#footer .copyright {
   background-color: #251C12;
   text-align: center;
}

/*フッター*/
#footer {
   background-color: #000;
   text-align: center;
   margin: 0;
   color: #fff;
}

#footer img {
   margin: 10px 0;
}

#footer p {
   font-family: 'Open Sans', sans-serif;
}

#footer p a:hover {
   color: #c5c4c4;
}

#footer p a:link, footer p a:visited {
   color: #fff;
}

#footer p span {
   font-size: 16px;
   font-weight: bold;
}

/* page-top */
#page-top {
   position: fixed;
   top: 370px;
   font-size: 77%;
   right: 20px;
   display: none;
}

#page-top a {
   text-decoration: none;
   color: #fff;
   width: 100px;
   text-align: center;
   display: block;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   background-image: url(img/btn-pagetop_out.png);
   padding-top: 95px;
   padding-right: 0;
   padding-bottom: 30px;
   padding-left: 0;
   background-repeat: no-repeat;
   height: 35px;
}

#page-top a:hover {
   text-decoration: none;
   background-image: url(img/btn-pagetop_over.png);
   background-repeat: no-repeat;
}


/*2020.02.11　アタゴショップのボタンを追加*/
input {
   filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.4));
}

input:hover {
   opacity: 0.8;
}

#fix_cartbutton {
   width: 100%;
   max-height: 68px;
   text-align: center;
   background-color: #cdab4d;
   color: #ffffff;
   position: fixed;
   bottom: 0;
}

#fix_cartbutton input {
   filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0));
}

#fix_cartbutton .fix_cartbutton-img {
   width: 100%;
   max-width: 700px;
   vertical-align: top;
}

/* 動画バナー */
.video-bnr {
   width: 960px;
   margin: 80px auto 20px;
}

@media screen and (max-width: 960px) {
   .wrap-width {
      width: 96%;
   }

   .topArea-inner {
      display: none;
   }

   .yellow-border {
      padding: 0 60px;
      margin: 0 20px;
   }

   .img-text-midashi {
      width: 100%;
      height: auto;
   }

   #shopArea #shopList .shopLineup {
      width: 100%;
   }

   #shopList .shopLine {
      display: block;
      width: 94%;
      margin: 20px auto;
   }

   #shopList .shopHeading1 {
      width: 30%;
   }

   #shopList .shopHeading2-inner {
      flex-direction: column;
   }

   #shopList .shop-hp-link {
      width: 50%;
      margin-bottom: 10px;
   }

   #shopList .shopOwner {
      display: block;
      margin: 0 auto;
   }

   #shopList .shopArticle-text {
      display: block;
      width: 96%;
      margin-left: auto;
      margin-right: auto;
   }

   #shopList .shopContentArea {
      flex-direction: column;
   }

   #shopList .shopImg {
      display: block;
      max-width: 640px;
      max-height: 291px;
      width: 100%;
      margin: 0 auto;
   }

   .shopHeading1 p {
      font-size: 16px;
      margin-top: 32px;
   }

   #lineup .setSpec {
      flex-direction: column;
      margin: 0;
      width: 96%;
      line-height: 181%;
   }

   .palHeading {
      flex-direction: column;
   }

   .subhead {
      margin-left: 50px;
   }

   .palContents {
      width: 92%;
   }

   .palImg {
      margin: 20px 0;
   }

   .palTxt {
      width: 100%;
      margin: 0 0 30px;
   }

   .palSpec {
      width: 100%;
   }

   .palSpecArea {
      flex-direction: column;
      align-items: center;
      margin: 0;
   }

   #lineup .setTxt {
      font-size: 16px;
      margin: 40px 0;
   }

   .masterTxt {
      font-size: 16px;
   }

   .setSpecArea {
      flex-direction: column;
      align-items: center;
      margin: 0;
   }

   .btnOrderArea-en {
      width: 100%;
   }

   .products .btnOrderArea-en-inner {
      width: 100%;
      /* justify-content: center; */
   }

   #methodArea #methodContent .methodExample {
      flex-direction: column;
   }

   #methodArea #methodContent .ex1 {
      width: 100%;
      text-align: center;
   }

   #methodArea #methodContent .ex2 {
      width: 100%;
      display: flex;
      flex-direction: column;
      align-items: center;
      margin: 10px 0;
   }


   #ramenScaleArea .ramenScale-box-text p {
      font-size: 18px;
   }

   .masterHeading {
      flex-direction: column;
   }

   .masterSpecArea {
      flex-direction: column;
      align-items: center;
   }

   .masterContents {
      width: 92%;
   }

   .masterTxt {
      width: 100%;
      margin: 30px 0;
   }

   .masterSpec {
      width: 100%;
      margin: 0;
   }

   #otherProducts .subhead {
      margin-top: 20px;
   }

   #prarea_pal_ph .img_area {
      width: 100%;
   }

   #prarea_pal_ph .img_area img {
      width: 100%;
   }



   #prarea_pal_ph {
      flex-direction: column;
   }
}

@media screen and (min-width: 481px) {
   .PC_None {
      display: none;
   }
}

@media screen and (max-width: 480px) {
   .SP_None {
      display: none;
   }

   #topArea {
      width: 100%;
      height: 456px;
      position: relative;
      margin: 10px auto 0;
      background-image: url(img/bg-top-sp.png);
      background-repeat: no-repeat;
      background-position: top center;
   }

   .wrap-width {
      width: 100%;
   }

   .reagion-link {
      width: 96%;
      margin: 20px auto 0;
   }

   .yellow-border {
      font-size: 18px;
      padding: 0 30px;
   }

   .header-inner {
      width: 96%;
      padding: 5px 0;
   }

   .header-inner p {
      margin-left: 20px;
      padding: 0;
      font-size: 10px;
   }

   .img-text-midashi {
      margin: 0 auto 35px;
   }

   #shopList .shopHeading1 {
      display: none;
   }

   #shopList .shopHeading2 {
      width: 100%;
   }

   #shopList .shop-comment {
      font-size: 18px;
   }

   #shopList .shopArticle-text {
      font-size: 16px;
   }

   #shopList .shop-hp-link {
      width: auto;
   }

   #shopList .shopLine {
      object-fit: contain;
   }

   #lineup .setSpec {
      margin: 0;
      width: 92%;
      line-height: 181%;
   }

   #lineup .setTxt {
      font-size: 15px;
   }

   .masterTxt {
      font-size: 15px;
   }

   .products h1 {
      flex-direction: column;
      align-items: flex-start;
      height: auto;
   }

   .font-size-small {
      margin: 0;
   }

   .subhead {
      margin: 10px 0 0 30px;
   }




   #methodArea .methodContent-inner {
      flex-direction: column;
   }

   #methodArea #methodContent .method-box {
      width: 100%;
   }

   #methodArea #methodContent .ex2-inner {
      width: 95%;
      margin-left: 18px;
   }

   #ramenScaleArea .ramenScale-inner {
      flex-direction: column;
   }

   #ramenScaleArea .ramenScale-box {
      width: 96%;
      margin-left: auto;
      margin-right: auto;
   }

   #footer .purchase-text p {
      font-size: 16px;
   }

   #footer .inquiry p {
      font-size: 14px;
   }



   #page-top {
      top: 75%;
      right: 0;
   }

}

/* 《改》バナー */
.marukai-bannar {
   max-width: 950px;
   width: 92%;
   margin: 0 auto;
}