@charset "utf-8";
/* 「ロッテ免税店 銀座 クーポンページ 」レスポンシブCSS */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900&display=swap&subset=japanese');

/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/

:root {
	--icon-arrow-right-white: url("/cmn/icon/icon_arrow_right_white.svg");
	--icon-blank-white: url("/cmn/icon/icon_launch_white.svg");
	--default-color-gray: #999;
	--default-color-light-gray: #efefef;
	--default-color-yellow: #f9be00;
	--default-color-red: #e0002a;
	--default-font-size-pc-val: 16;
	--default-font-size-pc: 16px;
	--default-font-size-sp: calc(24vw / 6.4);
	--default-font-size: min(var(--default-font-size-sp), var(--default-font-size-pc));
	--default-width-pc: 992px;
	--default-width: min((590vw / 6.4), var(--default-width-pc));
	--default-bg-width-pc: max(100%, 1920px);
	--default-bg-setting: no-repeat center center / cover;
	--default-icon-arrow-right-white: var(--icon-arrow-right-white) var(--default-bg-setting);
	--default-icon-blank-white: var(--icon-blank-white) var(--default-bg-setting);
	--default-hover-speed: .5s;
	--default-hover-transition: opacity var(--default-hover-speed);
}
.main {
	font-family: "Noto Sans JP", sans-serif;
}
#container a:link {
	text-decoration: none;
	color: #000;
}
#container a:visited {
	text-decoration: none;
	color: #000;
}
.nodisp {
	display: none;
}
.base-button-link__item {
	width: fit-content;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	background-color: #bcbcbc;
	color: #fff;
	text-align: center;
	font-size: min(calc(18vw / 7.5), 13px);
	font-weight: bold;
	min-height: min(calc(30vw / 7.5), 30px);
	padding: .5em .8em;
	line-height: 1.2;
	border-radius: min((20vw / 6.4), 15px);
	transition: background-color var(---default-hover-speed);
	cursor: pointer;
}
.base-button-link__item::after {
	content: "";
	width: 1em;
	height: 1.5em;
	background: var(--default-icon-arrow-right-white);
	margin-left: .5em;
}
.base-button-link__item[target="_blank"]:not([href^="#"])::after {
	width: 1em;
	height: 1em;
	background: var(--default-icon-blank-white);
}
.base-button-link__item.is-ancher::after {
	transform: rotate( 90deg );
}
.base-button-link__text {
	flex: 1;
	color: #fff;
	padding-left: 1.2em;
}

/*★ ＝＝ headerBOX ＝＝ ★*/
#headerBOX {
	background: url(../images/pc/headBG.jpg) no-repeat center top;
	height: min((470vw / 6.4) , 470px);
}
.header_title {
	text-align: center;
	padding-top: min((55vw / 6.4) , 45px );
}
.header_nav {
	display: flex;
	justify-content: center;
	margin-top: min((60vw / 6.4) , 35px ) !important;
}

/*★ ＝＝ navi ＝＝ ★*/
#navi {
	height: 58px;
	display: flex;
	justify-content: center;
	width: var(---default-width-pc);
	font-size: 15px;
	font-weight: bold;
}
.blockNavi {
	width: 100%;
	background: rgba(255,255,255,0.77);
}
#navi.fixed .blockNavi {
	position: fixed;
	top: 0;
	z-index: 100;
  }
.blockNavi_list {
	display: flex;
	justify-content: center;
	padding: 20px 0;
}
.blockNavi_list--item {
    border-left: solid 1px #ccc;
    padding-left: 19px;
    margin-left: 19px;
    line-height: 1.2;
}
.blockNavi_list--item:first-child {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
}
.blockNavi_list--item a {
	position: relative;
}
.blockNavi_list--item:last-child a {
    color: #df0011 !important;
}
#navi .blockNavi_list--item a::after {
    background-color: #df0011;
    bottom: -4px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    transform: scaleX(0);
    transform-origin: right center 0;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s, -webkit-transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0s;
    width: 100%;
}

/*★ ＝＝ section ＝＝ ★*/
.section {
	width: var(--default-width);
    margin: min((50vw / 6.4), 30px) auto 0;
}
.section:not(:first-of-type) {
    margin-top: min((140vw / 6.4), 80px);
}
.section_inner {
    margin-left: -75px;
	padding-left: 75px;
	padding-top: 115px;
	background-repeat: no-repeat;
	background-position: left top;
}
.section_title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
	margin-bottom: 30px;
}
.section_title--main {
	font-size: 24px;
	line-height: 1.3;
}
.section_title--sub {
	display: flex;
    align-items: flex-end;
	font-size: 14px;
	color: var(--default-color-gray);
	text-align: right;
}
.content_title {
	text-align: center;
    margin: min((35vw / 6.4), 45px) 0 min((25vw / 6.4), 30px);
}
.content_title--text {
	width:fit-content;
	font-size: min((28vw / 6.4), 26px);
	font-weight: bold;
	border-bottom: solid 2px var(--default-color-red);
	padding: 0 min((30vw / 6.4), 15px) min((10vw / 6.4), 7px);
}
.content_title--sub {
	font-size: var(--default-font-size);
	font-weight: bold;
	margin-bottom: min((5vw / 6.4), 10px);
}

/*★ ＝＝ about ＝＝ ★*/
#about .section_inner {
	background-image: url(../images/pc/about.png);
}
/*==================================*/
/** RESET AND LAYOUT
/*===================================*/
.bx-wrapper {
  position: relative;
  margin-bottom: 60px;
  padding: 0;
  *zoom: 1;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.bx-controls {
	position: relative;
}
.bx-wrapper img {
  width: 100%;
  display: block;
}
.bxslider {
  margin: 0;
  padding: 0;
}
ul.bxslider {
  list-style: none;
}
.bx-viewport {
  /*fix other elements on the page moving (on Chrome)*/
    -webkit-transform: translatez(0);
	margin-bottom: min((50vw / 6.4) ,50px);
}
/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: min((20vw / 6.4) ,20px);
  width: 100%;
}
/* LOADER */
.bx-wrapper .bx-loading {
  min-height: 50px;
  background: #ffffff;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}
/* PAGER */
.bx-wrapper .bx-pager {
  text-align: center;
  font-size: .85em;
  font-family: Arial;
  font-weight: bold;
  color: #666;
  padding-top: 20px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
  background: #d6d6d6;
  text-indent: -9999px;
  display: block;
  width: min((12vw / 6.4) ,10px);
  height: min((12vw / 6.4) ,10px);
  margin: 0 min((12vw / 6.4) ,5px);
  outline: 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #999;
}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  vertical-align: bottom;
  *zoom: 1;
  *display: inline;
}
.bx-wrapper .bx-pager-item {
  font-size: 0;
  line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 10px;
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 0;
}
.bx-wrapper .bx-next {
  right: 10px;
}
.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  background-position: -43px 0;
}
.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  text-indent: -9999px;
  z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}
/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
  text-align: center;
}
.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus {
  background-position: -86px 0;
}
.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  margin: 0 3px;
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus {
  background-position: -86px -33px;
}
/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 80%;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 35px;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}
.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

.about_text--chatch {
	font-size: min((22vw / 6.4), 20px);
	font-weight: bold;
	margin-top: min((20vw / 6.4), 20px);
}
.about_text--detail {
	font-size: min((18vw / 6.4), var(--default-font-size-pc));
	line-height: 1.5;
	color: var(--default-color-gray);
	margin-top: min((10vw / 6.4), 10px);
}

/*★ ＝＝ how ＝＝ ★*/
#how .section_inner {
	background-image: url(../images/pc/how.png);
}
.how_point {
	display: grid;
	grid-template-columns: 48% 48%;
	grid-gap: 4%;
	margin-top: 65px;
}
.how_point--item {
    border: solid 5px #efefef;
    box-sizing: border-box;
    text-align: center;
	font-size: min((22vw / 6.4), 17px);
    font-weight: bold;
    background: #FFF;
	padding: min((15vw / 6.4), 15px) min((5vw / 6.4), 5px);
}
.how_point--item b {
	color: var(--default-color-red);
}
.how_step {
	display: flex;
	margin-top: min((45vw / 6.4), 40px);
}
.how_step--item {
	display: flex;
	flex-direction: column;
	width: 23.5%;
	padding-right: 1.5%;
    margin-right: 1.5%;
	background: url(../images/pc/yajirushi_1.jpg) no-repeat right 50%;
}
.how_step--item:last-child {
    padding: 0;
    margin: 0;
    background: none;
}
.how_step--item dt {
	font-size: min((32vw / 6.4), 25px);
	color: var(--default-color-gray);
	text-align: center;
	padding-bottom: min((10vw / 6.4), 12px);
}
.how_step--item .notes {
	font-size: min((22vw / 6.4), 13px);
}
.how_step--item .base-button-link {
	display: flex;
    justify-content: center;
	margin-top: min((10vw / 6.4), 15px);
}
.how_attention--list {
	margin-bottom: min((40vw / 6.4), 40px);
}
.how_attention--list--item {
	font-size: min((20vw / 6.4), 12px);
	list-style-type: "・";
	margin: 0 0 min((12vw / 6.4), 7px) 1em;
}

/*★ ＝＝ merit ＝＝ ★*/
#merit .section_inner {
	background-image: url(../images/pc/merit.png);
}
#merit .content_title {
	margin-top: 70px;
}
.three_merit {
	display: flex;
	justify-content: space-around;
}
.three_merit--item {
	display: flex;
	flex-direction: column;
	text-align: center;
	width: 30%;
	padding: min((35vw / 6.4), 35px) 0 min((50vw / 6.4), 70px);
	background-repeat: no-repeat;
	background-position: center top;
}
.three_merit--item:nth-child(1) {
    background-image: url(../images/1.png);
}
.three_merit--item:nth-child(2) {
    background-image: url(../images/2.png);
}
.three_merit--item:nth-child(3) {
    background-image: url(../images/3.png);
}
.three_merit--item em {
	color: var(--default-color-red);
	font-size: min((28vw / 6.4), 23px);
	line-height: 1.3;
	font-weight: bold;
	padding-bottom: min((15vw / 6.4), 15px);
}
.three_merit--item p {
	font-size: min((20vw / 6.4), 15px);
}
.merit_more--text {
	font-size: min((23vw / 6.4), 23px);
	font-weight: bold;
	text-align: center;
}
.merit_more--text:first-child::after {
	display: block;
	content: "";
	height: min((50vw / 6.4), 51px);
	background: url(../images/yajirushi.png) no-repeat center center / contain;
	margin: min((10vw / 6.4), 10px);
}
.merit_more--text em {
	display: block;
	font-size: min((30vw / 6.4), 28px);
}
.merit_more--point {
	display: flex;
	justify-content: center;
}
.merit_more--point--item {
	width:33%;
	background: url(../images/maru.png) no-repeat center top;
    padding: 60px 0;
	font-size: min((20vw / 6.4), 15px);
    text-align: center;
	line-height: 1.6;
}
.merit_more--point--item.is-or {
	width:8%;
	background: none;
	color: var(--default-color-light-gray);
	font-size: min((60vw / 6.4), 60px);
	margin: 0;
}
.merit_more--point--item em {
	display: block;
	color: var(--default-color-red);
	font-size: min((28vw / 6.4), 27px);
	line-height: 1.2;
	font-weight: bold;
	margin-bottom: min((10vw / 6.4), 15px);
}
.merit_more--point--item span {
	display: inline-block;
	
}
.merit_more--point--item dl {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.merit_more--point--item dt {
	color: #dc0429;
	text-align: right;
}
.merit_more--point--item dd {
	text-align: left;
}
.merit_sample {
	text-align: center;
	margin-top: min((40vw / 6.4), 40px);

}

/*★ ＝＝ brand ＝＝ ★*/
#brand .section_inner {
	background-image: url(../images/pc/brand.png);
}
.brand_list {
	background: #fff;
	margin-top: 80px;
}
/*★ ＝＝ access ＝＝ ★*/
#access .section_inner {
	background-image: url(../images/pc/access.png);
}
#access .content_title {
	margin-top: min((60vw / 6.4) , 90px)
}
.address_area {
	display: flex;
	align-items: center;
}
.address_area--logo {
	width: 280px;
}
.address_area--detail {
	width: 640px;
	margin-left: 40px;
}
.address_area--detail {
	display: flex;
	flex-wrap: wrap;;
	font-weight: bold;
}
.address_area--detail dt {
	width: 20%;
	color: var(--default-color-gray);
	font-size: min((20vw / 6.4), 16px);
}
.address_area--detail dd {
	width: 80%;
	font-size: min((22vw / 6.4), 19px);
}
.transport_list {
	display: flex;
	margin-top: 60px;
}
.transport_list--col {
    width: 33.33%;
	border-right: #dedede solid 1px;
}
.transport_list--col:last-child {
	border-right: none;
}
.transport_list--item {
	display: flex;
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 10px 15px;
}
.transport_list--col:last-child .transport_list--item {
	flex-direction: column;
}
.transport_list--item dt {
	width: 30%;
	color: var(--default-color-gray);
}
.transport_list--item dd {
	width: 70%;
}
.transport_list--col:last-child .transport_list--item dt, .transport_list--col:last-child .transport_list--item dd {
	width: 100%;
}
.lotte_map {
	margin-top: min((45vw / 6.4), 40px);
	height: 300px;
}
.lotte_map iframe {
	width: 100%;
}
.airport_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	border: solid min((3vw / 6.4 ), 5px) #efefef;
    padding: min((20vw / 6.4) , 20px) min((10vw / 6.4) , 20px);
}
.airport_list--item {
	width: 50%;
	display: flex;
	align-items: center;
	font-weight: bold;
	margin-bottom: min((10vw / 6.4) , 10px);
	border-right: solid 1px #dedede;
}
.airport_list--item:last-of-type {
	border-right: none;
}
.airport_list--item dt {
	width: 30%;
	color: var(--default-color-gray);
	font-size: min((26vw / 6.4) , 20px);
	text-align: center;
}
.airport_list--item dd {
	width: 70%;
	font-size: min((22vw / 6.4) , 15px);
}
.airport_notes {
	text-align: center;
}
.airport_tab {
	display: flex;
    overflow: hidden;
    border-left: solid 1px #bbb;
	margin-top: min((30vw / 6.4) , 45px);
}
.airport_tab--item {
    background: #f2f2f2;
    width: 25%;
    cursor: pointer;
    border: solid 1px #ccc;
    border-left: none;
    text-align: center;
    font-size: min((17vw / 6.4) , 16px);
    /* font-weight: bold; */
    padding: min((17vw / 6.4) , 27px) 0;
    line-height: 1.2;
    color: #999;
}
.airport_tab--item.select {
    background: #fff;
    border-bottom: solid 1px #fff;
}
.airport_tab--item.select em {
    font-weight: bold;
    border-bottom: solid 2px #de2b24;
    color: #000;
    padding-bottom: 5px;
}
.airport_content--item {
	text-align: center;
	padding: min((45vw / 6.4) , 50px) 0;
}
.airport_content--text {
	font-size: min((17vw / 6.4) , 14px);
    background: #f6f6f6;
    padding: min((15vw / 6.4) , 15px);
    text-align: left;
}

/*★ ＝＝ campaign ＝＝ ★*/
#campaign .section_inner {
	background-image: url(../images/pc/campaign.png);
}
.coupon {
	border: solid min((6vw / 6.4) , 5px) var(--default-color-yellow);
	padding: min((9vw / 6.4) , 9px);
	margin-top: 60px;
	background: #fff;
}
.coupon_inner {
	border: solid min((2vw / 6.4) , 2px) var(--default-color-yellow);
	text-align: center;
	padding: min((28vw / 6.4) , 28px) 0;
}
.coupon_title {
	color: var(--default-color-yellow);
	font-size: min((40vw / 6.4) , 56px);
	font-weight: bold;
}
.coupon_list {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	margin-top: min((20vw / 6.4) , 20px);
}
.coupon_wrapper {
	width: min((500vw / 6.4) , 300px);
	background: var(--default-color-yellow);
	border-radius: min((16vw / 6.4) , 16px);
	padding: 30px 30px 20px;
	margin-top: min((20vw / 6.4) , 15px);
}
.coupon_title--sub {
	color: var(--default-color-yellow);
	font-size: min((30vw / 6.4) , 30px);
	font-weight: bold;
	line-height: 1.3;
	margin-top: min((30vw / 6.4) , 30px);
} 
.coupon_title--sub:first-of-type {
	margin-top: 0;
}
.coupon_qr {
	background: #fff;
	width: 238px;
	height: 238px;
	padding: 30px;
	border-radius: 16px;
}
.coupon_link--text {
	font-size: min((30vw / 6.4) , 18px);
	font-weight: bold;
	padding-top: 20px;
}
.coupon-text {
	margin-top: min((40vw / 6.4) , 30px);
	font-size: min((18vw / 6.4) , 18px);
}
.coupon_detail {
	/*display: flex;*/
	margin-top: min((35vw / 6.4) , 35px);
}
.discount {
	/*width: 73%;*/
	font-size: min((24vw / 6.4) , 18px);
	padding-right: 15px;
}
.discount-text {
    font-weight: bold;
}
.discount_list {
	margin: min((5vw / 6.4) , 5px) 0;
}
.discount_list--item {
    font-weight: bold;
	line-height: 1.7;
}
.coupon_detail em {
	color: var(--default-color-red);
}
.discount_notes {
	font-size: min((17vw / 6.4) , 13px);
	margin-top: min((25vw / 6.4) , 25px);
}
.discount_notes_list--item {
	list-style-type: "※";
	margin-left: 1em;
}
.discount_notes_add {
	font-weight: bold;
	margin-top: min((20vw / 6.4) , 30px);
}
.qr {
	width: 27%;
	border-left: solid #e1e1e1 1px;
}
.qr-text {
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
	margin-left: 25px;
}
.qr-image {
	margin: 15px 0 0 27px;
	padding-left: 1em;
}
.qr-image img {
	width: 150px;
	
}
/*[class^="qr_code--"] {
	text-align: center;
}
[class^="qr_code--"] dt {
	color: var(--default-color-yellow);
	font-size: 18px;
	font-weight: bold;
	margin: min((30vw / 6.4) , 30px) 0 min((15vw / 6.4) , 15px);
}
[class^="qr_code--"] dd img {
	width: 150px;
}*/

/*★ ＝＝ searchApp ＝＝ ★*/
.main #searchApp #topContent {
	padding: 0 !important;
}

/*★ ＝＝ footer ＝＝ ★*/
.footer-new {
  padding-top: 16px;
}

/*------------------------------------------------------------------------------
PC用
------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
	/*★ ＝＝ headerBOX ＝＝ ★*/
	#headerBOX {
		background: url(../images/pc/headBG.jpg) no-repeat center top;
	}
	.header_nav {
		width: 840px;
		justify-content: space-between;
		margin: 0 auto;
	}
}

/*------------------------------------------------------------------------------
タブレット用
------------------------------------------------------------------------------*/
@media only screen and (min-width: 741px) and (max-width: 992px) {
	.breadcrumb {
		width: 100%;
	}
	/*★ ＝＝ navi ＝＝ ★*/
	#navi {
		font-size: 105%;
	}
	.blockNavi_list--item {
		padding-left: 10px;
		margin-left: 10px;
	}

	/*★ ＝＝ how ＝＝ ★*/
	.how_point {
		grid-template-columns: 49% 50%;
		grid-gap: 1%;
	}
	.how_point--item {
		font-size: 15px;
	}
	
	/*★ ＝＝ merit ＝＝ ★*/
	.merit_more--point--item {
		width: 42%;
	}

	/*★ ＝＝ access ＝＝ ★*/
	.address_area--detail {
		width: 660px;
		margin-left: 20px;
	}
	.transport_list--item {
		font-size: 14px;
		padding: 0 0 10px 10px;
	}
	.airport_list--item dt {
		font-size: 18px;
	}
	.airport_list--item dd {
		font-size: 14px;
	}
	.airport_tab--item {
		font-size: 15px;
	}

	/*★ ＝＝ campaign ＝＝ ★*/
	.coupon_wrapper {
		width: 260px;
	}
	.coupon_title--sub {
		font-size: 25px;
	}
	.coupon_qr {
		width: 198px;
		height: 198px;
	}
	.coupon_link--text {
		font-size: 15px;
	}
	.qr-text {
		padding-left: 0;
	}

}

/*------------------------------------------------------------------------------
スマホ用
------------------------------------------------------------------------------*/
@media (max-width:741px) {
	.breadcrumb {
		overflow-x: scroll;
	}
	.base-button-link {
		display: flex;
		justify-content: right;
	}
	/*★ ＝＝ headerBOX ＝＝ ★*/
	#headerBOX {
    	background: url(../images/sp/headBG.jpg) no-repeat center top / contain;
	}
	.header_title {
		width: calc(570vw / 6.4);
		margin: 0 auto;
		text-align: center;
	}
	/*★ ＝＝ section ＝＝ ★*/
	.section_inner {
		margin-left: 0;
		padding-left: 0;
		padding-top: 0 !important;
		background-repeat: no-repeat;
		background-position: left top;
		background-size: contain;
	}
	.section_title {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 0;
		margin-bottom: calc(20vw / 6.4);
		position: relative;
	}
	.section_title--main {
		font-size: calc(30vw / 6.4);
	}
	.section_title--sub {
		font-size: calc(17vw / 6.4);
		margin-top: calc(25vw / 6.4);
		text-align: left;
	}
	.section_title > .base-button-link {
		position: absolute;
		bottom: 0;
		right: 0;
	}
	
	/*★ ＝＝ about ＝＝ ★*/
	#about .section_inner {
		background-image: url(../images/sp/about.png);
	}
	.about_logo {
		width: 40%;
	}
	.about_text--detail {
		color: #000;
	}

	/*★ ＝＝ how ＝＝ ★*/
	#how .section_inner {
		background-image: url(../images/sp/how.png);
	}
	.how_point {
		display: grid;
		grid-template-columns: 100%;
		grid-gap: 4%;
		margin-top: 0;
	}
	.how_step {
		flex-direction: column;
	}
	.how_step--item {
		flex-direction: row;
		width: 100%;
		background: url(../images/sp/yajirushi_1.jpg) no-repeat 7% 70%;
		background-size: 12px 8px;
		padding-right: 0;
		padding: 0 0 calc(35vw / 6.4) 0;
		margin: 0;
	}
	.how_step--item dd {
		font-size: calc(22vw / 6.4);
		padding-left: calc(15vw / 6.4);
	}
	.how_step--item .base-button-link {
		justify-content: end;
	}
	/*★ ＝＝ merit ＝＝ ★*/
	#merit .section_inner {
		background-image: url(../images/sp/merit.png);
	}
	#merit .content_title {
		margin-top: 0;
	}
	.three_merit {
		flex-wrap: wrap;
		justify-content: center;
	}
	.three_merit::before {
		display: flex;
    	justify-content: center;
    	align-items: center;
		font-size: calc(28vw / 6.4);
		line-height: 1.2;
		font-weight: bold;
		width: calc(150vw / 6.4);
		height: calc(150vw / 6.4);
		content: "3つの\Aおトク!";
		white-space: pre;
		border: solid 3px var(--default-color-light-gray);
		border-radius: 50%;
	}
	.three_merit--item {
		width: 50%;
		background-size: 100px 114px;
	}
	.three_merit--item:nth-child(1) {
		width: 60%;
	}
	.three_merit--item:last-child em {
		padding-bottom: 0;
	}
	.merit_more--point--item {
		width: 45%;
		background-size: calc(245vw / 6.4);
		line-height: 1.3;
		padding: calc(40vw / 6.4) 0 calc(10vw / 6.4);
	}

	.merit_more--point--item.is-or {
		width: 10%;
		padding: calc(70vw / 6.4) 0 calc(30vw / 6.4);
	}
	
	/*★ ＝＝ brand ＝＝ ★*/
	#brand .section_inner {
		background-image: url(../images/sp/brand.png);
	}
	#brand .section_title--main {
		padding-bottom: 2.5em;
	}
	.brand_list {
		margin-top: 0;
	}

	/*★ ＝＝ access ＝＝ ★*/
	#access .section_inner {
		background-image: url(../images/sp/access.png);
	}
	#access .section_title--main {
		padding-bottom: 2.5em;
	}
	.address_area {
		flex-direction: column;
		align-items: flex-start;
	}
	.address_area--logo {
		width: 70%;
	}
	.address_area--detail {
		width: 100%;
		margin-left: 0;
	}
	.lotte_map {
		height: calc(340vw / 6.4);
	}
	.airport_list--item {
		width: 100%;
		border-right: none;
	}
	.airport_notes {
		font-size: calc(18vw / 6.4);
		text-align: left;
		text-indent: -1em;
	    padding-left: 1em;
	}
	.airport_tab--item.select em {
		border-bottom: none;
	}
	.airport_content--item {
		padding-bottom: 0;
	}

	/*★ ＝＝ campaign ＝＝ ★*/
	#campaign .section_inner {
		background-image: url(../images/sp/campaign.png);
	}
	#campaign .section_title--main {
		padding-bottom: 2.5em;
	}
	.coupon {
		margin-top: 0;
	}
	.coupon_list {
		flex-direction: column;
	}
	.coupon_list--item:not(:last-child) {
		margin-bottom: calc(65vw / 6.4);
	}
	.coupon_wrapper {
		padding: calc(25vw / 6.4) 0;
	}
	.coupon_link--text {
		padding-top: 0;
	}
	.discount {
		width: 100%;
		padding-right: 0;
	}

	/*★ ＝＝ search ＝＝ ★*/
	#searchApp.section {
		width: 100%;
    }   
	#searchApp .section {
		width: 100%;
		margin: 0;
	}
}

/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
	.base-button-link__item:hover {
		background: #666;
		transition: background var(--default-hover-speed);
	}
	#container a:hover {
	    text-decoration: none;
		color: #df0011;
    }
	#container a:active {
		text-decoration: none;
		color: #df0011;
	}
	[class^="header_nav--"] a:hover {
		opacity: .5;
		transition: var(--default-hover-speed);
	}
	#navi .blockNavi_list--item a:hover::after {
   		transform: scaleX(1);
    	transform-origin: left center 0;
	}
	.airport_tab--item:hover {
		background: #e2e2e2;
		transition: background var(--default-hover-speed);
	}
	.coupon_link:hover {
		opacity: .6;
		transition: var(--default-hover-speed);
		color: #000 !important;
	}
}