@charset "utf-8";
/* 2022/04 update */
@import url("https://fonts.googleapis.com/css?family=Fjalla+One&display=swap");

.go_top {z-index: 100;}
.go_top a {background: #151f46 none repeat scroll 0 0; border-radius: 20px; color: #ffffff !important; display: block; font-size: 18px; height: 40px; padding: 10px; text-align: center; width: 40px;}

/*** Event - Common ***/
.sp_display{display:none; line-height: 0;}
.pc_display{display:block; line-height: 0;}

/* Loader */
#site_loader_overlay {	background: #151f46;	opacity: 1;	position: fixed;	top: 0px;	left: 0px;	width: 100%;	height: 100%;	width: 100vw;	height: 100vh;	z-index: 99999; }

.site_loader_logo {
	font-size: 10px; 	margin: -3em;	text-indent: -9999em;	width: 6em;	height: 6em;	border-radius: 50%;	background: #fdfad5;	background: -moz-linear-gradient(left, #fdfad5 10%, rgba(253, 250, 213, 0) 42%);
	background: -webkit-linear-gradient(left, #fdfad5 10%, rgba(253, 250, 213, 0) 42%);
	background: -o-linear-gradient(left, #fdfad5 10%, rgba(253, 250, 213, 0) 42%);
	background: -ms-linear-gradient(left, #fdfad5 10%, rgba(253, 250, 213, 0) 42%);
	background: linear-gradient(to right, #fdfad5 10%, rgba(253, 250, 213, 0) 42%);
	position: absolute; 	top: 50%;	left: 50%; 	-webkit-animation: load3 1.4s infinite linear;	animation: load3 1.4s infinite linear;	-webkit-transform: translateZ(0); 	-ms-transform: translateZ(0);
	transform: translateZ(0);
}
.site_loader_logo:before { 	width: 50%; 	height: 50%;	background: #151f46;	border-radius: 100% 0 0 0;	position: absolute;	top: 0;	left: 0;	content: ''; }
.site_loader_logo:after { 	background: #151f46;	width: 75%;	height: 75%;	border-radius: 50%;	content: '';	margin: auto;	position: absolute;	top: 0; 	left: 0; 	bottom: 0; 	right: 0; }

/*** Event - missionvs ***/
#wrap_gomm {background: #fefefe; color: #1b1c1c; font-size: 1.6rem; position: relative; overflow: hidden; }

/* Contents Common */
#wrap_gomm .event-detail{position: relative; padding: 0 0; margin: 0 0; /* overflow: hidden; */}
#wrap_gomm .event-detail:first-of-type{padding: 0 0 5%; margin: 0 0 5%;}
#wrap_gomm .event-detail .content-block{background-color: rgba(6,120,184,0.9); width: 100%; max-width: 970px; height: 100%; padding: 35px 50px; margin: 0 auto; position: relative; z-index: 8;color: #ffffff;}
#wrap_gomm .event-detail .content-block .block-box{margin: 0; padding: 0; position: relative;}

/* Link */
#wrap_gomm a{color: #333333; text-decoration: underline;}
#wrap_gomm a:hover{color: #ed2c22;}

#wrap_gomm a.boxLink {width: 100%; max-width: 440px; background: #e85c10; color: #fff; text-decoration: none; display: block; margin: 0 auto; padding: 12px; overflow: hidden; position: relative; text-align: center; outline: 1px solid; border-bottom: 4px solid #fff; font-size: 2.8rem; font-weight: 600; -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);}
#wrap_gomm a.boxLink:hover{box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);}
#wrap_gomm a.boxLink:after {background: #fff; content: ""; height: 155px; left: -75px; opacity: .4; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 10;}
#wrap_gomm a.boxLink:hover:after {left: 120%; -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);}
#wrap_gomm a.boxLink::before {content: ''; position: absolute; top: 1px; right: 20px; bottom: 0; width: 0; height: 0; margin: auto; border-style: solid; border-width: 6px 0 6px 8px; border-color: transparent transparent transparent #fff; -webkit-transition: -webkit-transform .4s cubic-bezier(0.77, 0, 0.175, 1); transition: transform .4s cubic-bezier(0.77, 0, 0.175, 1);}

/* navi */
#wrap_gomm nav{background: #0678b8; width: 100%;}
#wrap_gomm nav ul{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#wrap_gomm nav li:nth-child(1){display: flex; width: 33%; background: url("../img/event/cpn_gomm/gvm__nav01.png") no-repeat; background-position: 50% 50%; position: relative;}
#wrap_gomm nav li.be:nth-child(1){width: 50%;}
#wrap_gomm nav li.es:nth-child(1){width: 50%;}
#wrap_gomm nav li.pt:nth-child(1){width: 50%;}
#wrap_gomm nav li.fr:nth-child(1){width: 50%;}
#wrap_gomm nav li.ch:nth-child(1){width: 50%;}
#wrap_gomm nav li.cz:nth-child(1){width: 50%;}

#wrap_gomm nav li:nth-child(1)::after{content: ''; display: block; background-color: #fff; position: absolute; width: 2px; height: 50px; top: 50%; right: 0; margin: -25px 0 0;}
#wrap_gomm nav li:nth-child(2){display: flex; width: 33%; background: url("../img/event/cpn_gomm/gvm__nav02.png") no-repeat; background-position: 50% 50%;}
#wrap_gomm nav li.be:nth-child(2){width: 50%;}
#wrap_gomm nav li.es:nth-child(2){width: 50%;}
#wrap_gomm nav li.pt:nth-child(2){width: 50%;}
#wrap_gomm nav li.fr:nth-child(2){width: 50%;}
#wrap_gomm nav li.ch:nth-child(2){width: 50%;}
#wrap_gomm nav li.cz:nth-child(2){width: 50%;}

#wrap_gomm nav li:nth-child(2)::after{content: ''; display: block; background-color: #fff; width: 2px; height: 50px; top: 50%; right: 0; margin: 15px 0 0;}
#wrap_gomm nav li:nth-child(3){display: flex; width: 33%; background: url("../img/event/cpn_gomm/gvm__nav03.png") no-repeat; background-position: 50% 50%;}

#wrap_gomm nav li a{color: #fff; cursor: pointer; position: relative; text-decoration: none; text-transform: uppercase; display: block; width: 100%; padding: 30px; text-indent: -9999px;}
#wrap_gomm nav li a.btn {overflow: hidden; position: relative; box-shadow: none; -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);}
#wrap_gomm nav li a.btn:hover{box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);}
#wrap_gomm nav li a.btn:after {background: #fff; content: ""; height: 155px; left: -75px; opacity: .4; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 10;}
#wrap_gomm nav li a.btn:hover:after {left: 120%; -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);}
#wrap_gomm nav li .btn.none {text-indent: -9999px; display: block; width: 100%; padding: 30px; cursor: not-allowed; position: relative;}
#wrap_gomm nav li .btn.none::before{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3);}


/* Contents Introduction */
#wrap_gomm .event-detail .intro{padding: 0 !important;}

/* Contents Outline */
#wrap_gomm .event-detail .outline h3{font-size: 4.2rem; font-weight: 700; color: #fdfad5; text-align: center; margin: 35px 0; position: relative;}
#wrap_gomm .event-detail .outline h3 span{display: inline-block; margin: 3px 0; padding: 7px 5px 2px; transform: skewX(-10deg); -webkit-transform: skewX(-10deg); -moz-transform: skewX(-10deg); -o-transform: skewX(-10deg);}
#wrap_gomm .event-detail .outline h3 span:after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #151f46; display: block; padding: 0; z-index: -1;}
#wrap_gomm .event-detail .outline p{font-size: 2.2rem; font-weight: 700; line-height: 3.6rem; text-align: center; margin: 0;}
#wrap_gomm .event-detail .outline p span{color: #e85c10; text-decoration: underline;}

/* Contents PlayerData */
#wrap_gomm .event-detail .playData{}
#wrap_gomm .event-detail .playData h3{display: block; color: #151f46; text-align: center; font-weight: 700; font-size: 5.0rem; line-height: 1; letter-spacing: 0.2em; margin-bottom: 30px; font-family: 'Fjalla One', sans-serif;}
#wrap_gomm .event-detail .playData .entryArea{background-color: #fff; color: #151f46; width: 100%; margin: 0 auto; position: relative; padding: 0;}
#wrap_gomm .event-detail .playData .entryArea::after{content: ''; display: block; background-color: #151f46; width: 100%; height: 10px;}
#wrap_gomm .event-detail .playData .entry{padding: 30px;}
#wrap_gomm .event-detail .playData .name{text-align: center; font-size: 2.8rem !important; font-weight: 700;}
#wrap_gomm .event-detail .playData .name span{background: #ed2c22; color: #fff; padding: 4px 20px 3px; font-size: 1.6rem; margin: 0 15px 0 0; vertical-align: 5px;}
#wrap_gomm .event-detail .playData .data{margin: -30px 0 0;}
#wrap_gomm .event-detail .playData .data ul{display: flex; flex-direction: row; justify-content: center; align-items: center;}
#wrap_gomm .event-detail .playData .data li{width: 40%; height: auto; border: none; font-size: 1.6rem; line-height: 1rem; overflow: inherit;}
#wrap_gomm .event-detail .playData .data dl{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#wrap_gomm .event-detail .playData .data dt{width: 100%; font-size: 2.2rem; height: auto; line-height: 2.8rem;}
#wrap_gomm .event-detail .playData .data dd{border: none; width: 100%; overflow: inherit; font-size: 4.0rem;}
#wrap_gomm .event-detail .playData .data dd span{display: inline; float: none; color: #151f46; font-size: 2.4rem; margin: 0 0 0 5px;}

/* No Login */
#wrap_gomm .event-detail .playData .none{}
#wrap_gomm .event-detail .playData .none div{margin-bottom: 15px;}
#wrap_gomm .event-detail .playData .none p{font-size: 1.3rem; font-weight: 700; margin: 5px 0; text-align: center;}

/* Event End */
#wrap_gomm .event-detail .end{}
#wrap_gomm .event-detail .end p{background: #ed2c22; border: 4px double #fff; color: #fff; font-size: 2.4rem; width: 90%; max-width: 500px; margin: 30px auto 0; padding: 10px;}

/* Contents Howto */
#wrap_gomm .event-detail .howto::after{content: ""; display: block; border-top: 2px #151f46 dotted; margin: 60px 0 0;}
#wrap_gomm .event-detail .howto h3{text-align: center; font-size: 3.2rem; font-weight: 700; color: #151f46; margin-bottom: 25px;}
#wrap_gomm .event-detail .howto p{background-color: rgba(81,81,86,0.85); color: #fff; font-size: 3.2rem; text-align: center; border: 3px solid #b7b7b7; border-radius: 10px; font-weight: 600; margin-bottom: 50px; padding: 15px 0;}
#wrap_gomm .event-detail .howto .flow{padding: 0; margin: 0;}
#wrap_gomm .event-detail .howto .flow h4{margin: 0 0 30px;}
#wrap_gomm .event-detail .howto .flow p{font-size: 1.6rem; background: none; border: none; margin: 0; padding: 0; width: 320px; height: 60px; vertical-align: middle; display: table-cell;}
#wrap_gomm .event-detail .howto .flow ul{width: 100%; margin-bottom: 50px;}
#wrap_gomm .event-detail .howto .flow ul:after{content: ""; clear: both; display: block;}
#wrap_gomm .event-detail .howto .flow li{float: left; width: 31.3%; border: 3px solid #b7b7b7; border-radius: 10px; position: relative;}
#wrap_gomm .event-detail .howto .flow li:nth-child(1){margin-right: 3%;}
#wrap_gomm .event-detail .howto .flow li:nth-child(2){margin: 0;}
#wrap_gomm .event-detail .howto .flow li:nth-child(3){margin-left: 3%;}
#wrap_gomm .event-detail .howto .flow li:before,
#wrap_gomm .event-detail .howto .flow li:after{content: ""; position: absolute; right: 0; left: 0; width: 0; height: 0; margin: auto;}
#wrap_gomm .event-detail .howto .flow li:before{top: 134px; left: 268px; border-style: solid; border-color: transparent #b7b7b7; border-width: 23px 0 23px 23px;}
#wrap_gomm .event-detail .howto .flow li:after{top: 135px; left: 264px; border-style: solid; border-color: transparent #666; border-width: 22px 0 22px 22px; z-index: 10;}
#wrap_gomm .event-detail .howto .flow li:last-child:before,
#wrap_gomm .event-detail .howto .flow li:last-child:after{display: none;}
#wrap_gomm .event-detail .howto .flow .Box{background-color: rgba(81,81,86,0.85); padding: 10px; position: relative;}
#wrap_gomm .event-detail .howto .flow .Box .images{margin: 0; padding: 10px 0;}
#wrap_gomm .event-detail .howto .matching{background-color: rgb(26,64,228,0.15); border: 3px solid #fff; border-radius: 10px; padding: 40px; background: rgba(26,64,228,0.15);}
#wrap_gomm .event-detail .howto .matching h3{margin-bottom: 35px;}
#wrap_gomm .event-detail .howto .matching h4{text-align: center; font-size: 30px; font-weight: 700; margin-bottom: 15px;}
#wrap_gomm .event-detail .howto .matching p{border: none; font-size: 2rem; padding: 0; line-height: 3.6rem; margin-bottom: 10px;}
#wrap_gomm .event-detail .howto .matching ul{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
#wrap_gomm .event-detail .howto .matching li{width: 50%; padding: 15px; font-size: 1.5rem; font-weight: 600; line-height: 2.4rem;}
#wrap_gomm .event-detail .howto .matching li div{margin-bottom: 15px;}

/* Contents Item */
#wrap_gomm .event-detail .getItem::after,
#wrap_gomm .event-detail .getMachine::after,
#wrap_gomm .event-detail .presentItem::after{content: ""; display: block; border-top: 2px #151f46 dotted; margin: 60px 0 0;}
#wrap_gomm .event-detail .getItem h3,
#wrap_gomm .event-detail .getMachine h3,
#wrap_gomm .event-detail .presentItem h3{display: block; color: #ffffff; text-align: center; font-weight: 700; font-size: 5.0rem; line-height: 1; letter-spacing: 0.125em; margin: 0 0 25px; font-family: 'Fjalla One', sans-serif;}
#wrap_gomm .event-detail .getItem h4,
#wrap_gomm .event-detail .getMachine h4,
#wrap_gomm .event-detail .presentItem h4{font-size: 4.6rem; font-weight: 700; color: #fdfad5; text-align: center; margin: 0 0 50px; position: relative;}
#wrap_gomm .event-detail .getItem h4 span,
#wrap_gomm .event-detail .getMachine h4 span,
#wrap_gomm .event-detail .presentItem h4 span{display: inline-block; margin: 3px 0; padding: 7px 5px 2px; transform: skewX(-10deg); -webkit-transform: skewX(-10deg); -moz-transform: skewX(-10deg); -o-transform: skewX(-10deg);}
#wrap_gomm .event-detail .getItem h4 span::after,
#wrap_gomm .event-detail .getMachine h4 span::after,
#wrap_gomm .event-detail .presentItem h4 span::after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #151f46; display: block; padding: 0; z-index: -1;}
#wrap_gomm .event-detail .getItem h5,
#wrap_gomm .event-detail .getMachine h5,
#wrap_gomm .event-detail .presentItem h5{font-size: 4.0rem; font-weight: 700; line-height: 1.0em; text-align: center; padding: 20px 0 20px; margin: 0;}
#wrap_gomm .event-detail .getItem h5 span{font-size: 3.0rem; line-height: 1.0em; color: #fff; background-color: #0678b8; display: inline-block; padding: 10px 30px 5px; margin: 10px 0 0;}
#wrap_gomm .event-detail .presentItem h5 span{font-size: 3.2rem; line-height: 1.0em; color: #fff; background-color: #0678b8; display: inline-block; padding: 10px 30px 5px; margin: 10px 0 0;}
#wrap_gomm .event-detail .getItem .block-box.clear{position: relative; overflow: hidden;}
#wrap_gomm .event-detail .getItem .block-box.clear::before{content: '獲得済み'; display: block; font-size: 3.6rem; font-weight: 700; line-height: 1.0em; color: #fff; text-align: center; position: absolute; width: 380px; height: auto; top: 30px; left: -90px; padding: 17px 0; background-color: #ed2c22; transform: rotate(-35deg);}
#wrap_gomm .event-detail .getItem .block-box ul{width: 100%; display: flex; flex-direction: column; margin: 0 auto; padding: 60px;}
#wrap_gomm .event-detail .getItem .block-box li{width: 100%; display: flex; justify-content: space-between; align-items: center;  margin: 0 0 50px;}
#wrap_gomm .event-detail .getItem .block-box li:last-child{margin: 0;}
#wrap_gomm .event-detail .getItem .block-box li .detail__badge{position: absolute; top: -30px; left: -30px; max-width: 110px; transform: rotate(-15deg); z-index: 10;}
#wrap_gomm .event-detail .getItem .block-box li .detail__badge img{width: 100%;}
#wrap_gomm .event-detail .getItem .block-box li .detail__images{width: 49%; position: relative;}
#wrap_gomm .event-detail .getItem .block-box li .detail__images a.boxLink {max-width: none; background: none; margin: 0; padding: 0; outline: 0; border-bottom: 0;}
#wrap_gomm .event-detail .getItem .block-box li .detail__images  a.boxLink:hover{box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);}
#wrap_gomm .event-detail .getItem .block-box li .detail__images  a.boxLink:after {background: #fff; content: ""; height: 300px; left: -150px; opacity: .4; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 5;}
#wrap_gomm .event-detail .getItem .block-box li .detail__images  a.boxLink:hover:after {left: 125%; -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);}
#wrap_gomm .event-detail .getItem .block-box li .detail__images  a.boxLink::before {display: none;}
#wrap_gomm .event-detail .getItem .block-box li .detail__item{width: 49%; color: #151f46; font-size: 2.2rem; font-weight: 700; line-height: 1.1em; margin: 0;}
#wrap_gomm .event-detail .getItem .block-box li .detail__item .morePoint{display: inline-block; font-size: 2.2rem; line-height: 2.0rem; font-weight: 700; color: #fff; text-align: center; margin: 0 0 15px; padding: 11px 15px 7px; position: relative;}
#wrap_gomm .event-detail .getItem .block-box li .detail__item .morePoint::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #0678b8e6; display: block; padding: 0; z-index: -1;}
#wrap_gomm .event-detail .getItem .block-box li .detail__item span{display: block; font-size: 2.6rem;margin: 0 0 15px;}

#wrap_gomm .event-detail .getItem .block-box li .detail__item a {display:inline-block;line-height:20px;padding:8px 10px;margin-top:2px;font-size:2.0rem;font-weight:700;color:#007abd;border:5px solid #007abd;border-radius:13px;text-decoration: none;}



#wrap_gomm .event-detail .getMachine h5 span{font-size: 3.0rem; line-height: 1.0em; color: #fff; background-color: #0678b8; display: inline-block; padding: 10px 30px 5px; margin: 10px 0 0;}
#wrap_gomm .event-detail .getMachine .block-box p.detail__list {font-size: 2rem; font-weight: 700; width: 100%;margin: 0;padding: 0 80px 2px }
#wrap_gomm .event-detail .getMachine .block-box.clear{position: relative; overflow: hidden;}
#wrap_gomm .event-detail .getMachine .block-box.clear::before{content: '獲得済み'; display: block; font-size: 3.6rem; font-weight: 700; line-height: 1.0em; color: #fff; text-align: center; position: absolute; width: 380px; height: auto; top: 30px; left: -90px; padding: 17px 0; background-color: #ed2c22; transform: rotate(-35deg);}
#wrap_gomm .event-detail .getMachine .block-box ul{width: 85%; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; padding: 10px 0 50px;}
#wrap_gomm .event-detail .getMachine .block-box li{text-align: center;}
#wrap_gomm .event-detail .getMachine .block-box li:nth-child(1){width: 22%;}
#wrap_gomm .event-detail .getMachine .block-box li:nth-child(2){width: 22%;}
#wrap_gomm .event-detail .getMachine .block-box li:nth-child(3){width: 22%;}
#wrap_gomm .event-detail .getMachine .block-box li:nth-child(4){width: 22%;}
#wrap_gomm .event-detail .getMachine .block-box li:last-child{margin: 0;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__badge{position: absolute; top: -30px; left: -30px; max-width: 110px; transform: rotate(-15deg); z-index: 10;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__badge img{width: 100%;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images{width: 49%; position: relative;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images a.boxLink {max-width: none; background: none; margin: 0; padding: 0; outline: 0; border-bottom: 0;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images  a.boxLink:hover{box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images  a.boxLink:after {background: #fff; content: ""; height: 300px; left: -150px; opacity: .4; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 5;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images  a.boxLink:hover:after {left: 125%; -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images  a.boxLink::before {display: none;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__item{width: 49%; color: #151f46; font-size: 2.2rem; font-weight: 700; line-height: 1.1em; margin: 0;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__item .morePoint{display: inline-block; font-size: 2.2rem; line-height: 2.0rem; font-weight: 700; color: #fdfad5; text-align: center; margin: 0 0 15px; padding: 11px 15px 7px; position: relative;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__item .morePoint::after {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #151f46; display: block; padding: 0; z-index: -1;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__item span{display: block; font-size: 2.6rem;margin: 0 0 15px;}

#wrap_gomm .event-detail .presentItem .block-box .slick__box{width: 100%; margin: 0; padding: 0 60px 30px;}
#wrap_gomm .event-detail .presentItem .block-box .slick__box .image{border: 3px solid #fff;}
#wrap_gomm .event-detail .presentItem .block-box p{font-size: 2.2rem; font-weight: 700; line-height: 3.0rem; text-align: center; padding: 60px; margin: 0;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list{width: 100%; margin: 0; padding: 0 60px 60px}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__badge{display: inline-block; font-size: 2.3rem; line-height: 2.0rem; font-weight: 700; color: #fdfad5; text-align: center; margin: 0 0 15px; padding: 13px 15px 9px; position: relative;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__badge:after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: #151f46; display: block; padding: 0; z-index: -1;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__item{color: #151f46; font-size: 2.2rem; text-align: center; font-weight: 700; line-height: 3.6rem;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__item span {font-size: 2.2rem;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__item span.s {font-size: 1.8rem;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__item span.red {color: #ff4f00;}
#wrap_gomm .event-detail .presentItem .btn__ranking{margin: 0 auto 50px;}

#wrap_gomm .event-detail .getItem .block-box,
#wrap_gomm .event-detail .getMachine .block-box,
#wrap_gomm .event-detail .presentItem .block-box{background-color: #fff; color: #333; width: 100%; margin: 0 auto; position: relative; padding: 0;}
#wrap_gomm .event-detail .getItem .block-box::after,
#wrap_gomm .event-detail .getMachine .block-box::after,
#wrap_gomm .event-detail .presentItem .block-box::after{content: ''; display: block; background-color: #151f46; width: 100%; height: 10px;}

/* Contents Ranking */
#wrap_gomm .event-detail .ranking{}
#wrap_gomm .event-detail .ranking::after {content: ""; display: block; border-top: 2px #fff dotted; margin: 60px 0 0;}
#wrap_gomm .event-detail .playData.rankingPage{padding: 60px 50px 0;}
#wrap_gomm .event-detail .playData.rankingPage::after{content: ""; display: block; border-top: 2px #fff dotted; margin: 60px 0 0; padding: 0 0 15px;}
#wrap_gomm .event-detail .ranking h3{display: block; color: #fff; text-align: center; font-size: 5.0rem; font-weight: normal; line-height: 1; letter-spacing: 0.125em; margin: 0 0 30px; font-family: 'Fjalla One', sans-serif;}
#wrap_gomm .event-detail .ranking p {font-size: 2.2rem; text-align: center; font-weight: 700; line-height: 3.4rem;}
#wrap_gomm .event-detail .ranking p span{display: block; font-size: 1.5rem;}
#wrap_gomm .event-detail .ranking p.card_nation span { margin-left: 20px; display: inline;}
#wrap_gomm .event-detail .ranking p.get_condition span { text-align: center;}
#wrap_gomm .event-detail .ranking .update{text-align: right; margin: 15px 0;}
#wrap_gomm .event-detail .ranking .ttl{margin-bottom: 30px;}
#wrap_gomm .event-detail .ranking .ttl table{background: #fff; color: #1d84be;}
#wrap_gomm .event-detail .ranking .ttl th{text-align: center;font-weight: 700; padding: 10px;}
#wrap_gomm .event-detail .ranking .ttl th:nth-child(1){width: 25%;}
#wrap_gomm .event-detail .ranking .ttl th:nth-child(2){width: 50%;}
#wrap_gomm .event-detail .ranking .ttl th:nth-child(3){}
#wrap_gomm .event-detail .ranking .entry{width: 100%; background-color: #fff; color: #1d84be; border-top: #1cadff 15px solid; margin: 20px 0;}
#wrap_gomm .event-detail .ranking .entry:last-of-type{margin: 20px 0 0;}
#wrap_gomm .event-detail .ranking .none{}
#wrap_gomm .event-detail .ranking .none p{font-size: 1.6rem; font-weight: normal; margin: 40px 0;}
#wrap_gomm .event-detail .ranking .rank-1{border-color: #fee273 !important; background-color: #f7f5eb; color: #a58712;}
#wrap_gomm .event-detail .ranking .rank-1 .cd-point span {color: #a58712 !important;}
#wrap_gomm .event-detail .ranking .rank-2{border-color: #cfd6dc !important; background-color: #eef1f3; color: #7e8489;}
#wrap_gomm .event-detail .ranking .rank-2 .cd-point span {color: #7e8489 !important;}
#wrap_gomm .event-detail .ranking .rank-3{border-color: #e6a595 !important; background-color: #f7eae7; color: #bd5338;}
#wrap_gomm .event-detail .ranking .rank-3 .cd-point span {color: #bd5338 !important;}
#wrap_gomm .event-detail .ranking .entry ul{width: 100%; display: table; table-layout: fixed;}
#wrap_gomm .event-detail .ranking .entry li{display: table-cell; border: none; padding: 25px 0; vertical-align: middle;}
#wrap_gomm .event-detail .ranking .entry li:nth-of-type(1){width: 25%;}
#wrap_gomm .event-detail .ranking .entry li:nth-of-type(2){width: 50%;}
#wrap_gomm .event-detail .ranking .entry li:nth-of-type(3){}
#wrap_gomm .event-detail .ranking .entry .cd-rank{width: 60%; background-color: #1d84be; color: #fff; font-size: 2.6rem; font-weight: 700; line-height: 1.0em; text-align: center; margin: 0 auto; padding: 12px 0 9px;}
#wrap_gomm .event-detail .ranking .entry .cd-rank span {color: #fff; font-size: 1.8rem; margin-left: 2px;}
#wrap_gomm .event-detail .ranking .entry .r1{background-color: #fee273; color: #a58712;}
#wrap_gomm .event-detail .ranking .entry .r1 span{color: #a58712;}
#wrap_gomm .event-detail .ranking .entry .r2{background-color: #cfd6dc; color: #7e8489;}
#wrap_gomm .event-detail .ranking .entry .r2 span{color: #7e8489;}
#wrap_gomm .event-detail .ranking .entry .r3{background-color: #e6a595; color: #bd5338;}
#wrap_gomm .event-detail .ranking .entry .r3 span{color: #bd5338;}
#wrap_gomm .event-detail .ranking .entry .cd-name{overflow: hidden;}
#wrap_gomm .event-detail .ranking .entry .cd-name p{font-size: 2.4rem; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0;}
#wrap_gomm .event-detail .ranking .entry .cd-name i{}
#wrap_gomm .event-detail .ranking .entry .cd-name i:before{content: ""; background:url("../img/event/cpn_gomm/common/pf-icon.svg") no-repeat; width: 36px; height: 23px; display: inline-block; vertical-align: -2px;}
#wrap_gomm .event-detail .ranking .entry .cd-point{font-size: 2.8rem; text-align: center; line-height: 1;}
#wrap_gomm .event-detail .ranking .entry .cd-point span{display: inline-block; color: #1d84be; font-size: 2rem; margin-left: 5px;}


/* Notice 共通 */
#wrap_gomm .notice h3{font-size: 4.5rem; font-weight: 600; color: #fdfad5; text-align: center; margin-bottom: 40px;}
#wrap_gomm .notice h3 span{background-color: #151f46; display: inline-block; padding: 7px 5px 1px;}
#wrap_gomm .notice h4{font-size: 2rem; font-weight: 700; margin: 0 0 5px; padding: 0;}
#wrap_gomm .notice p{margin: 0 0 40px; padding: 0; text-indent: 5px;}
#wrap_gomm .notice ul{width: 100%; margin: 0 0 25px;}
#wrap_gomm .notice li{list-style: disc; margin: 0 0 5px 25px; line-height: 2.5rem;}

/* contact */
#wrap_gomm .contact h3{font-size: 4.5rem; font-weight: 600; color: #fdfad5; text-align: center; margin-bottom: 40px;}
#wrap_gomm .contact h3 span{background-color: #151f46; display: inline-block; padding: 7px 5px 1px;}
#wrap_gomm .contact h4{font-size: 2rem; font-weight: 700; margin: 0 0 5px; padding: 0;}
#wrap_gomm .contact p{margin: 0 0 40px; padding: 0; text-indent: 5px;}
#wrap_gomm .contact ul{width: 100%; margin: 0 0 25px;}
#wrap_gomm .contact li{list-style: disc; margin: 0 0 5px 25px; line-height: 2.5rem;}


/* match */
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 100;
src:url('/fonts/NotoSansKR-Thin.woff2') format('woff2'),
url('/fonts/NotoSansKR-Thin.woff') format('woff'),
url('/fonts/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 400;
src:url('/fonts/NotoSansKR-Regular.woff2') format('woff2'),
url('/fonts/NotoSansKR-Regular.woff') format('woff'),
url('/fonts/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
font-family: 'Noto Sans KR';
font-style: normal;
font-weight: 500;
src:url('/fonts/NotoSansKR-Medium.woff2') format('woff2'),
url('/fonts/NotoSansKR-Medium.woff') format('woff'),
url('/fonts/NotoSansKR-Medium.otf') format('opentype');
}
.gvm_event_outer { width:664px; margin:0 auto 50px; font-family:'Noto Sans KR',sans-serif; color:#000; word-break:keep-all; letter-spacing:-1px; }
.gvm_event_outer.hk { font-family:'Noto Sans KR',Helvetica, sans-serif; word-break:break-all; }
.gvm_event_outer img { margin:0 !important; max-width:100%; }
.gvm_event_con { padding:30px 50px 0; }

.gvm_event_con .notice_txt { font-size:14px; line-height:20px; }

.gvm_event_btn { margin-bottom:70px; text-align:center; }
.gvm_event_btn a { display:inline-block; vertical-align:middle; padding:0 35px; line-height:40px; font-size:25px; color:#fff; font-weight:bold; background:url('/images/gvm_card/gvm_btn_bg.jpg') center center no-repeat; border:2px solid #345a90; border-radius:10px; }
.gvm_event_btn a span.arrow { display:inline-block; vertical-align:middle; margin:-3px 0 0 5px; width:12px; height:23px; background:url('/images/gvm_card/gvm_btn_arrow.png') 0 0 no-repeat; }

.gvm_event_outer.en .gvm_event_btn a { padding:0 30px; font-size:22px; }

.gvm_event_card_list ul { display:inline-block; width:100%; vertical-align:top; font-size:0; line-height:0; letter-spacing:-5px; text-align:center; }
.gvm_event_card_list ul li { display:inline-block; width:244px; margin-bottom:40px; vertical-align:top; font-size:18px; font-weight:bold; letter-spacing:-1px; line-height:22px; }
.gvm_event_card_list ul li:nth-of-type(odd) { margin-right:70px; }
.gvm_event_card_list ul li .gvm_card_img { margin:10px 0 5px; }

.get_condition_box .get_condition { display:table; table-layout:fixed; width:100%; margin-bottom:3px; }
.get_condition_box .get_condition span { display:table-cell; text-align:left; font-size:12px; line-height:16px; }
.get_condition_box .get_condition span.count { text-align:right; }

.get_condition_box .rate { height:22px; text-align:left; border:2px solid #b4867f; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.get_condition_box .rate span { display:inline-block; vertical-align:top; height:22px; line-height:22px; background:#f32100; }

.nation-content { padding: 1.5rem; }
.nation-content .table { background-color: white; color: #363636; margin-bottom: 1.5rem;}
.nation-content .table td, 
.nation-content .table th { border: 1px solid #dbdbdb; padding: 0.5em 0.75em; vertical-align: top; text-align: center; border-width: 1px; }

.nation-content .table td.is-white, 
.nation-content .table th.is-white { background-color: white; border-color: white; color: #0a0a0a; }
.nation-content .table td.is-black, 
.nation-content .table th.is-black { background-color: #0a0a0a; border-color: #0a0a0a; color: white; }
.nation-content .table td.is-light, 
.nation-content .table th.is-light { background-color: whitesmoke; border-color: whitesmoke; color: #363636;}
.nation-content .table td.is-dark, 
.nation-content .table th.is-dark  { background-color: #363636; border-color: #363636; color: whitesmoke; }
.nation-content .table td.is-primary, 
.nation-content .table th.is-primary { background-color: #21438b; border-color: #21438b; color: #fff; }
.nation-content .table td.is-link, 
.nation-content .table th.is-link  { background-color: #344574; border-color: #344574;  color: #fff; }
.nation-content .table td.is-info, 
.nation-content .table th.is-info { background-color: #1d409f; border-color: #1d409f; color: #fff; }
.nation-content .table.is-bordered td,
.nation-content .table.is-bordered th { border-width: 1px; vertical-align: middle !important;}

.nation-content .table.is-bordered tr:last-child td,
.nation-content .table.is-bordered tr:last-child th { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}


.nation-content .has-text-centered { text-align: center; }

.nation-content .table.is-fullwidth { width: 100%; }

.nation-content .table.is-hoverable tbody tr:hover { background-color: #fafafa;}

.nation-content .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { background-color: whitesmoke;}
.nation-content .bg-light { color: #fff;background-color: #0678b8 !important; }
.nation-content .m-b-sm { margin-bottom: 0.5rem !important; }

.image img {
    display: block;
    height: auto;
    width: 100%;
}


/*responsive ==============================================================================*/
@media (max-width: 767px) {
/*smart phone*/
/*Event - Common*/
.sp_display{display:block !important; line-height: 0;}
.pc_display{display:none !important; line-height: 0;}

/*** Event - missionvs ***/
#wrap_gomm {font-size: 1.2rem;}

/* Contents Common */
#wrap_gomm .event-detail .content-block{width: 98%; max-width: 500px; padding: 10px; margin: 0 auto;}

/* Link */
#wrap_gomm a.boxLink {width: 80%; max-width: 440px; padding: 15px; font-size: 1.4rem; border-bottom: 2px solid #fff;}
#wrap_gomm a.boxLink::before {right: 10px;}

/* navi */
#wrap_gomm nav li:nth-child(1){background-size: 90px;}
#wrap_gomm nav li:nth-child(1)::after{height: 28px; margin: -14px 0 0;}
#wrap_gomm nav li:nth-child(2){background-size: 90px;}
#wrap_gomm nav li:nth-child(3){background-size: 90px;}
#wrap_gomm nav li a{padding: 10px;}

/* Contents Outline */
#wrap_gomm .event-detail .outline h3{font-size: 1.6rem; margin: 20px 0;}
#wrap_gomm .event-detail .outline h3 span{margin: 1px 0; padding: 5px 3px;
transform: skewX(-7deg); -webkit-transform: skewX(-7deg); -moz-transform: skewX(-7deg); -o-transform: skewX(-7deg);}
#wrap_gomm .event-detail .outline p{font-size: 1.20rem; line-height: 1.8rem; margin: 15px 0;}

/* Contents PlayerData */
#wrap_gomm .event-detail .playData h3{font-size: 2.6rem; margin-bottom: 15px;}
#wrap_gomm .event-detail .playData .entryArea {width: 100%; max-width: 400px;}
#wrap_gomm .event-detail .playData .entryArea::after{height: 7px;}
#wrap_gomm .event-detail .playData .entry{padding: 20px 5px;}
#wrap_gomm .event-detail .playData .name{font-size: 1.6rem !important;}
#wrap_gomm .event-detail .playData .name span{padding: 3px 6px; font-size: 1.1rem; margin: 0 5px 0 0; vertical-align: 2px;}
#wrap_gomm .event-detail .playData .data {margin: -25px 0 -10px;}
#wrap_gomm .event-detail .playData .data ul{display: block;}
#wrap_gomm .event-detail .playData .data li{width: 100%; font-size: 1.4rem;}
#wrap_gomm .event-detail .playData .data dt{font-size: 1.4rem; line-height: 1.8rem;}
#wrap_gomm .event-detail .playData .data dd{width: 100%; font-size: 2rem;}
#wrap_gomm .event-detail .playData .data dd span{font-size: 1.4rem; margin: 0 0 0 3px;}

/* No Login */
#wrap_gomm .event-detail .playData .none div{margin-bottom: 10px;}
#wrap_gomm .event-detail .playData .none p{font-size: 1.0rem; margin: 0;}

/* Event End */
#wrap_gomm .event-detail .end p{font-size: 1.2rem; width: 90%; max-width: 320px; margin: 10px auto; padding: 8px;}

/* Contents Howto */
#wrap_gomm .event-detail .howto::after{margin: 30px 0 0;}
#wrap_gomm .event-detail .howto h3{font-size: 2rem; margin: 20px 0;}
#wrap_gomm .event-detail .howto p{max-width: 400px; margin: 0 auto; font-size: 1.5rem; margin-bottom: 25px; padding: 15px;}
#wrap_gomm .event-detail .howto .flow p{font-size: 1.7rem; width: 100%; height: auto; display: block; text-align: center;}
#wrap_gomm .event-detail .howto .flow ul{max-width: 400px; margin: 0 auto 25px;}
#wrap_gomm .event-detail .howto .flow li{float: none; width: 100%;}
#wrap_gomm .event-detail .howto .flow li:nth-child(1),
#wrap_gomm .event-detail .howto .flow li:nth-child(2){margin-bottom: 30px; margin-right: 0;}
#wrap_gomm .event-detail .howto .flow li:nth-child(2) .Box .images{width: 100%; margin: 0 auto;}
#wrap_gomm .event-detail .howto .flow li:nth-child(3){margin-left: 0;}
#wrap_gomm .event-detail .howto .flow li:before{top: 0; left: 0; bottom: -107%; border-style: solid; border-color: #b7b7b7 transparent; border-width: 18px 18px 0px 18px;}
#wrap_gomm .event-detail .howto .flow li:after{top: 0; left: 0; bottom: -105%; border-style: solid; border-color: #666 transparent; border-width: 20px 20px 0px 20px; z-index: 10;}
#wrap_gomm .event-detail .howto .flow .Box{padding: 15px;}
#wrap_gomm .event-detail .howto .flow .Box .images{max-width: 250px; padding: 10px 20px; margin: 0 auto;}
#wrap_gomm .event-detail .howto .matching{padding: 20px; max-width: 340px; margin: 0 auto;}
#wrap_gomm .event-detail .howto .matching h3{margin: 10px 0;}
#wrap_gomm .event-detail .howto .matching h4{font-size: 16px; margin-bottom: 20px;}
#wrap_gomm .event-detail .howto .matching p{font-size: 1.4rem; line-height: 2.2rem;}
#wrap_gomm .event-detail .howto .matching ul{display: block;}
#wrap_gomm .event-detail .howto .matching li{width: 100%; padding: 10px; font-size: 1.2rem; line-height: 2rem;}
#wrap_gomm .event-detail .howto .matching li div{margin-bottom: 10px;}
#wrap_gomm .event-detail .howto .matching li div:last-of-type{margin-bottom: 0;}

/* Contents Item */
#wrap_gomm .event-detail .getItem::after,
#wrap_gomm .event-detail .getMachine::after,
#wrap_gomm .event-detail .presentItem::after{margin: 30px 0 0;}
#wrap_gomm .event-detail .getItem h3,
#wrap_gomm .event-detail .getMachine h3,
#wrap_gomm .event-detail .presentItem h3{font-size: 2.4rem; margin: 10px 0;}
#wrap_gomm .event-detail .getItem h4,
#wrap_gomm .event-detail .getMachine h4,
#wrap_gomm .event-detail .presentItem h4{font-size: 1.8rem; line-height: 2.2rem; margin: 0 0 20px;}
#wrap_gomm .event-detail .getItem h4 span,
#wrap_gomm .event-detail .getMachine h4 span,
#wrap_gomm .event-detail .presentItem h4 span{padding: 5px 3px; transform: skewX(-7deg); -webkit-transform: skewX(-7deg); -moz-transform: skewX(-7deg); -o-transform: skewX(-7deg);}
#wrap_gomm .event-detail .getItem h5,
#wrap_gomm .event-detail .getMachine h5,
#wrap_gomm .event-detail .presentItem h5{font-size: 1.8rem; padding: 20px 0 10px;}
#wrap_gomm .event-detail .getItem h5 span{font-size: 1.5rem; padding: 6px 20px 5px; margin: 5px 0 0;}
#wrap_gomm .event-detail .presentItem h5 span{font-size: 2.2rem; padding: 6px 20px 5px; margin: 5px 0 0;}
#wrap_gomm .event-detail .getItem .block-box.clear::before{font-size: 1.25rem; width: 160px; top: 10px; left: -45px; padding: 10px 0;}
#wrap_gomm .event-detail .getItem .block-box ul{width: 100%; display: block; padding: 30px;}
#wrap_gomm .event-detail .getItem .block-box li{width: 100%; flex-direction: column; margin: 0 0 25px;}
#wrap_gomm .event-detail .getItem .block-box li .detail__badge{top: -20px; left: -20px; max-width: 65px;}
#wrap_gomm .event-detail .getItem .block-box li .detail__images{width: 100%;}
#wrap_gomm .event-detail .getItem .block-box li .detail__images a.boxLink {width: 100%;}
#wrap_gomm .event-detail .getItem .block-box li .detail__images a.boxLink:hover{box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);}
#wrap_gomm .event-detail .getItem .block-box li .detail__images a.boxLink:after {background: #fff; content: ""; height: 300px; left: -150px; opacity: .4; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 5;}
#wrap_gomm .event-detail .getItem .block-box li .detail__images a.boxLink:hover:after {left: 125%; -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);}
#wrap_gomm .event-detail .getItem .block-box li .detail__images a.boxLink::before {display: none;}
#wrap_gomm .event-detail .getItem .block-box li .detail__item{width: 100%; font-size: 1.85rem; margin: 15px 0 0;}
#wrap_gomm .event-detail .getItem .block-box li .detail__item .morePoint{font-size: 1.5rem; background-color: #0678b8e6; line-height: 1.0rem; margin: 0 0 5px; padding: 10px 5px 8px;}
#wrap_gomm .event-detail .getItem .block-box li .detail__item span{font-size: 1.6rem;}

#wrap_gomm .event-detail .getMachine h5 span{font-size: 1.5rem; padding: 6px 20px 5px; margin: 5px 0 0;}
#wrap_gomm .event-detail .getMachine .block-box p.detail__list {font-size: 1.4rem; font-weight: 700; width: 100%;margin: 0;padding: 0 18px 2px }
#wrap_gomm .event-detail .getMachine .block-box.clear::before{font-size: 1.25rem; width: 160px; top: 10px; left: -45px; padding: 10px 0;}
#wrap_gomm .event-detail .getMachine .block-box ul{width: 75%; display: block; padding: 5px 0;}
#wrap_gomm .event-detail .getMachine .block-box li:nth-child(1){width: 100%;}
#wrap_gomm .event-detail .getMachine .block-box li:nth-child(2){width: 100%;}
#wrap_gomm .event-detail .getMachine .block-box li:nth-child(3){width: 100%;}
#wrap_gomm .event-detail .getMachine .block-box li:nth-child(4){width: 100%;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__badge{top: -20px; left: -20px; max-width: 65px;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images{width: 100%;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images a.boxLink {width: 100%;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images a.boxLink:hover{box-shadow: inset 0 0 20px rgba(255, 255, 255, 0.5), 0 0 20px rgba(255, 255, 255, 0.2);}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images a.boxLink:after {background: #fff; content: ""; height: 300px; left: -150px; opacity: .4; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); width: 50px; z-index: 5;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images a.boxLink:hover:after {left: 125%; -webkit-transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1); transition: all 750ms cubic-bezier(0.19, 1, 0.22, 1);}
#wrap_gomm .event-detail .getMachine .block-box li .detail__images a.boxLink::before {display: none;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__item{width: 100%; font-size: 1.85rem; margin: 15px 0 0;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__item .morePoint{font-size: 1.5rem; line-height: 1.0rem; margin: 0 0 5px; padding: 10px 5px 8px;}
#wrap_gomm .event-detail .getMachine .block-box li .detail__item span{font-size: 1.25rem;}


#wrap_gomm .event-detail .presentItem .block-box p{font-size: 1.4rem; line-height: 1.8rem; padding: 30px 15px 15px;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__badge{max-width: none; font-size: 1.5rem; line-height: 1.0rem;
margin: 0 0 10px; padding: 10px 5px 8px;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__item{font-size: 1.6rem; line-height: 2.4rem; margin-bottom: 15px;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__item span{font-size: 1.25rem;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list li .detail__item span.s {font-size: 1.4rem;}
#wrap_gomm .event-detail .presentItem .block-box ul.detail__list{padding: 0 30px 15px;}

#wrap_gomm .event-detail .presentItem .block-box .slick__box{padding: 0 30px 15px;}

#wrap_gomm .event-detail .presentItem .btn__ranking{margin: 0 auto 25px;}
#wrap_gomm .event-detail .getItem .block-box,
#wrap_gomm .event-detail .getMachine .block-box,
#wrap_gomm .event-detail .presentItem .block-box{max-width: 400px;}
#wrap_gomm .event-detail .getItem .block-box::after,
#wrap_gomm .event-detail .getMachine .block-box::after,
#wrap_gomm .event-detail .presentItem .block-box::after{height: 7px;}

/* Notice 共通 */
#wrap_gomm .notice h3{font-size: 2.5rem; margin: 10px 0 20px;}
#wrap_gomm .notice h3 span{padding: 5px;}
#wrap_gomm .notice h4{font-size: 1.4rem;}
#wrap_gomm .notice p{font-size: 1.2rem; margin: 0 0 30px;}
#wrap_gomm .notice ul{margin: 0 0 20px;}
#wrap_gomm .notice li{list-style: disc; margin: 0 0 5px 20px; line-height: 2.0rem;}

/* contact */
#wrap_gomm .contact h3{font-size: 2.5rem; margin: 10px 0 20px;}
#wrap_gomm .contact h3 span{padding: 5px;}
#wrap_gomm .contact h4{font-size: 1.4rem;}
#wrap_gomm .contact p{font-size: 1.2rem; margin: 0 0 30px;}
#wrap_gomm .contact ul{margin: 0 0 20px;}
#wrap_gomm .contact li{list-style: disc; margin: 0 0 5px 20px; line-height: 2.0rem;}

/* match */
.gvm_event_outer { width:100%; margin:0 auto 30px; }

.gvm_event_con { padding:20px 10px 0; }
.gvm_event_con .notice_txt { font-size:12px; line-height:18px; }

.gvm_event_btn  { margin-bottom:30px; }
.gvm_event_btn a { font-size:20px; background-size:120% auto; }

.gvm_event_outer.en .gvm_event_btn a { font-size:20px; }

.gvm_event_card_list ul li { margin-bottom:30px; width:49%; vertical-align:bottom; font-size:16px; }
.gvm_event_card_list ul li:nth-of-type(odd) { margin-right:2%; }

}

@media (max-width: 560px) {/**/}
@media (max-width: 320px) {}
@media (min-width: 768px) and (max-width: 991px) {/*tablet*/}
@media (min-width: 992px) and (max-width: 1199px) {/* desk top */}
@media (min-width: 1200px) {/*desk top learge */}
@media (min-width: 768px) {/*sm~lg*/}

/*animated ==============================================================================*/
.animated {animation-duration: 1s; animation-fill-mode: both; visibility: visible; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;}
@-webkit-keyframes load3 {
	0%   {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}
@keyframes load3 {
	0%   {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
	100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}
}