@charset "utf-8";

/* 00.USUAL
--------------------------------------------------- */
nav.navbar-default {
	background-color: #fff;
}
main img,
section#group img {
	max-width: 100%;
	height: auto;
}
main#topWrap {
	letter-spacing: 0.05em;
	line-height: 150%;
	color: #1a1a1a;
	font-size: 112%;
}

main#topWrap * {
	margin: 0;
	padding: 0;
}

.pcNone { display:none; }


main#topWrap div.stripeBg {
	background: url("/img/top/33/bg_stripe.png") repeat center top / 16px auto;
}
main#topWrap div.Bgnone {
	background: none;
}
main#topWrap div.stripeBg div.stripeBgInner {
	background: -moz-linear-gradient(-80deg, rgba(255,255,255,0) 57%, rgba(255,255,255,100) 57%);
	background: -webkit-linear-gradient(-80deg, rgba(255,255,255,0) 57%, rgba(255,255,255,100) 57%);
	background: linear-gradient(170deg, rgba(255,255,255,0) 57%, rgba(255,255,255,100) 57%);
	padding-bottom: 1em;
}
main#topWrap section#fv {/*
	padding: 1.5% 0 7%;*/
	padding: 1.5% 0 0%;
}
.w940 {
	width: 940px;
	margin: 0 auto !important;
}
main#topWrap .pcNone { display:none; }


/* 01.NEWS
----------------------------------------------- */
div#newsTicker {
	margin-bottom: 2%;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
div#newsTicker h2, div#newsTicker time {
	font-family: Arial, Helvetica, "sans-serif";
}
div#newsTicker h2 {
	display: inline;
	float: left;
	width: 8%;
	font-size: 112%;
	margin: 0;
	padding: 0.2em 0 0.4em;
	font-weight: 600;
	letter-spacing: 0.06em;
}
div#newsTicker ul {/*
	height: 30px;*/
	line-height: 30px;
	overflow: hidden;
	list-style: none;
	display: inline;
	float: right;
	width: 90%;
	margin: 0;
	padding: 0;
}
div#newsTicker ul li {}
div#newsTicker ul li time {
	padding-right: 1em;
}
div#newsTicker ul li a {
	color: #333;
	text-decoration: underline;
}


/* 02.MAINSLIDE
----------------------------------------------- */
div#mainSlide div.bx-wrapper {
	margin-bottom: 1%;
}
div#mainSlide div.bx-wrapper div.bx-controls-direction a {
	top: 44%;
}
div#mainSlide div.custom-thumb {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 1.5%;
	/* padding: 0 4%; */
	padding: 0 33%;
}
div#mainSlide div.custom-thumb a {
	padding: 0 0.7%;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
	display: table-cell;
	cursor: pointer;
	box-sizing: border-box;
}
	div#mainSlide div.custom-thumb a.active img,
	div#mainSlide div.custom-thumb a:hover img { border:solid 2px #e60012; }

div#mainSlide div.bx-controls-direction a.bx-prev,
div#mainSlide div.bx-controls-direction a.bx-next {
	display: block;
	width: 28px;
	height: 65px;
}
/*div#mainSlide div.bx-controls-direction a.bx-prev { background:url("/img/common/33/slider_arrow_l.svg") no-repeat; left:-6%; }*/
/*div#mainSlide div.bx-controls-direction a.bx-next { background:url("/img/common/33/slider_arrow_r.svg") no-repeat; right:-6%; }*/

/*main#top .bxslider li*/
div#mainSlide li {
  display: none;
}
/* main#top .bx-viewport .bxslider li */
div#mainSlide .bx-viewport li {
  display: block !important;
}

div#mainSlide .sliderLoading {
	width: 100%;
	max-height: 450px;
	background: url("/images/main/loading02.gif") no-repeat center;
}

div#mainSlide .bx-wrapper + .sliderLoading {
	display: none;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background-color: rgba(0,0,0,0.2);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background-color: #007aff
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    margin: 0 0.4em !important;
}
/* .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: -48px;
} */
/* 03.NAV
----------------------------------------------- */
main#topWrap section#fv nav {/*
	margin: 5% 0;*/
	margin: 8% 0 0 0;
}
main#topWrap section#fv nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
main#topWrap section#fv nav ul li {
	text-align: center;
	position: relative;
	z-index: 2;
	display: inline-block;
	overflow: hidden;
	text-decoration: none;
	outline: none;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	/* background: #e60012; */
	margin: 0 1%;
}
main#topWrap section#fv nav ul li a {
	color: #e60012;
	display: block;
	width: 190px;
	height: 190px;
	padding: 65% 10% 15% 10%;
	font-weight: 600;
    font-size: 106%;
	line-height: 115%;
	border: 3px solid #e60012;
	/* color: #fff; */
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

	main#topWrap section#fv nav ul li a span { font-size:81%; }
main#topWrap section#fv nav ul li a:hover {
	text-decoration: none;
	color: #fff;
}
	main#topWrap section#fv nav ul li:nth-of-type(1) a { background:rgba(255,255,255,0.9) url("/img/common/33/ic_searchshop.svg") no-repeat center top 20%; -webkit-background-size:75% auto; -moz-background-size:75% auto; -ms-background-size:75% auto; -o-background-size:75% auto; background-size:75% auto; }
	main#topWrap section#fv nav ul li:nth-of-type(1) a:hover { background:url("/img/common/33/ic_searchshop_wh.svg") no-repeat center top 20%; -webkit-background-size:75% auto; -moz-background-size:75% auto; -ms-background-size:75% auto; -o-background-size:75% auto; background-size:75% auto; }
	main#topWrap section#fv nav ul li:nth-of-type(2) a { background:rgba(255,255,255,0.9) url("/img/common/33/ic_aki_201120.svg") no-repeat center top 20%; -webkit-background-size:75% auto; -moz-background-size:75% auto; -ms-background-size:75% auto; -o-background-size:75% auto; background-size:75% auto; }
	main#topWrap section#fv nav ul li:nth-of-type(2) a:hover { background:url("/img/common/33/ic_aki_wh_201120.svg") no-repeat center top 20%; -webkit-background-size:75% auto; -moz-background-size:75% auto; -ms-background-size:75% auto; -o-background-size:75% auto; background-size:75% auto; }
	main#topWrap section#fv nav ul li:nth-of-type(3) a { background:rgba(255,255,255,0.9) url("/img/common/33/ic_reserve.svg") no-repeat center top 20%; -webkit-background-size:75% auto; -moz-background-size:75% auto; -ms-background-size:75% auto; -o-background-size:75% auto; background-size:75% auto; }
	main#topWrap section#fv nav ul li:nth-of-type(3) a:hover { background:url("/img/common/33/ic_reserve_wh.svg") no-repeat center top 20%; -webkit-background-size:75% auto; -moz-background-size:75% auto; -ms-background-size:75% auto; -o-background-size:75% auto; background-size:75% auto; }
	main#topWrap section#fv nav ul li:nth-of-type(4) a { background:rgba(255,255,255,0.9) url("/img/common/33/ic_coupon.svg") no-repeat center top 20%; -webkit-background-size:75% auto; -moz-background-size:75% auto; -ms-background-size:75% auto; -o-background-size:75% auto; background-size:75% auto; }
	main#topWrap section#fv nav ul li:nth-of-type(4) a:hover { background:url("/img/common/33/ic_coupon_wh.svg") no-repeat center top 20%; -webkit-background-size:75% auto; -moz-background-size:75% auto; -ms-background-size:75% auto; -o-background-size:75% auto; background-size:75% auto; }

main#topWrap section#fv nav ul li::before,
main#topWrap section#fv nav ul li::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}
main#topWrap section#fv nav ul li,
main#topWrap section#fv nav ul li::before,
main#topWrap section#fv nav ul li::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
main#topWrap section#fv nav ul li::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
main#topWrap section#fv nav ul li:hover::after {
	background: #e60012;
	-webkit-transform: scale(1);
	transform: scale(1);
}

main#topWrap section#fv nav ul li figure {}
main#topWrap section#fv nav ul li figure img {
	fill: currentColor;
}
main#topWrap section#fv nav ul li figcaption {}


/* 04.PICKUP
----------------------------------------------- */
main#topWrap ul#pickup {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 3%;
}
main#topWrap ul#pickup li {
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 100%;
	margin-right: 0;
}
	main#topWrap ul#pickup li:last-child { margin-right:0; }
main#topWrap ul#pickup li a {
	color: #1a1a1a;
}
main#topWrap ul#pickup li a:hover {
	text-decoration: none;
}
main#topWrap ul#pickup li figure {
	font-weight: 600;
	font-size: 106%;
	overflow: hidden;
}
main#topWrap ul#pickup li figure img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
	width: 100%;
}
main#topWrap ul#pickup li figure img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
main#topWrap ul#pickup li figcaption {
	line-height: 120%;
	margin-top: 0.7em;
}
main#topWrap ul#pickup li figcaption span {
	display: block;
	font-size: 68%;
	font-weight: 100;
}
main#topWrap ul#pickup li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
main#topWrap ul#pickup li a::after {
  position: absolute;
  bottom: -6px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #1a1a1a;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
main#topWrap ul#pickup li a:hover::after {
  transform: scale(1, 1);
}

/* 4.5::NEW SERVICE
----------------------------------------------- */
/* div#newserviceSlide {
    min-width: 594px;
    overflow: hidden;
    margin-bottom: 2em;
}
div#newserviceSlide div.bx-viewport {
    overflow: visible !important;
    z-index: 1;
}
div#newserviceSlide div.bx-controls-direction a.bx-prev,
div#newserviceSlide div.bx-controls-direction a.bx-next {
	display: block;
	width: 23px;
	height: 53px;
	top: 42%;
}
div#newserviceSlide div.bx-controls-direction a.bx-prev { background:url("/img/common/33/slider_arrow_l.svg") no-repeat; left:3%; }
div#newserviceSlide div.bx-controls-direction a.bx-next { background:url("/img/common/33/slider_arrow_r.svg") no-repeat; right:3%; }

div#newserviceSlide div.bx-wrapper li {
    padding: 0 10px;
}

div#newserviceSlide div.bx-wrapper li a:hover img  {
      opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

    @media screen and (max-width: 979px) {
        div#newserviceSlide { min-width:90%; }
        div#newserviceSlide div.bx-wrapper li { padding:0; }
        div#newserviceSlide div.bx-controls-direction a.bx-prev, div#newserviceSlide div.bx-controls-direction a.bx-next { top:31%; }
    } */

.swiper-container {
	margin-bottom: 2em !important;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 5px !important;
}
.swiper-pagination-bullet {
	margin: 5px !important;
}
.swiper-button-prev {
	display: none;
	/* background:url("/img/common/33/slider_arrow_l.svg") no-repeat !important;
	left:3% !important;
	top:38% !important; */
}
.swiper-button-next {
	display: none;
	/* background:url("/img/common/33/slider_arrow_r.svg") no-repeat !important;
	right:3% !important;
	top:38% !important; */
}
.swiper-pagination {
	position: static !important;
	margin-top: 1em !important;
}
main#topWrap .btn_campaign {
    
}
main#topWrap .btn_campaign a {
	color: #fff;
    display: block;
    text-align: center;
    text-decoration: none;
    outline: none;
    border: 1px solid #e94d59;
    background-color: #e94d59;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    border-radius: 100px;
    padding: 0.2em 2em;
    margin: 20px auto 40px;
    max-width: 240px;
}
main#topWrap .btn_campaign a:hover {
	text-decoration: none;
}

/* 05.MEMBER
----------------------------------------------- */
main#topWrap section#member {
	background: url("/img/top/33/bg_member.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    padding: 2% 0;
}
main#topWrap section#member h2 {
	text-align: center;
}
main#topWrap section#member div.w940 {
	/* background: url("/img/top/33/member_app2007.png") no-repeat left 16% bottom -185px / 20% auto; */
}
main#topWrap section#member dl {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	padding-top: 4.5%;
}
main#topWrap section#member dl dt {}
main#topWrap section#member dl dt h2 {
	font-weight: normal;
	font-size: 168%;
	line-height: 168%;
}
main#topWrap section#member dl dt h2 span {
	font-weight: 400;
	border-bottom: 2px solid #1a1a1a;
	font-size: 175%;
	padding-bottom: 0.1em;
	margin: 0;
}
main#topWrap section#member dl dd {}
main#topWrap section#member dl dd p {
	margin: 2em 0 0.8em;
	font-size: 112%;
}
main#topWrap section#member ul {
	width: 100%;
	display: flex;
	justify-content: space-between;
	vertical-align: top;
	list-style: none;
	padding: 4% 0;
	font-size: 106%;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 3%;
}
main#topWrap section#member ul li {
	display: inline-block;
	width: 47%;
	margin-right: 3%;
	vertical-align: top;
	width: 100%;
	margin-right: 0;
}
	/* main#topWrap section#member ul li:first-child { display:block; width:100%; margin:0 0 3% 0; } */
main#topWrap section#member ul li:last-child { margin-right:0; }
main#topWrap section#member ul li a {
	-webkit-transition: all .3s;
	transition: all .3s;
	text-align: center;
	text-decoration: none;
	outline: none;
	color: #1a1a1a;
	padding: 80% 0.5em 2em;
	display: block;
}
	main#topWrap section#member ul li a:hover { color:#fff; }

	main#topWrap section#member ul li:nth-of-type(1) a { background:#fff url("/img/top/33/ic_app.png") no-repeat center top 10% / 60%; padding:80% 0.5em 2em; }
	main#topWrap section#member ul li:nth-of-type(1) a:hover { background:#e60012 url("/img/top/33/ic_app_wh.png") no-repeat center top 8% / 65%; }
	main#topWrap section#member ul li:nth-of-type(2) a { background:#fff url("/img/top/33/ic_m_card.png") no-repeat center top 10% / 60%; }
	main#topWrap section#member ul li:nth-of-type(2) a:hover { background:#e60012 url("/img/top/33/ic_m_card_wh.png") no-repeat center top 8% / 65%; }
	main#topWrap section#member ul li:nth-of-type(3) a { background:#fff url("/img/top/33/ic_m_senior.svg") no-repeat center top 10% / 60%; }
	main#topWrap section#member ul li:nth-of-type(3) a:hover { background:#e60012 url("/img/top/33/ic_m_senior_wh.svg") no-repeat center top 8% / 65%; }
    main#topWrap section#member ul li:nth-of-type(4) p { line-height:2.8em; }
	main#topWrap section#member ul li:nth-of-type(4) a { background:#fff url("/img/top/33/ic_m_business.svg") no-repeat center top 10% / 60%; }
	main#topWrap section#member ul li:nth-of-type(4) a:hover { background:#e60012 url("/img/top/33/ic_m_business_wh.svg") no-repeat center top 8% / 65%; }

main#topWrap section#member ul li h3 {
	font-size: 137%;
	margin-bottom: 0.5em;
}
main#topWrap section#member ul li p {
	font-size: 87%;
	line-height: 140%;
}
main#topWrap div.btnOl-bk a,
main#topWrap div.btnOl-rd a {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	padding: 0.3em 1.5em;
}
	main#topWrap div.btnOl-bk a { border:1px solid #1a1a1a; color:#1a1a1a; }
	main#topWrap div.btnOl-rd a { border:1px solid #e60012; color:#e60012; }

main#topWrap div.btnOl-bk a:hover,
main#topWrap div.btnOl-rd a:hover {
	color: #fff;
	text-decoration: none;
}
	main#topWrap div.btnOl-bk a:hover { background-color:#1a1a1a; }
	main#topWrap div.btnOl-rd a:hover { background-color:#e60012; }

main#topWrap div.btnOl-bk a::before,
main#topWrap div.btnOl-bk a::after,
main#topWrap div.btnOl-rd a::before,
main#topWrap div.btnOl-rd a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
main#topWrap div.btnOl-bk a,
main#topWrap div.btnOl-bk a::before,
main#topWrap div.btnOl-bk a::after,
main#topWrap div.btnOl-rd a,
main#topWrap div.btnOl-rd a::before,
main#topWrap div.btnOl-rd a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/* 06.CAMPAIGN + NEWSHOP
----------------------------------------------- */
main#topWrap section#cpnShop {
	padding: 9% 0;
	background: url("/img/top/33/bg040827.png") repeat center top 50% / 50% auto;
}
main#topWrap section#cpnShop div#campaignBnr,
main#topWrap section#cpnShop div#newShop {
	width: 500px;
	/* display: inline; */
	display: block;
}
main#topWrap section#cpnShop div#campaignBnr {
	float: left;
	padding-top: 2em;
}
main#topWrap section#cpnShop div#campaignBnr img {
    -moz-transition: -moz-transform 0.2s linear;
    -webkit-transition: -webkit-transform 0.2s linear;
    -o-transition: -o-transform 0.2s linear;
    -ms-transition: -ms-transform 0.2s linear;
    transition: transform 0.2s linear;
    -webkit-transform: scale(1.0);
    -moz-transform: scale(1.0);
    -o-transform: scale(1.0);
    -ms-transform: scale(1.0);
    transform: scale(1.0);
}
main#topWrap section#cpnShop div#campaignBnr img:hover{
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}
main#topWrap section#cpnShop div#newShop {
	/* float: right; */
	margin: 0 auto;
}
main#topWrap section#cpnShop div#newShop h2 {
	text-align: center;
	/* background: url("/img/top/33/ic_shop.gif") no-repeat center top / 45%; */
	background: url("/img/common/33/ic_shop.svg") no-repeat center top -20px / 28%;
	margin-bottom: 1em;
	padding-top: 21.5%;
	font-size: 168%;
	font-weight: 800;
}
main#topWrap section#cpnShop div#newShop ul {
	list-style: none;
	border-top: 1px solid #ccc;
	font-weight: 600;
	font-size: 118%;
}
main#topWrap section#cpnShop div#newShop ul li {
	border-bottom: 1px solid #ccc;
	padding: 1em 0;
}
main#topWrap section#cpnShop div#newShop ul li dl{
	display: flex;
}
main#topWrap section#cpnShop div#newShop ul li dl {}
main#topWrap section#cpnShop div#newShop ul li dl dt,
main#topWrap section#cpnShop div#newShop ul li dl dd {}
main#topWrap section#cpnShop div#newShop ul li dl dt {
	font-family: Arial, Helvetica, "sans-serif";
	width: 35%;
}
main#topWrap section#cpnShop div#newShop ul li dl dd {
	padding-left: 18%;
	box-sizing: border-box;
}
main#topWrap section#cpnShop div#newShop ul li dl dd a {
	color: #1a1a1a;
	text-decoration: underline;
}
	main#topWrap section#cpnShop div#newShop ul li dl dd.new { background:url("/img/common/33/ic_newshop.svg") no-repeat left top 0.2em / auto 16px; }
	main#topWrap section#cpnShop div#newShop ul li dl dd.renew { background:url("/img/common/33/ic_renewalshop.svg") no-repeat left top 0.2em / auto 16px; }

main#topWrap section#cpnShop div#newShop div.btnOl-bk {
	text-align: center;
	margin-top: 2em;
}
main#topWrap section#cpnShop div#newShop div.btnOl-bk a {
	padding: 0.2em 2.5em;
}

/* 07.BRAND
----------------------------------------------- */
main#topWrap section#brand {}
main#topWrap section#brand ul {
	list-style: none;
}
main#topWrap section#brand ul li {}
	main#topWrap section#brand ul li.sjk { background:url("/img/top/33/brand_sjk.png") no-repeat center top; -webkit-background-size:cover;	-moz-background-size:cover;	-ms-background-size:cover; -o-background-size:cover; background-size:cover; }
	main#topWrap section#brand ul li.joshikara { background:url("/img/top/33/brand_joshikara.png") no-repeat center top; -webkit-background-size:cover;	-moz-background-size:cover;	-ms-background-size:cover; -o-background-size:cover; background-size:cover; }
	main#topWrap section#brand ul li.ichikara { background:url("/img/top/33/brand_ichikara.png") no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; }
	main#topWrap section#brand ul li.selkara { background:url("/img/top/33/brand_selkara_190123.png") no-repeat center top; -webkit-background-size:cover; -moz-background-size:cover; -ms-background-size:cover; -o-background-size:cover; background-size:cover; }
	main#topWrap section#brand ul li.jjk { background:url("/img/top/33/brand_jjk.png") no-repeat center 70%; -webkit-background-size:cover;	-moz-background-size:cover;	-ms-background-size:cover; -o-background-size:cover; background-size:cover; }

main#topWrap section#brand ul li div {}
main#topWrap section#brand ul li dl {
	width: 45%;
	background-color: rgba(255,255,255,0.8);
	padding: 8% 7% 9%;
}
	/* main#topWrap section#brand ul li.sjk dl, */
	/* main#topWrap section#brand ul li.ichikara dl, */
	main#topWrap section#brand ul li.jjk dl { float:right; }
main#topWrap section#brand ul li dl dt {
	text-align: center;
	margin-bottom: 8%;
}
main#topWrap section#brand ul li dl dt h2 {}
main#topWrap section#brand ul li dl dd {}
	main#topWrap section#brand ul li dl dd:nth-of-type(2) { text-align:center; }
main#topWrap section#brand ul li dl dd p {
	margin-bottom: 10%;
	text-align: justify;
	line-height: 160%;
	font-size: 93%;
	color: #1a1a1a;
}
main#topWrap section#brand ul li dl dd div {}/*
main#topWrap section#brand ul li dl dd div a {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: 1px solid #e94d59;
	background-color: #e94d59;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	padding: 0.2em 2em;
}*/
main#topWrap section#brand ul li dl dd div a:hover {
	border: 1px solid #e94d59;
	background-color: #fff;
	color: #e94d59;
	text-decoration: none;
}
main#topWrap section#brand ul li dl dd div a::before,
main#topWrap section#brand ul li dl dd div a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
main#topWrap section#brand ul li dl dd div a,
main#topWrap section#brand ul li dl dd div a::before,
main#topWrap section#brand ul li dl dd div a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
main#topWrap section#brand div.bx-wrapper .bx-pager {
	bottom: 0;
	z-index: 500;
}
main#topWrap section#brand div.bx-wrapper .bx-pager.bx-default-pager a {
	width: 7px;
	height: 7px;
	margin: 0 4px !important;
}
main#topWrap section#brand div.bx-wrapper .bx-pager.bx-default-pager a:hover,
main#topWrap section#brand div.bx-wrapper .bx-pager.bx-default-pager a.active { background-color:#e40012; }

main#topWrap section#brand div.bx-controls-direction a.bx-prev,
main#topWrap section#brand div.bx-controls-direction a.bx-next {
	display: block;
	width: 28px;
	height: 65px;
	top: 45%;
}

main#topWrap section#brand div.bx-controls-direction a.bx-prev { background:url("/img/common/33/slider_arrow_l.svg") no-repeat; left:10%; }
main#topWrap section#brand div.bx-controls-direction a.bx-next { background:url("/img/common/33/slider_arrow_r.svg") no-repeat; right:10%; }
	@media screen and (max-width: 1300px) {
		main#topWrap section#brand div.bx-controls-direction a.bx-prev { left:2% !important; }
		main#topWrap section#brand div.bx-controls-direction a.bx-next { right:2% !important; }
	}
	@media screen and (max-width:568px) {
		main#topWrap section#brand div.bx-controls-direction a.bx-prev,
		main#topWrap section#brand div.bx-controls-direction a.bx-next { top:38%; }
	}

/*20210104追加*/
main#topWrap section#brand li {
	display: flex;
}
main#topWrap section#brand .btn_brand-detail {
	color: #fff;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
	border: 1px solid #e94d59;
	background-color: #e94d59;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	padding: 0.2em 2em;
}
main#topWrap section#brand a:hover {
	text-decoration: none;
}

/* 08.POINT8
----------------------------------------------- */
main#topWrap section#point8 {
	background: url("/img/top/33/bg_point8.png") no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align: center;
	border: 10px solid #fff;
	box-sizing: border-box;
}
main#topWrap section#point8 dl {
	background: url("/img/top/33/bg_point8_circle.svg") no-repeat center;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-ms-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	padding: 6% 3% 3%;
	width: 53%;
	margin: 0 auto;
}
main#topWrap section#point8 dl dt {
	margin-bottom: 5%;
}
main#topWrap section#point8 dl dt h2 {}
main#topWrap section#point8 dl dt h2 img {
	max-width: 80%;
	height: auto;
}
main#topWrap section#point8 dl dd {
	margin-bottom: 5%;
}
main#topWrap section#point8 dl dd p {
	font-size: 106%;
	line-height: 160%;
}
main#topWrap section#point8 dl dd div.btnOl-bk {
	margin-top: 5%;
}
/* @media screen and (max-width: 1220px) {
	main#topWrap section#point8 dl dd p br { display:none; }
} */


/* 09.SENCE
----------------------------------------------- */
/* mg-space.css */
.mg-rows{position:relative;}
.mg-trigger{cursor:pointer;}
.mg-space{display:none;position:relative;width:100%;float:left;}
.mg-target{display:none;background:#fdedee;}
.mg-target-open{position:absolute;top:0;left:0;right:0;}
.mg-indicator{border-bottom:10px solid #fdedee;border-left:10px solid transparent;border-right:10px solid transparent;height:0;position:absolute;top:0;width:0;}
.mg-close{display:none;background:url("/img/top/33/type_close.svg") no-repeat center right;cursor:pointer;height:30px;padding:7px;position:absolute;right:30px;top:30px;width:30px;z-index:1;}
.mg-close:hover{opacity:.5;}

main#topWrap section#scene {
	padding: 7% 0;
}
main#topWrap section#scene h2 {
	font-size: 300%;
	font-weight: 300;
	text-align: center;
	margin-bottom: 0.8em;
	letter-spacing: 0.08em;
}
main#topWrap section#scene div.mg-space-init {
	width: 75%;
	margin: 0 auto;
}
main#topWrap section#scene div.mg-trigger {
	width: 33.3%;
	float: left;
	text-align: center;
	color: #e60012;
	font-size: 106%;
	font-weight: 600;
	padding: 22.5% 0 3%;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
}
main#topWrap section#scene div.mg-trigger.mg-row-open,
main#topWrap section#scene div.mg-trigger:hover {
	color: #fff;
}
main#topWrap section#scene div.mg-trigger br { display:none; }
main#topWrap section#scene div.mg-trigger::after {
	background: url("/img/common/33/arrow_btm.svg") no-repeat center bottom;
	-webkit-background-size: 8% auto;
	-moz-background-size: 8% auto;
	-ms-background-size: 8% auto;
	-o-background-size: 8% auto;
	background-size: 8% auto;
	width: 100%;
	height: 10px;
	content: "";
	display: block;
	padding-bottom: 30px;
}

	main#topWrap section#scene div.mg-trigger.first { background:url("/img/common/33/ic_deru.png") no-repeat center top; -webkit-background-size:70% auto; -moz-background-size:70% auto; -ms-background-size:70% auto; -o-background-size:70% auto; background-size:70% auto; }
	main#topWrap section#scene div.mg-trigger.first.mg-row-open,
	main#topWrap section#scene div.mg-trigger.first:hover { background:#e60012 url("/img/common/33/ic_deru.png") no-repeat center top; -webkit-background-size:70% auto; -moz-background-size:70% auto; -ms-background-size:70% auto; -o-background-size:70% auto; background-size:70% auto; }

	main#topWrap section#scene div.mg-trigger.reasonable { background:url("/img/top/33/ic_type_reasonable.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }
	main#topWrap section#scene div.mg-trigger.reasonable.mg-row-open,
	main#topWrap section#scene div.mg-trigger.reasonable:hover { background:#e60012 url("/img/top/33/ic_type_reasonable_wh.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }
	main#topWrap section#scene div.mg-trigger.sing { background:url("/img/top/33/ic_type_sing.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }
	main#topWrap section#scene div.mg-trigger.sing.mg-row-open,
	main#topWrap section#scene div.mg-trigger.sing:hover { background:#e60012 url("/img/top/33/ic_type_sing_wh.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }
	main#topWrap section#scene div.mg-trigger.party { background:url("/img/top/33/ic_type_party.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }
	main#topWrap section#scene div.mg-trigger.party.mg-row-open,
	main#topWrap section#scene div.mg-trigger.party:hover { background:#e60012 url("/img/top/33/ic_type_party_wh.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }
	main#topWrap section#scene div.mg-trigger.family { background:url("/img/top/33/ic_type_family.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }
	main#topWrap section#scene div.mg-trigger.family.mg-row-open,
	main#topWrap section#scene div.mg-trigger.family:hover { background:#e60012 url("/img/top/33/ic_type_family_wh.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }
	main#topWrap section#scene div.mg-trigger.amusement { background:url("/img/top/33/ic_type_amusement.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }
	main#topWrap section#scene div.mg-trigger.amusement.mg-row-open,
	main#topWrap section#scene div.mg-trigger.amusement:hover { background:#e60012 url("/img/top/33/ic_type_amusement_wh.svg") no-repeat center top 25%; -webkit-background-size:55% auto; -moz-background-size:55% auto; -ms-background-size:55% auto; -o-background-size:55% auto; background-size:55% auto; }

main#topWrap section#scene div.w940 {}
main#topWrap section#scene div.w940 dl.roomInfo {
	width: 47%;
	display: inline;
	float: right;
	text-align: center;
}
main#topWrap section#scene div.w940 dl.roomInfo dt {}
main#topWrap section#scene div.w940 dl.roomInfo dt h3 {
	font-weight: 200;
	font-size: 106%;
}
main#topWrap section#scene div.w940 dl.roomInfo dt p {
	font-size: 156%;
	margin-bottom: 0.8em;
}
main#topWrap section#scene div.w940 dl.roomInfo dd {}
main#topWrap section#scene div.w940 dl.roomInfo dd figure {
	margin-bottom: 1.2em;
}
main#topWrap section#scene div.w940 div.txtLink {
	width: 47%;
	display: inline;
	float: left;
	padding-top: 1.5em;
}
main#topWrap section#scene div.w940 div.txtLink p {
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 170%;
}
main#topWrap section#scene div.w940 div.txtLink p a {
	color: #1a1a1a;
	text-decoration: underline;
}
	main#topWrap section#scene div.w940 div.txtLink p a { display:inline-block; }
	main#topWrap section#scene div.w940 div.txtLink p a:hover { -webkit-animation:zoom .3s; animation:zoom .3s; }
	@-webkit-keyframes zoom { 50% { -webkit-transform: scale(1.05); }}
	@keyframes zoom { 50% { transform: scale(1.05); }}

main#topWrap section#scene div.w940 div.txtLink ul {
	list-style: none;
	font-size: 106%;
	font-weight: 400;
	margin-top: 2em;
}
main#topWrap section#scene div.w940 div.txtLink ul li {
	border-right: 1px solid #e60012;
	border-bottom: 1px solid #e60012;
	border-left: 1px solid #e60012;
	left: 31%;
}
	main#topWrap section#scene div.w940 div.txtLink ul li:first-child { border-top:1px solid #e60012 }

main#topWrap section#scene div.w940 div.txtLink ul li a {
	color: #e60012;
	text-decoration: none;
	display: block;
	outline: none;
	padding: 1.2em 1.5em 1.2em 2.5em;
	background: url("/img/common/33/arrow_rgt.svg") no-repeat left 4% center;
	-webkit-background-size: 2% auto;
	-moz-background-size: 2% auto;
	-ms-background-size: 2% auto;
	-o-background-size: 2% auto;
	background-size: 2% auto;
}
	main#topWrap section#scene div.w940 div.txtLink ul li a:hover { background: url("/img/common/33/arrow_rgt_wh.svg") no-repeat left 4% center; -webkit-background-size:2% auto; -moz-background-size:2% auto; -ms-background-size:2% auto; -o-background-size:2% auto; background-size:2% auto; }

main#topWrap section#scene div.w940 div.txtLink ul li a:hover {
	background-color: #e60012;
	color: #fff;
	text-decoration: none;
}
main#topWrap section#scene div.w940 div.txtLink ul li a::before,
main#topWrap section#scene div.w940 div.txtLink ul li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
main#topWrap section#scene div.w940 div.txtLink ul li a,
main#topWrap section#scene div.w940 div.txtLink ul li a::before,
main#topWrap section#scene div.w940 div.txtLink ul li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/* 10.GROUP
----------------------------------------------- */
section#group {
	background: url("/img/common/33/bg_stripe_gy.svg") repeat;
	padding: 2% 0;
	text-align: center;
	font-size: 93%;
}/*
section#group div.w1140 {
	width: 1140px;
    margin: 0 auto;
    display: flex;
}
    @media screen and (max-width: 568px) {
        section#group div.w1140 {width: 100%; display: block;
        }
}*/
section#group div.w940 {
	width: min(1140px,100%);
}
	@media screen and (max-width: 568px) {
		section#group div.w940 { width:96%; }
        section#group ul li figure img { width: 95%;}
	}/*
section#group div.item1 {
	width: 75%;
    padding: 0 2em 2em;
    background: rgba(230,0,18,.05);
}
    @media screen and (max-width: 568px) {
        section#group div.item1 { width:100%;
            padding: 2em;
        }
    }

section#group div.item2 {
	width: 25%;
    padding: 0 2em 2em;
}
    @media screen and (max-width: 568px) {
            section#group div.item2 { width:100%;}
        }*/
section#group h2 {
	 color: #e60012;
	 font-size: 143%;
	 margin-top: 0;
	 margin-bottom: 1em;
}
section#group ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
section#group ul#group-sp {
	display: none;
}
section#group ul#group-pc li {
	display: inline-block;
	box-sizing: border-box;
	padding: 1%;
	vertical-align: top;
}
section#group ul#group-pc li:nth-child(1),
section#group ul#group-pc li:nth-child(2),
section#group ul#group-pc li:nth-child(3){
	width: 33%;
}
section#group ul#group-pc li:nth-child(4),
section#group ul#group-pc li:nth-child(5),
section#group ul#group-pc li:nth-child(6),
section#group ul#group-pc li:nth-child(7){
	/*width: 24.7%;*/
	width: 33%;
}
section#group ul#pr-pc li {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 1%;
	vertical-align: top;
    width: 95%;
}
section#group ul#group-pc.group-4 li{
    width: 24.5%;
}
    @media screen and (max-width: 568px) {
            section#group ul#pr-pc li { width:100%; }
        }
section#group ul li figure {
	margin-bottom: 0.2em;
}
section#group ul li figure img {
	width: 100%;
}
section#group ul li a {
	color: #1a1a1a;
}



/* ==============================================================
 More than 1200px
================================================================= */
@media screen and (min-width: 1200px) {/*
	main#topWrap section#fv { padding-bottom:4em; }*/
	main#topWrap section#fv { padding-bottom:0em; }
	main#topWrap section#cpnShop { padding:6em 0 5em; }
}

/* ==============================================================
 Less than 1069px
================================================================= */
@media screen and (max-width: 1069px) {
	.w940 { width:90%; }
	div#newsTicker { width:94%; margin:0 auto 1%; border-bottom:none; }
	div#newsTicker h2 { display:none; }
	div#newsTicker ul { display:block; float:none; width:auto; }
	div#newsTicker ul::before { content:"\f06a"; font-family:FontAwesome; color:#e94d59; float:left; margin-right:0.0em; }
	section#fv.w940 { width:100%; }
	div#mainSlide div.bx-wrapper img { width:100%; }
	div#mainSlide div.bx-controls { display:none; }
	main#topWrap ul#pickup {width:90%; margin:0 auto; }
	/* main#topWrap section#member ul li:nth-of-type(1) a { padding:3em 1em 3em 30%; background-position:left 10% center; background-size:25% auto; }
	main#topWrap section#member ul li:nth-of-type(1) a:hover { background-position:left 8% center; background-size:27% auto; } */
	main#topWrap section#cpnShop div#newShop h2 { padding-top:55%; background-size:65% auto; }
	/* main#topWrap section#cpnShop div#newShop ul li dl dt { width:35%; }
	main#topWrap section#cpnShop div#newShop ul li dl dd { width:65%; } */
	main#topWrap section#cpnShop div#newShop ul li dl dd.new,
	main#topWrap section#cpnShop div#newShop ul li dl dd.renew { background-size:15%; width: 80%;}
	main#topWrap section#scene div.mg-space-init { width:85%; }
	section#group div.bx-wrapper ul li { width:28vw !important; line-height:2em; }
	main#topWrap section#cpnShop div#newShop ul li dl dt {
		font-size: 14px;
	}
}

/* ==============================================================
 Less than TABLET
================================================================= */
@media screen and (max-width: 979px) {
	main#topWrap div.stripeBg div.stripeBgInner { background:-moz-linear-gradient(-80deg, rgba(255,255,255,0) 36.5%, rgba(255,255,255,100) 57%); background:-webkit-linear-gradient(-80deg, rgba(255,255,255,0) 36.5%, rgba(255,255,255,100) 36.5%); background:linear-gradient(170deg, rgba(255,255,255,0) 36.5%, rgba(255,255,255,100) 36.5%); }
	main#topWrap .tabNone { display:none !important; }
	main#topWrap section#fv nav { width:96%; margin:5% auto 0 auto; }
	main#topWrap section#fv nav ul li { width:23.5%; margin:0 0.5%; }
	main#topWrap section#fv nav ul li a { width:auto; height:auto; font-size:118%; padding-top:60%; }

		main#topWrap section#fv nav ul li:nth-of-type(2) a,
		main#topWrap section#fv nav ul li:nth-of-type(2) a:hover,
		main#topWrap section#fv nav ul li:nth-of-type(3) a,
		main#topWrap section#fv nav ul li:nth-of-type(3) a:hover,
		main#topWrap section#fv nav ul li:nth-of-type(4) a,
		main#topWrap section#fv nav ul li:nth-of-type(4) a:hover { background-size:70% auto; background-position:center top 12%; }

	main#topWrap ul#pickup {/* width:90%; */margin:0 auto; text-align:center; grid-template-columns: 1fr 1fr; gap: 0 5%; }
	main#topWrap ul#pickup li { margin-right:0; margin-bottom:5%; }
	main#topWrap ul#pickup li:nth-of-type(2) { margin-right:0; }
	main#topWrap ul#pickup li figcaption { font-size:112%; }
	main#topWrap section#member { padding:4% 0; }
	main#topWrap section#member ul { font-size:112%; }
    main#topWrap section#member ul li { margin-right:5%; margin-bottom:4%; }
	/* main#topWrap section#member div.w940 { background:url("/img/top/33/member_app2007.png") no-repeat right 10% top 5% / 25% auto; width:96%; } */
	main#topWrap section#member dl,
	main#topWrap section#member ul { width:auto; display:grid; padding:6% 0 4%; text-align:center; grid-template-columns: 1fr 1fr; gap: 0 5%; }
	main#topWrap section#member ul li { margin-right: 0; margin-bottom: 5%; }
    main#topWrap section#member ul li:nth-of-type(2),
    main#topWrap section#member ul li:last-child{ margin-right:0; }
	main#topWrap section#member dl { padding-right:30%; }
	main#topWrap section#cpnShop { background-size:85% auto; }
	main#topWrap section#cpnShop div#newShop h2 { font-size:150%; }
	main#topWrap section#cpnShop div#newShop ul { font-size:100%; }
	main#topWrap section#point8 dl { width:75%; padding:6% 8% 3%; }
	main#topWrap section#scene div.mg-trigger br { display:block; }
	main#topWrap section#scene div.mg-trigger, main#topWrap section#scene div.mg-trigger:hover { background-position:center top 18% !important; }
	main#topWrap section#scene div.mg-trigger.first { line-height:282%; }
	section#group ul#group-pc { display:none; }
	section#group ul#group-sp { display:block; }
	section#group ul#group-sp li { width:42vw !important; padding:0 1vw; box-sizing:border-box; }
	section#group .bx-wrapper .bx-controls-direction a { top:50%; }
	section#group div.bx-controls-direction a.bx-prev,
	section#group div.bx-controls-direction a.bx-next {	display:block; width:20px; height:46px;	}
	section#group div.bx-controls-direction a.bx-prev { background:url("/img/common/33/slider_arrow_l.svg") no-repeat; left:-1%; }
	section#group div.bx-controls-direction a.bx-next { background:url("/img/common/33/slider_arrow_r.svg") no-repeat; right:-1%; }
	section#group div.w940 { width:96%; }

	/* main#topWrap .btn_campaign { width: 64%; } */
}

/* ==============================================================
 TABLET
================================================================= */
@media screen and (min-width:768px) and (max-width:959px) {
}

@media screen and (max-width: 699px) {
	main#topWrap section#fv nav ul li a { font-size:108%; padding-top:58%; }
}

/* ==============================================================
 Less than SP-LANDSCAPE
================================================================= */
@media screen and (max-width:568px) {
	main#topWrap div#newsTicker ul li a { font-size:138% !important; line-height: 1.85; }
	main#topWrap .spNone { display:none !important; }
	main#topWrap .pcNone { display:block !important; }
	main#topWrap div.stripeBg { background:none !important; animation:none;	-webkit-animation:none; }
	main#topWrap div.stripeBg div.stripeBgInner2 { background:none !important; }
	div#newsTicker h2, div#newsTicker time { display:none; }
	.custom-thumb a { background:#ccc; text-indent:-9999px; display:block; width:7px; height:7px; margin:0 4px; outline:0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
	.custom-thumb a.active, .custom-thumb a:hover { background-color:#e40012; }
	div#mainSlide div.custom-thumb { display:flex; justify-content:center; align-items: center;}
	div#mainSlide div.custom-thumb a { margin:0 1.5%; }

	main#topWrap section#fv { padding-top:0; }
	main#topWrap section#fv nav ul li { margin:0; width:33.3% /*25%*/; width: calc(96% / 3); }
	main#topWrap section#fv nav ul li a { font-weight:400; line-height:120%; border:none; padding:60% 0 15% 0; }
	main#topWrap section#fv nav ul li a:hover { color:#e60012; }
		main#topWrap section#fv nav ul li:nth-of-type(1) a:hover { background:url("/img/common/33/ic_searchshop.svg") no-repeat center top 20% / 75% auto; }
		main#topWrap section#fv nav ul li:nth-of-type(2) a:hover { background:url("/img/common/33/ic_aki_201120.svg") no-repeat center top 12% / 70% auto; }
		main#topWrap section#fv nav ul li:nth-of-type(3) a:hover { background:url("/img/common/33/ic_reserve.svg") no-repeat center top 12% / 70% auto; }
		main#topWrap section#fv nav ul li:nth-of-type(4) a:hover { background:url("/img/common/33/ic_coupon.svg") no-repeat center top 12% / 70% auto; }
		main#topWrap section#fv nav ul li:nth-of-type(2) a,
		main#topWrap section#fv nav ul li:nth-of-type(3) a,
		main#topWrap section#fv nav ul li:nth-of-type(4) a { background-size:70% auto; }

	main#topWrap section#fv nav ul li::before, main#topWrap section#fv nav ul li::after { -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; }
	main#topWrap section#fv nav ul li, main#topWrap section#fv nav ul li::before, main#topWrap section#fv nav ul li::after {	-webkit-transition:none; transition:none; }
	main#topWrap section#fv nav ul li::after { -webkit-transform:none; transform:none; }
	main#topWrap section#fv nav ul li:hover::after { background:#fff; -webkit-transform:none; transform:none; }
	main#topWrap section#member { padding-top:8%; }
	main#topWrap section#member ul { font-size:87%; }
	/* main#topWrap section#member ul li { width:32%; margin-right:2%; } */
	/* main#topWrap section#member ul li:nth-of-type(1) a { background-position:left 2% center; background-size:35% auto; }
	main#topWrap section#member ul li:nth-of-type(1) a:hover { background-position:left 1% center; background-size:37% auto; } */
	main#topWrap section#member dl dt h2 { font-size:131%; }
	main#topWrap section#cpnShop div#campaignBnr, main#topWrap section#cpnShop div#newShop { float:none; display:block; width:auto; }
	main#topWrap section#cpnShop div#newShop { padding:10% 0 3%; }
	main#topWrap section#brand { margin-bottom:8%; }
	main#topWrap section#brand ul li div.w940 { width:auto; /* padding-top:50% !important; */}
	main#topWrap section#brand ul li dl { width:auto; }
	main#topWrap section#brand ul li dl dt { margin-bottom:5%; }
	main#topWrap section#brand ul li dl dt h2 img { max-width:70%; margin:0 auto; }
	main#topWrap section#brand ul li dl dd p { margin-bottom:5%; }
	main#topWrap section#brand ul li.sjk { background-position:top right 68% !important; }
	main#topWrap section#brand ul li.joshikara { background-position:top right 32% !important; }
	main#topWrap section#brand ul li.ichikara { background-position:top left 13% !important; }
	main#topWrap section#brand ul li.selkara { background-position:top right 23% !important; }
	main#topWrap section#brand div.bx-wrapper .bx-pager { bottom:-7%; }
	main#topWrap section#brand div.bx-wrapper .bx-pager.bx-default-pager a { background-color:#ccc; }
	main#topWrap section#point8 { border:none; background-size:370% auto; }
	main#topWrap section#point8 dl { width:75%; padding:20% 8%}
	main#topWrap section#point8 dl dt h2 img { max-width:85%; }
	main#topWrap section#point8 dl dd p { font-size:100%; }
	main#topWrap section#scene { padding:12% 0; }
	main#topWrap section#scene.w940 { width:auto; }
	main#topWrap section#scene h2 { font-size:7vw; }
	main#topWrap section#scene div.mg-space-init { width:auto; }
	main#topWrap section#scene div.mg-trigger { font-size:3.5vw; line-height:130%; font-weight:800; }
	main#topWrap section#scene div.mg-trigger.first { line-height:245%; }
	main#topWrap section#scene div.mg-space.mg-space-open { margin-bottom:0 !important; }
	main#topWrap section#scene div.w940 dl.roomInfo, main#topWrap section#scene div.w940 div.txtLink { display:block; float:none; width:auto; }
	main#topWrap section#scene div.w940 dl.roomInfo dt { font-size:125%; }
	/* 20210909 for JJK */
	main#topWrap section#brand ul li.jjk { background:url("/img/top/33/brand_jjk.png") no-repeat center bottom; -webkit-background-size:cover;	-moz-background-size:cover;	-ms-background-size:cover; -o-background-size:cover; background-size:cover; }
	section#group { padding: 10% 0; }
}

/* ==============================================================
 SP-LANDSCAPE
================================================================= */
@media screen and (min-width:480px) and (max-width:767px) {
}

/* ==============================================================
 Less than SP-PORTRAIT
================================================================= */
@media screen and (max-width:480px) {
	/* main#topWrap section#brand ul li { height:70vh; } */
	main#topWrap section#member ul li h3 { font-size:5vw; }
	main#topWrap section#member ul li p { font-size:3vw; }
	section#group div.bx-wrapper ul#group-sp li { width:90vw !important; margin:0 15px 10px 0; }
}

/* ==============================================================
 SP-PORTRAIT
================================================================= */
@media screen and (min-width:0px) and (max-width:479px) {
}

/* ==============================================================
 Less than SP-PORTRAIT / iPhone5
================================================================= */
@media screen and (max-width:320px) {
	main#topWrap { font-size:93%; }
	main#topWrap div#newsTicker ul { font-size:4.0vw; line-height: 1.85; }
	main#topWrap ul#pickup li figcaption { font-size:100%; }
	main#topWrap section#member div.w940 { background-position:right 5% top 7%;/* width:94%; */}
	/* main#topWrap section#member ul li { width:31.3%; margin-right:3%; } */
	main#topWrap section#member ul li a { padding:80% 0em 2em; }
	/* main#topWrap section#member ul li:nth-of-type(1) a { padding:2em 0 2em 25%; background-position:left -3% center; }
	main#topWrap section#member ul li:nth-of-type(1) a:hover { background-position:left -4% center; } */
	main#topWrap section#member ul li h3 { font-size:131%; }
		main#topWrap section#member ul li:nth-of-type(1) h3 { font-size:5.5vw; }
		main#topWrap section#member ul li:nth-of-type(1) p { font-size:3vw; }
	main#topWrap section#member ul li p { font-size:75%; }
	main#topWrap section#brand ul li { height:75vh; }
	main#topWrap section#scene div.mg-trigger { padding-top:25%; }

}

/* ==============================================================
 緊急告知
================================================================= */
section#annonce .note {
    width: 100%;
	margin: 48px auto 0;
	text-align: center;
}
section#annonce .note h3 {
	color: #e50012;
    margin: 0 0 13px;
    padding: 0 0 9px;
    border-bottom: 1px solid #333;
}
section#annonce .note span {
	font-weight:bold;
	display:block;
	margin:10px 0;
}
section#annonce .note p {
    margin: 0.5em 0;
    text-indent: -1em;
    padding-left: 1em;
}
@media screen and (max-width:568px) {
	section#annonce .note {
        width: 90%;
        margin: 0 auto;
        background: #fff;
    }
}

/* ==============================================================
 コロナ用TOP :: 2020.5.19
================================================================= */
div#newsTicker {/*
    font-size: 143%;*/
}
div#newsTicker h2 {/*
    padding-top: 0;*/
}
div#newsTicker ul li a {
    font-weight: 800;
}
div#newsTicker ul li a::after {
    font-family: fontAwesome;
    content: "\f138";
    color: #e40012;/*
    margin-left: 0.4em;*/
}
div#mainBnr ul,
div#covid19-effort ul {
    list-style: none;
}
div#mainBnr ul li {
    margin-bottom: 1em;
}
div#mainBnr ul li img {
    width: 100%;
    height: auto;
}
div#covid19-effort {
    margin: 3em 0;
}
div#covid19-effort div.col-1 {
    margin-bottom: 1.2%;
}
div#covid19-effort div.col-3 {
}
div#covid19-effort div.col-3 ul {
    width: 66.5%;
    float: left;
}
div#covid19-effort div.col-3 ul li {
    float: left;
    width: 49%;
}
    div#covid19-effort div.col-3 ul li:nth-child(odd) { margin-right:2%; }
    div#covid19-effort div.col-3 ul li:nth-child(1),
    div#covid19-effort div.col-3 ul li:nth-child(2) { margin-bottom:2%; }

div#covid19-effort div.col-3 div.sugukara {
    float: right;
    width: 32.2%;
}
div#covid19-effort div.btnOl-rd {
    text-align: center;
    margin-top: 1em;
}
div#covid19-effort div.btnOl-rd a {
    border-width: 2px;
    font-size: 118%;
    font-weight: 600;
    padding: 0.5em 4em;
    background-color: #e60012;
    color: #fff;
}
div#covid19-effort div.btnOl-rd a:hover {
    background-color: #fff;
    color: #e60012;
}
main#topWrap section#fv nav {
    margin-bottom: 5%;
}
div#reservebtn {
    position: fixed;
    z-index: 9999;
    bottom: 0;
    right: -25px;
    width: 300px;
    animation: kuikui 2.5s linear 0s infinite;
    transition: 0.3s;
}
div#reservebtn img {
    width: 100%;
    height: auto;
}
    @keyframes kuikui {
      90%  { transform:translateX(0px); }
      95%  { transform:translateX(20px); }
      100% { transform:translateX(0px); }
    }
#page_top {
    bottom: 100px;
}
@media screen and (max-width: 1069px) {
    div#mainBnr { width:100%; margin:0 auto; }
    div#covid19-effort { width:90%; margin:3em auto; }
}
@media screen and (max-width:559px) {
	div#newsTicker { font-size: 63%;}
    div#covid19-effort { margin:1em auto 0; }
    div#reservebtn { width:75%; }
}
@media screen and (max-width:320px) {
    div#reservebtn { width:85%; }
}