@charset "utf-8";
/* ======================
　Reset
====================== */
/* Global Reset (html5doctor.com)
 * - Author: Richard Clark - http://richclarkdesign.com
------------------------------------------ */
/*----- for HTML5 -----*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ul, ol {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted #000;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/* Costom Reset
------------------------------------------ */
/*----- for HTML5 -----*/
main {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

hr, legend {
  display: none;
}

time {
  display: block;
}

sub, sup {
  position: relative;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  vertical-align: bottom;
}


.mt0{
	margin-top:0 !important;
}

/* ======================
　Utility
====================== */
/* Expand
------------------------------------------ */
/* paragraph */
.menuWrap, .pageNavs, .shop, .col1, .shopDetail, .formDetail, .kiyakuWrap, .doui, .col1to2, .setMenu, .total, .total .btWrap, .shopName, .fin, .order, .formArea, .boxWrap, #guideWrap{
  margin-top: 2.14em; /* 30px */
}
.acMenu, .note, .results, .shop .btWrap, #submit_button, .noneAccepted, .colEq2, .colEq3, .colEq4, .colEq6, .linkBtn01 > li, .linkList01, .sideMenuWrap, .note + .btWrap, .customer .formArea, .customer .formArea .formDetail, .customer, .excess, .acBt, .errorMsg{
  margin-top: 1.42em; /* 20px */
}
#top .btWrap, 
.btWrap #submit_button{
  margin-top: 0.7em !important; /* 20px */
}

.errorMsg{
  margin-top: 0.5em; /* 7px */
}

.w90per {
  width: 90%;
}
.w80per {
  width: 80%;
}
.w70per {
  width: 70%;
}
.w60per {
  width: 60%;
}
.w50per {
  width: 50%;
}
.w40per {
  width: 40%;
}
.w30per {
  width: 30%;
}
.w25per {
  width: 25%;
}
.w20per {
  width: 20%;
}
.w17per {
  width: 17%;
}
.w16per {
  width: 16%;
}
.w12_5per {
  width: 12.5%;
}
.w10per {
  width: 10%;
}

.red{
	color:#c10000;
}


/* column */
.DUMMY {
  overflow: hidden;
}

/* cleafix */
.wrap, .colEq2, .colEq3, .colEq4, .colEq6, .shopDetail ul, .col1to2, .col1to2 > .col, #top #main, .doui .boxWrap, #top .shop dd li, #guideWrap .shop > dd .coltwo {
  min-height: 1%;
}
.wrap:after, .colEq2:after, .colEq3:after, .colEq4:after, .colEq6:after, .freeLayout:after, .shopDetail ul:after, .col1to2:after, .col1to2 > .col:after, #top #main:after , .doui .boxWrap:after, #top .shop dd li:after, #guideWrap .shop > dd .coltwo:after {
  content: "";
  display: block;
  clear: both;
}

/* loadingBg
------------------------------------------ */
#loadingBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/matsuben-net/common/img/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1005;
}
.sp #loadingBg {
	background-size: 50px 50px;
}

/* canalloadingBg
------------------------------------------ */
#canalloadingBg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(/matsuben-net/common/img/loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 1000;
}

/* ======================
　Share
====================== */
/* Base Setting
------------------------------------------ */
html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

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

/* link */
a:link {
  color: #ea571e;
  text-decoration: none;
}

a:visited {
  color: #ea571e;
  text-decoration: none;
}

a:hover {
  color: #ea571e;
  text-decoration: underline;
}

a:active {
  color: #ea571e;
  text-decoration: underline;
}

.col a:link{
	color:#000;
}

.col a:visited {
  color: #ea571e;
  text-decoration: none;
}

.col a:hover {
  color: #ea571e;
  text-decoration: none;
}

.menuDetail .col a{
	display:block;
}
.menuDetail .col a:hover dt {
	text-decoration:underline;
}
.menuDetail .col a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}


.col a:active {
  color: #ea571e;
  text-decoration: none;
}



img {
  max-width: 100%;
  vertical-align: bottom;
}

input[type="text"],
input[type="password"] {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: #abadb3 solid 1px;
}
input[type="text"]:focus,
input[type="password"]:focus {
	background-color:#fdeee8 ;
}

select.unselected{
	background-color:#fdeee8 ;
	color:#c10000;
}
select.selected {
	background-color:#fff ;
}


/* imgover */
img.opRollover:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/* For Reader */
.aural {
  overflow: hidden;
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: 0;
}

/* For Alert */
.alertCSS {
  display: none;
}

/* Text
------------------------------------------ */
/* List
------------------------------------------ */
/* common */
ul > li > ul,
ul > li > ol,
ul > li > dl,
ol > li > ul,
ol > li > ol,
ol > li > dl {
  margin-top: 0 !important;
}
ul > li > .navAnchor01 > li,
ol > li > .navAnchor01 > li {
  text-indent: 0;
}

dl dd ul,
dl dd ol {
  margin-top: 0 !important;
}

/* Column
------------------------------------------ */
/* column */
/* Align
------------------------------------------ */
.aC {
  text-align: center !important;
}

.aR {
  text-align: right !important;
}

.aL {
  text-align: left !important;
}

/* ======================
　PC
====================== */
/* Base Setting
------------------------------------------ */
body {
  font-size: 14px;
  font-size: 1.4rem;
}

.pcNone{
	display:none;
}
.spNone{
	display:block;
}

/* Wrap
------------------------------------------ */
.wrap {
  width: 960px;
  margin: 0 auto;
}

/* Page
------------------------------------------ */
/* Header
------------------------------------------ */
/*header  */
#header {
	border-top: #fcc929 solid 5px;
	border-bottom: #e1e1e1 solid 1px;
  padding: 15px 0 10px 0;
  background-color: #ffffff;
}

#header .tagline{
  width: 960px;
  margin: 0 auto;
  font-size: 12px;
  font-size: 1.2rem;
}

#header #headerLogo {
  float: left;
  width: 185px;
	margin-top: 5px;
}
#header #headerGlobal {
  float: right;
  /* margin: 15px 0 15px 30px; */
	letter-spacing:-0.4em;
	width: 690px;
	text-align:right;
}

#header #headerGlobal.in{
	margin: 0 0 0 30px;
	width: 525px;
}
.type002 #header #headerGlobal.in{ 
  margin: 30px 0 5px 30px;
}

#header #headerGlobal .menu,
#header #headerGlobal .close{
	display:none;
}
#header #headerGlobal .order {
	float:right;
	position:relative;
	margin: 0 0 0 20px;
	padding: 0;
	background: none;
	vertical-align:middle;
	letter-spacing:normal;
}

#header #headerGlobal .point {
	float:right;
	position:relative;
	margin: 0 0 0 20px;
	padding: 0;
	letter-spacing:normal;
	display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: row;
}

#header #headerGlobal .point img{
	height:22px;
}

#header #headerGlobal.in .order {
	float:none;
}

#header #headerGlobal .order a{
	background-image:url(/matsuben-net/common/img/com_ic004.png);
	background-repeat: no-repeat;
	background-position:0 100%;
	padding-left: 20px;
}

#header #headerGlobal.in .order a{
	background-position:0 80%;
}


#header #headerGlobal ul{
/*	float:right;*/
	text-align:right;
	vertical-align:middle;
/*	width: 555px;*/
}

#header #headerGlobal li{
	display:inline-block;
	letter-spacing:normal;
	margin-left: 23px;
	margin-top: 0;
}

#header #headerGlobal .guide a{
	background-image:url(/matsuben-net/common/img/com_ic001.png);
	background-repeat: no-repeat;
	background-position:0 50%;
	padding-left: 20px;
}
#header #headerGlobal .mypage a{
	background-image:url(/matsuben-net/common/img/com_ic002.png);
	background-repeat: no-repeat;
	background-position:0 50%;
	padding-left: 20px;
}
#header #headerGlobal .logout a{
	background-image:url(/matsuben-net/common/img/com_ic003.png);
	background-repeat: no-repeat;
	background-position:0 50%;
	padding-left: 20px;
}
#header #headerGlobal .point_history a{
	background-image:url(/matsuben-net/common/img/com_ic028.png);
	background-repeat: no-repeat;
	background-position:0 50%;
	padding-left: 27px;
}
#header #headerGlobal .history a{
	background-image:url(/matsuben-net/common/img/com_ic024.png);
	background-repeat: no-repeat;
	background-position:0 50%;
	padding-left: 28px;
}
#header #headerGlobal .login a{
	background-image:url(/matsuben-net/common/img/com_ic023.png);
	background-repeat: no-repeat;
	background-position:0 50%;
	padding-left: 20px;
}
#header #headerGlobal .credit a{
	background-image:url(/matsuben-net/common/img/com_ic_credit_card.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:0 50%;
	padding-left: 26px;
}

#header #headerGlobal a:link {
  color: #ea571e;
  text-decoration: none;
}

#header #headerGlobal a:visited {
  color: #ea571e;
  text-decoration: none;
}

#header #headerGlobal a:hover {
  color: #ea571e;
  text-decoration: underline;
}

#header #headerGlobal a:active {
  color: #ea571e;
  text-decoration: underline;
}


#header #headerGlobal .order span{
	position: absolute;
	background-color:#d71318;
	top:-13px;
	left:0;
	width: 20px;
	height:20px;
	line-height:1.8;
	margin: 0;
	padding-right:1px;
	text-align:center;
  font-size: 11px;
  font-size: 1.1rem;
	color:#fff;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
  border-radius: 50%;
}

#header #headerGlobal.in .order span{
	top:16px;
}

#header #headerGlobal .registration{
	position:relative;
	background: #ea571e ;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
}
#header #headerGlobal .registration a{
  display: block;
  padding: 15px 20px;
}

#header #headerGlobal .registration a{
	padding: 15px 70px;
}

#header #headerGlobal .registration a:link,
#header #headerGlobal .registration a:visited,
#header #headerGlobal .registration a:active  {
  color: #fff;
  text-decoration: none;
}

#header #headerGlobal .registration:hover {
	background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e));
	background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #d54f1b, #ea571e);
}

#header #headerGlobal .registration{
	vertical-align:middle;
	text-align:center;
}
#header #headerGlobal .registration a{
	padding: 15px 70px;
}

#header #headerGlobal.in ul{
	display:table;
	border-collapse: separate;
  border-spacing: 7px 0;
	margin-right: -8px;
	margin-left : auto ;
}
#header #headerGlobal.in li{
	display:table-cell;
	margin-left: 10px;
	vertical-align: bottom;
}

/* Mini-app Header
------------------------------------------ */
#miniapp ul{
/*	float:right;*/
	text-align:right;
	vertical-align:middle;
/*	width: 555px;*/
}
#miniapp li{
	display:inline-block;
	letter-spacing:normal;
	margin-left: 23px;
	margin-top: 0;
}
#miniapp .history a{
	background-image:url(/matsuben-net/common/img/com_ic024.png);
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding-left: 28px;
	font-size: 120%;
}

/* Step Bar
------------------------------------------ */
.stepBar {
  display: flex;
  width: 750px;
  position: relative;
  padding: 20px 105px 10px 105px;
  text-align: center;
  background-color: white;
  z-index: 10;
}
.stepBar li {
  font-size: 18px;
  list-style: none;
  position: relative;
  width: 25%;
  margin: 0px 2px;
}
.stepBar li:after {
  content: "";
    width: 21px;
    left: calc(100% - 32.5px);
    height: 21px;
    position: absolute;
    top: 13%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background-color: #f8c0aa;
    z-index: -1;
}
.stepBar li.visited:after  {
  background: #ea581e;
}
.stepBar li:last-child:after {
  display: none;
}
.stepBar li span {
  background: #f8c0aa;
  color: #ffffff;
  display: inline-block;
  height: 30px;
  margin-bottom: 5px;
  line-height: 30px;
  width: calc(100% - 22px);
  float: left;
}
.stepBar li:last-child span {
  width: 100%;
}
.stepBar .visited span {
  background: #ea581e;
}

/* Footer
------------------------------------------ */
#footer{
	background-color:#fcc929;
	padding: 20px 0;
}

#footer .wrap{
	text-align:center;
	letter-spacing:-0.4em;
}
#footer .wrap li{
	display:inline-block;
	margin-left: 10px;
	letter-spacing:normal;
}
#footer .wrap li:first-child{
	margin:0;
}
#footer .wrap li a{
	background: url(/matsuben-net/common/img/com_ic022.png) no-repeat 0 0.3em;
	padding-left: 15px;
  font-size: 12px;
  font-size: 1.2rem;
}

#footer .copyright {
	margin-top: 15px;
  color: #3c3c3c;
  font-size: 12px;
  font-size: 1.2rem;
	letter-spacing:normal;
}

#footer .wrap li a:link {
  color: #3c3c3c;
  text-decoration: none;
}

#footer .wrap li a:visited {
  color: #3c3c3c;
  text-decoration: none;
}

#footer .wrap li a:hover {
  color: #3c3c3c;
  text-decoration: underline;
}


/* Contents
------------------------------------------ */
#content {
	background-color:#f0eede;
	padding: 30px 0;
  -webkit-box-shadow: 0 6px 2px -2px #e7e5d5 inset;
     -moz-box-shadow: 0 6px 2px -2px #e7e5d5 inset;
             box-shadow: 0 6px 2px -2px #e7e5d5 inset;
}

#content #main{
	background-color:#fff;
	border: #dfddd0 solid 1px;
	padding:30px;
	width: 950px;
	margin:0 auto;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 2px #e7e5d5;
     -moz-box-shadow: 0 2px 2px #e7e5d5;
             box-shadow: 0 2px 2px #e7e5d5;
 box-sizing:border-box;
}



/* Heading1
------------------------------------------ */
#heading1 {
  padding: 10px 0 15px 30px;
  border-bottom: 1px dotted #e1e1e1;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.1;
	position:relative;
}

#heading1:before {
	position: relative;
    background-color: #812400;
    content: "";
    height: 85%;
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
}

/* Heading2
------------------------------------------ */
.heading2 {
/*	background-image: url(/matsuben-net/common/img/com_ic005.png);
	background-repeat: no-repeat;
	background-position:0 0.4em;*/
	background: #fff8e1;
  padding: 10px 10px 7px 10px;
	margin-top: 35px;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
  line-height: 1.1;
}

/* Heading3
------------------------------------------ */
.heading3 {
  padding:0;
	margin-top: 50px;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.1;
}



/* Navigation
------------------------------------------ */
/* navAnchor01 */
.navAnchor01{
	letter-spacing:-0.4em;
    margin-bottom: 20px;
}
.navAnchor01 > li {
	display:inline-block;
	border-right: #7d7d7d solid 1px;
  box-sizing: border-box;
  padding: 0 18px 0 0;
	margin-left: 20px;
	vertical-align:top;
	margin-top: 1.41em;
}
.navAnchor01 > li:first-child{
}
.navAnchor01 > li:last-child{
	border: none;
}
.navAnchor01 > li a{
	float:left;
  background: url(/matsuben-net/common/img/com_ic006.png) no-repeat 0 0.5em;
	padding: 0 0 0 18px;
	letter-spacing: normal;
}

.navAnchor01 li.detailBt02{
	display:inline-block;
	border:#e6e6e6  solid 1px;
	background-image:url(/matsuben-net/common/img/com_ic022.png);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position: 10px 50%;
	width:auto;
	padding:0;
	margin-top: 0.5em;
	margin-left: 10px;
	font-size:14px;
	font-size:1.4rem;
	box-shadow: 0 0 2px #e7e5d5;
	cursor:pointer;
}
.navAnchor01 li.detailBt02 a{
	display:block;
	background: none;
	padding:5px 15px 5px 25px;
}

.continue{
	background-color: #fff8e1;
	padding-bottom: 0.5em;
    margin-top: 20px;
}
.continue dt{
	font-size:20px;
	font-size:2.0rem;
    padding: 10px 10px 0 20px;
	font-weight: bold;
}
.continue dd{
    padding: 0 8px 10px 8px;
}
.continue .navAnchor01{
	margin-bottom: 0;
} 

/* text
------------------------------------------ */
.results{
}

.excess{
	color: #c10000;
	font-weight: bold;
}

.bold,
.results span{
	padding: 0 0.2em;
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
	color:#812400;
}

/* accordion
------------------------------------------ */
.acMenu dt{
	background-image: url(/matsuben-net/common/img/com_ic007.png);
	background-repeat:no-repeat;
	background-position: 98.5% 50%;
	background-color:#e1e1e1;
  display:block;
	padding: 10px 15px;
	font-size:18px;
	font-size:1.8rem;
	font-weight: bold;
  cursor:pointer;
}
.acMenu.open dt{
	background-image: url(/matsuben-net/common/img/com_ic007close.png);
}

.acMenu dd{
	padding:30px 20px;
  border-left:#e1e1e1 1px solid;
	border-right:#e1e1e1 1px solid;
	border-bottom:#e1e1e1 1px solid;
  display:none;
 }
 
 .acMenu dd .colL{
	 display:inline-block;
	 width: 423px;
	 margin-right:50px;
	 vertical-align:middle;
}

 .acMenu dd .colR{
	 display:inline-block;
	 width: 360px;
	 vertical-align:middle;
}
 .acMenu dd .menuWrap:first-child{
	 margin-top: 0;
 }


.acMenu dd .colL dt{
	display:inline-block;
	border: none;
	background: none;
	width: 85px;
	vertical-align:middle;
	padding: 0;
	margin-right: 20px;
	text-align:right;
	font-weight: normal;
	font-size:14px;
	font-size:1.4rem;
}
.acMenu dd .colL dd{
	display:inline-block;
	border: none;
	background: none;
	width: 310px;
	vertical-align:middle;
	vertical-align:middle;
	padding: 0;
	letter-spacing:-0.4em
}


input[type=checkbox]{
  display: none;
}

.taikai input[type=checkbox]{
  display: inline;
}

.taikai li{
	margin-bottom: 15px;
}
.taikai label{
	color:#000;
	font-size:14px;
	font-size:1.4rem;
}

input[type=radio] {
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	position: absolute;
}

.checkbox {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  padding: 8px 13px 8px 80px;
  border-radius: 8px;
	border: #ebebeb solid 1px;
  vertical-align: middle;
	font-size:15px;
	font-size:1.5rem;
  cursor: pointer;
	letter-spacing:normal;
}
/*.checkbox:hover {
  background-color: #e2edd7;
}*/
.r.checkbox:hover:after {
  border-color: #53b300;
}
.checkbox:after {
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -10px;
  width: 13px;
  height: 13px;
  border: 1px solid #8e8f8f;
  content: '';
}

.checkbox:before {
  position: absolute;
  top: 51%;
  left: 16px;
  display: block;
  margin-top: -10px;
  width: 13px;
  height: 11px;
/*  border-right: 3px solid #4a5f97;
  border-bottom: 3px solid #4a5f97;*/
	background-image:url(/matsuben-net/common/img/com_ic015.png);
  content: '';
	display:none;
  /*opacity: 0;
	-ms-filter: "alpha(opacity=0)";
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);*/
}
.checkbox.check:before {
/*  opacity: 1;
	-ms-filter: "alpha(opacity=100)";*/
	display:block;
}

.checkbox.matsuya{
	background-image: url(/matsuben-net/common/img/com_ic008_3.png);
	background-repeat: no-repeat;
	background-position:100%50%;
    margin-right: 0;
	padding:13px 0 13px 30px;
	width: 47%;
	height: 60px;
}
.checkbox.matsunoya{
	background-image: url(/matsuben-net/common/img/com_ic009_3.png);
	background-repeat: no-repeat;
	background-position:90%50%;
	margin-right: 0;
	padding:13px 0 13px 30px;
	width: 47%;
	height: 60px;
}
.checkbox.mycurry{
	background-image: url(/matsuben-net/common/img/com_ic_shop_curry.jpg);
	background-repeat: no-repeat;
	background-position:90%50%;
	margin-right: 0;
	padding:13px 0 13px 30px;
	width: 47%;
	height: 60px;
}
.checkbox.steak_matsu{
	background-image: url(/matsuben-net/common/img/com_ic_shop_steak.png);
	background-repeat: no-repeat;
	background-position:90%50%;
	margin-right: 0;
	padding:13px 0 13px 30px;
	width: 47%;
	height: 60px;
}
.checkbox.matsuken_ch{
	background-image: url(/matsuben-net/common/img/com_ic_shop_matsuken_ch.png);
	background-repeat: no-repeat;
	background-position:90%50%;
	margin-right: 0;
	padding:13px 0 13px 30px;
	width: 47%;
	height: 60px;
}
.checkbox.sushimatsu{
	background-image: url(/matsuben-net/common/img/com_ic_shop_sushimatsu.png);
	background-repeat: no-repeat;
	background-position:90%50%;
	margin-right: 0;
	padding:13px 0 13px 30px;
	width: 47%;
	height: 60px;
}
.checkbox.verte{
	background-image: url(/matsuben-net/common/img/com_ic_shop_verte.png);
	background-repeat: no-repeat;
	background-position:90%50%;
	margin-right: 0;
	padding:13px 0 13px 30px;
	width: 47%;
	height: 60px;
}
.checkbox.toriko{
	background-image: url(/matsuben-net/common/img/com_ic_shop_toriko.png);
	background-repeat: no-repeat;
	background-position:100%50%;
    margin-right: 0;
	padding:13px 0 13px 30px;
	width: 47%;
	height: 60px;
}

.checkbox img{
	max-width: 100%;
	height:auto;
}


.radiobutton{
	background: #fff url(/matsuben-net/common/img/com_ic016.png) no-repeat 10px 50%;
	height: 28px;
	line-height: 28px;
  position: relative;
  display: inline-block;
	cursor: pointer;
	overflow: hidden;
  padding: 8px 20px 8px 30px;
	margin-right: 10px;
  border-radius: 8px;
	border: #ebebeb solid 1px;
	color:#000;
}
.radiobutton.check{
	background:#fdeee8 url(/matsuben-net/common/img/com_ic016on.png) no-repeat 10px 50%;
}

.radiobutton.None{
	pointer-events: none;
	background-color: silver !important;
}

.uketori li{
	letter-spacing:-0.4em;
	margin-top: 1.42em;
}
.uketori label{
	display:inline-block;
	letter-spacing:normal;
	width: 200px;
	vertical-align:middle;
	margin-right: 20px;
}

.uketori span{
	display:inline-block;
	letter-spacing:normal;
	width: 600px;
	vertical-align:middle;
}

.uketori #time_regular, 
.uketori #time_preorder{
	width: 150px;
	font-size:14px;
	font-size:1.4rem;
}

.uketori #time01_regular, 
.uketori #time01_preorder{
	width: 100px;
	font-size:14px;
	font-size:1.4rem;
}

.uketori #time02_regular, 
.uketori #time02_preorder{
	width: 100px;
	font-size:14px;
	font-size:1.4rem;
}

.mobileordertype label{
	display:inline-block;
	letter-spacing:normal;
	width: 200px;
	vertical-align:middle;
	margin-right: 20px;
}

.parkordertype label{
	display:inline-block;
	letter-spacing:normal;
	width: 200px;
	vertical-align:middle;
	margin-right: 20px;
}


.tableLayout{
	display: table;
	width:auto;
}
.radiobutton.rice{
	display:block;
	width: auto;
	margin-top: 8px;
	height: auto;
	padding: 4px 20px 4px 30px;
}
.radiobutton.rice:first-child{
	margin-top: 0;
}

.radiobutton.sideMenu{
	display: inline-block;
	width: auto;
	margin-top: 8px;
	height: auto;
	padding: 4px 20px 4px 30px;
}
.radiobutton.sideMenu:first-child{
	margin-top: 0;
}
.sideMenuWrap{
	letter-spacing:-0.4em;
}
.sideMenuWrap dt{
	display:inline-block;
	letter-spacing: normal;
	width:210px;
	vertical-align:middle;
}
.sideMenuWrap dd{
	display:inline-block;
/*	width:400px;*/
	vertical-align:middle;
	letter-spacing: normal;
}

.sideMenuWrap dd select{
	width: 200px;
}

.sideMenuWrap dd label{
		letter-spacing: normal;
}

.sideMenuWrap.tuyu{
	letter-spacing:-0.4em;
}



.doui {
	text-align:center;
}
.doui .backBt{
	text-align: left;
}
.doui .note{
	text-align: left;
	color:#c10000;
}
.doui .checkDoui{
	background-color:#fdeee8;
	display:inline-block;
	padding: 8px 70px 8px 90px;
}
.doui .checkDoui.check{
	background-color:#fff;
}

.doui .btWrap,
.doui .subMitBt{
	text-align:center;
	width: 300px;
	float:right;
}



.doui .boxWrap .btWrap input {
	margin-top:0 !important;
}
.doui .boxWrap{
	width: 600px;
}
.doui .boxWrap.regist{
	width: 100%;
}
.formArea .doui .boxWrap.confirm{
	width: 600px;
}
.doui .boxWrap .subMitBt {
	margin:0 auto;
	float:none;
	width: 400px;
}

.doui .confirm02 .subMitBt {
    float: right;
    text-align: center;
}

.formArea .doui .boxWrap.confirm02{
	width: 640px;
}

/*.doui .subMitBt #submit{
	position:relative;
  display: inline-block;
  padding: 15px 40px;
	background: #ea571e ;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";
zoom: 1;
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
	border: none;
	color:#fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor:pointer;
	font-size:18px;
	font-size:1.8rem;
}


.doui .subMitBt #submit:hover{
	background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e));
	background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))";
zoom: 1;
	background: linear-gradient(to bottom, #d54f1b, #ea571e);
}

.doui .subMitBt #submit.notActive{
	background:#9a9a9a;
	color:#fff;
}*/
.doui .subMitBt #submit,
.doui .subMitBt #submitMail {
	position:relative;
  display: inline-block;
  padding: 15px 40px;
	background: #ea571e ;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";
zoom: 1;
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
	border: none;
	color:#fff;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	cursor:pointer;
	font-size:18px;
	font-size:1.8rem;
}
#member .doui .subMitBt #submit,
.doui .subMitBt.mail #submit,
.doui .subMitBt.mail #submitMail {
	width: 400px;
}
.doui .subMitBt #submit:hover,
.doui .subMitBt #submitMail:hover{
	background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e));
	background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #d54f1b, #ea571e);
}
.doui .subMitBt.mail #submit:hover{
}

.doui .subMitBt #submit.notActive,
.doui .subMitBt #submit.notActive[disabled]{
	background: -moz-linear-gradient(top, #9a9a9a, #9a9a9a 50%, #9a9a9a);
	background: -webkit-gradient(linear, left top, left bottom, from(#9a9a9a), color-stop(0.5, #9a9a9a), to(#9a9a9a));
	background: -o-linear-gradient(top, #9a9a9a, #9a9a9a 50%, #9a9a9a);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#9a9a9a, endcolorstr=#9a9a9a))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #9a9a9a, #9a9a9a);
	cursor:default;
}
.doui .subMitBt.mail #submit.notActive,
.doui .subMitBt.mail #submit.notActive[disabled]{
	background:#9a9a9a !important;
}




.acMenu dd .colR dt{
	display:inline-block;
	border: none;
	background: none;
	width: 57px;
	vertical-align:middle;
	padding: 0;
	margin-right: 20px;
	text-align:right;
	font-weight: normal;
	font-size:14px;
	font-size:1.4rem;
}
.acMenu dd .colR dd{
	display:inline-block;
	border: none;
	background: none;
	width: 275px;
	vertical-align:middle;
	vertical-align:middle;
	padding: 0;;
}

.acMenu dd .colR dd select{
	width: 100%;
	margin-top: 10px;
	display:block;
}

.acMenu dd .colR dd select:first-child{
	margin-top: 0;
}

.colL input[type="text"] {
	width: 100%;
	box-sizing:border-box;
	border: #ccc solid 1px;
}

.colR input[type="text"] {
	width: 50%;
	box-sizing:border-box;
	margin-left: 7px;
	border: #ccc solid 1px;
}

input::-webkit-input-placeholder {
    color: #dedede;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #dedede;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #dedede;
    font-weight: normal;
}

input.word{
	background-image: url(/matsuben-net/common/img/com_ic010.png);
	background-repeat: no-repeat;
	background-position:0 50%;
	padding-left: 1.3em;
	border: #abadb3 solid 1px;
}

.onPlaceholder {
    color: #999;
}
.colR .post{
	font-size:13px;
	font-size:1.3rem;
	color:#999;
}


.radiobutton.set{
	display: inline-block;
	width: auto;
	margin-top: 8px;
	height: auto;
	padding: 4px 20px 4px 30px;
	border: 1px solid #cccccc;
}
.radiobutton.sideMenu:first-child{
	margin-top: 0;
}


/* pageNav
------------------------------------------ */
.pageNavs {
	padding: 12px;
	text-align: center;
}

.pageNavs li {
	display: inline;
	margin: 0 1px;
	padding: 0;
	font-size:18px;
	font-size:1.8rem;
}

.pageNavs li span,
.pageNavs li a {
	display: inline-block;
	padding: 5px 13px;
	background: #fff;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
	text-decoration: top;
}

.pageNavs li a:hover {
	border: 1px solid #ea571e;
	background: #ea571e;
	color:#fff;
}
.pageNavs .current{
	display: inline-block;
	padding: 5px 13px;
	border: 1px solid #d2d2d2;
	vertical-align: middle;
	text-decoration: none;
	background: #ea571e;
	color:#fff;
	margin-top: -2px;
}

.pageNavs li .ellipsis {
	display: inline-block;
	background-color:#f5f5f5;
	padding: 5px 13px;
	border: 1px solid #f5f5f5;
	vertical-align: middle;
	text-decoration: none;
}


/* shop
------------------------------------------ */
.shop dt{
	border-bottom: #e1e1e1 solid 1px;
	background-color:#fcca2d;
	padding: 10px 0 10px 55px;
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
}
.shop dt#noneAccepted{
	border-bottom: #e1e1e1 solid 1px;
	background-color:rgb(163, 163, 163);
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
	color: #000;
}

#shopLoadingArea{
	position: relative;
	height: 150px;
	width: 100%;
}

#shopLoading{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100px;
}

.shop > dt{
	background-repeat:no-repeat;
	background-position: 10px 50%;
	display: flex;
	align-items: center;

}
.shop > dt.num01{
	background-image: url(/matsuben-net/common/img/num01.png);
}
.shop > dt.num02{
	background-image: url(/matsuben-net/common/img/num02.png);
}
.shop > dt.num03{
	background-image: url(/matsuben-net/common/img/num03.png);
}
.shop > dt.num04{
	background-image: url(/matsuben-net/common/img/num04.png);
}
.shop > dt.num05{
	background-image: url(/matsuben-net/common/img/num05.png);
}
.shop > dt.num06{
	background-image: url(/matsuben-net/common/img/num06.png);
}
.shop > dt.num07{
	background-image: url(/matsuben-net/common/img/num07.png);
}
.shop > dt.num08{
	background-image: url(/matsuben-net/common/img/num08.png);
}
.shop > dt.num09{
	background-image: url(/matsuben-net/common/img/num09.png);
}
.shop > dt.num10{
	background-image: url(/matsuben-net/common/img/num10.png);
}

.shop dt.matsuya span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic011.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}

.shop dt.matsunoya span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic_matsunoya.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}
.shop dt.mycurry span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic_curry.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}
.shop dt.steak_matsu span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic_steak.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}
.shop dt.matsuken_ch span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic_matsuken_ch.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}
.shop dt.sushimatsu span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic_sushimatsu.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}
.shop dt.verte span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic_verte.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}
.shop dt.komematsu span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic_komematsu.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}
.shop dt.toriko span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic_toriko.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}

.shop dt.tukkun span{
	display:block;
	background-image: url(/matsuben-net/common/img/icon_tukkun_32.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}
.shop dt.matsutaro span{
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic_matsutaro.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding: 0 10px 0 55px;
}


.shop dd{
	padding: 15px 30px;
	letter-spacing:-0.4em;
}
.shop dd dl{
	letter-spacing: -0.4em;
	margin-top: 10px;
}
.shop dd dt{
	display:inline-block;
	margin-right: 15px;
	letter-spacing: normal;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
	background-color:#812400;	
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	font-weight: normal;
	box-sizing:border-box;
	text-align:center;
	position: relative;
	vertical-align:middle;
}
.shop dd .address{
	margin-top: 0;
}
.shop dd .tel{
	display:inline-block;
}


.shop dd .shopdlLabel{
	display: flex;
    align-items: center;
}

.shop dd dd.shopLabel {
	letter-spacing: normal;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid;
	border-color: #666;	
	font-size:1.0rem;
	color:#666;
	box-sizing:border-box;
	text-align:center;
	vertical-align:middle;
	padding: 0px;
	width: 100px;	
	border-width: 1.5px;
}
.shop dd dd.shopDistance{
	color:#666;
	padding-right: 10px;
	padding-top: 0px;
	vertical-align: middle;
	width: auto;
	margin-left: auto;
	font-size:1.1em;
}

.shop dt p.arrow{
	position: relative;
	display: inline-block;
	margin-left: auto;
	width: 10px;
	padding-right: 10px;
  }
  
.shop dt p.arrow::before{
	content: '';
	width: 6px;
	height: 6px;
	border: 0px;
	border-top: solid 2px #ea571e;
	border-right: solid 2px #ea571e;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -4px;
  }

.shopArea {
	position: relative;
    z-index: 1;
	border-radius: 8px;
}
.shopArea > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; 
	border-radius: 8px;
}
.shopIC{
	display:inline-block;
	vertical-align: middle;
	margin-top: 10px;
}
.shopIC ul{
	float:right;
	letter-spacing:normal;
}

.shopIC ul li{
	display:inline-block;
}

.shopIC ul img{
	margin-right: 3px;
}

.shop dl.shopInfo {	
	margin-top:6px;
}

.shop .shopInfo dd{	
	word-break:	break-all;
	width: 100%;
}

.shop dd .address dt,
.shop dd .tel dt{
	width: 80px;
	padding: 5px;
}
.shop .tel span a{
	z-index: 3;
	position: absolute;
}
.shop dd .time dt{
	width: 80px;
	padding: 5px;
}

.shop dd dd{
	display:inline-block;
	letter-spacing: normal;
	padding: 0.5em 10px 0 0;
	vertical-align: top;
}
.shop dd .address dd{
	width: 450px;
}

.shop .btWrap{
	padding:10px 0;
	background-color:#fff8e1;
}


/* button
------------------------------------------ */
.btWrap{
	text-align:center;
}
.btWrap .button{
	display:inline-block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  border-style: none;
	font-size:16px;
	font-size:1.6rem;
	width: 240px;
	text-align:center;
	cursor:pointer;
	letter-spacing:normal;
}

.btWrap .button a {
	position: relative;
  padding: 15px 0;
	display:block;
	background: #ea571e ;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
}

.btWrap .button a:link {
  color: #fff;
  text-decoration: none;
}

.btWrap .button a:visited {
  color: #fff;
  text-decoration: none;
}

.btWrap .button a:hover {
	background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e));
	background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #d54f1b, #ea571e);
}

.btWrap .button a:active {
  color: #fff;
  text-decoration: none;
}


.btWrap #submit_button,
.btWrap #submit_button02,
.btWrap #submit_button03{
	position: relative;
	display:inline-block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 15px 0;
  color: #fff;
  border-style: none;
	font-size:16px;
	font-size:1.6rem;
	width: 240px;
	text-align:center;
	cursor:pointer;
	background: #ea571e ;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
}

.btWrap #submit_button:hover{
	background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e));
	background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #d54f1b, #ea571e);
}

.noneAccepted{
  background-color: #f7dede;
  padding: 14px 0;
	font-weight: bold;
	color:#c10000;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:normal;
	text-align:center;
}

.noneAccepted p{
	margin-top:0 !important;
}

.linkBtnList01 {
  letter-spacing: -0.4em;
}
.linkBtnList01 > li {
  display: inline-block;
  letter-spacing: normal;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-right: 24px;
  vertical-align: top;
}
.linkBtnList01 > li:last-child {
  margin-right: 0;
}
.linkBtnList01 > li:hover {
/*  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";*/
}
.linkBtnList01.aC > li {
  margin-right: 12px;
  margin-left: 12px;
}
.linkBtnList01.aR > li {
  margin-left: 12px;
}




/* .linkBtn01 */
.linkBtn01 > li {
	position: relative;
	display:inline-block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  border-style: none;
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	cursor:pointer;
}
.linkBtn01 > li:before {
  position: absolute;
}
.linkBtn01 > li > a {
	position:relative;
  display: block;
  padding: 15px 20px;
	background: #ea571e ;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
	min-width: 240px;
	box-sizing:border-box;
}

.linkBtn01 > li > a:link, .linkBtn01 > li > a:visited, .linkBtn01 > li > a:active {
  color: #fff;
  text-decoration: none;
}

.linkBtn01 > li > a:hover {
	background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e));
	background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))";/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #d54f1b, #ea571e);
}

.linkBtn01.submit li a{
	 margin-left: 20px;
}

.col .linkBtn01.submit li{
	margin-top: 0;
}

.bottomMenu {
	width: 100%;
	background:white;
	position: fixed;
	bottom: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index:1;
	display: inline;
	text-align: center;
    -webkit-box-shadow: 0 6px 2px -2px #e7e5d5;
    -moz-box-shadow: 0 6px 2px -2px #e7e5d5;
    box-shadow: 0 -6px 2px -2px #e7e5d5;
    border-top: #e1e1e1 solid 1px;
}
@media only screen and (max-width: 768px){
	.bottomMenu {
		padding: 22px;
	}
}

/* linkbtnSushi */
.linkBtnSushi {
	text-align: center;
}

.linkBtnSushi > li {
	position: relative;
	display:inline-block;
  	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  	color: #fff;
  	border-style: none;
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.linkBtnSushi > .add > a {
	position:relative;
	display: block;
	padding: 15px 20px;
	color: #fff;
    text-decoration: none;
	background: #ea571e ;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";/* IE8 IE9 */
  	zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
	min-width: 240px;
	box-sizing:border-box;  
	display: block;
	min-width: 0px;
	padding: 10px 20px;
}

.linkBtnSushi > li > a {
	position:relative;
	display: block;
	padding: 15px 20px;
	color: #fff;
    text-decoration: none;
	background: #ea571e ;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";/* IE8 IE9 */
  	zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
	min-width: 0px;
	box-sizing:border-box;  
}

/* .mobileOrderTypeBtnList */
.mobileOrderTypeBtnList {
  letter-spacing: -0.4em;
  text-align: center !important;
}
.mobileOrderTypeBtnList > li {
  letter-spacing: normal;
  transition: 0.3s;
  position: relative;
  display:inline-block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  border-style: none;
  font-size:20px;
  font-size:2.0rem;
  text-align:center;
  cursor:pointer;
  margin-right: 36px;
  margin-left: 36px;
  margin-top: 72px;
  margin-bottom: 42px;
}
.mobileOrderTypeBtnList > li:before {
  position: absolute;
}
.mobileOrderTypeBtnList > li > a {
  position:relative;
  display: block;
  padding: 15px 20px;
  background: #ea571e ;
  background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
  background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
  background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
  background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";/* IE8 IE9 */
  zoom: 1;/* IE8 IE9 */
  background: linear-gradient(to bottom, #ea571e, #d54f1b);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  min-width: 240px;
  box-sizing:border-box;
}
.mobileOrderTypeBtnList > li > a:hover {
  background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
  background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e));
  background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
  background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))";/* IE8 IE9 */
  zoom: 1;/* IE8 IE9 */
  background: linear-gradient(to bottom, #d54f1b, #ea571e);
}
.mobileOrderTypeBtnList > li > a:link, .mobileOrderTypeBtnList > li > a:visited, .mobileOrderTypeBtnList > li > a:active {
  color: #fff;
  text-decoration: none;
}

/* マイナスボタン */
.minsButton{
	position: relative;
	width: 20px;
	height: 20px;
	border:4px solid;
	border-color: #e75f25;
	border-radius: 50%;
	transform: translateY(20%);
}

.minsButton::before{
	text-align: center;
    position: absolute;
    top: 7.6px;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-top: 4px solid #e75f25;
	transform: translateX(-50%);
}

/* IEのみ適用 */
_:-ms-lang(x)::-ms-backdrop, .minsButton::before{ 
	transform: translateX(20%);
}

/* プラスボタン */
.pulsButton{
	position: relative;
	width: 20px;
	height: 20px;
	border:4px solid;
	border-color: #e75f25;
	border-radius: 50%;
	transform: translateY(20%);
}

.pulsButton::before{
	text-align: center;
    position: absolute;
    top: 7.6px;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-top: 4px solid #e75f25;
	transform: translateX(-50%);
}

.pulsButton::after {
    text-align: center;
    position: absolute;
    top: 4%;
    right: 49%;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    border-top: 4px solid #e75f25;
	transform: rotate(90deg);
}

/* IEのみ適用 */
_:-ms-lang(x)::-ms-backdrop, .pulsButton::before{ 
	transform: translateX(20%);
}
  
/* 画面サイズの横幅が 480px より大きく 1024px より小さい場合に適用 */
@media screen and (min-width: 480px) and (max-width: 1024px) {
	/* マイナスボタン */
	.minsButton {
		position: relative;
		width: 30px;
		height: 30px;
		border: 4px solid;
		border-color: #e75f25;
		border-radius: 50%;
		transform: translateY(30%);
	}
	.minsButton::before {
		text-align: center;
		position: absolute;
		top: 7.4px;
		content: '';
		display: inline-block;
		width: 15px;
		height: 15px;
		border-top: 4px solid #e75f25;
		transform: translateX(-48%)translateY(34%);
	}
	/* IEのみ適用 */
	_:-ms-lang(x)::-ms-backdrop, .minsButton::before{ 
		transform: translateX(50%) translateY(30%);
	
	}
	/* プラスボタン */
	.pulsButton {
		position: relative;
		width: 30px;
		height: 30px;
		border: 4px solid;
		border-color: #e75f25;
		border-radius: 50%;
		transform: translateY(30%);
	}

	.pulsButton::before {
		text-align: center;
		position: absolute;
		top: 7.4px;
		content: '';
		display: inline-block;
		width: 15px;
		height: 15px;
		border-top: 4px solid #e75f25;
		transform: translateX(-48%)translateY(34%);
	}

	.pulsButton::after {
		text-align: center;
		position: absolute;
		top: 22%;
		right: 50%;
		content: '';
		display: inline-block;
		width: 15px;
		height: 15px;
		border-top: 4px solid #e75f25;
		transform: rotate(90deg);
	} 	
	/* IEのみ適用 */
	_:-ms-lang(x)::-ms-backdrop, .pulsButton::before{ 
		transform: translateX(50%) translateY(30%);
	}
}
.sushiBox{
	width: 4rem;
	height: 2rem;
	text-align: center;
	font-size: 1.5rem;
	margin: 5px;
}

@media screen and (min-width: 480px) and (max-width: 1024px) {
	.sushiBox{
		width: 5rem;
		height: 3rem;
		text-align: center;
		font-size: 2rem;
		margin: 6px;
		transform: translateY(7px);
	}	
}

.bottomOrder {
	position: relative;
	top: 18px;
}

.bottomOrder a{
	display:block;
	background-image:url(/matsuben-net/common/img/com_ic004sp.png);
	background-size: 27px auto;
	background-position:49% 0;
	background-repeat: no-repeat;
	padding-top:30px;
	padding-right: 35px;
	padding-left: 0;
	text-align:center;
	font-size: 7px;
	font-size: 0.7rem;
	line-height:1.1;


}

.bottomOrder span {
	position: absolute;
	background-color:#d71318;
	top:-13px;
	left: 18px;
	width: 20px;
	height:20px;
	line-height:1.8;
	margin: 0;
	padding-right:1px;
	text-align:center;
	font-size: 11px;
	font-size: 1.1rem;
	color:#fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.bottomCartCount{
	position: absolute;
    background-color: #d71318;
    margin: 0;
    padding-right: 1px;
    text-align: center;
    font-size: 11px;
    font-size: 1.1rem;
    color: #fff;
	border-radius: 50%;
}

.bottomMoney{
	padding-right: 10rem;
	font-size: 2rem;
    color: black;
    font-weight: bold;
}

.bottomOrderConfirm a{
    display: block;
    padding: 15px 20px;
    color: #fff;
    text-decoration: none;
    background: #ea571e;
    background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
    background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
    background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
    background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";
    zoom: 1;
    background: linear-gradient(to bottom, #ea571e, #d54f1b);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    min-width: 0px;
    box-sizing: border-box;
}

@media only screen and (max-width: 768px){
	.bottomOrder{
		top: auto;
		left: 2%;
		bottom: 15px;
		position: fixed;
	}

	.bottomOrder span {
		left: 40%;
		top: -15px;
		border: #FFF solid 2px;
		width: 15px;
		height: 15px;
		line-height:1.6;
	}

	.bottomCartCount{
		border: #FFF solid 2px;
		width: 15px;
		height: 15px;
		line-height: 1.6;
		top: -11px;
		left: 31%;
	}

	.bottomMoney{
		padding-right: 0;
		position: fixed;
		left: 15%;
		bottom: 16px;
	}

	.bottomOrderConfirm{
		position: fixed;
		bottom: 5px;
		right: 20px;
	}
}

/* toast */
.toast{
	font-weight: bolder;
	color: black;
	padding: 25px;
}

.blank a{
	background-image:url(/matsuben-net/common/img/com_ic014.gif);
	background-repeat: no-repeat;
	background-position:0 50%;
	padding-left: 22px;
	font-size:12px;
	font-size:1.2rem;
}

/* .linkList01 */
.linkList01 li a{
    background: url(/matsuben-net/common/img/com_ic022.png) no-repeat 0 0.4em !important;
    padding:0 0 0 15px !important;
}


/* menuDetail
------------------------------------------ */
.menuDetail .col {
	border: #cccccc solid 1px;
	padding:10px;
	box-sizing:border-box;	
}
.menuDetail .col dt{
	font-size:16px;
	font-size:1.6rem;
	color:#000;
	font-weight: bold;
	margin-top: 0.3em;
}

.menuDetail .col a dt{
	color:#e75f25;
}


.menuDetail .col dd{
	margin-top: 0.3em;
	font-size:12px;
	font-size:1.2rem;
}

.menuDetail .col a dd{
	color:#000;
}

/* Column
------------------------------------------ */
/* common */
.col > *:first-child,
.colImgR > *:first-child,
.colImgL > *:first-child,
.colTxt > *:first-child {
  margin-top: 0 !important;
}

.col {
  float: left;
}

/* colEq2 */
.colEq2 > .col {
  width: 49%;
  margin-right: 2%;
}
.colEq2 > .col:nth-child(2n) {
  margin-right: 0;
}
.colEq2 > .col:nth-child(n+3) {
  margin-top: 1.42em;
}
.colEq2 > .col > .boxColumn02 > .colEq2 > .col {
  width: 47%;
  margin-right: 6%;
}
.colEq2 > .col > .boxColumn02 > .colEq2 > .col:nth-child(2n) {
  margin-right: 0;
}

/* colEq3 */
.colEq3 > .col {
  width: 32%;
  margin-right: 2%;
}
.colEq3 > .col:nth-child(3n) {
  margin-right: 0;
}

/* colEq4 */
.colEq4 > .col {
  width: 23.5%;
  margin-right: 2%;
}
.colEq4 > .col:nth-child(4n) {
  margin-right: 0;
}

.colEq4 > .col:nth-child(n+5) {
    margin-top: 1.42em;
}


/* col1to2 */
.col1to2 > .col:nth-child(1) {
  width: 37%;
  margin-right: 2%;
}

.col1to2 > .col:nth-child(1) p{
	margin-top: 1em;
}
.col1to2 > .col:nth-child(2) {
  width: 61%;
}

/* col2to1 */
.col2to1 > .col:nth-child(1) {
  width: 32.5%;
  margin-right: 2%;
}
.col2to1 > .col:nth-child(2) {
  width: 65.5%;
}

/* colEq5 */
.colEq5 > .col {
  width: 18.4%;
  margin-right: 2%;
}
.colEq5 > .col:nth-child(5n) {
  margin-right: 0;
}


/* colEq6 */
.colEq6 > .col {
  width: 15%;
  margin-right: 2%;
}
.colEq6 > .col:nth-child(6n) {
  margin-right: 0;
}

.colEq6 > .col:nth-child(n+7) {
    margin-top: 1.42em;
}

/* colSet */
.colSet > .colImgR {
  float: right;
  margin-left: 25px;
}
.colSet > .colImgL {
  float: left;
  margin-right: 25px;
}

/* table
------------------------------------------ */
.formDetail,
.shopDetail{
  border-left: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;    
  width: 100%;
}

.formDetail th,
.formDetail td,
.shopDetail th,
.shopDetail td,
.showDetail th,
.showDetail td{
  padding: 15px 10px 15px 25px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  text-align: left;
  vertical-align: top;
}

.formDetail th,
.shopDetail th {
  padding: 15px 10px 15px 15px;
  background-color: #fff8e1;
}
.fin .formDetail th{
	text-align:center;
}



.fin .formDetail, h2 +.fin{
	margin-top: 1em;
}
.fin .customer .heading3{
	margin-top: 0;
}
.fin .customer{
	background-color:#f5f5f5;
	padding: 30px;
}
.fin .customer .note{
	margin: 15px 10px 10px 10px;
}
.fin .customer .formDetail th,
.fin .customer .formDetail td{
	text-align: left;
}

.formDetail th span{
	float:right;
}

.formDetail th span img{
	vertical-align:middle;
}

.formDetail td,
.shopDetail td {
  background-color: #fff;
}
.pointhistry .formDetail.kakunin td{
	white-space: break-spaces;
	word-wrap: break-word;
	max-width: 200px;
}
.formDetail td.name ul{
	letter-spacing: -0.4em;
}
.formDetail td.name li{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
	margin-top: 0.5em;
}
.formDetail td.name p{
	margin-top: 0.5em;
}
.formDetail td.name p span{
	display:inline-block;
	width: 1.5em;
	text-align:center;
}
.formDetail td.name p.birth span{
	display:inline-block;
	width: 2.5em;
	text-align: left
}
.formDetail td.name li:first-child{
	margin-right: 1em;
}

.formDetail td.name li span{
	display:inline-block;
	width: 2.5em;
}



.formDetail td.mail{
	color:#666;
	font-size:13px;
	font-size:1.3rem;
}

.formDetail.historyTable td{
	color:#000;
	font-size:14px;
	font-size:1.4rem;
}

.formDetail td.mail input[type="text"],
.formDetail td.mail #textarea,
.formDetail td.mail input[type="password"] {
	width: 70%;
}
.formDetail .w4 {
	width: 30% !important;
	box-sizing:border-box;
}
.formDetail .w3 {
	width: 10% !important;
	box-sizing:border-box;
}
.formDetail .w2 {
	width: 15% !important;
	box-sizing:border-box;
}

.formDetail td.error{
	background-color:#f7dede;
	color:#666;
}

.errorMsg{
	color:#c10000;
	font-weight: bold;
}






.customer > .heading3{
	margin-top: 0;
	background-image: url(/matsuben-net/common/img/com_ic007.png);
	background-repeat:no-repeat;
	background-position: 98.5% 50%;
	background-color:#e1e1e1;
	padding: 15px;
	font-weight: bold;
	cursor:pointer;
}
.customer > .heading3.active{
	background-image: url(/matsuben-net/common/img/com_ic007close.png);
}


.customer .formArea{
	display:none;
	padding: 10px;
	margin-top: 0;
}
.customer .formArea .linkBtnList01{
}
.customer .formDetail{
  margin-top:0 !important; 
}
.customer .formDetail th,
.customer .formDetail td,
.customer .showDetail th,
.customer .showDetail td{
	text-align:left;
	padding: 10px;
	letter-spacing:normal !important;
}


/* .formArea .doui .boxWrap.confirm,
.formArea .doui .boxWrap.confirm02 {
	width: auto;
} */

.noneAccepted{
	margin-top:10px ;
}

.formDetail td.error .msg{
	color:#c10000;
	font-weight: bold;
	margin-top: 5px;
}
.fin .formDetail td{
	text-align:center;
	vertical-align:middle;
}
.fin.excess .formDetail th{
	background-color:#fff8e1;
	color:#000;
	font-weight: normal;
}

.fin.excess .formDetail td{
	background-color:#f7dede;
	color:#000;
	font-weight: normal;
}

.fin .formDetail td img{
	display: inline-block;
	vertical-align: middle;
}
.fin .formDetail td .txt {
	display: inline-block;
	vertical-align: middle;
	width:265px;
	margin-left: 20px;
	line-height:1.3;
	text-align:left;
}


.shopDetail td .date{
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
	color:#812400;
}
.shopDetail td .time{
	margin-left: 15px;
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
	color:#812400;
}

.shopDetail td .price{
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
	color:#812400;
}

.shopDetail ul li{
	float:left;
	padding:10px 0 10px 0 ;
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
}
.shopDetail th ul li{
	font-weight: normal;
	font-size:14px;
	font-size:1.4rem;
}

/*.shopDetail .times{
	width: 50%;
}*/
.shopDetail .note{
	width: auto;
}

.shopDetail ul li.matsuya{
	background-image:url(/matsuben-net/common/img/com_ic008.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.matsunoya{
	background-image:url(/matsuben-net/common/img/com_ic_matsunoya.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.mycurry{
	background-image:url(/matsuben-net/common/img/com_ic_curry.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.steak_matsu{
	background-image:url(/matsuben-net/common/img/com_ic_steak.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.matsuken_ch{
	background-image:url(/matsuben-net/common/img/com_ic_matsuken_ch.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.sushimatsu{
	background-image:url(/matsuben-net/common/img/com_ic_sushimatsu.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.verte{
	background-image:url(/matsuben-net/common/img/com_ic_verte.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.komematsu{
	background-image:url(/matsuben-net/common/img/com_ic_komematsu.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.toriko{
	background-image:url(/matsuben-net/common/img/com_ic_toriko.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.tukkun{
	background-image:url(/matsuben-net/common/img/icon_tukkun_32.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}
.shopDetail ul li.matsutaro{
	background-image:url(/matsuben-net/common/img/com_ic_matsutaro.png);
	background-repeat:no-repeat;
	background-position: 0 50%;
	padding-left:45px;
}



.shopDetail ul li.detailBt{
	float:right;
	border:#e6e6e6  solid 1px;
	background-image:url(/matsuben-net/common/img/com_ic013.png);
	background-repeat:no-repeat;
	background-position: 70px 50%;
	padding:10px 30px 10px 10px;
	font-weight: normal;
	font-size:12px;
	font-size:1.2rem;
	font-weight: bold;
	box-shadow: 0 0 2px #e7e5d5;
	cursor:pointer;
}
.shopDetail ul li.detailBt02{
	border:#e6e6e6  solid 1px;
	background-image:url(/matsuben-net/common/img/com_ic022.png);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding:10px 10px 10px 30px;
	font-weight: normal;
	font-size:12px;
	font-size:1.2rem;
	font-weight: bold;
	box-shadow: 0 0 2px #e7e5d5;
	cursor:pointer;
	float: right;
	margin-right: 0px;
}
.shopDetail ul li.detailBt02 a:link,
.shopDetail ul li.detailBt02 a:visited,
.shopDetail ul li.detailBt02 a:hover{
	color:#000;
}

.shopDetail ul li{
	margin-right: 5px;
}

.shopDetail ul li.detailBt:hover,
.shopDetail ul li.detailBt02:hover{
	background-color:#f0f0f0;
}

.shopDetail ul li.detailBt.open{
	background-image:url(/matsuben-net/common/img/com_ic013on.png);
}

.shopDetail ul li.payment{
	font-size: 2.0rem;
}

.shopDetail  .paymentType .codePayLogo {
	width: 20%;
	padding: 2%;	
}

.shopDetail ul li p.credit_number{
	font-size: 1.5rem;
	padding-left: 15px;
}

.mapWrap{
	display:none;
	margin-top: 20px;
	letter-spacing:-0.4em
}

.mapWrap .detail{
	display:inline-block;
	width: 265px;
	padding-right:	3px;
	letter-spacing: normal;
	vertical-align:top;
}

.mapWrap .detail #shop_img{
    max-width: 200px;
    max-height: 200px;
}

.mapWrap .map{
	display:inline-block;
	width: 380px;
	letter-spacing: normal;
	vertical-align:top;
}

.mapWrap dt{
	display:inline-block;
	margin-right: 15px;
	letter-spacing: normal;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
	background-color:#812400;	
	padding: 5px 25px;
	margin-top: 10px;
	font-size:14px;
	font-size:1.4rem;
	color:#fff;
	font-weight: normal;
	box-sizing:border-box;
	text-align:center;
	position: relative;
	vertical-align:middle;
}

.mapWrap dt:first-child{
	margin-top: 0;
}

.mapWrap dd{
	margin-top: 7px;
}

.shopDetail .blankBt{
	margin-top: 7px;
	font-weight: normal;
	font-size:12px;
	font-size:1.2rem;
	font-weight: bold;
}
.shopDetail .blankBt a{
	display:inline-block;
	border:#e6e6e6  solid 1px;
	background-image:url(/matsuben-net/common/img/com_ic014.gif);
	background-repeat:no-repeat;
	background-position: 95% 50%;
	padding:10px 30px 10px 10px;
	box-shadow: 0 0 2px #e7e5d5;
	cursor:pointer;
}

.boxWrap{
	width: 594px;
}

.boxWrap .backBt{
	font-size:12px;
	font-size:1.2rem;
	font-weight: bold;
}

.whiteBt{
	font-size:16px;
	font-size:1.6rem;
}
li.whiteBt{
	margin-top:1.42em;
}
.whiteBt a{
	display:inline-block;
	border:#e6e6e6  solid 1px;
	min-width: 240px;
	padding: 15px 20px;
	box-shadow: 0 0 2px #e7e5d5;
	cursor:pointer;
}
.whiteBt a.nomal{
	background-image:url(/matsuben-net/common/img/com_ic022.png);
	background-color:#FFF;
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding-left: 30px;
}

.whiteBt a.kago{
	background-image: url(/matsuben-net/common/img/com_ic020b.png);
	background-repeat: no-repeat;
	background-position:30px 50%;
}


.boxWrap .backBt a{
	display:inline-block;
	border:#e6e6e6  solid 1px;
	background-image:url(/matsuben-net/common/img/com_ic019.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding:10px 10px 10px 30px;
	box-shadow: 0 0 2px #e7e5d5;
	cursor:pointer;
}

.whiteBt a:link,
.whiteBt a:visited,
.boxWrap .backBt a:link,
.boxWrap .backBt a:visited,
.shopDetail .blankBt a:link,
.shopDetail .blankBt a:visited {
  color: #000;
  text-decoration: none;
}

.whiteBt a:hover,
.boxWrap .backBt a:hover,
.shopDetail .blankBt a:hover{
	background-color:#f0f0f0;
}

.formDetail select{
	width: 280px;
	  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.fin .formDetail select{
	width: auto;
}


/* Image
------------------------------------------ */
/* common */
figure {
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
figure.aL {
  width: auto !important;
}
figure img {
  max-width: 100%;
}
figure figcaption {
  margin: 5px auto 0;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: left;
}

/* iframe
------------------------------------------ */
.kiyakuWrap{
	border: #d2d2d2 solid 1px;	
	padding-top: 5px;
}
.kiyaku{
	overflow:scroll;
	width: 100%;
	height:300px;
	box-sizing:border-box;
}

/* setMenu
------------------------------------------ */
.setMenu dl{
	border: #CCC solid 1px;
}
.setMenu dt {
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic007.png);
	background-repeat:no-repeat;
	background-position: 98.5% 50%;
	background-color:#ffffff;
	cursor:pointer;
}

.setMenu .open dt {
	background-image: url(/matsuben-net/common/img/com_ic007close.png);
	background-color:#fdeee8 ;
}

.setMenu dt label{
	display:block;
	background:url(/matsuben-net/common/img/com_ic016.png) no-repeat 10px 50%;
	padding: 20px 30px;
	cursor:pointer;
}
.setMenu dt label.check{
	background:url(/matsuben-net/common/img/com_ic016on.png) no-repeat 10px 50%;
}


.setMenu dt.notPreOrder{
	background: #f5f5f5;
	cursor:default;
}
.setMenu dt.notPreOrder label{
	background: none;
	cursor:default;
}


input[type="checkbox"].setMenuRadio{
/*  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
	position:static;
	margin: 0 20px 0 0;
	vertical-align:middle;*/
}


.setMenu dd{
	border-top: #CCC solid 1px;
	padding:20px;
	letter-spacing: -0.4em;
}
 
 .setMenu .detail{
	display: none;
}

.setMenu dd figure{
	display:inline-block;
	width: 160px;
	height: 120px;
	min-width: 160px;
	min-height: 120px;
	vertical-align:top;
	letter-spacing: normal;
}
.setMenu dd .select{
	display:inline-block;
	width: 220px;
	margin-left: 13px;
	vertical-align:top;
	letter-spacing: normal;
	box-sizing:border-box;
}

.setMenu dd .select dl{
	border: none;
	letter-spacing:normal;
	width:auto;
}
.setMenu dd .select dt{
	background: none;
	font-weight: bold;
	margin-top: 10px;
	font-size:12px;
	font-size:1.2rem;
}
.setMenu dd .select dt:first-child{
	margin-top: 0;
}

.setMenu dd .select dd{
	padding: 0;
	letter-spacing:normal;
	border: none;
}

.setMenu dd .select dd select{
/*	background-color:#f7dede;
	color:#c10000;*/
	font-size:16px;
	font-size:1.6rem;
}


.setMenu dd .select dd .selected{
	background-color:#fff;
	color:#000;
}

/* setMenuMulti
------------------------------------------ */
.setMenuMulti dl{
	border: #CCC solid 1px;
}
.setMenuMulti dt {
	display:block;
	background-image: url(/matsuben-net/common/img/com_ic007.png);
	background-repeat:no-repeat;
	background-position: 98.5% 50%;
	background-color:#ffffff;
	cursor:pointer;
}

.setMenuMulti .open dt {
	background-image: url(/matsuben-net/common/img/com_ic007close.png);
	background-color:#fdeee8 ;
}

.setMenuMulti dt label{
	display:block;
	background:url(/matsuben-net/common/img/item_check_off.png) no-repeat 10px 50%;
	padding: 20px 30px;
	cursor:pointer;
	background-size:20px 20px;
}
.setMenuMulti dt label.check{
	background:url(/matsuben-net/common/img/item_check_on.png) no-repeat 10px 50%;
	background-size:20px 20px;
}


.setMenuMulti dt.notPreOrder{
	background: #f5f5f5;
	cursor:default;
}
.setMenuMulti dt.notPreOrder label{
	background: none;
	cursor:default;
}


input[type="checkbox"].setMenuRadio{
/*  opacity: 1;
  filter: alpha(opacity=100);
  -ms-filter: "alpha(opacity=100)";
	position:static;
	margin: 0 20px 0 0;
	vertical-align:middle;*/
}


.setMenuMulti dd{
	border-top: #CCC solid 1px;
	padding:20px;
	letter-spacing: -0.4em;
}
 
 .setMenuMulti .detail{
	display: none;
}

.setMenuMulti dd figure{
	display:inline-block;
	width: 160px;
	vertical-align:top;
	letter-spacing: normal;
}
.setMenuMulti dd .select{
	display:inline-block;
	width: 220px;
	margin-left: 13px;
	vertical-align:top;
	letter-spacing: normal;
	box-sizing:border-box;
}

.setMenuMulti dd .select dl{
	border: none;
	letter-spacing:normal;
	width:auto;
}
.setMenuMulti dd .select dt{
	background: none;
	font-weight: bold;
	margin-top: 10px;
	font-size:12px;
	font-size:1.2rem;
}
.setMenuMulti dd .select dt:first-child{
	margin-top: 0;
}

.setMenuMulti dd .select dd{
	padding: 0;
	letter-spacing:normal;
	border: none;
}

.setMenuMulti dd .select dd select{
/*	background-color:#f7dede;
	color:#c10000;*/
	font-size:12px;
	font-size:1.2rem;
}

/* payment
------------------------------------------ */
.registCredit > .payment{
	padding-top: 10px;
	box-shadow: none;
	border-bottom: 0;
}
.payment{
	box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
	border-bottom: #CCC solid 1px;
}

.payment dl{
	border-top: #CCC solid 1px;
	border-right: #CCC solid 1px;
	border-left: #CCC solid 1px;
}
.payment dt {
	display:block;
	/* background-image: url(/matsuben-net/common/img/com_ic007.png); */
	background-repeat:no-repeat;
	background-position: 98.5% 50%;
	cursor:pointer;
}

.payment .open dt {
	/* background-image: url(/matsuben-net/common/img/com_ic007close.png); */
	background-color:#fdeee8 ;
}

.payment dt label{
	display:block;
	padding: 20px 30px;
	cursor:pointer;
}


.payment dd{
	border-top: #CCC solid 1px;
	padding:10px;
}
 
 .payment .detail{
	display: none;
}

.payment dd figure{
	display:inline-block;
	width: 160px;
	vertical-align:top;
	letter-spacing: normal;
}
.payment dd .select{
	display:inline-block;
	width: 220px;
	margin-left: 13px;
	vertical-align:top;
	letter-spacing: normal;
	box-sizing:border-box;
}

.payment dd .select dl{
	border: none;
	letter-spacing:normal;
	width:auto;
}
.payment dd .select dt{
	background: none;
	font-weight: bold;
	margin-top: 10px;
	font-size:12px;
	font-size:1.2rem;
}
.payment dd .select dt:first-child{
	margin-top: 0;
}

.payment dd .select dd{
	padding: 0;
	letter-spacing:normal;
	border: none;
}

.payment dd .select dd select{
	font-size:12px;
	font-size:1.2rem;
}


.payment dd .select dd .selected{
	background-color:#fff;
	color:#000;
}

.payment .tab-wrap {
	display: flex;
	flex-wrap: wrap;
	margin:20px 0;
  }

.payment .tab-wrap:after {
	content: '';
	width: 100%;
	height: 3px;
	background: linear-gradient(to bottom, #ea571e, #d54f1b);;
	display: block;
	order: -1;
  }
  
.payment .tab-label {
	color: black;
	background: LightGray;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	white-space: nowrap;
	text-align: center;
	padding: 10px .5em;
	order: -1;
	position: relative;
	cursor: pointer;
	flex: 1;
	font-weight: bold; 
  }

.payment .tab-label:not(:last-of-type) {
	margin-right: 5px;
}

.payment .tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}

  /* アクティブなタブ */
.payment .tab-switch:checked+.tab-label {
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
	color: white;
}

.payment .tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	padding: 15px;
	padding-left: 10px;
	padding-right: 10px;
	opacity: 1;
	transition: .5s opacity;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
}

  /* ラジオボタン非表示 */
.payment .tab-switch {
	display: none;
}
  
.payment .registed_credit_radio{
	display: none;
}

.payment .registed_credit_radio + label{
	padding-left: 20px;
	position:relative;
	margin-top: 50px;
	margin-bottom: 50px;
	height: 15px;
}

.payment .registed_credit_radio + label::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 50%;
}

.payment .registed_credit_radio:checked + label{
	color: #ea581e;
}

.payment .registed_credit_radio:checked + label::after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #ea581e;
	border-radius: 50%;
}
  
.payment fieldset div {
	display: flex;
	align-items: center;
	padding-bottom: 15px;
	flex-wrap: nowrap;
}
  
.payment fieldset label {
	order: 1;
	width: 160px;
	text-align: left;
	padding-right: 0.5em;
	white-space: nowrap;
	user-select: none;
	cursor: pointer;
}
  
.payment fieldset input, textarea{
	order: 2; 
	flex: 1 1 auto;
}
.payment fieldset select{
	order: 2;
}
.payment fieldset input{
	border: #abadb3 solid 1px;
}

.payment  .invalid {
	padding-left: 170px;
	margin-top: -10px;
	color: red;
}

.payment .expirationDate {
	padding-bottom: 15px;
}
.payment .expirationDate label{
	display: block;
	float: left;
	width: 160px;
	text-align: left;
	padding-right: 0.5em;
}
  
.payment .invalidExpirationDate {
	padding-left: 0px;
	margin-top: -15px;  
	color: red;
}
  
.payment .registCardcheck input{
	display: none;
}

.payment .registCardcheck span{
	padding-left: 20px;
	position:relative;
	margin-right: 20px;
}

.payment .registCardcheck span::before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	border: 1px solid #999;
	border-radius: 4px;
}

.payment .registCardcheck input:checked + span{
	color: #ea571e;
}

.payment .registCardcheck input:checked + span::after{
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #ea571e;
	border-right: 3px solid #ea571e;
}

.payment .NonCardHolder{
	position: absolute;
	transform: translate(0%, -80%);
    padding: 0px 10px 0px 10px;
    color: black;
    background: rgb(255, 136, 0, 0.8);
	font-weight: bold;
}

.payment .hide{
	display: none;
}

.payment a.tgTtip {
	margin: 0;
	text-decoration: none;
	font-size: 1em;
}

/* クリック元装飾 */
.payment span.tooltip1 {
	color: #fff;
	text-align: center;
	padding: 0 0.5em;
	background-color: #fcc929;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

/* クリック元装飾(2) */
.payment span.tooltip2 {
	background-color: #ccc;
}

/* ツールチップ本体 */
.payment p.tgToolTip {
	margin: 0;
	padding: 0.5em 1em;
	background-color: #666;
	border: 3px solid #000;
	color: #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	min-height: 1em;
	top: 100px;
	left: 20px;
	position: absolute;
	z-index: 100;
}

.payment .dummy {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
}

.payment .cardTable td  {
	border-collapse: collapse;
	line-height: 2.0;
	height: auto;
	border-bottom: 0px !important;
	border-right: none;
}
.payment .cardTable .cardTableTr{
	display: table-row;
}
.payment .cardTable .cardNum{
	display: table-cell;
	width: 90% !important; 
	font-size: 0.9em;
	padding: 0;
	vertical-align: middle;
	position: relative;
}
.payment .cardTable .cardDel{
	display: table-cell;
	width: 3% !important; 
	padding-right: 0;
	vertical-align: middle;
}
.payment .deleteCard{

	border:#e6e6e6  solid 1px;
	padding:5px 10px 5px 10px;
	font-weight: bold;
	box-shadow: 0 0 2px #e7e5d5;
	cursor:pointer;
	text-align: center;
	width: 30px;
}

.payment .modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1001;
}
.payment .modal__bg{
	background: rgba(0,0,0,0.5);
	height: 100vh;
	position: absolute;
	width: 100%;
	z-index: 1001;
	margin-left:-10px;
}
.payment .modal__content{
	background: #fff;
	left: 50%;
	padding: 20px;
	position: absolute;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 400px;
	font-size:1.2em;
	z-index: 1002;
}

.payment .modalBtn li{
	padding-bottom:10px
}

.payment .modalClose ,.payment .modalYes{
	position:relative;
	display: block;
	padding: 15px 20px;	
	zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing:border-box;
	color:#ffffff;
	text-align: center;
}

.payment .modalNo{
	position:relative;
	display: block;
	padding: 15px 20px;
	background: white;	
	zoom: 1;/* IE8 IE9 */	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing:border-box;
	color:black;
	text-align: center;
	border-color:black;
	border-width:1px;
	box-shadow:0 0 2px;
	border: #e6e6e6 solid 1px;
}

.payment .paymentSubmit {
	position: relative;
	display:inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 15px 45px;
	color: #fff;
	border-style: none;
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	cursor:pointer;
	background: #ea571e;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b) ;
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background:-o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b) ;
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))" ;/* IE8 IE9 */
    zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
	border-radius: 4px;
}

.payment .paymentSubmit.disabled {
	position: relative;
	display:inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 15px 45px;
	color: #000;
	border-style: none;
	font-size:16px;
	font-size:1.6rem;
	text-align:center;
	cursor:pointer;
	background: LightGray;	
    zoom: 1;/* IE8 IE9 */	
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
	border-radius: 4px;
}

.payment .paymentSubmit:hover{
	background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
	background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e)) ;
	background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e) ;
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))" ;/* IE8 IE9 */
  zoom: 1;/* IE8 IE9 */
	background: no-repeat 30px 50%, linear-gradient(to bottom, #d54f1b, #ea571e);	
	text-decoration:none;
  }

.payment .paymentSubmit.disabled:hover{
	background: #dfdede;
   zoom: 1;/* IE8 IE9 */
   text-decoration:none;
}

.payment .cardLogo {
	width: 250px;
}

.payment .codePayLogo {
	width: 15%;
}

.payment .codePayLogoR {
	width: 20%;
}

.payment .secureLogo {
	width: 250px;
}

/* preorder
------------------------------------------ */

.preorder label{
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}

.preorder span{
	width: 500px;
}

.preorder .tab-wrap {
	display: flex;
	flex-wrap: wrap;
	margin-top: 1.42em;
}

.preorder .tab-wrap:after {
	content: '';
	width: 100%;
	height: 3px;
	background: linear-gradient(to bottom, #ea571e, #d54f1b);;
	display: block;
	order: -1;
  }

.preorder .tab-label {
	color: black;
	background: LightGray;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	white-space: nowrap;
	text-align: center;
	order: -1;
	position: relative;
	cursor: pointer;
	flex: 1;
	font-weight: bold; 
  }

.preorder .tab-label:not(:last-of-type) {
	margin-right: 5px;
}

.preorder .tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
}

  /* アクティブなタブ */
.preorder .tab-switch:checked+.tab-label {
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
	color: white;
}

.preorder .tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	padding: 15px;
	padding-left: 10px;
	padding-right: 10px;
	opacity: 1;
	transition: .5s opacity;
	box-shadow: 0 0 3px rgba(0,0,0,.2);
}

.payment .radio-input{
	display: none;
  }

.payment .radio-input + label{
  position:relative;
}

.payment .radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 22px;
  left: 10px;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}

.payment .radio-input:checked + label{
	color: #ea581e;
}

.payment .radio-input:checked + label::after{
	content: "";
	display: block;
	position: absolute;
	top: 25px;
	left: 13px;
	width: 11px;
	height: 11px;
	background: #ea581e;
	border-radius: 50%;
}

.payment .indent-wrap {
  padding-left: 1em;
  text-indent: -1em;
  padding-bottom: 10px;
  padding-left: 40px;
  color: #ea581e;
}

.confirm-radio{
	padding-bottom: 10px;
}

.confirm-radio .radio-input{
	display: none;
}

.confirm-radio .radio{
	padding-top: 10px;
	font-weight: bold;
}

.confirm-radio .radio-input + label{
  position:relative;
  padding-left: 20px;
  margin-right: 10px;
}

.confirm-radio .radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}

.confirm-radio .radio-input:checked + label{
	color: #ea581e;
}

.confirm-radio .radio-input:checked + label::after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #ea581e;
	border-radius: 50%;
}

/* ------------------------------------------ */
.delivery-history-radio{
	padding-left: 10px;
}

.delivery-history-radio .radio-input{
	display: none;
}

.delivery-history-radio .radio{
	padding-top: 10px;
	font-weight: bold;
}

.delivery-history-radio .radio-input + label{
  position:relative;
  padding-left: 20px;
  margin-right: 10px;
}

.delivery-history-radio .radio-input + label::before{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 50%;
}

.delivery-history-radio .radio-input:checked + label{
	color: #ea581e;
}

.delivery-history-radio .radio-input:checked + label::after{
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 11px;
	height: 11px;
	background: #ea581e;
	border-radius: 50%;
}


/* total
------------------------------------------ */
.total{
	border:#e1e1e1 solid 1px;
	padding: 30px;
}
.total .colEq2{
	margin-top: 0;
}
.total .colEq2 .col:first-child{
	text-align:right;
}

.total .colEq2 .col:first-child select{
	margin: 0 5px 0 20px;
	width: 80px;
}

.total .errorMsg{
	margin-top: 0;
}

.total #addItemToCartButton{
	position: relative;
	display:inline-block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 15px 45px;
	margin-left: 20px;
  color: #fff;
  border-style: none;
	font-size:16px;
	font-size:1.6rem;
	width: 300px;
	text-align:center;
	cursor:pointer;
	background: #ea571e url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%;
	background: url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%, -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b) ;
	background: url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%, -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%, -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b) ;
	background: url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%, -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))" ;/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%, linear-gradient(to bottom, #ea571e, #d54f1b);
	background-size: auto 30px, auto;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
}

.total #addItemToCartButton:hover{
	background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e) url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%;
	background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e)) url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%;
	background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e) url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%;
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))" url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%;/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background:url(/matsuben-net/common/img/com_ic020.png) no-repeat 10px 50%, linear-gradient(to bottom, #d54f1b, #ea571e);
	background-size: auto 30px, auto;
}
.total #addItemToCartButton.modal{
	padding: 0;
}
.total #addItemToCartButton a{
	display:block;
	padding: 15px 45px;
}
.total #addItemToCartButton a:link,
.total #addItemToCartButton a:visited,
.total #addItemToCartButton a:hover{
	color:#fff;
	text-decoration:none;
}

.note{
	text-indent: -1em;
	margin-bottom: 1em;
	padding-left: 1em;
}

.shopDetail ul.note{
	margin-top: 0;
}
.shopDetail ul.note li{
	float:none;
	display:block;
	font-size:14px;
	font-size:1.4rem;
	padding-top:0;
	padding-bottom: 0;
	font-weight: normal;
}

.note .strong{
	color:#c10000;
}

.note .strong2 {
	color:#FF0000;
	font-size: 1.8rem !important;
	font-weight: bold !important;
}

.note .strong3 {
	color:#FF0000;
	font-weight: bold !important;
}

.note li {
	margin-bottom: 8px;
}

/* fin
------------------------------------------ */
.fin{
}

.fin h2{
	background-color:#f5f5f5;
	padding: 0.7em 0;
	font-weight: bold;
	color:#000;
  font-size: 16px;
  font-size: 1.6rem;
	text-align:center;
}

.fin h2 .emphasis{
	color:#FF0000;
}

.fin p{
	margin-top: 1.42em;
}

.fin h3{
	font-weight: bold;
	font-size: 20px;
	text-align:center;
}

.fin h4{
	font-weight: bold;
	font-size: 45px;
	text-align:center;
}

.fin h5{
	font-weight: bold;
	font-size: 14px;
	text-align:center;
}

.deleteBt{
	display:inline-block;
	border:#e6e6e6  solid 1px;
	background-image:url(/matsuben-net/common/img/com_ic021.png);
	background-repeat:no-repeat;
	background-position: 10px 50%;
	padding:5px 10px 5px 30px;
	font-weight: normal;
	font-size:12px;
	font-size:1.2rem;
	font-weight: bold;
	box-shadow: 0 0 2px #e7e5d5;
	cursor:pointer;
	margin-top:0 !important;
}

.deleteBt:hover{
	background-color:#f0f0f0;
}


/* order
------------------------------------------ */
.order{
  background-color: #f5f5f5;
  padding: 20px 0;
}
.order .colEq2{
  margin-top:0;
}
.order .colEq2 .col:first-child{
    font-size:16px;
    font-size: 1.6rem;
    padding-top: 0.5em;
  text-align:right;
}

.order .colEq2 .col:first-child .price{
    color: #812400;
    font-size:26px;
    font-size: 2.6rem;
    font-weight: bold;
    margin-left: 1em;
}

.btWrap #submit_button03,
.order #submit_button03{
  position: relative;
  display:inline-block;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 15px 45px;
  margin-left: 20px;
  color: #fff;
  border-style: none;
  font-size:16px;
  font-size:1.6rem;
  width: 300px;
  text-align:center;
  cursor:pointer;
  background: #ea571e;
  background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b) ;
  background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
  background:-o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b) ;
  background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))" ;/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
  background: linear-gradient(to bottom, #ea571e, #d54f1b);
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
  border-radius: 4px;
}

.btWrap #submit_button02:hover,
.btWrap #submit_button03:hover,
.order #submit_button03:hover{
  background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e);
  background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e)) ;
  background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e) ;
  background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))" ;/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
  background: no-repeat 30px 50%, linear-gradient(to bottom, #d54f1b, #ea571e);
}

.totalPrice{
  text-align:center;
  margin-top: 35;
}

p .price{
  color: #812400;
  font-size: 2.6rem;
  font-weight: bold;
  margin-left: 1em;
}

.discountOrder{
  background-color: #f6f6fa;
  padding: 20px 0;
}

.discountOrder .totalPrice{
  text-align:center;
  margin-top: 0;
}

.discountOrder p .price{
  color: #812400;
  font-size: 2.6rem;
  font-weight: bold;
  margin-left: 1em;
}

.usePoint .input_error {
    border: 1px solid #F88A8A;
    background: #F4D4D4;
}

.usePointError{
  font-size: 13px;
  font-weight: normal;
  color: #FF4040;
  display: block;
  margin: 0;
}

.usePoint {
  text-align: center;
  width: 100%;
}

.usePoint table, td, th{
	vertical-align: middle;
	text-align: left;
	padding: 10px;
}

.usePoint tr{
  vertical-align: center;
  height:40px;
  background-color: #ffffff;
}

.usePoint th{
	background-color: #fff8e1;
}

.getPoint{
  text-align: center;
  width: 100%;
}

.getPoint tr{
  vertical-align: center;
  height: 40px;
  background-color: #ffffff;
}

.getPoint th{
  background-color: #fff8e1;
  border-right:1px solid #cccccc;
  width: 30%;
}

.triangleRight{
  font-size: 20px;
  padding: 10px 10px 10px 30px;
}

.usePointAcc input{
  width: 60px;
}

.getPointAcc{
  margin-top: 30px;
}

.getPointAcc label{
  display: block;
  margin: 1.5px 0;
  cursor :pointer;
  transition: all 0.5s;
  position: relative;
  background-color: #e1e1e1;
  padding: 10px;
}

.getPointAcc label:after {
  content: '＋';
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10%;
  color: #ea571e;
  font-size: 20px;
}

.getPointAcc input{
  display: none;
  padding: 0;
  margin: 0;
}

.showDetail{
  height: 0;
  padding: 0px;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.detailAcc:checked + label + .showDetail {
		height: auto;
		padding: 10px;
    opacity: 1;
}

.detailAcc:checked + label:after  {
  content: '－';
  display: inline-block;
  top: 10%;
  color: #ea571e;
  font-size: 20px;
}

.modalButtonYes{
	position: relative;
	display: inline-block;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 10px 0;
	color: #fff;
	border-style: none;
	font-weight:bold; 
	width: 100%;
	text-align: center;
	cursor: pointer;
	background: #ea571e;
	background: -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))";
	zoom: 1;
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.modalButtonNo{
	display:inline-block;
	border:#e6e6e6  solid 1px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold; 
	width: 100%;
	padding: 10px 0px;
	box-shadow: 0 0 2px #e7e5d5;
	cursor:pointer;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff, #ffffff 50%, #ffffff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5, #ffffff), to(#ffffff));
	background: -o-linear-gradient(top, #ffffff, #ffffff 50%, #ffffff);
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#ffffff))";
	background: linear-gradient(to bottom, #ffffff, #ffffff);
	zoom: 1;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.modalButtonArea{
    text-align: center;
} 

.modalbox {
	text-align: center;
	margin: 0 ;
	padding: 10px 20px ;
	border: 2px solid #aaa ;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 1002 ;
}

.seatbox{
	position: relative;
	display: inline;
	padding: 10px 10px;
	background-color:#f5f5f5;
	font-weight: bold;
	width: 60%;
	text-align: center;
	border-style: black;
	color: #7d7d7d;
	font-size: 120%;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}

#modalTable { 
    overflow: auto;
    border: 2px solid #aaa ;
    border-collapse:collapse;
    border-spacing: 0;
    border-radius: 4px;
	table-layout: fixed;
	min-width: 96%;
	max-width:100%;
	width: 90%;
	height: auto;
    box-shadow: 10px 10px 10px rgba(0,0,0,0.2);
}

#modalShop_matsuya {
    background-image:url(/matsuben-net/common/img/com_ic011.png);
    background-repeat:no-repeat;
    background-position: 2% 50%;
    padding-left:15%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold; 
    overflow-wrap : break-word;
}
#modalShop_steak_matsu {
    background-image:url(/matsuben-net/common/img/com_ic_steak.png);
    background-repeat:no-repeat;
    background-position: 2% 50%;
    padding-left:15%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold; 
    overflow-wrap : break-word;
}
#modalShop_matsuken_ch {
    background-image:url(/matsuben-net/common/img/com_ic_matsuken_ch.png);
    background-repeat:no-repeat;
    background-position: 2% 50%;
    padding-left:15%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold; 
    overflow-wrap : break-word;
}
#modalShop_verte {
    background-image:url(/matsuben-net/common/img/com_ic_verte.png);
    background-repeat:no-repeat;
    background-position: 2% 50%;
    padding-left:15%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold; 
    overflow-wrap : break-word;
}
#modalShop_sushimatsu {
    background-image:url(/matsuben-net/common/img/com_ic_sushimatsu.png);
    background-repeat:no-repeat;
    background-position: 2% 50%;
    padding-left:15%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold; 
    overflow-wrap : break-word;
}
#modalShop_mycurry {
    background-image:url(/matsuben-net/common/img/com_ic_curry.png);
    background-repeat:no-repeat;
    background-position: 2% 50%;
    padding-left:15%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold; 
    overflow-wrap : break-word;
}
#modalShop_matsunoya {
    background-image:url(/matsuben-net/common/img/com_ic_matsunoya.png);
    background-repeat:no-repeat;
    background-position: 2% 50%;
    padding-left:15%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold; 
    overflow-wrap : break-word;
}
#modalShop_komematsu {
    background-image:url(/matsuben-net/common/img/com_ic_komematsu.png);
    background-repeat:no-repeat;
    background-position: 2% 50%;
    padding-left:15%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight:bold; 
    overflow-wrap : break-word;
}

.overlay {
	z-index	: 1001;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.5 );	
}

.pointhistoryReward{
	background-image: url(/matsuben-net/common/img/rewardBg.png);
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 10px;
	background-size: cover;
	margin: -10px;
}
.pointhistoryReward .info{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding: 24px;	
	width: 80%;
	height: 80%;			
	background: #FFFFFF;
	border-radius: 12px;
	margin: 16px 0px;
}
.pointhistoryReward .info .icon{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-evenly;	
	border-right: 1px dashed #AAAAAA;
	height: 70%;	
	width: 50%;
}
.pointhistoryReward .info .icon img{
	width: 60%;
}
.pointhistoryReward .info .stageName{
	background: #F2F2F2;
	border-radius: 70px;
	padding: 2px 12px;
	font-weight: bold;
}
.pointhistoryReward .info .memberName{
	display: flex;
	align-items: flex-end;
}
.pointhistoryReward .info .memberName .name{
	font-weight: bold;
	font-size: 20px;
	line-height: 30px;
	display: flex;
	align-items: center;
	color: #333333;
}
.pointhistoryReward .info .memberName .san{
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	display: flex;
	align-items: center;	
}
.pointhistoryReward .info .border{
	border: 1px dashed #AAAAAA;
	margin: 24px 0px;
	width: 100%;
}
.pointhistoryReward .info .point{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
}
.pointhistoryReward .info .point .nextStage{
	line-height: 20px;
	margin: 4px 0px;
	text-align: center;
	padding:10px 10px;
}
.pointhistoryReward .info .point .usablePoints{
	display: flex;
	justify-content: space-evenly;
    align-items: flex-end;
	width:100%;
	padding:10px 10px;
}
.pointhistoryReward .point .usablePoints .sub{
	font-weight: bold;
	font-size: 14px;
	line-height: 24px;
	color: #EA581E;
}
.pointhistoryReward .point .usablePoints .pointNum{
	font-weight: bold;
	font-size: 32px;
	line-height: 100%;	
	display: flex;
	align-items: center;
	text-align: right;
	color: #EA581E;
}
.pointhistoryReward .point .lastUpdateDate{
	font-size: 10px;
	line-height: 15px;
	text-align: center;
	color: #AAAAAA;
	margin: 8px 0px;
}

.pointhistoryReward .guide{
	display: flex;
	margin: 8px 0px;
	justify-content: flex-end !important;
	align-content: space-between;
	width: 100%;
	padding-right: 30px;
}
.pointhistoryReward .guide a{
	color: #6F6F6F;
}
.pointhistoryReward .guide span{
	background-image: url(/matsuben-net/common/img/pointGuide.png);
	background-repeat: no-repeat;	
	padding-left: 20px;
}

@media screen and (max-width: 768px) {

.getPoint thead {
  display:none;
}
.getPoint tbody th {
  display:block;
	width: 96%;
	padding: 10px;
}
.getPoint tbody td {
	display:block;
	padding: 10px;
}
.getPoint tbody td::before {
  float: left;
  clear:both;
  font-weight:bold;
}
.getPoint tbody td p {
  padding-left:6em;
}

.usePointAcc{
	padding: 10px;
}

.usePoint thead {
  display:none;
}
.usePoint tbody th {
  display:block;
	padding: 10px;
}
.usePoint tbody td {
	display:block;
	padding: 10px;
}
.usePoint tbody td::before {
  float: left;
  clear:both;
  font-weight:bold;
}
.usePoint tbody td p {
  padding-left:6em;
}
}

.col1.bg{
	background-image: url(/matsuben-net/common/img/com_bg001.png);
	background-repeat: no-repeat;
	background-position:50% 50%;
}

.col1.bg p{
	padding: 1em 0;
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
	text-align:center;
}


/* ======================
　top
====================== */

#top #header #headerLogo {
}


#top #content {
	padding-top: 0;
}

/* mainViewAreas
------------------------------------------ */
#top #mainViewArea {
	box-shadow: 0 6px 2px -2px #e7e5d5 inset;
	background-color:#f9eabb;
}
#top #mainViewArea p {
	width: 950px;
	margin:0 auto;
}

/* main
------------------------------------------ */
#top #main{
	margin-top: 30px;
}
#top .block001,
#top .block004{
	float:right;
	margin-top: 20px;
	width: 240px;
}
#top.maintenance02.pc .block004{
	margin-top: 0;
}

#top .block002,
#top .block003{
	float:left;
	width: 630px;
}
#top .block001,
#top .block002{
	margin-top: 0;
}
#top .mainLogin{
	margin-top: 0;
}
#top .mainLogin dt{
	font-size:16px !important;
  font-size: 1.6rem !important;
	border-bottom: none;
	padding:10px;
}

#top .mainLogin dd{
	background-image: url(/matsuben-net/common/img/top_bg002.png);
	background-repeat: no-repeat;
	background-position:50% 0;
	background-color:#fff8e1;
	letter-spacing:normal;
	position:relative;
	padding: 10px;
}

#top .mainLogin p:first-child{
	margin-top: 0;
}
#top .mainLogin p{
	margin-top: 1em;
}
#top .mainLogin .errorMsg{
	margin-top: 0.5em ;
}

#top .mainLogin input[type="text"],
#top .mainLogin input[type="password"]{
	width: 100%;
	box-sizing:border-box;
}

#top .mainLogin .selectAutoLogin{
    margin: 5px 0px 0px 5px;
}
#top .mainLogin .selectAutoLogin label{
	display: flex;
}
#top .mainLogin .selectAutoLogin p{
	width: 100%;
	margin-top: 0;
	box-sizing: border-box;
	text-align: left;
}
#top .mainLogin input[type="checkbox"]{
	display: block;
}


#top .mainLogin .btWrap #submit_button03{
	width: 100%;
}

#top .mainLogin dd li{
	width: 100% !important;
}
#top .mainLogin dd li a {
    background: url(/matsuben-net/common/img/com_ic022.png) no-repeat 0 0.3em !important;
    font-size: 1.2rem !important;
		font-size: 12px !important;
    padding:0 0 0 15px !important;
}
#top div.freeword{
	margin-top: 10px;
	padding-bottom:10px;
}

#shopList {
	margin-bottom: 20px
}

.shopArea .shop{
	box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
	border-radius: 8px;
}
.shopArea .shop > dt{
	border-radius: 8px 8px 0 0;
}

#top #map{
	box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
}

#top .tenpo dt{
	background-color:#fcca2d;
  display:block;
	padding: 10px 15px;
	font-size:18px;
	font-size:1.8rem;
	font-weight: bold;
	border-top: 1px solid #e1e1e1;
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
}


#top .tenpo dd{
	background-color:#fff8e1;
	padding:30px 20px;
  border-left:#e1e1e1 1px solid;
	border-right:#e1e1e1 1px solid;
	border-bottom:#e1e1e1 1px solid;
 }
 
#top .tenpo dd .menuWrap:first-child{
	 margin-top: 0;
 }


#top .tenpo dd dt{
	display:inline-block;
	border: none;
	background: none;
	width: 85px;
	vertical-align:middle;
	padding: 0;
	margin-right: 20px;
	text-align:right;
	font-weight: normal;
	font-size:14px;
	font-size:1.4rem;
}

#top .tenpo dd div{
	margin-top: 20px;
	width: 100%;
}
#top .tenpo dd div .btWrap {
	margin-top: 0px;
	width: 100%;
}
#top .tenpo dd .errorMsg {
    margin-top: 0;
}

#top .tenpo dd .gyoutai{
	margin-top: 0;
}

#top .tenpo dd .gyoutai dd{
	width: 450px;
}
#top .tenpo dd .checkbox {
	background-color:#FFF;
}
#top .tenpo dd select{
	width: 212px;
}

#top .tenpo .checkbox.matsuya{
	background-image: url(/matsuben-net/common/img/com_ic008_2.png);
	background-repeat: no-repeat;
	background-position:75% 50%;
	padding: 5px 0 5px 40px;
	margin-right:0;
}
#top .tenpo .checkbox.matsunoya{
	background-image: url(/matsuben-net/common/img/com_ic009_2.png);
	background-repeat: no-repeat;
	background-position:75% 50%;
	padding: 5px 0 5px 40px;
}
#top .tenpo .checkbox.mycurry{
	background-image: url(/matsuben-net/common/img/com_ic_top_curry.png);
	background-repeat: no-repeat;
	background-position:70% 50%;
	padding:50px 0 5px 40px;
}
#top .tenpo .checkbox.steak_matsu{
	background-image: url(/matsuben-net/common/img/com_ic_top_steak.png);
	background-repeat: no-repeat;
	background-position:70% 50%;
	padding:50px 0 5px 40px;
}
#top .tenpo .checkbox.matsuken_ch{
	background-image: url(/matsuben-net/common/img/com_ic_top_matsuken_ch.png);
	background-repeat: no-repeat;
	background-position:70% 50%;
	padding:50px 0 5px 40px;
}
#top .tenpo .checkbox.sushimatsu{
	background-image: url(/matsuben-net/common/img/com_ic_top_sushimatsu.png);
	background-repeat: no-repeat;
	background-position:70% 50%;
	padding:50px 0 5px 40px;
}
#top .tenpo .checkbox.verte{
	background-image: url(/matsuben-net/common/img/com_ic_top_verte.png);
	background-repeat: no-repeat;
	background-position:70% 50%;
	padding:50px 0 5px 40px;
}
#top .tenpo .checkbox.toriko{
	background-image: url(/matsuben-net/common/img/com_ic_top_toriko.png);
	background-repeat: no-repeat;
	background-position:75% 50%;
	padding: 5px 0 5px 40px;
	margin-right:0;
}


#top .tenpo dd .yubin input[type="text"]{
	width: 150px;
}

#top .tenpo dd .yubin .post {
    color: #999;
    font-size: 1.3rem;
}

#top .freeword dt{
	font-weight: bold;
} 

#top .freeword dd input{
	width: 510px;
	padding-left: 20px;
	margin-bottom: 10px;
}

#top .freeword dd .freewordSubmit{
	width: 90px;
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
	zoom: 1;
	border-radius: 4px;
	color: #fff;
	border-style: none;	
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	padding: 0px;
	line-height:2;
}


#top .tenpo dd  input.word {
	width: 300px;
}


#top .tenpo dd dd{
	display:inline-block;
	border: none;
	background: none;
	vertical-align:middle;
	vertical-align:middle;
	padding: 0;
	letter-spacing: normal;
}



#top .tenpo dd select:first-child {
    margin-right: 0;
}
#top .block004 li{
	margin-top: 6px;
}
#top .block004 li:first-child{
	margin-top: 0;
}
#top .block004 li img{
    border: 1px solid #ebebeb;
    border-radius: 8px;
		background-color:#FFF;
		padding: 4px;
		position:relative;
}
#top .block004 li img:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}


#top .btWrap #submit_button03 {
	margin-top:0;
	margin-left: 0;
}


/* ======================
　guide
====================== */
#guideWrap .mainVisual{
	position:relative;
	height:532px;
}

#guideWrap .mainVisual .linkBtn01{
	position:absolute;
	bottom: 32px;
  left: 265px;
	width: 360px;
}
#guideWrap .mainVisual .linkBtn01 li a{
	width: 360px;
}

#guideWrap .shop > dt{
	padding-left: 0;
}
#guideWrap .shop > dt span{
	background-repeat: no-repeat;
	background-position:12px 50%;
	padding-left: 55px;
}
#guideWrap .shop > dt.one span{
	background-image: url(/matsuben-net/common/img/guide_ic001.png);
}
#guideWrap .shop > dt.two span{
	background-image: url(/matsuben-net/common/img/guide_ic002.png);
}
#guideWrap .shop > dt.three span{
	background-image: url(/matsuben-net/common/img/guide_ic003.png);
}
#guideWrap .shop > dt.four span{
	background-image: url(/matsuben-net/common/img/guide_ic004.png);
}
#guideWrap .shop > dt.five span{
	background-image: url(/matsuben-net/common/img/guide_ic005.png);
}
#guideWrap .shop > dt.six span{
	background-image: url(/matsuben-net/common/img/guide_ic006.png);
}
#guideWrap .shop > dd{
	letter-spacing:normal;
	padding: 25px 28px;
}

#guideWrap .shop > dd .guideFlow dt{
	background: url(/matsuben-net/common/img/com_ic027.png) no-repeat 0 0.3em;
	border: none;
	font-weight: bold;
	color:#000;
	display:block;
	padding: 0 0 0 17px;
	width: 100%;
	text-align:left;
}
#guideWrap .shop > dd .guideFlow dd{
	width: 100%;
	margin-bottom: 1em;
}

#guideWrap .shop > dd .coltwo{
}
#guideWrap .shop > dd .coltwo .left{
	width:510px;
	float:left;
}
#guideWrap .shop > dd .coltwo .left p{
	margin-bottom: 1em;
}

#guideWrap .shop > dd .coltwo .right{
	width: 288px;
	float: right;
}
#guideWrap .shop > dd .mtNegative li{
	margin-top: -50px;
}

#guideWrap .shop .note.type02 li{
	margin-top: 1em;
}

#guideWrap .shop > dd .coltwo.type02{
	letter-spacing:-0.4em;
	text-align:center;
	margin-top: 30px;
}
#guideWrap .shop > dd .coltwo.type02 .left{
	float:none;
	display:inline-block;
	margin-right: 60px;
	width:auto !important;
}

#guideWrap .shop > dd .coltwo.type02 .left p{
	margin-bottom: 0;
}

#guideWrap .shop > dd .coltwo.type02 .right{
	float:none;
	display:inline-block;
	width:auto !important;
}

#guideWrap  .btWrap {
	margin-top: 30px;
    background-color: #fff8e1;
    padding: 10px 0;
}
#guideWrap .heading3{
	border-bottom: #e1e1e1 solid 1px;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

#agree{
	padding: 0 10px;
}

/* ======================
　agree
====================== */
#agree .heading3{
	margin-top: 20px;
}
#agree p{
	margin-top: 0.5em;
	margin-left: 2em;
}
#agree p.date {
	margin: 1em 0 2em;
}
#agree .bold{
	font-size: 1.6rem;
	font-weight: bold;
	margin: 20px 0 0;
}

#agree .bold_02{
	font-size: 1.6rem;
	font-weight: bold;
	margin: 20px 0 0;
	color: #003d81;
}

#agree ol {
	margin-top: 0.5em;
  counter-reset: listOl01;
}
#agree ol li.li01 {
	margin-left: 2em;
	list-style-type: none;
}
#agree ol > li {
  padding: 0 0 0 1.5em;
  text-indent: -1.5em;
}

#agree ol > li:before {
  counter-increment: listOl01;
  content: counter(listOl01) ". ";
}

.ul_agree_01 {
	margin-top: 0.5em;
	margin-left: 2em;
	text-indent:-1.2em;
}
.ul_agree_01 li.li01 {
	margin-left: 0;
	text-indent: 0;
}
.ul_agree_02 {
	margin-top: 0.5em;
	margin-left: 4.2em;
	text-indent: -2.7em;
}

/* ======================
　lawWrap
====================== */
#lawWrap .heading2{
	margin-bottom: 20px;
}

/* menu */
.menuWrapper {
	padding-bottom: 8rem;
}
.menuWrapper #main {
	padding-bottom: 3rem;
}
.menuWrapper .menuContainer {
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
}
.menuWrapper .menuDetail {
	display: block;
	border: 0px;
}
.menuWrapper .menuDetail .col {
	display: block;
	border-radius: 8px;
	box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
	box-sizing: border-box;
}

/* swiper */
.menuWrapper .swiperNavigation {
	background: #ffffff;
	display: grid;
}
.menuWrapper .swiperNavigation .swiper-slide {
	width: 124px;
	text-align: center;
	font-size: small;
	font-weight: bold;
}
.menuWrapper .swiperNavigation .navigationTitle {
	display: block;
	width: 100%;
	height: 100%;
	min-height: 40px;
	padding: 10px;
	border-radius: 16px;
	text-align: center;
	box-sizing: border-box;
	align-items: center;
	cursor: pointer;
}
.menuWrapper .swiperNavigation .navigationTitle label {
	cursor: pointer;
}
.menuWrapper .swiperNavigation .swiper-slide.selected .navigationTitle {
	background: #ea571e;
	color: #ffffff;
}
.menuWrapper .swiper-contents .swiper-slide {
	display: block;
	background: #ffffff;
	box-sizing: border-box;
	padding: 2px;
}

  .menuWrapper .menuDetail .coupon-label{
	width: 200px;
    transform: rotate(-45deg);
    transform-origin: top center;
    position: absolute;
    top: 20px;
    left: calc( -200px / 2 + 20px );
    padding: 1px calc( 200px / 2 - 20px * 1.414 );
    box-sizing: border-box;
    text-align: center;
    background: linear-gradient(to bottom, #ea571e, #d54f1b);
    box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
    color: white;
    height: 16px;
    font-size: 60%;
	font-weight: bold;
  }
  .menuWrapper .menuDetail .equalChildMenucolfour{
	position:relative;
	overflow: hidden;
  }

/* modal */
.itemDialogWrapper {
	overflow: hidden;
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	min-width: 320px;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 1000;
	box-sizing: border-box;
}
.itemDialogWrapper .itemDialogContents {
	position: absolute;
	min-width: 320px;
	max-width: 950px;
	background: #ffffff;
	border: 1px solid #dfddd0;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 8px;
	box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
}
.itemDialogWrapper .itemDialogHeader {
	background-color: #fff8e1;
	border-bottom: 1px solid #cccccc;
	padding: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	display: flex;
}
.itemDialogWrapper .heading2 {
	display: flex;
	width: 100%;
	margin-top: 0px;
}
.itemDialogWrapper .itemDialogCloseButton {
	min-width: 34px;
	min-height: 34px;
	margin-right: 4px;
    margin-top: 4px;
    background: transparent;
    background-image: url(/matsuben-net/common/img/close_button.png);
    background-repeat: no-repeat;
	cursor: pointer;
}
.itemDialogWrapper .itemDialogBody {
	height: auto;
}
.itemDialogWrapper .itemContents {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	column-count: 1;
}
.itemDialogWrapper .itemBody {
    overflow: auto;
    height: 100%;
    padding-left: 30px;
    padding-right: 30px;
    max-height: 0px; /* itemContents - itemFooter */
    width: 100%;
}
.itemDialogWrapper .itemBody .col1to2 > .col:nth-child(1) {
	width: 320px;
	margin-right: 30px;
}
.itemDialogWrapper .itemBody .col1to2 > .col:nth-child(2) {
	width: calc(100% - 350px);
}
.itemDialogWrapper .itemBody .col1to2 > .col:nth-child(2) .tableLayout {
	width: 100%;
}
.itemDialogWrapper .itemBody .col .imageWrapper {
	display: block;
}
.itemDialogWrapper .itemBody .col .imageWrapper figure {
	width: 100%;
	float: none;
	margin: 0 auto;
}
.itemDialogWrapper .itemBody .col .imageWrapper figure img {
	min-width: 320px;
	min-height: 240px;
	max-width: 320px;
	max-height: 240px;
	width: 100%;
}
.itemDialogWrapper .itemBody .col p {
	display: inline-block;
}
.itemDialogWrapper .itemBody .col ul {
	display: inline-block;
	width: 100%;
}
.itemDialogWrapper .itemBody .radiobutton.rice {
	background: #ffffff;
	padding: 5px 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	border: 1px solid #cccccc;
}
.itemDialogWrapper .itemBody .radiobutton.rice.check {
	background: #ffb598;
}
.itemDialogWrapper .itemBody .shopName {
	padding-bottom: 30px;
}
.itemDialogWrapper .itemBodyScrollDownEffect {
  position: absolute;
  width: 100%;
  height: 50px;
  background: linear-gradient(white, #555);
  left: 0px;
  bottom: 0px; /* itemFooter.height */
  pointer-events: none;
}
.itemDialogWrapper .itemBodyScrollDownEffect span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 3px solid #fff;
	border-bottom: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}
.itemDialogWrapper .itemBodyScrollDownEffect label {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    margin-bottom: -28px;
    color: white;
}
.itemDialogWrapper .itemFooter {
    width: 100%;
    border-radius: 0px 0px 8px 8px;
}
.itemDialogWrapper .total {
	margin-top: 0px;
	border: 0px;
	border-top: 1px solid #cccccc;
	display: table;
	width: 100%;
	padding: 0px;
}
.itemDialogWrapper .total .price {
	display: table-cell;
	padding: 30px 0px 20px 30px;
	width: calc(100% - 300px);
	height: 55px;
}
.itemDialogWrapper .total .price #OrderNumber {
	width: 60px;
}
.itemDialogWrapper .total .cart {
	display: table-cell;
	padding: 30px 30px 20px 0px;
	width: 300px;
	height: 55px;
}
.total #addItemToCartButton, .total #addItemToCartButton a:hover {
	margin-left: 0px;
	border-radius: 4px;
}

/* group menu */
.groupItemContent {
  padding-top: 2.14em; /* 30px */
}
.itemDialogWrapper .itemBody .groupMenu {
    display: flex;
	width: 100%;
}
.itemDialogWrapper .itemBody .groupMenu > .col:nth-child(1) {
	margin-top: 1.7em;
	margin-right: 4%;
}
.itemDialogWrapper .itemBody .groupMenu > .col:nth-child(2) {
	width: 100%;
}
.itemDialogWrapper .itemBody .groupMenu .imageWrapper.main figure img {
	min-height: 148px;
	min-width: 198px;
	max-height: 148px;
	max-width: 198px;
}
.itemDialogWrapper .itemBody .groupMenu .name {
	max-width: 198px;
}
.itemDialogWrapper .groupMenuWrap {
	letter-spacing: 0em;
}
.itemDialogWrapper .groupMenuWrap .groupMenus {
	width: 100%;
	margin-top: 0em;
}
.itemDialogWrapper .groupMenuWrap .groupMenus .groupMenuItem {
    position: relative;
	border-radius: 8px;
    display: block;
    overflow: hidden;
    box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
	box-sizing: border-box;
    border: #cccccc solid 1px;
    padding: 10px;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%;
}
.groupMenuItem .coupon-label {
	width: 200px;
	transform: rotate(-45deg);
	transform-origin: top center;
	position: absolute;
	top: 20px;
	left: calc( -200px / 2 + 20px );
	padding: 1px calc( 200px / 2 - 20px * 1.414 );
	box-sizing: border-box;
	text-align: center;
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
	box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
	color: white;
	height: 16px;
	font-size: 60%;
	font-weight: bold;
}
.groupMenuItem .errorMsg {
	font-size: smaller;
}
.itemDialogWrapper .groupMenuWrap .groupMenus .groupMenuItem.check {
	background: #ffb598;
}
.itemDialogWrapper .groupMenuWrap .groupMenus .imageWrapper figure img {
	min-height: 0px;
	min-width: 0px;
    width: 100%;
	height: auto;
}
.itemDialogWrapper .groupMenuWrap .groupMenus > .groupMenuItem:nth-child(3n) {
	margin-right: 0%;
}
.itemDialogWrapper .groupMenuWrap .groupMenus dl.image-less {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 1.6em 1.5ch;
}
.itemDialogWrapper .groupItemContent .col1.bg {
	margin-bottom: 2.14em;
}
@media only screen and (max-width: 768px) {
	.itemDialogWrapper .itemBody .groupItemContent {
		padding-top: 0;
		display: flex;
		flex-direction: column;
	}
	.itemDialogWrapper .itemBody .groupMenu {
		margin-top: 0;
		display: block;
	}
	.itemDialogWrapper .itemBody .groupMenu > .col:nth-child(1) {
		margin-top: 0;
	}
	.itemDialogWrapper .itemBody .groupMenu .imageWrapper.main figure img {
		min-height: 128px;
		min-width: 178px;
		max-height: 128px;
		max-width: 178px;
		margin-right: 14px;
	}
	.itemDialogWrapper .itemBody .groupMenu .name {
		max-width: 100%;
	}
	.itemDialogWrapper .itemBody .groupMenu > .col:nth-child(1) {
		width: 100%;
		display: flex;
		align-items: center;
	}
	.itemDialogWrapper .itemBody .groupMenu > .col:nth-child(2) {
		padding-top: 10px;
	}
	.itemDialogWrapper .groupMenuWrap .groupMenus {
		margin-top: 10px;
	}
	.itemDialogWrapper .groupMenuWrap .groupMenus > .groupMenuItem:nth-child(3n) {
        margin-right: 2%;
	}
	.itemDialogWrapper .groupMenuWrap .groupMenus > .groupMenuItem:nth-child(2n) {
        margin-right: 0%;
	}
	.itemDialogWrapper .groupMenuWrap .groupMenus .groupMenuItem {
        width: 49%;
        margin-right: 2%;
		height: 150px;
	}
	/* 低解像度なら、常にメニュー表示OFF */
	.itemDialogWrapper .groupMenuWrap .groupMenus .groupMenuItem .imageWrapper {
		display: none;
		height: 0px;
	}
	.itemDialogWrapper .groupMenuWrap .groupMenus dl {
		width: 100%;
		height: 100%;
		box-sizing: border-box;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 1.6em 1.5ch;
	}
}

/* item option */
.itemDialogWrapper .sideMenuWrap {
	letter-spacing: 0em;
}
.itemDialogWrapper .sideMenuWrap .mainOptions {
	display: flex;
	width: 100%;
	flex-direction: row;
	flex-wrap: wrap;
	overflow: hidden;
}
.itemDialogWrapper .sideMenuWrap .mainOptionItem {
	display: flex;
	width: 32%;
	min-height: 60px;
	margin-right: 2%;
	margin-bottom: 2%;
}
.itemDialogWrapper .sideMenuWrap .mainOptions > .mainOptionItem:nth-child(3n){
	margin-right: 0%;
}
.itemDialogWrapper .sideMenuWrap .optionInputLabel {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	 justify-content: center; 
	width: 100%;
	padding: 0.5rem 0.5rem;
	border-radius: 8px;
	text-align:center;
	box-sizing: border-box;
	border: 1px solid #cccccc;
	cursor: pointer;
}
.itemDialogWrapper .sideMenuWrap .optionInputLabel.selected {
	background: #EA571E;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,.7);
}
.itemDialogWrapper .sideMenuWrap .optionInputLabel.invalidValue.selected {
	background: grey;
	color: #fff;
	text-shadow: 0 0 1px rgba(0,0,0,.7);
}
.itemDialogWrapper #setArea {
	padding-bottom: 30px;
}
.itemDialogWrapper #setArea .open .detail .detailSetMenuWrap {
	display: inline-block;
	width: 100%;
}
.itemDialogWrapper #setArea .open .detail .detailSetMenuWrap .select {
	width: auto;
}
.itemMessageDialogWrapper {
	overflow: hidden;
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	z-index: 2000;
	box-sizing: border-box;
}
.itemMessageDialogWrapper .itemMessageDialog {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 80%;
	max-width: 860px;
	height: 15%;
	background: #ffffff;
	box-sizing: border-box;
	border: 3px solid #dfddd0;
	border-radius: 8px;
	box-shadow: rgb(0 0 0 / 18%) 0px 2px 4px;
	display: table;
}
.itemMessageDialogWrapper .itemMessage {
	display: table-cell;
  	vertical-align: middle;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
}
.itemMessageDialogWrapper .loading {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	background: transparent;
	background-image: url(/matsuben-net/common/img/loading.gif);
	background-size:contain;
	background-repeat: no-repeat;
}
.itemMessageDialogWrapper .itemMessageDialog .itemMessage input {
	height: 30px;
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
	border: solid 1px;
	padding: 1px 10px;
}

.menu-arrow{
    z-index: 100;
    display: flex;
    pointer-events: none;
    align-items: center;
    justify-content: space-between;
    top: 50vh;
    position: fixed;
    width: 950px;
    padding-left: 0px;
    margin-left: -30px;
}
.leftt-arrow{
	width:25px;
}
.right-arrow{
	width:25px;
	text-align:right;
	margin-left: auto;
}

/* freeLayout */
.freeLayoutMenu{
    overflow: hidden;
}
.first-freeLayoutMenu{
    overflow: hidden;
    margin-top: 1.42em;
}
.freeLayoutImage{
    width: 100%;
    height: auto;
}
.freeLayoutTapArea{
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    overflow: visible;
}
.freeLayoutStatusImage{
    display: block;
    width: auto;
    height: 63px; /* 券売機と同じサイズ */
    max-width: none;
    max-height: none;
    position: relative;
}

/* ======================
　login
====================== */
#login .selectAutoLogin{
    margin: 10px 0px 0px 0px;
}
#login .selectAutoLogin label{
	display: flex;
}
#login .selectAutoLogin p{
	width: 100%;
	margin-top: 0;
	box-sizing: border-box;
	text-align: left;
}
#login .selectAutoLogin input[type="checkbox"]{
	display: block;
}


/* ======================
　SP
====================== */
@media only screen and (max-width: 768px) {
.menuWrap{
  margin-top: 1.07em;
}
	/* Base Setting
------------------------------------------ */
body {
  font-size: 14px;
  font-size: 1.4rem;
	overflow:hidden;
}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

.pcNone{
	display:block;
}
.spNone{
	display:none;
}
.pcNoneInline{
	display: inline-block;
}
.spNoneInline{
	display:none;
}

h2 + p {
  margin-top: 0;
}

.wrap {
    width: auto;
		padding: 0 2.8%;
}

input,
select{
  font-size: 16px;
  font-size: 1.6rem;
}




/* Header
------------------------------------------ */
.sp #header{
	position:fixed;
	width: 100%;
	background-color:#FFF;
	z-index:1000;
  -webkit-box-shadow: 0 6px 2px -2px #e7e5d5;
     -moz-box-shadow: 0 6px 2px -2px #e7e5d5;
             box-shadow: 0 6px 2px -2px #e7e5d5;
}
#header .tagline {
	display:none;
}
#header #headerLogo {
	width: 135px;
}
#header #headerGlobal {
	width: 210px;
	margin:　0;
}
#header #headerGlobal.in {
	width: 55%;
	margin-left: 0;
}
.type002 #header #headerGlobal.in{
	margin: 0;
}

#header #headerGlobal .menu{
    background-image:url(/matsuben-net/common/img/com_ic025sp.png);
    background-size: 33px auto;
    background-position:50% 0;
    background-repeat: no-repeat;
    text-indent: -9999em;
    width: 33px;
    height: 28px;
    margin:10px 0 0 0 !important;
    vertical-align:middle;
    font-size: 0;
}

#header #headerGlobal ul {
	display:table;
	border-collapse: separate;
  border-spacing: 3px 0 !important;
	margin-right: -8px;
}
#header #headerGlobal.in ul {
/*	width: 250px;*/
margin-top: 6px;
}

#header #headerGlobal li{
	display:table-cell;
	margin-left: 10px;
}

#header #headerGlobal .guide,
#header #headerGlobal .mypage,
/* #header #headerGlobal .point_history, */
#header #headerGlobal .history,
#header #headerGlobal .logout,
#header #headerGlobal .credit,
#header #headerGlobal .close{
	display:none;
}

#header #headerGlobal li a{
	background-position:50% 0 !important;
	padding-left: 0 !important;
	padding-top:27px !important;
  font-size: 7px;
  font-size: 0.7rem;
}
#header #headerGlobal .guide a{
	display:block;
	background-image:url(/matsuben-net/common/img/com_ic001sp.png);
	background-size: 25px auto;
	background-position:2% 50% !important;
	padding:2em 4em !important;
}

#header #headerGlobal .mypage a{
	background-image:url(/matsuben-net/common/img/com_ic002sp.png);
	background-size: 19px auto;
	background-position:2% 50% !important;
	padding:2em 4em !important;
}

#header #headerGlobal .logout a{
	background-image:url(/matsuben-net/common/img/com_ic003sp.png);
	background-size: 19px auto;
	background-position:2% 50% !important;
	padding:2em 4em !important;
}

#header #headerGlobal .point_history a{
	display:block;
	background-image:url(/matsuben-net/common/img/com_ic028sp.png);
	background-size: 27px auto;
	background-position:1% 50% !important;
	padding:2em 4em !important;
}

#header #headerGlobal .history a{
	display:block;
	background-image:url(/matsuben-net/common/img/com_ic024sp.png);
	background-size: 25px auto;
	background-position:1% 50% !important;
	padding:2em 4em !important;
}
#header #headerGlobal .credit a{
	background-image: url(/matsuben-net/common/img/com_ic_credit_card.png);
    background-size: 25px;
    background-position: 1% 50% !important;
    padding: 2em 4em !important;
}

#header #headerGlobal .close{
	padding:1em !important;
	text-align:center !important;
}

#header #headerGlobal .order{
	width: 4em;
	margin-left: 0px;
	margin-top: 10px;
}
#header #headerGlobal .order a{
	display:block;
	background-image:url(/matsuben-net/common/img/com_ic004sp.png);
	background-size: 22px auto;
	background-position:49% 0;
	padding-top:25px !important;
	padding-left: 0;
	text-align:center;
  font-size: 7px;
  font-size: 0.7rem;
	line-height:1.1;
}
/* #header #headerGlobal .point{
	
	margin-left: 0;
	margin-top: 10px;	
} */
/* #header #headerGlobal .point a{
	display:block;
	background-image:url(/matsuben-net/common/img/reward_platinum.png);
	background-size: 40px auto;
	
	background-repeat: no-repeat;
	padding-top:7px !important;
	padding-left: 39px;
	text-align:center;
  letter-spacing: -0.1em;
  font-size: 1.0em;
	line-height:1;
	min-height: 34px;
} */
#header #headerGlobal .point {
	display: flex;
	flex-direction: row;
	align-items: center;	
	justify-content: flex-end
}
#header #headerGlobal .point img{
	height: 40px;
}
#header #headerGlobal .point a{	
	letter-spacing: -0.1em;
  	font-size: 1.0em;
	line-height:1;
}

#header #headerGlobal .reward{
	width: 3em;
	margin-left: 0px;
	margin-top: 10px;
}
#header #headerGlobal .reward a{
	display:block;
	background-image:url(/matsuben-net/common/img/reward_platinum.png);
	background-size: 22px auto;
	background-position:49% 0;
	padding-top:25px !important;
	padding-left: 0;
	text-align:center;
  	font-size: 7px;
    font-size: 0.7rem;
	line-height:1.1;
}

#header #headerGlobal.in li {
	vertical-align:top;
	width: 24%;
}



#header #headerGlobal.in .guide a{
	display:block;
	background-image:url(/matsuben-net/common/img/com_ic001sp.png);
	background-size: 20px auto;
	background-position:50% 4px !important;
	padding:29px 0 0 0 !important;
	text-align:center;
	line-height: 1.1;
}
#header #headerGlobal.in .login a{
	display:block;
	background-image:url(/matsuben-net/common/img/com_ic023sp.png);
	background-size: 18px auto;
	background-position:50% 5px !important;
	padding:29px 0 0 0 !important;
	text-align:center;
	line-height: 1.1;
}
#header #headerGlobal.in .order a{
	background-size: 22px auto;
	background-position:50% 4px !important;
	padding:29px 0 0 0 !important;
	text-align:center;
	line-height: 1.1;
}

#header #headerGlobal.in .guide{
		width: 27%;
}
#header #headerGlobal.in .login{
		width: 22%;
}
#header #headerGlobal.in .order{
		width: 25%;
}
#header #headerGlobal.in .registration{
		width: 27%;
}
#header #headerGlobal.in .registration a{
	padding:7px !important;
}




#header #headerGlobal .order span {
	left: 40%;
	top: -15px;
	border: #FFF solid 2px;
	width: 15px;
	height: 15px;
	line-height:1.6;
}

#header #headerGlobal.in .order span {
    top: -11px;
		left: 31%;
}



/* Step Bar
------------------------------------------ */
.stepBar {
	padding: 10px 10px 0px 10px;
    width: calc(100% - 20px);
}
.stepBar li {
	font-size: 10px;
}
.stepBar li:after {
	width: 17px;
	left: calc(100% - 22.5px);
	height: 17px;
}
.stepBar li span {
	height: 25px;
	line-height: 24px;
	width: calc(100% - 14px);
}


/* Contents
------------------------------------------ */
#content {
	background: none;
	padding: 10px;
	border-radius: 0;
	box-shadow:none;
}

#content #main{
	background: none;
	width: auto;
	padding: 0;
	border: none;
	border-radius: 0;
	box-shadow:none;
}


/* Heading1
------------------------------------------ */
#heading1 {
  font-size: 20px;
  font-size: 2.0rem;
}

/* Heading2
------------------------------------------ */
.heading2 {
	padding-left: 20px;
	margin-top: 20px;
  font-size: 18px;
  font-size: 1.8rem;
}
/* Heading3
------------------------------------------ */
.heading3 {
	margin-top: 17px;
  font-size: 16px;
  font-size: 1.6rem;
}

/* Navigation
------------------------------------------ */
/* navAnchor01 */
.navAnchor01{
	letter-spacing:-0.4em;
}
.navAnchor01 > li {
	display:block;
	margin-left: 0;
	margin-top: 10px;
	padding-left: 0;
	border: none;
}

.navAnchor01 > li a {
	float:none;
	padding:;
}


.continue dt{
    font-size: 1.8rem;
    padding-left: 20px;
	font-weight: bold;
}
.continue dd{
    padding: 0 2px 10px 2px;
}


/* accordion
------------------------------------------ */
 .acMenu dd{
	 padding: 15px 10px;
}
 .acMenu dd .colL{
	 display:block;
	 width: auto;
	 margin: 0;
}
 .acMenu dd .colR{
	 display:block;
	 width: auto;
	 margin-top: 1.6em;
}
.acMenu dd .colL dt,
.acMenu dd .colR dt{
	display:block;
	width: auto;
	margin: 0;
	font-weight: bold;
	text-align:left;
}
.acMenu dd .colL dd,
.acMenu dd .colR dd{
	display:block;
	width: 100%;
}
.checkbox {
	padding: 8px 13px 8px 23%;
}

.checkbox.matsuya{
	background-image: url(/matsuben-net/common/img/com_ic008_2sp.png);
	width: 47%;
	padding: 5px 10px 5px 40px;
	background-size: 100px auto;
	background-position: 85% 50%;
}

.checkbox.matsunoya{
	background-image: url(/matsuben-net/common/img/com_ic009_2sp.png);
	width: 47%;
	padding: 5px 10px 5px 40px;
	background-size: 105px auto;
	background-position: 85% 50%;
}

.checkbox.mycurry{
	background-image: url(/matsuben-net/common/img/com_ic_top_curry_sp.png);
	width: 47%;
	padding: 5px 10px 5px 40px;
	background-size: 105px auto;
	background-position: 85% 50%;
}

.checkbox.steak_matsu{
	background-image: url(/matsuben-net/common/img/com_ic_top_steak_sp.png);
	width: 47%;
	padding: 5px 10px 5px 40px;
	background-size: 105px auto;
	background-position: 85% 50%;
}

.checkbox.matsuken_ch{
	background-image: url(/matsuben-net/common/img/com_ic_top_matsuken_ch_sp.png);
	width: 47%;
	padding: 5px 10px 5px 40px;
	background-size: 105px auto;
	background-position: 85% 50%;
}

.checkbox.sushimatsu{
	background-image: url(/matsuben-net/common/img/com_ic_top_sushimatsu_sp.png);
	width: 47%;
	padding: 5px 10px 5px 40px;
	background-size: 105px auto;
	background-position: 85% 50%;
}
.checkbox.verte{
	background-image: url(/matsuben-net/common/img/com_ic_top_verte_sp.png);
	width: 47%;
	padding: 5px 10px 5px 40px;
	background-size: 105px auto;
	background-position: 85% 50%;
}
.checkbox.toriko{
	background-image: url(/matsuben-net/common/img/com_ic_top_toriko_sp.png);
	width: 47%;
	padding: 5px 10px 5px 40px;
	background-size: 100px auto;
	background-position: 85% 50%;
}

.radiobutton{
	background:url(/matsuben-net/common/img/com_ic016sp.png) no-repeat 5px 50%;
	background-size: auto 16px;
	padding: 10px 5px 10px 25px;
}
.radiobutton.check{
	background:#ffb598 url(/matsuben-net/common/img/com_ic016spon.png) no-repeat 5px 50%;
	background-size: auto 16px;
}

.acMenu dd .colR dd select{
	width:  100%;
	
}

.acMenu dd .colR dd select:first-child{
	margin-right: 0;
	margin-bottom: 1.6em;
}
.colR input[type="text"] {
	width: 90%;
	float:right;
}

.colR .post {
	display:block;
}

.btWrap #submit_button{
	width:100%;
}
.whiteBt a{
	width: 100%;
	box-sizing:border-box;
}

.pageNavs li {
	display:inline-block;
	margin-top: 0.5em;
}

.shop dd dl{
	margin-top: 3px;
}
.shop dt {
  font-size: 18px;
  font-size: 1.8rem;
	padding: 5px 5px 5px 55px;
}

.shop > dt{
	background-repeat:no-repeat;
	background-position: 10px 50%;
}
.shop > dt.num01{
	background-image: url(/matsuben-net/common/img/num01.png);
}

.shop dt span{
	display:block;
}
.shop dt.matsuya span{
	background-image: url(/matsuben-net/common/img/com_ic011sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}

.shop dt.matsunoya span{
	background-image: url(/matsuben-net/common/img/com_ic_matsunoya_sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}
.shop dt.mycurry span{
	background-image: url(/matsuben-net/common/img/com_ic_curry_sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}
.shop dt.steak_matsu span{
	background-image: url(/matsuben-net/common/img/com_ic_steak_sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}
.shop dt.matsuken_ch span{
	background-image: url(/matsuben-net/common/img/com_ic_matsuken_ch_sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}
.shop dt.sushimatsu span{
	background-image: url(/matsuben-net/common/img/com_ic_sushimatsu_sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}
.shop dt.verte span{
	background-image: url(/matsuben-net/common/img/com_ic_verte_sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}
.shop dt.komematsu span{
	background-image: url(/matsuben-net/common/img/com_ic_komematsu_sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}
.shop dt.toriko span{
	background-image: url(/matsuben-net/common/img/com_ic_toriko_sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}
.shop dt.matsutaro span{
	background-image: url(/matsuben-net/common/img/com_ic_matsutaro_sp.png);
	background-size: auto 32px;
	padding: 5px 0  5px 50px;
}

.shop dd dl{
	width:100%!important;
}
.shop dd .address dt,
.shop dd .tel dt{
	padding: 1px 2px 0 2px;
	width:60px;
}
.shop dd .time dt{
	padding: 1px 2px 0 2px;
	width:60px;
}

.shop dd dt {
  font-size: 12px;
  font-size: 1.2rem;
  padding:0;
}

.shop dd{
	padding: 15px 13px;
}
.shop dd  dd{
		padding: 0;
}
.shop dd .address dd{
    width: 70%;
}

.shop dd .time dd {
    width: 70%;
}
.shopIC {
	margin-top: 10px;
}

.shopIC ul {
	float:none;
}
.shopIC ul li{
	width: 37px;
}

.shop .shopInfo dd{
	word-break:	break-all;
	width: 100%;	
}

.shop .btWrap {
	width: 100%;
	 padding: 10px ;
	 box-sizing:border-box;
	 margin-top: 0.5em;
}

.shop .btWrap .button {
	width: 100%;
}


.noneAccepted {
	padding: 14px 10px;
	font-size: 15px;
	font-size: 1.5rem;
	width: auto !important;
	margin-top:5px ;	
}

.col.btn{
	float:none;
	width: auto;
	margin: 0;
}



/* menuWrap
------------------------------------------ */
.menuWrap .heading2{
	background-color:#fff8e1;
	background-image: url(/matsuben-net/common/img/com_ic007.png);
	background-position: 98.5% 50%;
	background-repeat: no-repeat;
	border:#e1e1e1 solid 1px;
	padding: 0.7em;
}
.menuWrap .heading2.active{
	background-image: url(/matsuben-net/common/img/com_ic007close.png);
}
.menuDetail{
	display:none;
	padding: 0px;
}
.menuDetail.type02{
	display: block;
	margin-top: 1.42em;
}

.menuDetail *:first-child,
.menuDetail.type02 :nth-child(-n+3) {
	margin-top: 0;
}

/* Column
------------------------------------------ */
.colEq4 > .col:nth-child(n+5) {
    margin-top: 15px;
}
/* colEq3 */
/* colEq4 */

.colEq3 > .col,
.colEq4 > .col {
  width: 49%;
  margin-right: 2%;
  margin-top: 15px;
}
.colEq3 > .col:nth-child(2n),
.colEq4 > .col:nth-child(2n) {
  margin-right: 0;
}
.colEq3 > .col:nth-child(-n+2){
	margin-top: 0;
}

/* colEq6 */
.colEq6{
	margin-top: 0;
}
.colEq6 > .col {
  width: 32%;
  margin-right: 2%;
	margin-top: 1.42em;
}
.colEq6 > .col:nth-child(3n) {
  margin-right: 0;
}


/* col1to2 */
.col1to2{
	margin-top: 0;
}
.col1to2 > .col {
	float:none;
	width: auto !important;
	margin-right:0 !important;
}
.col1to2 > .col:last-child{
	margin-top: 1.42em;
}
.col1to2 > .col figure{
	float:left;
  width: 49%;
  margin-right: 2%;
}
.col1to2 > .col ul{
	float:left;
  width: 49%;
}

/* freeLayout */
.menuDetail .freeLayoutMenu{
  overflow: hidden;
}
.menuDetail .first-freeLayoutMenu{
  overflow: hidden;
  margin-top: 1.42em;
}

/* linkBtnList01
------------------------------------------ */
.linkBtnList01 > li {
	display:block;
}

.linkBtnList01.aC > li,
.linkBtnList01.aR > li {
    margin-left: 0;
    margin-right: 0;
}

/* mobileOrderTypeBtnList
------------------------------------------ */
.mobileOrderTypeBtnList > li {
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
    margin-top: 36px;
    margin-bottom: 0px;
    font-size: 14px;
}

.mobileOrderTypeBtnList > li > a {
    padding: 20px 10px 20px 10px;
    border-radius: 8px;
    min-width: 0px;
}


/* お受け取り店舗
------------------------------------------ */
.formDetail,
.formDetail tbody,
.formDetail tr,
.formDetail th,
.formDetail td,
.shopDetail,
.shopDetail tbody,
.shopDetail tr,
.shopDetail th,
.shopDetail td,
.showDetail th,
.showDetail td{
    display: block;
	width: auto !important;
}
.formDetail th, 
.formDetail td, 
.shopDetail th, 
.shopDetail td, 
.showDetail th, 
.showDetail td {   
    border-right: 0px;    
}

.formDetail.kakunin,
.formDetail.kakunin tr{
	width: 100% !important;
}

.shopDetail {
	margin-top: 1em;
}
.shopDetail th{
	font-weight: bold;
}
.shopDetail ul li.detailBt02{
	float:right;
}
.shopDetail th ul li{
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 0;
}

.shopDetail ul li.matsuya{
	background-image:url(/matsuben-net/common/img/com_ic008sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}
.shopDetail ul li.matsunoya{
	background-image:url(/matsuben-net/common/img/com_ic_matsunoya_sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}
.shopDetail ul li.mycurry{
	background-image:url(/matsuben-net/common/img/com_ic_curry_sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}
.shopDetail ul li.steak_matsu{
	background-image:url(/matsuben-net/common/img/com_ic_steak_sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}
.shopDetail ul li.matsuken_ch{
	background-image:url(/matsuben-net/common/img/com_ic_matsuken_ch_sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}
.shopDetail ul li.sushimatsu{
	background-image:url(/matsuben-net/common/img/com_ic_sushimatsu_sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}
.shopDetail ul li.verte{
	background-image:url(/matsuben-net/common/img/com_ic_verte_sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}
.shopDetail ul li.komematsu{
	background-image:url(/matsuben-net/common/img/com_ic_komematsu_sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}
.shopDetail ul li.toriko{
	background-image:url(/matsuben-net/common/img/com_ic_toriko_sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}
.shopDetail ul li.matsutaro{
	background-image:url(/matsuben-net/common/img/com_ic_matsutaro_sp.png);
	background-size: auto 28px;
	padding:5px 0 5px 45px;
	font-size:15px;
	font-size:1.5rem;
}

.shopDetail ul li.detailBt{
	padding:5px 30px 5px 10px;
}
.shopDetail ul li.detailBt02{
	padding:5px 15px 5px 25px;
}

.mapWrap .detail {
	width: 100%;
}
.shopDetail .mapWrap dl{
	letter-spacing:-0.4em;
	width: auto;
}
.shopDetail .mapWrap dt{
	display:inline-block;
	letter-spacing:normal;
	vertical-align: middle;
	width: 20%;
	padding: 1px 2px 0 2px;
	margin-top: 0;
	font-size:12px;
	font-size:1.2rem;
}
.shopDetail .mapWrap dd{
	display:inline-block;
	letter-spacing:normal;
	vertical-align: middle;
	width: 74%;
	margin-top: 0;
}

.shopDetail .mapWrap dt.uketori dt.preorder{
	width: 44%;
}
.shopDetail .mapWrap dd.uketori dd.preorder{
	width: 50%;
	line-height:1.1;
}

.shopDetail ul li.payment li.preorder{
	font-size: 1.6rem;
}
.shopDetail ul li p.credit_number{
	font-size: 1.4rem;
	padding-left: 15px;
}
.shopDetail  .paymentType .codePayLogo {
	width: 30%;
	padding: 2%;
}

.mapWrap .map {
	display:block;
	margin-top: 1.42em;
	width: auto;
}


.formDetail th, .formDetail td, .shopDetail th, .shopDetail td {
	padding:5px 10px;
}
.shopDetail td .time{
	margin-left: 0;
	font-size:16px;
	font-size:1.6rem;
}
.shopDetail td .date {
	margin-left: 0;
}

.formDetail td.name li input{
	width: 18em !important;
}

.formDetail td.name p input{
	display: inline-block;
	margin-top: 0.5em;
	vertical-align:middle;
	width: 80% !important;
	box-sizing:border-box;
}

.formDetail td.name p span{
	display: inline-block;
	margin-top: 0.5em;
	vertical-align:middle;
}

.formDetail td.tel p input.w3{
	width: 25% !important;
}

.formDetail td .birth input.w2{
	width: 21% !important;
}

.boxWrap {
	width:auto;
}


.doui .subMitBt {
	float:none !important;
	margin:0 auto;
	width: 100%;
	margin-top: 1.42em;
}
.doui .boxWrap {
    width: auto !important;
}
.doui .btWrap,
.doui .subMitBt {
	float:none !important;
	margin:0 auto !important;
	width: auto !important;
}
.doui .subMitBt #submit,
.doui .subMitBt #submitMail {
	margin:0 auto;
	width: auto !important;
	padding: 15px;
}

.boxWrap .backBt{
	margin-top: 1.42em !important;
	text-align:left;
}
.tableLayout {
	width: 100%;
	margin-top: 1.42em !important;
}

.sideMenuWrap{
	display:table;
	margin-top: 0.9em;
	width: 100%;
}
.sideMenuWrap dt {
	margin-right: 1em;
	font-weight: bold;
	font-size:12px;
	font-size:1.2rem;
	width: 7em;
	vertical-align:top;
}
.sideMenuWrap dd {
	width: auto;
	font-size:12px;
	font-size:1.2rem;
	vertical-align:top;
}
.sideMenuWrap dd select{
	font-size:16px;
	font-size:1.6rem;
/*	width: auto;*/
}
.setMenu .colEq2 {
	margin-top: 0;
}
.setMenu .colEq2 .col{
	float:none;
	width: auto;
	margin-right: 0;
}

.setMenuMulti .colEq2 > .col:nth-child(n+3) {
  margin-top: 0;
}

.setMenuMulti .colEq2 {
	margin-top: 0;
}
.setMenuMulti .colEq2 .col{
	float:none;
	width: auto;
	margin-right: 0;
}

.setMenu .colEq2 > .col:nth-child(n+3) {
  margin-top: 0;
}

.radiobutton.set{
	display:block;
	border-radius: 0;
	margin: 0;
	padding: 15px 30px;
	border: 1px solid #ccc;
	background-color: #f5f5f5;
}
.radiobutton.set.check{
	background-color: #fdeee8;
}

.setMenu dl {
	border-top-width: 0;
}
.setMenu dt label{
	background:url(/matsuben-net/common/img/com_ic016sp.png) no-repeat 10px 50%;
	background-size: auto 16px;
}
.setMenu dt label.check{
	background:#fdeee8 url(/matsuben-net/common/img/com_ic016spon.png) no-repeat 10px 50%;
	background-size: auto 16px;
}

.setMenu dd {
	padding: 10px;
}
.setMenu dd figure{
	width: 160px;
	height: 120px;
	min-width: 160px;
	min-height: 120px;
	margin-right: 2%;
}
.setMenu dd .select{
  width: 52%;
}

.total {
	padding: 20px 10px;
}

.total .colEq2 {
	margin-top: 0;
}
.total .colEq2 .col{
	float:none;
	width: auto;
	margin-right: 0;
}

.total .colEq2 .col .number{
	float: right;
}

.total .colEq2 .col:first-child {
	text-align:left;
}
.total .colEq2 .col:last-child {
	margin-top: 2.14em;
}
.total #addItemToCartButton {
	background: #ea571e url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%;
	background: url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%, -moz-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b) ;
	background: url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%, -webkit-gradient(linear, left top, left bottom, from(#ea571e), color-stop(0.5, #e0531d), to(#d54f1b));
	background: url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%, -o-linear-gradient(top, #ea571e, #e0531d 50%, #d54f1b) ;
	background: url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%, -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ea571e, endcolorstr=#d54f1b))" ;/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background: url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%, linear-gradient(to bottom, #ea571e, #d54f1b);
	background-size: auto 30px, auto;
	margin:0;
	width: 100%;
}

.total #addItemToCartButton:hover{
	background: -moz-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e) url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%;
	background: -webkit-gradient(linear, left top, left bottom, from(#d54f1b), color-stop(0.5, #e0531d), to(#ea571e)) url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%;
	background: -o-linear-gradient(top, #d54f1b, #e0531d 50%, #ea571e) url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%;
	background: -ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#d54f1b, endcolorstr=#ea571e))" url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%;/* IE8 IE9 */
zoom: 1;/* IE8 IE9 */
	background:url(/matsuben-net/common/img/com_ic020sp.png) no-repeat 10px 50%, linear-gradient(to bottom, #d54f1b, #ea571e);
	background-size: auto 30px, auto;
}
.whiteBt a.nomal{
	background-position: 30px 50%;
}

.whiteBt a.kago{
	background-image: url(/matsuben-net/common/img/com_ic020bsp.png);
	background-position:50px 50%;
	background-size: auto 21px;
}



.fin .formDetail {
	width: 100%;
}
.fin .formDetail thead {
	display:none;
}
.fin .formDetail tbody{
	width: auto;
}
.fin .formDetail tr{
	width: 100%;
	letter-spacing: -0.4em;
}
.fin .formDetail td{
	padding: 5px;
	text-align: right;
	letter-spacing:normal;
}

.fin .formDetail .first{
	display: table-cell;
	width: 75% !important;
}
.fin .formDetail .first img{
	width: 35%;
}
.fin .formDetail .first .txt{
	width:60%;
	margin-left: 4%;
}
.fin .formDetail .second{
	display: table-cell;
	white-space:nowrap;
	width: 25% !important;
}
.fin .formDetail .third{
	display:inline-block;
	border-bottom-width: 0;
	border-right-width: 0;
	padding-bottom: 0;
	text-align: right;
	width: 70% !important;
}
.fin .formDetail .price{
	display:inline-block;
	border-bottom-width: 0;
	text-align: right;
	width: 24.8% !important;
}

.fin .formDetail.kakunin td{
	display:block;
	width: 100% !important;
	box-sizing:border-box;
}

.fin .formDetail.kakunin .second{
	border-top: none;
	border-bottom:none;
}
.fin .formDetail.kakunin .second.deli{
	border-top: none;
	border-bottom:1.5px solid #cccccc !important;
}
.fin .formDetail.kakunin .third{
	border-top: none;
	border-bottom:none;
}
.fin .formDetail.kakunin .price{
	border-top: none;
	border-bottom:none;
}
.fin .formDetail.kakunin .fourth{
	border-top: none;
}

.fin .formDetail.kakunin .second:before {
    content: "価格（税込）";
}
.fin .formDetail.kakunin .third:before {
    content: "個数　";
}
.fin .formDetail.kakunin .price:before {
    content: "小計（税込）";
}
.fin .formDetail.kakunin .fourth:before {
    content: "ボーナスポイント ";
}



.pointhistry .formDetail {
	width: 100%;
}
.pointhistry .formDetail thead {
	display:none;
}
.pointhistry .formDetail tbody{
	width: auto;
}
.pointhistry .formDetail tr{
	width: 100%;
	letter-spacing: -0.4em;
}
.pointhistry .formDetail td{
	padding: 5px;
	text-align: right;
	letter-spacing:normal;
}

.pointhistry .formDetail .first{
	display: table-cell;
	width: 75% !important;
}
.pointhistry .formDetail .first img{
	width: 35%;
}
.pointhistry .formDetail .first .txt{
	width:60%;
	margin-left: 4%;
}
.pointhistry .formDetail .second{
	display: table-cell;
	white-space:nowrap;
	width: 25% !important;
}
.pointhistry .formDetail .third{
	display:inline-block;
	border-bottom-width: 0;
	border-right-width: 0;
	padding-bottom: 0;
	text-align: right;
	width: 70% !important;
}
.pointhistry .formDetail .price{
	display:inline-block;
	border-bottom-width: 0;
	text-align: right;
	width: 24.8% !important;
}

.pointhistry .formDetail.kakunin td{
	display:block;
	width: 100% !important;
	border-right: 1px solid #cccccc;
	box-sizing:border-box;
	max-width: none;
}
.pointhistry .formDetail.kakunin .second{
	white-space: break-spaces;
	word-wrap: break-word;
	border-bottom: none;
}

.pointhistry .formDetail.kakunin .third{
	padding-top: 0;
}
.pointhistry .formDetail.kakunin .first:before {
    content: "日時";
}
.pointhistry .formDetail.kakunin .second:before {
    content: "利用店舗／詳細";
}
.pointhistry .formDetail.kakunin .third:before {
    content: "使用ポイント";
}
.pointhistry .formDetail.kakunin .fourth:before {
    content: "獲得ポイント";
}
.pointhistry .formDetail.kakunin .five:before {
    content: "総ポイント";
}


#demo01 table { 
	width: 100%; 
	border:none; 
}
#demo01 tr {
    border-top: 1px solid #4f4d47;
    display: block;
    float: left;
    margin-bottom: 20px;
}
#demo01 td {
    border-right: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    float: left;
    padding: 0;
    text-align:center
}

#demo01 td:last-child { border-bottom: 1px solid #4f4d47;}
     
/*td:beforeのデザイン*/
#demo01 td:before {
    background-color: #f9f2d9;
    color: #4f4d47;
    display: block;
}


.btWrap #submit_button03{
	margin-left: 0;
}

.customer{
	margin-top: 2.14em !important;
	border:#e1e1e1 solid 1px !important;
	padding:0 !important;
}


.customer > .heading3{
	margin-top: 0;
	background-image: url(/matsuben-net/common/img/com_ic007.png);
	background-repeat:no-repeat;
	background-position: 98.5% 50%;
	background-color:#e1e1e1;
	padding: 15px;
	font-weight: bold;
}
.customer > .heading3.active{
	background-image: url(/matsuben-net/common/img/com_ic007close.png);
}


.customer .formArea{
	display:none;
	padding: 10px;
	margin-top: 0;
}
.customer .formArea .linkBtnList01{
}
.customer .formDetail{
  margin-top:0 !important; 
}
.customer .formDetail th,
.customer .formDetail td{
	text-align:left;
	padding: 10px;
	letter-spacing:normal !important;
}


.formArea .doui .boxWrap.confirm,
.formArea .doui .boxWrap.confirm02 {
	width: auto;
}



.order {
	padding: 10px;
}

.order .colEq2 {
	margin-top: 0;
}
.order .colEq2 .col{
	float:none;
	width: auto;
	margin-right: 0;
}

.order .colEq2 .col:first-child {
	text-align:center;
}

.order #submit_button03 {
	margin: 0;
	width: 100%;
}

.colEq2.textIn{
	margin-top: 0;
}
.colEq2.textIn .col{
    margin-top: 1.42em;
}

.uketori li{
	letter-spacing:-0.4em;
	margin-top: 1.42em;
}
.uketori label{
	height:auto;
	margin-right: 1%;
	margin-left: 0;
	font-size:15px;
	font-size:1.5rem;
	font-weight: bold;
	line-height:1.6;
	padding-right: 4px;
}
.uketori span {
	margin-top:0;
	width:49%;
	font-size:14px;
	font-size:1.4rem;
	margin-right: -24%;
	margin-left: 2%;
}
.uketori span select {
	width: auto !important;
}

.uketori #time_regular,   .uketori #time_preorder,
.uketori #time01_regular, .uketori #time01_preorder,
.uketori #time02_regular, .uketori #time02_preorder{
	font-size: 16px;
	font-size: 1.6rem;
}

.mobileordertype label{
	height:auto;
	margin-right: 1%;
	margin-left: 0;
	font-size:15px;
	font-size:1.5rem;
	font-weight: bold;
	line-height:1.6;
	padding-right: 4px;
	width: 30vw;
}

.parkordertype label{
	height:auto;
	margin-right: 1%;
	margin-left: 0;
	font-size:15px;
	font-size:1.5rem;
	font-weight: bold;
	line-height:1.6;
	padding-right: 4px;
	width: 80vw;
}

.preorder label{
	display:inline-block;
	letter-spacing:normal;
	width: 33vw;
	vertical-align:middle;
}

.col1.bg{
	background-size: contain;
}

.col1.bg p{
	padding: 1em 0.1em;
	font-size:15px;
	font-size:1.5rem;
}

#footer {
	margin-top: 1em;
	padding: 1em 0;
}
#footer .wrap {
	text-align:left;
}

#footer .wrap li {
    display: inline-block;
    letter-spacing: normal;
		margin-left: 0;
    margin-right: 1.3em !important;
}

#footer .wrap li a {
  font-size: 10px;
  font-size: 1rem;
}
#footer .copyright {
  font-size: 10px;
  font-size: 1rem;
}


/* ======================
　top
====================== */
#top #content{
	padding: 0;
}
#top #main{
	margin-top: 0px;
}

#top #footer {
	margin-top: 0;
}

#top .block001,
#top .block002,
#top .block003,
#top .block004{
	float: none;
	width: auto;;
}
#top .block001,
#top .block002,
#top .block003{
	padding:0 10px;
}

#top .block002{
	  margin-top: 1.42em;
}
#top .block004{
	margin-top: 0;
}
#top .mainLogin dt{
	background-image: url(/matsuben-net/common/img/com_ic007.png);
	background-repeat:no-repeat;
	background-position: 98.5% 50%;
}
#top .mainLogin dt.active {
	background-image: url(/matsuben-net/common/img/com_ic007close.png);
}
#top .mainLogin dd{
	display:none;
	padding: 10px 5px 10px 5px;
}

#top .mainLogin .mail {
	display: flex;
	padding-bottom:10px;
	text-align:right;
	padding-right: 10px;
}

#top .mainLogin .mail p{
	width: 35%;
	font-size:1.0rem;
	margin-top: auto;
	margin-bottom: auto;
	margin-right:2px;
}
#top .mainLogin .password{
	display: flex;
	text-align:right;	
	padding-right: 10px;
}
#top .mainLogin .password p{
	width: 35%;
	font-size:1.0rem;
	margin-top: auto;
	margin-bottom: auto;
	margin-right:2px;
}
#top .mainLogin .selectAutoLogin{
	text-align:right;	
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#top .mainLogin .selectAutoLogin p{
	width: 100%;
	font-size:1.0rem;
	margin-top: auto;
	margin-bottom: auto;
	margin-right:2px;
}
#top .mainLogin input[type="checkbox"]{
	margin-left: 30%;
}

#top .freeword dd input{
	width: 65vw;
	padding-left: 20px;
	margin-bottom: 10px;
}

#top .freeword dd .freewordSubmit{
	width: 20vw;
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
	zoom: 1;
	border-radius: 4px;
	color: #fff;
	border-style: none;	
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	padding: 0px;
	line-height:2;
}
.shopIC{
	margin-top: 3px;
}

.shop {
	margin-top: 1.0em;
}

#top .tenpo dd {
    padding: 15px 13px;
}
#top .tenpo dd .pcNone{
	margin-top: 0;
	margin-bottom: 0.5em;
	text-align:center;
}
#top .tenpo dd .gyoutai{
	margin-top: 20px;
}


#top .tenpo dd dt {
    display: block;
    font-weight: bold;
    margin: 0;
    text-align: left;
    width: auto;
}
#top .tenpo dd dd{
	display:block;
	width: auto !important;
}

#top .tenpo dd .checkbox {
}

#top .tenpo dd .checkbox.matsuya {
	background-image: url(/matsuben-net/common/img/com_ic008_2sp.png);
	background-size: 105px auto;
	padding: 5px 10px 5px 40px;
    width: 49%;
}
#top .tenpo dd .checkbox img{
	margin: 0;
}


#top .tenpo dd .checkbox.matsunoya {
	background-image: url(/matsuben-net/common/img/com_ic009_2sp.png);
	background-size: 110px auto;
	padding: 5px 10px 5px 40px;
    width: 49%;
}

#top .tenpo dd .checkbox.mycurry {
	background-image: url(/matsuben-net/common/img/com_ic_top_curry_sp.png);
	background-size: 110px auto;
	padding: 5px 10px 5px 40px;
    width: 49%;
}

#top .tenpo dd .checkbox.steak_matsu {
	background-image: url(/matsuben-net/common/img/com_ic_top_steak_sp.png);
	background-size: 110px auto;
	padding: 5px 10px 5px 40px;
    width: 49%;
}

#top .tenpo dd .checkbox.matsuken_ch {
	background-image: url(/matsuben-net/common/img/com_ic_top_matsuken_ch_sp.png);
	background-size: 110px auto;
	padding: 5px 10px 5px 40px;
    width: 49%;
}

#top .tenpo dd .checkbox.sushimatsu {
	background-image: url(/matsuben-net/common/img/com_ic_top_sushimatsu_sp.png);
	background-size: 110px auto;
	padding: 5px 10px 5px 40px;
    width: 49%;
}
#top .tenpo dd .checkbox.verte {
	background-image: url(/matsuben-net/common/img/com_ic_top_verte_sp.png);
	background-size: 110px auto;
	padding: 5px 10px 5px 40px;
    width: 49%;
}
#top .tenpo dd .checkbox.toriko {
	background-image: url(/matsuben-net/common/img/com_ic030_2sp.png);
	background-size: 105px auto;
	padding: 5px 10px 5px 40px;
    width: 49%;
}

#top .tenpo dd .yubin input[type="text"], {
    width: 100%;
}
#top .tenpo dd input.word { 
  width: 100%;
	box-sizing:border-box;
  /* font-size: 14px;
  font-size: 1.4rem; */
}

#top .tenpo dd .yubin input[type="text"] {
	width: 90%;
  font-size: 14px;
  font-size: 1.4rem;
	display:inline;
}

#top .tenpo dd select {
	display:block;
	width: 100%;
  font-size: 14px;
  font-size: 1.4rem;
}
#top .tenpo dd select:first-child {
	margin-right: 0;
	margin-bottom: 0.5em;
}


#top .tenpo dd .yubin .post {
	display:block;
}

#top .block004{
	width: 100%;
}
#top .block004{
	padding: 5px 10px 1em 10px;
	box-sizing:border-box;
}
#top .block004 ul{
	letter-spacing:-0.4em;
}
#top .block004 li{
	display:inline-block;
	margin-right: 3.5%;
  width: 47.5%;
	letter-spacing:normal;
}

#top .block004 li:nth-child(2n) {
    margin-right: 0;
}

#top .tenpo dd div{
	width: 100%;
}

#top .note{
	margin-top: 0.5em !important;
}



#top .shop dd li.matsuya a{
	background-image:url(/matsuben-net/common/img/com_ic011sp.png);
	background-size: auto 32px;
}
#top .shop dd li.matsunoya a{
	background-image:url(/matsuben-net/common/img/com_ic_matsunoya_sp.png);
	background-size: auto 32px;
}
#top .shop dd li.mycurry a{
	background-image:url(/matsuben-net/common/img/com_ic_curry_sp.png);
	background-size: auto 32px;
}
#top .shop dd li.steak_matsu a{
	background-image:url(/matsuben-net/common/img/com_ic_steak_sp.png);
	background-size: auto 32px;
}
#top .shop dd li.matsuken_ch a{
	background-image:url(/matsuben-net/common/img/com_ic_matsuken_ch_sp.png);
	background-size: auto 32px;
}
#top .shop dd li.sushimatsu a{
	background-image:url(/matsuben-net/common/img/com_ic_sushimatsu_sp.png);
	background-size: auto 32px;
}
#top .shop dd li.verte a{
	background-image:url(/matsuben-net/common/img/com_ic_verte_sp.png);
	background-size: auto 32px;
}
#top .shop dd li.komematsu a{
	background-image:url(/matsuben-net/common/img/com_ic_komematsu_sp.png);
	background-size: auto 32px;
}
#top .shop dd li.toriko a{
	background-image:url(/matsuben-net/common/img/com_ic_toriko_sp.png);
	background-size: auto 32px;
}
#top .shop dd li.matsutaro a{
	background-image:url(/matsuben-net/common/img/com_ic_matsutaro_sp.png);
	background-size: auto 32px;
}
#top .shop dd li .tel-link{
	padding:0;
}
#top .shop dd li .tel-link a{
	background: none;
}

#top #map{
	height: 200px !important;
}

/* header
------------------------------------------ */
#header{
	position:relative;
	padding: 8px 0;
}
.type002 #header{
	padding: 8px 0 10px 0;
}

.sp #header #headerGlobal .menu{
	display: inline-block;
	float:right;
}
#header #headerGlobal ul.open{
    box-sizing: border-box;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
		width: 100%;
    z-index: 110 !important;
}
#header #headerGlobal ul.open li{
    width: 100% !important;
		background:#fff;
		margin: 0;
		text-align:left;
		border: #CCC solid 1px;
		box-sizing:border-box;
		 z-index: 111!important;
}
#header #headerGlobal ul.open li a{
	padding: 15px;
	display:block;
  font-size: 12px;
  font-size: 1.2rem;
}
#glayLayer{
	 background: #000;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 11 !important;
}



/* ======================
　guide
====================== */
#guideWrap .mainVisual{
	position:relative;
	height: auto;
}

#guideWrap .mainVisual .linkBtn01{
	position:absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
#guideWrap .mainVisual .linkBtn01 li{
	width: 100%;
	margin-top: 0;
	margin-bottom: 3.5%;
}
#guideWrap .mainVisual .linkBtn01 li a{
	width: 84%;
	margin:0 auto;
	min-width: 1px;
}

#guideWrap .shop > dt{
	background-image: url(/matsuben-net/common/img/guide_ic007.png);
	background-repeat: no-repeat;
	background-position:97% 50%;
	background-size: 28px auto ;
}
#guideWrap .shop.open > dt{
	background-image: url(/matsuben-net/common/img/guide_ic007on.png);
}

#guideWrap .shop > dt span{
	background-repeat: no-repeat;
	background-position:12px 50%;
	background-size: 28px auto ;
}
#guideWrap .shop > dt.one span{
	background-image: url(/matsuben-net/common/img/guide_ic001sp.png);
}
#guideWrap .shop > dt.two span{
	background-image: url(/matsuben-net/common/img/guide_ic002sp.png);
}
#guideWrap .shop > dt.three span{
	background-image: url(/matsuben-net/common/img/guide_ic003sp.png);
}
#guideWrap .shop > dt.four span{
	background-image: url(/matsuben-net/common/img/guide_ic004sp.png);
}
#guideWrap .shop > dt.five span{
	background-image: url(/matsuben-net/common/img/guide_ic005sp.png);
}
#guideWrap .shop > dt.six span{
	background-image: url(/matsuben-net/common/img/guide_ic006sp.png);
}
.sp #guideWrap .shop > dd{
	letter-spacing:normal;
	padding: 13px 2.8%;
	display:none;
}
/*.sp #guideWrap > .shop.open > dd{
	display:block;
}*/

#guideWrap .shop > dd .guideFlow dt{
	background: url(/matsuben-net/common/img/com_ic027.png) no-repeat 0 0.3em;
	border: none;
	font-weight: bold;
	color:#000;
	display:block;
	padding: 0 0 0 17px;
	width: 100%;
	text-align:left;
}
#guideWrap .shop > dd .guideFlow dd{
	width: 100%;
	margin-bottom: 1em;
}

#guideWrap .shop > dd .coltwo{
}
#guideWrap .shop > dd .coltwo .left{
	width: auto;
	float: none;
	margin-right: 0;
}
#guideWrap .shop > dd .coltwo .left p{
	margin-bottom: 1em;
}
#guideWrap .shop > dd .coltwo .left p img{
	width:100% !important;
}


#guideWrap .shop > dd .coltwo .right{
	width: auto;
	float: none;
	margin-top: 1em;
}
#guideWrap .shop > dd .coltwo .right p{
	text-align:center;
}
/*#guideWrap .shop > dd .coltwo .right p img{
		width:100% !important;
}*/
#guideWrap .shop > dd .mtNegative li{
	margin-top: 1em;
}

#guideWrap .shop .note.type02 li{
	margin-top: 1em;
}

#guideWrap .shop > dd .coltwo.type02{
}
#guideWrap .shop > dd .coltwo.type02 .left{
	margin-right: 0;
/*	width:100% !important;*/
}

#guideWrap .shop > dd .coltwo.type02 .left p{
	margin-bottom: 0;
		text-align:center
}
/*#guideWrap .shop > dd .coltwo.type02 .left p img{
		width:100% !important;
}
*/

#guideWrap .shop > dd .coltwo.type02 .right{
	float:none;
	display:inline-block;
	width:100% !important;
}

/*#guideWrap .shop > dd .coltwo.type02 .left p img{
		width:100% !important;
}*/

#guideWrap  .btWrap {
	margin-top: 30px;
    background-color: #fff8e1;
    padding: 10px 0;
}
#guideWrap .heading3{
	border-bottom: #e1e1e1 solid 1px;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}

/* iframe
------------------------------------------ */
.kiyakuWrap{
	width: 99%;
	height:150px;
	overflow:scroll;
	-webkit-overflow-scrolling:touch;
}
.kiyakuWrap .kiyaku{
	overflow-x : hidden;
}

.note{
  font-size: 12px;
  font-size: 1.2rem;
}

.payment fieldset div {
	flex-direction: column;
	align-items: flex-start;
}

.payment fieldset label {
	text-align: left;
	width: auto;
}

.payment fieldset input, textarea {
	width: 90%;
	font-size: 16px;
	font-size: 1.6rem;
}

.payment .invalid {
	padding-left: 0px;
	margin-top: -10px;
	color: red;
}
.payment .expirationDate label{
	display: block;
	float: left;
	text-align: left;
	width: auto;
}

.payment > .cardTable > table  {
	border-collapse: collapse;
	border: 1px solid #ccc;
	line-height: 2.0;
	height: auto;
	font-size: 0.8em;
}

.payment .modal{
	display: none;
	height: 100vh;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 1001;
}
.payment .modal__bg{
	background: rgba(0,0,0,0.5);
	height: 100vh;
	position: absolute;
	width: 100%;
	z-index: 1001;
	margin-left:-10px;
}
.payment .modal__content{
	background: #fff;
	left: 50%;
	padding: 20px;
	position: absolute;
	top: 40%;
	transform: translate(-50%,-50%);
	width: 220px;
	font-size:1.2em;
	z-index: 1002;
}

.payment .modalBtn li{
padding-bottom:10px
}

.payment .modalClose ,.payment .modalYes{
	position:relative;
	display: block;
	padding: 15px 20px;	
	zoom: 1;/* IE8 IE9 */
	background: linear-gradient(to bottom, #ea571e, #d54f1b);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing:border-box;
	color:#ffffff;
	text-align: center;
}

.payment .modalNo{
	position:relative;
	display: block;
	padding: 15px 20px;
	background: white;	
	zoom: 1;/* IE8 IE9 */	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	box-sizing:border-box;
	color:black;
	text-align: center;
	border-color:black;
	border-width:1px;
	box-shadow:0 0 2px;
	border: #e6e6e6 solid 1px;
}
.payment .cardLogo {
	width: 250px;
}
.payment .codePayLogo {
	width: 35%;
	padding-left: 3% !important;
}

.payment .codePayLogoR {
	width: 40%;
	padding-left: 3% !important;
}

.payment .cardTable .cardTableTr{
	display: table-row;		
	height:70px;
}

.payment .NonCardHolder{
	vertical-align: middle;
    padding: 2px 5px 2px 5px;
    color: black;
    background: rgb(255, 136, 0, 0.8);
	font-weight: bold;
	font-size: x-small;
}

.counter_sticker{
    width: 25%;
    height: 25%;
}
.park_order_sticker{
    width: 18%;
    height: 18%;
    padding-top: 10px;
    padding-left: 20px;
}
.seatnumberFlex{
  padding: 2.5% 0;
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  /* height:80px; */
  position:relative;
  
}

#seatnumberArea > .input{
    padding-top: 5%;
}

/* ======================
　login
====================== */
#login .selectAutoLogin{
	text-align:right;	
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#login .selectAutoLogin p{
	width: 100%;
	margin-top: auto;
	margin-bottom: auto;
	margin-right:2px;
}
#login .selectAutoLogin input[type="checkbox"]{
	margin-left: 20px;
}

  /* menu */
  .menuWrapper #main {
    padding-bottom: 1rem;
  }
  .menuWrapper .menuDetail {
    padding: 0px;
  }
  .menuWrapper .menuDetail .col {
	display: table;
  }


  /* item */
  .itemDialogWrapper .heading2 {
    padding-left: 0px;
  }
  .itemDialogWrapper .itemBody {
    padding-left: 10px;
    padding-right: 10px;
  }
  .itemDialogWrapper .itemBody .col .imageWrapper {
    padding-top: 10px;
  }
  .itemDialogWrapper .itemBody .col .imageWrapper figure {
    width: 100%;
  }
  .itemDialogWrapper .itemBody .col .imageWrapper figure img {
    min-width: 160px;
    min-height: 120px;
    max-width: 240px;
    max-height: 180px;
  }
  .itemDialogWrapper .itemBody .col1to2 {
    margin-top: 0;
  }
  .itemDialogWrapper .itemBody .shopName {
    padding-bottom: 10px;
  }
  .itemDialogWrapper .total {
    padding-bottom: 10px;
  }
  .itemDialogWrapper .total .price {
	float: left;
    text-align: center;
    padding: 15px 10px;
    width: calc(100% - 21px);
    height: 30px;
  }
  .itemDialogWrapper .total .cart {
	float: left;
    text-align: center;
    padding: 0px 10px 10px 10px;
    width: calc(100% - 21px);
  }
  .itemMessageDialogWrapper .loading {
	width: 50px;
	height: 50px;
  }

  .menu-arrow{
    z-index: 100;
    display: flex;
    pointer-events: none;
    align-items: center;
    justify-content: space-between;
    top: 50vh;
    position: fixed;
    width: 100%;
    padding-left: 0px;
    margin-left: -10px;
  }	


.pointhistoryReward .info{
	flex-direction: column;
}
.pointhistoryReward .info .icon{
	border: none;
	width: 100%;
}

.pointhistoryReward .info .border{
	border: 1px dashed #AAAAAA;
	margin: 24px 0px;
	width: 100%;
}
.pointhistoryReward .info .point{
	width: 100%;
}
.pointhistoryReward .info .point .nextStage{
	padding:0;
}
.pointhistoryReward .info .point .usablePoints{	
	width:100%;
	padding:0;
	justify-content: space-evenly;
}




}

@media only screen and (max-width: 320px) {
#header #headerLogo {
	width: 90px;
  }
  }