@import url('https://fonts.googleapis.com/css?family=M+PLUS+1p|Noto+Sans+JP&display=swap');
@charset "utf-8";
/* @group reset */
*{ margin: 0; padding: 0; }

html,body {
	color: #333;
	font-size: 13px; 
	font-family: "Meiryo UI","ＭＳ Ｐゴシック",verdana, arial, sans-serif;
	/*font-family: "ＭＳ Ｐゴシック",verdana, arial, sans-serif;*/
	line-height : 1.5em;
}

header, footer, nav, article, aside { display: block; margin: 0; padding: 0; }

body { -webkit-text-size-adjust: none; background: #fff; }
h1,h2,h3,h4,h5 { font-size: 13px; }
img { border: 0px; margin: 0px; padding: 0px; }
ul { margin: 0px; padding: 0px; list-style: none; }
a { text-decoration: none; }
a:hover { text-decoration: none; }
a:visited { color: #00f; }
em { font-style: normal; font-weight: bold; }

p { line-height : 1.5em; margin-bottom: 1em; }

/* スマートフォン */

#fullListClone { display: none; }

#wrapper { overflow: hidden; height: 100%;  }
#headerImagesBox { display: none; }

.headerBtn {
	-webkit-box-shadow: 1px 2px 3px #ccc, -1px -1px 3px #ccc;
	-moz-box-shadow: 1px 2px 3px #ccc, -1px -1px 3px #ccc; 
	-o-box-shadow: 1px 2px 3px #ccc, -1px -1px 3px #ccc;
	-ms-box-shadow: 1px 2px 3px #ccc, -1px -1px 3px #ccc; 
	box-shadow: 1px 2px 3px #ccc, -1px -1px 3px #ccc;
	border-radius: 3px;
}

h1 {
	margin-bottom: 1em;
	padding: 1em 0px;
	border-top: 4px solid #aaa;
	border-bottom: 1px solid #aaa;
	line-height: 1.5em;
	height: auto;
	display: block;
	-webkit-font-smoothing: antialiased;
}
#h1Title {
	font-size: 112%;
	color: #333;
	line-height: 1.5em;
	height: auto;
	display: block;
	-webkit-font-smoothing: antialiased;
}


.btnBackLink{
	width: 45%;
	display: block; 
	margin: 13px 0px;
	padding: 4px 0px;
	border-radius: 4px; border: 1px solid #aaa;
	padding:0px; text-align: center; 
	text-shadow: 1px 1px 1px #fff;
}

#bannerBox, #bannerBox2, .navBox { display: none; }

#localNav { margin-top: 1em; display: none; }

footer {
	margin-top: 2em;
	background: #0e2f65;

	text-align: center;
}

footer #fullList { display: none; }

.alignCenter { text-align: center; }
.alignLeft { text-align: left; }
.alignRight { text-align: right; }

.marginTopBottom { display: inline-block; margin: 16px 0px; }

.floatClear { overflow: hidden; position: relative; zoom:1; }

.clearfix:before,.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both;}
.clearfix{ *zoom: 1;}

.floatLeft { float: left; }
.floatRight { float: right; }
.imgFloatLeft { float: left; }
.imgFloatRight { float: right; }

.anNote { text-indent: -13px; margin-left: 26px; }
.caution { color: #f00; font-weight: bold; }

#main h2 {
	margin: 1em 0px;
	font-size: 14px;
	border-left: 8px solid #333;
	padding-left: 6px;
	vertical-align: bottom;
	-webkit-font-smoothing: antialiased;
}
#main h2.fWeightNormal{ font-weight: normal; }
#main h2.circleGreen { border-left: 8px solid #76c4a5; }
#main h2.heartRed { border-left: 8px solid #ea5350; }
#main h2.starBlue { border-left: 8px solid #708fc9; }
#main h2.f16px { font-size: 16px; line-height: 21px; }
#main h2.f18px { font-size: 18px; line-height: 23px; }
#main h2.f20px { font-size: 20px; line-height: 25px; }
#main h2.f22px { font-size: 22px; line-height: 27px; }
#main h2.f24px { font-size: 24px; line-height: 29px; }
#main h2.f26px { font-size: 26px; line-height: 31px; }
#main h2.f28px { font-size: 28px; line-height: 33px; }
#main h2.f30px { font-size: 30px; line-height: 35px; }
#main h2.f32px { font-size: 32px; line-height: 37px; }

#main h3 { margin: 0.5em 0px; border-bottom: 1px solid #aaa; }
#main h3.indent { margin-left: 1em; }
#main p { margin-bottom: 1em; }
#main p.indent { margin-left: 1em; }

#main ul{ margin: 1em 0 1em 2em; list-style: none outside; }
#main i { text-decration: none; color: #f00; }

.bdrRdus4 {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

img.bannerImg {
	padding: 3px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 1px 1px 2px #ccc;
}

img.bannerImg:hover {
	border: 1px solid #7d7dff;
	box-shadow: 1px 1px 3px #aaa;
}

a.banner {
	display: block;
	margin-bottom: 8px;
	padding: 0px;
	border-radius: 4px;
}
a.banner img { vertical-align: bottom; border-radius: 6px; }

/* ----  a.btn ----- */

a.btn { 
	position: relative;
	display: block; height: 2.8em; line-height: 2.8em; 
	text-align: center; text-decoration: none;
	cursor: pointer; font-weight: 600;
	opacity: 0.95;
	/* box-sizing: border-box; */
}

/* ボタンの縦幅は 文字列の高さ= 1.5em * 行数 + 上下余白=2em */

a.btn2stg{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 5em; line-height: 1.5em; 
	vertical-align: middle;
}

a.btn:hover, a.btn:active{ opacity: 1.0; }

.textEdgeWhite{ text-shadow: -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff,  0-1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff; }
.textEdgeBlack{ text-shadow: -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000; }

.btnShadow { box-shadow: 0px 3px 2px #aaa; }

/* ----  ------ ----- */


.tableBox { overflow-x: scroll; }
.btnBox {
	width: 75%;
	text-align: center;
	padding: 1em 0px;
	margin: 1em 0px;
	margin: 0px auto;
}
.btnBox img{ width: 100%; }

/* TABLE基本指定 */
table {
	width:670px;
	margin:0 auto;
	border-collapse: collapse;
	border: 1px solid #ddd;
}
th,td { vertical-align:top; }
th {
	padding:4px 4px 2px 4px;
	background:#ddd;
	font-size:13px;
	text-align:center;
	border-right:1px solid #fff;
}
td {
	padding:4px 4px 2px 6px;
	font-size:13px;
	border:1px solid #ddd;
	vertical-align:middle;
}
th { color: #000; }
th { background: #ccc; }

.green { font-weight: bold; color: green; }
.red { font-weight: bold; color: red; }

.genelicBtn {
	display: block;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #ccc;
	margin: 1em 0;
	color: #333;
	cursor: pointer;
}
.genelicBtn:hover {
	border: 1px solid #999;
	color: #00f;
}
.genelicBtn span {
	color: #333; font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
	display: block; margin: 2px;
	height: 2em; line-height: 2em;
	border-radius: 4px; padding: 2px; text-align: center;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E0E0E0));
	background: -webkit-linear-gradient(#FFFFFF, #E0E0E0);
	background: -moz-linear-gradient(#FFFFFF, #E0E0E0);
	background: -ms-linear-gradient(#FFFFFF, #E0E0E0);
	background: -o-linear-gradient(#FFFFFF, #E0E0E0);
	background: linear-gradient(#FFFFFF, #E0E0E0);
}
.genelicBtn span:hover { color: #00f; }
.genelicBtn span:active {
	border-radius: 4px; padding: 2px; text-align: center;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E0E0E0), to(#fff));
	background: -webkit-linear-gradient(#E0E0E0, #fff);
	background: -moz-linear-gradient(#E0E0E0, #fff);
	background: -ms-linear-gradient(#E0E0E0, #fff);
	background: -o-linear-gradient(#E0E0E0, #fff);
	background: linear-gradient(#E0E0E0, #fff);
}

#tp { display: none; }
#toTopBtn {
	position: fixed;
	bottom: 8px;
	right: 8px;
	opacity: 0;
	cursor: pointer;
	z-index: 200;
}
.btnOpacityTrns {
	-webkit-transition: opacity 0.3s ease-out 0, ;
	-moz-transition: opacity 0.3s ease-out 0;
	-o-transition: opacity 0.3s ease-out 0;
	transition: opacity 0.3s ease-out 0;
}
.btnOpacityTrns:hover { opacity: 0.85; }


/* レフトナビ部分(nav.css) ----------*/
header .gNavItem { 	
	dispaly: block; position: relative;
	font-size: 13px;
	line-height: 1.5em;
	border-top: 1px solid #fff; border-bottom: 1px solid #aaa; 
}

header #gNavTitlePanel { 
	dispaly: block; position: relative;
	font-size: 13px;
	font-weight: bold;
	padding: 8px 0px 8px 8px;
	color: #fff; 
	line-height: 1em;	
	background: -webkit-linear-gradient(top, #eb9800 0%, #ffa500 50%, #ffb200 98%);
	background: -moz-linear-gradient(top, #eb9800 0%, #ffa500 50%, #ffb200 98%);
	background: -o-linear-gradient(top, #eb9800 0%, #ffa500 50%, #ffb200 98%);
	background: -ms-linear-gradient(top, #eb9800 0%, #ffa500 50%, #ffb200 98%);
	background: linear-gradient(top, #eb9800 0%, #ffa500 50%, #ffb200 98%);
}

header a.gNavBtn { 
	display: block; 
	font-size: 13px;
	color: #000; text-shadow: 0px 1px 1px #fff;
	padding: 8px 0px 8px 8px;
	background: #efefef;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from( #efefef ), to( #fefefe ));
	background: -webkit-linear-gradient( #efefef, #fefefe );
	background: -moz-linear-gradient( #efefef, #fefefe );
	background: -ms-linear-gradient( #efefef, #fefefe );
	background: -o-linear-gradient( #efefef, #fefefe );
	background: linear-gradient( #efefef, #fefefe );
}

header a.gNavBtn:before { 
	content: "\e600";
	margin-right: 6px;
	font-family: 'wfNavIcon';
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header .subOpenBtn, header .gNavCloseBtn {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	margin: 0px;
	padding: 8px 0px;
	width: 48px; 
	border-left: 1px solid #fff;
	text-align: center; 
	font-family: 'wfNavIcon';
	font-weight: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

header .iconPlus:before { color: #000; content: "\e60c"; }
header .iconMinus:before { color: #000; content: "\e60d"; }
header .gNavCloseBtn:before { content: "\e614"; }

header .navPlate { 
	display: none; background: #fff; 
	box-shadow: 1px 1px 1px #aaa;
}

header .navPlate ul { padding: 1em; line-height: 1.8em;}
header .navPlate ul li { display: inline-block; }
header ul.shopSub { padding: 0.5em 0 0.5em 1em;}

header .shopListItem {
	display: inline-block;
	font-size: 13px;
	line-height: 1.5em !important;
}

header .shopListItem a,header .shopListItem a:visited{
	color: #333;
}

#navPlateShop h3{ display:none; }
#navPlateCorp h2 {
	font-size: 13px;
	font-weight: normal;
	border-bottom: 1px dashed #aaa;
	padding: 4px 0px 4px 2em;
	line-height: 1.5em;
}

#navPlateCorp h2 a, #navPlateCorp h2 a:visited{
	display:block;
	text-align: left;
	color: #333;
}

#navPlateCorp h2:last-of-type {border: none;}

#navPlateCorp .genelicList {
	display:none;
}

/* ヘッダー部分(header.css) ----------*/
header { 
	position: relative; 
	text-align: center;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
header img#headerLogo { 
	padding: 2px; background: #fff;
	box-shadow: 1px 2px 3px #ccc, -1px -1px 3px #ccc; border-radius: 3px;
}
header img#headerLogoIE { display: none; }
header #globalNav {
	display: block; position: absolute; z-index: 10;
	text-align: left;
	width: 100%;
	background: #fff;
}
header #shopSearchBtn { 
	z-index: 5;
	display: inline-block;
	position: absolute;
	box-shadow: 1px 2px 3px #ccc, -1px -1px 3px #ccc; 
	border-radius: 4px;
	background: #002d75;	
}
header #shopSearchBtn a { 
	display:inline-block; color: #fff; 
	text-shadow: 0px -1px #000;
	font-size: 90%;
	padding: 6px; border: 2px solid #fff; 
	background: #00489d; height: 1.5em; line-height: 1.5em;
	border-radius: 4px;	
	background: -webkit-linear-gradient(top, rgba(38,95,185,0.5) 0%, rgba(74,125,207,0.5) 50%, rgba(19,72,157,0.5)  98%);
}
header #shopSearchBtn:hover { background: #2363c9; }
header #shopSearchBtn a:hover, header #shopSearchBtn a:visited:, header #shopSearchBtn a:active { color: #fff; }
header #navOpenBtn {
	cursor: pointer;
	z-index: 5;
	position: absolute;
	right: 3%;
}
header #navOpenBtn img { vertical-align: bottom; }
header #navOpenBtn span {
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 15px;
	padding: 8px;
	border: 2px solid #fff; 
	background: #bcdeff;
	height: 1.0em;
	line-height: 1.0em;
	border-radius: 6px;
	text-shadow: 0px -1px 1px #cc7834;
	vertical-align: bottom;
	background: -webkit-linear-gradient(top, #ffb200 0%, #ffa500 50%, #eb9800 98%);
	background: -moz-linear-gradient(top, #a9d5fe 0%, #cde6fe 50%, #89c6ff 98%);
	background: -o-linear-gradient(top, #a9d5fe 0%, #cde6fe 50%, #89c6ff 98%);
	background: -ms-linear-gradient(top, #a9d5fe 0%, #cde6fe 50%, #89c6ff 98%);
	background: linear-gradient(top, #ffb44e 0%, #ff9641 50%, #cc7834 98%);
}
.headerIcon { width: 15px; height: 15px; vertical-align: middle; }


/* 三角アイコン部分(tig.css) ----------*/
@font-face {
	font-family: 'wfNavIcon';
	src:url('/shared/font/wfNavIcon.eot');
	src:url('/shared/font/wfNavIcon.eot?#iefix') format('embedded-opentype'),
		url('/shared/font/wfNavIcon.ttf') format('truetype'),
		url('/shared/font/wfNavIcon.woff') format('woff'),
		url('/shared/font/wfNavIcon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
.link:after, .link-popup:after, .sLinkArw:after {
	font-family: 'wfNavIcon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.link:after, .sLinkArw:after {
	display: inline-block;
	position: absolute; right: 13px;
	margin: 0px; padding: 0px;
	vertical-align: middle;
}
.sLinkArw:after { content: "\e602";}
.frame {
	border: 1px solid #aaa; border-radius: 4px;
	box-shadow: 0px 0px 3px #ccc;
}
.fontRed { color: red; }
.fontBold { font-weight: bold;}
.icon13 {
	display: inline-block;
	width: 13px; height: 13px;
	vertical-align: middle;
}
.icon {
	display: inline-block;
	width: 15px; height: 15px;
	vertical-align: middle;
}
.navListIcon { 
	display: inline-block; 
	width: 13px; height: 13px; 
	background:url(/shared/images/linkIcon.gif) no-repeat;
	vertical-align: middle;
}
.dtarw { background-position: 0px -15px;}
.dtarwOrange { background-position: -30px -15px;}
.triUp { background-position: -75px -15px; }
.triBack { background-position: -90px -15px; }
li{
	-webkit-transition: background 0.2s ease-out 0;
	-moz-transition: background 0.2s ease-out 0;
	-o-transition: background 0.2s ease-out 0;
	transition: background 0.2s ease-out 0;
}
.trns {
	-webkit-transition: all 0.3s ease-out 0;
	-moz-transition: all 0.3s ease-out 0;
	-o-transition: all 0.3s ease-out 0;
	transition: all 0.3s ease-out 0;
}
.bgTrns {
	-webkit-transition: background 0.2s ease-out 0;
	-moz-transition: background 0.2s ease-out 0;
	-o-transition: background 0.2s ease-out 0;
	transition: background 0.2s ease-out 0;
}
.mvTrans {
	-webkit-transition: -webkit-transform 0.5s linear;
	-moz-transition: -moz-transform 0.5s linear 0;
	-o-transition: -o-transform  0.5s linear 0;
	transition: transform  0.5s linear 0;
}


/* マトリックスフレーム部分(matrixFrame.css) ----------*/
ul#matrixFrame {
	display: block;
	margin: 13px 2px 0 2px;
	border-radius: 4px;
	border: 1px solid #aaa;
	box-shadow: 0px 2px 2px #aaa;
}
ul#matrixFrame li {
	display: inline-block;
	margin: 0;
	width: 100%;
	position: relative;
}
ul#matrixFrame li:hover { background-color:#fff8d9; }
ul#matrixFrame li a {
	display: block;
	border-bottom: 1px solid #aaa;
	padding: 8px 0 13px 8px;
}
ul#matrixFrame li a span.thumbnail {
	display: inline-block;
	border-radius: 4px;
	border: 2px solid #fff;
	box-shadow: 1px 1px 2px #555 inset;
	float: left;
}
ul#matrixFrame li a span.infoBox {
	display: inline-block;
	line-height: 1em;
	height: 1em;
	position: relative;
	top:-7px; left:5px;
}
ul#matrixFrame li a span.infoBox .icon { display: none; }
ul#matrixFrame li.empty { display: none; }
ul#matrixFrame li a span.exNote { font-size: 85%; }


/* イメージフレームボックス部分(fromCmsIframe.css) ----------*/

#columnsWrapper { margin-bottom: 1em; padding: 0 2%;}
.textFrameBox {
	margin-bottom: 1em;
	padding: 1em 1em 0em 1em;
	text-align: left;
}
.imageFrameBox {
	margin-bottom: 1em;
	padding: 1em 1em 1em 1em;
	text-align: left;
}
.percent_29, .percent_38, .percent_42, .percent_58, .percent_62 { width: 100%;}
.textFrameBox,.imageFrameBox {
	margin-bottom: 13px;
	padding: 13px;
	text-align: left;
}
.imageBox img, .imageFrameBox img { margin-bottom: 1em; }
.alignCenter { text-align: center; }
.alignRight{ text-align: right; }
.frameLink { cursor: pointer; }
.frameLink:hover { color: #00f; background: #fffceb; }


/* PDF部分(pdf.css) ----------*/
#main .pdfBox {
	font-family: Meiryo UI, verdana, arial, sans-serif;
	border: 1px solid #aaa;
	border-radius: 5px;
	margin: 1em 0;
	padding: 0;
}
#main .pdfBox h2 {
	padding-left: 0px;
	display: block;
	background: #fff;
	margin: 0;
	border-left: none;
	border-bottom: 1px solid #aaa;
}
#main .pdfBox h2 div {
	margin: 1px;
	color: #fff;
	background-color: #7188af;
	border-radius: 3px;
	text-align: center;
	padding: 0.5em 0;
}
#main .pdfBox a {
	color: #333;
	display: block;
	padding: 0.5em 0.5em 0.5em 56px;
	background: url(/shared/images/pdficon.gif) 10px 10px no-repeat;
	min-height: 42px;
}
#main .pdfBox a:hover {
	color: #00f;
	background-color: #fff8d9;
	text-shadow: 0px 1px 1px #fff;
}
#main .pdfBox p {
	display: table-cell;
	height: 42px;
	vertical-align: middle;
}
#main .pdfBox p span { display: inline-block; }


/* エフスタイル部分(fstyle.css) ----------*/

.itemBox { width: 100%; margin: 0; }
.itemImageBox {width: 100%;text-align: center; }
.itemImageWrapper {margin-bottom: 1em;}
.itemImageWrapper img, .listItemBox img { border-radius: 5px; border: 1px solid #c5c5c5; }
.itemName { background: #fe9110; border-radius: 4px; border: 1px solid #fe9110; margin-bottom: 1em;}
.itemName h2 { display: block; font-size: 16px !important; font-weight: normal !important; color: #fff; margin: 0.5em !important; border-left: 8px solid #ffbb44 !important; text-shadow: 0px -1px 1px #666;}
#saleDate { margin: 0 0 0.5em 0; color: #ff0000; font-weight: bold; text-align: right; font-size: 13px;}

table.itemDescriptionTable { width: 100%; border: none; margin-bottom: 1em; border-collapse: separate;
	border-spacing: 2px}
table.itemDescriptionTable td { border: none; vertical-align: middle;}
table.itemDescriptionTable td.tdh { width: 82px;}
.note { font-size: 12px; margin: 5px 0 5px 10px; line-height: 1.3em; text-indent: -12px; }
.linkBox, .property { display: none; }
#main h3.listBoxTitle { color: #ed8000; margin: 0.5em 0px; padding-left: 8px ; border-left: solid 8px #fe9110; border-bottom: none; font-size: 14px;}

.rightMgn { margin-right: 10px; }
.bottomMgn { margin-bottom: 0px; }
.listItemBox { 
	display: block; padding: 5px 0 5px 5px; 
	background: -moz-linear-gradient(top, #fcfcfc, #ddd ); background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ddd)); 
	color: #333 !important; 
	border-bottom: 1px solid #ccc; border-top: 1px solid #eee; 
}

.listItemBox .nameOutside{ display:none;}

.listItemThumbnail { width: 48px; height: 48px;}
.kantouAreaLimited { display: inline-block; background: #f00; color: #fff; padding: 1px 3px; border-radius: 3px;}
.listItemBox .kantouAreaLimited{ font-size: 8px; padding: 1px;line--height: 1em;}

.listItemCaption{ display: block; margin-left: 60px;}

#inquiryBtnBox { margin: 0 auto 1em auto; width: 120px; box-sizing: border-box; border: 1px solid #ccc; border-radius: 4px;}
#inquiryBtnBox a,#inquiryBtnBox a:visited { display: block; margin: 2px; padding: 4px; color: #fff; text-align: center; text-shadow: 0px -1px 1px #EF4700;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9c667), color-stop(100%,#f79621)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%); /* W3C */
border-radius: 4px;
}


/* ▼スマホ用サイトマップ▼ ----------*/

#siteMapBtn { background-color: #0e2f65; color: #fff; padding: 8px; margin: 1.5em 0 0 0; text-align: center; border-bottom: 1px solid #555; }
#siteMapBtn { color: #fff; font-size: 15px; }
footer { margin-top: 0; }
#siteMapBtn .navListIcon {
display: inline-block;
width: 19px;
height: 19px;
background: url(/sharedMaster/images/linkIcon-sp.gif) no-repeat;
background-position: 0px 0px;
vertical-align: middle;
padding-right: 5px;
}

/* ----------*/
footer { margin-top: 0; }
footer nav:first-child { margin-top: 10px; }
footer #fullList { display: none; text-align: left; background: #fff; padding: 0 8px; }
footer #fullList h2 { margin: 0; font-size: 100%; }
footer #fullList h2 a { display: block; border: 1px solid #888; border-radius: 3px; width: 96%; padding: 8px 3px 7px 8px; height: 13px; line-height: 13px; }
footer #fullList h2 a:hover,footer #fullList li a:hover, footer #fullList span:hover{ color: #000; }
footer #fullList a { color: #000; }
footer #fullList ul { margin-bottom: 0.5em; }
footer #fullList li { margin-left: 5px; border-bottom: none; }
footer #fullList .listSection { display: block; float:none; }
footer .navListIcon { width: 13px; height: 13px; }

footer #fullList h2 span.navListIcon { float: right; background-position: 0px 0px;}
footer #fullList li div.navListIcon { background-position: 0px -26px;}
footer #fullList .plusSub .navListIcon { background-position: 0px -39px; cursor: pointer; }

footer #fullList h3.genelicTitle { font-weight: normal; font-size: 13px; line-height: 1.5em; }

footer .level2 { display: none; }
footer #fullList ul li ul li { display: inline; }
footer #fullList ul li ul.shopSub li { margin: 0px; font-size: 13px; line-height: 1.5em; }
footer #fullList ul li ul.shopSub li span.navListIcon { width: 10px; background-position: 0px -26px; }
footer #fullList a.outSite span.navListIcon { background-position: 0px -65px; }

footer #fullList .corpListItem { font-size: 13px; line-height: 1.5em; padding: 0;}


footer #fullList .listSectionLast { display: none; }

footer #fullList #shop .genelicTitle .navListIcon {
display: inline-block;
width: 19px;
height: 19px;
background: url(/sharedimages/linkIcon-sp.gif) no-repeat;
background-position: 0px 0px;
vertical-align: middle;
padding-right: 5px;
}

footer #fullList li.shopListItem { margin: 0; padding: 0; }

/* ▲スマホ用サイトマップ▲ ----------*/

@media print, screen and (min-width : 669px) {

/* イメージフレームボックス部分(fromCmsIframe.css) ----------*/
.imageBox img, .imageFrameBox img { margin-bottom: 0em;}

.percent_29 { width: 29%;} .leftMgn_29 { margin-left: 29%;} .rightMgn_29 { margin-right: 29%;}
.percent_38{ width: 38%;} .leftMgn_38 { margin-left: 38%;} .rightMgn_38 { margin-right: 38%;} 
.percent_42{ width: 42%;}.leftMgn_42 { margin-left: 42%;} .rightMgn_42 { margin-right: 42%;} 
.percent_58{ width: 58%;}.leftMgn_58 { margin-left: 58%;} .rightMgn_58 { margin-right: 58%;} 
.percent_62{ width: 62%;}.leftMgn_62 { margin-left: 62%;} .rightMgn_62 { margin-right: 62%;} 

.leftMgn { margin-left : 1em;}
.rightMgn { margin-right: 1em;}
.bottomMgn { margin-bottom : 0.5em !important;}
.tableBox { overflow: hidden; }

/* ----  a.btn ----- */

a.btn2stg{ height: 3.8em; line-height: 3.8em; }
br.rspnsv { display: none; }

}


/* TAB,PAD系 ---------------------------------------------------------- */
/* -------------------------------------------------------------------- */


@media print, screen and (min-width : 768px) {

header {
	width:100%;
	margin:0px;
	padding: 0px;
	background: none;
	position: relative;
}
#tp {
	display: block;
	margin: 0px 8px 13px 3%;
	font-family: Meiryo UI,verdana, arial, sans-serif;
}
.btnAlignCenter {
	display: inline-block;
	border: 1px solid #000;
	margin: 12px auto 12px auto;
}
.indent { margin-left: 1em; }
.tableBox { overflow-x: auto; }
.btnBox img { width: 486px; height: auto; }

#columnsWrapper{ width: 100%; padding: 0 3%; box-sizing:border-box; min-height: 0px;}


/* TABLE基本指定 */
table { width:100%; }

/* ヘッダー部分(header.css) ----------*/
header { background: none; }
header img#headerLogo { position: absolute; z-index: 3; }
#headerImagesBox { display: block; }
header img#monthlyImage, header img#shopColorSignBar {
	width: 100%;
	height: auto;
	vertical-align: bottom;  
}
header #header #shopSearchBtn { min-width: 104px; }


/* 三角アイコン部分(tig.css) ----------*/
.link:after, .sLinkArw:after { display: none;}

.pIconOrangeTri:before{
	content: "";
	width: 13px; padding-left: 13px;
	background: url(/shared/images/icon.png) no-repeat;
	background-position: -30px -15px;
	vertical-align: middle;
}

.pIconGrayTri:before{
	content: "";
	width: 13px; padding-left: 13px;
	background: url(/shared/images/icon.png) no-repeat;
	background-position: 0px -15px;

}


/* マトリックスフレーム部分(matrixFrame.css) ----------*/
ul#matrixFrame {
	font-size: 100%;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	border-left: none;
	border-bottom: none;
}
ul#matrixFrame li {
	width: 25%;
	float: left;
	position: static;
}
ul#matrixFrame li a {
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: none;
	border-top: none;
	padding: 13px;
}
ul#matrixFrame li a span.thumbnail { float: none; }
ul#matrixFrame li a span.infoBox {
	display: inline-block;
	line-height: 1em;
	height: 1em;
	width: 100%;
	text-align: left;
	position: static;
}
ul#matrixFrame li a span.infoBox .icon {
	display: inline-block;
	position: static;
}


/* エフスタイル部分(fstyle.css) ----------*/
.itemBox { width: 100%; margin: 0; }
.itemBox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.itemBox { display: inline-table; }
/*\*/
* html .itemBox { height: 1%; }
.itemBox { display: block; }
/**/

.itemImageBox { width:40%; float: left; /*¥*/ _display: inline; /**/ }
.itemInfoBox { width:58%; float: right; /*¥*/ _display: inline; /**/ }
table.itemDescriptionTable { font-size: 13px; border:none; }
table.itemDescriptionTable td.rice-type { vertical-align: top; }
table.itemDescriptionTable div.allergy { font-size: 13px; line-height: 1.2em; padding-top: 5px; padding-left: 16px; }
.note { margin-left:13px; line-height: 1.5em; text-indent: -12px;}
.linkBox, .property { display: block;padding: 0.5em 0px;}
.linkBox { margin: 0.5em 0px;}
.backLink { float: left; margin: 0; font-size: 13px; }
.nextLink { float: right; margin: 0; font-size: 13px; }
.listBox { padding: 1em 0px ;  }
.listBox .property{ font-size: 13px; }
.property { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.listItemCaption {
	display: inline;
	margin: 4px 0 0 0;
	padding: 0px;
	font-size: 12px;
	line-height: 1.2em;
}
.listItemBox {
	float: left;
	width: 48%;
	background: none;
	border-top: none;
	border-bottom: 1px dashed #aaa;
	padding: 1em 1em 1em 0;
}

.listItemBox .nameInside{ display:none;}
.listItemBox .nameOutside{ display:block; margin: 0px 0px 8px 0px; padding-left: 6px; overflow: hidden; border-left: 6px solid #fe9110;}

.listItemBox:hover { color: #00f !important;}
.listItemThumbnail { width: 80px; height: 80px;}

#inquiryBtnBox { display: none;}

}
/* PC ----------------------------------------------------------------- */
/* -------------------------------------------------------------------- */

@media print, screen and (min-width : 1024px) {

*body { text-align: center; }

#wrapper {
	width: 920px;
	margin: auto;
	*text-align: left;
}
#tp { width:920px; margin: 0px auto 8px auto; font-size: 12px; }
#columnsWrapper { width:920px; margin: 0px auto; }
#main { margin: 0px; padding: 0px; width:670px; float: right; }
#backLink {
	margin-top: 2em;
	font-family: Meiryo UI,verdana, arial, sans-serif;
}
.btnBackLink { width: 300px; }

#navPlateCorp .genelicList {
	display:block;
}

#columnsWrapper{ width: 100%; padding: 0;}

#localNav {
	display: block;
	margin: 0px;
	float: left;
	width:250px;
	font-family: Meiryo UI,verdana, arial, sans-serif;
}
#localNav .pageMenu { margin-bottom: 0em; }
#localNav .pageMenu ul li p{ margin-bottom: 0em; }
#localNav .shopBlock ul.subPageList{ display: none; margin-bottom: 0; }
#localNav .shopBlock h2 .subMenuOCBtn { display: none; }

#localNav .companyBlock h2 { 
	background: #4f71aa; 
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4366a1), to(#4f72ac));
	background: linear-gradient(#4366a1, #4f72ac);
	background: -webkit-linear-gradient(#4366a1, #4f72ac);
	background: -moz-linear-gradient(#4366a1, #4f72ac);
	background: -ms-linear-gradient(#4366a1, #4f72ac);
	background: -o-linear-gradient(#4366a1, #4f72ac);
	background: linear-gradient(#4366a1, #4f72ac);	
	background: linear-gradient(#4366a1, #4f72ac);
	border-top: 1px solid #7594c9; border-bottom: 1px solid #2f4f83;}
#localNav .shopBlock h2{ 
	background: #ff8f36;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FE8C30), to(#fe9643));
	background: -webkit-linear-gradient(#FE8C30, #fe9643);
	background: -moz-linear-gradient(#FE8C30, #fe9643);
	background: -ms-linear-gradient(#FE8C30, #fe9643);
	background: -o-linear-gradient(#FE8C30, #fe9643);
	background: linear-gradient(#FE8C30, #fe9643);
	border-top: 1px solid #ffbe89; border-bottom: 1px solid #da7f35;
}
#localNav .pageMenu h2 {
	display: block !important;
	width: 218px;
	height: 2em;
	line-height: 2em;
	margin: 0px;
	padding: 0.5em 0px 0.5em 10px;
}
#localNav .pageMenu h2 a, #localNav .pageMenu h2 a:visited, #localNav .pageMenu h2 a:active { 
	display: block;
	float: left;
	width: 180px;
	color: #fff;
	height: 2m;
	line-height: 2em;
}
#localNav .pageMenu h2 .subMenuOCBtn {
	color: white;
	width: 26px;
	float: right;
	text-align: center;
	cursor: pointer;
}
#localNav .pageMenu ul {
	width: 220px;
	margin-bottom: 8px;
	display: none;
}
#localNav ul.fcSubPageList { display: block; }
#localNav .pageMenu li {
	width: 228px;
	border-bottom: 1px solid #ccc;
	line-height: 1.5em;
}
#localNav .pageMenu li a {
	width: 228px;
	padding: 3px 0px;
	display: block;
	overflow: hidden;
}
#localNav .pageMenu li a:hover { background: #fffceb; }
#localNav .pageMenu li a:before { 
	content: url('/shared/images/pageMenuListMarker.gif'); 
	float: left;
	margin: 0px 4px 0px 0px;
	line-height: 1em;
}
#localNav .pageMenu li a p { overflow: hidden; }

.navBox,#localNav .imageBox { width: 228px; margin-bottom: 8px; }

#bannerBox, #bannerBox2, .navBox { display: block; }

.arwRgray {
	display: inline-block;
	float: right;
	background-position: 0px 0px;
}


/* レフトナビ部分(nav.css) ----------*/
.navListIcon {
	display: inline-block;
	background:url(/shared/images/linkIcon.png) no-repeat;
	vertical-align: middle;
}
.shopListItem {
	font-size: 14px;
	border-bottom: none;
	padding:0px;
	line-height: 1.5em;
}
#navPlateShop h3 { display:block; }
.corpListItem {
	font-size: 13px;
	border-bottom: none;
	padding: 0px;
	line-height: 1.5em;
}
#navPlateCorp h2 { font-size: 13px; line-height: 2em; border: none; }
header .gNavItem { 
	position: static;
	display: inline-block; margin-right: 8px;
	width: 144px; height: 38px; line-height:38px; text-align: center;
	background: #fff; box-shadow: 1px 2px 3px #ccc, -1px 0px 3px #ccc;
	border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; 	
	-webkit-transition: background 0.2s ease-out 0;
	-moz-transition: background 0.2s ease-out 0;
	-o-transition: background 0.2s ease-out 0;
	transition: background 0.2s ease-out 0;
}
header .gNavItem:last-child{ margin-right: 0px; }
header .gNavItem:hover { background: #ffb681;}
header .gNavBlue:hover { background: #73bbff;}
header .gNavGray:hover { background: #bbb;}
header #gNavTitlePanel,header .subOpenBtn, header a.gNavBtn:before {
	display: none;
}
header a.gNavBtn { 
	padding: 0px;
	font-size: 90%;
	display: inline-block;
	width: 140px; height: 38px; 
	border-left: 2px solid #fff; border-right: 2px solid #fff; 
	border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; 
	background: none;
	background: url(/shared/images/gNavBtn20180228.png);
} 
header #gNavTop { background-position: 3px 0px; }
header #gNavItems { background-position: -145px 0px; }
header #gNavCompany { background-position: -289px 0px; }
header #gNavIr { background-position: -436px 0px; }
header #gNavLtf { background-position: -579px 0px; }
header .navPlate {
	display: none;
	position: absolute;  z-index:10;
	top: 42px; left: 0px;
	width: 751px; 
	text-align: left; 
	border: 1px solid #aaa;
}
header .navPlateContentsWrapper { 
	background: #fff;
	line-height: 1.5em;
	box-shadow: 1px 2px 2px #aaa, -1px -1px 2px #aaa;
	padding: 13px;
	border-radius: 4px;
}
header .navPlateContentsWrapper li { display: inline-block; }
header .genelicTitle a, header .genelicList a { color: #333;}
header .genelicTitle a:hover, header .genelicList a:hover {
	color: #00f;
	text-decoration: underline;
}
header .genelicTitle {
	display:block;
	font-size: 100%;
	font-weight: bold; 
	padding: 2px 0px 2px 13px;
	line-height: 2em;
	height: 2em; 
	border-radius: 3px;
	box-shadow: 1px 1px 2px #aaa inset;
	margin-bottom: 8px;
	text-shadow: 0px 1px 2px #fff;	
	background: #e0e0e0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from( #e0e0e0 ), to( #ffffff ));
	background: -webkit-linear-gradient( #e0e0e0 , #ffffff );
	background: -moz-linear-gradient( #e0e0e0, #ffffff );
	background: -ms-linear-gradient( #e0e0e0, #ffffff );
	background: -o-linear-gradient( #e0e0e0, #ffffff );
	background: linear-gradient( #fff, #fcfcfc, #e0e0e0 );
}

header #navPlateCorp h2{ padding: 4px 1em; font-weight: bold; }

header #navPlateCorp h3{
	padding:  0px;
	box-shadow: none;
	margin-bottom: 0px;
	font-weight: normal;
	color: #333;
	background: none;
	border-bottom: 1px solid #aaa;

}

header .navPlate h3{
	padding:  0px;
	box-shadow: none;
	margin-bottom: 0px;
	font-weight: normal;
	color: #333;
	background: none;
	border-bottom: 1px solid #aaa;
}



header #navPlateCorp ul ul{ margin: 0px;}

header .genelicTitle a { display: block; }
header .genelicList {
	font-family: Meiryo UI,verdana, arial, sans-serif;
}
/*header .genelicTitle .navListIcon { display: none; }*/
header #monthlyImage { margin-top: 16px; width:840px; height:35px; }
header #shopColorSignBar { margin-bottom: 36px; width:840px; height:36px; }


/* フッター部分 ----------*/

#siteMapBtn { display: none; }
footer { margin-top: 2em; }
footer #fullList { display: none; color: #aaa; background: #0e2f65; }

footer #fullList { display: block; text-align: left; padding: 0; }
footer .aTitle, h2 { border-bottom: none; }
footer #fullList h2 { margin-bottom: 0.5em; font-size: 100%; }
footer #fullList h2 a {
	display: block;
	border: 1px solid #888;
	border-radius: 3px;
	width: 156px;
	padding: 8px 3px 7px 8px;
	height: 13px;
	line-height: 13px;
}
footer #fullList a { color: #aaa; font-size: 85%; line-height: 1.8em;}
footer #fullList li { margin-left: 5px; }
footer #fullList h2 a:hover,footer #fullList li a:hover, footer #fullList span:hover { color: #fff; text-decoration: underline;}
footer #fullList ul { margin: 0.5em 0; }
footer #fullList .listSection { width: 192px; display: block; float:left; }

footer .navListIcon { width: 13px; height: 13px; }
footer #fullList h2 { margin: 0px; }
footer #fullList h2 span.navListIcon { float: right; background-position: 0px 0px; }
footer #fullList li div.navListIcon { background-position: 0px -26px; }
footer #fullList .plusSub .navListIcon {
	background-position: 0px -39px;
	cursor: pointer;
}
footer #fullList h3.genelicTitle { font-weight: normal; font-size: 13px; line-height: 1.5em; }
footer .level2 { display: none; }
footer #fullList ul li ul li { display: inline; }
footer #fullList ul li ul.shopSub li { margin: 0px; font-size: 90%; }
footer #fullList ul li ul.shopSub li span.navListIcon {
	width: 10px;
	background-position: 0px -26px;
}
footer #fullList a.outSite span.navListIcon { background-position: 0px -65px; }
footer #fullList .listSectionLast { 
	width: 138px;
	display: block;
	float:right; 
	text-align: center;
	font-size: 90%;
	}
footer #fullList .listSectionLast .coArea { color: #aaa; }
footer #fullList .corpListItem { font-size: 13px; line-height: 1.5em; padding: 0;}

footer #fullList #shop .genelicTitle .navListIcon {
	display: inline-block;
	width: 13px;
	height: 13px;
	background:url(/shared/images/linkIcon.png) no-repeat;
	background-position: 0px -39px;
	vertical-align: middle;
	padding-right: 3px;
}

/* ヘッダー部分(header.css) ----------*/
header { width:920px; min-height: 124px; margin: 0px 0px 8px 0px; }
header img#headerLogo { 
	 left: 0px; top: 8px; width: 104px; height: 107px;
}
header #headerImagesBox { width: 840px; float: right; }
header #shopColorSignBar { width:840px; height:36px; }
header #globalNav { display: block; width: 790px; background: none; margin-left: 16px;}
header #monthlyImage { margin-top: 16px; width:840px; height:35px; }
header #shopColorSignBar { margin-bottom: 36px; width:840px; height:36px; }
header #shopSearchBtn a { 
	display:inline-block; width: 96px; color: #fff; 
	padding: 4px; border: 2px solid #fff; 
	height: 1.5em; line-height: 1.8em;
	border-radius: 5px;
}
header #navOpenBtn { display: none; }


/* フッター部分(footer.css) ----------*/
footer {
	margin: 24px auto 0px auto;
	font-size: 100%;
	font-family: Meiryo UI,verdana, arial, sans-serif;
}
footer #footerWrapper { margin: 0px auto; width: 920px;  padding: 24px; }
footer #copyright { color: #888; background: #000; text-align: center; }


/* マトリックスフレーム部分(matrixFrame.css) ----------*/
ul#matrixFrame li {
	width: 33.33%;
	text-align: left;
}
ul#matrixFrame li a span.infoBox {
	display: inline-block;
	line-height: 1em;
	height: 1em;
}

}
/* IE8以下 ------------------------------------------------------------ */

table { width:100%; }