@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: 40px;
}

.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: 25px 0;

}
#shopArea #shopList .shopLineup {
	width: 100%;
	margin-bottom: 15px;
}
.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;
}


#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;
}

@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;
}