@charset "shift_jis";
/*==============================================
common
============================================= */
#header {
  border-bottom: #ededed solid 1px;
}
.headerIn, .footerIn, .copyRightIn {
  width: 1000px;
  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/12_orbi9/hero_bg_pc.jpg) center top no-repeat;
}
.mainTitle {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/hero_tit_pc.png) left top 278px no-repeat;
  width: 1156px;
  margin: 0 auto;
}
h1 {
  width: 1155px;
  height: 791px;
  text-indent: -999em;
  font-size: 0;
  z-index: 1;
}
.lead {
  width: 820px;
  margin: 150px auto 50px;
  font-size: 17px;
  line-height: 1.9;
}
.lead a:link, .lead a:visited {
  color: #0054ee;
  text-decoration: underline;
}
.lead a:hover, .lead a:active {
  text-decoration: none;
}
.lead a.questant:link, .lead a.questant:visited {
  color: #DD5F1B;
  text-decoration: underline;
  font-weight: bold;
}
.lead a.questant:hover, .lead a.questant:active {
  text-decoration: none;
}
.lead span.gift {
  background: linear-gradient(transparent 0%, #F8AA81 0%);
  font-weight: bold;
  padding: 0 5px;
}
/*==============================================
.anchor
============================================= */
.anchor_wrapper {
  width: 100%;
  margin: 0 auto;
  padding: 44px 0 55px;
  background: #32302f;
}
.anchor_wrapper .inBox {
  width: 1078px;
  margin: 0 auto;
  position: relative;
}
.anchor_wrapper p {
  display: block;
  width: 19px;
  height: 302px;
  text-indent: -999em;
  line-height: 0;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/img_contents.png) center top no-repeat;
  position: absolute;
  top: -140px;
  left: 0;
}
.anchor {
  width: 820px;
  text-align: left;
  box-sizing: border-box;
  margin: 0 auto;
}
.anchor li {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/icon_anchor.png) no-repeat left center;
  height: 20px;
  display: block;
  ms-transition: all .2s;
  transition: all .2s;
  padding-left: 30px;
  margin: 26px 0;
}
.anchor li a {
  color: #FFF;
  font-size: 17px;
  ms-transition: all .2s;
  transition: all .2s;
}
.anchor li span {
  display: inline-block;
  box-sizing: border-box;
  text-align: left;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/icon_anchor_02.png) no-repeat right center;
  padding-right: 20px;
  margin-right: 20px;
}
.anchor li:hover {
  opacity: 0.5;
}
/*==============================================
 #mainContents
============================================= */
#mainContents {
  font-family: 'ŸΰƒSƒVƒbƒN Medium', 'ŸΰƒSƒVƒbƒN‘Μ', 'Yu Gothic Medium', YuGothic, 'ƒqƒ‰ƒMƒmŠpƒS ProN', 'Hiragino Kaku Gothic ProN', 'ƒƒCƒŠƒI', Meiryo, '‚l‚r ‚oƒSƒVƒbƒN', 'MS PGothic', sans-serif;
  font-feature-settings: "palt"1;
  letter-spacing: 0.05em;
}
#article01, #article02, #article03 {
  background-color: #242322;
  padding: 100px 0 0;
}
#article04 {
  background: #242322 url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/bg_article04.jpg) no-repeat top center;
  padding: 100px 0 0;
}
.paragraphIn {
  width: 820px;
  margin: 0 auto;
  color: #FFF;
  padding-bottom: 100px;
}
.paragraph p {
  font-size: 16px;
  line-height: 2.0;
  margin-bottom: 30px;
}
.paragraph h2 {
  width: 1078px;
  margin: 0 auto;
  font-size: 43px;
  line-height: 1.5em;
  font-weight: normal;
  position: relative;
  border-left: #3D65FF solid 1px;
  padding-left: 126px;
  padding-bottom: 40px;
  box-sizing: border-box;
  color: #FFF;
  margin-bottom: 20px;
}
h2 span.main {
  display: block;
  padding-top: 50px;
}
h2 span.sub {
  color: #578dff;
  font-size: 26px;
  display: block;
  position: absolute;
  top: 0;
  left: 40px;
  line-height: 1.0;
}
.paragraph h3 {
  width: 865px;
  border-left: #3376FF solid 1px;
  font-size: 34px;
  padding: 5px 0 5px 45px;
  margin: 100px 0 45px -45px;
}
/*==============================================
banner
============================================= */
.topbnr{
	  width: 440px;
	  border-radius: 50px;
	margin-left: 78px;
	background: rgb(229,168,4);
background: -moz-linear-gradient(90deg, rgba(229,168,4,1) 0%, rgba(233,108,53,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(229,168,4,1) 0%, rgba(233,108,53,1) 100%);
background: linear-gradient(90deg, rgba(229,168,4,1) 0%, rgba(233,108,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5a804",endColorstr="#e96c35",GradientType=1);
ms-transition: all .2s;
  transition: all .2s;
}
.topbnr a {
  display: block;
  width: 100%;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/icon_arrow01.png) no-repeat;
  background-size: 20px;
  background-position: right 20px center;
  color: #FFF;
  font-size: 14px;
  font-weight: bold;
  padding: 16px 0;
  text-align: center;
}
.topbnr:hover{
	  width: 440px;
	  border-radius: 50px;
	margin-left: 78px;
background: rgb(255,186,0);
background: -moz-linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,117,56,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,117,56,1) 100%);
background: linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,117,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffba00",endColorstr="#ff7538",GradientType=1);
}

.innerbnr {
  width: 100%;
  background-color: #eaeaea;
  padding: 60px 0;
}
.innerbnr a {
  display: block;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/bnr_inner_pc.png) no-repeat center top;
  width: 1000px;
  height: 193px;
  text-indent: -9999em;
  font-size: 0;
  z-index: 1;
  margin: 0 auto;
  ms-transition: all .2s;
  transition: all .2s;
  border-radius: 5px;
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.2);
}
.innerbnr a:hover {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/bnr_inner_pc_hover.png) no-repeat center top;
}

.bnr_inset{
	width: 820px;
	margin: 80px auto 0;
	border: solid #5E5E5E;
border-width: 1px 0 1px 0;
	padding: 20px 20px;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.bnr_inset a{
	display: inline-block;
	width: 390px;
	  border-radius: 50px;
	margin-left: 30px;
	background: rgb(229,168,4);
background: -moz-linear-gradient(90deg, rgba(229,168,4,1) 0%, rgba(233,108,53,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(229,168,4,1) 0%, rgba(233,108,53,1) 100%);
background: linear-gradient(90deg, rgba(229,168,4,1) 0%, rgba(233,108,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5a804",endColorstr="#e96c35",GradientType=1);
	padding: 10px 0;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.bnr_inset a:hover{
	display: inline-block;
	width: 390px;
	  border-radius: 50px;
	margin-left: 30px;
background: rgb(255,186,0);
background: -moz-linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,117,56,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,117,56,1) 100%);
background: linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,117,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffba00",endColorstr="#ff7538",GradientType=1);
	padding: 10px 0;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
}
.bnr_inset a span{
	display: inline-block;
	width: 390px;
	background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/icon_arrow01.png) no-repeat;
  background-size: 20px;
  background-position: right 20px center;
}
/*==============================================
.imgBox
============================================= */
.imgBox + p {
  margin-top: 60px;
}
.imgBox {
  margin: 80px auto 0;
  width: 820px;
  text-align: center;
  font-size: 0;
}
.w600 {
  margin: 80px auto 0;
  width: 600px !important;
  text-align: center;
  font-size: 0;
}
.inbox, .inbox02 {
  overflow: hidden;
  zoom: 1;
}
/*@inbox@ƒˆƒR2–‡‘g —p */
.imgBox .inbox .floatL, .imgBox .inbox .floatR, .imgBox02 .inbox .floatL, .imgBox02 .inbox .floatR {
  position: relative;
  width: 49%;
}
.imgBox .inbox .floatR {
  height: 250px;
  position: relative;
}
.imgBox .inbox .floatR span.innertxt {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}
.imgBox .inbox .floatR.h400 {
  height: 400px !important;
  position: relative;
}
.imgBox .inbox .floatR.h636 {
  height: 636px !important;
  position: relative;
}
.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;
}
/*==============================================
 .productBox
============================================= */
.productBox {
  background-color: #242322;
  padding: 1px 0 0 0;
}
.productBoxIn {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 120px;
}
p.tit_prd {
  width: 865px;
  border-left: #3376FF solid 1px;
  font-size: 34px;
  padding: 5px 0 5px 45px;
  margin: 80px 0 35px 0px;
  color: #FFF;
}
.wrap_prd {
  overflow: hidden;
  zoom: 1;
}
.prd_box {
  display: inline-block;
  width: 480px;
  background-color: #FFFFFF;
}
.prd_box.flL {
  float: left;
}
.prd_box.flR {
  float: right;
}
.prd_box .img {
  width: 100%;
  text-align: center;
  background-color: #ebebeb;
  padding: 35px 0 15px;
}
.prd_box .img img {
  width: auto;
}
.prd_box .info {
  height: 280px;
  padding: 0 47px 0;
  box-sizing: border-box;
  width: 100%;
}
.prd_box dt.name {
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/img_orbi9.png) no-repeat center top;
  background-size: 100%;
  width: 182px;
  padding-top: 20%;
  text-indent: -9999em;
  font-size: 0;
  z-index: 1;
  margin: 47px auto 0;
}
.prd_box dd.color {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
.prd_box dd.color span {
  font-size: 12px;
  margin-left: 10px;
  border: #666666 1px solid;
  padding: 2px 9px;
  border-radius: 3px;
  vertical-align: 2px;
}
.btn_prd{
	  width: 366px;
	  border-radius: 50px;
	background: rgb(229,168,4);
background: -moz-linear-gradient(90deg, rgba(229,168,4,1) 0%, rgba(233,108,53,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(229,168,4,1) 0%, rgba(233,108,53,1) 100%);
background: linear-gradient(90deg, rgba(229,168,4,1) 0%, rgba(233,108,53,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5a804",endColorstr="#e96c35",GradientType=1);
	margin: 27px auto 0;
ms-transition: all .2s;
  transition: all .2s;
}
.btn_prd:hover{
	background: rgb(255,186,0);
background: -moz-linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,117,56,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,117,56,1) 100%);
background: linear-gradient(90deg, rgba(255,186,0,1) 0%, rgba(255,117,56,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffba00",endColorstr="#ff7538",GradientType=1);
	margin: 27px auto 0;
}
.btn_prd a {
  display: block;
  width: 366px;
  background: url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/icon_arrow01.png) no-repeat;
  background-size: 20px;
  background-position: right 14px center;
  color: #FFF;
  border-radius: 50px;
  font-size: 14px;
  font-weight: bold;
  padding: 13px 0;
  text-align: center;

}

.btn_official a {
  display: block;
  width: 360px;
  background: #124cc8 url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/icon_arrow01.png) no-repeat;
  background-size: 20px;
  background-position: right 14px center;
  color: #FFF;
  border: #124cc8 solid 3px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  ms-transition: all .2s;
  transition: all .2s;
  margin: 20px auto 0;
}
.btn_official a:hover {
  display: block;
  width: 360px;
  background: #FFF url(https://img1.kakaku.k-img.com/images/article/tieup/22/12_orbi9/icon_arrow01_hover.png) no-repeat;
  background-size: 20px;
  background-position: right 14px center;
  color: #000;
  border: #000 solid 3px;
  border-radius: 50px;
  font-size: 13px;
  font-weight: bold;
  padding: 10px 0;
  text-align: center;
  margin: 20px auto 0;
}
.prd_box.flR .btn_official {
  margin-top: 63px !important;
}
p.info_campaign {
  font-size: 16px;
  line-height: 1.8;
  color: #FFF;
  margin-top: 80px;
}
caption {
  text-align: left;
  font-size: 13px;
  margin-bottom: 15px;
}
table {
  border: solid #757575;
  border-width: 1px 0 1px 0;
  border-spacing: 0;
  color: #FFF;
  width: 1000px;
  margin: 80px auto 0px;
  empty-cells: show;
  line-height: 1.5;
  font-size: 100%;
}
th {
  border: dotted #757575;
  border-width: 0 0 1px 0;
  font-size: 13px;
  font-weight: bold;
  text-align: left;
  margin: 0;
  padding: 15px 10px;
  width: 25%;
}
td {
  border: dotted #757575;
  border-width: 0 0 1px 0;
  text-align: left;
  padding: 15px 10px;
  font-size: 15px;
}
.wrap_questant {
  width: 100%;
  margin: 0px auto;
  text-align: center;
  background: #EDEDED;
  padding: 80px 0;
}
.wrap_questant p.title {
  font-size: 25px;
  font-weight: bold;
}
.wrap_questant p.title br {
  display: none;
}
.wrap_questant p.info_txt {
  font-size: 14px;
  line-height: 1.8;
  margin-top: 30px;
}
.wrap_questant a {
  display: block;
  background-color: #124cc8;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  box-sizing: border-box;
  width: 500px;
  border-radius: 6px;
  margin: 30px auto 0;
  color: #FFF;
}
/*==============================================
.releasedate
============================================= */
.releasedate {
  font-size: 11px;
  color: #C8C8C8;
  width: 1000px;
  margin: 80px auto 0px;
  text-align: right;
}