@charset "UTF-8";

/* ----------------------------------------------------------------- */
/*      SNM : element : heading
/* ----------------------------------------------------------------- */
.h1ProductName {
  margin: 0 0 10px;
  padding: 0;
  font-size: 21px;
  font-weight: bold;
  border: none;
  line-height: 1.4523809524;
}


h2,
.headingH2 {
  margin: 40px -10px 10px;
  padding: 0 10px 5px;
  border-bottom: solid 2px #f2f2f2;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}

h2 em,
.headingH2 em {
  font-weight: bold;
}

h1+h2,
.headingH1+h2,
h1+div>h2:first-child,
.headingH1+div>h2:first-child,
h1+div>div:first-child>h2:first-child,
.headingH1+div>div:first-child>h2:first-child,
h1+.headingH2,
.headingH1+.headingH2,
h1+div>.headingH2:first-child,
.headingH1+div>.headingH2:first-child,
h1+div>div:first-child>.headingH2:first-child,
.headingH1+div>div:first-child>.headingH2:first-child {
  margin-top: 20px;
}

h2_link,
.headingH2_link {
  text-decoration: none;
}

h2.nanacoH2,
.headingH2.nanacoH2 {
  margin: 40px -10px 13px;
  padding: 0 10px;
  border-bottom: none;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.3;
}

h3 em,
.headingH3 em {
  font-weight: bold;
}

h3_link,
.headingH3_link {
  text-decoration: none;
}

h4,
.headingH4 {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
}

h4 em,
.headingH4 em {
  font-weight: bold;
}

h4_link,
.headingH4_link {
  text-decoration: none;
}

h5,
.headingH5 {
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.3;
}

h5 em,
.headingH5 em {
  font-weight: bold;
}

h5_link,
.headingH5_link {
  text-decoration: none;
}

h2:after,
.headingH2:after,
h3:after,
.headingH3:after {
  clear: both;
  display: block;
  content: "";
}

h2 .boxedLink,
.headingH2 .boxedLink,
h3 .boxedLink,
.headingH3 .boxedLink {
  float: right;
  margin-top: -3px;
  font-weight: normal;
}

.headingIcon {
  border: none;
}

.headingIcon .icon,
.headingIcon .headingIconTxt {
  display: block;
}

.headingIcon .icon {
  float: left;
}

.headingIcon .headingIconTxt {
  font-size: 16px;
  padding-top: 3px;
}

h2.mod-recommendShelf_header {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 14px;
  font-weight: normal;
}

.mod-recommendShelf+h3.headingH2 {
  margin-top: 0;
  background-color: #fff;
}

.headingBg {
  margin-right: -10px;
  margin-bottom: 10px;
  padding: 10px 10px 9px;
  border: none;
  font-weight: bold;
  line-height: 1.3;
}

.headingBg_grey {
  color: #FFF;
  background-color: #666;
}

/* ----------------------------------------------------------------- */
/*      SNM : element : text
/* ----------------------------------------------------------------- */
.txtSSS {
  font-size: 10px !important;
}

.txtSS {
  font-size: 11px !important;
}

.txtS {
  font-size: 12px !important;
}

.txtM {
  font-size: 14px !important;
}

.txtL {
  font-size: 16px !important;
}

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

.txtCenter {
  text-align: center !important;
}

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

.txtAlert {
  color: #cc0000 !important;
}

.txtAttention {
  color: #d43500 !important;
}

.txtSale {
  color: #993333 !important;
}

.txtNotes {
  color: #767676;
}

.bulletNotes {
  position: relative;
  padding-left: 1em;
  text-indent: -1em;
}

.bulletNotes:before {
  content: "\00203b";
  position: relative;
  left: 0;
}

.bulletError {
  margin-bottom: 6px;
}

.bulletError:before {
  content: "\0025bc";
}

.bulletError+* {
  margin-top: 0 !important;
}

/* ----------------------------------------------------------------- */
/*      SNM : element : list
/* ----------------------------------------------------------------- */
ul.listNormal,
ol.orderNormal {
  margin-left: 10px;
  counter-reset: li;
}

ul.listNormal>li,
ol.orderNormal>li {
  position: relative;
  margin: 5px 0 0 1.25em;
  text-indent: -1.25em;
}

ul.listNormal>li .bullet,
ol.orderNormal>li .bullet {
  text-indent: 0;
}

ul.listNormal>li:before,
ol.orderNormal>li:before {
  display: inline-block;
  position: relative;
  left: 1.25em;
  width: 1.25em;
  color: #999;
  text-align: left;
}

ul.listNormal>li:first-child,
ol.orderNormal>li:first-child {
  margin-top: 0;
}

ul.listNormal>li:before {
  content: "\0025c6";
  font-family: Helvetica, Arial, Verdana, sans-serif;
  top: 0;
}

ol.orderNormal>li:before {
  content: counter(li) ".";
  counter-increment: li;
  top: 0;
  font-weight: bold;
}


.bullet {
  position: relative;
  display: inline-block;
  padding-left: 16px;
  text-decoration: none;
  background-repeat: no-repeat;
}

.bullet:before {
  position: absolute;
  top: 0.4em;
  left: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: left top;
  content: "";
}

a.is-tap .bullet {
  text-decoration: underline;
}

.bullet.bulletUnderline {
  text-decoration: underline;
}

.bulletLink {
  padding-left: 13px;
}

.bulletLink:before,
.bulletLink.bulletNext:after {
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #225496;
  border-right: 2px solid #225496;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
}

.bulletLink.bulletPrev:before,
.bulletPrev.bulletLink.bulletNext:after {
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
  display: inline-block;
  position: static;
}

.bulletLink.bulletNext:before,
.bulletNext.bulletLink:after {
  display: none;
}

.bulletLink.bulletNext:after {
  display: inline-block;
}

.bulletLinkModal {
  padding-left: 18px;
}

/* ----------------------------------------------------------------- */
/*      SNM : utility : link
/* ----------------------------------------------------------------- */
.u-moreLink {
  margin-top: 10px;
}

.u-moreLink a {
  display: block;
  padding: 12px 10px;
  background: #f2f2f2;
  border-radius: 4px;
  text-align: center;
}

.u-moreLink a .bulletLink {
  padding-left: 18px;
}

.u-accordionLink {
  text-align: right;
}

.u-accordionLink a,
.u-accordionLink button {
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  position: relative;
  padding-right: 17px;
  color: #225496;
  font-weight: normal;
  text-decoration: none;
}

.u-accordionLink a::-moz-focus-inner,
.u-accordionLink button::-moz-focus-inner {
  padding: 0;
  border: none;
}

.u-accordionLink a:after,
.u-accordionLink button:after {
  position: absolute;
  top: 0.3em;
  right: 3px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #a3a3a3;
  border-right: 2px solid #a3a3a3;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  content: "";
}

.u-accordionLink.is-selected a:after,
.u-accordionLink.is-selected button:after {
  top: 0.45em;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.u-deleteLink {
  text-align: center;
}

.u-deleteLink a,
.u-deleteLink button {
  -moz-appearance: none;
  -webkit-appearance: none;
  margin: 0;
  padding: 0;
  border: none;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
  position: relative;
  padding-left: 16px;
  color: #225496;
  font-weight: normal;
  text-decoration: none;
}

.u-deleteLink a::-moz-focus-inner,
.u-deleteLink button::-moz-focus-inner {
  padding: 0;
  border: none;
}

.u-deleteLink a:after,
.u-deleteLink button:after {
  content: "\002715";
  position: absolute;
  top: 3px;
  left: 3px;
  color: #999;
  font-size: 10px;
}

/* ----------------------------------------------------------------- */
/*      SNM : utility : margin
/* ----------------------------------------------------------------- */
.u-modMarginBottom {
  margin-bottom: 40px;
}

.u-marginBottom00 {
  margin-bottom: 0 !important;
}

.u-marginBottom10 {
  margin-bottom: 10px !important;
}

.u-marginBottom20 {
  margin-bottom: 20px !important;
}

.u-marginBottom25 {
  margin-bottom: 25px !important;
}

.u-marginBottom30 {
  margin-bottom: 30px !important;
}

.u-marginBottom40 {
  margin-bottom: 40px !important;
}

.u-marginTop00 {
  margin-top: 0 !important;
}

.u-marginTop01 {
  margin-top: 1px !important;
}

.u-marginTop10 {
  margin-top: 10px !important;
}

.u-marginTop20 {
  margin-top: 20px !important;
}

.u-marginTop30 {
  margin-top: 30px !important;
}

.u-marginTop40 {
  margin-top: 40px !important;
}

.specialLinkBtn:hover {
	opacity: 0.8;
	/* カーソル合わせたときの透過 */
}

.linkBtn {
	outline: none;
	/* クリック時枠を出さない */
}



/* 2つ並びリンクボタン */

.specialLinkBtn02:hover {
	opacity: 0.8;
	/* カーソル合わせたときの透過 */
}



.specialLinkBtn02 .linkBtn02 {
	width: 360px;
	height: 52px;

	/*    padding: 10px 20px 10px 20px;*/
	font-weight: bold;
	/*background-image: url("/shop_assets/img/free/00/link_ya.png");*/
  background-image: none;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	box-sizing: border-box;

}

button.linkBtn02 {
	font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-size: 100%;

}

.linkBtn02 {
	display: table-cell;
	line-height: 1.2;
	vertical-align: middle;
	border: solid 1px transparent;
	border-radius: 4px;
	background: none;
	box-sizing: content-box;
	cursor: pointer;
	-webkit-appearance: none;
	outline: none;
	/* クリック時枠を出さない */

}

.specialLinkBtn02 {
	font-size: 14px;
	height: 52px;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);

}

.col2FasetLeft .spe-txtBox_col-4 .u-img {
	width: 250px;
	min-width: 250px;
	margin-bottom: 80px;

}

.spe-btn {
	text-align: center;
}

.specialLinkBtn {
	font-size: 14px;
	height: 52px;
	border-radius: 4px;
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
}

.specialLinkBtn .linkBtn {
	width: 360px;
	height: 52px;
	/*    padding: 10px 20px 10px 20px;*/
	font-weight: bold;
	font-size: 14px;

}

.linkBtn {
	display: table-cell;
	line-height: 1.2;
	vertical-align: middle;
	border: solid 1px transparent;
	border-radius: 4px;
	background: none;
	box-sizing: content-box;
	cursor: pointer;
	-webkit-appearance: none;
	/*background-image: url("/shop_assets/img/free/00/link_ya.png");*/
	background-image: none;
	background-repeat: no-repeat;
	background-position: 98% 50%;
	box-sizing: border-box;
	font-family: 'メイリオ', 'Meiryo', 'ＭＳ ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
}

.btnWrap {
	margin: 0;
	padding: 0;
}

.btnWrap>li {
	display: inline-block;
	vertical-align: top;
  margin-left: 30px;
  width: 350px;
}

.btnWrap>li:first-child {
  margin-left: 0px;
  margin-bottom: 1.5em;
}

@media (max-width: 775px) {
  .btnWrap>li {
    margin-left: 0px;
  }
}

ol,
ul {
	list-style: none;
}


.spe-btn {
	text-align: center;
}

/*戻るボタン*/

.specialLinkBtn,
.specialLinkBtn02 {
	background-color: #FFF !important;
	border: 1px solid #888;
	color: #000 !important;
	font-weight: bold;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	font-size: 14px !important;
	min-height: 52px;
	padding: inherit;
	line-height: 1.2;
}

.W90 {width: 90% !important;}
.W95 {width: 95% !important;}
.cttsCenter {margin: 0 auto;}

/* マージン調整用 */
.mrgB05 {margin-bottom: 5px !important;}
.mrgB08 {margin-bottom: 8px !important;}
.mrgB10 {margin-bottom: 10px !important;}
.mrgB13 {margin-bottom: 13px !important;}
.mrgB15 {margin-bottom: 15px !important;}
.mrgB20 {margin-bottom: 20px !important;}
.mrgB30 {margin-bottom: 30px !important;}
.mrgB40 {margin-bottom: 40px !important;}
.mrgB-20 {margin-bottom: -20px !important;}
.mrgT08 {margin-top: 8px !important;}
.mrgT10 {margin-top: 10px !important;}
.mrgT20 {margin-top: 20px !important;}
.mrgT-15 {margin-top: -15px !important;}
.mrgR10 {margin-right: 10px !important;}
.mrgL10 {margin-left: 10px !important;}

.fordetails {
    font-size: 14px;
    line-height: 1.4;
}

.fordetails a:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    -webkit-transform: rotate(314deg);
    -ms-transform: rotate(314deg);
    transform: rotate(314deg);
    margin: 0 0 1px 3px;
    -webkit-box-sizing: initial;
    box-sizing: initial;  
}

.fordetails a {
    color: #2e75b6;
    text-decoration: underline;
}

.widthVariableContent .lead-text {
  font-size: 14px;
  line-height: 1.4;
}

/* タブリンクボタンの背景色変更 */
/* ----------------------------------------------------------------- */
/*      SNM : element : listCategoryLinkAnother02
/* ----------------------------------------------------------------- */
.mod-listCategoryLinkAnother02:after {
  clear: both;
  display: block;
  content: "";
}
.mod-listCategoryLinkAnother02 li {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  float: left;
  width: 48.5%;
}
.mod-listCategoryLinkAnother02 li:first-child, .mod-listCategoryLinkAnother02 li:first-child + li {
  margin-top: 0;
}
.mod-listCategoryLinkAnother02 li:last-child, .mod-listCategoryLinkAnother02 li:nth-last-child(2):nth-child(odd) {
  border-bottom: none;
}
.mod-listCategoryLinkAnother02 li:nth-child(odd) {
  clear: both;
}
.mod-listCategoryLinkAnother02 li:nth-child(even) > img {
  right: 0;
}
.mod-listCategoryLinkAnother02 li .popularCategory {
  width: 50px;
  height: auto;
}
.mod-listCategoryLinkAnother02 li > a {
  z-index: 10;
  display: table;
  width: 100%;
  text-decoration: none;
  font-size: 12px;
  color: #fff;
}
.mod-listCategoryLinkAnother02 li > a.is-tap {
  background-color:  #fff;
  color: #fff;
}
.mod-listCategoryLinkAnother02 li > a > span {
  display: table-cell;
  height: 45px;
  vertical-align: middle;
  border: 2px solid #CCCCCC;
  background-color: #C2AB99;

}
.mod-listCategoryLinkAnother02 li > a > span:first-child {
  text-align: center;
}
/* ############ タブリンクボタンの背景色変更_end ############ */