@charset "utf-8";

/* =共通パーツ
------------------------------------------------------------------*/

/*img*/
.img_center {
	clear:both;
	text-align:center;
	margin:0 0 20px;
}
.img_right {
	clear:both;
	padding:0 10px 20px;
}
.img_right p {
	width:140px;
	float:left;
}
.img_right img {
	float:right;
}

.img_left {
	clear:both;
	padding:0 10px 20px;
}
.img_left p {
	width:140px;
	float:right;
}
.img_left img {
	float:left;
}

.img_double {
	clear:both;
	width:300px;
	padding:0 0 20px;
	overflow:hidden;
}
.img_double div {
	width:165px;
	margin:0 auto;
}
.img_double img {
	float:left;
	margin:0 40px 0 0;
}
.img_double img.last {
	float:left;
	margin:0;
}


/*h*/
h2 {
	font-size:16px;
	font-weight:bold;
	border-bottom:3px solid #1bb4de;
	line-height:40px;
	padding:0 10px;
	margin:0 0 15px;
}
h3 {
	background:#ddd;
	font-size:14px;
	font-weight:bold;
	line-height:36px;
	padding:0 10px;
	margin:0 0 15px;
}
h4 {
	font-size:14px;
	font-weight:bold;
	border-left:4px solid #1bb4de;
	line-height:24px;
	padding:0 10px;
	margin:0 10px 15px;
}


/*list*/
.list01 {
	clear:both;
	margin:0 10px 20px;
}
.list01 ul {
	list-style:decimal;
	margin:0 0 0 30px;
}

.list02 {
	clear:both;
	margin:0 10px 20px;
}
.list02 ul {
	list-style:cjk-ideographic;
	margin:0 0 0 30px;
}

.list03 {
	clear:both;
	margin:0 10px 20px;
}
.list03 ul {
	list-style:disc;
	margin:0 0 10px 30px;
}

.list04 {
	clear:both;
	margin:0 10px 20px;
}
.list04 ul {
	list-style:square;
	margin:0 0 0 30px;
}


/*font*/
.font16 {
	font-size:16px;
}
.font14 {
	font-size:14px;
}
.font12 {
	font-size:12px;
}
.font10 {
	font-size:10px;
}
.small {
	font-size: 12px;
	display: inline-block;
	line-height: 1.5;
}

/*text*/
.text_center {
	clear:both;
	text-align:center;
	margin:0 10px 20px;
}
.text_right {
	clear:both;
	text-align:right;
	margin:0 10px 20px;
}
.text_left {
	clear:both;
	text-align:left;
	margin:0 10px 20px;
}


/*btn*/
.btn {
	border: 1px solid #ccc;
	border-radius: 5px;
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -webkit-gradient(linear, center top, center bottom, from(white), to(#dedede));
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -webkit-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -moz-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -o-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -ms-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), linear-gradient(to bottom, white, #dedede);
	background-position:96% center,top center;
	background-repeat:no-repeat;
	background-size:7px auto,auto auto;
	-moz-background-size:7px auto,auto auto;
	-webkit-background-size:7px auto,auto auto;
	-o-background-size:7px auto,auto auto;
	margin:0 20px 20px;
}
.btn a {
	display:block;
	line-height:44px;
	text-indent:10px;
}
.btn.blank span {
	background:url(/brand/netsusama/sp/common/img/icon_blank.png) right center no-repeat;
	background-size:12px auto;
	-moz-background-size:12px auto;
	-webkit-background-size:12px auto;
	-o-background-size:12px auto;
	padding:0 20px 0 0;
}
.btn.pc span {
	background:url(/brand/netsusama/sp/common/img/icon_pc.png) right center no-repeat;
	background-size:14px auto;
	-moz-background-size:14px auto;
	-webkit-background-size:14px auto;
	-o-background-size:14px auto;
	padding:0 20px 0 0;
}
.btn.pc span {
	background:url(/brand/netsusama/sp/common/img/icon_pc.png) right center no-repeat;
	background-size:14px auto;
	-moz-background-size:14px auto;
	-webkit-background-size:14px auto;
	-o-background-size:14px auto;
	padding:0 20px 0 0;
}
.btn.pdf {
	border: 1px solid #ccc;
	border-radius: 5px;
	background-image:url(/brand/netsusama/sp/common/img/icon_pdf.png), -webkit-gradient(linear, center top, center bottom, from(white), to(#dedede));
	background-image:url(/brand/netsusama/sp/common/img/icon_pdf.png), -webkit-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/icon_pdf.png), -moz-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/icon_pdf.png), -o-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/icon_pdf.png), -ms-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/icon_pdf.png), linear-gradient(to bottom, white, #dedede);
	background-position:10px center,top center;
	background-repeat:no-repeat;
	background-size:16px auto,auto auto;
	-moz-background-size:16px auto,auto auto;
	-webkit-background-size:16px auto,auto auto;
	-o-background-size:16px auto,auto auto;
}
.btn.pdf a {
	text-indent:0;
	line-height:1;
	padding:10px 0 10px 30px;
}
.btn.pdf small {
	font-size:10px;
}
.btn.prev {
	width:90px;
	float:left;
	text-align:center;
	
	border: 1px solid #ccc;
	border-radius: 5px;
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow03.png), -webkit-gradient(linear, center top, center bottom, from(white), to(#dedede));
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow03.png), -webkit-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow03.png), -moz-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow03.png), -o-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow03.png), -ms-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow03.png), linear-gradient(to bottom, white, #dedede);
	background-position:10px center,top center;
	background-repeat:no-repeat;
	background-size:7px auto,auto auto;
	-moz-background-size:7px auto,auto auto;
	-webkit-background-size:7px auto,auto auto;
	-o-background-size:7px auto,auto auto;
	margin:0 20px 20px;
}
.btn.prev a {
	text-indent:0;
}
.btn.next {
	width:90px;
	float:right;
	text-align:center;
	
	border: 1px solid #ccc;
	border-radius: 5px;
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -webkit-gradient(linear, center top, center bottom, from(white), to(#dedede));
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -webkit-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -moz-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -o-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), -ms-linear-gradient(top, white, #dedede);
	background-image:url(/brand/netsusama/sp/common/img/common/common_arrow01.png), linear-gradient(to bottom, white, #dedede);
	background-position:92% center,top center;
	background-repeat:no-repeat;
	background-size:7px auto,auto auto;
	-moz-background-size:7px auto,auto auto;
	-webkit-background-size:7px auto,auto auto;
	-o-background-size:7px auto,auto auto;
	margin:0 20px 20px;
}
.btn.next a {
	text-indent:0;
}


/*box*/
.box01 {
	clear:both;
	margin:0 25px 10px;
}
.box01 dt {
	font-weight:bold;
	padding:0 0 5px;
}
.box01 dd {
	margin:0 0 10px;
}
.box02 {
	clear:both;
	margin:0 10px 20px;
	padding:15px 15px 5px;
	border:1px solid #999;
}
.box02 dt {
	font-weight:bold;
	padding:0 0 5px;
}
.box02 dd {
	margin:0 0 10px;
}
.box03 {
	clear:both;
	margin:0 10px 20px;
	padding:15px 15px 5px;
	background:#cccccc;
}
.box03 dt {
	font-weight:bold;
	padding:0 0 5px;
}
.box03 dd {
	margin:0 0 10px;
}
.box03.blue {
	background:#89DFED;
}


#movie_container .lead {
	text-align: left;
	font-size:15px;
	margin-bottom: 10px;
	line-height: 1.4;
	padding: 0 10px;
}
#movie_container .thumb {
	text-align: center;
	padding-bottom: 20px;
}
.jstream-eqPlayer {
	display: block !important;
	margin: 0 auto !important;
}




/* =ご購入はこちら
------------------------------------------------------------------*/
.btn-cart a {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  border-radius: 4px;
  background: #0A3190;
  font-weight: bold;
  width: 90%;
  height: 55px;
  margin: 20px auto;
  font-size: 16px;
  color: #FFFF00!important;
  text-decoration: none!important;
}
.btn-cart a:before {
  display: inline-block;
  background: url(/brand/netsusama/img/icon_cart.svg) no-repeat center;
  background-size: contain;
  content: "";
  width: 19px;
  height: 20px;
  margin: 0 14px 0 0;
}

/* .modal
--------------------------------*/
.c-store-modal {
  display: none;
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.c-store-modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.c-store-modal_inner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  color: #fff;
}

.c-store-modal_inner ul {
  width: 200px;
  margin: 20px auto 0;
  list-style: none;
}

.c-store-modal_inner ul li {
  margin: 7px 0 0;
}
.c-store-modal_inner ul li img {
  width: 100%;
  height: auto;
}

.c-store-modal_ttl {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.c-store-modal_ttl::before {
  display: inline-block;
  width: 24px;
  height: 25px;
  margin: 0 9px 0 0;
  background: url(/brand/netsusama/img/icon_cart_w.svg) no-repeat center;
  background-size: contain;
  content: "";
}

.c-store-modal_btn {
  box-sizing: border-box;
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  width: 135px;
  height: 30px;
  margin: 31px auto 0;
  border: 1px solid #fff;
  border-radius: 2px;
  font-size: 14px;
}