@charset "utf-8";
/* CSS Document */

/*base setting
--------------------------------------------*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,input,article,aside,footer,header,hgroup,nav,section {margin:0px;padding:0px;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,/*strong,*/th,dt {/*font-size:1em;*/font-style:normal;font-weight:normal;}
ul,ol {list-style:none;}
/*form label {cursor:pointer;}
input {vertical-align:middle;}
table {border-collapse:collapse;border-spacing:0px;font-size:inherit;font:100%;}*/
img {border:none;/*line-height:1em;vertical-align:bottom;*/vertical-align: middle;}
body {
	line-height: 1.7em;
	font-size: 0.88em;
	font-family:'メイリオ',meiryo,'ＭＳＰゴシック',MS PGothic,Verdana,arial,'ヒラギノ角ゴPro W3','Hiragino Kaku Gothic Pro',sans-serif !important;
	color: #252525;
}
a {
	color: #314da5;
	text-decoration: none;
}
a:hover {
	color: #cc0000;
	text-decoration: underline;
}
h2 {
	border-bottom: 1px solid #cccccc;
	border-top: 4px solid #cccccc;
	font-size: 1.57em;
	margin: 40px 0 20px;
	padding: 15px 0 15px 20px;
}
h3 {
	border-left: 6px solid #999999;
	font-size: 1.43em;
	margin-bottom: 20px;
	padding: 2px 0 2px 15px;
}
.box-indent {
	padding: 20px;
}
.blank_mark {
	padding: 0 5px;
}
.text-link {
	background: url(/mball/ssj/img/top/ico_arrow.png) no-repeat left 8px;
	padding-left: 12px;
}
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
.cf {
    zoom:1;
}

/*start
--------------------------------------------*/
.wrap {
	width: 950px;
	margin: 0 auto;
}
.main {
	margin-bottom: 20px;
	position: relative;
}
.main .sns {
	position: absolute;
	top: 10px;
	right: 0;
}
.main .cpn-period {
	height: 35px;
	color: #ffffff;
	text-align: right;
	line-height: 35px;
	letter-spacing: 1px;
	padding-right: 10px;
	background: #252525;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #252525), color-stop(100%, #555555));
	background-image: -webkit-linear-gradient(top, #252525, #555555);
	background-image: -moz-linear-gradient(top, #252525, #555555);
	background-image: -o-linear-gradient(top, #252525, #555555);
	background-image: linear-gradient(to bottom, #252525, #555555);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF252525', endColorstr='#FF555555');
}
.main .cpn-period .focus {
	font-weight: bold;
	font-size: 130%;
}
.sns {
	text-align: center;
}
.box-getID {
	float: left;
	width: 360px;
	padding-left: 20px;
}
.btn-gray a {
	width: 270px;
	display: block;
	color: #252525;
	text-align: center;
	padding: 5px 0;
	margin: 10px auto;
	border: 1px solid #d9d9d9;
	border-radius: 2px;
	background: #ffffff;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
	background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
	background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFF5F5F5');
}
.btn-gray a:hover {
	text-decoration: none;
	background: #f5f5f5;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #e5e5e5));
	background-image: -webkit-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -moz-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: -o-linear-gradient(top, #f5f5f5, #e5e5e5);
	background-image: linear-gradient(to bottom, #f5f5f5, #e5e5e5);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5F5F5', endColorstr='#FFE5E5E5');
}
.box-getCoupon {
	float: right;
	width: 535px;
	padding-right: 20px;
	background: url(/mball/ssj/img/top/bg_coupon.png) no-repeat right top;
}
.btn-yellow {
	clear: both;
	border-top: 1px dotted #d9d9d9;
	padding: 35px 0;
	margin-top: 5px;
}
.btn-yellow a {
	font-size: 1.42em;
	width: 505px;
	display: block;
	color: #252525;
	text-align: center;
	padding: 20px 0;
	margin: 10px auto;
	border: 1px solid #fccd0a;
	border-radius: 2px;
	background: #fde260;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fde260), color-stop(100%, #fccd0a));
	background-image: -webkit-linear-gradient(top, #fde260, #fccd0a);
	background-image: -moz-linear-gradient(top, #fde260, #fccd0a);
	background-image: -o-linear-gradient(top, #fde260, #fccd0a);
	background-image: linear-gradient(to bottom, #fde260, #fccd0a);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDE260', endColorstr='#FFFCCD0A');
}
.btn-yellow a:hover {
	text-decoration: none;
	border: 1px solid #f2b00a;
	background: #f0af0a;
	background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0af0a), color-stop(100%, #f2c85c));
	background-image: -webkit-linear-gradient(top, #f0af0a, #f2c85c);
	background-image: -moz-linear-gradient(top, #f0af0a, #f2c85c);
	background-image: -o-linear-gradient(top, #f0af0a, #f2c85c);
	background-image: linear-gradient(to bottom, #f0af0a, #f2c85c);
	filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF0AF0A', endColorstr='#FFF2C85C');
}
.btn-yellow .target-caution {
	font-size: 0.85em;
	line-height: 1.5em;
	color: #666666;
	width: 505px;
	margin: 0 auto;
}
.img_step {
	padding-bottom: 5px;
}
.to-sonystore {
	padding-bottom: 5px; 
}
.box-coupon h3 {
	margin-top: 20px;
}
.img_coupon_detail {
	margin: 0 auto;
	width: 680px;
}
.recommend-prod {
	width: 204px;
	float: left;
	padding-right: 15px;
	margin-right: 15px;
	border-right: 1px solid #d9d9d9;
}
.recommend-prod.last {
	padding-right: 0;
	margin-right: 0;
	border: 0;
}
.recommend-prod .name {
	font-weight: bold;
	font-size: 1.3em;
}
.recommend-prod .tit-price {
	background: #666666;
	color: #ffffff;
	text-align: center;
	margin-bottom: 5px;
}
.recommend-prod .wide:before,
.recommend-prod .basic:before {
	content: "■";
	display: inline-block;
	width: 1em;
}
.recommend-prod .wide:before {
	color: #003e91;
}
.recommend-prod .basic:before {
	color: #319aca;
}
.recommend-prod dt {
	font-weight: bold;
}
.recommend-prod .detail dd {
	text-align: right;
	text-decoration: line-through;
}
.box-profit {
	padding-top: 0;
	padding-bottom: 0;
}
.box-profit .tit-profit {
	border-left: 0;
	padding-left: 45px;
	line-height: 38px;
}
.box-profit.profit01 .tit-profit {
	background: url(/mball/ssj/img/top/bg_profit01.png) no-repeat left center;
}
.box-profit.profit02 .tit-profit {
	background: url(/mball/ssj/img/top/bg_profit02.png) no-repeat left center;
}
.box-profit img.image {
	float: left;
	width: 435px;
	padding-right: 40px;
}
.box-profit.profit01 .text {
	width: 435px;
	float: right;
}
.box-profit strong {
	color: #cc0000;
}
.box-profit .memo {
	font-size: 0.85em;
}
.box-profit.profit01  .supplement {
	clear: both;
	padding-top: 10px;
}
.box-profit.profit01 .btn-gray {
	clear: both;
}
.box-profit.profit02 {
	padding-top: 40px;
}
.box-profit.profit02 .btn-gray a {
	margin-left: 470px;
}
.box-indent.box-image {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 10px;
}
.box-image ol li {
	width: 204px;
	float: left;
	text-align: center;
	padding-right: 30px;
	position: relative;
}
.box-image ol li.first {
	width: 218px;
}
.box-image ol li.last {
	padding-right: 0;
}
.box-image ol li:after {
	content: "";
	display: inline-block;
	width: 51px;
	height: 48px;
	background: url(/mball/ssj/img/top/bg_image-arrow.png) no-repeat center center;
	position: absolute;
	top: 40px;
	right: -9px;
}
.box-image ol li.last:after {
	background: none;
}
.box-image .small {
	font-size: 0.85em;
}
.box-image .sup {
	font-size: 0.75em;
	vertical-align: top;
}
.box-image .memo {
	font-size: 0.75em;
	text-align: right;
	display: block;
}
.box-image .focus {
	color: #cc0000;
}
.box-sony-ad {
	background: #f1efec;
}
.box-sony-ad .box-indent {
	padding-top: 0;
}
.box-sony-ad ul {
	padding-top: 15px;
	padding-bottom: 15px;
}
.box-sony-ad ul li {
	width: 444px;
	float: left;
	padding-right: 22px;
}
.box-sony-ad ul li.last {
	padding-right: 0;
}
.box-indent.box-details {
	padding-top: 0;
	padding-bottom: 0;
}
.box-details h3 {
	margin-bottom: 5px;
	margin-top: 20px;
}
.box-sony-ad_coupon {
	margin-bottom: 15px;
}
.box-details p,
.coupon-spec dd,
.caution-list {
	margin-left: 1em;
}
.caution-list li {
	list-style: disc;
	margin-left: 1em;
}
.coupon-spec dd {
	padding-bottom: 5px;
}
.not-covered {
	padding-left: 1em;
}
.box-inquiry {
	padding-top: 20px;
}
.btn-yellow.btn-yellow_bottom {
	border-top: 0;
}
.box-kuji {
	text-align: center;
}
.redBold{
	color:#cc0000;
	font-weight:bold;
}
.importText {
	text-decoration:line-through;
}

/*お知らせ*/
.infobox {
	width:700px;
	margin:30px auto;
	padding:0;
	border:1px solid #0b4190;
	text-align:center;
}
.infobox dt {
	display:block;
	padding:4px;
	background:#0b4190;
	color:#FFF;
}
.infobox dd {
	display:block;
	margin:0;
	padding:18px;
}

/* ヘッダボックス ************/

.hdg1Box .hdg1BoxInner {
box-sizing: border-box;
width: 100%;
min-width: 950px;
max-width: 950px;
margin: 0 auto;
}

.hdg1Box {
z-index: 10;
margin-bottom: 15px;
background: #fff;
}

.hdg1Box nav,
.hdg1Box .hdg1BoxOuter {
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);
}

.cateTop .hdg1Box.js_fixedMenu .hdg1BoxInner {
padding-top: 20px;
padding-bottom: 10px;
}

.hdg1Box.js_fixedMenu .hdg1BoxInner {
padding-bottom: 10px;
}

.hdg1Box .hdg1BoxInner {
position: relative;
display: table;
padding-top: 8px;
padding-bottom: 10px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxTitles {
display: table-cell;
width: 100%;
vertical-align: top;
}

.hdg1Box .hdg1BoxInner .hdg1BoxTitles + * {
padding-left: 10px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton {
display: table-cell;
width: auto;
vertical-align: middle;
white-space: nowrap;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton.collabo .hdg1BoxBackButtonInner > a:before {
left: 10px;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner {
display: inline-block;
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner:hover,
.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner:focus {
/*background-color: #6d6d6d;*/
}

.hdg1Box .hdg1BoxInner .hdg1BoxBackButton .hdg1BoxBackButtonInner > a {
padding: 5px 20px 5px 37px;
}

.hdg1Box .hdg1BoxInner .btn1Outer {
width: auto;
white-space: nowrap;
}

.hikariPage .hdg1Box .hdg1BoxInner .btn1Outer,
.membersPage .hdg1Box .hdg1BoxInner .btn1Outer,
.auPage .hdg1Box .hdg1BoxInner .btn1Outer,
.collaboPage .hdg1Box .hdg1BoxInner .btn1Outer {
padding-bottom: 10px;
}

.hdg1Box.js_fixedMenu {
position: fixed;
z-index: 3000;
top: 0;
width: 100%;
background: #fff;
}

.hdg1Box nav.navType02 {
box-shadow: none;
}

.hdg1Box nav.navType02 ul > li.navType02List {
height: auto;
}

.hdg1 {
font-size: 36px;
line-height: 1.3;
color: #223;
}


/* ----------------------------------------------------------------------------
* breadCrumb パンくずリスト
* ------------------------------------------------------------------------- */
.breadCrumb {
  font-size: 12px;
  margin: 0 auto 16px;
  padding: 0 16px;
}

.breadCrumb> .inner {
  max-width: 950px;
  margin: 0 auto;
}

.breadCrumb .lists {
  color: #929294;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.breadCrumb li {
  list-style: none;
}

.breadCrumb li+ li {
  padding-left: 12px;
}

.breadCrumb li+ li::before {
  margin: 0 6px 0 -6px;
  content: ">";
}

.breadCrumb li[aria-current="page"] {
  color: inherit;
}