@charset 'UTF-8';

/*------------------------------------------------------------*/
* {margin:0;padding:0;}
body{-webkit-text-size-adjust:none;font-size:14px;line-height:1.5;font-family:sans-serif;color:#333;}
img{border:0;margin:0;padding:0;vertical-align:middle;max-width:100%;}

a          {color:#33c;text-decoration:none;}
a:hover    {color:#33c;}
a:visited  {color:#33c;}
ul{list-style:none;}

@media screen and (min-width:1024px){.m-on{display:none!important;}}
@media screen and (max-width:1023px){.m-off{display:none!important;}}
@media screen and (min-width:768px){.s-on{display:none!important;}}
@media screen and (max-width:767px){.s-off{display:none!important;}}

/* clearfix */
.cf{zoom:1;}
.cf:after{content:".";display: block;height:0px;clear:both;line-height:0;visibility:hidden;}


/* Common */
/*------------------------------------------------------------*/
h2{font-size:22px;margin-bottom:40px;text-align:center;}
h3{font-size:19px;margin-bottom:17px;}
h4{font-size:16px;margin-bottom:14px;}
h5{font-size:14px;margin-bottom:12px;}
h2,h3,h4{color:#000;}
p{margin-bottom:10px;}

.note{font-size:12px;color:#444;}
.notice{color:#900;}
.catch{margin-top:-20px;margin-bottom:40px;text-align:center;}

@media screen and (max-width:767px){
	body{font-size:12px;}
	h2{font-size:18px;}
	h3{font-size:15px;}
	h4{font-size:14px;}
	h5{font-size:13px;}
	.note{font-size:11px;}
}


.annotation-1 > li{padding-left:1em;}
.annotation-2 > li{padding-left:2em;}
.annotation-3 > li{padding-left:3em;}
.annotation-1 > li, .annotation-2 > li, .annotation-3 > li{position:relative;margin-bottom:5px;}
.annotation-1, .annotation-2, .annotation-3{margin:5px 0 10px;}
.annotation-1 > li span:first-of-type, .annotation-2 > li span:first-of-type, .annotation-3 > li span:first-of-type
{position:absolute;left:0;}


.em-blue{display:inline-block;text-align:center;padding:5px 10px;background:#0F3C69;color:#fff;}
@media screen and (max-width:767px){
	.em-blue{display:block;padding:5px 0;}
}

.double{display:flex;justify-content:space-between;align-items:center;}
.double>*{width:48%;}
@media screen and (max-width:767px){
	.double{display:block;}
	.double>*{width:auto;margin-bottom:30px;}
}

/* magnificPopup */
.mfp-close{color:#fff!important;}




/* Header & Footer etc */
/*------------------------------------------------------------*/

header{
	background:url(../images/common/header.jpg) center no-repeat #2C3747;height:160px;
	background-size:cover;position:relative;
}
#header-wrap{width:1000px;margin:0 auto;position:relative;}
#logo-mrc{position:absolute;top:60px;line-height:0;}
#nav{position:absolute;top:130px;}
#nav ul{display:flex;}
#nav li{padding-right:20px;font-size:15px;}
#nav li a{color:#fff;}
#nav li.members-login,#nav li.members-registration,#nav li.lang{display:none;}

#lang-menu{text-align:right;padding-top:15px;}
#lang-menu li{display:inline-block;margin-left:5px;}
#lang-menu li a{display:block;padding:0 10px;color:#fff;font-size:12px;border-bottom:solid 1px #fff;}

#members-menu{position:absolute;display:flex;width:300px;top:55px;right:0;}
#members-menu li{flex-grow:1;margin-left:5px;}
#members-menu li a{
	display:block;height:40px;line-height:40px;border:solid 1px #fff;
	font-size:13px;color:#fff;text-align:center;
}

.members-login a{background:#0C588F;}
.members-registration a{background:#34780E;}

#document-menu{width:1000px;margin:0 auto;text-align:right;font-size:12px;padding:5px 0;}
#document-menu li{display:inline-block;padding:0 5px;}
#document-menu li a{color:#333;}

.contents{background:#eee;}

section{
	width:1000px;padding:70px 0;margin:0 auto;
	border-top:solid 1px #fff;border-bottom:solid 1px #bbb;
}
section:first-of-type{border-top:none;}
section:last-of-type{border-bottom:none;}

footer{width:1000px;margin:0 auto;padding:50px 0;text-align:center;}
#brand-logo{display:flex;width:600px;margin:0 auto 30px;}
#brand-logo li{flex-grow:1;text-align:center;}
#logo-mfhm{margin-bottom:10px;}
#logo-mfhm img{width:250px;}
#copy{font-size:11px;color:#666;line-height:1.6;}

@media screen and (max-width:1100px){
	#members-menu{right:27.5px;}
	#header-wrap{max-width:945px;width:auto;padding:0 27.5px;}
	#document-menu{max-width:945px;width:auto;padding:5px 27.5px;}
	section,footer{max-width:945px;width:auto;padding:60px 27.5px;}
	
}

#last-note{width:1000px;margin:0 auto;padding-bottom:40px;color:#666;font-size:12px;text-align:center;}
@media screen and (max-width:1100px){
	#last-note{width:auto;padding:0 27.5px 40px;font-size:11px;}
}




@media screen and (max-width:767px){
	header{height:80px;margin-bottom:42px;}
	#logo-mrc{width:160px;top:33px;}
	
	#nav{position:fixed;top:20px;right:20px;z-index:10;border:solid 1px #fff;}
	#nav-btn{width:40px;height:40px;background:url(../images/common/menu-on.svg) center no-repeat #666;cursor:pointer;}
	#nav.active #nav-btn{width:auto;min-width:150px;height:40px;background:url(../images/common/menu-off.svg) center no-repeat #666;}
	#nav ul{display:none;padding:0;}
	#nav ul li{padding:5px;text-align:center;background:#333;font-size:11px;border-top:solid 1px #999;}
	#nav li.members-login,#nav li.members-registration{display:block;}
	#nav li.members-registration{border-top:none;padding-top:0;}
	#nav li.lang{display:block;border:none;padding-top:0;}
	#nav.active ul{display:block;}
	#nav ul li a{display:block;padding:5px 0;}
	#nav li.members-login a,#nav li.members-registration a{padding:10px 0;}
	
	#members-menu{width:100%;top:80px;right:0;}
	#members-menu li{margin:0;}
	#members-menu li:first-of-type a{border-left-width:0;border-right-width:0;}
	#members-menu li:last-of-type a{border-right-width:0;}
	#lang-menu{display:none;}
	
	#document-menu{padding:10px 0;text-align:center;font-size:10px;}
	#brand-logo{width:auto;}
	
}









/* HOME */
/*------------------------------------------------------------*/

#main-visual{text-align:center;background:#eee;padding:20px 0;}
@media screen and (max-width:767px){
	#main-visual{padding:0;}
}


a#home-important{
	display:block;text-align:center;border:solid 1px #900;border-radius:5px;
	padding:20px 0;background:#fff;margin-bottom:2%;
}
a#home-important p{font-size:14px;margin-bottom:5px;}


#home-menu{display:flex;flex-wrap:wrap;justify-content:space-between;}
#home-menu li{width:49.5%;margin-bottom:1%;}
#home-menu li a{
	display:flex;align-items: center;height:100px;border-radius:5px;position:relative;
	background:right 20px center no-repeat #0C588F;color:#fff;padding-left:20px;padding-right:70px;
	background-size:40px;
}
#home-menu li a#home-menu-point{background-image:url(../images/home/icon-point.svg);}
#home-menu li a#home-menu-stage{background-image:url(../images/home/icon-stage.svg);}
#home-menu li a#home-menu-app{background-image:url(../images/home/icon-app.svg);}
#home-menu li a#home-menu-faq{background-image:url(../images/home/icon-faq.svg);}
#home-menu li a b{display:block;font-size:16px;}
#home-menu li a span{display:block;margin-top:5px;font-size:13px;}

@media screen and (max-width:1023px){
	#home-menu{display:block;}
	#home-menu li{width:auto;}
	
}
@media screen and (max-width:767px){
	#home-menu li a{font-size:12px;}
}

#home-msg{text-align:center;margin:50px 0;}
#home-msg p.title{font-size:20px;font-weight:bold;margin-bottom:5px;}

a#members-registration-btn{
	display:block;max-width:500px;margin:30px auto;padding:20px 0;border-radius:5px;
	text-align:center;color:#fff;font-size:16px;font-weight:bold;background:#34780E;
}


/* Point */
/*------------------------------------------------------------*/
.point-box{border:solid 1px #005751;border-radius:5px;padding:30px 50px;margin:20px 0;background:#fff;}
.point-box h3{
	color:#005751;margin:-30px -50px;padding:30px 0;text-align:center;cursor:pointer;
	background:url(../images/point/circle-open.svg) right 20px center no-repeat;
}
.point-box h3.active{background-image:url(../images/point/circle-close.svg);}


.point-box-more{margin-top:20px;display:none;}
.point-osusume{
	font-weight:bold;color:#005751;border-radius:10px;padding:10px;
	background:#eaf8e7;text-align:center;
}
.point-box hr{height:0;border:none;border-top:dotted 1px #005751;margin:30px 0;}

.point-image-3{display:flex;justify-content:space-between;margin:20px 0;}
.point-image-3 > *{width:30%;}
.point-image-3 .image img{margin-bottom:10px;}

@media screen and (max-width:767px){
	.point-box{padding:10px 20px;}
	.point-box h3{margin:-10px -20px;padding:10px 0;background-position:right 15px center;}
	.point-box h4{text-align:center;}
	.point-image-3{display:block;}
	.point-image-3 > *{display:flex;width:auto;justify-content:space-between;margin-bottom:10px;}
	.point-image-3 .image{width:30%;}
	.point-image-3 .doc{width:65%;}
}

a.link-btn{display:inline-block;padding:5px 20px;color:#fff;background:#0C588F;border-radius:5px;}



/* Stage */
/*------------------------------------------------------------*/

#stage-tokuten{display:flex;justify-content:space-between;}
#stage-tokuten li{width:32%;background:#fcfcfc;box-sizing:border-box;}
#stage-tokuten li h4{color:#fff;padding:5px 0;text-align:center;margin-bottom:0;}
#stage-tokuten li:nth-child(1) h4{background:#bda242;}
#stage-tokuten li:nth-child(2) h4{background:#8797a3;}
#stage-tokuten li:nth-child(3) h4{background:#75a4b5;}
#stage-tokuten li .doc{padding:20px 20px 10px;}
#stage-tokuten li p.title{font-weight:bold;font-size:120%;}

@media screen and (max-width:767px){
	#stage-tokuten{display:block;}
	#stage-tokuten li{width:auto;margin-bottom:10px;}
}


/* App */
/*------------------------------------------------------------*/
.app-first{max-width:750px;margin:0 auto;}

.app-first p:first-of-type{padding-top:20px;}
img.app-iphone-home{float:right;width:150px;margin-left:40px;margin-bottom:80px;}

.store-link{margin-top:40px;}
.store-link li{display:inline-block;margin-right:10px;text-align:center;}
.store-link a img{height:45px;}
.store-link img.qr{margin-top:10px;}

.store-link-note{margin-top:20px;}

.app-topic-wrap{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;}
.app-topic-wrap > *{width:47%;}

.app-topic{display:flex;justify-content:space-between;margin-bottom:20px;}
.app-topic .image{width:30%;}
.app-topic .doc{width:65%;padding-top:40px;}
.app-topic .doc .title{font-weight:bold;}
.app-topic-wrap .doc .title{border-left:solid 1px #333;padding:5px 0 5px 10px;}
.app-topic-wrap .doc .title span{display:block;font-weight:normal;margin-bottom:5px;}

.app-flow{text-align:center;margin:50px auto 0;max-width:500px;}
.app-flow span{display:block;font-size:13px;font-weight:normal;border-top:dotted 1px #999;padding-top:5px;}

@media screen and (max-width:767px){
	.app-first p:first-of-type{padding-top:10px;}
	img.app-iphone-home{width:100px;margin-bottom:40px;margin-right:20px;}
	.app-topic-wrap{display:block;}
	.app-topic-wrap > *{width:auto;}
	.app-topic{align-items:center;}
	.app-topic .doc{padding-top:0;}
	.store-link{clear:both;text-align:center;}
	.store-link li:last-of-type{margin:0;}
	.store-link a img{height:40px;}
	.store-link-note{text-align:center;}
}



#concierge-func{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:30px;}
#concierge-func li{
	box-sizing:border-box;padding:40px 20px 20px;width:48%;border-radius:5px;color:#fff;
	background-position:top;background-size:100%;background-repeat:no-repeat;
}
#concierge-func li:nth-of-type(1){background-image:url(../images/app/concierge-func-1.jpg);background-color:#977461;}
#concierge-func li:nth-of-type(2){background-image:url(../images/app/concierge-func-2.jpg);background-color:#116A66;}
#concierge-func li:nth-of-type(3){background-image:url(../images/app/concierge-func-3.jpg);background-color:#0060AA;}
#concierge-func li:nth-of-type(4){background-image:url(../images/app/concierge-func-4.jpg);background-color:#56321B;}

#concierge-func li p.title b,#concierge-func li p.title span{display:block;text-align:center;}
#concierge-func li p.title b{font-size:16px;border-bottom:dotted 1px #fff;}
#concierge-func li p.title span{font-size:12px;}

@media screen and (max-width:1023px){
	#concierge-func li{margin-bottom:2%;}
}
@media screen and (max-width:767px){
	#concierge-func{display:block;}
	#concierge-func li{width:auto;margin-bottom:10px;}
}



/* FAQ */
/*------------------------------------------------------------*/
#faq-anchor{display:flex;flex-wrap:wrap;}
#faq-anchor li{width:calc(25% - 5px);margin-bottom:5px;margin-right:5px;}
#faq-anchor li a{
	display:block;
	background:url(../images/common/arrow-bottom.svg) left 10px center no-repeat #fff;
	padding:10px 0 10px 35px;border-radius:5px;color:#0C588F;
}
@media screen and (max-width:1023px){
	#faq-anchor li{width:calc(33% - 6px);}
}
@media screen and (max-width:767px){
	#faq-anchor li{width:100%;margin-right:0;}
}

.faq dt{position:relative;padding:10px 10px 10px 30px;border-radius:5px;background:#e3e3e3;margin-bottom:5px;cursor:pointer;}
.faq dt span:first-of-type{position:absolute;left:10px;font-weight:bold;color:#900;}
.faq dt:hover{background:#ccc;}
.faq dd{background:#fff;padding:10px;border-radius:5px;margin-bottom:25px;display:none;}

.faq dd a{color:#0C588F;font-weight:bold;padding-bottom:3px;border-bottom:solid 1px #0C588F;}



/* Change */
/*------------------------------------------------------------*/
.change-box{margin-bottom:40px;padding-bottom:40px;border-bottom:dotted 1px #ccc;}
.change-box:last-of-type{padding-bottom:0;border-width:0;}
.change-image{display:flex;justify-content:space-between;flex-wrap:wrap;}
.change-image > *{width:15%;}
.change-mgh{background:rgba(204,0,0,.05);padding:20px;border-radius:5px;}
.change-mgh-title{color:#900;font-weight:bold;}
.change-mgh-b{font-weight:bold;padding-top:5px;}

.change-table{margin-bottom:20px;}
.change-table th{text-align:left;padding-right:10px;}

a.link-mgh-members{
	display:block;max-width:250px;margin:20px auto 0;padding:10px 10px;
	background:#480006;border-radius:5px;text-align:center;color:#fff;
}

@media screen and (max-width:1023px){
	.change-image > *{width:32%;margin-bottom:2%;}
}
@media screen and (max-width:767px){
	/* .change-box{margin-bottom:40px;} */
	.change-image > *{width:48%;margin-bottom:4%;}
	/* .change-mgh{padding:10px;} */
	a.link-mgh-members{max-width:100%;}
}



/* Document */
/*------------------------------------------------------------*/
.document-box{margin:50px auto;}
.document-box h3{border-bottom:dotted 1px #999;}

/* banner */
.campaign-banner{text-align:center;max-width:1000px;margin:0 auto;font-size:0;}
.campaign-banner a{display:inline-block;}
.campaign-banner img{width:480px;margin:0 5px 10px;border-radius:5px;}
@media (max-width: 768px) {
	.campaign-banner{margin-bottom:30px;}
	.campaign-banner img{max-width:100%;margin:0 0 5px;}
}




#other-fv{
	background:url(/mgh-rewards-club/images/other/header-bg-pc.jpg) no-repeat center;
	background-size:cover;height:300px;
}

@media (max-width: 768px) {
	#other-fv{background-image:url(/mgh-rewards-club/images/other/header-bg-sp.jpg);}
}

/* 3月31日まで */
/*------------------------------------------------------------*/
/*
header{margin-bottom:1px;}
#members-menu,#document-menu,li.members-login,li.members-registration{display:none!important;}
*/


.check{
	position:relative;display:inline-block;margin-bottom:10px;background:#f00;padding:5px 10px;border-radius:5px;
	color:#fff;font-weight:bold;font-size:12px;
	
}
.check:after{
	content:"";position:absolute;width:0;height:0;left:10px;bottom:-17px;
	border-style:solid;border-width:10px;border-color:#f00 transparent transparent;
}