@charset "UTF-8";

html{
	font-size:62.5%;
}


body{
	margin:0;
	padding:0;
	position:relative;
	color:#333333;
	background:#fffbf6;
}

p,
ul,
ol {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        display: none;
        opacity: 0;
        z-index: -1;
    }
}

#loader {
    width: 100%;
    height: 100vh;
    background-color: #FFFFFF;
}

.sk-fading-circle {
  margin: 600px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #E60000;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
          animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}
.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
      -ms-transform: rotate(30deg);
          transform: rotate(30deg);
}
.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
      -ms-transform: rotate(60deg);
          transform: rotate(60deg);
}
.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}
.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
      -ms-transform: rotate(120deg);
          transform: rotate(120deg);
}
.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
      -ms-transform: rotate(150deg);
          transform: rotate(150deg);
}
.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
      -ms-transform: rotate(210deg);
          transform: rotate(210deg);
}
.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
      -ms-transform: rotate(240deg);
          transform: rotate(240deg);
}
.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
      -ms-transform: rotate(270deg);
          transform: rotate(270deg);
}
.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
      -ms-transform: rotate(300deg);
          transform: rotate(300deg); 
}
.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
      -ms-transform: rotate(330deg);
          transform: rotate(330deg); 
}
.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
          animation-delay: -1.1s; 
}
.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; 
}
.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
          animation-delay: -0.9s; 
}
.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
          animation-delay: -0.8s; 
}
.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
          animation-delay: -0.7s; 
}
.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
          animation-delay: -0.6s; 
}
.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s; 
}
.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
          animation-delay: -0.4s;
}
.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
          animation-delay: -0.3s;
}
.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
          animation-delay: -0.2s;
}
.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
          animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; }
}

@keyframes sk-circleFadeDelay {
  0%, 39%, 100% { opacity: 0; }
  40% { opacity: 1; } 
}

#wrapper {
	display:none;
	overflow: hidden;
	position: relative;
	background-size: 600px;
	background:#fffbf6;
	color:#333333;
}

#javaerr{
	position:fixed;
	width:100%;
	top:50%;
	
}
#javaerr p{
	color:#E60000;
	text-align:center;
	font-size:26px;
	line-height:39px;
	font-weight:700;
}

/* ここから言語選択メニュー */
/* ここから言語選択 */
#menuhead{
	display:block;
	width:300px;
	height: 100px;
	position:fixed;
  border-right:1px solid #BDBDBD;
  border-bottom:0;
  background:#fffdfa;
}

#nav-toggle {
    display:none;
}

.storeinfo{
	margin:0px;
	margin:0rem;
}

.storeinfo img{
	width:280px;
	height:auto;
}

.storename{
	font-weight:700;
	font-size:16px;
	font-size:1.6rem;
	line-height:40px;
	line-height:4.0rem;
	letter-spacing: 0.1em;
}

.maparea{
	margin-top:10px;
	margin-top:1.0rem;
}

.maparea img{
	display: inline-block;  
	height:24px;
	width:auto;
}

.mapinfo{
	display: inline-block;  
	font-weight:normal;
	font-size:12px;
	font-size:1.2rem;
	line-height:24px;
	letter-spacing:0.1em;
	padding-left:1.2px;
	padding-left:0.1em;
}

#top-head{
	position:fixed;
	width:300px;
	min-height:100vh;
	margin-top:100px;
	margin-top:10.0rem;
    border-right:1px solid #BDBDBD;
    background:#fffdfa;
}

#global-nav{
	margin:20px;
	margin:2.0rem;
	height:600px;
	text-align:left;
	border-top:1px solid #BDBDBD;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
  z-index:111111;
}

#global-nav::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
}

.setmargin{
	margin-top:10px;
	margin-top:1.0rem;
	position: relative;
	font-size:16px;
	font-size:1.6rem;
	line-height:32px;
	line-height:3.2rem;
	letter-spacing:2px;
	letter-spacing:0.2rem;
	z-index: 1;
}

.Item{
  	text-decoration: none;
}

#ItemJp,#ItemEn,#ItemCn,#ItemTw,#ItemKr,#ItemTh,#ItemFr,#ItemDe,#ItemIt,#ItemSp{
	text-decoration: none;
}

.setmargin:after{
  	content: '';
  	position: absolute;
  	left: 0;
  	bottom: 0px;/*テキストからの距離*/
  	width: 0%;/*初期状態では下線非表示*/
  	height: 2px;/*下線の高さ*/
  	background: #E60000;/*下線の色*/
  	z-index: -1;
  	transition: all 0.4s;/*アニメーション速度*/
}
.Item:hover{
	color: #E60000;
}

#ItemJp:hover,#ItemEn:hover,#ItemCn:hover,#ItemTw:hover,#ItemKr:hover,#ItemTh:hover,#ItemFr:hover,#ItemDe:hover,#ItemIt:hover,#ItemSp:hover{
	color: #E60000;
}

.Item:hover .setmargin:after{
  	width: 100%;/*hover時に表示*/
}

#ItemJp:hover .setmargin:after,#ItemEn:hover .setmargin:after,#ItemCn:hover .setmargin:after,#ItemTw:hover .setmargin:after,#ItemKr:hover .setmargin:after,#ItemTh:hover .setmargin:after,#ItemFr:hover .setmargin:after,#ItemDe:hover .setmargin:after,#ItemIt:hover .setmargin:after,#ItemSp:hover .setmargin:after{
	width: 100%;/*hover時に表示*/
}

#category{
	width:auto;
	display:inline-block;
}

#resetinline{
	display:block;
	margin-top:20px;
	margin-top:2.0rem;
	border-top:1px solid #BDBDBD;
}

#resetinlineb{
	display:block;
	height:20px;
	margin-top:20px;
	margin-top:2.0rem;
	border-top:1px solid #BDBDBD;
}

#langch{
	display:inline-block;
	width:auto;
}

#toporder{
	display:block;
	position: fixed;
	top:20px;
	right:20px;
	width:auto;
}

.btn {
	width: auto;
	min-width:180px;
 	font-size:18px;
	font-size:1.8rem;
  	line-height: 48px;
  	line-height: 4.8rem;
  	letter-spacing:6px;
  	letter-spacing:0.6rem;
  	padding: 0 12px 0 18px;
  	padding: 0 1.2rem 0 1.8rem;
  	position: relative;
  	display: inline-block;
  	cursor: pointer;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
  	text-align: center;
  	vertical-align: middle;
  	text-decoration: none;
  	color: #FFFFFF;
  	border:none;
}

.btn--red {
  	background-color: #E60000;
}

.btn-c {
	font-size:18px;
  	font-size: 1.8rem;
  	position: relative;
  	color: #fff;
  	border-radius: 100vh;
}

.btn-c:before {
  	font-size:18px;
  	font-size: 1.8rem;
  	line-height: 1;
  	position: absolute;
  	top: calc(50% - .8rem);
  	right: 1rem;
  	margin: 0;
  	padding: 0;
  	content: '\f30b';
}


.btn:hover {
  	background-color: #E62E2E;
}

/* ここまでPC用サイドメニュー */

/*為替*/
#exchbox{
	width:auto;
	position:absolute;
	top:20px;
	left:320px;
	display: table;
}

#exchbox p{
	vertical-align: middle;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#excharea{
	text-align: left;
}

#jpyen {
    display: inline-block;
}
#eqmark {
    display: inline-block;
    padding:0px 8px 0px 8px;
    padding:0rem 0.8rem 0rem 0.8rem;
}
#exchval {
    display: inline-block;
}
#currency {
    display: inline-block;
}



#allmenu{
	width:890px;
	margin-top:82px;
	margin-top:8.2rem;
	margin-left:350px;
	display:inline-block;
	text-align:center;
	margin-bottom:82px;
	margin-bottom:8.2rem;
}

.profilearea {
	width: 100%;
	max-width:700px;
	display:block;
	margin:0 auto;
}

.profiledotted {
	width: 100%;
	display:block;
	margin:0 auto;
	margin-top:28px;
	margin-bottom:2.8rem;
	border-top: dashed #333333;
	border-bottom: dashed #333333;
}

.detailwordleftbtm{
	display:inline-block;
	width:auto;
	margin-top:28px;
	margin-top:2.8rem;
	margin-bottom:28px;
	margin-bottom:2.8rem;
	text-align:left;
}

.alcword{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	font-weight: bold;
	color:#E60000;
}

/*ここからタイトル */
#itemarea_1{
	padding-bottom:1px;
}

.title{
	width: -moz-fit-content; /* Firefox向けのプレフィックス */
  width: -webkit-fit-content; /* Webkit系ブラウザ向けのプレフィックス */
  width: fit-content; /* 標準のfit-content */
  display: inline-block; /* ブロック要素をインラインブロック要素に変更 */
  text-align: center; /* テキストを中央揃え */
  margin-top:81px;
  margin-top:8.1rem;
}

.title::after {
  content: '';
  display: block;
  border-bottom: 9px solid #006423;
  margin-top: 9px;
}

.title p{
	width:auto;
  font-size:18px;
  font-size:1.8rem;
  line-height:31.5px;
  line-height:3.15rem;
  font-weight:bold;
  padding:0 13.5px 0 13.5px;
  padding:0 1.35rem 0 1.35rem;
}

/*ここまでタイトル */

/*ここからメニュー */
.menubox{
	height:auto;
}

/*カテゴリのリンク先高さを調整*/
span.linkposition{
	position: relative;
	display: block;
}

div[id^="subitemarea"] {
	width: 100%;
	display:block;
	margin:0 auto;
}

.displayarea{
	width: 100%;
	margin:0 auto;
	text-align: left;
}

.displayarea:after{
	content:"";
	display:block;
	clear:both;
}

.twocolumn{
	height:auto;
	overflow:hidden;
	cursor : pointer;
	margin-top:42px;
	margin-top:4.2rem;
}

.menucolumn {
  display: flex;
  height:auto;
	overflow:hidden;
	cursor : pointer;
	margin-top:56px;
	margin-top:5.6rem;
}

.twocolumn:hover{
	font-weight:bold;
}

.twocolumn img{
	width: auto;
	height: 50px;
	height: 5.0rem;
	padding-right: 18px;
	float:left;
}

.wordmenuarea img{
  width: auto;
	height: 50px;
	height: 5.0rem;
	padding-right: 18px;
	float:left;
}

.menuarea{
	width:100%;
}

.wordmenuarea {
  display: flex;
  align-items: center;
  width: 100%;
}

.wordmenuarea img{
  width: auto;
	height: 50px;
	height: 5.0rem;
	padding-right:18px;
}

.wordmenu-container {
  display: flex;
  flex-direction: column; /* 縦方向に配置 */
  max-width: calc(100% - 50px); /* .menuareaの幅から画像の幅を引いた値まで折り返す */
  align-self: center; /* .menuarea内で垂直中央に配置 */
}

.menuword,.menuwordnone,.menuwordorder{
	text-align:left;
	font-size:18px;
	font-size:1.8rem;
	line-height:50px;
	line-height:5.0rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	font-weight:bold;
}

.wordmenu {
  margin: 0;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	font-weight:bold;
  white-space: normal; /* テキストが折り返されるように変更 */
}

.wordmenu:first-child {
  margin-left: 0px; /* 画像とテキストの間隔を調整 */
}

.wordmenu:not(:first-child) {
  margin-left: 0px; /* 2番目以降の行に適用するスタイル（マージンを追加） */
}

.calclass{
	width:100%;
	clear:both;
}

.displayarea form{
	text-align: right;
}

.displayarea input{
	display:none;
	text-align: right;
}

.detailword{
	width:100%;
	margin-top:28px;
	margin-top:2.8rem;
}

.detailwordtop{
	display:inline-block;
	width:auto;
	margin-top:28px;
	margin-top:2.8rem;
	texi-align:center;
}

.detailwordleft{
	display:inline-block;
	width:auto;
	margin-top:28px;
	margin-top:2.8rem;
	text-align:left;
}

.detailwordleftbtm{
	display:inline-block;
	width:auto;
	margin-top:28px;
	margin-top:2.8rem;
	margin-bottom:28px;
	margin-bottom:2.8rem;
	text-align:left;
}

.photoarea{
	float: left;
	width:40%;
	height:auto;
	padding: 0 28px 28px 0;
	padding: 0 2.8rem 2.8rem 0;
}

.photoareaonly{
	float: left;
	width:40%;
	height:auto;
	margin: 0 auto;
}

.photodesc{
	height:auto;
	margin-top:0px;
	margin-bottom:0px;
}

.photoarea img{
	width:100%;
	border-radius: 6px;
  	border-radius: 0.6rem;
}

.photoareaonly img{
	width:100%;
	border-radius: 6px;
  	border-radius: 0.6rem;
}

.worddesc{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	text-align: justify;
	height:auto;
}

.photodesc{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	text-align: justify;
	height:auto;
}

.largeex{
	font-size:20px;
	font-size:2.0rem;
	line-height:35px;
	line-height:3.5rem;
	letter-spacing:1.5px;
	letter-spacing:0.15rem;
	text-align: justify;
	height:auto;
}

.icarea{
	width:100%;
	float: left;
  margin-top:28px;
	margin-top:2.8rem;
}

.icarea img{
	width:calc((100% / 8)*0.8);
	height:auto;
	padding: 18px 18px 18px 0;
}

.icareamark{
	width:100%;
	float: left;
}

.icareamark img{
	width:calc((100% / 8)*0.8);
	height:auto;
	padding: 0px 18px 18px 0;
}

.allergig{
	width:100%;
	float: left;
	margin-top:28px;
	margin-top:2.8rem;
}

.icon-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  width:100%;
}

.icon-list li {
  flex-basis: 12.5%; /* 画面幅に合わせて4つのアイコンを表示 */
  box-sizing: border-box;
  text-align: center;
  padding:8px 8px 8px 0;
}

.icon-list img {
	width:100%;
}

.allergiestitle{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	text-align:left;
	color:#E60000;
}

.allergiesword{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	text-align:left;
	word-break:break-word;
}

.valuearea{
	width:100%;
	float: left;
	margin-top: 28px;
	margin-top: 2.8rem;
}

.nonevaluearea{
	width:0;
	display:none;
}

.valueword{
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	font-weight: bold;
	text-align:right;
}

.calclass{
	width:100%;
	clear:both;
}

.valueexch{
	display: inline-block;
	width: 100%;
}

.nonevalueexch{
	display: none;
	width: 0;
}

.valueexch p{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	font-weight: normal;
	text-align:right;
}

div[class^="orderbox"]{
	width:100%;
	height:36px;
	height:3.6rem;
	float:left;
	border-bottom:1px solid #fffbf6;
}

div[class^="orderbox"] p{
	float:right;
	font-size:18px;
	font-size:1.8rem;
	line-height:36px;
	line-height:3.6rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	font-weight:600;
	color:#E60000;
}

#sporder{
	display: none;
    position: absolute;
    bottom: 0;
}

#logoarea{
	width:100%;
	margin-top: 24px;
	text-align:left;
}

#logoarea img{
	width:auto;
	height:48px;
}

.displayarea div[class^="orderbox"] input[name="order[]"]{
	display:block;
	width:72px;
	width:7.2rem;
	height:36px;
	height:3.6rem;
	float:right;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	line-height:36px;
	line-height:3.6rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	color:#fffbf6;
	background: transparent;
	font-weight:600;
	border-bottom:2px solid #E60000;
	border-right:none;
	border-left:none;
	border-top:none;
	border-radius:0px;
	outline:none;
	caret-color: transparent;
	transform: scale(1);
	padding-top: 2px;
}

.displayarea div[class^="orderbox"] input[name="order[]"]:hover{
  	border-bottom:2px solid #0053f9;
}

/*
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
*/

/*
input[type="number"] {
    -moz-appearance:textfield;
}
*/

.displayarea div[class^="orderbox"] input[name="ordername[]"]{
	display:none;
	float:right;
}

.displayarea div[class^="orderbox"] input[name="ordernameen[]"]{
	display:none;
	float:right;
}

.displayarea div[class^="orderbox"] input[name="ordervalue[]"]{
	display:none;
	float:right;
}

/*注文ボタン */
#actionarea{
	display: block;
	width:100%;
}

#mailarea{
	display: block;
	width:100%;
	height:auto;
    display:inline-block;
    text-align:center;
}

#mailareasp{
	display: none;
	position: absolute;
    bottom: 0;
}

#orderdisp{
	width:100%;
	height:auto;
    display:inline-block;
    text-align:center;
}

.actionbt{
	width:100%;
	margin-top:126px;
	margin-top:12.6rem;
	margin-bottom:126px;
	margin-bottom:12.6rem;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.actionbtone{
	width:100%;
	margin-top:126px;
	margin-top:12.6rem;
	margin-bottom:126px;
	margin-bottom:12.6rem;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.actionbtcenter{
	width:100%;
	margin-top:126px;
	margin-top:12.6rem;
	margin-bottom:126px;
	margin-bottom:12.6rem;
	display: flex;
	display: -webkit-flex;
	-webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}

.actionbtcentersp{
	display: none;
  position: absolute;
  bottom: 0;
}

.button_wrap{
	display:inline-block;
	position: relative;
 	width: 45%;
 	max-width: 300px;
	height: 72px;
}

.button_wrap::after{
 	content: "";
 	width: 9px;
 	height: 9px;
 	border-top: 2px solid #E60000;
 	border-right: 2px solid #E60000;
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	right: 18px;
 	margin: auto;
 	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.actionbt input[type=button],.actionbt input[type=submit],.actionbtcenter input[type=button],.actionbtcenter input[type=submit],.actionbtone input[type=button],.actionbtone input[type=submit]{
	display:inline-block;
	width: 100%;
	height: 100%;
  	position: relative;
  	border: 2px solid #E60000;
  	box-sizing: border-box;
  	padding-left: 18px;
  	color: #E60000;
  	font-size: 18px;
  	letter-spacing: 1.8px;
  	letter-spacing: 0.18rem;
  	line-height: 72px;
  	line-height: 7.2rem;
  	text-align: left;
  	background: #FFFFFF;
 	cursor: pointer;
 	font-weight: bold;
 	border-radius:3px;
	border-radius:0.3rem;
}

.actionbt input[type=button]:hover,.actionbt input[type=submit]:hover,.actionbtcenter input[type=button]:hover, .actionbtcenter input[type=submit]:hover,.actionbtone input[type=button]:hover,.actionbtone input[type=submit]:hover{
 	background: #fff;
 	box-shadow: 0 0 8px #616161;
}

.button_wrap:hover::after{
	border-top: 2px solid #E60000;
 	border-right: 2px solid #E60000;
}

#ordermail{
	margin-top:63px;
	margin-top:6.3rem;
    width:100%;
    background:#fffbf6;
}

#ordercount{
	margin-top:63px;
	margin-top:6.3rem;
	width: 100%;
	text-align: left;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
}

.ordercolumn{
	height:auto;
	overflow:hidden;
}

#ordercountauto{
	width: 100%;
	text-align: left;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
}

#number{
	display: none;
}

#url{
	display: none;
}

#ordercountauto input[name="dish[]"]{
	display: none;
	width:85%;
	text-align:left;
	float: left;
	font-weight:bold;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	border:none;
	background:#fffbf6;
	pointer-events : none;
}

.menuwordchk{
	width:85%;
	text-align:left;
	float: left;
	font-weight:bold;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	white-space: normal;
}

.dishnum{
	display:none;
}

.ordercolumn input[name="orderchk[]"]{
	display:block;
	position:relative;
	width:72px;
	width:7.2rem;
	height:36px;
	height:3.6rem;
	float:right;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	line-height:36px;
	line-height:3.6rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	color:#E60000;
	background: transparent;
	font-weight:bold;
	border-bottom:2px solid #E60000;
	border-right:none;
	border-left:none;
	border-top:none;
	border-radius:0px;
	outline:none;
	caret-color: transparent;
	transform: scale(1);
	padding-top: 2px;
}

.ordercolumn input[name="orderchk[]"]:hover{
  	border-bottom:2px solid #0053f9;
}

#ordercountauto input[name="dishen[]"]{
	display: none;
	width:85%;
	text-align:left;
	float: left;
	font-weight:bold;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	border:none;
	background:#fffbf6;
	pointer-events : none;
}

#ordercountauto input[name="price[]"]{
	width: 0px;
	display: none;
	pointer-events : none;
}

#ordercountauto input[name="count[]"]{
	display: none;
	width:10%;
	text-align:right;
	font-weight:bold;
	float: right;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	border:none;
	background:#fffbf6;
	pointer-events : none;
}

.countchk{
	width:10%;
	text-align:right;
	font-weight:bold;
	float: right;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
}

#ordercountauto input[name="sub[]"]{
	width: 0px;
	display: none;
}

.orderline {
	/*タイトルの2倍*/
	margin-top:63px;
	margin-top:6.3rem;
  	border: 0;
    height: 6px;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    pointer-events : none;
}

.sumvalen{
	width: 100%;
	text-align: right;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	padding: 0px 0px 18px 0px;
	padding: 0rem 0rem 1.8rem 0rem;
}

.sumval{
	width: 100%;
	text-align: right;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
}

.centeror{
	display:none;
	width:0px;
}

#ordertext{
	width:890px;
	height:auto;
	min-height:100vh;
	max-width:1000px;
	margin: 0 auto;
	display:none;
	text-align:center;
	margin-bottom: 126px;
}

#autoorder{
	width:890px;
	height:auto;
	min-height:100vh;
	max-width:1000px;
	margin: 0 auto;
	text-align:center;
	display:none;
	margin-bottom: 126px;
}

.bottomline{
  	border: 0;
    height: 0;
    border-top: 1px solid #F5F5F5;
    border-bottom: 1px solid rgba(47, 47, 47, 0.3);
}

.attentionbox{
	margin-top:126px;
	margin-top:12.6rem;
	width:100%;
	display:block;
}

.attentionboxb{
	width:100%;
	display:block;
}

.attention{
	display:inline-block;
	width:auto;
	height:auto;
	margin:0 auto;
	color:#E60000;
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
	text-align:left;
}

#linepng{
	position:fixed;
	bottom:32px;
	right:32px;
	z-index: 3003;
}
#linepng img{
	width:96px;
	height:96px;
}

/* ---------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
#menuhead{
	width:100%;
	height: 100px;
	position:fixed;
	z-index:300;
	overflow-y:hidden;
    border-right:0;
    border-bottom:1px solid #BDBDBD;
    z-index: 1000;
}

.storeinfo{
	margin:0px;
	margin:0rem;
	position:relative;
}

.storeinfo img{
	width:auto;
	height:54px;
}

.storename{
	font-weight:700;
	font-size:16px;
	font-size:1.6rem;
	line-height:40px;
	line-height:4.0rem;
	letter-spacing: 0.1em;
}

.maparea{
	margin-top:0px;
	margin-top:0rem;
	height:46px;
	position:relative;
}

.maparea img{
	display: inline-block;
	padding-top:8px;
	padding-top:0.8rem;
	padding-bottom:8px;
	padding-bottom:0.8rem;
	height:30px;
}

.mapinfo{
	display: inline-block;  
	font-weight:700;
	font-size:16px;
	font-size:1.6rem;
	line-height:46px;
	line-height:4.6rem;
	padding-left:1.6px;
	padding-left:0.1em;
}

#top-head{
	position:static;
	border:none;
	width:0px;
	min-height:0px;
	margin-top:0px;
    background:transparent;
    position:relative;
}

#nav-toggle {
    display: block;
    position: fixed;
    z-index:500;
    width: 40px;
    height: 40px;
    top:18px;
    right: 18px;
    z-index: 1008;
}

#nav-toggle span:nth-of-type(1) {
    top: 7px;
}

#nav-toggle span:nth-of-type(2) {
    top: 18px;
}

#nav-toggle span:nth-of-type(3) {
    top: 29px;
}

#nav-toggle span {
    display: block;
    position: absolute;
    width:40px;
    height:4px;
    background:#E60000;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
    top: 18px;
    -webkit-transform: rotate(315deg);
    -moz-transform: rotate(315deg);
    transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
    width: 0;
}

.open #nav-toggle span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(-315deg);
    -moz-transform: rotate(-315deg);
    transform: rotate(-315deg);
}

#global-nav{
	display:inline-block;
	position:fixed;
	width:100%;
	right:-100vw;
	top:100px;
	height:560px;
	overflow-y: scroll;
	-ms-overflow-style: none;    /* IE, Edge 対応 */
    scrollbar-width: none;       /* Firefox 対応 */
	background:#fffdfa;
	-webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    border-top:none;
    margin:0;
    text-align:center;
}

#global-nav::-webkit-scrollbar {  /* Chrome, Safari 対応 */
        display:none;
}

.open #global-nav {
    -moz-transform: translateX(-100vw);
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}

#category{
	margin-top:124px;
}

#resetinline{
	margin-top:62px;
}

#resetinlineb{
	display:none;
	height:62px;
	border-top:1px solid #BDBDBD;
}

#langch{
	margin-top:62px;
	margin-bottom:62px;
}

#toporder{
	display:block;
	top:110px;
	right:10px;
	width:auto;
}

.btn {
	min-width:160px;
 	font-size:16px;
	font-size:1.6rem;
  	line-height: 42px;
  	line-height: 4.2rem;
  	letter-spacing:6px;
  	letter-spacing:0.6rem;
  	padding: 0 10px 0 16px;
  	padding: 0 1.0rem 0 1.6rem;
}

.btn-c {
	font-size:16px;
  	font-size: 1.6rem;
}

.btn-c:before {
  	font-size:16px;
  	font-size: 1.6rem;
}

#javaerr p{
	font-size:18px;
	line-height:31.5px;
	line-height:3.15rem;
}


/* #global-nav スライドアニメーション */
/*
.open #global-nav {
    -moz-transform: translateY(580px);
    -webkit-transform: translateY(580px);
    transform: translateY(580px);
}
*/
/* ここまでカテゴリ選択 */

/*為替*/
#exchbox{
	width:auto;
	position:absolute;
	top:110px;
	left:10px;
	display: table;
	z-index:100;
}

#allmenu{
	width:100%;
	margin-top:162px;
	margin-left:0px;
	margin-bottom:162px;
	margin-bottom:16.2rem;
}

/*ここからタイトル */
.title{
	max-width:760px;
  margin:0 auto;
  margin-top:60px;
  margin-top:6.0rem;
}

.title::after {
  border-bottom: 8px solid #006423;
  margin-top: 8px;
}

.title p{
	font-size:16px;
  font-size:1.6rem;
  line-height:28px;
  line-height:2.8rem;
  padding:0 12px 0 12px;
  padding:0 1.2rem 0 1.2rem;
}

/*ここまでタイトル */

.profiledotted {
	width: 80%;
	max-width:760px;
	margin:0 auto;
	margin-top:60px;
	margin-top:6.0rem;
}

.detailwordleftbtm{
	margin-top:28px;
	margin-top:2.8rem;
	margin-bottom:28px;
	margin-bottom:2.8rem;
}

.alcword{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	font-weight: bold;
	color:#E60000;
}

/*ここからメニュー */
.menubox{
	height:auto;
}

/*カテゴリのリンク先高さを調整*/
span.linkposition{
	position: relative;
	top: -100px;
	display: block;
}

div[id^="subitemarea"] {
	width:80%;
	max-width:760px;
}

.twocolumn{
	margin-top:49px;
	margin-top:4.9rem;
}

.menucolumn{
	margin-top:49px;
	margin-top:4.9rem;
}

.menuarea{
	width:100%;
	max-width:760px;
}

.wordmenuarea{
	width:100%;
	max-width:760px;
}

.menuword,.menuwordnone,.menuwordorder{
	font-size:16px;
	font-size:1.6rem;
	line-height:42px;
	line-height:4.2rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.wordmenu {
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.wordmenu:first-child {
  margin-left: 0px; /* 画像とテキストの間隔を調整 */
}

.wordmenu:not(:first-child) {
  margin-left: 0px; /* 2番目以降の行に適用するスタイル（マージンを追加） */
}

.twocolumn img{
	width: auto;
	height: 42px;
	height: 4.2rem;
	padding-right: 8px;
}

.wordmenuarea img{
  width: auto;
	height: 42px;
	height: 4.2rem;
	padding-right: 8px;
}

.icarea img{
	width:calc((100% / 8)*0.8);
	height:auto;
	padding: 8px 8px 8px 0;
}

.icareamark img{
	width:calc((100% / 8)*0.8);
	height:auto;
	padding: 0px 8px 8px 0;
}

.allergig{
	margin-top:24.5px;
	margin-top:2.45rem;
}

.icon-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  width:100%;
}

.icon-list li {
  flex-basis: calc(100% / 8) ; /* 画面幅に合わせて4つのアイコンを表示 */
  box-sizing: border-box;
  text-align: center;
  padding:6px 6px 6px 0;
}

.icon-list img {
	width:100%;
}

.allergiestitle{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.allergiesword{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.valuearea{
	margin-top: 24.5px;
	margin-top: 2.45rem;
}

.valueword{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.valueexch p{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.detailword{
	margin-top:24.5px;
	margin-top:2.45rem;
}

.detailwordtop{
	margin-top:24.5px;
	margin-top:2.45rem;
}

.detailwordleft, .detailwordleftbtm{
	margin-top:24.5px;
	margin-top:2.45rem;
}

.photodesc{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.largeex{
	font-size:18px;
	font-size:1.8rem;
	line-height:31.5px;
	line-height:3.15rem;
	letter-spacing:1.35px;
	letter-spacing:0.135rem;
}

.worddesc{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.icarea{
	width:100%;
  margin-top:24.5px;
	margin-top:2.45rem;
}

div[class^="orderbox"]{
	height:32px;
	height:3.2rem;
}

div[class^="orderbox"] p{
	font-size:16px;
	font-size:1.6rem;
	line-height:32px;
	line-height:3.2rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#sporder{
	display: none;
    position: absolute;
    bottom: 0;
}

#logoarea{
	margin-top: 21px;
	text-align:center;
}

#logoarea img{
	width:auto;
	height:42px;
	padding-bottom: 13px;
}

.displayarea div[class^="orderbox"] input[name="order[]"]{
	display:block;
	position:relative;
	width:72px;
	width:7.2rem;
	height:32px;
	height:3.2rem;
	float:right;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:32px;
	line-height:3.2rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	border-bottom:2px solid #E60000;
	padding-top: 2px;
}


/*注文ボタン */
#actionarea{
	display:block;
	width:80%;
	max-width:760px;
	margin: 0 auto;
}

#mailarea{
	display: block;
}

#mailareasp{
	display: none;
}

.actionbt{
	width:100%;
	max-width:760px;
	margin-top:112px;
	margin-top:11.2rem;
	margin-bottom:112px;
	margin-bottom:11.2rem;
}

.actionbtone{
	width:100%;
	max-width:760px;
	margin-top:112px;
	margin-top:11.2rem;
	margin-bottom:112px;
	margin-bottom:11.2rem;
}

.actionbtcenter{
	width:100%;
	max-width:760px;
	margin-top:112px;
	margin-top:11.2rem;
	margin-bottom:112px;
	margin-bottom:11.2rem;
	display: flex;
}

.actionbtcentersp{
	display: none;
}

.button_wrap{
	display:inline-block;
	position: relative;
 	width: 45%;
	height: 64px;
}

.button_wrap::after{
 	content: "";
 	width: 8px;
 	height: 8px;
 	border-top: 2px solid #E60000;
 	border-right: 2px solid #E60000;
 	position: absolute;
 	top: 0;
 	bottom: 0;
 	right: 16px;
 	margin: auto;
 	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.actionbt input[type=button],.actionbt input[type=submit],.actionbtcenter input[type=button],.actionbtcenter input[type=submit].actionbtone input[type=button],.actionbtone input[type=submit]{
	width: 100%;
	height: 64px;
	font-size:16px;
  	font-size:1.6rem;
	line-height:48px;
	line-height:4.8rem;
}

#ordermail {
	margin-top:56px;
	margin-top:5.6rem;
}

#ordercount{
	margin-top:56px;
	margin-top:5.6rem;
	width: 100%;
	text-align: left;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#ordercountauto{
	margin-top:56px;
	margin-top:5.6rem;
	width: 100%;
	text-align: left;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#ordercountauto input[name="dish[]"]{
	width:85%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.menuwordchk{
	width:85%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.ordercolumn input[name="orderchk[]"]{
	display:block;
	position:relative;
	width:72px;
	width:7.2rem;
	height:32px;
	height:3.2rem;
	float:right;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	line-height:32px;
	line-height:3.2rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	border-bottom:2px solid #E60000;
	padding-top: 2px;
}

#ordercountauto input[name="dishen[]"]{
	width:85%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#ordercountauto input[name="count[]"]{
	width:10%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.countchk{
	width:10%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.orderline {
	margin-top:56px;
	margin-top:5.6rem;
}

.sumvalen{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	padding: 0px 0px 16px 0px;
	padding: 0rem 0rem 1.6rem 0rem;
}

.sumval{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}


#orderarea input[name="orderbt"]{
	/*line-heightの1.5倍*/
	margin-top:72px;
	margin-top:7.2rem;
	-webkit-appearance: none;
	border:2px solid #E60000;
	border-radius:3px;
	border-radius:0.3rem;
	width:35%;
	font-size:16px;
	font-size:1.6rem;
	line-height:48px;
	line-height:4.8rem;
	letter-spacing:16px;
	letter-spacing:1.6rem;
	padding-left:16px;
	padding-left:1.6rem;
	font-weight:bold;
}

#orderarea input[name="clearbt"]{
	float:left;
	display:inline-block;
	margin-top:72px;
	margin-top:7.2rem;
	border:2px solid #E60000;
	border-radius:3px;
	border-radius:0.3rem;
	width:35%;
	font-size:16px;
	font-size:1.6rem;
	line-height:48px;
	line-height:4.8rem;
	letter-spacing:16px;
	letter-spacing:1.6rem;
	padding-left:16px;
	padding-left:1.6rem;
	font-weight:600;
}


#ordertext{
	width:80%;
	max-width:760px;
	margin-bottom: 56px;
}

#autoorder{
	width:80%;
	max-width:760px;
	margin-bottom: 56px;
}

.attentionborder{
	width:98%;
	margin: 0 auto;
	margin-top:56px;
	margin-top:5.6rem;
	display:block;
	border: 1px solid #E60000;
  	box-sizing: border-box;
	background: #FFFFFF;
	padding: 16px;
	padding: 1.6rem;
}

.attentionbox{
	width:100%;
	margin: 0 auto;
}


.attention{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#linepng{
	bottom:16px;
	right:16px;
}
#linepng img{
	width:72px;
	height:72px;
}

}

/* ---------------------------------------------------------------------------------------------------------------------------- */
@media (max-width: 530px) {

#javaerr p{
	font-size:16px;
	line-height:28px;
	line-height:2.8rem;
}

/* ここから店舗案内 */
#menuhead{
	height: 90px;
  transition: 800ms;
}

.hide{
	transform: translateY(-300px);
}

.storeinfo{
	margin:0px;
	margin:0rem;
}

.storeinfo img{
	height:45px;
	width:auto;
}

.storename{
	font-size:16px;
	font-size:1.6rem;
	line-height:30px;
	line-height:3.0rem;
	letter-spacing: 0.1em;
	font-weight:normal;
}

.maparea{
	margin-top:0px;
	margin-top:0rem;
	height:45px;
}

.maparea img{
	height:24px;
	padding-top:10.5px;
	padding-top:1.05rem;
	padding-bottom:10.5px;
	padding-bottom:1.05rem;
}

.mapinfo{
	font-size:14px;
	font-size:1.4rem;
	line-height:45px;
	line-height:4.5rem;
	padding-left:4px;
	padding-left:0.4rem;
	font-weight:normal;
}

/* ここから言語選択メニュー */
#nav-toggle {
    display: block;
    width: 28px;
    height: 28px;
   	top:15px;
    right: 15px;
    transition: 800ms;
}

#nav-toggle span:nth-of-type(1) {
    top: 5.5px;
    top: 0.55rem;
}

#nav-toggle span:nth-of-type(2) {
    top: 13px;
    top: 1.3rem;
}

#nav-toggle span:nth-of-type(3) {
    top: 20.5px;
    top: 2.05rem;
}

#nav-toggle span {
    display: block;
    position: absolute;
    width:28px;
    height:2px;
}

/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span:nth-child(1) {
    top: 14px;
}
.open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
}
.open #nav-toggle span:nth-child(3) {
    top: 14px;
}

#global-nav{
	top:90px;
}

#category{
	margin-top:42px;
}

#resetinline{
	margin-top:42px;
}

#resetinlineb{
	display:none;
	height:42px;
}

#langch{
	margin-top:42px;
	margin-bottom:42px;
}

#toporder{
	display: none;
	top:100px;
	right:10px;
}

.btn {
	min-width:140px;
 	font-size:14px;
	font-size:1.4rem;
  	line-height: 36px;
  	line-height: 3.6rem;
  	letter-spacing:4px;
  	letter-spacing:0.4rem;
  	padding: 0 10px 0 14px;
  	padding: 0 1.0rem 0 1.4rem;
}

.btn--red {
  	border: 1px solid #9f000c;
}

.btn-c {
	font-size:14px;
  	font-size: 1.4rem;
  	position: relative;
  	color: #fff;
  	border-radius: 100vh;
  	-webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, .2);
  	box-shadow: 0 6px 6px rgba(0, 0, 0, .2);
}

.btn-c:before {
  	font-size:14px;
  	font-size: 1.4rem;
}
/* ここまでカテゴリ選択 */

/*為替*/
#exchbox{
	top:100px;
	left:10px;
}

#exchbox p{
	font-size:16px;
	font-size:1.6rem;
	line-height:24.5px;
	line-height:2.45rem;
}

#eqmark {
    padding:0px 8px 0px 8px;
    padding:0rem 0.8rem 0rem 0.8rem;
}

#allmenu{
	width:100%;
	margin-top:170.5px;
	margin-top:17.05rem;
	margin-left:0px;
	margin-bottom:90px;
	margin-bottom:9.0rem;
}

.profilearea {
	width:96%;
	max-width:none;
}

.profiledotted {
	width:96%;
	max-width:none;
	margin-top:21px;
	margin-top:2.1rem;
}

.detailwordleftbtm{
	margin-top:18px;
	margin-top:1.8rem;
	margin-bottom:18px;
	margin-bottom:1.8rem;
}

.alcword{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	font-weight: bold;
	color:#E60000;
}

/*ここからタイトル */
.title{
	max-width:none;
  margin-top:32px;
  margin-top:3.2rem;
}

.title::after {
  border-bottom: 8px solid #006423;
  margin-top: 4px;
}

.title p{
	font-size:16px;
  font-size:1.6rem;
  line-height:24px;
  line-height:2.4rem;
  letter-spacing: 0.1em;
  padding:0 8px 0 8px;
  padding:0 0.8rem 0 0.8rem;
}

/*ここまでタイトル */

/*ここからメニュー */
.menubox{
	height:auto;
}

/*カテゴリのリンク先高さを調整*/
span.linkposition{
	position: relative;
	top: -90px;
	display: block;
}

div[id^="subitemarea"] {
	width:96%;
	max-width:none;
}

.twocolumn{
	margin-top:21px;
	margin-top:2.1rem;
}

.menucolumn{
	margin-top:21px;
	margin-top:2.1rem;
}

.menuarea{
	width:100%;
	max-width:none;
}

.wordmenuarea{
	width:100%;
	max-width:none;
}

.menuword,.menuwordnone,.menuwordorder{
	font-size:16px;
  font-size:1.6rem;
  line-height:36px;
  line-height:3.6rem;
  letter-spacing:1.8px;
  letter-spacing:0.18rem;
}

.wordmenu {
	font-size:16px;
  font-size:1.6rem;
  line-height:32px;
  line-height:3.2rem;
  letter-spacing:1.6px;
  letter-spacing:0.16rem;
}

.wordmenu:first-child {
  margin-left: 0px; /* 画像とテキストの間隔を調整 */
}

.wordmenu:not(:first-child) {
  margin-left: 0px; /* 2番目以降の行に適用するスタイル（マージンを追加） */
}

.twocolumn img{
	width: auto;
	height: 36px;
	height: 3.6rem;
	padding-right: 7px;
}

.wordmenuarea img{
  width: auto;
	height: 36px;
	height: 3.6rem;
	padding-right: 7px;
}

.wordmenuarea img{
  width: auto;
	height: 36px;
	height: 3.6rem;
	padding-right:18px;
}

.valuearea{
	margin-top: 21px;
	margin-top: 2.1rem;
}

.valueword{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.valueexch p{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.detailword{
	margin-top:21px;
	margin-top:2.1rem;
}

.detailwordtop{
	margin-top:21px;
	margin-top:2.1rem;
}

.detailwordleft, .detailwordleftbtm{
	margin-top:21px;
	margin-top:2.1rem;
}

.photoarea{
	clear: both;
	width:100%;
	height:auto;
	text-align: center;
	padding-bottom: 12px;
	padding-bottom: 1.2rem;
}

.photoareaonly{
	clear: both;
	width:100%;
	text-align: center;
}

.photoarea img{
	width:calc(100% - 28px);
	border-radius: 0px;
	width:100%;
}

.photoareaonly img{
	width:calc(100% - 28px);
	border-radius: 0px;
	width:100%;
}

.worddesc{
	width:calc(100% - 28px);
	margin:0 auto;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	width:100%;
}

.photodesc{
	width:calc(100% - 28px);
	margin:0 auto;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	width:100%;
}

.largeex{
	width:calc(100% - 28px);
	margin:0 auto;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	width:100%;
}

.icon-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  width:calc(100% - 28px);
  margin:0 auto;
  width:100%;
}

.icon-list li {
  flex-basis: calc(100% / 6) ; /* 画面幅に合わせて4つのアイコンを表示 */
  box-sizing: border-box;
  text-align: center;
  padding:5px 5px 5px 0;
}

.icon-list img {
	width:100%;
}

.allergiestitle{
	width:calc(100% - 28px);
	margin:0 auto;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	width:100%;
}

.allergiesword{
	width:calc(100% - 28px);
	margin:0 auto;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	width:100%;
}

.icarea{
	margin-top:24.5px;
	margin-top:2.45rem;
	padding-left:0px;
	padding-left:0rem;
	width:100%;
}

.icarea img{
	width:calc((100% / 6)*0.8);
	height:auto;
	padding: 8px 8px 8px 0;
}

.icareamark{
	padding-left:0px;
	padding-left:0rem;
	width:100%;
}

.icareamark img{
	width:calc((100% / 6)*0.8);
	height:auto;
	padding: 0px 8px 8px 0;
}

#sporder{
	width: 100%;
	height: 56px;
	border-top: 1px solid #E60000;
    position: fixed;
    background: #FFFFFF;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.sporderleft,.sporderright{
	display:inline-block;
	width: 50%;
}

.sporderleft input[type=button],.sporderleft input[type=submit]{
	display:inline-block;
	-webkit-appearance: none;
	width: 100%;
	height: 100%;
  	position: relative;
  	box-sizing: border-box;
  	color: #FFFFFF;
  	font-size: 16px;
  	letter-spacing: 1.6px;
  	letter-spacing: 0.16rem;
  	line-height: 56px;
  	line-height: 5.6rem;
  	text-align: center;
  	background: #E60000;
 	cursor: pointer;
 	font-weight: normal;
 	border-radius:0px;
 	border: none;
 	border-right: 0.5px solid #FFFFFF;
 	border-right: 0.05rem solid #FFFFFF;
}

.sporderright input[type=button],.sporderright input[type=submit]{
	display:inline-block;
	-webkit-appearance: none;
	width: 100%;
	height: 100%;
  	position: relative;
  	box-sizing: border-box;
  	color: #FFFFFF;
  	font-size: 16px;
  	letter-spacing: 1.6px;
  	letter-spacing: 0.16rem;
  	line-height: 56px;
  	line-height: 5.6rem;
  	text-align: center;
  	background: #E60000;
 	cursor: pointer;
 	font-weight: normal;
 	border-radius:0px;
 	border: none;
}

#logoarea{
	margin-top: 18px;
	text-align:center;
}

#logoarea img{
	width:auto;
	height:36px;
	padding-bottom: 9px;
}

div[class^="orderbox"]{
	height:28px;
	height:2.8rem;
}

div[class^="orderbox"] p{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	font-weight:bold;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 

input[type="number"] { 
  -moz-appearance:textfield; 
} 

.displayarea div[class^="orderbox"] input[name="order[]"]{
	display:block;
	width:42px;
	width:4.2rem;
	height:28px;
	height:2.8rem;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.05px;
	letter-spacing:0.105rem;
	font-weight:normal;
	padding-top: 1px;
	border-bottom:2px solid #E60000;
	caret-color: #0053f9;
	font-weight:bold;
}

.displayarea div[class^="orderbox"] input[name="order[]"]:hover{
  	border-bottom:2px solid #0053f9;
}

/*注文ボタン */
#actionarea{
	display: none;
	width:92%;
	max-width:760px;
	margin: 0 auto;
}

#mailarea{
	display: none;
}

#mailareasp{
	width: 100%;
	height: 56px;
	border-top: 1px solid #E60000;
    position: fixed;
    background: #FFFFFF;
    display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.actionbt{
	margin-top:98px;
	margin-top:9.8rem;
	margin-bottom: 98px;
	margin-bottom: 9.8rem;
}

.actionbtone{
	margin-top:98px;
	margin-top:9.8rem;
	margin-bottom: 98px;
	margin-bottom: 9.8rem;
}

.actionbtcenter{
	display: none;
	margin-top:98px;
	margin-top:9.8rem;
	margin-bottom: 98px;
	margin-bottom: 9.8rem;
}

.actionbtcentersp{
	width: 100%;
	height: 56px;
	border-top: 1px solid #E60000;
  position: fixed;
  background: #FFFFFF;
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.spcenter{
	display:inline-block;
	width: 100%;
}

.spcenter input[type=button]{
	display:inline-block;
	-webkit-appearance: none;
	width: 100%;
	height: 100%;
  	position: relative;
  	box-sizing: border-box;
  	color: #FFFFFF;
  	font-size: 16px;
  	letter-spacing: 1.6px;
  	letter-spacing: 0.16rem;
  	line-height: 56px;
  	line-height: 5.6rem;
  	text-align: center;
  	background: #E60000;
 	cursor: pointer;
 	font-weight: normal;
 	border-radius:0px;
 	border: none;
}

.button_wrap{
	display:inline-block;
	position: relative;
 	width: 48%;
	height: 42px;
	max-width: 260px;
}

.button_wrap::after{
 	width: 7px;
 	height: 7px;
 	border-top: 1px solid #E60000;
 	border-right: 1px solid #E60000;
 	right: 16px;
}

.actionbt input[type=button],.actionbt input[type=submit],.actionbtcenter input[type=button],.actionbtcenter input[type=submit],.actionbtone input[type=button],.actionbtone input[type=submit]{
	height: 49px;
	height: 4.9rem;
	font-size:16px;
  font-size:1.6rem;
  letter-spacing: 1.6px;
  letter-spacing: 0.16rem;
	line-height:24.5px;
	line-height:2.45rem;
	border: 1px solid #E60000;
	font-weight: normal;
	padding-left: 16px;
}

#ordercount{
	margin-top:49px;
	margin-top:4.9rem;
	width: 100%;
	text-align: left;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#ordercountauto{
	margin-top:49px;
	margin-top:4.9rem;
	width: 100%;
	text-align: left;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#ordercountauto input[name="dish[]"]{
	width:80%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.menuwordchk{
	width:80%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.ordercolumn input[name="orderchk[]"]{
	display:block;
	width:42px;
	width:4.2rem;
	height:28px;
	height:2.8rem;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.05px;
	letter-spacing:0.105rem;
	font-weight:normal;
	padding-top: 1px;
	border-bottom:2px solid #E60000;
	caret-color: #0053f9;
	font-weight:bold;
}

#ordercountauto input[name="dishen[]"]{
	width:80%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#ordercountauto input[name="count[]"]{
	width:15%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.countchk{
	width:15%;
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

.orderline {
	/*タイトルの2倍*/
	margin-top:49px;
	margin-top:4.9rem;
}

.sumvalen{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
	padding: 0px 0px 16px 0px;
	padding: 0rem 0rem 1.6rem 0rem;
}

.sumval{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}


#orderarea input[name="orderbt"]{
	/*line-heightの1.5倍*/
	margin-top:63px;
	margin-top:6.3rem;
	-webkit-appearance: none;
	border:2px solid #E60000;
	border-radius:2px;
	border-radius:0.2rem;
	padding:2px 0px 2px 0px;
	padding:0.2rem 0rem 0.2rem 0rem;
	width:45%;
	font-size:16px;
	font-size:1.6rem;
	line-height:42px;
	line-height:4.2rem;
	letter-spacing:16px;
	letter-spacing:1.6rem;
	padding-left:16px;
	padding-left:1.6rem;
	font-weight:bold;
}

#orderarea input[name="clearbt"]{
	margin-top:63px;
	margin-top:6.3rem;
	-webkit-appearance: none;
	border:2px solid #E60000;
	border-radius:2px;
	border-radius:0.2rem;
	padding:2px 0px 2px 0px;
	padding:0.2rem 0rem 0.2rem 0rem;
	width:45%;
	font-size:16px;
	font-size:1.6rem;
	line-height:42px;
	line-height:4.2rem;
	letter-spacing:16px;
	letter-spacing:1.6rem;
	padding-left:16px;
	padding-left:1.6rem;
	font-weight:bold;
}


#ordertext{
	width:100%;
	max-width:none;
}

#showorderbox{
	width: 96%;
	margin: 0 auto;
}

#ordermail{
	margin-top:56px;
	margin-top:5.6rem;
	margin: 0 auto;
    width:96%;
}

#autoorder{
	width:100%;
	max-width:none;
}

.attentionborder{
	width:98%;
	margin: 0 auto;
	margin-top:56px;
	margin-top:5.6rem;
	display:block;
	border: 1px solid #E60000;
  	box-sizing: border-box;
	background: #FFFFFF;
	padding: 16px;
	padding: 1.6rem;
}

.attentionbox{
	width:100%;
	margin: 0 auto;
}

.attention{
	font-size:16px;
	font-size:1.6rem;
	line-height:28px;
	line-height:2.8rem;
	letter-spacing:1.2px;
	letter-spacing:0.12rem;
}

#linepng{
	bottom:8px;
	right:8px;
}
#linepng img{
	width:48px;
	height:48px;
}

}