
#topaxniji_03 {
	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:170px !important;
	font-family: "dnp-shuei-gothic-gin-std", sans-serif;
	font-weight: 500;
	font-style: normal;
	color:#707070;
/*	background:url(https://uenicontact.itembox.design/item/lp/vol03/bg.webp) repeat-y !important;
	background-size:100% auto !important;
	background-position:50% 0 !important; */
}
#topaxniji_03 div,#topaxniji_03 p,#topaxniji_03 span,#topaxniji_03 figure,#topaxniji_03 h2, #topaxniji_03 h3, #topaxniji_03 ol, #topaxniji_03 ul, #topaxniji_03 li { margin:0; padding:0; list-style:none; }


#topaxniji_03 p#copy {
	text-align:center;
}
#topaxniji_03 a {
	text-decoration:none;
	color:#707070;
	transition: all 500ms 0s ease;
}
#topaxniji_03 a:hover {
	opacity:0.8;
	transition: all 500ms 0s ease;
}
#topaxniji_03 img {
	display:block;
	max-width:100%;
	margin:0 auto;
}
#topaxniji_03 .f_en { /* Athelas */
	font-family: "athelas", serif;
	font-weight: 400;
	font-style: normal;
}

#topaxniji_03 section {
	width:100%;
	margin:8.0em auto 8.0em auto !important;
}
/* _______________ */

@media screen and (max-width:864px) {
#topaxniji_03 section {
	width:100%;
	margin:5.0em auto 6.0em auto !important;
}
}

#topaxniji_03 section > h1 {
	width:100%;
	text-align:center;
	position:relative;
	z-index:5 !important;
}
#topaxniji_03 section > h1 > span.ttl {
	text-align:center;
	font-weight:normal;
	font-size:36px;
	line-height:1.0em;
	letter-spacing:0.05em;
	position:relative;
	z-index:5 !important;
}
#topaxniji_03 section > h1 > span.ttl:before {
	content:"";
	display:block;
	width:100vw;
	height:1px;
	background:#000;
	position:absolute;
	top:25%;
	left:0;
	-webkit-transform: translate(-45vw, -25%);
	-ms-transform: translate(-45vw, -25%);
	transform:translate(-45vw, -25%);
	z-index:-2 !important;
}
#topaxniji_03 section > h1 > span.ttl:after {
	content:"";
	display:block;
	width:5.5em;
	height:1.0em;
	background:#fbeff1;
	position:absolute;
	top:20%;
	left:10%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform:translate(-50%, -50%);
	z-index:-1 !important;
}
#topaxniji_03 section > h1 > span.ttl > span {
	display:block;
	font-size:50%;
	letter-spacing:0;
	line-height:1.5em;
	font-family: HGS明朝B,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

#topaxniji_03 .pc { display:block; }
#topaxniji_03 .sp { display:none !important; }

/* _______________ */

@media screen and (max-width:864px) {
/* body#nijisanji_topards {
	background:url(https://uenicontact.itembox.design/item/lp/vol03/bg.webp) repeat-y !important;
	background-size:100% !important;
	background-position:50% -128px !important;
} */
#topaxniji_03,
#topaxniji_03 a {
	font-size:2.7vw !important;
}
#topaxniji_03 {
	margin-top:130px !important;
}
#topaxniji_03 .pc { display:none !important; }
#topaxniji_03 .sp { display:block !important; }
}

/* _______________________________________ */

#topaxniji_03 #main {
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
#topaxniji_03 #main > p {
	max-width:750px;
	margin:1.5em auto;
}
#topaxniji_03 #main > p:nth-of-type(1) {
	margin:3.0em auto 1.0em auto;
}
#topaxniji_03 #main #gaiyou {
	display:block;
	margin:4.0em auto;
}

/* _______________ */

@media screen and (max-width:864px) {
#topaxniji_03 #main > p {
	width:80%;
	max-width:750px;
	margin:1.5em auto;
}
}
@media screen and (max-width:498px) {
#topaxniji_03 #main > p {
	font-size:3.5vw !important;
}
}


/* _______________________________________ */

#topaxniji_03 #product {
}
#topaxniji_03 section > h1 {
	font-size:30px;
}
#topaxniji_03 section > h1 > img {
	height:2.0em;
	width:auto;
}
#topaxniji_03 .product_box > h2 {
	font-size:30px;
	margin:0 auto 2.0em auto;
}
#topaxniji_03 .product_box > h2 > img {
	height:2.5em;
	width:auto;
}

/* _______________ */

@media screen and (max-width:864px) {
#topaxniji_03 section > h1 {
	font-size:6.5vw !important;
}
#topaxniji_03 .product_box > h2 {
	font-size:4.8vw !important;
}
}


/* _______________________________________ */


#topaxniji_03 .product_box {
	width:85%;
	max-width:1000px;
	margin:3.0em auto 8.0em auto;
}
#topaxniji_03 .product_box .slider_flex {
	display:flex !important;
	justify-content:space-between !important;
	align-items:center;
}
#topaxniji_03 .product_box .slider_flex .slider_wrap {
	width:50% !important;
}
#topaxniji_03 .product_box .slider_flex .product_txt {
	width:45% !important;
}
#topaxniji_03 .product_box .slider_wrap {
	position:relative;
	padding:0;
}
#topaxniji_03 .product_box .slider_thum {
	width:calc(100% + 10px);
	display:flex;
	justify-content:space-between;
	margin:2.0em auto 0 -5px;
	position:relative;
	top:0em !important;
}
#topaxniji_03 .product_box .slider_thum .slick-slide {
	margin:0 5px;
}
#topaxniji_03 .product_box .slider_thum > div > img {
	box-sizing:border-box;
}

#topaxniji_03 .product_box .product_txt {
	margin-top:-5.0em;
}
#topaxniji_03 .product_box .product_txt > p {
	width:100%;
	text-align:left;
	font-size:20px;
	font-weight:bold;
}
#topaxniji_03 .product_box .product_txt > p > span {
	display:block;
	font-size:78%;
	font-weight:normal;
	margin:1.0em auto;
	line-height:1.5em;
}
#topaxniji_03 .product_box .product_txt > p span.tax {
	margin-left:0.5em;
}
#topaxniji_03 .product_box .product_txt > .btn_buy {
	width:70%;
	display:inline-block;
	text-align:center;
	margin:2.0em auto 0 auto;
}
#topaxniji_03 .product_box .product_txt > .btn_buy > a {
	width:100% !important;
	display:block;
	box-sizing:border-box;
	padding:1.2em 0;
	color:#fff;
	line-height:1.0em;
	background:#707070;
	text-align:center;
}


/* _______________ */

@media screen and (max-width:864px) {

#topaxniji_03 .product_box {
	width:80%;
	padding:0 !important;
	margin:3.0em auto 5.0em auto;
}
#topaxniji_03 .product_box .slider_flex {
	display:flex !important;
	justify-content:space-between !important;
	align-items:center;
	flex-wrap:wrap;
	padding:0 !important;
}
#topaxniji_03 .product_box .slider_flex .slider_wrap,
#topaxniji_03 .product_box .slider_flex .product_txt {
	width:100% !important;
}
#topaxniji_03 .product_box .slider_wrap {
	position:relative;
	padding:0 !important;
}
#topaxniji_03 .product_box .slider_thum {
	width:calc(100% + 10px);
	display:flex;
	justify-content:space-between;
	margin:2.0em auto 0 -5px;
	padding:0 !important;
	position:relative;
	top:0;
}
#topaxniji_03 .product_box .product_txt {
	margin-top:3.0em !important;
}

#topaxniji_03 .product_box .product_txt > p {
	width:100%;
	font-size:3.7vw !important;
	letter-spacing:0.1em;
}
#topaxniji_03 .product_box .product_txt .btn_buy {
	width:90%;
	display:block;
	margin:2.0em auto 3.0em auto;
}
#topaxniji_03 .product_box .product_txt > .btn_buy > a {
	width:100% !important;
	display:block;
	box-sizing:border-box;
	padding:1.5em 0;
	color:#fff;
	line-height:1.0em;
	background:#707070;
	text-align:center;
}
}


/* _______________ */

#topaxniji_03 #nouki {
}

#topaxniji_03 #nouki .nouki {
	width:90%;
	max-width:600px;
	margin:2.0em auto;
	box-sizing:border-box;
	border:1px solid #707070;
	padding:2.0em 2.0em 1.5em 2.0em;
	background:#fff;
	display:block;
	text-align:center;
}
#topaxniji_03 #nouki > h1 {
	font-size:170%;
	font-weight:normal;
	letter-spacing:0.3em;
	position:relative;
}
#topaxniji_03 #nouki > h1:after {
	content:"";
	width:3.0em;
	height:1px;
	background:#707070;
	display:block;
	position:absolute;
	bottom:-0.3em;
	left:50%;
	-webkit-transform: translate(-50%, 0%);
	-ms-transform: translate(-50%, 0%);
	transform:translate(-50%, 0%);
}
#topaxniji_03 #nouki > img {
	width:100% !important;
	max-width:100vw !important;
	margin:2.0em auto 1.5em auto;
}
#topaxniji_03 #product .nouki > p {
	display:inline-block;
	text-align:left;
}
#topaxniji_03 #product .nouki > p > span {
	display:block;
	line-height:1.0em;
	margin-bottom:0.3em;
}

/* _______________ */

@media screen and (max-width:864px) {
#topaxniji_03 #product .nouki {
	width:75%;
	display:block;
	text-align:center;
}
#topaxniji_03 #product .nouki > h1 {
	text-align:left;
}
#topaxniji_03 #product .nouki > p {
	display:inline-block;
	text-align:left;
	line-height:1.5em;
}
#topaxniji_03 #product .nouki > p > span {
	display:block;
	line-height:1.0em;
	margin-bottom:0.7em;
}
}

/* _______________ */

@media screen and (max-width:864px) {

#topaxniji_03 .slider {
	display:block !important;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0 !important;
	font-size: 0 !important;
}
#topaxniji_03 .slick-track {
	display: flex;
}
#topaxniji_03 .slick-slide {
	height: auto !important;
}
#topaxniji_03 .product_box .slider {
	display:block !important;
}
#topaxniji_03 .product_box .slider> div {
	width:100%;
}
#topaxniji_03 .product_box .product_txt {
	margin:1.5em auto;
}
}

/* _______________________________________ */

#topaxniji_03 #novelty {
}
#topaxniji_03 #novelty > img {
	width:100%;
	max-width:750px;
	margin:3.0em auto 1.5em auto;
}
#topaxniji_03 #novelty > p {
	text-align:center;
	max-width:750px;
	margin:1.5em auto;
}
#topaxniji_03 #novelty > p > span {
	display:block;
	font-size:90%;
}
/* _______________ */

@media screen and (max-width:864px) {
#topaxniji_03 #novelty > img {
	max-width:864px;
	margin:3.0em auto 1.5em auto;
}
#topaxniji_03 #novelty > p {
	font-size:3.3vw !important;
}
}
@media screen and (max-width:498px) {
#topaxniji_03 #novelty > p {
	font-size:3.5vw !important;
}
}


/* _______________________________________ */

#topaxniji_03 #illustrator {
}
#topaxniji_03 #illustrator .prof_wrap {
	width:80%;
	max-width:750px;
	margin:2.0em auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
#topaxniji_03 #illustrator .prof_wrap > div {
	margin:2.0em auto;
}
#topaxniji_03 #illustrator .prof_wrap > div:nth-of-type(2n-1) {
	width:40%;
}
#topaxniji_03 #illustrator .prof_wrap > div:nth-of-type(2n) {
	width:55%;
	position:relative;
}
#topaxniji_03 #illustrator .prof_wrap > div > img {
/*	border-radius:50%; */
}
#topaxniji_03 #illustrator .prof_txt_box > h2 {
	text-align:left;
	font-size:40px;
	position:absolute;
	top:-0.3em;
}
#topaxniji_03 #illustrator .prof_txt_box > p {
	box-sizing:border-box;
	padding:2.0em 0 1.0em 0;
	background:#fff;
	height:calc(100% - 1.0em);
	margin-top:1.0em;
	line-height:1.7em;
}
#topaxniji_03 #illustrator .sns {
	width:90%;
	text-align:left;
	display:flex;
	justify-content:flex-start;
	align-items:center;
	margin:1.0em auto 0 0;
}
#topaxniji_03 #illustrator .sns img {
	width:1.7em !important;
	margin:0 1.3em 0 0;
}
#topaxniji_03 #illustrator .sns:nth-of-type(2) img {
	width:2.0em !important;
	margin:0 1.0em 0 0;
}
#topaxniji_03 #illustrator .prof_txt_box > p > a {
	border-bottom:1.5px solid #707070;
}

/* _______________ */

@media screen and (max-width:864px) {
#topaxniji_03 #illustrator .prof_wrap {
	flex-wrap:wrap;
}
#topaxniji_03 #illustrator .prof_wrap > div:nth-of-type(2n-1),
#topaxniji_03 #illustrator .prof_wrap > div:nth-of-type(2n) {
	width:100%;
	position:relative;
}
#topaxniji_03 #illustrator .prof_wrap > div > img {
	width:60%;
}
#topaxniji_03 #illustrator .prof_wrap > div {
	margin:0 auto 1.0em auto;
}
#topaxniji_03 #illustrator .prof_wrap > div:nth-of-type(3) {
	margin:3.0em auto 1.0em auto;
}
#topaxniji_03 #illustrator .prof_txt_box {
	display:block;
	text-align:center;
}
#topaxniji_03 #illustrator .prof_txt_box > h2 {
	text-align:center;
	font-size:5.0vw !important;
	font-weight:bold;
	position:static;
	margin-top:0.5em;
}
#topaxniji_03 #illustrator .prof_txt_box > p {
	display:inline-block;
	box-sizing:border-box;
	padding:0;
	background:#fff;
	height:auto;
	margin:1.5em auto 1.0em auto;
	line-height:1.7em;
	text-align:center;
	font-size:3.0vw !important;
}
#topaxniji_03 #illustrator .sns_wrap {
	display:flex;
	justify-content:center;
	align-items:center;
	margin:1.0em auto 0 auto;
}
#topaxniji_03 #illustrator .sns {
	width:auto;
	max-width:50px !important;
	display:inline-block !important;
	margin:0 0;
}
#topaxniji_03 #illustrator .sns > span {
	display:none;
}
}


/* _______________________________________ */

#topaxniji_03 #movie {
}
#topaxniji_03 #movie > p {
	margin:0.5em auto 2.0em auto;
	text-align:center;
	font-size:220%;
	font-weight:bold;
}
#topaxniji_03 #movie > p > span {
	display:block;
	font-size:50%;
	font-weight:normal;
	margin-top:1.0em;
}

/* _______________ */

@media screen and (max-width:864px) {
#topaxniji_03 #movie > p {
	font-size:4.5vw !important;
	letter-spacing:0;
}
#topaxniji_03 #movie > p > span {
	font-size:3.0vw !important;
}
}


/* _______________________________________ */

#topaxniji_03 #about {
}
#topaxniji_03 #about .aboutbox {
	width:90%;
	max-width:1000px !important;
	margin:2.0em auto;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#topaxniji_03 #about .aboutbox > div:nth-of-type(1) {
	width:45%;
}
#topaxniji_03 #about .aboutbox > div:nth-of-type(2) {
	width:52%;
}
#topaxniji_03 #about .aboutbox > div > p {
	line-height:1.5em;
	margin:1.5em auto;
}
#topaxniji_03 #about > span {
	display:flex;
	justify-content:center;
}
#topaxniji_03 #about > span > a {
	display:block;
	text-align:center;
	box-sizing:border-box;
	padding:0.8em 2.5em;
	margin:1.0em auto;
	line-height:1.0em;
	color:#fff;
	background:#707070;
}


/* _______________ */

@media screen and (max-width:864px) {
#topaxniji_03 #about .aboutbox {
	width:100%;
	max-width:864px !important;
	margin:2.0em auto 1.0em auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
#topaxniji_03 #about .aboutbox > div:nth-of-type(1),
#topaxniji_03 #about .aboutbox > div:nth-of-type(2) {
	width:100%;
}
#topaxniji_03 #about .aboutbox > div > img {
	width:80%;
}
#topaxniji_03 #about .aboutbox > div > p {
	font-size:2.7vw !important;
	text-align:center;
}
#topaxniji_03 #about > span > a {
	display:block;
	text-align:center;
	box-sizing:border-box;
	padding:0.8em 2.5em;
	margin:0 auto 1.0em auto;
	line-height:1.0em;
	color:#fff;
	background:#707070;
}
}


/* _______________________________________ */


#topaxniji_03 #attention {
	width:90%;
	max-width:1000px !important;
	display:block;
	margin:5.0em auto;
	box-sizing:border-box;
	padding:1.5em 2.5em;
	border:1px solid #707070;
}

#topaxniji_03 #attention > p {
	margin:1.0em auto 1.5em auto;
	line-height:1.7em;
}
#topaxniji_03 #attention > p:nth-of-type(1) {
	margin:1.5em auto 0 auto !important;
}
#topaxniji_03 #attention > p > span {
	display:block;
	line-height:1.5em;
	margin-bottom:0.3em;
}
#topaxniji_03 #attention > p > span:before {
	content:"";
	display:inline-block;
	width:0.8em;
	height:0.8em;
	background:#707070;
	vertical-align:middle;
	line-height:1.0em;
	margin-right:0.5em;
}
#topaxniji_03 #attention > p > span.kikan {
	display:block;
	font-weight:bold;
	line-height:1.5em;
/*	padding:1.0em 0; */
	padding:0.7em 0;
	margin-bottom:0;
	margin:1.0em auto;
/*	border-top:1px solid #707070;
	border-bottom:1px solid #707070; */
}
#topaxniji_03 #attention > p > span.kikan:before {
	display:none;
}
#topaxniji_03 #attention ol {
	display:block;
	margin:-1.5em auto 0 auto;
	padding:0;
}
#topaxniji_03 #attention ol > li {
	text-indent:-1.0em;
	padding-left:1.0em;
	margin:0;
}


/* _______________ */

@media screen and (max-width:864px) {
#topaxniji_03 #attention > p {
	margin:1.0em auto 2.0em auto;
	line-height:1.7em;
}
}

/* _______________________________________ */


/*--------------------------------------------
	movie
--------------------------------------------*/

#topaxniji_03 .yt_video_wrap{
  width:90%;
  max-width:800px !important;
  margin:4.0em auto 0em auto;
  background:none;
}
#topaxniji_03 .yt_video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#topaxniji_03 .yt_video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
@media screen and (max-width: 600px ) {
#topaxniji_03 .yt_video_wrap{
	width:90%;
	background:none;
}
.ios #topaxniji_03 .yt_video_wrap,
.ipod #topaxniji_03 .yt_video_wrap,
.iphone #topaxniji_03 .yt_video_wrap,
.safari #topaxniji_03 .yt_video_wrap {
  width:100%;
  background:none;
}
}

