body {
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #F9D4E2;
	color: #333;
	font-family: 'Noto Sans Japanese','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,Helvetica,sans-serif;
	letter-spacing: normal;
	line-height: 1.5;
}
input[type="text"], 
input[type="password"], 
textarea, 
select {
    outline: none;
}
h1 {
	text-align: left;
}
h1, h2, h3, h4 {
	font-size: initial;
	font-weight: 600;
	margin-bottom: 0;
}
ul {
	padding-left: 0;
	font-size: 0;
	margin-bottom: 0;
}
li {
	list-style: none;
}
dd {
	margin-bottom: 1rem;
	
}
a {
	color: #333;
    outline: none;
} 
a:hover {
	opacity: 0.7;
	color: #333;
	text-decoration: none;
}
hr {
	background-color: #fff;
}
.strong {
	color: #e92076;
}
.center {
	text-align: center;
}


header {
	background-color: #333;
	text-align: right;
	margin: 0;
	padding: 0;
}
.key  {
	background-color: #e93179;
	
}
.key img {
	max-width: 890px;
	width: 100%;
	margin: 0 auto;
	display: block;
}
.key_inner {
	background: url(/imagedata/custom/images/lp/nifty.d-dx.jp/monthly/key.jpg) left center no-repeat;
	background-size: cover;
}
.key h2,
.key p {
	text-shadow: 2px 2px 5px #333,
             -2px 2px 5px #333,
             2px -2px 5px #333,
             -2px -2px 5px #333;
}
.key img {
	width: 100%
}
.top_high,
.top_mid,
.top_low {
	text-align: center;
}

.top_mid img {
	width: 100%;
	border-radius: 10px
}
.top_mid {
	font-weight: 600
}
.top_mid h3 {
	font-weight: bold;
}

.top_low  {
	font-weight: 600
}
.top_low span {
		color: #e93179;
	}
.top_low .top_low_nav p {
	margin-bottom: 0;
}
.top_low .top_low_nav:nth-of-type(1) {
	background: url(/imagedata/custom/images/lp/nifty.d-dx.jp/monthly/navbg01.png) center center no-repeat;
	background-size: contain;
}
.top_low .top_low_nav:nth-of-type(2) {
	background: url(/imagedata/custom/images/lp/nifty.d-dx.jp/monthly/navbg02.png) center center no-repeat;
	background-size: contain;
}
.top_low .top_low_nav:nth-of-type(3) {
	background: url(/imagedata/custom/images/lp/nifty.d-dx.jp/monthly/navbg03.png) center center no-repeat;
	background-size: contain;
}
.top_low .top_low_nav:nth-of-type(4) {
	background: url(/imagedata/custom/images/lp/nifty.d-dx.jp/monthly/navbg04.png) center center no-repeat;
	background-size: contain;
}
.mid a {
	text-decoration: underline;
}
.mid a:hover {
	text-decoration: none;
}
.mid dl dt {
		color: #e93179;
		font-weight: 600;
	}
.mid h2 span {
		border-bottom: 1px solid #fff;
	}
.mid dl {
		text-align: justify;
	}
.slide_area {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
}
.slide_area h3 {
	color: #333
}
.slide_area .more {
		text-align: right;
		font-weight: 600
	}
.slide_area .more span {
		background: url(/imagedata/custom/images/lp/nifty.d-dx.jp/monthly/arrow.png) no-repeat;
		background-size: contain;
				background-position: 100%;
	}
.slider li a img:hover {
	opacity: 0.7!
}
.btn {
	background-color: #e93179;
	padding: 1rem 1.75rem;
	border-radius: .5rem;
	font-weight: bold;
	color: #fff
}
.btn:hover {
	color: #fff
}
.low {
	text-align: center;
}
.low h3 span {
		color: #e93179;
	}
	.low p span {
		color: #e93179;
	}

.low ul li::before {
	content: '・';
	color: #fff;
}
.low h4 {
		color: #e93179;
	}
.low p {
	font-weight: 600;
}
.low .cp_nav:nth-of-type(1) {
	background: url(/imagedata/custom/images/lp/nifty.d-dx.jp/monthly/navbg04.png) no-repeat;
	background-size: contain;
}

.low .cp_nav_bg {
	background: url(/imagedata/custom/images/lp/nifty.d-dx.jp/monthly/circle.png) center center no-repeat;
	background-size: contain;
}
.low .notice h4 {
	background: url(/imagedata/custom/images/lp/nifty.d-dx.jp/monthly/notice.png) center center no-repeat;
	background-size: contain;
}
.low .notice a {
	text-decoration: underline;
}
.low .notice a:hover {
	text-decoration: none;
}
.maker_list {
	text-align: center;
}
.maker_list h3 {
		font-weight: bold;
	}

.maker_list div {
	padding: 10px;
    align-items: center;
    text-align: center;
}
footer {
	background-color: #333;
	text-align: center;
	color: #fff
}
footer a,
footer a:hover {
	color: #fff
}
footer ul li {
	display: inline-block;
	text-align: center;
}
.copyright {
	margin: 0
}

@media screen and (max-width: 767px){
	dd {
	padding-left: 5vw;
	text-indent: -5vw;
	}
	.pconly {
		display: none;
	}
	header {
		padding: 5px 0

	}
	header img {
		max-width: 125px;
		width: 100%;
	}

	.main_contents {
		padding: 2rem 0
	}
	.top_high {
		margin-bottom: 4.6875vw
	
	}
	.top_high h2 {
		font-size: 7.5vw;
		margin-bottom: 4.6875vw
	}
	.top_high p {
		font-size: 5vw;
		line-height: 1.2;
		margin-bottom: 0
	}
	.top_high p span {
		font-size: 3.75vw;
	}
	.top_high .strong {
		font-size: 8.75vw;
		margin: 0 .25rem;
	}
	.top_mid .col-12:nth-of-type(2) {
		margin-top: 1rem
	}
	.top_mid {
		font-size: 5vw;
		font-weight: 600;
		margin-top: 4.375vw
	}
	.top_mid_box {
	background-color: white;
	padding: 3.125vw 0;
	margin-bottom: 3.125vw;
	border-radius: 10px
	}
	.top_mid h3 {
		padding: 1rem 0;
		font-size: 9vw;
	}
	.top_mid_box p {
		padding: 4.375vw 5vw;
		font-size: 4.375vw;
		margin-bottom: 0;
		text-align: initial;
	}
	.top_low {
		margin-top: 5vw;
	}
	.top_low_nav {
		margin-bottom: 10vw
	}
	.top_low .top_low_nav:nth-of-type(1),
	.top_low .top_low_nav:nth-of-type(2) {
		padding: 1rem 0;
	}
	.top_low {
		font-size: 5.625vw;
	}
	.top_low span {
		font-size: 3.125vw;
	}
	.mid h2 {
		font-size: 5.3125vw;
		margin-bottom: 6.25vw;
	}
	.mid dl {
		font-size: 3.75vw
	}
	.mid dl dt {
		margin-bottom: 3.125vw;
		padding-left:1em;
		text-indent:-1em;
	}
	.mid dl dt span,
	.mid dl dd span {
		margin-right: 1.5625vw
	}
	.mid dl dt dd {
		color: #e93179;
		font-weight: 600;
		padding-left:1em!important;
		text-indent:-1em!important;
	}
	.slide_area {
		padding-top: 10px
	}
	.slide_area h3 {
		margin: 15px 0 15px 5px;
		font-size: 4.6875vw;
	}
	.slide_area .more {
		font-size: 3.4375vw;
		margin: 0 5px 30px
	}
	.slide_area .more span {
		padding: 10px 55px;
	}
	
	.bx-wrapper {
		margin-bottom: 45px!important
	}
	.btn {
		font-size: 4.6875vw;
		width: 100%;
		font-weight: bold;
	}

	.low h3 {
		font-size: 5.625vw;
		line-height: 1.5
	}
	.low h3 span {
		font-size: 4.375vw
	}
	.low p {
		font-size: 3.4375vw
	}
	.low p span {
		font-size: 4.375vw
	}
	.low ul {
		font-size: 4.375vw;
		text-align: justify;
	}
	.low ul li {
		padding-left: 3.75vw;
		text-indent: -3.75vw;
		font-size: 3.75vw
	}
	.low h4 {
		font-size: 5vw;
	}
	.low .cp_nav {
		margin: 4.375vw 0
 	}
 	.low .cp_nav:nth-of-type(1) {
	background-position: 20%;
}
.low .cp_nav p {
	margin-bottom: 1.5625vw
}
.low .cp_nav_bg {
	padding: 5.625vw 0 2.5vw
}
 	.low .notice {
		border-top: 1px solid gray;
 		padding-top: 5vw
 	}
 	.low .notice h4 {
	padding: 5.625vw 0;
	margin-bottom: 3.75vw
}
.maker_list {
		max-width: 960px;
		width: 100%;
		background-color: #fff;
		margin: 1rem auto 0;
		padding: 0 15px 25px;
		border-radius: 10px;
	}
	.maker_list img {
	width: 100%
}

	footer ul {
		padding: 15px;
	}
	footer ul li {
		width: 50%;
		font-size: 3.75vw;
		line-height: 3.75;
		margin:0;
		padding: 0
	}
	.copyright {
		font-size: 3.4375vw;
		padding: 15px 0
	}
}



@media screen and (min-width: 768px){
	.sponly {
		display: none;
	}
	dd {
	padding-left:1.25em;
	text-indent:-1.25em;
}
	header {
		padding: 10px 15px;
	}
	header h1 a {
		vertical-align: middle;
	}
	header img {
		max-width: 125px;
		width: 100%;
		vertical-align: bottom;
	}
	.key_inner {
		max-width: 1140px;
		width: 100%;
		margin: 0 auto;
		padding-left: 15%

	}
	.key_txt {
		max-width: 680px;
		width: 100%;
		padding: 30px;
	}
	.key_txt span {
		font-size: 28px
	}
	.key h2 {
		font-size: 36px;
		letter-spacing: 1rem
	}
	.key p {
		font-weight: 600;
		font-size: 22px;
		line-height: 1.5;
		letter-spacing: 1px
	}
	.key .s_text {
		font-size: 16px;
		font-weight: normal;
	}
	.balloon_block {
		background-color: #fff;

	}
	.balloon_txt,
	.balloon {
		display: inline-block;
	}
	.balloon_txt {
		width: 65%;
		padding-right:0!important;
		padding-bottom:0!important;
		vertical-align: bottom;
	}
	.balloon {
		width: 30%;
		font-size: 0;
		vertical-align: top;
		padding-right: 10px
	}
	.main_contents {
		padding: 2rem 0 5rem;
	}
	.btn {
		font-size: 24px;
		width: 50%;
	}
	.top_high h2 {
		font-size: 32px;
		margin-bottom: 1rem
	}
	.top_high {
		margin-bottom: 30px
	}
	.top_high p {
		font-size: 26px;
		line-height: 1.2
	}
	.top_high p span {
		font-size: 18px;
	}
	.top_high .strong {
		font-size: 38px;
		margin: 0 .25rem;
	}
	.top_mid {
		max-width: 960px;
		width: 100%;
		margin: 3rem auto 0
	}
	.top_mid h3 {
		padding: 1rem 0;
		font-size: 46px;
		margin-bottom: 20px
	}
	.top_mid_box {
		font-size: 20px;
		font-weight: normal;
		min-height: 340px;
		background-color: #fff;
		height: 100%;
		border-radius: 10px
	}
	.top_mid_box p.text {
		text-align: left;
		padding: 30px 25px 0;
		font-size: 18px;
		background-color: #fff;
		font-weight: bold;
	}
	.top_low {
		margin: 4rem auto 2rem;
		max-width: 840px;
		width: 100%
	}
	.top_low .top_low_nav {
		padding: 1rem 0;
		font-size: 20px;
		margin-bottom: 3rem
	}
	.top_low .top_low_nav span {
		font-size: 14px;
	}
	.top_low .top_low_nav:nth-of-type(3) {
		padding: 0;
	}
	.top_low .top_low_nav:nth-of-type(4) {
	background-position: 38%;
	padding: 0;
	}
	.mid {
		max-width: 900px;
		width: 100%;
		margin: 0 auto;
	}
	.mid h2 {
		font-size: 24px;
		margin-bottom: 2rem
	}
	.mid dt {
		margin-bottom: .75rem
	}
	.mid dd {
		margin-bottom: 1.75rem
	}
	.mid dl dt span,
	.mid dl dd span {
		margin-right: .25rem
	}
	.slide_area {
		padding: 4rem 0
	}
	.slide_area h3 {
		padding: 1rem 0;
		font-size: 24px
	}
	.slide_area .more {
		font-size: 16px;
	}
	.slide_area .more span {
		padding: 10px 65px;
	}
	.slider a img:hover {
    	opacity: 0.7;
	}
	.bx-wrapper {
		margin-bottom: 30px!important
	}
	.low .notice {
		border: 1px solid gray;
		border-radius: 15px;
		padding: 2rem 3rem 4rem 3rem ;
		margin-bottom: 4rem
	}
	.slide_area {
		max-width: 900px;
		margin: 0 auto
	}
	.low .notice h4 {
		font-size: 24px;
		padding: 1rem 0;
		margin-bottom: 1rem
	}
	.low ul {
		font-size: 16px;
		text-align: justify;
	}
	.low ul li {
		padding-left:1em;
		text-indent:-1em;
	}
	#cp_summary {
		padding-top: 2rem
	}
	.low .cp_nav {
		margin-bottom: 1rem;
		}
	.campaign {
		padding: 1rem 0;
		font-size: 20px;
	}
	.campaign span {
		font-size: 18px;
	}
	.low .cp_nav:nth-of-type(1) {
	background-position: center;
	}
	.low .cp_nav p {
	margin-bottom: 0
	}
	.low .cp_nav p span {
		font-size: 18px;
	} 
	.low .cp_nav_bg {
	padding-top: 2rem;
	font-size: 20px
	}
	.low .notice {
		margin-top: 2rem
	}
	.maker_list {
		max-width: 960px;
		width: 100%;
		background-color: #fff;
		margin: 0 auto 4rem;
		padding: 15px 15px 20px;
		border-radius: 10px;
	}

	.maker_list h3 {
		font-size: 22px;
		margin-bottom: 10px;
	}
	footer {
		padding: 50px 0 20px;
	}
	footer .container {
		padding: 0;
		margin-left: 0
	}
	footer ul li {
		font-size: 14px;
		padding: 0 1.25rem
	}	
	.copyright {
		font-size: 14px;
		padding-top: 50px; 
	}
}



#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}

 

#pageTop i {
  padding: 12px 0;
  
}

 

#pageTop a {
  display: block;
  z-index: 999;
  border-radius: 30px;
  width: 45px;
  height: 45px;
  background-color: #e93179;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


.iziModal-content p,
.ageconfirm_btnbox .leave {
	color: #333!important;
}
.iziModal-content a:hover {
	text-decoration: underline!important;
	opacity: 1!important
}