@charset "utf-8";
/* CSS Document */


/* reset 
------------------------------*/

p,span,spam,ul,ol,li,dt,dd,h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}



/* clearfix
============================== */
.clearfix:before,
.clearfix:after {
  display: block;
  overflow: hidden;
  content: "";
}
.clearfix:after {
  clear: both;
}

/* floatclear
============================== */
.floatclear:before,
.floatclear:after {
  display: block;
  overflow: hidden;
  content: "";
}
.floatclear:after {
  clear: both;
}

/* 基本style 共用 */
.base-fontfamily-min {
	font-family: "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}

.content-box {
	width: 100%;
	/*border: solid 1px #000;*/
}
.content-box_inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 10px;
}
.goodsDetailTopBack {
    position: absolute;
    height: 350px;
    width: 100%;
    background-color: #EFEEE8;
}
/*　//基本style 共用//　*/

/* fontsize
----------------------------------*/

.font30 {
	font-size: 187.5%;
}
.font24 {
	font-size: 150%;
}
.font20 {
	font-size: 125%;
}

/* margin-style
----------------------------------*/
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt25 { margin-top: 25px; }
.mt30 { margin-top: 30px; }
.mt35 { margin-top: 35px; }
.mt40 { margin-top: 40px; }
.mt45 { margin-top: 45px; }
.mt50 { margin-top: 50px; }

.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb25 { margin-bottom: 25px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }

/* titlestyle
----------------------------------*/

.title-h1-style {
	width: 100%;
	line-height: 1.2em;
  padding: 0 0 3px 20px;
	box-sizing: border-box;
	border-bottom: solid 1px #cccac8;
	display: block;
  font-size: calc(150% + 0.25vw);
  font-size: calc(24px + 0.25vw);/*IE用*/
  font-weight: bold;
}

/* ベーススタイル
==================================*/

.sitemap-wrap {
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
}

.sitemap-h2 {
  font-family: "ヒラギノ明朝 W6 JIS2004", "Hiragino Mincho W6 JIS2004", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
  font-size: calc(100% + 0.25vw);
  font-size: calc(16px + 0.25vw);/*IE用*/
  font-weight: bold;
  background: url("/contents/shop/ing/sitemap/images/iconArrowGreen2.png") no-repeat 0% 50%;
  padding: 0 20px 0 25px;
  box-sizing: border-box;
}
a:link,
a.sitemap-h2 {
  text-decoration: none;
  /*color: #555d6d;*/
}
/*a:hover .sitemap-h2 {
  text-decoration: underline;
}*/

.sitemap-bold a {
  font-size: calc(14px + 0.24vw);/*IE用*/
  font-weight: bold;
  color: #555d6d;
  background: url("/contents/shop/ing/sitemap/images/iconArrowGreen2.png") no-repeat 0 50%;
  padding: 0 0 0 20px;
  box-sizing: border-box;
  margin: 0 0 10px;
  display: block;
  border-bottom: solid 1px #c8cdd6;
}
.link-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/*.link-box {
  display: -ms-grid;
  display: grid;
  -ms-grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  -ms-grid-column: 1;
  -ms-grid-row: 1;
}*/
.link-box-cate {
  width: 100%;
  max-width: 376px;
  margin-left: 5px;
  margin-right: 5px;
}
.link-box-cate dd {
  font-size: calc(12px + 0.25vw);
  display: block;
  padding: 5px 10px 5px 25px;
  box-sizing: border-box;
  border-bottom: 1px dotted #c8cdd6;
  background: url("/contents/shop/ing/sitemap/images/iconArrowGreen2.png") no-repeat 1% 50%;
}
.link-box-cate2 {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/*.link-box-cate2 {
  display: -ms-grid;
  display: grid;
  -ms-grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  -ms-grid-column: 1;
  -ms-grid-column-span: 3; /* MS対策(手動) */
  /*-ms-grid-row: 1;
}*/

.link-box-cate2 li {
  width: 100%;
  max-width: 365px;
  font-size: calc(12px + 0.24vw);
  display: flex;
  align-items: center;
  padding: 5px 0 5px 20px;
  box-sizing: border-box;
  margin: 0 5px 0 5px;
  border-bottom: 1px dotted #c8cdd6;
  background: url("/contents/shop/ing/sitemap/images/iconArrowGreen2.png") no-repeat 0 50%;
}


@media all and (max-width: 1025px) {
.link-box-cate2 li {
  width: 100%;
  max-width: 304px;
}
.link-box-cate {
  width: 100%;
  max-width: 304px;
}
}
@media screen and (max-width: 860px) {
}

@media screen and (max-width: 768px) {
.link-box-cate2 li {
  width: 100%;
  max-width: 334px;
  /*margin: 0;*/
}
.link-box-cate {
  width: 100%;
  max-width: 334px;
}
}

@media screen and (max-width: 660px) {

.sitemap-bold a {
  width: 100%;
  margin: 0;
}
.link-box {
  width: 100%;
  display: block;
}
.sitemap-wrap {
  padding: 0px;
}
.link-box-cate {
  width: 100%;
}
.link-box-cate2 {
  display: block;
  width: 100%;
}
.title-h1-style {
  padding: 0 0 3px 5px;
  font-size: calc(19px + 0.25vw);
}
.link-box-cate2 li {
  width: 100%;
  max-width: 100%;
}
.link-box-cate {
  width: 100%;
  max-width: 100%;
}
}

@media all and (min-width: 660px) {
}

@media screen and (max-width: 320px) {

}