@charset "utf-8";

/* [ P C 用 スタイル] */


/* 2013/3/8 add  */


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

.css-201302 #js-slide1-navi {
  padding: 5px 0 20px 0;
}

.css-201302 #js-slide1-navi a {
  display: block;
  width: 15px;
  height: 15px;
  float: right;
  margin-left: 5px;
  background: #ddd;
}


/* add for w2 o.w. */


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

table#tblLayout>tbody>tr>td {
  padding: 0 !important;
}

.twtr-hd h4 a {
  font-size: 15px !important;
}


/* thickbox fix */

#TB_ajaxContent img.navi1, #TB_ajaxContent img.navi2, #TB_ajaxContent img.navi3, #TB_ajaxContent img.navi4, #TB_ajaxContent img.navi5, #TB_ajaxContent img.navi6, #TB_ajaxContent img.navi7, #TB_ajaxContent img.navi8 {
  width: 41px;
  height: auto;
}

.topic-path {
  font-size: 16px;
  text-align: left;
  color: #053931;
}

.topic-path > li:before {
  top: 7px;
}

.topic-path li:first-child a {
  overflow: hidden;
  display: inline-block;
  position: relative;
  width: 48px;
  text-indent: -100px;
  vertical-align: -6px;
}

.topic-path li:first-child a::before {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0;
  content: "トップ";
}
.topic-path a {
    color: #053931;
}

/* common */


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


/*.css-201302 {width:100%; height:100%; font:12px MS PGothic,Osaka,arial,helvetica,sans-serif; text-align:center; background:none;}*/

.css-201302 {
  width: 100%;
  height: 100%;
  text-align: center;
  background: none;
}

.css-201302 img {
  border: 0;
}

.css-201302 a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.css-201302 #container {
  width: 100%;
  text-align: center;
}


/* =========================================================

▽▽▽ BodyHeaderMain ▽▽▽

 ========================================================= */

#Header .css-201302 .head-info {
  padding: 10px;
}

#Header .css-201302 .head-info a:link, #Header .css-201302 .head-info a:visited, #Header .css-201302 .head-info a:active {
  text-decoration: underline;
}

#Header .css-201302 .head-info a:hover {
  color: #2f2f2f;
  text-decoration: none;
}

.css-201302 #header {
  width: 1000px;
  height: 215px;
  margin: 0 auto 17px auto;
  text-align: left;
  position: relative;
}

.css-201302 #header img {
  vertical-align: top;
}

.css-201302 #hSummary {
  width: 232px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 31px;
  left: 45px;
}

.css-201302 #hLogo {
  width: 300px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 55px;
  left: 0;
}

.css-201302 #hBlock {
  width: 450px;
  height: 110px;
  background: url(../../Contents/201302/common/img/header/bg_01.gif) no-repeat left top;
  position: absolute;
  top: 20px;
  right: 0;
}

.css-201302 #hBlock p, .css-201302 #hBlock ul, .css-201302 #hBlock li {
  font-size: 12px;
  line-height: 120%;
  color: #2f2f2f;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 #hBlock a:link, .css-201302 #hBlock a:visited, .css-201302 #hBlock a:active {
  color: #2f2f2f;
  text-decoration: underline;
}

.css-201302 #hBlock a:hover {
  color: #2f2f2f;
  text-decoration: none;
}

.css-201302 #hBlock #hBlock-top {
  padding: 10px;
}

.css-201302 #hBlock .ttl1 {
  width: 80px;
  position: absolute;
  top: 35px;
  left: 19px;
}

.css-201302 #hBlock .ttl2 {
  width: 80px;
  position: absolute;
  top: 35px;
  left: 230px;
}

.css-201302 #hBlock .txt1 {
  width: 105px;
  text-align: right;
  position: absolute;
  top: 50px;
  right: 246px;
}

.css-201302 #hBlock .txt1 span {
  font-size: 14px;
  font-weight: bold;
}

.css-201302 #hBlock .txt2 {
  width: 105px;
  text-align: right;
  position: absolute;
  top: 75px;
  right: 246px;
}

.css-201302 #hBlock .txt2 span {
  font-size: 14px;
  font-weight: bold;
}

.css-201302 #hBlock .txt3 {
  width: 120px;
  position: absolute;
  top: 50px;
  left: 320px;
}

.css-201302 #hBlock .txt3 li {
  margin: 0 0 12px 0;
}

.css-201302 #hBlock .txt4 {
  width: 120px;
  font-size: 10px;
  position: absolute;
  top: 25px;
  left: 0px;
}

.css-201302 #hBlock .txt4 li {
  margin: 0 0 5px 0;
}

.css-201302 #hSearch {
  width: 200px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  background: url(../../Contents/201302/common/img/header/search_bg.gif) no-repeat left top;
  position: absolute;
  top: 19px;
  left: 335px;
}

.css-201302 #hSearch li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
}

.css-201302 #hSearch li.box {
  width: 175px;
  padding: 3px 0 2px 0;
  background-color: transparent;
}

.css-201302 #hSearch li.box input {
  width: 165px;
  height: 15px;
  font-size: 12px;
  line-height: 15px;
  vertical-align: top;
  margin: 0 0 0 6px;
  padding: 0;
  border: 0;
  background: none;
}

.css-201302 #hSearch li.btn {
  width: 25px;
}

.css-201302 #hSearch li.btn input {
  vertical-align: top;
}

.css-201302 #hNav1 {
  width: 1000px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 135px;
  left: 0;
  text-align: center;
}

.css-201302 #hNav1 li {
  list-style-type: none;
  margin: 0;
  padding: 0 0 8px 0;
  display: inline-block;
}

.css-201302 #hNav2 {
  width: 1000px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 182px;
  left: 1px;
}

.css-201302 #hNav2 li {
  list-style-type: none;
  margin: 0;
  padding: 0 2px 2px 0;
  display: inline-block;
}

.css-201302 #hNav2 li:last-child {
  padding-right: 0;
}

#hNav3 {
  width: 200px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: solid 2px #000;
}

#hNav3 li {
  list-style-type: none;
  margin: 0;
  padding: 2px 0;
  border-bottom: solid 1px #bfbfbf;
}

.css-201302 #hNav4 {
  width: 210px;
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50px;
  left: 338px;
}

.css-201302 #hNav4 li {
  list-style-type: none;
  margin: 0;
  padding: 0 3px 10px 0;
  float: left;
}

.css-201302 #hNav4 li img {
  border: solid 1px #bfbfbf;
}


/* =========================================================

△△△ BodyHeaderMain △△△

 ========================================================= */

.css-201302 #contents {
  width: 100%;
  text-align: center;
  background: url(../../Contents/201302/common/img/parts/contents_bg.gif) repeat-x left bottom;
}

.css-201302 #contentsInner {
  width: 1000px;
  text-align: left;
  margin: 0 auto 5px auto;
  padding: 0 0 32px 0;
  background: url(../../Contents/201302/common/img/parts/bg_01.gif) no-repeat center bottom;
}

.css-201302 #footer {
  width: 100%;
  text-align: center;
  padding: 30px 0;
  background: url(../../Contents/201302/common/img/parts/bg_01.gif) no-repeat center top;
}

.css-201302 #fCopy {
  width: 1000px;
  font-size: 11px;
  text-align: right;
  color: #2f2f2f;
  margin: 0 auto;
  padding: 0;
}

.css-201302 .fLink a {
  padding: 10px;
}


/* clear */

.css-201302 .cfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

.css-201302 .cfix {
  display: inline-block;
}


/* no ie mac \*/

* html .css-201302 .cfix {
  height: 1%;
}

.css-201302 .cfix {
  display: block;
}


/* */

.css-201302 .ttl {
  text-align: left;
}


/* top */


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

.css-201302 .topBlock {
  width: 100%;
  margin: 0 0 22px 0;
}

.css-201302 .topBlock .main {
  width: 1000px;
  float: none;
  margin: auto;
}

.css-201302 .topBlock .side {
  width: 200px;
  float: left;
  display: none;
}

.css-201302 .sideFacebook {
  margin: 0 0 10px 0;
}

.css-201302 .sideFacebook img {
  vertical-align: top;
}

.css-201302 .sideBtn {
  list-style-type: none;
  margin: 0 0 5px 0;
  padding: 0;
}

.css-201302 .sideBtn li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .sideBtn li.btn1 {
  float: left;
}

.css-201302 .sideBtn li.btn2 {
  float: right;
}

.css-201302 .sideBtn img {
  vertical-align: top;
}


/* =========================================================

▽▽▽ Parts000TMPL_004 ▽▽▽

 ========================================================= */

.css-201302 .sideBnr1 {
  display: none !important;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .sideBnr1 li {
  list-style-type: none;
  margin: 0;
  padding: 15px 0 0 0;
}

.css-201302 .sideBnr1 li:first-child {
  padding-top: 0;
}

.css-201302 .sideBnr1 img {
  vertical-align: top;
  padding: 1px;
  border: solid 1px #bfbfbf;
}

.css-201302 .sideBnr2 {
  display: none !important;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .sideBnr2 li {
  list-style-type: none;
  margin: 0;
  padding: 15px 0 0 0;
}

.css-201302 .sideBnr2 img {
  vertical-align: top;
}

.css-201302 .sideBnr3 {
  display: none !important;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .sideBnr3 li {
  list-style-type: none;
  margin: 0;
  padding: 15px 0 0 0;
}

.css-201302 .sideBnr3 img {
  vertical-align: top;
}


/* =========================================================

△△△ Parts000TMPL_004 △△△

 ========================================================= */

.css-201302 .topSlide {
  width: 780px;
  margin: 0 0 0 0;
  border-top: solid 1px #bfbfbf;
  border-bottom: solid 5px #000;
  position: relative;
}

.css-201302 .topSlide ul, .css-201302 .topSlide li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .topSlide img {
  vertical-align: top;
}

.css-201302 .topSlide .slide {
  width: 780px;
  height: 320px;
  position: relative;
  top: 0;
  left: 0;
  overflow: hidden;
}

.css-201302 .topSlide .btnPrev {
  width: 33px;
  position: absolute;
  top: 120px;
  left: 2px;
  z-index: 999;
}

.css-201302 .topSlide .btnNext {
  width: 33px;
  position: absolute;
  top: 120px;
  right: 2px;
  z-index: 999;
}

.css-201302 .topBnr {
  list-style-type: none;
  margin: 25px 0 30px 0;
  padding: 0;
}

.css-201302 .topBnr img {
  vertical-align: top;
}

.css-201302 .topFirst {
  width: 780px;
  margin: 0 0 30px 0;
  border-bottom: solid 1px #bfbfbf;
}

.css-201302 .topFirst p, .css-201302 .topFirst ul, .css-201302 .topFirst li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .topFirst img {
  vertical-align: top;
}

.css-201302 .topFirst a:link, .css-201302 .topFirst a:visited, .css-201302 .topFirst a:active {
  color: #000;
  text-decoration: underline;
}

.css-201302 .topFirst a:hover {
  color: #000;
  text-decoration: none;
}

.css-201302 .topFirst .ttl {
  margin: 0 0 10px 0;
  padding: 0;
}

.css-201302 .topFirst .inner1 {
  margin: 0 0 30px 0;
  padding: 0 0 14px 0;
  background: url(../../Contents/201302/common/img/parts/bg_03.gif) repeat-x left bottom;
  border-bottom: solid 1px #bfbfbf;
}

.css-201302 .topFirst .inner1 ul {
  margin: 0 0 0 20px;
}

.css-201302 .topFirst .inner1 li {
  width: 195px;
  float: left;
  position: relative;
}

.css-201302 .topFirst .inner1 li.list {
  width: 170px;
}

.css-201302 .topFirst .inner1 li.list ul {
  margin: 0;
}

.css-201302 .topFirst .inner1 li.list li {
  width: 100%;
  padding: 12px 0 0 0;
  float: none;
}

.css-201302 .topFirst .inner1 li a img {
  padding: 1px;
  border: solid 1px #bfbfbf;
}

.css-201302 .topFirst .inner1 li a.btn {
  width: 175px;
  font-size: 10px;
  text-align: center;
  position: absolute;
  top: 94px;
  left: 0;
}

.css-201302 .topFirst .inner2 {
  width: 100%;
}

.css-201302 .topFirst .inner2 ul {
  width: 100%;
  margin: 0 0 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.css-201302 .topFirst .inner2 li {
  width: 259px;
  border-right: solid 1px #bfbfbf;
  margin: 0 0 20px 0;
}

.css-201302 .topFirst .inner2 li.lst {
  width: 260px;
  border-right: 0;
}

.css-201302 .topFirst .inner2 p {
  width: 224px;
  margin: 0 0 0 17px;
}

.css-201302 .topFirst .inner2 p.txt1 {
  font-weight: bold;
  line-height: 150%;
  margin-bottom: 10px;
}

.css-201302 .topFirst .inner2 p.txt2 {
  font-size: 12px;
  line-height: 150%;
  color: #707070;
  margin-bottom: 15px;
  height: 80px
}

.css-201302 .topFirst .inner2 p.img img {
  padding: 1px;
  border: solid 1px #bfbfbf;
}


/* =========================================================

▽▽▽ BodyNews ▽▽▽

 ========================================================= */

.css-201302 .topInformation {
  width: 780px;
  padding: 0 0 25px 0;
  background: url(../../Contents/201302/common/img/parts/bg_02.gif) no-repeat center bottom;
}

.css-201302 .topInformation p, .css-201302 .topInformation ul, .css-201302 .topInformation li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .topInformation img {
  vertical-align: top;
}

.css-201302 .topInformation .ttl {
  margin: 0 0 10px 0;
  padding: 0;
}

.css-201302 .topInformation .inner {
  height: 250px;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: scroll;
}


/* Information枠高さ調整 */

.css-201302 .topInformation .news1 {
  /*width:540px; border-right:solid 1px #bfbfbf; float:left;*/
}

.css-201302 .topInformation .news1 table {
  width: 740px;
  font-size: 12px;
  line-height: 150%;
  color: #707070;
  margin: 0 0 0 17px;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
}

.css-201302 .topInformation .news1 th, .css-201302 .topInformation .news1 td {
  text-align: left;
  vertical-align: top;
  padding: 0 0 6px 0;
}

.css-201302 .topInformation .news1 th {
  width: 1%;
  white-space: nowrap;
  font-weight: normal;
  padding: 0 20px 6px 0;
}

.css-201302 .topInformation .news2 {
  width: 218px;
  float: right;
}

.css-201302 .topInformation .news2 ul {
  width: 200px;
  font-size: 12px;
  line-height: 150%;
  color: #707070;
}

.css-201302 .topInformation .news2 li.img {
  width: 78px;
  float: left;
}

.css-201302 .topInformation .news2 li.img img {
  padding: 1px;
  border: solid 1px #e5e5e5;
}

.css-201302 .topInformation .news2 li.txt {
  width: 110px;
  float: right;
}


/* =========================================================

△△△ BodyNews △△△

 ========================================================= */


/* =========================================================

▽▽▽ Parts010RCMD_005 / BodyProductRanking ▽▽▽

 ========================================================= */

.css-201302 .topRanking {
  width: 1000px;
  margin: 0 0 50px 0;
  padding: 0 0 25px 0;
  background: url(../../Contents/201302/common/img/parts/bg_01.gif) no-repeat center bottom;
  position: relative;
  clear: both;
}

.css-201302 .topRanking p, .css-201302 .topRanking ul, .css-201302 .topRanking li {
  font-size: 12px;
  line-height: 150%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .topRanking img {
  vertical-align: top;
}

.css-201302 .topRanking .ttl {
  margin: 0 0 10px 0;
}

.css-201302 .topRanking .btn {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

.css-201302 .topRanking .inner {
  width: 1000px;
  height: 350px;
  position: relative;
}

.css-201302 .topRanking .slide {
  width: 900px;
  margin: 0 0 0 50px;
  overflow: hidden;
}

.css-201302 .topRanking .slide ul {
  width: auto;
}

.css-201302 .topRanking .slide li {
  width: 182px;
  height: 360px;
  overflow: hidden;
  float: left;
}

.css-201302 .topRanking .slide p {
  width: 168px;
}

.css-201302 .topRanking .slide p.rank {
  text-align: center;
}

.css-201302 .topRanking .slide p.catch {
  padding-top: 4px;
}

.css-201302 .topRanking .slide p.t1 {
  margin-bottom: 5px;
  padding: 0;
  text-align: center;
  color: #fff;
  background: #000;
}

.css-201302 .topRanking .slide p.t1 a:link, .css-201302 .topRanking .slide p.t1 a:visited, .css-201302 .topRanking .slide p.t1 a:active {
  color: #fff;
  text-decoration: none;
}

.css-201302 .topRanking .slide p.t1 a:hover {
  color: #fff;
  text-decoration: underline;
}

.css-201302 .topRanking .slide .img {
  margin: 0 0 8px 0;
  text-align: center;
  border: solid 1px #e5e5e5;
}

.css-201302 .topRanking .slide .img img {
  height: 162px;
}

.css-201302 .topRanking .slide .txt span {
  font-weight: bold;
}

.css-201302 .topRanking .btnPrev {
  width: 33px;
  position: absolute;
  top: 118px;
  left: 4px;
  z-index: 999;
}

.css-201302 .topRanking .btnNext {
  width: 33px;
  position: absolute;
  top: 118px;
  right: 4px;
  z-index: 999;
}


/* =========================================================

△△△ Parts010RCMD_005 / BodyProductRanking △△△

 ========================================================= */

.css-201302 .topPickUpItem {
  width: 1000px;
  margin: 0 0 15px 0;
  padding: 0 0 25px 0;
  background: url(../../Contents/201302/common/img/parts/bg_01.gif) no-repeat center bottom;
  position: relative;
  clear: both;
}

.css-201302 .topPickUpItem p, .css-201302 .topPickUpItem ul, .css-201302 .topPickUpItem li {
  font-size: 12px;
  line-height: 150%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .topPickUpItem img {
  vertical-align: top;
}

.css-201302 .topPickUpItem .ttl {
  width: 1000px;
  height: 40px;
  margin: 0 0 20px 0;
  background: url(../../Contents/201302/img/ttl_04.gif) no-repeat;
}

.css-201302 .topPickUpItem .ttl span {
  display: block;
  padding: 4px 0 0 172px;
  font-weight: normal;
  font-size: 12px;
  line-height: 12px;
  text-align: left;
}

.css-201302 .topPickUpItem .inner {
  width: 1000px;
  height: 350px;
  position: relative;
}

.css-201302 .topPickUpItem .slide {
  width: 900px;
  margin: 0 0 0 50px;
  overflow: hidden;
}

.css-201302 .topPickUpItem .slide ul {
  width: auto;
}

.css-201302 .topPickUpItem .slide li {
  width: 182px;
  height: 320px;
  overflow: hidden;
  float: left;
}

.css-201302 .topPickUpItem .slide p {
  width: 168px;
}

.css-201302 .topPickUpItem .slide p.catch {
  padding-top: 4px;
}

.css-201302 .topPickUpItem .slide p.t1 {
  margin-bottom: 5px;
  padding: 0;
  text-align: center;
  color: #fff;
  background: #000;
}

.css-201302 .topPickUpItem .slide p.t1 a:link, .css-201302 .topPickUpItem .slide p.t1 a:visited, .css-201302 .topPickUpItem .slide p.t1 a:active {
  color: #fff;
  text-decoration: none;
}

.css-201302 .topPickUpItem .slide p.t1 a:hover {
  color: #fff;
  text-decoration: underline;
}

.css-201302 .topPickUpItem .slide .img {
  margin: 0 0 8px 0;
  text-align: center;
  border: solid 1px #e5e5e5;
}

.css-201302 .topPickUpItem .slide .img img {
  height: 162px;
}

.css-201302 .topPickUpItem .slide .txt span {
  font-weight: bold;
}

.css-201302 .topPickUpItem .btnPrev {
  width: 33px;
  position: absolute;
  top: 95px;
  left: 4px;
  z-index: 999;
}

.css-201302 .topPickUpItem .btnNext {
  width: 33px;
  position: absolute;
  top: 95px;
  right: 4px;
  z-index: 999;
}


/* =========================================================

▽▽▽ Parts000TMPL_005 ▽▽▽

 ========================================================= */

.css-201302 .topRecommend {
  width: 1000px;
  margin: 0 0 30px 0;
  padding: 0 0 0 0;
  background: url(../../Contents/201302/common/img/parts/bg_03.gif) repeat-x left bottom;
  border-bottom: solid 1px #bfbfbf;
  position: relative;
  clear: both;
}

.css-201302 .topRecommend p, .css-201302 .topRecommend ul, .css-201302 .topRecommend li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .topRecommend img {
  vertical-align: top;
}

.css-201302 .topRecommend .ttl {
  margin: 0 0 15px 0;
}

.css-201302 .topRecommend .list {
  width: 100%;
  padding-bottom: 15px;
}

.css-201302 .topRecommend .list li {
  width: 172px;
  float: left;
}

.css-201302 .topRecommend .list li p {
  width: 157px;
}

.css-201302 .topRecommend .list li.fst {
  width: 327px;
}

.css-201302 .topRecommend .list li.fst p {
  width: 312px;
}

.css-201302 .topRecommend .list li.fst p.txt1, .css-201302 .topRecommend .list li.fst p.txt2 {
  width: 304px;
  margin: 0 0 0 8px;
}

.css-201302 .topRecommend .list li .img {
  margin: 0 0 10px 0;
}

.css-201302 .topRecommend .list li .img img {
  padding: 1px;
  border: solid 1px #bfbfbf;
}

.css-201302 .topRecommend .list li .txt1 {
  font-size: 11px;
  font-weight: bold;
  line-height: 150%;
  color: #2f2f2f;
}

.css-201302 .topRecommend .list li .txt2 {
  font-size: 11px;
  line-height: 150%;
  color: #2f2f2f;
}

.css-201302 .topRecommend .list li.lst {
  width: 157px;
}

.css-201302 .topOriginalBrand {
  width: 1000px;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
  background: url(../../Contents/201302/common/img/parts/bg_01.gif) no-repeat center bottom;
}

.css-201302 .topOriginalBrand p, .css-201302 .topOriginalBrand ul, .css-201302 .topOriginalBrand li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .topOriginalBrand img {
  vertical-align: top;
}

.css-201302 .topOriginalBrand .ttl {
  margin: 0 0 10px 0;
}

.css-201302 .topOriginalBrand .list li {
  width: 199px;
  text-align: center;
  margin: 0 0 20px 0;
  border-right: solid 1px #bfbfbf;
  float: left;
}

.css-201302 .topOriginalBrand .list li.lst {
  border-right: 0;
}

.css-201302 .topOriginalBrand .list li img {
  margin: 0 auto;
}

.css-201302 .topBrandList {
  width: 1000px;
  margin: 0 0 20px 0;
  padding: 0 0 30px 0;
  background: url(../../Contents/201302/common/img/parts/bg_01.gif) no-repeat center bottom;
}

.css-201302 .topBrandList p, .css-201302 .topBrandList ul, .css-201302 .topBrandList li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.css-201302 .topBrandList img {
  vertical-align: top;
}

.css-201302 .topBrandList .ttl {
  margin: 0 0 10px 0;
}

.css-201302 .topBrandList .inner {
  width: 100%;
}

.css-201302 .topBrandList .list {
  width: 199px;
  font-size: 11px;
  line-height: 150%;
  color: #898989;
  border-left: solid 1px #bfbfbf;
  float: left;
}

.css-201302 .topBrandList .list li {
  margin: 0 5px 0 12px;
}

.css-201302 .topBrandList a:link, .css-201302 .topBrandList a:visited, .css-201302 .topBrandList a:active {
  color: #898989;
  text-decoration: none;
}

.css-201302 .topBrandList a:hover {
  color: #898989;
  text-decoration: underline;
}


/* =========================================================

△△△ Parts000TMPL_005 △△△

 ========================================================= */

.topCategoryList {
  max-width: 100%;
  margin: 0 0 30px 0;
  padding: 0 0 10px 0;
}

.topCategoryList p, .topCategoryList ul, .topCategoryList li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.topCategoryList img {
  vertical-align: top;
}

.topCategoryList .ttl {
  margin: 0 0 1.5rem 0;
}

.topCategoryList .inner {
  width: 100%;
}

.topCategoryList .list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  justify-content: flex-start;
}

.topCategoryList .list > li {
  width: 29.2%;
  margin-bottom: 4rem;
  padding: 1rem .8rem 1rem 3rem;
  font-size: 1.5rem;
  color: #898989;
  border-left: solid 1px #053931;
}

.topCategoryList a:link, .topCategoryList a:visited, .topCategoryList a:active {
  text-decoration: none;
}

.topCategoryList a:hover {
  text-decoration: underline;
}

.topCategoryList,
.topCategoryList a {
  color: #053931;
}

.topCategoryList .ttl_section {
  margin: 0 0 5rem;
  font-family: pragmatica, sans-serif;
  font-weight: 300;
  font-size: 4rem;
  text-align: left;
  line-height: 1;
  color: #053931;
}

.topCategoryList .list dt {
  margin-bottom: 2rem;
  font-size: 1.9rem;
  font-weight: bold;
  color: #053931;
}

.topCategoryList .chaild_cate_list li {
  margin-bottom: 1.8rem;
}

@media (max-width: 768px) {
  #brand-list,
  .topCategoryList {
    width: 100% !important;
  }

  .topCategoryList {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .topCategoryList .ttl_section {
    margin-bottom: calc(40* (100vw / 586));
    padding: 0 0 0 calc(20* (100vw / 586));
    font-size: calc(30* (100vw / 586));
    font-weight: 500;
  }

  .topCategoryList .list {
    justify-content: space-between;
    margin-bottom: calc(20* (100vw / 586));
    padding: 0 0 0 calc(20* (100vw / 586));
  }

  .topCategoryList .list dt {
    font-size: calc(20* (100vw / 586));
  }

  .topCategoryList .list > li {
    width: 42%;
    margin-bottom: calc(30* (100vw / 586));
    padding: calc(10* (100vw / 586)) calc(10* (100vw / 586)) calc(10* (100vw / 586)) calc(30* (100vw / 586));
    font-size: calc(17* (100vw / 586));
  }

  .topCategoryList .chaild_cate_list li {
    margin-bottom: calc(10* (100vw / 586));
    line-height: 1.5;

  }


}


/* =========================================================

▽▽▽ BodyFooterMain ▽▽▽

 ========================================================= */

.css-201302 .topShopInformation {
  width: 1000px;
  padding: 20px 0;
  background: url(../../Contents/201302/common/img/parts/contents_bg.gif) repeat-x left -70px;
}

.css-201302 .topShopInformation p, .css-201302 .topShopInformation dl, .css-201302 .topShopInformation dt, .css-201302 .topShopInformation dd, .css-201302 .topShopInformation ul, .css-201302 .topShopInformation li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-align: left;
}

.css-201302 .topShopInformation img {
  vertical-align: top;
}

.css-201302 .topShopInformation .ttl {
  margin: 0 0 18px 0;
}

.css-201302 .topShopInformation .inner1 {
  width: 100%;
  height: 115px;
  margin: 0 0 20px 0;
  background: url(../../Contents/201302/common/../img/ttl_09_bg.gif) no-repeat left top;
  position: relative;
}

.css-201302 .topShopInformation .inner1 .txt1 {
  width: 310px;
  position: absolute;
  top: 10px;
  left: 20px;
}

.css-201302 .topShopInformation .inner1 .txt1 .btn {
  font-size: 10px;
  position: absolute;
  bottom: 6px;
  right: 20px;
}

.css-201302 .topShopInformation .inner1 .txt1 .btn1 {
  width: 120px;
  position: absolute;
  top: 47px;
  left: 25px;
}

.css-201302 .topShopInformation .inner1 .txt1 .btn2 {
  width: 120px;
  position: absolute;
  top: 47px;
  left: 165px;
}

.css-201302 .topShopInformation .inner1 .txt2 {
  width: 310px;
  position: absolute;
  top: 10px;
  left: 345px;
}

.css-201302 .topShopInformation .inner1 .txt2 .btn {
  font-size: 10px;
  position: absolute;
  bottom: 6px;
  right: 20px;
}

.css-201302 .topShopInformation .inner1 .txt3 {
  width: 310px;
  position: absolute;
  top: 10px;
  left: 670px;
}

.css-201302 .topShopInformation .inner1 .txt3 .btn {
  font-size: 10px;
  position: absolute;
  bottom: 6px;
  right: 20px;
}

.css-201302 .topShopInformation .inner1 a:link, .css-201302 .topShopInformation .inner1 a:visited, .css-201302 .topShopInformation .inner1 a:active {
  color: #2f2f2f;
  text-decoration: underline;
}

.css-201302 .topShopInformation .inner1 a:hover {
  color: #2f2f2f;
  text-decoration: none;
}

.css-201302 .topShopInformation .inner2 {
  width: 980px;
  margin: 0 0 0 20px;
  position: relative;
}

.css-201302 .topShopInformation .inner2 .list {
  width: 325px;
  color: #898989;
  border-left: solid 1px #bfbfbf;
  float: left;
}

.css-201302 .topShopInformation .inner2 .list .title {
  font-size: 17px;
  font-weight: bold;
}

.css-201302 .topShopInformation .inner2 .list li {
  margin: 0 5px 10px 17px;
}

.css-201302 .topShopInformation .inner2 .list li.qr {
  margin-bottom: 15px;
}

.css-201302 .topShopInformation .inner2 .list li.qr img {
  vertical-align: middle;
  display: inline;
}

.css-201302 .topShopInformation .inner2 a:link, .css-201302 .topShopInformation .inner2 a:visited, .css-201302 .topShopInformation .inner2 a:active {
  color: #898989;
  text-decoration: none;
}

.css-201302 .topShopInformation .inner2 a:hover {
  color: #898989;
  text-decoration: underline;
}

.css-201302 .topShopInformation .inner2 #footer-contact {
  position: absolute;
  top: 120px;
  left: 0;
}


/* =========================================================

△△△ BodyFooterMain △△△

 ========================================================= */


/* 下層
------------------------------*/

#ranking-list {
  width: 780px;
  margin-left: 20px;
  overflow: hidden;
}

.css-201302 .secondRanking {
  width: 780px;
  margin: 0 0 15px 0;
  padding: 0 0 25px 0;
  background: url(../../Contents/201302/common/img/parts/bg_01.gif) no-repeat center bottom;
  position: relative;
}

.css-201302 .secondRanking h2.ttl {
  width: 780px;
  overflow: hidden;
}

.css-201302 .secondRanking p, .css-201302 .secondRanking ul, .css-201302 .secondRanking li {
  font-size: 12px;
  line-height: 140%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .secondRanking img {
  vertical-align: top;
}

.css-201302 .secondRanking span {
  text-align: left;
}

.css-201302 .secondRanking .ttl {
  margin: 0 0 10px 0;
}

.css-201302 .secondRanking .btn {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

.css-201302 .secondRanking .inner {
  width: 780px;
  position: relative;
}

.css-201302 .secondRanking .slide {
  width: 680px;
  margin: 0 0 0 45px;
  overflow: hidden;
}

.css-201302 .secondRanking .slide ul {
  width: auto;
}

.css-201302 .secondRanking .slide li {
  width: 140px;
  height: 330px;
  overflow: hidden;
  float: left;
}

.css-201302 .secondRanking .slide p {
  width: 130px;
  line-height: 16px;
}

.css-201302 .secondRanking .slide p.t1 {
  margin-bottom: 5px;
  padding: 0;
  text-align: center;
  color: #fff;
  background: #000;
}

.css-201302 .secondRanking .slide p.t1 a:link, .css-201302 .secondRanking .slide p.t1 a:visited, .css-201302 .secondRanking .slide p.t1 a:active {
  color: #fff;
  text-decoration: none;
}

.css-201302 .secondRanking .slide p.t1 a:hover {
  color: #fff;
  text-decoration: underline;
}

.css-201302 .secondRanking .slide p.catch {
  padding-top: 4px;
}

.css-201302 .secondRanking .slide .img {
  margin: 0 0 8px 0;
  text-align: center;
  border: solid 1px #e5e5e5;
}

.css-201302 .secondRanking .slide .img img {
  height: 130px;
}

.css-201302 .secondRanking .slide .txt span {
  font-weight: bold;
}

.css-201302 .secondRanking .btnPrev {
  width: 33px;
  position: absolute;
  top: 118px;
  left: 4px;
  z-index: 999;
}

.css-201302 .secondRanking .btnNext {
  width: 33px;
  position: absolute;
  top: 118px;
  right: 4px;
  z-index: 999;
}

#ranking-steady {
  width: 780px;
  overflow: hidden;
  margin-bottom: 15px;
  border-bottom: solid 1px #ccc;
}

.css-201302 .secondRanking2 {
  width: 780px;
  position: relative;
}

.css-201302 .secondRanking2 h2.ttl {
  width: 780px;
  overflow: hidden;
}

.css-201302 .secondRanking2 p, .css-201302 .secondRanking2 ul, .css-201302 .secondRanking2 li {
  font-size: 12px;
  line-height: 150%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.css-201302 .secondRanking2 img {
  vertical-align: top;
}

.css-201302 .secondRanking2 .ttl {
  margin: 0 0 10px 0;
}

.css-201302 .secondRanking2 .btn {
  background: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

.css-201302 .secondRanking2 .inner {
  width: 780px;
  position: relative;
}

.css-201302 .secondRanking2 .slide {
  width: 800px;
  margin: 10px 0 0 10px;
  overflow: hidden;
}

.css-201302 .secondRanking2 .slide ul {
  width: auto;
}

.css-201302 .secondRanking2 .slide li {
  width: 156px;
  height: 360px;
  overflow: hidden;
  float: left;
}

.css-201302 .secondRanking2 .slide p {
  width: 144px;
}

.css-201302 .secondRanking2 .slide p.t1 {
  margin-bottom: 5px;
  padding: 0;
  text-align: center;
  color: #fff;
  background: #000;
}

.css-201302 .secondRanking2 .slide p.t1 a:link, .css-201302 .secondRanking2 .slide p.t1 a:visited, .css-201302 .secondRanking2 .slide p.t1 a:active {
  color: #fff;
  text-decoration: none;
}

.css-201302 .secondRanking2 .slide p.t1 a:hover {
  color: #fff;
  text-decoration: underline;
}

.css-201302 .secondRanking2 .slide p.catch {
  padding-top: 4px;
}

.css-201302 .secondRanking2 .slide .img {
  margin: 0 0 8px 0;
  text-align: center;
  border: solid 1px #e5e5e5;
}

.css-201302 .secondRanking2 .slide .img img {
  height: 136px;
}

.css-201302 .secondRanking2 .slide .txt span {
  font-weight: bold;
}


/* ブランド一覧
------------------------------*/

#dvProductSearch {
  display: none !important;
}

.css-201302 #brand-list {
  width: 980px;
  max-width: 100%;
  margin-left: 0;
  text-align: left;
}

.css-201302 #brand-list #main-image {
  border-bottom: solid 5px #000;
  margin-bottom: 20px;
}

.css-201302 #brand-list #brand-navi {
  margin-bottom: 20px;
}

.css-201302 #brand-list .alpha-block {
  margin-bottom: 20px;
}

.css-201302 #brand-list .alpha-ttl {
  background: url(../../Contents/201302/common/img/brand/brand_ttl_line.jpg) no-repeat right top;
  margin-bottom: 10px;
}

.css-201302 #brand-list .alpha-block .unit {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #ccc;
}

.css-201302 #brand-list .alpha-block .unit .t-wrapper {
  margin-bottom: 0px;
}

.css-201302 #brand-list .alpha-block .unit .t-wrapper table {
  width: 100%;
}

.css-201302 #brand-list .alpha-block .unit .t-wrapper th {
  padding-right: 10px;
}

.css-201302 #brand-list .alpha-block .unit .t-wrapper td {
  width: 250px;
}

.css-201302 #brand-list .alpha-block .unit .img {}

.css-201302 #brand-list .alpha-block .unit .img img {
  width: 490px;
}

.css-201302 #brand-list .alpha-block .unit .genre {
  margin-bottom: 10px;
}

.css-201302 #brand-list .alpha-block .unit .mark {}

.css-201302 #brand-list .alpha-block .unit .ttl {
  margin-bottom: 5px;
  padding: 0 10px;
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
  color: #222;
}

.css-201302 #brand-list .alpha-block .unit .text {
  padding: 0 10px;
  color: #666;
  font-size: 12px;
  line-height: 20px;
}

.css-201302 #brand-list .alpha-block .unit .genre span, .css-201302 #brand-detail #main-image #brand-genre span {
  display: block;
  float: left;
  width: 59px;
  height: 17px;
  background-repeat: no-repeat;
  margin: 0 3px 3px 0;
}

.css-201302 #ico-skin {
  background-image: url(../../Contents/201302/common/img/brand/genre_skin2.jpg)
}

.css-201302 #ico-skin.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_skin1.jpg)
}

.css-201302 #ico-make {
  background-image: url(../../Contents/201302/common/img/brand/genre_make2.jpg)
}

.css-201302 #ico-make.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_make1.jpg)
}

.css-201302 #ico-hair {
  background-image: url(../../Contents/201302/common/img/brand/genre_hair2.jpg)
}

.css-201302 #ico-hair.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_hair1.jpg)
}

.css-201302 #ico-body {
  background-image: url(../../Contents/201302/common/img/brand/genre_body2.jpg)
}

.css-201302 #ico-body.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_body1.jpg)
}

.css-201302 #ico-bath {
  background-image: url(../../Contents/201302/common/img/brand/genre_bath2.jpg)
}

.css-201302 #ico-bath.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_bath1.jpg)
}

.css-201302 #ico-sun {
  background-image: url(../../Contents/201302/common/img/brand/genre_sun2.jpg)
}

.css-201302 #ico-sun.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_sun1.jpg)
}

.css-201302 #ico-aroma {
  background-image: url(../../Contents/201302/common/img/brand/genre_aroma2.jpg)
}

.css-201302 #ico-aroma.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_aroma1.jpg)
}

.css-201302 #ico-eti {
  background-image: url(../../Contents/201302/common/img/brand/genre_eti2.jpg)
}

.css-201302 #ico-eti.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_eti1.jpg)
}

.css-201302 #ico-inner {
  background-image: url(../../Contents/201302/common/img/brand/genre_inner2.jpg)
}

.css-201302 #ico-inner.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_inner1.jpg)
}

.css-201302 #ico-kit {
  background-image: url(../../Contents/201302/common/img/brand/genre_kit2.jpg)
}

.css-201302 #ico-kit.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_kit1.jpg)
}

.css-201302 #ico-mama {
  background-image: url(../../Contents/201302/common/img/brand/genre_mama2.jpg)
}

.css-201302 #ico-mama.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_mama1.jpg)
}

.css-201302 #ico-mens {
  background-image: url(../../Contents/201302/common/img/brand/genre_mens2.jpg)
}

.css-201302 #ico-mens.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_mens1.jpg)
}

.css-201302 #ico-zakka {
  background-image: url(../../Contents/201302/common/img/brand/genre_zakka2.jpg)
}

.css-201302 #ico-zakka.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_zakka1.jpg)
}

.css-201302 #ico-other {
  background-image: url(../../Contents/201302/common/img/brand/genre_other2.jpg)
}

.css-201302 #ico-other.on {
  background-image: url(../../Contents/201302/common/img/brand/genre_other1.jpg)
}


/* ブランド詳細
------------------------------*/

.css-201302 #brand-detail {
  width: 780px;
  margin-left: 20px;
  text-align: left;
}

.css-201302 #brand-detail #main-image {
  width: 780px;
  height: 300px;
  border-bottom: solid 5px #000;
  margin-bottom: 20px;
  position: relative;
}

.css-201302 #brand-detail #main-image #brand-genre {
  width: 280px;
  height: 100px;
  position: absolute;
  top: 167px;
  left: 35px;
}

.css-201302 #brand-detail #philosophy {
  margin-bottom: 20px;
  background: url(../../Contents/201302/common/img/brand/brand_bg.jpg) repeat-x center bottom;
}

.css-201302 #brand-detail #philosophy-top {
  width: 780px;
  height: 40px;
  background: url(../../Contents/201302/common/img/brand/brand_ttl_philosophy.jpg) no-repeat;
}

.css-201302 #brand-detail #philosophy-bottom {
  padding: 0 20px 20px 20px;
}

.css-201302 #brand-detail #philosophy-bottom table {
  width: 100%;
}

.css-201302 #brand-detail #philosophy-bottom th {
  padding: 0 40px 20px 0;
  color: #666;
  font-size: 12px;
  line-height: 20px;
  vertical-align: top;
  font-weight: normal;
  text-align: left;
}

.css-201302 #brand-detail #philosophy-bottom th h3 {
  padding-bottom: 10px;
  color: #f88;
  font-weight: bold;
}

.css-201302 #brand-detail #philosophy-bottom td {
  width: 244px;
  vertical-align: top;
  padding-bottom: 20px !important;
}

.css-201302 #brand-detail #philosophy-bottom td img {
  padding: 1px;
  border: solid 1px #ccc;
}


/* 商品一覧
------------------------------*/

.windowShopping li.t1 {
  width: 168px;
  margin: 6px 0 0 0;
  padding: 2px 0;
  text-align: center;
  color: #fff;
  background: #000;
}

.wsName-wrapper {
  height: 140px;
  overflow: hidden;
}

.goDetailBtn {
  padding: 3px 0;
  text-align: left;
}

.goDetailBtn a:hover img {
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}


/* 商品詳細
------------------------------*/

.css-201302 #dvProductDetailTop div {
  text-align: left !important;
}

.css-201302 #item-name h1 {
  float: none !important;
}

.css-201302 #item-catch {
  padding-top: 10px;
  color: #96520A;
  border-bottom: solid 1px #96520A;
}

.css-201302 .t1 {
  width: 220px;
  margin: 8px 0 3px 0 !important;
  padding: 3px 0 1px 0 !important;
  background: #000;
  color: #fff;
  text-align: center !important;
  font-size: 11px !important;
  line-height: 17px !important;
}

.css-201302 .productSellInfo {
  border: none !important;
  background: none !important;
}

#dvProductDetailArea #detailImage ul {
  margin-top: 10px;
}

.css-201302 #cart-btn-bottom ul.variationImage li {
  border-color: #CCCCCC;
  border-style: solid;
  border-width: 1px;
  float: left;
  height: 40px;
  margin: 0px 6px 6px 0px !important;
  padding: 0;
  text-align: center;
  vertical-align: middle;
  width: 40px;
}

.css-201302 .specia-item-catch {
  font-size: 13px;
  font-weight: bold;
}


/* フリーページ
------------------------------*/

.hdg-l1 {
  margin: 0 0 40px;
  padding: 28px 0 24px;
  border-top: none;
  border-bottom: 2px solid #053931;
  font-size: 22px;
  line-height: 1.2;
  float: none;
  text-align: left;
  color: #053931;
}

.hdg-l1-image {
  font-size: 12px;
}

.hdg-l2 {
  margin: 40px 0 0;
  padding: 0 0 0 15px;
  border-left: 7px solid #053931;
  color: #053931;
  font-size: 18px;
  line-height: 1.2;
  float: none;
  text-align: left;
}

.hdg-l3 {
  margin: 30px 0 0;
  font-size: 16px;
}

.hdg-l4 {
  margin: 25px 0 0;
  font-size: 15px;
}

.hdg-l5 {
  margin: 20px 0 0;
  font-size: 14px;
}

.text-indent {
  margin: 20px 0;
  line-height: 2;
  text-align: left;
}

.text-indent p {
  margin-top: 10px;
}

.text-indent>*:first-child {
  margin-top: 0;
}

.text-indent a {
  text-decoration: underline;
}

.text-indent a:hover {
  text-decoration: none;
}

.list-ordered-02 li {
  line-height: 2;
}

.tbl {
  margin: 15px 0;
}

.tbl th, .tbl td {
  padding: 8px 40px !important;
}

.tbl thead th {
  text-align: center;
}

.tbl tbody th {
  border-right: 1px solid #ccc;
  vertical-align: top;
  text-align: left;
  font-weight: normal;
}

.tbl tbody tr th:first-child {
  padding-left: 0 !important;
}

.tbl-02 {
  margin: 0 0 30px;
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
}

.tbl-02 th, .tbl-02 td {
  padding: 10px;
  border-top: 1px solid #ccc;
}

.tbl-02 th {
  font-weight: bold;
}

.tbl-02 td {
  text-align: center;
}

.tbl-02 thead th, .tbl-02 thead td {
  padding: 5px 10px;
  background-color: #e5e5e5;
  text-align: center;
}

.tbl-02 tbody th {
  text-align: left;
}

.tbl-03 {
  margin: 0 0 10px;
  width: 100%;
  border: 1px solid #ccc;
  border-right: none;
  background-color: transparent;
}

.tbl-03 th, .tbl-03 td {
  padding: 10px;
  border-right: 1px solid #ccc;
}

.tbl-03 th {
  font-weight: bold;
}

.tbl-03 td {
  text-align: center;
}

.tbl-03 thead th, .tbl-03 thead td {
  padding: 5px 10px;
  background-color: #e5e5e5;
  text-align: center;
}

.tbl-03 tbody th {
  text-align: left;
}

.guide .col {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 20px 70px;
  border: 1px solid #ccc;
  background-color: #fff;
  box-sizing: border-box;
}

.guide .col .ta-center {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}

.ta-center {
  margin-right: auto !important;
  margin-left: auto !important;
  text-align: center !important;
}

.ta-center a {
  text-decoration: none;
}

.guide2 .col {
  position: relative;
  margin-bottom: 20px;
  padding: 20px 20px 70px;
  border: 1px solid #ccc;
  background: #ffffff;
  /*
  background: -webkit-linear-gradient(top, #ffffff 0%, #f1f1f1 100%);

  background: linear-gradient(to bottom, #ffffff 0%, #f1f1f1 100%);
*/
  box-sizing: border-box;
}

.guide2 .col .ta-center {
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
}

.hdg-l3-guide {
  text-align: center;
  font-size: 16px;
  line-height: 1.3;
  color: #053931;
}

.hdg-l3-guide img {
  margin: 0 auto 8px;
}

.box {
  margin-top: 20px;
  padding: 15px 20px;
  background-color: #fff;
}

.box>*:first-child {
  margin-top: 0 !important;
}

.box>.hdg-l2-top:first-child {
  margin-top: -15px !important;
}

.box-02 {
  margin-top: 20px;
  padding: 15px 30px;
  border: 1px solid #ccc;
  background-color: #fff;
}

[class*="lyt-column"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-right: auto;
  margin-left: auto;
}

[class*="lyt-column"]>* {
  margin: 0 0 10px 2.7027%;
}

[class*="lyt-column"].branch {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.lyt-column2>* {
  width: 48.64865%;
}

.lyt-column2>*:nth-child(2n+1) {
  margin-left: 0;
}

.lyt-column3>* {
  width: 31.53153%;
}

.lyt-column3>*:nth-child(3n+1) {
  margin-left: 0;
}

.lyt-column4>* {
  width: 22.97297%;
}

.lyt-column4>*:nth-child(4n+1) {
  margin-left: 0;
}

.lyt-column5>* {
  width: 17.83784%;
}

.lyt-column5>*:nth-child(5n+1) {
  margin-left: 0;
}

.lyt-column6>* {
  width: 14.41441%;
}

.lyt-column6>*:nth-child(6n+1) {
  margin-left: 0;
}

.box [class*="lyt-column"] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  -webkit-align-content: flex-start;
  align-content: flex-start;
  -webkit-align-items: stretch;
  align-items: stretch;
  margin-right: auto;
  margin-left: auto;
}

.box [class*="lyt-column"]>* {
  margin: 0 0 10px 1.38889%;
}

.box .lyt-column2>* {
  width: 49.30556%;
}

.box .lyt-column2>*:nth-child(2n+1) {
  margin-left: 0;
}

.box .lyt-column3>* {
  width: 32.40741%;
}

.box .lyt-column3>*:nth-child(3n+1) {
  margin-left: 0;
}

.box .lyt-column4>* {
  width: 23.95833%;
}

.box .lyt-column4>*:nth-child(4n+1) {
  margin-left: 0;
}

.box .lyt-column5>* {
  width: 18.88889%;
}

.box .lyt-column5>*:nth-child(5n+1) {
  margin-left: 0;
}

.box .lyt-column6>* {
  width: 15.50926%;
}

.box .lyt-column6>*:nth-child(6n+1) {
  margin-left: 0;
}

.link-list {
  margin: 15px 0 0;
  padding: 0;
}

.link-list[class*="lyt-column"] {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}

.link-list[class*="lyt-column"]> {
  margin-bottom: 5px;
}

.link-list>li {
  margin: 0 0 8px;
  padding: 0 0 0 10px;
  list-style: none;
}

.link-list>li>a {
  position: relative;
  display: inline-block;
  padding: 0 0 0 12px;
  color: #000;
  text-decoration: underline;
}

.link-list>li>a:before {
  position: absolute;
  top: .5em;
  left: 0;
  display: block;
  width: 0;
  height: 0;
  border: 3px solid transparent;
  border-left: 6px solid #053931;
  content: "";
}

.link-list>li>a:hover, .link-list>li>a:active, .link-list>li>a:focus {
  color: #000;
  text-decoration: none;
}

.link-list .link-list {
  margin: 8px 0 0 20px;
}

.notice-list {
  font-size: 12px;
}

.notice-list b {
  color: #f77;
}

.notice-list>li {
  display: table;
  margin: 0;
  list-style: none;
}

.notice-list>li>* {
  display: table-cell;
  vertical-align: top;
}

.notice-list .marker {
  padding: 0 4px 0 0;
  white-space: nowrap;
}

.css-201302 .text-indent .list, .css-201302 .text-indent .list-line, .list-def {
  margin: 10px 0 0;
}

.css-201302 .text-indent .list li, .css-201302 .text-indent .list-line li {
  position: relative;
  margin: .2em 0;
  padding: 0 5px 0 12px;
  list-style: none;
}

.css-201302 .text-indent .list li:before, .css-201302 .text-indent .list-line li:before {
  position: absolute;
  top: .6em;
  left: 0;
  display: inline-block;
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #073931;
  content: "";
}

.css-201302 .text-indent .list-line {
  border-top: 1px solid #e5e5e5;
}

.css-201302 .text-indent .list-line li {
  padding: 4px 5px 3px 12px;
  border-bottom: 1px solid #e5e5e5;
}

.css-201302 .text-indent .list-line li:before {
  top: .8em;
}

.list-def dt {
  font-weight: bold;
}

.list-def dd+dt {
  margin-top: 10px;
}

.text-alert {
  color: #f51d1d;
}

.w-20 {
  width: 20% !important;
}

.text-em {
  color: #F77;
}

.text-em a {
  color: #F77;
}

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

.x-large {
  font-size: 18px !important;
}


/* GuideDelivery_anc04エリア追記 */

.anc04-delivery {
  margin: 10px 0 30px;
}

.anc04-delivery p {
  margin-bottom: 8px;
}

.anc04-delivery dl {
  overflow: hidden;
}

.anc04-delivery dt {
  text-align: left !important;
  width: 48%;
  float: left;
  padding: 10px 1%;
}

.anc04-delivery dd {
  text-align: left !important;
  width: 48%;
  float: right;
  padding: 10px 1%;
}


/* ヘッダーお気に入り追記 */

.fa-ico {
  display: inline-block;
  font-family: FontAwesome;
  font-size: 11px;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 600;
  margin-right: 8px;
  position: relative;
}

.menu-favorite .fav-popup {
  display: none;
  width: 170px;
  position: absolute;
  top: 25px;
  right: 10px;
  padding: 14px;
  background: #ffffff;
  border: 1px solid #ccc;
  z-index: 1;
}

.menu-favorite .open {
  display: block;
}

.css-201302 #hBlock .txt3 {
  width: 160px;
  left: 305px;
}

.css-201302 #hBlock .txt3 li {
  display: flex;
  align-items: center;
}

.txt3 .favo-link:before {
  content: "\f004";
  color: #ff7776;
  font-weight: normal;
  font-size: 13px;
  margin-right: 2px;
}

.menu-favorite .fav-popup:before {
  content: "";
  position: absolute;
  top: -16px;
  right: 26px;
  border: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  z-index: 2;
}

.menu-favorite .fav-popup ul {
  display: flex;
  justify-content: center;
}

.menu-favorite .fav-popup:after {
  content: "";
  position: absolute;
  top: -20px;
  right: 24px;
  border: 10px solid transparent;
  border-bottom: 10px solid #ccc;
  z-index: 1;
}

.menu-favorite .fav-popup ul a {
  text-decoration: none !important;
  background: #5a5b5b;
  color: #fff !important;
  padding: 4px 8px;
  font-size: 11px;
}

.menu-favorite .fav-popup ul li:first-child a {
  margin-right: 10px;
}

.menu-favorite .fav-popup ul li {
  margin: 10px 0 0 0 !important;
}

.menu-favorite .fav-popup p {
  line-height: 1.5 !important;
  text-align: center;
  font-size: 11px !important;
}

.mypage-link:before {
  content: "\f007";
  color: #ff7776;
  font-weight: normal;
  font-size: 16px;
  padding-right: 2px;
}

.css-201302 #hBlock .txt3 li a {
  text-decoration: none;
}

.css-201302 #hBlock .nav-login {
  left: 250px;
  overflow: hidden;
  width: 200px;
}

.css-201302 #hBlock .nav-login li {
  float: left;
}

.css-201302 #hBlock .nav-login li:last-child {
  clear: both;
}

.css-201302 #hBlock .ttl2 {
  left: 226px;
}


/* 20210401 */

.css-201302 #hNav4 {
  display: flex;
}

.css-201302 #hNav4 li ._210401 {
  width: 94px;
}

.main #acMenu {
  width: 1000px;
}

.main #acMenu dt, .main #acMenu dd {
  width: 969px;
}

.main a.form-btn {
  background: #053931;
}