@charset "utf-8";

.hdrArea {
	background-image: url(../../service/img/bg_hdrarea.png);
}

/* nav
------------------------------------------------------------------- */
.mjcNav{
	display:table;
	width:100%;
	background:url(../img/bg_nav.png) #fff;
	border-right: solid 1px #b9d9e6;
	border-radius:5px 5px 0 0;
	margin-bottom:25px;
}
.mjcNav__border{
	height:4px;
	background:url(../img/nav_border.png) repeat-x 100% 0;
	position:relative;
	top:-28px;
	z-index:1;
}
.mjcNav__hdr{
	height:90px;
}
.mjcNav__hdr__sp{
	display:none;
}
.mjcNav__hdr__btn{
	display:block;
	padding:30px 39px 29px;
	border-top:solid 5px #db1828;
	border-radius:5px 0 0 0;
}
.mjcNav__hdr__btn:hover{
	background-color:#fff3f4;
}
.mjcNav__list{
	display:table-cell;
	vertical-align:top;
}
.mjcNav__list__ul{
	width:100%;
	height:100%;
}
.mjcNav__list__ul:after{
	content:" ";
	display:block;
	clear:both;
}
.mjcNav__list__ul > li{
	float:left;
	width:14.3%;
	height:90px;
	position:relative;
}
.mjcNav__list__ul > li:last-child{
	width:14.2%;
}
.mjcNav__list__btn{
	display:block;
	width:100%;
	height:85px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(../img/txt_nav.png) no-repeat;
	background-size: 109px auto;
	background-size: 90px auto\9;
	font-size: 0;
}
.mjcNav__list__btn__inner{
	display:block;
	width:100%;
	height:100%;
	background:url(../img/nav_line.png) no-repeat 0 50%;
}
.mjcNav__list__btn--top{
	background-position:50% 0;
	border-top:solid 5px #db1828;
	border-radius:5px 0 0 0 ;
}
	.mjcNav__list__btn--about{
	background-position:50% -83px;
	/*background-position:50% -90px\9;*/
	border-top:solid 5px #ffe5ca;
}
.mjcNav__list__btn--privilege{
	background-position:50% -166px;
	/*background-position:50% -180px\9;*/
	border-top:solid 5px #edfec7;
}
.mjcNav__list__btn--beginner{
	background-position:50% -253px;
	/*background-position:50% -275px\9;*/
	border-top:solid 5px #caffcc;
}
.mjcNav__list__btn--introduction{
	background-position:50% -340px;
	/*background-position:50% -370px\9;*/
	border-top:solid 5px #caf9ff;
}
.mjcNav__list__btn--question{
	background-position:50% -423px;
	/*background-position:50% -460px\9;*/
	border-top:solid 5px #dcd3fe;
}
.mjcNav__list__btn--charge{
	background-position:50% -505px;
	/*background-position:50% -550px\9;*/
	border-top:solid 5px #fed3fa;
	border-radius:0 5px 0 0 ;
}
.mjcNav__list__btn--top:hover{
	background-color:#fff4f9;
}
.mjcNav__list__btn--about:hover{
	background-color:#fff6e2;
}
.mjcNav__list__btn--privilege:hover{
	background-color:#f9ffeb;
}
.mjcNav__list__btn--beginner:hover{
	background-color:#e9ffea;
}
.mjcNav__list__btn--question:hover{
	background-color:#f4f1ff;
}
.mjcNav__list__btn--introduction:hover{
	background-color:#edfaff;
}
.mjcNav__list__btn--charge:hover{
	background-color:#fff4f9;
}
.mjcNav__list__inner{
	position:absolute;
	top:83px;
	left:50%;
	margin-left:-94px;
	padding-top:13px;
	width:189px;
	background:url(../img/nav_use.png) no-repeat;
	z-index:999;
}
.mjcNav__list__inner__btn{
	display:block;
	height:38px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(../img/nav_use.png) no-repeat;
}
.mjcNav__list__inner__btn--beginner{
	background-position:0 -13px;
	background-color:#ffeff2;
	border-bottom:solid 1px #ffd2dc;
}
.mjcNav__list__inner__btn--get{
	background-position:0 -52px;
	background-color:#fff3eb;
	border-bottom:solid 1px #ffdfca;
}
.mjcNav__list__inner__btn--charge{
	background-position:0 -91px;
	background-color:#fdfae7;
	border-bottom:solid 1px #f0eac8;
}
.mjcNav__list__inner__btn--buy{
	background-position:0 -130px;
	background-color:#f1f7ed;
	border-bottom:solid 1px #d8e8cb;
}
.mjcNav__list__inner__btn--deals{
	background-position:0 -169px;
	background-color:#ecf7f3;
	border-bottom:solid 1px #cae9e1;
}
.mjcNav__list__inner__btn--shop{
	background-position:0 -208px;
	background-color:#f0f5f9;
	border-bottom:solid 1px #d2e4ee;
}
.mjcNav__list__inner__btn--warning{
	background-position:0 -246px;
	background-color:#f0f5fb;
	border-bottom:solid 1px #d7e3f9;
}
.mjcNav__list__inner__btn--lose{
	background-position:0 -285px;
	background-color:#f6f5fd;
	border-bottom:solid 1px #e5e0f6;
}
.mjcNav__list__inner__btn--reissue{
	background-position:0 -325px;
	background-color:#f9f2f9;
	border-bottom:solid 1px #f2dcf6;
}

.mjcNav__list__inner__btn--beginner:hover{
	background-position:-189px -13px;
	background-color:#fd637f;
}
.mjcNav__list__inner__btn--get:hover{
	background-position:-189px -52px;
	background-color:#ff852e;
}
.mjcNav__list__inner__btn--charge:hover{
	background-position:-189px -91px;
	background-color:#f3d10e;
}
.mjcNav__list__inner__btn--buy:hover{
	background-position:-189px -130px;
	background-color:#75af3f;
}
.mjcNav__list__inner__btn--deals:hover{
	background-position:-189px -169px;
	background-color:#42b093;
}
.mjcNav__list__inner__btn--shop:hover{
	background-position:-189px -208px;
	background-color:#60a1bf;
}
.mjcNav__list__inner__btn--warning:hover{
	background-position:-189px -246px;
	background-color:#6d9be9;
}
.mjcNav__list__inner__btn--lose:hover{
	background-position:-189px -285px;
	background-color:#a68fe1;
}
.mjcNav__list__inner__btn--reissue:hover{
	background-position:-189px -325px;
	background-color:#c87ec2;
}
@media only screen and (max-width: 1050px) {
.mjcNav__list__btn {
	background-size: 105px auto;
}
.mjcNav__list__btn--top{
	background-position:50% 5px;
	/*background-position:50% 0px\9;*/
}
.mjcNav__list__btn--about{
	background-position:50% -75px;
	/*background-position:50% -90px\9;*/
}
.mjcNav__list__btn--privilege{
	background-position:50% -155px;
	/*background-position:50% -180px\9;*/
}
.mjcNav__list__btn--beginner{
	background-position:50% -240px;
	/*background-position:50% -275px\9;*/
}
.mjcNav__list__btn--introduction{
	background-position:50% -325px;
	/*background-position:50% -370px\9;*/
}
.mjcNav__list__btn--question{
	background-position:50% -405px;
	/*background-position:50% -460px\9;*/
}
.mjcNav__list__btn--charge{
	background-position:50% -485px;
	/*background-position:50% -550px\9;*/
}
}
@media only screen and (max-width: 838px) {
.mjcNav__list__btn {
	background-size: 96px auto;
}
.mjcNav__list__btn--top{
	background-position:50% 5px;
	/*background-position:50% 0px\9;*/
}
.mjcNav__list__btn--about{
	background-position:50% -67px;
	/*background-position:50% -90px\9;*/
}
.mjcNav__list__btn--privilege{
	background-position:50% -140px;
	/*background-position:50% -180px\9;*/
}
.mjcNav__list__btn--beginner{
	background-position:50% -215px;
	/*background-position:50% -275px\9;*/
}
.mjcNav__list__btn--introduction{
	background-position:50% -293px;
	/*background-position:50% -370px\9;*/
}
.mjcNav__list__btn--question{
	background-position:50% -367px;
	/*background-position:50% -460px\9;*/
}
.mjcNav__list__btn--charge{
	background-position:50% -440px;
	/*background-position:50% -550px\9;*/
}
}
@media only screen and (max-width: 767px) {
.mjcNav{
	display:block;
	border-right: none;
	border-radius:0;
	width:auto;
	margin:0 7px 30px;
	background:none;
}
.mjcNav__border{
	display:none;
}
.mjcNav__hdr{
	display:none;
}
.mjcNav__hdr__sp{
	display:block;
	width:100%;
	background:url(../img/bg_nav_sp.png)  left bottom no-repeat;
	background-size:contain;
}
.mjcNav__hdr__btn{
	display:block;
	padding:6.9% 30%;
	border-top:none;
	border-radius:0;
	background:none;
	text-align:center;
	-moz-box-shadow:none;
	-webkit-box-shadow::none;
	box-shadow::none;
}
.mjcNav__hdr__btn:hover{
	background:none;
}
.mjcNav__list{
	display:block;
	margin:0 10px;
	padding:0;
	border:none;
	height:146px;
	background:url(../img/bg_nav.png) #fff;
	position:relative;
	z-index:1;
}
.mjcNav__list__ul > li{
	margin-bottom:10px;
	width:33%;
	height:63px;
}
.mjcNav__list__ul > li:first-child{
	display:none;
}
.mjcNav__list__ul > li:last-child {
    width: 33%;
}
.mjcNav__list__btn{
	background:url(../img/txt_nav_sp_2.png) no-repeat;
	background-size:90px auto;
	border-top:none;
}
.mjcNav__list__btn__inner{
	border-right:solid 1px #d5eaf2;
}
.mjcNav__list__ul > li:last-child .mjcNav__list__btn__inner{
	border-right:none
}
.mjcNav__list__btn{
	height:53px;
}
.mjcNav__list__btn--top{
	background-position:40% 0;
	border-top:solid 10px #ffdce6;
}
.mjcNav__list__btn--about{
	background-position:50% 3px;
	border-top:solid 10px #ffe5ca;
}
.mjcNav__list__btn--privilege{
	background-position:50% -55px;
	border-top:solid 10px #edfec7;
}
.mjcNav__list__btn--beginner{
	background-position:50% -115px;
	border-top:solid 10px #caffcc;
}
.mjcNav__list__btn--introduction{
	background-position:50% -175px;
	border-top:solid 10px #caf9ff;
}
.mjcNav__list__btn--question{
	background-position:50% -235px;
	border-top:solid 10px #dcd3fe;
	border-radius:0;
}
.mjcNav__list__btn--charge{
	background-position:50% -295px;
	border-top:solid 10px #fed3fa;
	border-radius:0;
}
}
/* index
------------------------------------------------------------------- */
#fact {
clear:both;
width:100%;
min-width:960px;
background:#fff;
}

#fact .shade {
width:100%;
height:5px;
background:url(../img/shade.png) repeat-x 0px 0px;
}

#fact .stage {
overflow:hidden;
width:960px;
margin:0px auto;
padding:20px 0px 20px 0px;
}

#fact .stage .g {
float:left;
margin:0px;
padding:0px 30px 0px 0px;
}

#fact .stage .banner {
float:left;
margin:0px;
padding:0px 10px 0px 0px;
}


#fact .stage .banner ul {
margin:0px;
padding:0px;
}

#fact .stage .banner ul li {
float:left;
padding:10px 20px 10px 0px;
}

#sitemap {
width:100%;
min-width:960px;
background:url(../img/sitemap_bg.jpg) repeat 0px 0px;
}

#sitemap .shade {
width:100%;
height:5px;
background:url(../img/shade.png) repeat-x 0px 0px;
}

#sitemap #mapArea {
overflow:hidden;
width:960px;
margin:0px auto;
}

#sitemap #mapArea .box {
overflow:hidden;
margin:40px 0px 40px 0px;
}

#sitemap #mapArea .box .set {
overflow:hidden;
/*width:209px;*/
width:269px;
float:left;
/*padding:0px;
margin:40px 0px 40px 0px;*/
border-left:solid 1px #c9c9c9;
padding-bottom: 32767px;
margin-bottom: -32767px;
}

#sitemap #mapArea .box .right {
width:290px;
/*border-right:solid 1px #c9c9c9;*/
}

#sitemap #mapArea .box .end {
float:right;
overflow:hidden;
border-right:solid 1px #c9c9c9;
padding-bottom: 32767px;
margin-bottom: -32767px;
}

#sitemap #mapArea .box .set a {
text-decoration:none;
color:#666666;
}

#sitemap #mapArea .box .set .title a {
color:#333333;
}

#sitemap #mapArea .box .set a:hover {
color:#9b9b9b;
}

#sitemap #mapArea .box .set .none {
color:999999;
}


#sitemap #mapArea .box .set ul {
margin:0px;
padding:0px;
}

#sitemap #mapArea .box .set ul li {
overflow:hidden;
/*padding:0px 0px 5px 15px;*/
padding:0px 0px 5px 25px;
}

#sitemap #mapArea .box .set ul li span.window {
background:url(../img/icon_window.gif) no-repeat center right;
padding:0px 12px 0px 0px;
}

#sitemap #mapArea .box .set ul .topPos {
padding:20px 0px 0px 25px;
}

/*#footer {
width:100%;
min-width:960px;
background:#e91a2a;
}

#footer p {
text-align:center;
color:#fff;
line-height:50px;
}
*/
/*もっともっとおトク*/
#moremore {
}

#moremore .st {
margin-top:-30px;
}
#moremore .st img{
width:100%;
}

#moremore .more {
background:#fff;
border-bottom:solid 3px #fcbbc0;
padding:30px 35px 30px 35px;
}
.more__inner{
overflow:hidden;
max-width:773px;
margin:auto;
}

#moremore .more .banner {
float:none;
padding:0 14px;
width:50%;
box-sizing:border-box;
margin: 0 auto;
}
.more .banner img {
max-width:100%;
}
#moremore .more .right {
}
@media only screen and (max-width: 767px) {
#moremore {
	margin:0 15px;
}
#moremore .more {
	padding:10px 14px;
}
#moremore .more .banner {
	float:none;
	padding:7px 0;
	width:100%;
}
}

/*majicaのご利用方法用*/
#use_moremore {
clear:both;
width:900px;
margin:0px auto;
}

#use_moremore .st {
width:900px;
overflow:hidden;
}

#use_moremore .st img {
margin:0px 0px 0px -60px;
}


#use_moremore .more {
overflow:hidden;
width:830px;
background:#fff;
border-bottom:solid 3px #fcbbc0;
padding:30px 35px 30px 35px;
}

#use_moremore .more .banner {
float:left;
width:400px;
}

#use_moremore .more .banner img {
max-width:400px;
height:auto;
}


#use_moremore .more .right {
width:400px;
padding:0px 0px 0px 30px!important;
margin:0px!important;
}

/*お問い合わせ*/

.mjkContact{
margin-top:65px;
padding:45px;
background:url(../img/bg_contact.png) #fdeaee 50% 50%;
border:solid 2px #fcc;
}
.mjkContact span.inline_B{
	display: inline-block;
}
.mjkContact__table{
margin:0 auto;
}
.mjkContact__table th{
font-weight:bold;
font-size:129%;
padding:0.3em 1.3em 0.3em 0;
}
.mjkContact__table td{
font-size:117%;
padding:0.3em 0;
}
.mjkContact__company:before{
content:" ";
display:inline-block;
width:28px;
height:28px;
margin-right:0.6em;
background:url(../img/icon_contact.png) no-repeat;
vertical-align:middle;
}
.mjkContact__contact:before{
content:" ";
display:inline-block;
width:28px;
height:28px;
margin-right:0.6em;
background:url(../img/icon_contact.png) no-repeat 0 -28px;
vertical-align:middle;
}
@media only screen and (max-width: 767px) {
.mjkContact{
	margin:23px 15px 0;
	padding:20px;
	background-size:78px auto;
}
.mjkContact__table th{
	font-size:100%;
	padding-right:1em;
	min-width: 105px;
}
.mjkContact__table td{
	font-size:95%;
}
.mjkContact__company:before{
	width:14px;
	height:14px;
	margin-right:0.3em;
	background-size:14px auto;
}
.mjkContact__contact:before{
	width:14px;
	height:14px;
	margin-right:0.3em;
	background-size:14px auto;
	background-position:0 -14px;
}
}
@media only screen and (max-width: 480px) {
.mjkContact__table th{
	min-width: 90px;
}
}
@media only screen and (max-width: 370px) {
.mjkContact__table th{
	display: block;
	min-width: auto;
	width: 100%;
}
.mjkContact__table td {
	display: block;
	width: 100%;
}
}
.title {
padding:17px;
text-align:center;
line-height:1;
}
@media only screen and (max-width: 767px) {
.title {
	padding:10px;
}
}


/* 190520　ドンキ連携マガジンバックナンバー追加
------------------------------------------------------------------- */
.snsBlog_backnumber {
    margin: 25px 0;
	text-align: center;
}
.inner {
    max-width: 1160px;
    margin: 0 auto;
}
.snsBlog_backnumber h2 {
	font-size: 140%;
    margin-bottom: 15px;
}
.backnumber_list{
	text-align: left;
	display: inline-block;
}
.backnumber_list li{
	margin-bottom: 0.45em;
}
.backnumber_list li .backnumber_num{
	padding-right: 15px;
}