@charset "shift_jis";
/*==============================================
common
============================================= */

#header {
  border-bottom: #ededed solid 1px;
}
.headerIn, .footerIn, .copyRightIn {
  width: 930px;
  margin: 0 auto;
}
.copyRight {
  border-top: 1px solid #ededed;
}
#footer {
  margin-top: 10px;
}
.pageTop {
  border-radius: 50%;
}
span.caution {
  font-size: 11px;
  display: block;
  margin-top: 10px;
  color: #A0A0A0;
}
sup {
  vertical-align: super;
  font-size: 9px;
}
/*==============================================
ŠΕ”Β
============================================= */
.mainTitleWrap {
  width: 100%;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/hero_pc_bg.png) left top repeat-x;
}
.mainTitle {
  width: 930px;
  margin: 0 auto 0;
  padding: 60px 0 0 0;
}
h1 {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/hero_pc_tit.png) center top no-repeat;
  width: 1038px;
  height: 552px;
  text-indent: -999em;
  font-size: 0;
  z-index: 1;
}
.lead {
  margin-top: 30px;
  font-size: 17px;
  line-height: 1.8;
}
.lead a:link, .lead a:visited {
  color: #0054ee;
  text-decoration: underline;
}
.lead a:hover, .lead a:active {
  color: #699dfc;
}
/*==============================================
.anchor
============================================= */
.anchor_wrapper {
  width: 100%;
  margin: 100px auto 0;
}
.anchor_wrapper .inBox {
  width: 930px;
  margin: 0 auto;
  overflow: hidden;
  zoom: 1;
}
.anchor_wrapper p {
  display: block;
  width: 89px;
  height: 16px;
  text-indent: -999em;
  line-height: 0;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/icon_contents.png) center top 2px no-repeat;
  float: left;
}
.anchor {
  width: 800px;
  float: right;
  text-align: left;
  box-sizing: border-box;
}
.anchor li {
  display: block;
  ms-transition: all .2s;
  transition: all .2s;
  margin-bottom: 20px;
}
.anchor li a {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/icon_anchor.png) no-repeat left center;
  display: block;
  padding-left: 24px;
  box-sizing: border-box;
  font-size: 17px;
  ms-transition: all .2s;
  transition: all .2s;
}
.anchor li:hover {
  opacity: 0.5;
}
/*==============================================
 #mainContents
============================================= */
#mainContents {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
  font-feature-settings: "palt"1;
  letter-spacing: 0.02em;
}
#mainContents b, #mainContents strong, #mainContents .bold {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
.paragraph {
  width: 100%;
  margin: 100px auto;
  border-top: #000000 4px solid;
}
.paragraphIn {
  width: 930px;
  margin: 0 auto;
}
.paragraph p {
  font-size: 17px;
  line-height: 1.8;
  margin-bottom: 20px;
}
.paragraph p b {
  background: linear-gradient(transparent 75%, #E3D1B0 0%);
}
.paragraph h2 {
  width: 930px;
  margin: -4px auto 40px;
  font-size: 36px;
  line-height: 1.5;
  font-weight: bold;
}
#article01 h2 span.sub {
  display: block;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/subtit_01.png) no-repeat center top;
  width: 443px;
  height: 109px;
  text-indent: -9999em;
  font-size: 0;
  z-index: 1;
}
#article02 h2 span.sub {
  display: block;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/subtit_02.png) no-repeat center top;
  width: 442px;
  height: 105px;
  text-indent: -9999em;
  font-size: 0;
  z-index: 1;
}
#article03 h2 span.sub {
  display: block;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/subtit_03.png) no-repeat center top;
  width: 443px;
  height: 106px;
  text-indent: -9999em;
  font-size: 0;
  z-index: 1;
}
#article04 h2 span.sub {
  display: block;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/subtit_04.png) no-repeat center top;
  width: 442px;
  height: 108px;
  text-indent: -9999em;
  font-size: 0;
  z-index: 1;
}
.paragraph h3 {
  font-size: 27px;
  font-weight: bold;
  color: #bf933f;
  margin: 90px 0 30px;
}
/*==============================================
banner
============================================= */
.topbnr a {
  display: block;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/bnr_top_pc.png) no-repeat center top;
  width: 930px;
  height: 109px;
  text-indent: -9999em;
  font-size: 0;
  z-index: 1;
  margin: 50px auto 0;
  ms-transition: all .2s;
  transition: all .2s;
}
.topbnr a:hover {
  opacity: 0.7;
}
.innerbnr a {
  display: block;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/bnr_inner_pc.png) no-repeat center top;
  width: 930px;
  height: 154px;
  text-indent: -9999em;
  font-size: 0;
  z-index: 1;
  margin: 60px auto 0;
  ms-transition: all .2s;
  transition: all .2s;
}
.innerbnr a:hover {
  opacity: 0.7;
}
/*==============================================
.imgBox
============================================= */
.imgBox + p {
  margin-top: 60px;
}
.imgBox {
  margin: 60px auto 0;
  width: 930px;
  text-align: center;
  font-size: 0;
}
.bench .imgBox {
  margin: 0 auto 0;
  width: 100% !important;
  text-align: center;
  font-size: 0;
}
p.tit_bench {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/icon_bench.png) no-repeat center left;
  padding-left: 17px;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 10px;
}
.w400 {
  margin: 60px auto 0;
  width: 400px !important;
  text-align: center;
  font-size: 0;
}
.inbox {
  overflow: hidden;
  zoom: 1;
}
.bench {
  width: 930px;
  padding: 35px 50px;
  box-sizing: border-box;
  background-color: #f0eeea;
  margin-bottom: 6px;
}
p + .bench {
  margin-top: 60px;
}
/*@inbox@ƒˆƒR2–‡‘g —p */
.imgBox .inbox .floatL, .imgBox .inbox .floatR, .imgBox02 .inbox .floatL, .imgBox02 .inbox .floatR {
  position: relative;
  width: 49%;
}
.imgBox.adj_01 .inbox .floatL {
  position: relative;
  width: 53%;
}
.imgBox.adj_01 .inbox .floatR {
  position: relative;
  width: 45%;
}
.imgBox.adj_02 .inbox .floatL {
  position: relative;
  width: 60%;
}
.imgBox.adj_02 .inbox .floatR {
  position: relative;
  width: 38%;
}
.imgBox a {
  display: block;
  transition: opacity .2s;
}
.imgBox a:hover {
  opacity: 0.8;
  text-decoration: none;
}
.imgBox img {
  width: 100%;
}
.imgBox .floatL img, .imgBox .floatR img {
  width: 100%;
}
.imgBox p.floatL, .imgBox p.floatR {
  box-sizing: border-box;
}
.imgBox .cap {
  width: 100%;
  margin: 12px auto 0;
  text-align: left;
  font-size: 13px;
}
.imgBox .floatR.cap {
  width: 48%;
  margin-top: 0;
}
.bench .imgBox .floatL.cap {
  width: 48%;
  margin-top: 0;
}
.img_evo {
  margin-top: 30px;
}
/*==============================================
 .productBox
============================================= */
.productBox {
  background-color: #000;
  padding: 100px 0 40px;
}
.productBoxIn {
  width: 930px;
  margin: 0 auto;
}
p.tit_prd {
  font-size: 25px;
  font-weight: bold;
  color: #c9a970;
}
table {
  background-color: #FFFFFF;
  color: #000;
  width: 930px;
  margin: 40px auto 0px;
  empty-cells: show;
  line-height: 1.5;
  font-size: 100%;
}
th {
  background-color: #ae9872;
  border: solid #000;
  border-width: 0 1px 1px 0;
  font-size: 13px;
  font-weight: normal;
  text-align: left;
  margin: 0;
  padding: 15px;
  width: 10%;
  color: #FFF;
}
td {
  border: solid #000;
  border-width: 0 1px 1px 0;
  text-align: center;
  padding: 15px;
  width: 30%;
  font-size: 14px;
}
tr.bg {
  background-color: #f4f2ed;
}
.productBox a {
  display: block;
  width: 100%;
  margin: 25px 0 10px;
  position: relative;
}
.productBox a .img {
  width: 180px;
  margin: 0 auto;
}
.productBox a .img img {
  width: 100%;
}
.productBox a .info {
  margin-top: 8px;
  text-align: center;
}
.productBox a .name {
  font-size: 18px;
  font-weight: bold;
}
.productBox a .name br {
  display: none;
}
.productBox a .btn {
  background: #bf4915 url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/icon_arrow.png) no-repeat;
  background-size: 7px;
  background-position: right 15px center;
  color: #FFFFFF;
  font-size: 12px;
  width: 200px;
  margin: 15px auto 0;
  padding: 13px 0;
  border-radius: 2px;
  ms-transition: all .2s;
  transition: all .2s;
}
.productBox a .btn:hover {
  opacity: 0.7;
}
p.icon_review {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/10_envy/icon_review.png) center top no-repeat;
  width: 76px;
  height: 25px;
  text-indent: -999em;
  font-size: 0;
  z-index: 1;
  position: absolute;
  top: -45px;
  left: 85px;
}
.txtL {
  text-align: left;
}
/*==============================================
.releasedate
============================================= */
.releasedate {
  font-size: 11px;
  color: #D9D9D9;
  width: 930px;
  margin: 70px auto 50px;
  text-align: right;
}