body#nijisanji_topards {
	background:url(https://uenicontact.itembox.design/item/lp/vol02/back_pc.webp) repeat-y !important;
	background-size:100% !important;
	background-position:50% -196px !important;
}

#topaxniji {
	width:100% !important;
	width: calc( var(--vw) * 100 ) !important;
	overflow-x:hidden !important;
	max-width:1900px !important;
	margin:0 auto !important;
	padding:0 !important;
	margin-top:180px !important;
	font-family: "yu-gothic-pr6n", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#2c2c2c;
	background:url(https://uenicontact.itembox.design/item/lp/vol02/back_pc.webp) repeat-y !important;
	background-size:100% !important;
	background-position:50% -196px !important;
}
#topaxniji a {
	text-decoration:none;
	color:#000;
	transition: all 500ms 0s ease;
}
#topaxniji a:hover {
	opacity:0.8;
	transition: all 500ms 0s ease;
}
#topaxniji img {
	display:block;
	max-width:100%;
	margin:0 auto;
}
#topaxniji .f_en { /* semplicita pro */
	font-family: "semplicitapro", sans-serif;
	font-weight: 400;
	font-style: normal;
}
#topaxniji #about {
/*	width:90%;
	max-width:1000px; */
	margin:0 auto;
}
#topaxniji h2 {
	font-weight:700;
	font-size:30px;
	letter-spacing:0.1em;
	position:relative;
	margin-bottom:2.0em;
	text-align:center;
}
#topaxniji h2:after {
	content:"";
	display:block;
	width:5.0em;
	height:1px;
	background:#2c2c2c;
	position:absolute;
	bottom:-0.75em;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}

#topaxniji .pc { display:block; }
#topaxniji .sp { display:none !important; }

@media screen and (max-width:864px) {

body#nijisanji_topards {
	background:url(https://uenicontact.itembox.design/item/lp/vol02/back_sp.webp) repeat-y !important;
	background-size:100% !important;
	background-position:50% -128px !important;
	margin-top:130px !important;
}
#topaxniji {
	margin-top:130px !important;
}
#topaxniji .pc { display:none !important; }
#topaxniji .sp { display:block !important; }
}

/* _______________________________________ */

#topaxniji .topards {
	width:90%;
	max-width:1000px;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#topaxniji .topards > div:nth-of-type(1) { display:none; }
#topaxniji .topards > div:nth-of-type(2) { width:35%; }
#topaxniji .topards > div:nth-of-type(3) { width:55%; }
#topaxniji .topards > div h1 {
	font-size:20px;
	font-weight:700;
	margin-bottom:1.0em;
}

@media screen and (max-width:864px) {
#topaxniji h2 {
	font-weight:700;
	font-size:5.0vw !important;
	letter-spacing:0.1em;
	position:relative;
	margin-bottom:2.0em;
	text-align:center;
}
#topaxniji .topards {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
#topaxniji .topards > div,
#topaxniji .topards > div:nth-of-type(2),
#topaxniji .topards > div:nth-of-type(3) { width:100%; }
#topaxniji .topards > div:nth-of-type(1) { display:block; }

#topaxniji .topards > div:nth-of-type(1) { margin-bottom:1.0em; }
#topaxniji .topards > div:nth-of-type(2) { margin-bottom:3.0em; }
#topaxniji .topards > div:nth-of-type(2) img { width:85%; }
#topaxniji .topards > div h1 {
	text-align:center;
	font-size:3.5vw !important;
	font-weight:700;
	margin-bottom:1.0em;
}
}


/* _______________________________________ */

#topaxniji #recommend {
	margin:7.0em auto 0 auto !important;
}

#topaxniji .reco_item {
	width:80%;
	max-width:1000px;
	margin:5.0em auto !important;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#topaxniji .reco_item > div:nth-of-type(1) { display:none; }
#topaxniji .reco_item > div:nth-of-type(2) { width:55%; }
#topaxniji .reco_item > div:nth-of-type(3) { width:45%; }

#topaxniji #fuwa .reco_item > div:nth-of-type(2) { order:3; }
#topaxniji #fuwa .reco_item > div:nth-of-type(3) { order:2; }
#topaxniji .reco_item > div h1 {
	font-size:20px;
	font-weight:700;
	margin-bottom:1.0em;
}
#topaxniji .reco_item > div h1 > span:nth-of-type(1) {
	margin-left:1.7em;
	position:relative;
}
#topaxniji .reco_item > div h1 > span:nth-of-type(1):before,
#topaxniji .reco_item > div h1 > span:nth-of-type(1):after {
	content:"";
	display:block;
	width:0.7em;
	height:calc(0.7em * 0.8064);
	position:absolute;
	top:50%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
}
#topaxniji .reco_item > div h1 > span:nth-of-type(1):before {
	background:url(https://uenicontact.itembox.design/item/lp/vol02/i_mark_l.png) no-repeat;
	background-size:contain;
	left:-1.5em;
}
#topaxniji .reco_item > div h1 > span:nth-of-type(1):after {
	background:url(https://uenicontact.itembox.design/item/lp/vol02/i_mark_r.png) no-repeat;
	background-size:contain;
	right:-1.5em;
}
#topaxniji .reco_item > div h1 > span:nth-of-type(2) {
	display:block;
	font-size:80%;
	font-weight:normal;
}
#topaxniji .reco_item > div img {
	width:90%;
	margin:2.0em auto;
}
#topaxniji .reco_item > div p {
	background:rgba(255, 179, 196, 0.3);
	box-sizing:border-box;
	padding:1.0em 1.5em 2.5em 1.5em;
	text-align:left;
}
#topaxniji #fuwa .reco_item > div p {
	background:rgba(255, 244, 249, 0.3);
	box-sizing:border-box;
	padding:1.0em 1.5em 2.5em 1.5em;
	text-align:left;
}
#topaxniji .reco_item > div p > span {
	display:block;
	position:relative;
	margin-bottom:1.5em;
}
#topaxniji .reco_item > div p > span span.bor {
	position:relative;
}
#topaxniji .reco_item > div p span.bor:after {
	content:"";
	display:block;
	width:100%;
	height:1px;
	background:#000;
	position:absolute;
	bottom:-0.3em;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}

@media screen and (max-width:864px) {
#topaxniji .reco_item {
	width:100%;
	max-width:1000px;
	margin:5.0em auto !important;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
#topaxniji .reco_item > div:nth-of-type(1) { width:100%; display:block; }
#topaxniji .reco_item > div:nth-of-type(2),
#topaxniji .reco_item > div:nth-of-type(3) { width:100%; }

#topaxniji .reco_item > div:nth-of-type(1) { order:1; }
#topaxniji .reco_item > div:nth-of-type(2) { order:3; }
#topaxniji .reco_item > div:nth-of-type(3) { order:2; }
#topaxniji .reco_item > div h1 {
	font-size:4.0vw !important;
	font-weight:700;
	text-align:center;
	margin-bottom:1.0em;
}
#topaxniji .reco_item > div h1 > span:nth-of-type(1) {
	margin-left:0em;
	position:relative;
}
#topaxniji .reco_item > div h1 > span:nth-of-type(2) {
	display:block;
	font-size:80%;
	font-weight:normal;
}
#topaxniji .reco_item > div img {
	width:90%;
	margin:0 auto 2.0em auto;
}
#topaxniji .reco_item > div:nth-of-type(3) img {
	width:80%;
}
#topaxniji #fuwa .reco_item > div img {
	margin:-1.0em auto 3.0em auto;
}
#topaxniji #fuwa .reco_item > div:nth-of-type(3) { margin-top:1.6em; }
}


/* _______________________________________ */

#topaxniji .reco_list {
	width:70%;
	max-width:850px;
	margin:5.0em auto;
	display:flex;
	justify-content:space-between;
}
#topaxniji .reco_list > div {
	width:28.5%;
	font-size:15px;
	display:flex;
	flex-direction: column !important;
}
#topaxniji .reco_list > div > p {
	width:100%;
	line-height:1.5em;
	text-align:left;
	margin:1.0em auto 1.5em auto;
}
#topaxniji .reco_list > div > a {
	width:80%;
	display:block;
	letter-spacing:0.05em;
	text-align:center;
	font-weight:normal;
	color:#fff !important;
	background:#3e3e3e;
	box-sizing:border-box;
	padding:0.7em 0;
	margin:auto auto 0 auto;
}

@media screen and (max-width:864px) {
#topaxniji .reco_list {
	width:80%;
	margin:5.0em auto;
	display:flex;
	flex-wrap:wrap;
}
#topaxniji .reco_list > div {
	width:100%;
	font-size:3.5vw !important;
	margin-bottom:6.0em;
}
#topaxniji .reco_list > div > a {
	width:80%;
	display:block;
	letter-spacing:0.05em;
	text-align:center;
	font-weight:normal;
	color:#fff !important;
	background:#3e3e3e;
	box-sizing:border-box;
	padding:1.3em 0;
	margin:0 auto;
	margin-top:auto;
}
}


/* _______________________________________ */

#topaxniji #coupon {
	width:100vw;
	background:#ffa2b7;
	text-align:center;
	padding:3.0em 0;
	display:block;
	position:relative;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}
#topaxniji #coupon > h3 {
	color:#fff;
	font-size:20px;
	letter-spacing:0.1em;
	margin-bottom:1.0em;
}
#topaxniji #coupon > h3 > span {
	font-size:130%;
}
#topaxniji #coupon > p {
	display:inline-block;
	text-align:left;
}
#topaxniji #coupon > a {
	widht:30%;
	max-width:250px;
	margin:2.0em auto 0 auto;
	display:block;
	color:#fff !important;
	background:#3e3e3e;
	padding:0.6em 0;
}

@media screen and (max-width:864px) {
#topaxniji #coupon > h3 {
	font-size:4.0vw !important;
	line-height:1.6em;
}
#topaxniji #coupon > h3 > span {
	font-size:150%;
}
#topaxniji #coupon > p {
	width:90%;
}
#topaxniji #coupon > a {
	widht:75%;
	max-width:250px;
	margin:2.0em auto 0 auto;
	display:block;
	color:#fff !important;
	background:#3e3e3e;
	padding:0.6em 0;
}
}


/* _______________________________________ */

#topaxniji #attention {
	display:block;
	text-align:center;
	margin:5.0em auto;
}
#topaxniji #attention > p {
	margin:0 auto 2.0em auto;
}
#topaxniji #attention > p > span {
	display:inline-block;
	box-sizing:border-box;
	padding:0 2.0em;
	position:relative;
}
#topaxniji #attention > p > span:before,
#topaxniji #attention > p > span:after {
	content:"";
	display:block;
	width:10.0em;
	height:1px;
	background:#3e3e3e;
	position:absolute;
	top:50%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
}
#topaxniji #attention > p > span:before {
	left:-10.0em;
}
#topaxniji #attention > p > span:after {
	right:-10.0em;
}
#topaxniji #attention > ol {
	display:inline-block;
	text-align:left;
	list-style:none;
}
#topaxniji #attention > ol > li {
	line-height:1.5em;
	margin:1.0em auto;
	text-indent:-1.0em;
	padding-left:1.0em;
}
#topaxniji #attention > ol > li:before {
	content:"";
	line-height:1.5em;
	display:inline-block;
	width:0.8em;
	height:0.8em;
	background:#3e3e3e;
	vertical-align:middle;
	margin-right:0.3em;
}

@media screen and (max-width:864px) {
#topaxniji #attention > p > span:before,
#topaxniji #attention > p > span:after {
	content:"";
	display:block;
	width:28vw;
	height:1px;
	background:#3e3e3e;
	position:absolute;
	top:50%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
}
#topaxniji #attention > p > span:before {
	left:-28vw;
}
#topaxniji #attention > p > span:after {
	right:-28vw;
}
#topaxniji #attention > ol {
	width:90%;
	display:inline-block;
	text-align:left;
	list-style:none;
}
}


/* _______________________________________ */

#topaxniji #liver {
	width:100%;
	max-width:850px;
	display:block;
	text-align:center;
	margin:7.0em auto 5.0em auto;
}
#topaxniji .liverinfo {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
#topaxniji #info_kaida.liverinfo {
	margin:7.0em auto 0 auto !important;
}
#topaxniji #info_kaida.liverinfo {
	align-items:flex-end;
	margin:-5.0em auto 0 auto !important;
}
#topaxniji .liverinfo > div:nth-of-type(1) { width:30%; }
#topaxniji .liverinfo > div:nth-of-type(2) { width:67%; }
#topaxniji #info_fuwa.liverinfo > div:nth-of-type(1) { width:27%; }
#topaxniji #info_fuwa.liverinfo > div:nth-of-type(2) { width:68%; }
#topaxniji #info_kaida.liverinfo > div:nth-of-type(1) { order:2; }
#topaxniji #info_kaida.liverinfo > div:nth-of-type(2) { order:1; }
#topaxniji #info_kaida.liverinfo > div:nth-of-type(1) img { margin-bottom:-1.0em; }
#topaxniji #info_fuwa.liverinfo > div:nth-of-type(1) img { margin-bottom:-2.5em; }

#topaxniji .liverinfo > div > p:nth-of-type(1) {
	display:flex;
	justify-content:flex-start;
	align-items:center;
	gap:15px;
}
#topaxniji .liverinfo > div > p > span:nth-of-type(1) {
	box-sizing:border-box;
	line-height:38px;
	padding:0 2.0em;
	border:1px solid #2c2c2c;
	border-radius:3px;
	margin-right:1.0em;
	font-weight:bold;
}
#topaxniji #info_kaida.liverinfo > div > p > span:nth-of-type(1) {
	margin-right:0em;
	margin-left:1.0em;
}
#topaxniji .liverinfo > div > p > span img {
	width:40px;
}
#topaxniji #info_kaida.liverinfo > div > p:nth-of-type(1) {
	justify-content:flex-end;
}
#topaxniji #info_kaida.liverinfo > div > p > span:nth-of-type(1) { order:3; }
#topaxniji #info_kaida.liverinfo > div > p > span:nth-of-type(2) { order:1; }
#topaxniji #info_kaida.liverinfo > div > p > span:nth-of-type(3) { order:2; }

#topaxniji .liverinfo > div > p:nth-of-type(2) {
	text-align:left;
	font-size:95%;
	line-height:1.5em;
	box-sizing:border-box;
	margin-top:1.5em;
	padding:1.0em 1.5em;
	background:rgba(255, 162, 183, 0.4);
}
#topaxniji #info_fuwa.liverinfo > div > p:nth-of-type(2) {
	width:75%;
	padding:1.0em 3.0em;
}


@media screen and (max-width:864px) {
#topaxniji .liverinfo {
	display:flex;
	flex-wrap:wrap !important;
	justify-content:space-between;
	align-items:flex-start;
}
#topaxniji #info_kaida.liverinfo {
	align-items:flex-end;
	margin:5.0em auto 0 auto !important;
}
#topaxniji #info_fuwa.liverinfo > div:nth-of-type(1),
#topaxniji #info_fuwa.liverinfo > div:nth-of-type(2),
#topaxniji #info_kaida.liverinfo > div:nth-of-type(1),
#topaxniji #info_kaida.liverinfo > div:nth-of-type(2) { width:100%; }
#topaxniji #info_kaida.liverinfo > div:nth-of-type(1) { order:1; }
#topaxniji #info_kaida.liverinfo > div:nth-of-type(2) { order:2; }
#topaxniji #info_fuwa.liverinfo > div:nth-of-type(1) img { margin-top:0em;margin-bottom:2.0em; }
#topaxniji #info_kaida.liverinfo > div:nth-of-type(1) img { margin-bottom:2.0em; }

#topaxniji #info_fuwa.liverinfo > div > img {
	width:80%;
}
#topaxniji #info_kaida.liverinfo > div > img {
	width:100%;
}
#topaxniji #info_fuwa.liverinfo > div > p:nth-of-type(1),
#topaxniji #info_kaida.liverinfo > div > p:nth-of-type(1) {
	display:flex;
	justify-content:center;
	align-items:center;
	gap:15px;
}
#topaxniji #info_fuwa.liverinfo > div > p > span:nth-of-type(1) { order:1; }
#topaxniji #info_fuwa.liverinfo > div > p > span:nth-of-type(2) { order:2; }
#topaxniji #info_fuwa.liverinfo > div > p > span:nth-of-type(3) { order:3; }

#topaxniji .liverinfo > div > p > span:nth-of-type(1) {
	box-sizing:border-box;
	line-height:38px;
	padding:0 2.0em;
	border:1px solid #2c2c2c;
	border-radius:3px;
	margin-right:0em;
	font-weight:bold;
}
#topaxniji #info_fuwa.liverinfo > div > p > span:nth-of-type(1) {
	margin-right:0em;
	margin-left:0em;
}
#topaxniji .liverinfo > div > p:nth-of-type(2),
#topaxniji #info_fuwa.liverinfo > div > p:nth-of-type(2) {
	text-align:left;
	font-size:95%;
	line-height:1.7em;
	box-sizing:border-box;
	margin-top:3.5em;
	padding:2.5em 1.5em;
	background:rgba(255, 162, 183, 0.4);
}
#topaxniji #info_fuwa.liverinfo > div > p:nth-of-type(2) {
	width:100%;
}
}



/* _______________________________________ */

#topaxniji #credit {
	margin:10.0em auto 5.0em auto;
	text-align:center;
}
#topaxniji #credit > span {
	width:auto;
	display:inline-block;
	position:relative;
	width:70%;
	max-width:300px !important;
	border:1px solid #2c2c2c;
}
#topaxniji #credit > span:after {
	content:"";
	display:block;
	width:0.7em;
	height:calc(0.7em * 1.6667);
	background:url(https://uenicontact.itembox.design/item/lp/vol02/i_arrow.png) no-repeat;
	position:absolute;
	top:50%;
	right:5%;
	-webkit-transform: translate(0%, -50%);
	-ms-transform: translate(0%, -50%);
	transform:translate(0%, -50%);
}
#topaxniji #credit > span a {
	display:block;
	box-sizing:border-box;
	padding:1.5em 5.0em;
}
#topaxniji #credit > p {
	margin:7.0em auto 10.0em auto;
	line-height:1.5em;
}



/* _______________________________________ */


/*--------------------------------------------
	movie
--------------------------------------------*/

#topaxniji .yt_video_wrap{
  width:90%;
  max-width:800px !important;
  margin:5.0em auto 5.0em auto;
  background:none;
}
#topaxniji .yt_video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#topaxniji .yt_video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
@media screen and (max-width: 600px ) {
#topaxniji .yt_video_wrap{
	width:90%;
	background:none;
}
.ios #topaxniji .yt_video_wrap,
.ipod #topaxniji .yt_video_wrap,
.iphone #topaxniji .yt_video_wrap,
.safari #topaxniji .yt_video_wrap {
  width:100%;
  background:none;
}
}
@media screen and (max-width: 468px ) {
}